{"version":3,"sources":["webpack:///./src/views/website/pages/products/product-details.vue?57cb","webpack:///./src/@core/components/toastification/ToastificationContent.vue?b7ab","webpack:///src/@core/components/toastification/ToastificationContent.vue","webpack:///./src/@core/components/toastification/ToastificationContent.vue?3fc5","webpack:///./src/@core/components/toastification/ToastificationContent.vue","webpack:///./src/views/website/pages/products/product-details.vue?7b1f","webpack:///src/views/website/pages/products/product-details.vue","webpack:///./src/views/website/pages/products/product-details.vue?395a","webpack:///./src/views/website/pages/products/product-details.vue?8b62","webpack:///./src/EK-core/components/EK-forms/EK-input-text/index.vue?e05e","webpack:///src/EK-core/components/EK-forms/EK-input-text/index.vue","webpack:///./src/EK-core/components/EK-forms/EK-input-text/index.vue?350d","webpack:///./src/EK-core/components/EK-forms/EK-input-text/index.vue","webpack:///./src/views/website/pages/products/product-details.vue?8704","webpack:///./src/views/website/pages/products/product-details.vue?02fc","webpack:///./src/@core/components/toastification/ToastificationContent.vue?6534"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","variant","icon","class","domProps","_s","title","_e","text","on","$event","$emit","hideClose","staticRenderFns","components","BAvatar","props","type","String","default","Boolean","component","_v","productDto","name","mainCategory","description","foodSuitability","t","details","no","foodSuitable","limit","currType","limitOutside","productPrice","cartDto","measurement","_f","measurements","find","pr","id","syrianValue","dollarValue","$store","getters","currentImgIndex","path","staticStyle","preview3d","$t","quantity","model","value","callback","$$v","$set","expression","images","direction","slidesPerView","toNextSlide","_l","concat","img","i","key","activeImage","measurCols","scopedSlots","_u","fn","ref","row","column","field","cm","liter","kg","uses","use","addons","addon","attributeName","pm","totalPrice","productDetailsTotalPrice","submitSetToCart","addToCart","slot","close3D","EkTable","Swiper","SwiperSlide","EKInputText","data","screenSize","preview3dModel","metaInfo","titleTemplate","htmlAttrs","lang","$i18n","locale","meta","setup","computed","screenStatus","productActiveLimit","created","getWebsiteProductDetails","then","window","innerWidth","addEventListener","watch","handler","val","isCircleShape","deep","mounted","methods","init","commit","Update_Cart_Quantity_Limit","document","querySelector","classList","add","remove","e","quantityEqualOrAboveLimit","hash","image","price","dollarPrice","productId","productMeasurementId","attribute","map","$toast","ToastificationContent","position","beforeDestroy","removeEventListener","enterSubmit","vid","faildRules","valid","errors","_b","labelCols","$attrs","fieldClass","min","max","innerVal"],"mappings":"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","file":"js/chunk-e5a44674.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./product-details.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"toastification\"},[_c('div',{staticClass:\"d-flex align-items-start\"},[_c('b-avatar',{staticClass:\"mr-75 flex-shrink-0\",attrs:{\"variant\":_vm.variant,\"size\":\"1.8rem\"}},[_c('feather-icon',{attrs:{\"icon\":_vm.icon,\"size\":\"15\"}})],1),_c('div',{staticClass:\"d-flex flex-grow-1\"},[_c('div',[(_vm.title)?_c('h5',{staticClass:\"mb-0 font-weight-bolder toastification-title\",class:(\"text-\" + _vm.variant),domProps:{\"textContent\":_vm._s(_vm.title)}}):_vm._e(),(_vm.text)?_c('small',{staticClass:\"d-inline-block text-body\",domProps:{\"textContent\":_vm._s(_vm.text)}}):_vm._e()]),_c('span',{staticClass:\"cursor-pointer toastification-close-icon ml-auto \",on:{\"click\":function($event){return _vm.$emit('close-toast')}}},[(!_vm.hideClose)?_c('feather-icon',{staticClass:\"text-body\",attrs:{\"icon\":\"XIcon\"}}):_vm._e()],1)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"toastification\">\r\n    <div class=\"d-flex align-items-start\">\r\n      <b-avatar\r\n        :variant=\"variant\"\r\n        size=\"1.8rem\"\r\n        class=\"mr-75 flex-shrink-0\"\r\n      >\r\n        <feather-icon\r\n          :icon=\"icon\"\r\n          size=\"15\"\r\n        />\r\n      </b-avatar>\r\n      <div class=\"d-flex flex-grow-1\">\r\n        <div>\r\n          <h5\r\n            v-if=\"title\"\r\n            class=\"mb-0 font-weight-bolder toastification-title\"\r\n            :class=\"`text-${variant}`\"\r\n            v-text=\"title\"\r\n          />\r\n          <small\r\n            v-if=\"text\"\r\n            class=\"d-inline-block text-body\"\r\n            v-text=\"text\"\r\n          />\r\n        </div>\r\n        <span\r\n          class=\"cursor-pointer toastification-close-icon ml-auto \"\r\n          @click=\"$emit('close-toast')\"\r\n        >\r\n          <feather-icon\r\n            v-if=\"!hideClose\"\r\n            icon=\"XIcon\"\r\n            class=\"text-body\"\r\n          />\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BAvatar } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAvatar,\r\n  },\r\n  props: {\r\n    variant: {\r\n      type: String,\r\n      default: 'primary',\r\n    },\r\n    icon: {\r\n      type: String,\r\n      default: null,\r\n    },\r\n    title: {\r\n      type: String,\r\n      default: null,\r\n    },\r\n    text: {\r\n      type: String,\r\n      default: null,\r\n    },\r\n    hideClose: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.toastification-close-icon,\r\n.toastification-title {\r\n  line-height: 26px;\r\n}\r\n\r\n.toastification-title {\r\n  color: inherit;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToastificationContent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToastificationContent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToastificationContent.vue?vue&type=template&id=55dd3057&scoped=true&\"\nimport script from \"./ToastificationContent.vue?vue&type=script&lang=js&\"\nexport * from \"./ToastificationContent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ToastificationContent.vue?vue&type=style&index=0&id=55dd3057&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"55dd3057\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"product-details\"},[_c('b-container',{staticClass:\"py-3\"},[_c('section',{staticClass:\"pb-3\"},[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\",\"order\":\"1\",\"order-md\":\"0\"}},[_c('div',{staticClass:\"porduct-caption py-5 px-2\",attrs:{\"data-aos\":\"fade-right\",\"data-aos-duration\":\"200\"}},[_c('div',{staticClass:\"caption-header d-flex flex-column\"},[_c('h1',{staticClass:\"text-custom-blue-sky\"},[_vm._v(\" \"+_vm._s(_vm.productDto.name)+\" \")]),_c('h3',{staticClass:\"text-light\"},[_vm._v(\" \"+_vm._s(_vm.productDto.mainCategory)+\" \")])]),_c('div',{staticClass:\"desc my-2\"},[_c('p',{staticClass:\"lead text-light\"},[_vm._v(\" \"+_vm._s(_vm.productDto.description)+\" \")])]),_c('div',{staticClass:\"d-flex flex-column\"},[_c('h5',{staticClass:\"text-light mb-1\"},[_vm._v(\" - \"+_vm._s(_vm.productDto.foodSuitability ? \"\" : _vm.t(\"product\").details.no)+\" \"+_vm._s(_vm.t(\"product\").details.foodSuitable)+\" \")]),_c('h5',{staticClass:\"text-light\"},[_vm._v(\" - \"+_vm._s(_vm.t(\"product\").details.limit + \" \" + (_vm.currType ? _vm.productDto.limitOutside : _vm.productDto.limit))+\" \")]),_c('h6',{staticClass:\"text-custom-blue-sky mt-3\"},[_vm._v(\" \"+_vm._s(_vm.t(\"product\").details.productPrice)+\" \")]),(_vm.cartDto.measurement && !_vm.currType)?_c('h3',{staticClass:\"text-light\"},[_vm._v(\" \"+_vm._s(_vm._f(\"numFormat\")(_vm.productDto.measurements.find(function (pr) { return pr.id == _vm.cartDto.measurement; }) .syrianValue,\"0,0.000\"))+\" \"+_vm._s(_vm.t(\"sp\"))+\" \")]):_vm._e(),(_vm.cartDto.measurement && _vm.currType)?_c('h3',{staticClass:\"text-light\"},[_vm._v(\" \"+_vm._s(_vm._f(\"numFormat\")(_vm.productDto.measurements.find(function (pr) { return pr.id == _vm.cartDto.measurement; }) .dollarValue,\"0,0.000\"))+\" \"+_vm._s(_vm.t(\"usd\"))+\" \")]):_vm._e()])])]),_c('b-col',{staticClass:\"mt-4 mt-md-0\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"product-carousel\"},[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"9\"}},[_c('div',{staticClass:\"w-100 h-100 d-flex align-items-center justify-content-center\"},[_c('div',{staticClass:\"d-flex flex-column align-items-center\",attrs:{\"data-aos\":\"fade-up\",\"data-aos-duration\":\"2000\"}},[_c('div',{staticClass:\"product-img\"},[(_vm.productDto.measurements.length)?_c('img',{attrs:{\"src\":_vm.$store.getters['app/domainHost'] +\n                          '/' +\n                          _vm.productDto.measurements[_vm.currentImgIndex].path}}):_vm._e(),(_vm.productDto.path3D)?_c('b-button',{staticClass:\"my-2 p-50\",staticStyle:{\"font-size\":\"12px\"},attrs:{\"variant\":\"custom-blue\",\"block\":\"\"},on:{\"click\":_vm.preview3d}},[_vm._v(\" \"+_vm._s(_vm.$t(\"website.threedPreview\"))+\" \"),_c('unicon',{staticClass:\"mx-25\",attrs:{\"height\":\"15\",\"fill\":\"#fff\",\"name\":\"cube\"}})],1):_vm._e()],1),_c('div',{staticClass:\"mt-5 counter d-flex w-100 justify-content-center align-items-center\"},[_c('b-button',{staticClass:\"rounded-circle quantity\",attrs:{\"variant\":\"custom-blue-sky\"},on:{\"click\":function($event){_vm.cartDto.quantity++}}},[_c('unicon',{attrs:{\"name\":\"plus\",\"width\":\"18\",\"height\":\"18\",\"fill\":\"#fff\"}})],1),_c('EKInputText',{staticClass:\"mx-2\",attrs:{\"fieldClass\":\"input-field borderd\",\"name\":\"quantity\",\"type\":\"number\",\"min\":0},model:{value:(_vm.cartDto.quantity),callback:function ($$v) {_vm.$set(_vm.cartDto, \"quantity\", $$v)},expression:\"cartDto.quantity\"}}),_c('b-button',{staticClass:\"rounded-circle quantity\",attrs:{\"variant\":\"custom-blue-sky\"},on:{\"click\":function($event){_vm.cartDto.quantity > 1\n                            ? _vm.cartDto.quantity--\n                            : (_vm.cartDto.quantity = 1)}}},[_c('unicon',{attrs:{\"name\":\"minus\",\"width\":\"18\",\"height\":\"18\",\"fill\":\"#fff\"}})],1)],1)])])]),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"3\"}},[_c('div',{staticClass:\"d-none d-md-block\",attrs:{\"data-aos\":\"fade-up\",\"data-aos-duration\":\"2500\"}},[(_vm.productDto.images.length)?_c('swiper',{staticClass:\"products-carousel mt-4 mt-md-0\",attrs:{\"options\":{\n                      direction: 'vertical',\n                      slidesPerView: 4,\n                    }},on:{\"click-slide\":_vm.toNextSlide}},_vm._l(([].concat( _vm.productDto.measurements )),function(img,i){return _c('swiper-slide',{key:i,class:{\n                        activeImage: i == _vm.currentImgIndex,\n                      },on:{\"click\":function($event){typeof img == 'string'\n                          ? function () { return false; }\n                          : (_vm.cartDto.measurement = img.id)}}},[_c('img',{staticClass:\"rounded\",attrs:{\"src\":typeof img == 'string'\n                            ? _vm.$store.getters['app/domainHost'] + '//' + img\n                            : _vm.$store.getters['app/domainHost'] + '//' + img.path,\"width\":\"80\"}})])}),1):_vm._e()],1),_c('div',{staticClass:\"d-md-none\",attrs:{\"data-aos\":\"fade-up\",\"data-aos-duration\":\"2500\"}},[(_vm.productDto.images.length)?_c('swiper',{staticClass:\"mt-4 mt-md-0\",attrs:{\"options\":{ slidesPerView: 3 }},on:{\"click-slide\":_vm.toNextSlide}},_vm._l((_vm.productDto.images.concat( _vm.productDto.measurements )),function(img,i){return _c('swiper-slide',{key:i,staticClass:\"text-center\",class:{\n                        activeImage: i == _vm.currentImgIndex,\n                      },on:{\"click\":function($event){typeof img == 'string'\n                          ? function () { return false; }\n                          : (_vm.cartDto.measurement = img.id)}}},[_c('img',{staticClass:\"rounded\",attrs:{\"src\":typeof img == 'string'\n                            ? _vm.$store.getters['app/domainHost'] + '//' + img\n                            : _vm.$store.getters['app/domainHost'] + '//' + img.path,\"width\":\"80\",\"height\":\"80\"}})])}),1):_vm._e()],1)])],1)],1)])],1)],1),_c('section',{staticClass:\"uses\"},[_c('b-row',[_c('b-col',[_c('div',{staticClass:\"custom-shadow px-5 py-1 rounded\"},[_c('h4',{staticClass:\"text-custom-blue-sky m-0\"},[_vm._v(\" \"+_vm._s(_vm.t(\"product\").details.measurements)+\" \")])]),_c('b-container',{staticClass:\"pt-3\"},[_c('b-form-radio-group',{attrs:{\"data-aos\":\"fade-up\",\"data-aos-duration\":\"2500\"},model:{value:(_vm.cartDto.measurement),callback:function ($$v) {_vm.$set(_vm.cartDto, \"measurement\", $$v)},expression:\"cartDto.measurement\"}},[_c('EkTable',{staticClass:\"cart-table rounded mt-2\",attrs:{\"no_select\":\"\",\"no_delete\":\"\",\"items\":_vm.productDto.measurements,\"columns\":_vm.measurCols},scopedSlots:_vm._u([{key:\"items.radio\",fn:function(ref){\n                            var props = ref.props;\nreturn [_c('b-radio',{staticClass:\"select-radio\",attrs:{\"value\":props.row.id}})]}},{key:\"headers\",fn:function(ref){\n                            var props = ref.props;\nreturn [_c('span',[_vm._v(\" \"+_vm._s(_vm.t(\"product.details\")[props.column.field])+\" \")])]}},{key:\"items.length\",fn:function(ref){\n                            var value = ref.value;\nreturn [_vm._v(\" \"+_vm._s(value + \" \" + _vm.t(\"product\").details.cm)+\" \")]}},{key:\"items.width\",fn:function(ref){\n                            var value = ref.value;\nreturn [_vm._v(\" \"+_vm._s(value + \" \" + _vm.t(\"product\").details.cm)+\" \")]}},{key:\"items.height\",fn:function(ref){\n                            var value = ref.value;\nreturn [_vm._v(\" \"+_vm._s(value + \" \" + _vm.t(\"product\").details.cm)+\" \")]}},{key:\"items.capacityLiter\",fn:function(ref){\n                            var value = ref.value;\nreturn [_vm._v(\" \"+_vm._s(value ? value + \" \" + _vm.t(\"product\").details.liter : \"-\")+\" \")]}},{key:\"items.capacityKilo\",fn:function(ref){\n                            var value = ref.value;\nreturn [_vm._v(\" \"+_vm._s(value ? value + \" \" + _vm.t(\"product\").details.kg : \"-\")+\" \")]}},{key:\"items.syrianValue\",fn:function(ref){\n                            var props = ref.props;\nreturn [(!_vm.currType)?[_vm._v(\" \"+_vm._s(_vm._f(\"numFormat\")(props.row.syrianValue,\"0,0.000\"))+\" \"+_vm._s(_vm.t(\"sp\"))+\" \")]:[_vm._v(\" \"+_vm._s(_vm._f(\"numFormat\")(props.row.dollarValue,\"0,0.000\"))+\" \"+_vm._s(_vm.t(\"usd\"))+\" \")]]}}])})],1)],1)],1),(_vm.productDto.uses.length)?_c('b-col',{attrs:{\"cols\":\"12\",\"lg\":\"6\"}},[_c('div',{staticClass:\"custom-shadow px-5 py-1 rounded\"},[_c('h4',{staticClass:\"text-custom-blue-sky m-0\"},[_vm._v(\" \"+_vm._s(_vm.t(\"product\").details.uses)+\" \")])]),_c('div',{staticClass:\"uses-content pt-3\",attrs:{\"data-aos\":\"fade-up\",\"data-aos-duration\":\"2500\"}},[_c('b-container',_vm._l((_vm.productDto.uses),function(use){return _c('h5',{key:use,staticClass:\"my-1 mb-2\"},[_vm._v(\" - \"+_vm._s(use)+\" \")])}),0)],1)]):_vm._e()],1)],1),(_vm.productDto.addons.length)?_c('section',{staticClass:\"additions\"},[_c('b-form-checkbox-group',{model:{value:(_vm.cartDto.addons),callback:function ($$v) {_vm.$set(_vm.cartDto, \"addons\", $$v)},expression:\"cartDto.addons\"}},[_c('div',{staticClass:\"custom-shadow px-5 py-1 rounded\"},[_c('h4',{staticClass:\"text-custom-blue-sky m-0\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"website.other-addons\"))+\" \")])]),_c('div',{staticClass:\"props my-5\"},[_c('b-container',[_c('b-row',_vm._l((_vm.productDto.addons),function(addon,i){return _c('b-col',{key:addon.id,attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"4\"}},[_c('label',{attrs:{\"for\":'cb' + i,\"data-aos\":\"fade-up\",\"data-aos-duration\":1000 * ((i % 3) + 1)}},[_c('div',{staticClass:\"add-card\"},[_c('div',{staticClass:\"image-2\"},[_c('div',{staticClass:\"category-image-card-border rounded\"},[_c('div',{staticClass:\"category-image-card rounded\"},[_c('div',{staticClass:\"sub-category rounded\"})])]),_c('div',{staticClass:\"category-content d-flex align-items-center\"},[_c('div',{staticClass:\"d-flex justify-content-between w-100 alig-items-center\"},[_c('h5',{staticClass:\"text-light m-0 d-flex alig-items-center\"},[_c('b-checkbox',{attrs:{\"id\":'cb' + i,\"value\":addon}}),_vm._v(\" \"+_vm._s(addon.attributeName)+\" \")],1),(!_vm.currType)?_c('h5',{staticClass:\"text-light m-0\"},[_vm._v(\" ( \"+_vm._s(addon.syrianValue)+\" \"+_vm._s(_vm.t(\"sp\"))+\") \")]):_c('h5',{staticClass:\"text-light m-0\"},[_vm._v(\" ( \"+_vm._s(addon.dollarValue)+\" \"+_vm._s(_vm.t(\"usd\"))+\") \")])])])])])])])}),1)],1)],1)])],1):_vm._e(),_c('section',{staticClass:\"total-result my-5\"},[_c('div',{staticClass:\"wrapper-container d-md-flex custom-shadow rounded\",staticStyle:{\"padding\":\"0 !important\"},attrs:{\"data-aos\":\"fade-up\",\"data-aos-duration\":\"2500\"}},[_c('div',{staticClass:\"wrapper pr-1 p-2\"},[_c('div',{staticClass:\"skew-content w-100 d-flex align-items-center justify-content-between\"},[_c('h6',{staticClass:\"text-custom-blue-sky mb-0 mx-md-1\"},[_vm._v(\" \"+_vm._s(_vm.t(\"product\").details.productPrice)+\" \")]),(_vm.cartDto.measurement && !_vm.currType)?_c('h6',{staticClass:\"text-light m-0 mx-1\"},[_vm._v(\" (\"+_vm._s(_vm._f(\"numFormat\")(_vm.productDto.measurements.find(function (pm) { return pm.id == _vm.cartDto.measurement; }) .syrianValue,\"0,0.000\"))+\" \"+_vm._s(_vm.t(\"sp\"))+\") \")]):_vm._e(),(_vm.cartDto.measurement && _vm.currType)?_c('h6',{staticClass:\"text-light m-0 mx-1\"},[_vm._v(\" (\"+_vm._s(_vm._f(\"numFormat\")(_vm.productDto.measurements.find(function (pm) { return pm.id == _vm.cartDto.measurement; }) .dollarValue,\"0,0.000\"))+\" \"+_vm._s(_vm.t(\"usd\"))+\") \")]):_vm._e()])]),_c('div',{staticClass:\"wrapper pr-1 p-2\"},[_c('div',{staticClass:\"skew-content w-100 d-flex align-items-center justify-content-between\"},[_c('h6',{staticClass:\"text-custom-blue-sky m-0\"},[_vm._v(\" \"+_vm._s(_vm.t(\"product\").details.quantity)+\" \")]),_c('h6',{staticClass:\"text-light m-0 mx-2\"},[_vm._v(\"(\"+_vm._s(_vm.cartDto.quantity)+\")\")])])]),_vm._l((_vm.cartDto.addons),function(addon){return _c('div',{key:addon.id,staticClass:\"wrapper pr-1 p-2\"},[_c('div',{staticClass:\"skew-content w-100 d-flex align-items-center justify-content-between\"},[_c('h6',{staticClass:\"text-custom-blue-sky m-0\"},[_vm._v(\" \"+_vm._s(addon.attributeName)+\" \")]),(!_vm.currType)?_c('h6',{staticClass:\"text-light m-0 mx-2\"},[_vm._v(\" (\"+_vm._s(_vm._f(\"numFormat\")(addon.syrianValue,\"0,0.000\"))+\" \"+_vm._s(_vm.t(\"sp\"))+\") \")]):_c('h6',{staticClass:\"text-light m-0 mx-2\"},[_vm._v(\" (\"+_vm._s(_vm._f(\"numFormat\")(addon.dollarValue,\"0,0.000\"))+\") \")])])])}),_c('div',{staticClass:\"wrapper pr-1 p-2 mr-auto\"},[_c('div',{staticClass:\"skew-content w-100 d-flex align-items-center justify-content-between\"},[_c('h6',{staticClass:\"text-custom-blue-sky m-0\"},[_vm._v(\" \"+_vm._s(_vm.t(\"product\").details.totalPrice)+\" \")]),(!_vm.currType)?_c('h6',{staticClass:\"text-light m-0 mx-2\"},[_vm._v(\" (\"+_vm._s(_vm._f(\"numFormat\")(_vm.productDetailsTotalPrice,\"0,0.000\"))+\" \"+_vm._s(_vm.t(\"sp\"))+\") \")]):_c('h6',{staticClass:\"text-light m-0 mx-2\"},[_vm._v(\" (\"+_vm._s(_vm._f(\"numFormat\")(_vm.productDetailsTotalPrice,\"0,0.000\"))+\" \"+_vm._s(_vm.t(\"usd\"))+\") \")])])]),_c('div',{staticClass:\"rounded border-0\"},[_c('b-button',{staticClass:\"w-100 h-100 px-3\",attrs:{\"variant\":\"custom-blue\"},on:{\"click\":function($event){return _vm.submitSetToCart()}}},[_c('div',{staticClass:\"skew-content\"},[_vm._v(\" \"+_vm._s(_vm.t(\"product\").details.addToCart)+\" \"),_c('unicon',{attrs:{\"name\":\"shopping-cart\",\"fill\":\"#fff\"}})],1)])],1)],2)]),(_vm.preview3dModel)?_c('div',{staticClass:\"threeD-modal\"},[_c('model-viewer',{ref:\"modelviewer\",staticClass:\"w-100\",staticStyle:{\"height\":\"100%\"},attrs:{\"interaction-prompt\":\"auto\",\"src\":((_vm.$store.getters['app/domainHost']) + \"/\" + (_vm.productDto.path3D)),\"ar\":\"\",\"ar-modes\":\"webxr scene-viewer quick-look\",\"camera-controls\":\"\",\"environment-image\":\"neutral\",\"shadow-intensity\":\"1.8\",\"exposure\":\"1.08\",\"auto-rotate\":\"\"}},[_c('button',{attrs:{\"slot\":\"ar-button\",\"id\":\"ar-button\"},slot:\"ar-button\"},[_vm._v(\"View in AR\")])]),_c('b-button',{staticClass:\"mt-3 p-0 rounded-circle close-modal-btn\",attrs:{\"variant\":\"danger\"},on:{\"click\":_vm.close3D}},[_c('unicon',{attrs:{\"name\":\"times\",\"width\":\"20\",\"fill\":\"#fff\"}})],1)],1):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"product-details\">\r\n    <b-container class=\"py-3\">\r\n      <section class=\"pb-3\">\r\n        <b-row>\r\n          <b-col cols=\"12\" md=\"6\" order=\"1\" order-md=\"0\">\r\n            <div\r\n              class=\"porduct-caption py-5 px-2\"\r\n              data-aos=\"fade-right\"\r\n              data-aos-duration=\"200\"\r\n            >\r\n              <div class=\"caption-header d-flex flex-column\">\r\n                <h1 class=\"text-custom-blue-sky\">\r\n                  {{ productDto.name }}\r\n                </h1>\r\n                <h3 class=\"text-light\">\r\n                  {{ productDto.mainCategory }}\r\n                </h3>\r\n              </div>\r\n              <div class=\"desc my-2\">\r\n                <p class=\"lead text-light\">\r\n                  {{ productDto.description }}\r\n                </p>\r\n              </div>\r\n              <div class=\"d-flex flex-column\">\r\n                <h5 class=\"text-light mb-1\">\r\n                  -\r\n                  {{ productDto.foodSuitability ? \"\" : t(\"product\").details.no }}\r\n                  {{ t(\"product\").details.foodSuitable }}\r\n                </h5>\r\n                <h5 class=\"text-light\">\r\n                  -\r\n                  {{\r\n                    t(\"product\").details.limit +\r\n                    \" \" +\r\n                    (currType ? productDto.limitOutside : productDto.limit)\r\n                  }}\r\n                </h5>\r\n                <h6 class=\"text-custom-blue-sky mt-3\">\r\n                  {{ t(\"product\").details.productPrice }}\r\n                </h6>\r\n                <h3 class=\"text-light\" v-if=\"cartDto.measurement && !currType\">\r\n                  {{\r\n                    productDto.measurements.find((pr) => pr.id == cartDto.measurement)\r\n                      .syrianValue | numFormat(\"0,0.000\")\r\n                  }}\r\n                  {{ t(\"sp\") }}\r\n                </h3>\r\n                <h3 class=\"text-light\" v-if=\"cartDto.measurement && currType\">\r\n                  {{\r\n                    productDto.measurements.find((pr) => pr.id == cartDto.measurement)\r\n                      .dollarValue | numFormat(\"0,0.000\")\r\n                  }}\r\n                  {{ t(\"usd\") }}\r\n                </h3>\r\n              </div>\r\n            </div>\r\n          </b-col>\r\n          <b-col cols=\"12\" md=\"6\" class=\"mt-4 mt-md-0\">\r\n            <div class=\"product-carousel\">\r\n              <b-row>\r\n                <b-col cols=\"12\" md=\"9\">\r\n                  <div\r\n                    class=\"w-100 h-100 d-flex align-items-center justify-content-center\"\r\n                  >\r\n                    <div\r\n                      class=\"d-flex flex-column align-items-center\"\r\n                      data-aos=\"fade-up\"\r\n                      data-aos-duration=\"2000\"\r\n                    >\r\n                      <div class=\"product-img\">\r\n                        <img\r\n                          v-if=\"productDto.measurements.length\"\r\n                          :src=\"\r\n                            $store.getters['app/domainHost'] +\r\n                            '/' +\r\n                            productDto.measurements[currentImgIndex].path\r\n                          \"\r\n                        />\r\n                        <b-button\r\n                          v-if=\"productDto.path3D\"\r\n                          variant=\"custom-blue\"\r\n                          block\r\n                          class=\"my-2 p-50\"\r\n                          style=\"font-size: 12px\"\r\n                          @click=\"preview3d\"\r\n                        >\r\n                          {{ $t(\"website.threedPreview\") }}\r\n                          <unicon\r\n                            height=\"15\"\r\n                            fill=\"#fff\"\r\n                            name=\"cube\"\r\n                            class=\"mx-25\"\r\n                          ></unicon>\r\n                        </b-button>\r\n                      </div>\r\n                      <div\r\n                        class=\"mt-5 counter d-flex w-100 justify-content-center align-items-center\"\r\n                      >\r\n                        <b-button\r\n                          @click=\"cartDto.quantity++\"\r\n                          class=\"rounded-circle quantity\"\r\n                          variant=\"custom-blue-sky\"\r\n                        >\r\n                          <unicon name=\"plus\" width=\"18\" height=\"18\" fill=\"#fff\"></unicon>\r\n                        </b-button>\r\n                        <EKInputText\r\n                          class=\"mx-2\"\r\n                          fieldClass=\"input-field borderd\"\r\n                          v-model=\"cartDto.quantity\"\r\n                          name=\"quantity\"\r\n                          type=\"number\"\r\n                          :min=\"0\"\r\n                        />\r\n                        <b-button\r\n                          @click=\"\r\n                            cartDto.quantity > 1\r\n                              ? cartDto.quantity--\r\n                              : (cartDto.quantity = 1)\r\n                          \"\r\n                          class=\"rounded-circle quantity\"\r\n                          variant=\"custom-blue-sky\"\r\n                        >\r\n                          <unicon\r\n                            name=\"minus\"\r\n                            width=\"18\"\r\n                            height=\"18\"\r\n                            fill=\"#fff\"\r\n                          ></unicon>\r\n                        </b-button>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </b-col>\r\n                <b-col cols=\"12\" md=\"3\">\r\n                  <div\r\n                    class=\"d-none d-md-block\"\r\n                    data-aos=\"fade-up\"\r\n                    data-aos-duration=\"2500\"\r\n                  >\r\n                    <swiper\r\n                      :options=\"{\r\n                        direction: 'vertical',\r\n                        slidesPerView: 4,\r\n                      }\"\r\n                      class=\"products-carousel mt-4 mt-md-0\"\r\n                      v-if=\"productDto.images.length\"\r\n                      @click-slide=\"toNextSlide\"\r\n                    >\r\n                      <swiper-slide\r\n                        v-for=\"(img, i) in [...productDto.measurements]\"\r\n                        :key=\"i\"\r\n                        :class=\"{\r\n                          activeImage: i == currentImgIndex,\r\n                        }\"\r\n                        @click=\"\r\n                          typeof img == 'string'\r\n                            ? () => false\r\n                            : (cartDto.measurement = img.id)\r\n                        \"\r\n                      >\r\n                        <img\r\n                          :src=\"\r\n                            typeof img == 'string'\r\n                              ? $store.getters['app/domainHost'] + '//' + img\r\n                              : $store.getters['app/domainHost'] + '//' + img.path\r\n                          \"\r\n                          class=\"rounded\"\r\n                          width=\"80\"\r\n                        />\r\n                      </swiper-slide>\r\n                    </swiper>\r\n                  </div>\r\n                  <div class=\"d-md-none\" data-aos=\"fade-up\" data-aos-duration=\"2500\">\r\n                    <swiper\r\n                      :options=\"{ slidesPerView: 3 }\"\r\n                      class=\"mt-4 mt-md-0\"\r\n                      v-if=\"productDto.images.length\"\r\n                      @click-slide=\"toNextSlide\"\r\n                    >\r\n                      <swiper-slide\r\n                        v-for=\"(img, i) in [\r\n                          ...productDto.images,\r\n                          ...productDto.measurements,\r\n                        ]\"\r\n                        :key=\"i\"\r\n                        :class=\"{\r\n                          activeImage: i == currentImgIndex,\r\n                        }\"\r\n                        class=\"text-center\"\r\n                        @click=\"\r\n                          typeof img == 'string'\r\n                            ? () => false\r\n                            : (cartDto.measurement = img.id)\r\n                        \"\r\n                      >\r\n                        <img\r\n                          :src=\"\r\n                            typeof img == 'string'\r\n                              ? $store.getters['app/domainHost'] + '//' + img\r\n                              : $store.getters['app/domainHost'] + '//' + img.path\r\n                          \"\r\n                          class=\"rounded\"\r\n                          width=\"80\"\r\n                          height=\"80\"\r\n                        />\r\n                      </swiper-slide>\r\n                    </swiper>\r\n                  </div>\r\n                </b-col>\r\n              </b-row>\r\n            </div>\r\n          </b-col>\r\n        </b-row>\r\n      </section>\r\n      <section class=\"uses\">\r\n        <b-row>\r\n          <b-col>\r\n            <div class=\"custom-shadow px-5 py-1 rounded\">\r\n              <h4 class=\"text-custom-blue-sky m-0\">\r\n                {{ t(\"product\").details.measurements }}\r\n              </h4>\r\n            </div>\r\n            <b-container class=\"pt-3\">\r\n              <b-form-radio-group\r\n                v-model=\"cartDto.measurement\"\r\n                data-aos=\"fade-up\"\r\n                data-aos-duration=\"2500\"\r\n              >\r\n                <EkTable\r\n                  no_select\r\n                  no_delete\r\n                  :items=\"productDto.measurements\"\r\n                  class=\"cart-table rounded mt-2\"\r\n                  :columns=\"measurCols\"\r\n                >\r\n                  <template slot=\"items.radio\" scope=\"{props}\">\r\n                    <b-radio :value=\"props.row.id\" class=\"select-radio\"> </b-radio>\r\n                  </template>\r\n                  <template slot=\"headers\" slot-scope=\"{ props }\">\r\n                    <span>\r\n                      {{ t(\"product.details\")[props.column.field] }}\r\n                    </span>\r\n                  </template>\r\n\r\n                  <template slot=\"items.length\" scope=\"{value}\">\r\n                    {{ value + \" \" + t(\"product\").details.cm }}\r\n                  </template>\r\n                  <template slot=\"items.width\" scope=\"{value}\">\r\n                    {{ value + \" \" + t(\"product\").details.cm }}\r\n                  </template>\r\n                  <template slot=\"items.height\" scope=\"{value}\">\r\n                    {{ value + \" \" + t(\"product\").details.cm }}\r\n                  </template>\r\n                  <template slot=\"items.capacityLiter\" scope=\"{value}\">\r\n                    {{ value ? value + \" \" + t(\"product\").details.liter : \"-\" }}\r\n                  </template>\r\n                  <template slot=\"items.capacityKilo\" scope=\"{value}\">\r\n                    {{ value ? value + \" \" + t(\"product\").details.kg : \"-\" }}\r\n                  </template>\r\n                  <template slot=\"items.syrianValue\" scope=\"{props}\">\r\n                    <template v-if=\"!currType\">\r\n                      {{ props.row.syrianValue | numFormat(\"0,0.000\") }}\r\n                      {{ t(\"sp\") }}\r\n                    </template>\r\n                    <template v-else>\r\n                      {{ props.row.dollarValue | numFormat(\"0,0.000\") }}\r\n                      {{ t(\"usd\") }}\r\n                    </template>\r\n                  </template>\r\n                </EkTable>\r\n              </b-form-radio-group>\r\n            </b-container>\r\n          </b-col>\r\n          <b-col cols=\"12\" lg=\"6\" v-if=\"productDto.uses.length\">\r\n            <div class=\"custom-shadow px-5 py-1 rounded\">\r\n              <h4 class=\"text-custom-blue-sky m-0\">\r\n                {{ t(\"product\").details.uses }}\r\n              </h4>\r\n            </div>\r\n            <div class=\"uses-content pt-3\" data-aos=\"fade-up\" data-aos-duration=\"2500\">\r\n              <b-container>\r\n                <h5 v-for=\"use in productDto.uses\" class=\"my-1 mb-2\" :key=\"use\">\r\n                  - {{ use }}\r\n                </h5>\r\n              </b-container>\r\n            </div>\r\n          </b-col>\r\n        </b-row>\r\n      </section>\r\n      <section class=\"additions\" v-if=\"productDto.addons.length\">\r\n        <b-form-checkbox-group v-model=\"cartDto.addons\">\r\n          <div class=\"custom-shadow px-5 py-1 rounded\">\r\n            <h4 class=\"text-custom-blue-sky m-0\">\r\n              {{ $t(\"website.other-addons\") }}\r\n            </h4>\r\n          </div>\r\n          <div class=\"props my-5\">\r\n            <b-container>\r\n              <b-row>\r\n                <b-col\r\n                  cols=\"12\"\r\n                  md=\"6\"\r\n                  lg=\"4\"\r\n                  v-for=\"(addon, i) in productDto.addons\"\r\n                  :key=\"addon.id\"\r\n                >\r\n                  <label\r\n                    :for=\"'cb' + i\"\r\n                    data-aos=\"fade-up\"\r\n                    :data-aos-duration=\"1000 * ((i % 3) + 1)\"\r\n                  >\r\n                    <div class=\"add-card\">\r\n                      <div class=\"image-2\">\r\n                        <div class=\"category-image-card-border rounded\">\r\n                          <div class=\"category-image-card rounded\">\r\n                            <div class=\"sub-category rounded\"></div>\r\n                          </div>\r\n                        </div>\r\n                        <div class=\"category-content d-flex align-items-center\">\r\n                          <div\r\n                            class=\"d-flex justify-content-between w-100 alig-items-center\"\r\n                          >\r\n                            <h5 class=\"text-light m-0 d-flex alig-items-center\">\r\n                              <b-checkbox :id=\"'cb' + i\" :value=\"addon\"></b-checkbox>\r\n                              {{ addon.attributeName }}\r\n                            </h5>\r\n                            <h5 v-if=\"!currType\" class=\"text-light m-0\">\r\n                              (\r\n                              {{ addon.syrianValue }}\r\n                              {{ t(\"sp\") }})\r\n                            </h5>\r\n                            <h5 v-else class=\"text-light m-0\">\r\n                              (\r\n                              {{ addon.dollarValue }}\r\n                              {{ t(\"usd\") }})\r\n                            </h5>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </label>\r\n                </b-col>\r\n              </b-row>\r\n            </b-container>\r\n          </div>\r\n        </b-form-checkbox-group>\r\n      </section>\r\n      <section class=\"total-result my-5\">\r\n        <div\r\n          class=\"wrapper-container d-md-flex custom-shadow rounded\"\r\n          style=\"padding: 0 !important\"\r\n          data-aos=\"fade-up\"\r\n          data-aos-duration=\"2500\"\r\n        >\r\n          <div class=\"wrapper pr-1 p-2\">\r\n            <div\r\n              class=\"skew-content w-100 d-flex align-items-center justify-content-between\"\r\n            >\r\n              <h6 class=\"text-custom-blue-sky mb-0 mx-md-1\">\r\n                {{ t(\"product\").details.productPrice }}\r\n              </h6>\r\n              <h6 class=\"text-light m-0 mx-1\" v-if=\"cartDto.measurement && !currType\">\r\n                ({{\r\n                  productDto.measurements.find((pm) => pm.id == cartDto.measurement)\r\n                    .syrianValue | numFormat(\"0,0.000\")\r\n                }}\r\n                {{ t(\"sp\") }})\r\n              </h6>\r\n              <h6 class=\"text-light m-0 mx-1\" v-if=\"cartDto.measurement && currType\">\r\n                ({{\r\n                  productDto.measurements.find((pm) => pm.id == cartDto.measurement)\r\n                    .dollarValue | numFormat(\"0,0.000\")\r\n                }}\r\n                {{ t(\"usd\") }})\r\n              </h6>\r\n            </div>\r\n          </div>\r\n          <div class=\"wrapper pr-1 p-2\">\r\n            <div\r\n              class=\"skew-content w-100 d-flex align-items-center justify-content-between\"\r\n            >\r\n              <h6 class=\"text-custom-blue-sky m-0\">\r\n                {{ t(\"product\").details.quantity }}\r\n              </h6>\r\n              <h6 class=\"text-light m-0 mx-2\">({{ cartDto.quantity }})</h6>\r\n            </div>\r\n          </div>\r\n          <div class=\"wrapper pr-1 p-2\" v-for=\"addon in cartDto.addons\" :key=\"addon.id\">\r\n            <div\r\n              class=\"skew-content w-100 d-flex align-items-center justify-content-between\"\r\n            >\r\n              <h6 class=\"text-custom-blue-sky m-0\">\r\n                {{ addon.attributeName }}\r\n              </h6>\r\n              <h6 class=\"text-light m-0 mx-2\" v-if=\"!currType\">\r\n                ({{ addon.syrianValue | numFormat(\"0,0.000\") }} {{ t(\"sp\") }})\r\n              </h6>\r\n              <h6 class=\"text-light m-0 mx-2\" v-else>\r\n                ({{ addon.dollarValue | numFormat(\"0,0.000\") }})\r\n              </h6>\r\n            </div>\r\n          </div>\r\n          <div class=\"wrapper pr-1 p-2 mr-auto\">\r\n            <div\r\n              class=\"skew-content w-100 d-flex align-items-center justify-content-between\"\r\n            >\r\n              <h6 class=\"text-custom-blue-sky m-0\">\r\n                {{ t(\"product\").details.totalPrice }}\r\n              </h6>\r\n              <h6 class=\"text-light m-0 mx-2\" v-if=\"!currType\">\r\n                ({{ productDetailsTotalPrice | numFormat(\"0,0.000\") }} {{ t(\"sp\") }})\r\n              </h6>\r\n              <h6 class=\"text-light m-0 mx-2\" v-else>\r\n                ({{ productDetailsTotalPrice | numFormat(\"0,0.000\") }} {{ t(\"usd\") }})\r\n              </h6>\r\n            </div>\r\n          </div>\r\n          <div class=\"rounded border-0\">\r\n            <b-button\r\n              @click=\"submitSetToCart()\"\r\n              class=\"w-100 h-100 px-3\"\r\n              variant=\"custom-blue\"\r\n            >\r\n              <div class=\"skew-content\">\r\n                {{ t(\"product\").details.addToCart }}\r\n                <unicon name=\"shopping-cart\" fill=\"#fff\"></unicon>\r\n              </div>\r\n            </b-button>\r\n          </div>\r\n        </div>\r\n      </section>\r\n      <div class=\"threeD-modal\" v-if=\"preview3dModel\">\r\n        <model-viewer\r\n          class=\"w-100\"\r\n          ref=\"modelviewer\"\r\n          interaction-prompt=\"auto\"\r\n          style=\"height: 100%\"\r\n          :src=\"`${$store.getters['app/domainHost']}/${productDto.path3D}`\"\r\n          ar\r\n          ar-modes=\"webxr scene-viewer quick-look\"\r\n          camera-controls\r\n          environment-image=\"neutral\"\r\n          shadow-intensity=\"1.8\"\r\n          exposure=\"1.08\"\r\n          auto-rotate\r\n        >\r\n          <button slot=\"ar-button\" id=\"ar-button\">View in AR</button>\r\n        </model-viewer>\r\n        <b-button\r\n          class=\"mt-3 p-0 rounded-circle close-modal-btn\"\r\n          variant=\"danger\"\r\n          @click=\"close3D\"\r\n        >\r\n          <unicon name=\"times\" width=\"20\" fill=\"#fff\"></unicon>\r\n        </b-button>\r\n      </div>\r\n    </b-container>\r\n  </div>\r\n</template>\r\n<style>\r\n#progress {\r\n  position: absolute;\r\n  width: calc(100% / 3);\r\n  height: 10px;\r\n  color: rgba(255, 255, 255, 0.75);\r\n  box-shadow: 0px 0px 8px 6px rgba(0, 0, 0, 0.25);\r\n  border: 2px solid currentColor;\r\n  border-radius: 10px;\r\n  top: calc(50% - 5px);\r\n  left: calc(50% - 100% / 6);\r\n  opacity: 0;\r\n  transition: opacity 0.3s 0.3s;\r\n}\r\n\r\n#progress.show {\r\n  transition-delay: 0s;\r\n  opacity: 1;\r\n}\r\n\r\n#progress > .bar {\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: currentColor;\r\n  transform-origin: top left;\r\n  transform: scaleX(0);\r\n}\r\n</style>\r\n\r\n<script>\r\nimport \"vue-slick-carousel/dist/vue-slick-carousel.css\";\r\nimport \"vue-slick-carousel/dist/vue-slick-carousel-theme.css\";\r\nimport { mapActions, mapState, mapGetters, mapMutations } from \"vuex\";\r\nimport EkTable from \"@/EK-core/components/EK-table\";\r\nimport { useUtils as useI18nUtils } from \"@core/libs/i18n\";\r\nimport { getCookie } from \"@Ekcore/util/global\";\r\nimport { handleLangChange } from \"@/libs/event-bus\";\r\nimport ToastificationContent from \"@core/components/toastification/ToastificationContent.vue\";\r\nimport { nullGuid } from \"@/EK-core/util/global\";\r\nimport { Swiper, SwiperSlide } from \"vue-awesome-swiper\";\r\nimport \"swiper/css/swiper.min.css\";\r\nimport EKInputText from \"@Ekcore/components/EK-forms/EK-input-text\";\r\nexport default {\r\n  components: {\r\n    EkTable,\r\n    Swiper,\r\n    SwiperSlide,\r\n    EKInputText,\r\n  },\r\n  data() {\r\n    return {\r\n      measurCols: [\r\n        {\r\n          label: \"المقاسات\",\r\n          field: \"radio\",\r\n          sortable: false,\r\n        },\r\n        {\r\n          label: \"القطر السفلي\",\r\n          field: \"lowerDiameter\",\r\n          sortable: false,\r\n        },\r\n        {\r\n          label: \"القطر العلوي\",\r\n          field: \"upperDiameter\",\r\n          sortable: false,\r\n        },\r\n        {\r\n          label: \"الطول\",\r\n          field: \"length\",\r\n          sortable: false,\r\n        },\r\n        {\r\n          label: \"العرض\",\r\n          field: \"width\",\r\n          sortable: false,\r\n        },\r\n        {\r\n          label: \"الارتفاع\",\r\n          field: \"height\",\r\n          sortable: false,\r\n        },\r\n        {\r\n          label: \"السعة ب ليتر\",\r\n          field: \"capacityLiter\",\r\n          sortable: false,\r\n        },\r\n        {\r\n          label: \"السعة ب كغ\",\r\n          field: \"capacityKilo\",\r\n          sortable: false,\r\n        },\r\n        {\r\n          label: \"السعر\",\r\n          field: \"syrianValue\",\r\n          sortable: false,\r\n        },\r\n      ],\r\n      currentImgIndex: 0,\r\n      screenSize: null,\r\n      preview3dModel: false,\r\n    };\r\n  },\r\n  metaInfo() {\r\n    return {\r\n      titleTemplate:\r\n        \"Awija - \" + this.$t(\"website.allproducts\") + \" \" + this.productDto.name,\r\n      htmlAttrs: {\r\n        lang: this.$i18n.locale,\r\n      },\r\n      meta: [\r\n        {\r\n          name: \"description\",\r\n          content: this.productDto.description,\r\n        },\r\n        {\r\n          name: \"keywords\",\r\n          content: \"keywords, keywords, keywords, ...\",\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  setup() {\r\n    const { t } = useI18nUtils();\r\n    return { t };\r\n  },\r\n  props: {\r\n    id: String,\r\n  },\r\n  computed: {\r\n    ...mapState({\r\n      productDto: (state) => state.webProducts.productDto,\r\n      cartDto: (state) => state.webProducts.cartDto,\r\n      currType: (state) => state.global.currType,\r\n    }),\r\n    ...mapGetters([\"productDetailsTotalPrice\", \"productActiveLimit\"]),\r\n    screenStatus() {\r\n      return this.screenSize > 767;\r\n    },\r\n    productActiveLimit() {\r\n      return this.currType == 1 ? this.productDto.limitOutside : this.productDto.limit;\r\n    },\r\n  },\r\n  created() {\r\n    this.getWebsiteProductDetails(this.id).then(({ data }) => {\r\n      this.init(data);\r\n    });\r\n    handleLangChange(() => {\r\n      this.getWebsiteProductDetails(this.id).then(({ data }) => {\r\n        this.init(data);\r\n      });\r\n    });\r\n    this.screenSize = window.innerWidth;\r\n    window.addEventListener(\"resize\", () => {\r\n      this.screenSize = window.innerWidth;\r\n    });\r\n  },\r\n  watch: {\r\n    productDto: {\r\n      handler(val) {\r\n        if (!val.isCircleShape)\r\n          this.measurCols = [\r\n            {\r\n              label: \"المقاسات\",\r\n              field: \"radio\",\r\n              sortable: false,\r\n            },\r\n            {\r\n              label: \"الطول\",\r\n              field: \"length\",\r\n              sortable: false,\r\n            },\r\n            {\r\n              label: \"العرض\",\r\n              field: \"width\",\r\n              sortable: false,\r\n            },\r\n            {\r\n              label: \"الارتفاع\",\r\n              field: \"height\",\r\n              sortable: false,\r\n            },\r\n            {\r\n              label: \"السعة ب ليتر\",\r\n              field: \"capacityLiter\",\r\n              sortable: false,\r\n            },\r\n            {\r\n              label: \"السعة ب كغ\",\r\n              field: \"capacityKilo\",\r\n              sortable: false,\r\n            },\r\n            {\r\n              label: \"السعر\",\r\n              field: \"syrianValue\",\r\n              sortable: false,\r\n            },\r\n          ];\r\n        else\r\n          this.measurCols = [\r\n            {\r\n              label: \"المقاسات\",\r\n              field: \"radio\",\r\n              sortable: false,\r\n            },\r\n            {\r\n              label: \"القطر السفلي\",\r\n              field: \"lowerDiameter\",\r\n              sortable: false,\r\n            },\r\n            {\r\n              label: \"القطر العلوي\",\r\n              field: \"upperDiameter\",\r\n              sortable: false,\r\n            },\r\n            {\r\n              label: \"الارتفاع\",\r\n              field: \"height\",\r\n              sortable: false,\r\n            },\r\n            {\r\n              label: \"السعة ب ليتر\",\r\n              field: \"capacityLiter\",\r\n              sortable: false,\r\n            },\r\n            {\r\n              label: \"السعة ب كغ\",\r\n              field: \"capacityKilo\",\r\n              sortable: false,\r\n            },\r\n            {\r\n              label: \"السعر\",\r\n              field: \"syrianValue\",\r\n              sortable: false,\r\n            },\r\n          ];\r\n      },\r\n      deep: true,\r\n    },\r\n  },\r\n  mounted() {},\r\n  methods: {\r\n    ...mapActions([\"getWebsiteProductDetails\", \"addToCart\", \"getCartItems\"]),\r\n    ...mapMutations([\"Update_Cart_Quantity_Limit\"]),\r\n    init(data) {\r\n      this.$store.commit(\"GET_WEBSITE_PRODUCT_DETAILS\", data);\r\n      this.cartDto.measurement = data.measurements[0].id;\r\n      this.cartDto.name = data.name;\r\n      this.cartDto.id = data.id;\r\n      this.Update_Cart_Quantity_Limit(this.productActiveLimit);\r\n      this.cartDto.mainCategory = data.mainCategory;\r\n    },\r\n\r\n    preview3d() {\r\n      this.preview3dModel = true;\r\n      document.querySelector(\"body\").classList.add(\"overflow-hidden\");\r\n\r\n      //console.log(document.querySelector('sell'));\r\n      //const modelViewer = document.querySelector(\"model-viewer\");\r\n\r\n      ////const modelViewer = this.$el.querySelector('#model-viewer');\r\n\r\n      //const progress = this.$el.querySelector('#progress');\r\n      //const bar = this.$el.querySelector('.bar');\r\n      //modelViewer.addEventListener('progress', (event) => {\r\n      //    const { totalProgress } = event.detail;\r\n      //    progress.classList.toggle('show', totalProgress < 1);\r\n      //    bar.style.transform = `scaleX(${totalProgress})`;\r\n      //});\r\n    },\r\n    close3D() {\r\n      this.preview3dModel = false;\r\n      document.querySelector(\"body\").classList.remove(\"overflow-hidden\");\r\n    },\r\n    toNextSlide(e) {\r\n      this.currentImgIndex = e;\r\n    },\r\n    quantityEqualOrAboveLimit() {\r\n      return this.cartDto.quantity >= this.productActiveLimit;\r\n    },\r\n    submitSetToCart() {\r\n      if (this.quantityEqualOrAboveLimit()) {\r\n        this.addToCart({\r\n          hash: getCookie(\"awijaCart\"),\r\n          cartDto: {\r\n            id: nullGuid,\r\n            name: this.cartDto.name,\r\n            image: this.productDto.measurements.find(\r\n              (pm) => pm.id == this.cartDto.measurement\r\n            ).path,\r\n            quantity: this.cartDto.quantity,\r\n\r\n            price: this.productDto.measurements.find(\r\n              (pm) => pm.id == this.cartDto.measurement\r\n            ).syrianValue,\r\n\r\n            dollarPrice: this.productDto.measurements.find(\r\n              (pm) => pm.id == this.cartDto.measurement\r\n            ).dollarValue,\r\n\r\n            productId: this.productDto.id,\r\n            productMeasurementId: this.cartDto.measurement,\r\n            limit: this.productDto.limit,\r\n            attribute: this.cartDto.addons.map((add) => ({\r\n              id: add.id,\r\n              attributeId: add.attributeId,\r\n              name: add.attributeName,\r\n              price: add.syrianValue,\r\n              dollarPrice: add.dollarValue,\r\n            })),\r\n          },\r\n        });\r\n      } else {\r\n        this.$toast({\r\n          component: ToastificationContent,\r\n          position: \"top-right\",\r\n          props: {\r\n            title: `اقل كمية ممكنة هي ` + this.productActiveLimit + \" قطعة\",\r\n            icon: \"CoffeeIcon\",\r\n            variant: \"info\",\r\n          },\r\n        });\r\n      }\r\n    },\r\n  },\r\n  beforeDestroy() {\r\n    this.$store.commit(\"Reset_Cart_Dto\");\r\n    this.$store.commit(\"Reset_Product_Dto\");\r\n    window.removeEventListener(\"keypress\", this.enterSubmit);\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.products-carousel {\r\n  height: 360px;\r\n  width: 80px;\r\n}\r\n.product-details {\r\n  .desc {\r\n    p {\r\n      line-height: 1.8;\r\n      color: #ccc !important;\r\n    }\r\n  }\r\n  h5 {\r\n    color: #ccc !important;\r\n  }\r\n}\r\n.cart-table::v-deep {\r\n  .page-item {\r\n    border-radius: 50% !important;\r\n    margin: 0 5px;\r\n    padding: 3px;\r\n    height: 35px !important;\r\n    width: 35px !important;\r\n    border-radius: 5rem;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgb(165, 145, 145);\r\n    background: linear-gradient(\r\n      -180deg,\r\n      rgba(238, 238, 238, 1) 0%,\r\n      rgba(71, 73, 74, 1) 100%\r\n    );\r\n    .page-link {\r\n      background-color: #47494a !important;\r\n      color: #fff;\r\n      border-radius: 5rem;\r\n      border: 0;\r\n      max-height: 35px !important;\r\n      max-width: 35px !important;\r\n    }\r\n  }\r\n  .page-item.active {\r\n    height: 42px !important;\r\n    width: 42px !important;\r\n    padding: 2px;\r\n    background: rgb(26, 201, 251);\r\n    background: linear-gradient(\r\n      180deg,\r\n      rgba(26, 201, 251, 1) 0%,\r\n      rgb(106, 109, 110) 100%\r\n    );\r\n    position: relative;\r\n    top: -5px;\r\n\r\n    .page-link {\r\n      top: 0 !important;\r\n      color: #1ac9fb !important;\r\n      max-height: 39px !important;\r\n      max-width: 39px !important;\r\n    }\r\n  }\r\n\r\n  .prev-item,\r\n  .next-item {\r\n    display: none !important;\r\n  }\r\n  * {\r\n    border: #ccc !important;\r\n  }\r\n  tr {\r\n    border: #777 1px solid !important;\r\n  }\r\n  td,\r\n  h4 {\r\n    color: rgb(179, 175, 175) !important;\r\n  }\r\n  .vgt-table,\r\n  .card {\r\n    border: #ccc 1px solid !important;\r\n    background: radial-gradient(\r\n      104.33% 375.58% at 97.5% 94.44%,\r\n      rgba(196, 196, 196, 0.07) 0%,\r\n      rgba(196, 196, 196, 0) 100%\r\n    );\r\n    box-shadow: inset -2px 2px 4px rgba(255, 255, 255, 0.1),\r\n      inset 2px -2px 4px rgba(0, 0, 0, 0.1);\r\n  }\r\n  .vgt-table {\r\n    border: 0 !important;\r\n  }\r\n  .card-header {\r\n    padding: 0;\r\n    background: radial-gradient(\r\n      104.33% 375.58% at 97.5% 94.44%,\r\n      rgba(196, 196, 196, 0.07) 0%,\r\n      rgba(196, 196, 196, 0) 100%\r\n    );\r\n    box-shadow: inset -2px 2px 4px rgba(255, 255, 255, 0.1),\r\n      inset 2px -2px 4px rgba(0, 0, 0, 0.1);\r\n  }\r\n  .card-footer {\r\n    background: radial-gradient(\r\n      104.33% 375.58% at 97.5% 94.44%,\r\n      rgba(196, 196, 196, 0.07) 0%,\r\n      rgba(196, 196, 196, 0) 100%\r\n    );\r\n    box-shadow: inset -2px 2px 4px rgba(255, 255, 255, 0.1),\r\n      inset 2px -2px 4px rgba(0, 0, 0, 0.1);\r\n    padding: 6px !important;\r\n  }\r\n\r\n  .table-header {\r\n    width: 100%;\r\n    border-bottom: 1px #eee solid !important ;\r\n    border-radius: 10px 10px 0px 0px;\r\n  }\r\n  thead {\r\n    th {\r\n      font-weight: normal;\r\n      color: #fff;\r\n      border-bottom: #eee solid 1px !important;\r\n      border: 0;\r\n    }\r\n  }\r\n}\r\n.metal-border {\r\n  background: rgb(204, 204, 204);\r\n  background: linear-gradient(\r\n    342deg,\r\n    rgba(204, 204, 204, 1) 0%,\r\n    rgba(238, 238, 238, 1) 25%,\r\n    rgba(119, 119, 119, 1) 50%,\r\n    rgba(238, 238, 238, 1) 75%,\r\n    rgba(119, 119, 119, 1) 100%\r\n  );\r\n  padding: 1px !important;\r\n}\r\n\r\n.custom-bg {\r\n  background-color: var(--custom-dark) !important;\r\n  background: radial-gradient(\r\n    104.33% 375.58% at 97.5% 94.44%,\r\n    rgba(196, 196, 196, 0.07) 0%,\r\n    rgba(196, 196, 196, 0) 100%\r\n  );\r\n  box-shadow: inset -2px 2px 4px rgba(255, 255, 255, 0.1),\r\n    inset 2px -2px 4px rgba(0, 0, 0, 0.1);\r\n}\r\n.custom-shadow {\r\n  padding: 1.2rem 1rem !important;\r\n  background: #47494a;\r\n  box-shadow: inset -2px 2px 4px rgba(255, 255, 255, 0.25),\r\n    inset 2px -2px 4px rgba(0, 0, 0, 0.25);\r\n}\r\n.additions {\r\n  .add-card {\r\n    max-width: 400px;\r\n    width: 100%;\r\n    height: 120px;\r\n    position: relative;\r\n    transform: scale(0.6);\r\n    transition: transform 0.3s, height 1s;\r\n    margin: auto;\r\n    .image-2 {\r\n      perspective: 500px;\r\n      transform-style: preserve-3d;\r\n      position: relative;\r\n      height: 100%;\r\n      width: 400px;\r\n      .category-image-card-border {\r\n        transform-origin: right center;\r\n        transform: scale(1.1) translate3d(-20px, -12px, -60px) rotate3d(24, 37, 0, -28deg)\r\n          skew(3deg, -1deg);\r\n        padding: 3px;\r\n        height: 100%;\r\n        width: 100%;\r\n        background: linear-gradient(0deg, #878787, #ffffff, #6d6d6d, #ffffff, #949494);\r\n        .category-image-card {\r\n          background: var(--custom-dark);\r\n          height: 100%;\r\n          width: 100%;\r\n        }\r\n      }\r\n      .category-content {\r\n        max-width: 300px;\r\n        padding-top: 24px;\r\n        padding-bottom: 16px;\r\n        padding-left: 16px;\r\n        padding-right: 16px;\r\n        transform: translate3d(6px, 0, 140px);\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: calc(100% - 30px);\r\n        text-align: center;\r\n        img {\r\n          margin-top: 18px;\r\n          margin-right: -40px;\r\n          width: 100%;\r\n          max-width: 160px;\r\n          max-height: 160px;\r\n          object-fit: contain;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.total-result {\r\n  .wrapper-container {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    .wrapper {\r\n      display: flex;\r\n      align-items: center;\r\n      transform: skewX(-25deg);\r\n      min-width: 20%;\r\n      border-right: 1px solid #777;\r\n      border-bottom: 1px solid #777;\r\n      .skew-content {\r\n        transform: skewX(25deg);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.products-carousel::v-deep {\r\n  .slick-track {\r\n    max-height: 500px;\r\n  }\r\n}\r\n.product-img {\r\n  width: 250px !important;\r\n  height: 260px !important;\r\n  position: relative;\r\n  img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n  }\r\n  .show-model {\r\n    transition: 0.4s;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(0, 0, 0, 0.6);\r\n    opacity: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  &:hover {\r\n    .show-model {\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n.counter {\r\n  ::v-deep .input-field {\r\n    background: transparent;\r\n    border: solid 1px #fff;\r\n    color: #fff;\r\n    width: 100px;\r\n    text-align: center;\r\n  }\r\n  .quantity {\r\n    height: 30px;\r\n    width: 30px;\r\n    padding: 0;\r\n    background: #1ac9fb;\r\n    box-shadow: inset -2px 2px 5px rgba(255, 255, 255, 0.4),\r\n      inset 2px -2px 6px rgba(0, 0, 0, 0.4);\r\n    border-radius: 10px;\r\n  }\r\n}\r\n.select-radio::v-deep {\r\n  [dir] .custom-control-input:checked ~ .custom-control-label::before {\r\n    border-color: #196da7;\r\n    background-color: #196da7;\r\n  }\r\n}\r\n\r\n[dir=\"ltr\"] {\r\n  .image-2 {\r\n    .category-image-card-border {\r\n      transform: scale(1.1) translate3d(-20px, -12px, -60px) rotate3d(24, 37, 0, 28deg)\r\n        skew(-3deg, -1deg) !important;\r\n    }\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n.slider-img {\r\n  width: 80px !important;\r\n  margin: 12px 20px;\r\n  img {\r\n    object-fit: contain;\r\n  }\r\n  &.activeImage {\r\n    transform: scale(1.1);\r\n    img {\r\n      box-shadow: 0 0 10px rgba(255, 255, 255, 0.7);\r\n    }\r\n  }\r\n}\r\n\r\n.threeD-modal {\r\n  position: fixed;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  background: rgb(219, 219, 219);\r\n  background: radial-gradient(\r\n    circle,\r\n    rgba(219, 219, 219, 1) 0%,\r\n    rgba(47, 47, 47, 1) 100%\r\n  );\r\n\r\n  z-index: 10;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  .close-modal-btn {\r\n    position: absolute;\r\n    top: 10%;\r\n    right: 5%;\r\n    width: 30px;\r\n    height: 30px;\r\n    color: #fff;\r\n    z-index: 20;\r\n  }\r\n}\r\nmodel-viewer {\r\n  #default-poster {\r\n    background-color: none;\r\n    background: rgb(219, 219, 219) !important;\r\n    background: radial-gradient(\r\n      circle,\r\n      rgba(219, 219, 219, 1) 0%,\r\n      rgba(47, 47, 47, 1) 100%\r\n    ) !important;\r\n  }\r\n}\r\n\r\nmodel-viewer#reveal {\r\n  --poster-color: transparent;\r\n  background: rgb(219, 219, 219) !important;\r\n  background: radial-gradient(\r\n    circle,\r\n    rgba(219, 219, 219, 1) 0%,\r\n    rgba(47, 47, 47, 1) 100%\r\n  ) !important;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./product-details.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./product-details.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./product-details.vue?vue&type=template&id=3c6709d9&scoped=true&\"\nimport script from \"./product-details.vue?vue&type=script&lang=js&\"\nexport * from \"./product-details.vue?vue&type=script&lang=js&\"\nimport style0 from \"./product-details.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./product-details.vue?vue&type=style&index=1&id=3c6709d9&scoped=true&lang=scss&\"\nimport style2 from \"./product-details.vue?vue&type=style&index=2&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3c6709d9\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ValidationProvider',{attrs:{\"vid\":_vm.vid,\"name\":_vm.name,\"rules\":_vm.faildRules},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar valid = ref.valid;\nvar errors = ref.errors;\nreturn _c('b-form-group',_vm._b({staticClass:\"ek-form-group\",attrs:{\"label-cols\":_vm.labelCols,\"label-for\":'label-for-text-' + _vm.id}},'b-form-group',_vm.$attrs,false),[_c('b-form-input',_vm._b({class:_vm.fieldClass,attrs:{\"id\":'label-for-text-' + _vm.id,\"trim\":\"\",\"min\":_vm.min,\"max\":_vm.max,\"type\":_vm.type,\"state\":_vm.faildRules\n                    ? errors[0]\n                        ? false\n                        : valid\n                        ? true\n                        : null\n                    : null},on:{\"change\":function($event){return _vm.$emit('change', $event)}},model:{value:(_vm.innerVal),callback:function ($$v) {_vm.innerVal=$$v},expression:\"innerVal\"}},'b-form-input',_vm.$attrs,false)),_c('b-form-invalid-feedback',[_vm._v(\" \"+_vm._s(errors[0])+\" \")])],1)}}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <ValidationProvider :vid=\"vid\" :name=\"name\" :rules=\"faildRules\">\r\n        <b-form-group\r\n            :label-cols=\"labelCols\"\r\n            slot-scope=\"{ valid, errors }\"\r\n            v-bind=\"$attrs\"\r\n            class=\"ek-form-group\"\r\n            :label-for=\"'label-for-text-' + id\"\r\n        >\r\n            <b-form-input\r\n                :id=\"'label-for-text-' + id\"\r\n                v-model=\"innerVal\"\r\n                v-bind=\"$attrs\"\r\n                @change=\"$emit('change', $event)\"\r\n                :class=\"fieldClass\"\r\n                trim\r\n                :min=\"min\"\r\n                :max=\"max\"\r\n                :type=\"type\"\r\n                :state=\"\r\n                    faildRules\r\n                        ? errors[0]\r\n                            ? false\r\n                            : valid\r\n                            ? true\r\n                            : null\r\n                        : null\r\n                \"\r\n            ></b-form-input>\r\n            <b-form-invalid-feedback>\r\n                {{ errors[0] }}\r\n            </b-form-invalid-feedback>\r\n        </b-form-group>\r\n    </ValidationProvider>\r\n</template>\r\n\r\n<script>\r\nimport { ValidationProvider, localize } from \"vee-validate\";\r\nimport { BFormGroup, BFormInput, BFormInvalidFeedback } from \"bootstrap-vue\";\r\nimport ar from \"vee-validate/dist/locale/ar.json\";\r\nimport { handleLangChange } from \"@/libs/event-bus\";\r\nimport {\r\n    required,\r\n    email,\r\n    confirmed,\r\n    regex,\r\n    url,\r\n    credit,\r\n    password,\r\n    between,\r\n    alpha,\r\n    integer,\r\n    digits,\r\n    alphaDash,\r\n    alphaNum,\r\n    length,\r\n    no_spaces,\r\n    positive,\r\n    minVal,\r\n    maxVal,\r\n    english_letters_numbers,\r\n    mobile,\r\n    phone,\r\n    time,\r\n    username\r\n} from \"@validations\";\r\nexport default {\r\n    components: {\r\n        ValidationProvider,\r\n        // bootstrap vue\r\n        BFormGroup,\r\n        BFormInput,\r\n        BFormInvalidFeedback\r\n    },\r\n    props: {\r\n        name: {\r\n            type: String,\r\n            required: true\r\n        },\r\n        vid: {\r\n            type: String\r\n        },\r\n        rules: {\r\n            type: Array,\r\n            default: () => []\r\n        },\r\n        type: String,\r\n        value: {\r\n            type: null\r\n        },\r\n        labelCols: {\r\n            type: Number,\r\n            default: () => 12\r\n        },\r\n        fieldClass: String,\r\n        min: Number,\r\n        max: Number\r\n    },\r\n    setup(props) {\r\n        let faildRules = \"\";\r\n        let fields = {};\r\n        props.rules.forEach(rule => {\r\n            faildRules += rule.type + \"|\";\r\n            fields[rule.type.split(\":\")[0]] = rule.message;\r\n        });\r\n        faildRules = faildRules.slice(0, faildRules.length - 1);\r\n        localize(\"ar\", {\r\n            messages: ar.messages,\r\n            fields: {\r\n                [props.name]: fields\r\n            }\r\n        });\r\n        return { faildRules };\r\n    },\r\n    mounted() {\r\n        if (this.value) {\r\n            this.innerVal = this.value;\r\n        }\r\n        handleLangChange(() => {\r\n            setTimeout(() => {\r\n                this.reInit();\r\n            }, 400)\r\n        });\r\n    },\r\n    data: () => ({\r\n        innerVal: \"\",\r\n        id: Math.random() * 100000,\r\n\r\n        // validation\r\n        required,\r\n        email,\r\n        confirmed,\r\n        regex,\r\n        url,\r\n        credit,\r\n        password,\r\n        between,\r\n        alpha,\r\n        integer,\r\n        digits,\r\n        alphaDash,\r\n        alphaNum,\r\n        length,\r\n        no_spaces,\r\n        positive,\r\n        minVal,\r\n        maxVal,\r\n        english_letters_numbers,\r\n        mobile,\r\n        phone,\r\n        time,\r\n        username\r\n    }),\r\n    methods: {\r\n        reInit() {\r\n            let faildRules = \"\";\r\n            let fields = {};\r\n            this.rules.forEach(rule => {\r\n                faildRules += rule.type + \"|\";\r\n                fields[rule.type.split(\":\")[0]] = rule.message;\r\n            });\r\n            faildRules = faildRules.slice(0, faildRules.length - 1);\r\n            localize(this.$store.getters['app/lang'] ? 'en' : 'ar', {\r\n                messages: ar.messages,\r\n                fields: {\r\n                    [this.name]: fields\r\n                }\r\n            });\r\n            this.faildRules = faildRules;\r\n        }\r\n    },\r\n    watch: {\r\n        innerVal(v) {\r\n            this.$emit(\"input\", this.type == \"number\" ? +v : v ? v.trim() : \"\");\r\n        },\r\n        value(v) {\r\n            this.innerVal = v;\r\n        }\r\n    }\r\n};\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=54c30d08&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./product-details.vue?vue&type=style&index=1&id=3c6709d9&scoped=true&lang=scss&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./product-details.vue?vue&type=style&index=2&lang=scss&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToastificationContent.vue?vue&type=style&index=0&id=55dd3057&lang=scss&scoped=true&\""],"sourceRoot":""}