{"version":3,"sources":["webpack:///./src/components/Loading.vue?59c5","webpack:///./src/components/Loading.vue","webpack:///./src/views/product/Detail.vue?68f2","webpack:///./src/views/product/RoomScene.vue?b0fb","webpack:///src/views/product/RoomScene.vue","webpack:///./src/views/product/RoomScene.vue?bcfc","webpack:///./src/views/product/RoomScene.vue","webpack:///src/views/product/Detail.vue","webpack:///./src/views/product/Detail.vue?99ec","webpack:///./src/views/product/Detail.vue","webpack:///./src/views/product/Detail.vue?b782"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","staticClass","attrs","_v","script","component","name","_s","productDetail","Name","_e","loading","is360Load","$http","defaults","ThumbnailImage","directives","rawName","value","roomScene","expression","features","on","e","hasRoomScene1","hasRoomScene2","class","$event","ShortDescription","_l","material","i","key","expanded","$const","MATERIAL_TYPES","type","dangerMessage","list","length","filter","m","hidden","item","j","selected","code","replace","drawingCode","ProductType","productTestReports","file","downloadDocument","FileType","FileName","d365Detail","productPackings","packingOptionType","packingTypeId","openDimL","toFixed","openDimW","openDimH","cartonL","cartonW","cartonH","grossWeight","netWeight","boxWeight","conLoad20Pcs","conLoad20Per","conLoad40HPcs","conLoad40HPer","conLoad40Pcs","pcsPerBox","isFixedAction","addToCollection","basePrice","isGuest","prefix","props","viewerInstance","Has360","loadViewer","ItemNumber","watch","val","setFeatures","methods","components","materials","userType","computed","$collection","getters","collection","some","_","ProductId","Id","addedMaterial","Price","PricePanel","isSidePanel","price","$func","addCommas","JSON","parse","detail","productTestReport","ProductDrgs","forEach","drg","MaterialType","MaterialKeyword","isSelectedDrg","DrawingCode","USER_TYPES","Guest","deep","isMatchingColorInSet","types","push","a","b","option","optionObj","MaterialName","feature","Type","Code","selectedObj","dispatch","product","MaterialConfigs","materialConfigs","Description","MetaDescription","LoadingInfo","renderLoadingInfo","packingOption","OpenDimension","renderOpenDimension","Packing","renderPacking","CartonDimension","renderCartonDimension","PalletDimension","renderPalletDimension","ConLoad20Pcs","ConLoad40Pcs","ConLoad40HPcs","NetWeight","GrossWeight","ConCbm3","conCbm3","configImage","$swal","position","icon","title","text","showConfirmButton","timer","el","isVisible","window","onscroll","scrolledTo","isScrolledIntoView","curType","includes","responseType"],"mappings":"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","file":"js/chunk-68a02cb8.51d993b8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"spinner-border text-info\",attrs:{\"role\":\"status\"}},[_c('span',{staticClass:\"sr-only\"},[_vm._v(\"Loading...\")])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./Loading.vue?vue&type=template&id=50579de6&\"\nvar script = {}\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"breadcrumb-wrapper\"},[_c('ul',{staticClass:\"breadcrumb-list\"},[_c('li',[_c('router-link',{attrs:{\"to\":{ name: 'HomePage' }}},[_c('i',{staticClass:\"fa fa-home\"}),_vm._v(\" Home \")])],1),_c('li',[_c('router-link',{attrs:{\"to\":{ name: 'ProductList' }}},[_c('i',{staticClass:\"fa fa-stars\"}),_vm._v(\" Star Collection \")])],1),(_vm.productDetail)?_c('li',{staticClass:\"active\"},[_c('i',{staticClass:\"fa fa-star\"}),_vm._v(\" \"+_vm._s(_vm.productDetail.Name)+\" \")]):_vm._e()])]),_c('div',{staticClass:\"page-content-wrapper\"},[_c('div',{staticClass:\"single-product-slider-details-area\"},[_c('div',{staticClass:\"container\"},[(_vm.loading == 'Detail')?_c('div',{staticClass:\"text-center\"},[_c('loading')],1):_vm._e(),(_vm.productDetail)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-7\"},[_c('div',{staticClass:\"\\n                product-details-slider-area\\n                product-details-slider-area--side-move\\n              \"},[_c('div',{staticClass:\"row row-5\"},[(!_vm.is360Load)?_c('div',{staticClass:\"col-md-12\"},[(_vm.productDetail.ThumbnailImage)?_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":((_vm.$http.defaults.baseURL) + \"/Document/download/Thumbnails/\" + (_vm.productDetail.ThumbnailImage.FileName)),\"alt\":\"\"}}):_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":\"/img/No_Picture.png\",\"alt\":\"\"}})]):_vm._e(),_c('room-scene',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.roomScene == 'RS1'),expression:\"roomScene == 'RS1'\"}],attrs:{\"productDetail\":_vm.productDetail,\"features\":_vm.features,\"prefix\":\"RS1\"},on:{\"hasRoomScene\":function (e) { return (_vm.hasRoomScene1 = e); }}}),_c('room-scene',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.roomScene == 'RS2'),expression:\"roomScene == 'RS2'\"}],attrs:{\"productDetail\":_vm.productDetail,\"features\":_vm.features,\"prefix\":\"RS2\"},on:{\"hasRoomScene\":function (e) { return (_vm.hasRoomScene2 = e); }}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.roomScene != 'RS1' && _vm.roomScene != 'RS2'),expression:\"roomScene != 'RS1' && roomScene != 'RS2'\"}],attrs:{\"id\":\"put-viewer-here\"}}),(_vm.productDetail.Has360)?_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"text-center\"},[_c('ul',{staticClass:\"roomscene nav nav-tabs justify-content-center\"},[_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link text-success fw-bold\",class:{ 'active text-dark': _vm.roomScene == '' },attrs:{\"href\":\"javascript:\"},on:{\"click\":function($event){_vm.roomScene = ''}}},[_c('i',{staticClass:\"fa fa-cube\"}),_vm._v(\" 3D Studio \")])]),(_vm.hasRoomScene1)?_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link text-success fw-bold\",class:{ 'active text-dark': _vm.roomScene == 'RS1' },attrs:{\"href\":\"javascript:\"},on:{\"click\":function($event){_vm.roomScene = 'RS1'}}},[_c('i',{staticClass:\"fa fa-street-view\"}),_vm._v(\" Scene 1 \")])]):_vm._e(),(_vm.hasRoomScene2)?_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link text-success fw-bold\",class:{ 'active text-dark': _vm.roomScene == 'RS2' },attrs:{\"href\":\"javascript:\"},on:{\"click\":function($event){_vm.roomScene = 'RS2'}}},[_c('i',{staticClass:\"fa fa-street-view\"}),_vm._v(\" Scene 2 \")])]):_vm._e()])])]):_vm._e()],1)])]),_c('div',{staticClass:\"col-lg-5\"},[_c('div',{staticClass:\"product-details-description-wrapper\"},[_c('div',{staticClass:\"mb-4 detail-title\"},[_c('h2',{staticClass:\"item-title\"},[_vm._v(_vm._s(_vm.productDetail.Name))]),(_vm.productDetail.ShortDescription)?_c('p',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(_vm.productDetail.ShortDescription)+\" \")]):_vm._e()]),_vm._l((_vm.materials),function(material,i){return _c('div',{key:(\"material-\" + i),staticClass:\"product-color\"},[_c('div',{staticClass:\"product-details-title\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){material.expanded = !material.expanded}}},[_c('span',{staticClass:\"text-uppercase fw-bold\"},[_vm._v(\" \"+_vm._s(_vm.$const.MATERIAL_TYPES[material.type] ? _vm.$const.MATERIAL_TYPES[material.type] : material.type)+\" \"),(material.expanded)?_c('i',{staticClass:\"fa fa-angle-up\"}):_c('i',{staticClass:\"fa fa-angle-down\"})]),(material.dangerMessage)?_c('span',{staticClass:\"text-danger\"},[_vm._v(\" \"+_vm._s(material.dangerMessage)+\" \")]):_vm._e()]),(\n                    material.list && material.list.length && material.expanded\n                  )?_c('div',{staticClass:\"row\"},_vm._l((material.list.filter(\n                      function (m) { return !m.hidden; }\n                    )),function(item,j){return _c('div',{key:(\"material-\" + i + \"-\" + j),staticClass:\"col-6 col-lg-4\"},[_c('a',{staticClass:\"d-block mb-2 text-black text-center rounded p-1\",class:{\n                        selected: material.selected == item.code,\n                      },attrs:{\"href\":\"javascript:\"},on:{\"click\":function($event){material.selected = item.code}}},[_c('div',{staticClass:\"img-container\"},[_c('img',{staticClass:\"material-img\",attrs:{\"src\":((_vm.$http.defaults.baseURL) + \"/Document/download/Materials/\" + (item.code.replace(\n                            '/',\n                            '-'\n                          )) + \".jpg\"),\"alt\":\"\"}})]),_c('div',[_c('span',{staticClass:\"material-name\"},[_vm._v(_vm._s(item.name))]),_c('br'),_c('span',{staticClass:\"material-code\"},[_vm._v(_vm._s(item.code))])])])])}),0):_vm._e()])}),_c('div',{staticClass:\"quick-view-other-info\"},[_c('div',{staticClass:\"row mb-2\"},[_c('div',{staticClass:\"col-5 quickview-title fw-bold\"},[_vm._v(\" Drawing Code: \")]),_c('div',{staticClass:\"col-7 quickview-value\"},[_vm._v(\" \"+_vm._s(_vm.drawingCode)+\" \")])]),_c('div',{staticClass:\"row mb-2\"},[_c('div',{staticClass:\"col-5 quickview-title fw-bold\"},[_vm._v(\" Product Type: \")]),_c('div',{staticClass:\"col-7 quickview-value\"},[_vm._v(\" \"+_vm._s(_vm.productDetail.ProductType)+\" \")])]),(_vm.productTestReports && _vm.productTestReports)?_c('div',{staticClass:\"row mb-2\"},_vm._l((_vm.productTestReports),function(file,i){return _c('div',{key:(\"doc-\" + i),staticClass:\"col-12 quickview-value\"},[_c('a',{staticClass:\"text-primary\",attrs:{\"href\":\"javascript:\"},on:{\"click\":function($event){return _vm.downloadDocument(file)}}},[(file.FileType == 'pdf')?_c('i',{staticClass:\"fa fa-file-pdf\"}):(\n                          file.FileType == 'xlsx' || file.FileType == 'xls'\n                        )?_c('i',{staticClass:\"fa fa-file-excel\"}):(\n                          file.FileType == 'docx' || file.FileType == 'doc'\n                        )?_c('i',{staticClass:\"fa fa-file-word\"}):_c('i',{staticClass:\"fa fa-file\"}),_c('span',{staticClass:\"small ms-1\"},[_vm._v(_vm._s(file.FileName))])])])}),0):_vm._e()]),(_vm.loading == 'Packing')?_c('loading'):_vm._e(),(_vm.d365Detail && _vm.d365Detail.productPackings)?_c('div',{staticClass:\"table-responsive packing-option\"},[_c('table',{staticClass:\"table small\"},[_c('tbody',[_vm._l((_vm.d365Detail.productPackings),function(item,i){return [_c('tr',{key:(\"tr1-\" + i)},[_c('td',{attrs:{\"colspan\":\"4\"}},[_c('b',[_c('i',{staticClass:\"fa fa-box-open\"}),_vm._v(\" \"+_vm._s(item.packingOptionType)+\" - \"+_vm._s(item.packingTypeId)+\" \")])])]),_c('tr',{key:(\"tr2-\" + i)},[_vm._m(0,true),_c('td',[_vm._v(\" \"+_vm._s(item.openDimL.toFixed(2))+\"-\"+_vm._s(item.openDimW.toFixed(2))+\"-\"+_vm._s(item.openDimH.toFixed(2))+\" (cm) \")]),_vm._m(1,true),_c('td',[_vm._v(\" \"+_vm._s(item.cartonL.toFixed(2))+\"-\"+_vm._s(item.cartonW.toFixed(2))+\"-\"+_vm._s(item.cartonH.toFixed(2))+\" (cm) \")])]),_c('tr',{key:(\"tr3-\" + i)},[_vm._m(2,true),_c('td',[_vm._v(_vm._s(item.grossWeight.toFixed(2))+\" (kg)\")]),_vm._m(3,true),_c('td',[_vm._v(_vm._s(item.netWeight.toFixed(2))+\" (kg)\")])]),_c('tr',{key:(\"tr4-\" + i)},[_vm._m(4,true),_c('td',[_vm._v(_vm._s(item.boxWeight.toFixed(2))+\" (kg)\")]),_vm._m(5,true),_c('td',[_vm._v(_vm._s(item.conLoad20Pcs.toFixed(2)))])]),_c('tr',{key:(\"tr5-\" + i)},[_vm._m(6,true),_c('td',[_vm._v(_vm._s(item.conLoad20Per.toFixed(2)))]),_vm._m(7,true),_c('td',[_vm._v(_vm._s(item.conLoad40HPcs.toFixed(2)))])]),_c('tr',{key:(\"tr6-\" + i)},[_vm._m(8,true),_c('td',[_vm._v(_vm._s(item.conLoad40HPer.toFixed(2)))]),_vm._m(9,true),_c('td',[_vm._v(_vm._s(item.conLoad40Pcs.toFixed(2)))])]),_c('tr',{key:(\"tr7-\" + i)},[_vm._m(10,true),_c('td',[_vm._v(_vm._s(item.pcsPerBox))]),_vm._m(11,true),_c('td')])]})],2)])]):_vm._e(),_c('div',{attrs:{\"id\":\"fixedAction\"}}),_c('div',{staticClass:\"add-to-cart-btn d-inline-block mt-4 text-center\",class:{ 'fixed-action bg-white border-5': _vm.isFixedAction }},[(_vm.loading)?_c('loading'):[(_vm.wasAddedCollection)?_c('button',{staticClass:\"btn btn-success\",attrs:{\"disabled\":\"\"}},[_c('i',{staticClass:\"fa fa-lock\"}),_vm._v(\" Added to collection \")]):_c('button',{staticClass:\"btn btn-success\",on:{\"click\":_vm.addToCollection}},[_c('i',{staticClass:\"fa fa-couch\"}),_vm._v(\" Add to collection \")]),(_vm.basePrice && !_vm.isGuest)?_c('span',{staticClass:\"fw-bold px-3 fs-4 text-danger float-end\"},[_vm._v(\" $\"+_vm._s(_vm.basePrice)+\" \")]):_vm._e()]],2)],2)])]):_vm._e()])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',[_c('b',[_vm._v(\"Open Dimension\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',[_c('b',[_vm._v(\"Carton Dimension\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',[_c('b',[_vm._v(\"Gross Weight\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',[_c('b',[_vm._v(\"Net Weight\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',[_c('b',[_vm._v(\"Box Weight\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',[_c('b',[_vm._v(\"ConLoad20Pcs\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',[_c('b',[_vm._v(\"ConLoad20Per\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',[_c('b',[_vm._v(\"ConLoad40HPcs\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',[_c('b',[_vm._v(\"ConLoad40HPer\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',[_c('b',[_vm._v(\"ConLoad40Pcs\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',[_c('b',[_vm._v(\"PcsPerBox\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',[_c('b')])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mb-5\",attrs:{\"id\":(\"room-scene-viewer-\" + _vm.prefix)}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :id=\"`room-scene-viewer-${prefix}`\" class=\"mb-5\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: [\"productDetail\", \"prefix\", \"features\"],\r\n  data() {\r\n    return {\r\n      viewerInstance: null,\r\n    };\r\n  },\r\n  mounted() {\r\n    if (this.productDetail && this.productDetail.Has360) {\r\n      this.loadViewer(this.productDetail.ItemNumber, this.prefix);\r\n    }\r\n  },\r\n  watch: {\r\n    features(val) {\r\n      let features = val;\r\n      if (this.viewerInstance && features && features.length) {\r\n        this.viewerInstance.setFeatures(features);\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    async loadViewer(itemNumber, prefix) {\r\n      try {\r\n        let customer = 5037;\r\n        let resp = await this.$http.get(\r\n          `https://content.cylindo.com/api/v2/${customer}/products/${prefix}-${itemNumber}/configuration`\r\n        );\r\n        if (resp && resp.status == 200) {\r\n          let productInfo = resp.data;\r\n          this.viewerInstance = null;\r\n          let opts = {\r\n            accountID: productInfo.customer,\r\n            productCode: productInfo.code,\r\n            containerID: `#room-scene-viewer-${prefix}`,\r\n            version: productInfo.version,\r\n            thumbs: false,\r\n          };\r\n\r\n          //let features = productInfo.features;\r\n          //this.getMaterials(features);\r\n\r\n          if (window.cylindo) {\r\n            window.cylindo.on(\"ready\", () => {\r\n              this.viewerInstance = window.cylindo.viewer.create(opts);\r\n            });\r\n          }\r\n          this.$emit(\"hasRoomScene\", true);\r\n        } else {\r\n          this.$emit(\"hasRoomScene\", false);\r\n        }\r\n      } catch (error) {\r\n        this.$emit(\"hasRoomScene\", false);\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RoomScene.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RoomScene.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RoomScene.vue?vue&type=template&id=16c5499c&\"\nimport script from \"./RoomScene.vue?vue&type=script&lang=js&\"\nexport * from \"./RoomScene.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","<template>\r\n  <div>\r\n    <div class=\"breadcrumb-wrapper\">\r\n      <ul class=\"breadcrumb-list\">\r\n        <li>\r\n          <router-link :to=\"{ name: 'HomePage' }\">\r\n            <i class=\"fa fa-home\"></i>\r\n            Home\r\n          </router-link>\r\n        </li>\r\n        <li>\r\n          <router-link :to=\"{ name: 'ProductList' }\">\r\n            <i class=\"fa fa-stars\"></i>\r\n            Star Collection\r\n          </router-link>\r\n        </li>\r\n        <li class=\"active\" v-if=\"productDetail\">\r\n          <i class=\"fa fa-star\"></i>\r\n          {{ productDetail.Name }}\r\n        </li>\r\n      </ul>\r\n    </div>\r\n\r\n    <div class=\"page-content-wrapper\">\r\n      <div class=\"single-product-slider-details-area\">\r\n        <div class=\"container\">\r\n          <div class=\"text-center\" v-if=\"loading == 'Detail'\">\r\n            <loading />\r\n          </div>\r\n\r\n          <div class=\"row\" v-if=\"productDetail\">\r\n            <div class=\"col-lg-7\">\r\n              <!--=======  product details slider area  =======-->\r\n\r\n              <div\r\n                class=\"\r\n                  product-details-slider-area\r\n                  product-details-slider-area--side-move\r\n                \"\r\n              >\r\n                <!-- <div class=\"product-badge-wrapper\">\r\n                  <span class=\"hot\">Hot</span>\r\n                </div> -->\r\n\r\n                <div class=\"row row-5\">\r\n                  <div v-if=\"!is360Load\" class=\"col-md-12\">\r\n                    <img\r\n                      v-if=\"productDetail.ThumbnailImage\"\r\n                      :src=\"`${$http.defaults.baseURL}/Document/download/Thumbnails/${productDetail.ThumbnailImage.FileName}`\"\r\n                      class=\"img-fluid\"\r\n                      alt=\"\"\r\n                    />\r\n                    <img\r\n                      v-else\r\n                      src=\"/img/No_Picture.png\"\r\n                      class=\"img-fluid\"\r\n                      alt=\"\"\r\n                    />\r\n                  </div>\r\n                  <room-scene\r\n                    v-show=\"roomScene == 'RS1'\"\r\n                    :productDetail=\"productDetail\"\r\n                    :features=\"features\"\r\n                    prefix=\"RS1\"\r\n                    @hasRoomScene=\"(e) => (hasRoomScene1 = e)\"\r\n                  />\r\n                  <room-scene\r\n                    v-show=\"roomScene == 'RS2'\"\r\n                    :productDetail=\"productDetail\"\r\n                    :features=\"features\"\r\n                    prefix=\"RS2\"\r\n                    @hasRoomScene=\"(e) => (hasRoomScene2 = e)\"\r\n                  />\r\n                  <div\r\n                    v-show=\"roomScene != 'RS1' && roomScene != 'RS2'\"\r\n                    id=\"put-viewer-here\"\r\n                  ></div>\r\n                  <div class=\"col-md-12\" v-if=\"productDetail.Has360\">\r\n                    <div class=\"text-center\">\r\n                      <ul class=\"roomscene nav nav-tabs justify-content-center\">\r\n                        <li class=\"nav-item\">\r\n                          <a\r\n                            class=\"nav-link text-success fw-bold\"\r\n                            :class=\"{ 'active text-dark': roomScene == '' }\"\r\n                            href=\"javascript:\"\r\n                            @click=\"roomScene = ''\"\r\n                          >\r\n                            <i class=\"fa fa-cube\"></i>\r\n                            3D Studio\r\n                          </a>\r\n                        </li>\r\n                        <li class=\"nav-item\" v-if=\"hasRoomScene1\">\r\n                          <a\r\n                            class=\"nav-link text-success fw-bold\"\r\n                            :class=\"{ 'active text-dark': roomScene == 'RS1' }\"\r\n                            href=\"javascript:\"\r\n                            @click=\"roomScene = 'RS1'\"\r\n                          >\r\n                            <i class=\"fa fa-street-view\"></i>\r\n                            Scene 1\r\n                          </a>\r\n                        </li>\r\n                        <li class=\"nav-item\" v-if=\"hasRoomScene2\">\r\n                          <a\r\n                            class=\"nav-link text-success fw-bold\"\r\n                            :class=\"{ 'active text-dark': roomScene == 'RS2' }\"\r\n                            href=\"javascript:\"\r\n                            @click=\"roomScene = 'RS2'\"\r\n                          >\r\n                            <i class=\"fa fa-street-view\"></i>\r\n                            Scene 2\r\n                          </a>\r\n                        </li>\r\n                      </ul>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <!--=======  End of product details slider area  =======-->\r\n            </div>\r\n            <div class=\"col-lg-5\">\r\n              <!--=======  product details description area  =======-->\r\n\r\n              <div class=\"product-details-description-wrapper\">\r\n                <div class=\"mb-4 detail-title\">\r\n                  <h2 class=\"item-title\">{{ productDetail.Name }}</h2>\r\n                  <p class=\"mb-0\" v-if=\"productDetail.ShortDescription\">\r\n                    {{ productDetail.ShortDescription }}\r\n                  </p>\r\n                </div>\r\n\r\n                <div\r\n                  v-for=\"(material, i) in materials\"\r\n                  :key=\"`material-${i}`\"\r\n                  class=\"product-color\"\r\n                >\r\n                  <div\r\n                    class=\"product-details-title\"\r\n                    role=\"button\"\r\n                    @click=\"material.expanded = !material.expanded\"\r\n                  >\r\n                    <span class=\"text-uppercase fw-bold\">\r\n                      {{\r\n                        $const.MATERIAL_TYPES[material.type]\r\n                          ? $const.MATERIAL_TYPES[material.type]\r\n                          : material.type\r\n                      }}\r\n                      <i v-if=\"material.expanded\" class=\"fa fa-angle-up\"></i>\r\n                      <i v-else class=\"fa fa-angle-down\"></i>\r\n                    </span>\r\n\r\n                    <span v-if=\"material.dangerMessage\" class=\"text-danger\">\r\n                      {{ material.dangerMessage }}\r\n                    </span>\r\n                  </div>\r\n                  <div\r\n                    class=\"row\"\r\n                    v-if=\"\r\n                      material.list && material.list.length && material.expanded\r\n                    \"\r\n                  >\r\n                    <div\r\n                      class=\"col-6 col-lg-4\"\r\n                      v-for=\"(item, j) in material.list.filter(\r\n                        (m) => !m.hidden\r\n                      )\"\r\n                      :key=\"`material-${i}-${j}`\"\r\n                    >\r\n                      <a\r\n                        href=\"javascript:\"\r\n                        class=\"d-block mb-2 text-black text-center rounded p-1\"\r\n                        :class=\"{\r\n                          selected: material.selected == item.code,\r\n                        }\"\r\n                        @click=\"material.selected = item.code\"\r\n                      >\r\n                        <div class=\"img-container\">\r\n                          <!-- <div\r\n                            v-if=\"item.code == 'NONE'\"\r\n                            class=\"material-img\"\r\n                          ></div> -->\r\n                          <img\r\n                            :src=\"`${\r\n                              $http.defaults.baseURL\r\n                            }/Document/download/Materials/${item.code.replace(\r\n                              '/',\r\n                              '-'\r\n                            )}.jpg`\"\r\n                            alt=\"\"\r\n                            class=\"material-img\"\r\n                          />\r\n                        </div>\r\n                        <div>\r\n                          <span class=\"material-name\">{{ item.name }}</span\r\n                          ><br />\r\n                          <span class=\"material-code\">{{ item.code }}</span>\r\n                        </div>\r\n                      </a>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"quick-view-other-info\">\r\n                  <div class=\"row mb-2\">\r\n                    <div class=\"col-5 quickview-title fw-bold\">\r\n                      Drawing Code:\r\n                    </div>\r\n                    <div class=\"col-7 quickview-value\">\r\n                      {{ drawingCode }}\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"row mb-2\">\r\n                    <div class=\"col-5 quickview-title fw-bold\">\r\n                      Product Type:\r\n                    </div>\r\n                    <div class=\"col-7 quickview-value\">\r\n                      {{ productDetail.ProductType }}\r\n                    </div>\r\n                  </div>\r\n                  <div\r\n                    class=\"row mb-2\"\r\n                    v-if=\"productTestReports && productTestReports\"\r\n                  >\r\n                    <div\r\n                      v-for=\"(file, i) in productTestReports\"\r\n                      :key=\"`doc-${i}`\"\r\n                      class=\"col-12 quickview-value\"\r\n                    >\r\n                      <a\r\n                        href=\"javascript:\"\r\n                        class=\"text-primary\"\r\n                        @click=\"downloadDocument(file)\"\r\n                      >\r\n                        <i\r\n                          v-if=\"file.FileType == 'pdf'\"\r\n                          class=\"fa fa-file-pdf\"\r\n                        ></i>\r\n                        <i\r\n                          v-else-if=\"\r\n                            file.FileType == 'xlsx' || file.FileType == 'xls'\r\n                          \"\r\n                          class=\"fa fa-file-excel\"\r\n                        ></i>\r\n                        <i\r\n                          v-else-if=\"\r\n                            file.FileType == 'docx' || file.FileType == 'doc'\r\n                          \"\r\n                          class=\"fa fa-file-word\"\r\n                        ></i>\r\n                        <i v-else class=\"fa fa-file\"></i>\r\n                        <span class=\"small ms-1\">{{ file.FileName }}</span>\r\n                      </a>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                <loading v-if=\"loading == 'Packing'\" />\r\n                <div\r\n                  v-if=\"d365Detail && d365Detail.productPackings\"\r\n                  class=\"table-responsive packing-option\"\r\n                >\r\n                  <table class=\"table small\">\r\n                    <tbody>\r\n                      <template v-for=\"(item, i) in d365Detail.productPackings\">\r\n                        <tr :key=\"`tr1-${i}`\">\r\n                          <td colspan=\"4\">\r\n                            <b>\r\n                              <i class=\"fa fa-box-open\"></i>\r\n                              {{ item.packingOptionType }}\r\n                              -\r\n                              {{ item.packingTypeId }}\r\n                            </b>\r\n                          </td>\r\n                        </tr>\r\n                        <tr :key=\"`tr2-${i}`\">\r\n                          <td><b>Open Dimension</b></td>\r\n                          <td>\r\n                            {{ item.openDimL.toFixed(2) }}-{{\r\n                              item.openDimW.toFixed(2)\r\n                            }}-{{ item.openDimH.toFixed(2) }}\r\n                            (cm)\r\n                          </td>\r\n                          <td><b>Carton Dimension</b></td>\r\n                          <td>\r\n                            {{ item.cartonL.toFixed(2) }}-{{\r\n                              item.cartonW.toFixed(2)\r\n                            }}-{{ item.cartonH.toFixed(2) }}\r\n                            (cm)\r\n                          </td>\r\n                        </tr>\r\n                        <tr :key=\"`tr3-${i}`\">\r\n                          <td><b>Gross Weight</b></td>\r\n                          <td>{{ item.grossWeight.toFixed(2) }} (kg)</td>\r\n                          <td><b>Net Weight</b></td>\r\n                          <td>{{ item.netWeight.toFixed(2) }} (kg)</td>\r\n                        </tr>\r\n                        <tr :key=\"`tr4-${i}`\">\r\n                          <td><b>Box Weight</b></td>\r\n                          <td>{{ item.boxWeight.toFixed(2) }} (kg)</td>\r\n                          <td><b>ConLoad20Pcs</b></td>\r\n                          <td>{{ item.conLoad20Pcs.toFixed(2) }}</td>\r\n                        </tr>\r\n                        <tr :key=\"`tr5-${i}`\">\r\n                          <td><b>ConLoad20Per</b></td>\r\n                          <td>{{ item.conLoad20Per.toFixed(2) }}</td>\r\n                          <td><b>ConLoad40HPcs</b></td>\r\n                          <td>{{ item.conLoad40HPcs.toFixed(2) }}</td>\r\n                        </tr>\r\n                        <tr :key=\"`tr6-${i}`\">\r\n                          <td><b>ConLoad40HPer</b></td>\r\n                          <td>{{ item.conLoad40HPer.toFixed(2) }}</td>\r\n                          <td><b>ConLoad40Pcs</b></td>\r\n                          <td>{{ item.conLoad40Pcs.toFixed(2) }}</td>\r\n                        </tr>\r\n                        <tr :key=\"`tr7-${i}`\">\r\n                          <td><b>PcsPerBox</b></td>\r\n                          <td>{{ item.pcsPerBox }}</td>\r\n                          <td><b></b></td>\r\n                          <td></td>\r\n                        </tr>\r\n                      </template>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n\r\n                <div id=\"fixedAction\" />\r\n                <div\r\n                  class=\"add-to-cart-btn d-inline-block mt-4 text-center\"\r\n                  :class=\"{ 'fixed-action bg-white border-5': isFixedAction }\"\r\n                >\r\n                  <loading v-if=\"loading\" />\r\n                  <template v-else>\r\n                    <button\r\n                      v-if=\"wasAddedCollection\"\r\n                      class=\"btn btn-success\"\r\n                      disabled\r\n                    >\r\n                      <i class=\"fa fa-lock\"></i>\r\n                      Added to collection\r\n                    </button>\r\n                    <button\r\n                      v-else\r\n                      class=\"btn btn-success\"\r\n                      @click=\"addToCollection\"\r\n                    >\r\n                      <i class=\"fa fa-couch\"></i>\r\n                      Add to collection\r\n                    </button>\r\n                    <span\r\n                      class=\"fw-bold px-3 fs-4 text-danger float-end\"\r\n                      v-if=\"basePrice && !isGuest\"\r\n                    >\r\n                      ${{ basePrice }}\r\n                    </span>\r\n                    <!-- <router-link\r\n                      v-if=\"wasAddedCollection\"\r\n                      :to=\"{ name: 'MyCollection' }\"\r\n                      class=\"text-primary ms-3\"\r\n                    >\r\n                      <i class=\"fa fa-couch\"></i>\r\n                      Go to Collection\r\n                    </router-link> -->\r\n                  </template>\r\n                </div>\r\n              </div>\r\n\r\n              <!--=======  End of product details description area  =======-->\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport roomScene from \"./RoomScene.vue\";\r\nimport loading from \"@/components/Loading.vue\";\r\nexport default {\r\n  components: {\r\n    roomScene,\r\n    loading,\r\n  },\r\n  data() {\r\n    return {\r\n      productDetail: null,\r\n      materials: [],\r\n      viewerInstance: null,\r\n      loading: \"\",\r\n      is360Load: false,\r\n      hasRoomScene1: false,\r\n      hasRoomScene2: false,\r\n      roomScene: \"\",\r\n      isFixedAction: true,\r\n      d365Detail: null,\r\n      features: [],\r\n      userType: null,\r\n    };\r\n  },\r\n  async mounted() {\r\n    let resp = await this.$http.get(`Settings/UserInfo`);\r\n    if (resp && resp.status == 200 && resp.data) {\r\n      let respData = resp.data;\r\n      this.userType = respData.data.userType;\r\n    }\r\n\r\n    let slug = this.$route.params.slug;\r\n    if (slug) {\r\n      this.loadProductDetail(slug);\r\n    } else {\r\n      this.productDetail = null;\r\n    }\r\n\r\n    this.scroll();\r\n  },\r\n  computed: {\r\n    collection() {\r\n      return this.$collection.getters.collection;\r\n    },\r\n    wasAddedCollection() {\r\n      let collection = this.collection;\r\n      let productDetail = this.productDetail;\r\n      let materials = this.materials;\r\n\r\n      return collection.some((_) => {\r\n        let materialConfigs = _.Materials\r\n          ? JSON.parse(_.Materials).MaterialConfigs\r\n          : null;\r\n        let addedMaterial =\r\n          materialConfigs && materials\r\n            ? materialConfigs.every((m) =>\r\n                materials.some((r) => r.type == m.Type && r.selected == m.Code)\r\n              )\r\n            : false;\r\n        return _.ProductId == productDetail.Id && addedMaterial;\r\n      });\r\n    },\r\n\r\n    basePrice() {\r\n      let productDetail = this.productDetail;\r\n      let materials = this.materials;\r\n\r\n      if (productDetail && productDetail.Price) {\r\n        let price = productDetail.Price;\r\n        if (productDetail.PricePanel) {\r\n          let isSidePanel = materials.some(\r\n            (m) => m.type == \"SIDE PANELS\" && m.selected != \"NONE\"\r\n          );\r\n          if (isSidePanel) {\r\n            price = productDetail.PricePanel;\r\n          }\r\n        }\r\n        return this.$func.addCommas(price.toFixed(2));\r\n      }\r\n      return \"\";\r\n    },\r\n\r\n    productTestReports() {\r\n      let d365Detail = this.d365Detail;\r\n      if (\r\n        d365Detail &&\r\n        d365Detail.detail &&\r\n        d365Detail.detail.productTestReport\r\n      ) {\r\n        return JSON.parse(d365Detail.detail.productTestReport);\r\n      }\r\n      return null;\r\n    },\r\n\r\n    drawingCode() {\r\n      let productDetail = this.productDetail;\r\n      let materials = this.materials;\r\n\r\n      let drawingCode = \"\";\r\n      if (productDetail.ProductDrgs && productDetail.ProductDrgs.length) {\r\n        productDetail.ProductDrgs.forEach((drg) => {\r\n          if (drg.MaterialType && drg.MaterialKeyword) {\r\n            let isSelectedDrg = materials.some(\r\n              (m) =>\r\n                m.type == drg.MaterialType &&\r\n                m.selected.includes(drg.MaterialKeyword)\r\n            );\r\n            if (isSelectedDrg) {\r\n              drawingCode = drg.DrawingCode;\r\n            }\r\n          } else {\r\n            drawingCode = drg.DrawingCode;\r\n          }\r\n        });\r\n      } else {\r\n        drawingCode = productDetail.DrawingCode;\r\n      }\r\n      return drawingCode;\r\n    },\r\n\r\n    isGuest() {\r\n      return this.userType == this.$const.USER_TYPES.Guest;\r\n    },\r\n  },\r\n  watch: {\r\n    materials: {\r\n      deep: true,\r\n      handler(val) {\r\n        if (val && val.length) {\r\n          let materials = val;\r\n          let features = [];\r\n          materials.forEach((_) => {\r\n            let types = [\"TABLE FRAME\", \"SOFA FRAME\"];\r\n            if (!this.isMatchingColorInSet(materials, _.type, types)) {\r\n              _.dangerMessage = `Make sure to match with ${\r\n                types.filter((t) => t != _.type)[0]\r\n              }`;\r\n            } else {\r\n              _.dangerMessage = null;\r\n            }\r\n\r\n            features.push(_.type);\r\n            features.push(_.selected);\r\n          });\r\n          if (this.viewerInstance && features && features.length) {\r\n            this.viewerInstance.setFeatures(features);\r\n          }\r\n          this.features = features;\r\n        }\r\n      },\r\n    },\r\n    async productDetail(val) {\r\n      this.loading = \"Packing\";\r\n      if (val) {\r\n        this.d365Detail = await this.getD365Detail(val);\r\n      } else {\r\n        this.d365Detail = null;\r\n      }\r\n      this.loading = \"\";\r\n    },\r\n  },\r\n  methods: {\r\n    async loadProductDetail(slug) {\r\n      this.loading = \"Detail\";\r\n      try {\r\n        this.productDetail = null;\r\n        let filters = [];\r\n        filters.push(`Slug eq '${slug}'`);\r\n        let resp = await this.$http.get(`odata/Product`, {\r\n          params: {\r\n            $top: 1,\r\n            $filter: filters.join(\" and \"),\r\n            $expand: `ThumbnailImage, ProductDrgs($select=MaterialType,MaterialKeyword,DrawingCode)`,\r\n          },\r\n        });\r\n        if (resp && resp.status == 200) {\r\n          let productDetail = resp.data.value[0];\r\n          this.productDetail = productDetail;\r\n\r\n          this.loadViewer(productDetail.ItemNumber);\r\n        }\r\n      } catch (error) {\r\n        this.$swal({ text: error.message });\r\n      }\r\n      this.loading = \"\";\r\n    },\r\n\r\n    async loadViewer(itemNumber) {\r\n      try {\r\n        this.is360Load = false;\r\n        let customer = 5037;\r\n        let resp = await this.$http.get(\r\n          `https://content.cylindo.com/api/v2/${customer}/products/${itemNumber}/configuration`\r\n        );\r\n        if (resp && resp.status == 200) {\r\n          this.is360Load = true;\r\n          let productInfo = resp.data;\r\n          this.viewerInstance = null;\r\n          let opts = {\r\n            accountID: productInfo.customer,\r\n            productCode: productInfo.code,\r\n            containerID: \"#put-viewer-here\",\r\n            version: productInfo.version,\r\n          };\r\n\r\n          let features = productInfo.features;\r\n          this.getMaterials(features);\r\n\r\n          if (window.cylindo) {\r\n            window.cylindo.on(\"ready\", () => {\r\n              this.viewerInstance = window.cylindo.viewer.create(opts);\r\n            });\r\n          }\r\n        }\r\n      } catch (error) {\r\n        //this.$swal({ text: error.message });\r\n      }\r\n    },\r\n\r\n    async getMaterials(features) {\r\n      this.loadingMaterial = true;\r\n      try {\r\n        this.materials = [];\r\n        let filters = [];\r\n\r\n        let optionCodes = [];\r\n        features.forEach((feature) => {\r\n          feature.options.forEach((option) => {\r\n            optionCodes.push(option.code);\r\n          });\r\n        });\r\n\r\n        filters.push(`MaterialCode in ('${optionCodes.join(\"','\")}')`);\r\n        let resp = await this.$http.get(`odata/Material`, {\r\n          params: {\r\n            $top: 100,\r\n            $filter: filters.join(\" and \"),\r\n          },\r\n        });\r\n        if (resp && resp.status == 200) {\r\n          let materialInfos = resp.data.value;\r\n          this.materials = features\r\n            .sort((a, b) => {\r\n              if (a.code > b.code) {\r\n                return -1;\r\n              }\r\n              if (a.code < b.code) {\r\n                return 1;\r\n              }\r\n              return 0;\r\n            })\r\n            .map((feature) => {\r\n              let list = feature.options.map((option) => {\r\n                let optionObj = materialInfos.find(\r\n                  (_) => _.MaterialCode == option.code\r\n                );\r\n                return {\r\n                  code: option.code,\r\n                  name: optionObj ? optionObj.MaterialName : option.code,\r\n                  hidden:\r\n                    optionObj &&\r\n                    optionObj.Notes &&\r\n                    (optionObj.Notes.includes(\"hidden\") ||\r\n                      optionObj.Notes.includes(`${feature.code}:hide`)),\r\n                };\r\n              });\r\n              return {\r\n                type: feature.code,\r\n                list,\r\n                selected: list.length ? list[0].code : \"\",\r\n                expanded: true,\r\n                dangerMessage: null,\r\n              };\r\n            });\r\n        }\r\n      } catch (error) {\r\n        this.$swal({ text: error.message });\r\n      }\r\n      this.loadingMaterial = false;\r\n    },\r\n\r\n    addToCollection() {\r\n      let viewerInstance = this.viewerInstance;\r\n      let productDetail = this.productDetail;\r\n      let d265Detail = this.d365Detail;\r\n      let materials = this.materials;\r\n      let materialConfigs = materials.map((_) => {\r\n        let selectedObj = _.list\r\n          ? _.list.find((s) => s.code == _.selected)\r\n          : null;\r\n        return {\r\n          Type: _.type,\r\n          Code: _.selected,\r\n          Name: selectedObj ? selectedObj.name : null,\r\n        };\r\n      });\r\n      let packingOption =\r\n        d265Detail && d265Detail.productPackings\r\n          ? d265Detail.productPackings[0]\r\n          : null;\r\n      this.$collection.dispatch(\"addToCollection\", {\r\n        product: productDetail,\r\n        materials: {\r\n          ItemNumber: productDetail.ItemNumber,\r\n          ProductType: productDetail.ProductType,\r\n          MaterialConfigs: materialConfigs,\r\n          DrawingCode: this.drawingCode,\r\n          ShortDescription: productDetail.ShortDescription,\r\n          Description: productDetail.MetaDescription,\r\n          LoadingInfo: this.renderLoadingInfo(packingOption),\r\n          OpenDimension: this.renderOpenDimension(packingOption),\r\n          Packing: this.renderPacking(packingOption),\r\n          CartonDimension: this.renderCartonDimension(packingOption),\r\n          PalletDimension: this.renderPalletDimension(packingOption),\r\n          ConLoad20Pcs: packingOption ? packingOption.conLoad20Pcs : \"\",\r\n          ConLoad40Pcs: packingOption ? packingOption.conLoad40Pcs : \"\",\r\n          ConLoad40HPcs: packingOption ? packingOption.conLoad40HPcs : \"\",\r\n          NetWeight: packingOption ? packingOption.netWeight : \"\",\r\n          GrossWeight: packingOption ? packingOption.grossWeight : \"\",\r\n          ConCbm3: packingOption ? packingOption.conCbm3 : \"\",\r\n        },\r\n        configImage: viewerInstance\r\n          ? viewerInstance.getCurrentImageUrl()\r\n          : null,\r\n      });\r\n\r\n      this.$swal({\r\n        position: \"top-end\",\r\n        icon: \"success\",\r\n        title: \"\",\r\n        text: \"Add to your collection successfully!\",\r\n        showConfirmButton: false,\r\n        timer: 1500,\r\n      });\r\n    },\r\n\r\n    renderLoadingInfo(packingOption) {\r\n      return packingOption &&\r\n        (packingOption.conLoad20Pcs ||\r\n          packingOption.conLoad40Pcs ||\r\n          packingOption.conLoad40HPcs)\r\n        ? [\r\n            packingOption.conLoad20Pcs,\r\n            packingOption.conLoad40Pcs,\r\n            packingOption.conLoad40HPcs,\r\n          ]\r\n            .filter((_) => _)\r\n            .map((_) => `${_} (est)`)\r\n            .join(\" / \")\r\n        : \"TBA\";\r\n    },\r\n\r\n    renderOpenDimension(packingOption) {\r\n      return packingOption &&\r\n        (packingOption.openDimL ||\r\n          packingOption.openDimW ||\r\n          packingOption.openDimH)\r\n        ? [\r\n            packingOption.openDimL,\r\n            packingOption.openDimW,\r\n            packingOption.openDimH,\r\n          ]\r\n            .filter((_) => _)\r\n            .join(\" x \")\r\n        : \"TBA\";\r\n    },\r\n\r\n    renderCartonDimension(packingOption) {\r\n      return packingOption &&\r\n        (packingOption.cartonL ||\r\n          packingOption.cartonW ||\r\n          packingOption.cartonH)\r\n        ? [packingOption.cartonL, packingOption.cartonW, packingOption.cartonH]\r\n            .filter((_) => _)\r\n            .join(\" x \")\r\n        : \"TBA\";\r\n    },\r\n\r\n    renderPalletDimension(packingOption) {\r\n      return packingOption ? \"TBA\" : \"TBA\";\r\n    },\r\n\r\n    renderPacking(packingOption) {\r\n      return packingOption && packingOption.pcsPerBox\r\n        ? `${packingOption.pcsPerBox} ${packingOption.packingTypeId}`\r\n        : \"TBA\";\r\n    },\r\n\r\n    isScrolledIntoView(el) {\r\n      let rect = el.getBoundingClientRect();\r\n      let elemTop = rect.top;\r\n      let elemBottom = rect.bottom;\r\n      //let isVisible = elemTop < window.innerHeight && elemBottom >= 0;\r\n      let isVisible = window.innerHeight < elemTop && elemBottom >= 0;\r\n      return isVisible;\r\n    },\r\n\r\n    scroll() {\r\n      window.onscroll = () => {\r\n        let scrolledTo = document.querySelector(\"#fixedAction\");\r\n\r\n        if (scrolledTo) {\r\n          this.isFixedAction = this.isScrolledIntoView(scrolledTo);\r\n        }\r\n      };\r\n    },\r\n\r\n    isMatchingColorInSet(materials, curType, types) {\r\n      // table frame and sofa frame diff notes\r\n      if (types.includes(curType)) {\r\n        let matchTypes = materials.filter(\r\n          (_) => types.includes(_.type) && _.selected\r\n        );\r\n        return (\r\n          matchTypes &&\r\n          matchTypes.length == types.length &&\r\n          [...new Set(matchTypes.map((_) => _.selected))].length == 1\r\n        );\r\n      } else {\r\n        return true;\r\n      }\r\n    },\r\n\r\n    async getD365Detail(productDetail) {\r\n      try {\r\n        let resp = await this.$http.get(`/d365/product-detail`, {\r\n          params: {\r\n            itemNumber: productDetail.ItemNumber,\r\n            getPackingOption: true,\r\n            singlePacking: true,\r\n          },\r\n        });\r\n        if (resp && resp.status == 200) {\r\n          return resp.data.data;\r\n        } else {\r\n          return null;\r\n        }\r\n      } catch (error) {\r\n        return null;\r\n      }\r\n    },\r\n\r\n    async downloadDocument(file) {\r\n      // let filePath = encodeURIComponent(file.PathFile);\r\n      let filePath = file.PathFile.replaceAll(\"\\\\\", \"$\");\r\n      let resp = await this.$http.get(\r\n        `document/download/${file.FileType}/${filePath}?d365=true`,\r\n        {\r\n          responseType: \"arraybuffer\",\r\n        }\r\n      );\r\n      if (resp && resp.status == 200) {\r\n        let fileName = `${file.FileName}.${file.FileType}`;\r\n        let blob = new Blob([resp.data], {\r\n          type: `application/${file.FileType}`,\r\n        });\r\n\r\n        let link = document.createElement(\"a\");\r\n        link.href = window.URL.createObjectURL(blob);\r\n        link.download = fileName;\r\n        link.click();\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.img-container {\r\n  width: 70px;\r\n  height: 70px;\r\n  display: inline-block;\r\n  border-radius: 50%;\r\n  overflow: hidden;\r\n  position: relative;\r\n  border: 2px solid #dedede;\r\n}\r\n.selected {\r\n  background-color: #dedede;\r\n\r\n  & > .img-container {\r\n    border-color: #fff;\r\n  }\r\n}\r\n.material-img {\r\n  position: absolute;\r\n  width: 100px;\r\n  height: 100px;\r\n  left: -25%;\r\n  top: -25%;\r\n}\r\n\r\n.product-color {\r\n  margin-bottom: 0;\r\n\r\n  ul {\r\n    padding-left: 0;\r\n  }\r\n}\r\n\r\n.material-name {\r\n  white-space: nowrap;\r\n  font-weight: 600;\r\n  font-size: 0.8rem;\r\n  margin-left: -0.3rem;\r\n}\r\n.material-code {\r\n  font-size: 0.7rem;\r\n  font-style: italic;\r\n}\r\n\r\n.product-details-title {\r\n  font-size: 1rem;\r\n  color: #000;\r\n}\r\n\r\n.fixed-action {\r\n  position: fixed;\r\n  bottom: 0;\r\n}\r\n\r\n.product-details-slider-area {\r\n  position: sticky;\r\n  top: 0;\r\n  margin-bottom: 0;\r\n}\r\n\r\n#put-viewer-here {\r\n  max-height: calc(100vh - 45px);\r\n}\r\n\r\n.product-color {\r\n  .row > * {\r\n    padding-left: 0;\r\n  }\r\n}\r\n\r\n// .detail-title {\r\n//   position: sticky;\r\n//   right: 0;\r\n//   top: 50px;\r\n//   z-index: 1;\r\n\r\n//   .discounted-price {\r\n//     background-color: #fff;\r\n//     padding: 0 0.5rem;\r\n//     border-bottom-left-radius: 5px;\r\n//     border-bottom-right-radius: 5px;\r\n//   }\r\n// }\r\n\r\n.packing-option {\r\n  td {\r\n    padding-left: 0;\r\n  }\r\n}\r\n\r\n.roomscene {\r\n  &.nav-tabs {\r\n    border-bottom: none;\r\n    border-top: 1px solid #dee2e6;\r\n\r\n    .nav-link {\r\n      margin-top: -1px;\r\n      margin-bottom: unset;\r\n      border-top-left-radius: unset;\r\n      border-top-right-radius: unset;\r\n      border-bottom-left-radius: 0.25rem;\r\n      border-bottom-right-radius: 0.25rem;\r\n\r\n      &.active {\r\n        border-color: #fff #dee2e6 #dee2e6;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Detail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Detail.vue?vue&type=template&id=b2bdd754&scoped=true&\"\nimport script from \"./Detail.vue?vue&type=script&lang=js&\"\nexport * from \"./Detail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Detail.vue?vue&type=style&index=0&id=b2bdd754&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  \"b2bdd754\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Detail.vue?vue&type=style&index=0&id=b2bdd754&lang=scss&scoped=true&\""],"sourceRoot":""}