{"version":3,"sources":["webpack:///./src/views/pages/ecom-category.vue?b1de","webpack:///./src/views/pages/ecom-category.vue?1c1e","webpack:///./src/assets/images/ecom/product.jpg","webpack:///./src/views/pages/ecom-category.vue?f8dc","webpack:///src/views/pages/ecom-category.vue","webpack:///./src/views/pages/ecom-category.vue?6d28","webpack:///./src/views/pages/ecom-category.vue?fec4"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","model","value","callback","$$v","checkBox1","expression","_l","i","key","checkBox2","on","$event","active","ref","staticRenderFns","mixins","ErrorMessages","data","clinic_id","clinicList","orderTypeToCart","orderTypeListToCart","selectClinicPopupActive","at_least_one_active_clinic_available","blogs","swiperOption","slidesPerView","spaceBetween","pagination","clickable","navigation","nextEl","prevEl","breakpoints","1024","960","540","components","swiper","swiperSlide","EcomNavigation","methods","component"],"mappings":"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","file":"js/chunk-698e5a28.440177c2.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.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!./ecom-category.vue?vue&type=style&index=0&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.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!./ecom-category.vue?vue&type=style&index=1&id=4183f4ee&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/product.cdb7ed41.jpg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"primed-v2 ecom-wrap h-full\"},[_c('ecom-navigation'),_c('vs-row',{staticClass:\"ecom-cat-wrap h-full\",attrs:{\"id\":\"page_load\"}},[_c('vs-col',{staticClass:\"cat-lg-sidebar sticky-bar h-full\",attrs:{\"vs-type\":\"flex\",\"vs-align\":\"flex-start\",\"vs-lg\":\"4\"}},[_c('vs-card',{staticClass:\"shop shop__card shop__card--sidebar h-full\",attrs:{\"id\":\"load_cat\"}},[_c('div',{staticClass:\"card-header\"},[_c('h4',{attrs:{\"id\":\"categories\"}},[_vm._v(\"Filter by:\")]),_c('div',{staticClass:\"filter-category bd-bottom-clr-border-grey my-8\"},[_c('h6',{staticClass:\"font-semibold\"},[_vm._v(\"CATEGORIES\")]),_c('div',{staticClass:\"check-boxes__default my-6\"},[_c('ul',{staticClass:\"centerx\"},[_c('li',[_c('vs-checkbox',{model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(\"Diabetes & Obesity\\n                    \"),_c('span',{staticClass:\"txt-clr-semi-dark-grey\"},[_vm._v(\"(79)\")])])],1),_vm._l((7),function(i){return _c('li',{key:i},[_c('vs-checkbox',{model:{value:(_vm.checkBox2),callback:function ($$v) {_vm.checkBox2=$$v},expression:\"checkBox2\"}},[_vm._v(\"Diabetes & Obesity\\n                    \"),_c('span',{staticClass:\"txt-clr-semi-dark-grey\"},[_vm._v(\"(79)\")])])],1)})],2)])]),_c('div',{staticClass:\"filter-type my-8\"},[_c('h6',{staticClass:\"font-semibold\"},[_vm._v(\"TYPE\")]),_c('div',{staticClass:\"check-boxes__default my-6\"},[_c('ul',{staticClass:\"centerx\"},[_c('li',[_c('vs-checkbox',{model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(\"Non-Prescription\\n                    \"),_c('span',{staticClass:\"txt-clr-semi-dark-grey\"},[_vm._v(\"(9)\")])])],1),_c('li',[_c('vs-checkbox',{model:{value:(_vm.checkBox2),callback:function ($$v) {_vm.checkBox2=$$v},expression:\"checkBox2\"}},[_vm._v(\"Prescription\\n                    \"),_c('span',{staticClass:\"txt-clr-semi-dark-grey\"},[_vm._v(\"(11)\")])])],1)])])]),_c('div',{staticClass:\"text-center\"},[_c('vs-button',{staticClass:\"pr-btn link\",attrs:{\"color\":\"danger\",\"type\":\"flat\"}},[_vm._v(\"REMOVE FILTERS\\n            \")])],1)])])],1),_c('vs-col',{staticClass:\"h-full\",attrs:{\"vs-align\":\"center\",\"vs-lg\":\"8\",\"vs-sm\":\"12\",\"vs-type\":\"flex\",\"vs-xs\":\"12\"}},[_c('vs-card',{staticClass:\"\\n          shop shop__card shop__card--category\\n          vs-con-loading__container\\n          lg:ml-10\\n          bg-transparent\\n          border-0\\n          h-full\\n        \"},[_c('div',{staticClass:\"cat-mb-sidebar mb-8 float-left w-full\"},[_c('div',{attrs:{\"id\":\"parentx-demo-2\"}},[_c('vs-button',{staticClass:\"pr-btn link w-full text-left\",attrs:{\"color\":\"grey\",\"type\":\"flat\"},on:{\"click\":function($event){_vm.active = !_vm.active}}},[_vm._v(\"Filter by:\"),_c('i',{staticClass:\"fas fa-filter\"})]),_c('vs-sidebar',{staticClass:\"sidebarx cat-mobile-side\",attrs:{\"hidden-background\":true,\"color\":\"grey\",\"default-index\":\"1\",\"parent\":\"#parentx-demo-2\",\"spacer\":\"\"},model:{value:(_vm.active),callback:function ($$v) {_vm.active=$$v},expression:\"active\"}},[_c('div',{staticClass:\"text-5xl float-right cursor-pointer\",on:{\"click\":function($event){_vm.active = !_vm.active}}},[_vm._v(\"\\n                ×\\n              \")]),_c('div',{staticClass:\"filter-category bd-bottom-clr-border-grey my-8\"},[_c('h6',{staticClass:\"font-semibold\"},[_vm._v(\"CATEGORIES\")]),_c('div',{staticClass:\"check-boxes__default my-6\"},[_c('ul',{staticClass:\"centerx\"},[_c('li',[_c('vs-checkbox',{model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(\"Diabetes & Obesity\\n                        \"),_c('span',{staticClass:\"txt-clr-semi-dark-grey\"},[_vm._v(\"(79)\")])])],1),_vm._l((7),function(i){return _c('li',{key:i},[_c('vs-checkbox',{model:{value:(_vm.checkBox2),callback:function ($$v) {_vm.checkBox2=$$v},expression:\"checkBox2\"}},[_vm._v(\"Diabetes & Obesity\\n                        \"),_c('span',{staticClass:\"txt-clr-semi-dark-grey\"},[_vm._v(\"(79)\")])])],1)})],2)])]),_c('div',{staticClass:\"filter-type my-8\"},[_c('h6',{staticClass:\"font-semibold\"},[_vm._v(\"TYPE\")]),_c('div',{staticClass:\"check-boxes__default my-6\"},[_c('ul',{staticClass:\"centerx\"},[_c('li',[_c('vs-checkbox',{model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(\"Non-Prescription\\n                        \"),_c('span',{staticClass:\"txt-clr-semi-dark-grey\"},[_vm._v(\"(9)\")])])],1),_c('li',[_c('vs-checkbox',{model:{value:(_vm.checkBox2),callback:function ($$v) {_vm.checkBox2=$$v},expression:\"checkBox2\"}},[_vm._v(\"Prescription\\n                        \"),_c('span',{staticClass:\"txt-clr-semi-dark-grey\"},[_vm._v(\"(11)\")])])],1)])])]),_c('div',{staticClass:\"text-center mb-8\"},[_c('vs-button',{staticClass:\"pr-btn link\",attrs:{\"color\":\"danger\",\"type\":\"flat\"}},[_vm._v(\"REMOVE FILTERS\\n                \")])],1)])],1)]),_c('div',{staticClass:\"flex items-center justify-between w-full\"},[_c('div',{staticClass:\"card-header mr-3 sm:mr-0 sm:flex-1\"},[_c('h4',[_vm._v(\"Skincare Prodcuts\")])]),_c('div',{staticClass:\"xl:w-1/3 w-1/2\"},[_c('div',{staticClass:\"flex w-full items-center\"},[_c('label',{staticClass:\"fs-reg mr-3 hidden sm:block\",attrs:{\"for\":\"\"}},[_vm._v(\"Sort by:\")]),_c('div',{staticClass:\"select-box flex-1\"},[_c('v-select',{attrs:{\"label\":\"text\",\"placeholder\":\"Most popular\"}})],1)])])]),_c('div',{staticClass:\"shop-boxes\",attrs:{\"id\":\"loader\"}},[_c('div',{staticClass:\"shop-boxes__ecommerce\"},[_c('ul',{staticClass:\"shop-category\"},_vm._l((6),function(i){return _c('li',{key:i},[_c('a',{staticClass:\"sh-box\",attrs:{\"href\":\"#\"}},[_c('div',{staticClass:\"img-thumb\"},[_c('div',{staticClass:\"sh-ratings\"},[_c('div',{staticClass:\"flex items-center justify-between\"},[_c('span',{staticClass:\"txt-clr-grey flex items-center\"},[_c('span',{staticClass:\"material-icons fs-mid mr-2\"},[_vm._v(\"\\n                            grade\\n                          \")]),_vm._v(\"\\n                          5.0\\n                        \")]),_c('vs-button',{staticClass:\"wish-btn\",attrs:{\"color\":\"grey\",\"type\":\"flat\",\"icon\":\"favorite_border\"}})],1)]),_c('img',{attrs:{\"src\":require(\"@/assets/images/ecom/product.jpg\"),\"alt\":\"product\"}}),_c('div',{staticClass:\"sh-cta items-center\"},[_c('vs-button',{staticClass:\"mx-2\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-shopping-cart\",\"radius\":\"\",\"color\":\"primary\",\"type\":\"filled\"}}),_c('vs-button',{staticClass:\"mx-2\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-eye\",\"radius\":\"\",\"color\":\"primary\",\"type\":\"filled\"}})],1)]),_c('article',[_c('div',{staticClass:\"w-full flex justify-between\"},[_c('div',{staticClass:\"pr-txt flex-1\"},[_c('h6',[_vm._v(\"\\n                          GlucoRX Carepoint Pan Needles 5mm 31G (25)\"),_c('br'),_c('p',{staticClass:\"fs-sml text-black font-normal\"},[_vm._v(\"\\n                            4 mm Pen Needles\\n                          \")])])]),_c('div',{staticClass:\"price-block text-right\"},[_c('div',{staticClass:\"price\"},[_vm._v(\"£ 1.35\")]),_c('div',{staticClass:\"price price__old\"},[_vm._v(\"£ 1.35\")])])]),_c('div',{staticClass:\"mobile-btn w-full mt-4 flex lg:hidden\"},[_c('vs-button',{staticClass:\"flex-1 border border-solid border-clr-primary\",attrs:{\"color\":\"primary\",\"type\":\"filled\",\"icon-pack\":\"feather\",\"icon\":\"icon-shopping-cart\"}},[_vm._v(\"Add to cart\")]),_c('vs-button',{staticClass:\"\\n                          flex-1\\n                          pr-btn\\n                          bg-trans\\n                          txt-clr-semi-dark-grey\\n                          border border-solid border-clr-semi-dark-grey\\n                        \",attrs:{\"color\":\"\",\"icon-pack\":\"feather\",\"icon\":\"icon-eye\"}},[_vm._v(\"Quick View\")])],1)])])])}),0)]),_c('vs-pagination',{ref:\"paginationBar\",staticClass:\"mt-10\"})],1)])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"primed-v2 ecom-wrap h-full\">\n    <!-- Ecom Navigation Start -->\n    <ecom-navigation />\n\n    <!-- Ecom Navigation End -->\n\n    <vs-row id=\"page_load\" class=\"ecom-cat-wrap h-full\">\n      <vs-col\n        class=\"cat-lg-sidebar sticky-bar h-full\"\n        vs-type=\"flex\"\n        vs-align=\"flex-start\"\n        vs-lg=\"4\"\n      >\n        <vs-card\n          id=\"load_cat\"\n          class=\"shop shop__card shop__card--sidebar h-full\"\n        >\n          <div class=\"card-header\">\n            <h4 id=\"categories\">Filter by:</h4>\n\n            <div class=\"filter-category bd-bottom-clr-border-grey my-8\">\n              <h6 class=\"font-semibold\">CATEGORIES</h6>\n\n              <div class=\"check-boxes__default my-6\">\n                <ul class=\"centerx\">\n                  <li>\n                    <vs-checkbox v-model=\"checkBox1\"\n                      >Diabetes & Obesity\n                      <span class=\"txt-clr-semi-dark-grey\"\n                        >(79)</span\n                      ></vs-checkbox\n                    >\n                  </li>\n                  <li v-for=\"i in 7\" :key=\"i\">\n                    <vs-checkbox v-model=\"checkBox2\"\n                      >Diabetes & Obesity\n                      <span class=\"txt-clr-semi-dark-grey\"\n                        >(79)</span\n                      ></vs-checkbox\n                    >\n                  </li>\n                </ul>\n              </div>\n            </div>\n            <div class=\"filter-type my-8\">\n              <h6 class=\"font-semibold\">TYPE</h6>\n\n              <div class=\"check-boxes__default my-6\">\n                <ul class=\"centerx\">\n                  <li>\n                    <vs-checkbox v-model=\"checkBox1\"\n                      >Non-Prescription\n                      <span class=\"txt-clr-semi-dark-grey\"\n                        >(9)</span\n                      ></vs-checkbox\n                    >\n                  </li>\n                  <li>\n                    <vs-checkbox v-model=\"checkBox2\"\n                      >Prescription\n                      <span class=\"txt-clr-semi-dark-grey\"\n                        >(11)</span\n                      ></vs-checkbox\n                    >\n                  </li>\n                </ul>\n              </div>\n            </div>\n\n            <div class=\"text-center\">\n              <vs-button class=\"pr-btn link\" color=\"danger\" type=\"flat\"\n                >REMOVE FILTERS\n              </vs-button>\n            </div>\n          </div>\n        </vs-card>\n      </vs-col>\n\n      <vs-col\n        class=\"h-full\"\n        vs-align=\"center\"\n        vs-lg=\"8\"\n        vs-sm=\"12\"\n        vs-type=\"flex\"\n        vs-xs=\"12\"\n      >\n        <vs-card\n          class=\"\n            shop shop__card shop__card--category\n            vs-con-loading__container\n            lg:ml-10\n            bg-transparent\n            border-0\n            h-full\n          \"\n        >\n          <!-- mobile filter start -->\n          <div class=\"cat-mb-sidebar mb-8 float-left w-full\">\n            <div id=\"parentx-demo-2\">\n              <vs-button\n                @click=\"active = !active\"\n                class=\"pr-btn link w-full text-left\"\n                color=\"grey\"\n                type=\"flat\"\n                >Filter by:<i class=\"fas fa-filter\"></i\n              ></vs-button>\n              <vs-sidebar\n                :hidden-background=\"true\"\n                class=\"sidebarx cat-mobile-side\"\n                color=\"grey\"\n                default-index=\"1\"\n                parent=\"#parentx-demo-2\"\n                spacer\n                v-model=\"active\"\n              >\n                <div\n                  @click=\"active = !active\"\n                  class=\"text-5xl float-right cursor-pointer\"\n                >\n                  &times;\n                </div>\n\n                <div class=\"filter-category bd-bottom-clr-border-grey my-8\">\n                  <h6 class=\"font-semibold\">CATEGORIES</h6>\n\n                  <div class=\"check-boxes__default my-6\">\n                    <ul class=\"centerx\">\n                      <li>\n                        <vs-checkbox v-model=\"checkBox1\"\n                          >Diabetes & Obesity\n                          <span class=\"txt-clr-semi-dark-grey\"\n                            >(79)</span\n                          ></vs-checkbox\n                        >\n                      </li>\n                      <li v-for=\"i in 7\" :key=\"i\">\n                        <vs-checkbox v-model=\"checkBox2\"\n                          >Diabetes & Obesity\n                          <span class=\"txt-clr-semi-dark-grey\"\n                            >(79)</span\n                          ></vs-checkbox\n                        >\n                      </li>\n                    </ul>\n                  </div>\n                </div>\n                <div class=\"filter-type my-8\">\n                  <h6 class=\"font-semibold\">TYPE</h6>\n\n                  <div class=\"check-boxes__default my-6\">\n                    <ul class=\"centerx\">\n                      <li>\n                        <vs-checkbox v-model=\"checkBox1\"\n                          >Non-Prescription\n                          <span class=\"txt-clr-semi-dark-grey\"\n                            >(9)</span\n                          ></vs-checkbox\n                        >\n                      </li>\n                      <li>\n                        <vs-checkbox v-model=\"checkBox2\"\n                          >Prescription\n                          <span class=\"txt-clr-semi-dark-grey\"\n                            >(11)</span\n                          ></vs-checkbox\n                        >\n                      </li>\n                    </ul>\n                  </div>\n                </div>\n                <div class=\"text-center mb-8\">\n                  <vs-button class=\"pr-btn link\" color=\"danger\" type=\"flat\"\n                    >REMOVE FILTERS\n                  </vs-button>\n                </div>\n              </vs-sidebar>\n            </div>\n          </div>\n          <!-- mobile filter end -->\n\n          <div class=\"flex items-center justify-between w-full\">\n            <div class=\"card-header mr-3 sm:mr-0 sm:flex-1\">\n              <h4>Skincare Prodcuts</h4>\n            </div>\n\n            <div class=\"xl:w-1/3 w-1/2\">\n              <div class=\"flex w-full items-center\">\n                <label class=\"fs-reg mr-3 hidden sm:block\" for=\"\"\n                  >Sort by:</label\n                >\n                <div class=\"select-box flex-1\">\n                  <v-select label=\"text\" placeholder=\"Most popular\"></v-select>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div id=\"loader\" class=\"shop-boxes\">\n            <div class=\"shop-boxes__ecommerce\">\n              <ul class=\"shop-category\">\n                <li v-for=\"i in 6\" :key=\"i\">\n                  <a class=\"sh-box\" href=\"#\">\n                    <div class=\"img-thumb\">\n                      <div class=\"sh-ratings\">\n                        <div class=\"flex items-center justify-between\">\n                          <span class=\"txt-clr-grey flex items-center\">\n                            <span class=\"material-icons fs-mid mr-2\">\n                              grade\n                            </span>\n                            5.0\n                          </span>\n\n                          <vs-button\n                            color=\"grey\"\n                            type=\"flat\"\n                            icon=\"favorite_border\"\n                            class=\"wish-btn\"\n                          ></vs-button>\n                        </div>\n                      </div>\n\n                      <img\n                        class=\"\"\n                        src=\"@/assets/images/ecom/product.jpg\"\n                        alt=\"product\"\n                      />\n\n                      <!-- Desktop CTA Start -->\n\n                      <div class=\"sh-cta items-center\">\n                        <vs-button\n                          class=\"mx-2\"\n                          icon-pack=\"feather\"\n                          icon=\"icon-shopping-cart\"\n                          radius\n                          color=\"primary\"\n                          type=\"filled\"\n                        >\n                        </vs-button>\n                        <vs-button\n                          class=\"mx-2\"\n                          icon-pack=\"feather\"\n                          icon=\"icon-eye\"\n                          radius\n                          color=\"primary\"\n                          type=\"filled\"\n                        >\n                        </vs-button>\n                      </div>\n\n                      <!-- Desktop CTA End -->\n                    </div>\n\n                    <article>\n                      <div class=\"w-full flex justify-between\">\n                        <div class=\"pr-txt flex-1\">\n                          <h6>\n                            GlucoRX Carepoint Pan Needles 5mm 31G (25)<br />\n                            <p class=\"fs-sml text-black font-normal\">\n                              4 mm Pen Needles\n                            </p>\n                          </h6>\n                        </div>\n                        <div class=\"price-block text-right\">\n                          <div class=\"price\">£ 1.35</div>\n                          <div class=\"price price__old\">£ 1.35</div>\n                        </div>\n                      </div>\n\n                      <!-- mobile cta start -->\n                      <div class=\"mobile-btn w-full mt-4 flex lg:hidden\">\n                        <vs-button\n                          color=\"primary\"\n                          type=\"filled\"\n                          icon-pack=\"feather\"\n                          icon=\"icon-shopping-cart\"\n                          class=\"flex-1 border border-solid border-clr-primary\"\n                          >Add to cart</vs-button\n                        >\n                        <vs-button\n                          color=\"\"\n                          icon-pack=\"feather\"\n                          icon=\"icon-eye\"\n                          class=\"\n                            flex-1\n                            pr-btn\n                            bg-trans\n                            txt-clr-semi-dark-grey\n                            border border-solid border-clr-semi-dark-grey\n                          \"\n                          >Quick View</vs-button\n                        >\n                      </div>\n                      <!-- mobile cta end-->\n                    </article>\n                  </a>\n                </li>\n              </ul>\n            </div>\n\n            <vs-pagination class=\"mt-10\" ref=\"paginationBar\"></vs-pagination>\n          </div>\n        </vs-card>\n      </vs-col>\n    </vs-row>\n  </div>\n</template>\n<script>\nimport EcomNavigation from \"@/components/EcomNavigation.vue\";\nimport \"vue-awesome-swiper/node_modules/swiper/dist/css/swiper.min.css\";\nimport { swiper, swiperSlide } from \"vue-awesome-swiper\";\nimport { RepositoryFactory } from \"@/repository/RepositoryFactory\";\nimport ErrorMessages from \"@/mixins/ErrorMessages\";\nimport SuccessMessage from \"@/mixins/SuccessMessage\";\nimport { orderTypeList } from \"@/constants/config\";\nimport vSelect from \"vue-select\";\n\nconst OrdersRepository = RepositoryFactory.get(\"orders\");\nconst DropDownRepository = RepositoryFactory.get(\"dropdowns\");\nconst DashboardRepository = RepositoryFactory.get(\"dashboard\");\n\nexport default {\n  mixins: [ErrorMessages, SuccessMessage],\n  data() {\n    return {\n      active: false,\n      clinic_id: \"\",\n      clinicList: [],\n      orderTypeToCart: {},\n      orderTypeListToCart: orderTypeList,\n      selectClinicPopupActive: false,\n      at_least_one_active_clinic_available: true,\n      blogs: [],\n      swiperOption: {\n        slidesPerView: 4,\n        spaceBetween: 10,\n        pagination: {\n          //el: '.swiper-pagination',\n          clickable: true,\n          //type: 'fraction'\n        },\n        navigation: {\n          nextEl: \".swiper-button-next\",\n          prevEl: \".swiper-button-prev\",\n        },\n        breakpoints: {\n          1024: {\n            slidesPerView: 3,\n            spaceBetween: 40,\n          },\n          960: {\n            slidesPerView: 2,\n            spaceBetween: 30,\n          },\n          540: {\n            slidesPerView: 1,\n            spaceBetween: 20,\n          },\n        },\n      },\n      checkBox1: true,\n      checkBox2: false,\n    };\n  },\n  components: {\n    \"v-select\": vSelect,\n    swiper,\n    swiperSlide,\n    EcomNavigation,\n  },\n  methods: {\n    async getClinics(hide_other_loaders = false) {\n      if (!hide_other_loaders) {\n        this.$vs.loading({\n          container: \"#loader\",\n          scale: 1,\n        });\n      }\n      const response = (\n        await DropDownRepository.getMyClinicList()\n      ).data.data.filter(\n        (x) => x.state === \"active\" && x.pivot.role !== \"clinic_third_party\"\n      );\n\n      this.clinicList = await response.map((x) => ({\n        text: `${x.name}`,\n        value: x.id,\n        state: x.state,\n      }));\n\n      this.at_least_one_active_clinic_available = _.some(this.clinicList, {\n        state: \"active\",\n      });\n\n      this.$vs.loading.close(\"#loader > .con-vs-loading\");\n    },\n    async onClickCreateOrders() {\n      this.clinic_id = \"\";\n      this.orderTypeToCart = \"\";\n      this.$refs.clinic_id.reset();\n      this.$refs.orderTypeToCart.reset();\n\n      if (this.clinicList.length === 1) {\n        this.clinic_id = this.clinicList[0];\n      } else {\n        //id 4 assigned to The Virtual Slimming Clinic\n        const is_virtual_slimming_clinic_available = _.find(this.clinicList, {\n          value: 4,\n        });\n        if (is_virtual_slimming_clinic_available) {\n          this.clinic_id = is_virtual_slimming_clinic_available;\n        }\n      }\n      this.selectClinicPopupActive = true;\n    },\n    async clinicSelectConfirm() {\n      if (this.clinic_id === \"\") return;\n      this.$vs.loading({\n        container: \"#next_btn\",\n        scale: 1,\n      });\n      try {\n        const response = await OrdersRepository.createCart({\n          clinic_id: this.clinic_id.value,\n        });\n        this.selectClinicPopupActive = false;\n        setTimeout(() => {\n          this.$store.commit(\"changeOrderTypeState\", this.orderTypeToCart);\n          this.$router.push({\n            path: `/v2/clinic/${this.clinic_id.value}/orders/create/${response.data.data.id}`,\n          });\n        }, 1);\n      } catch (error) {\n        this.convertAndNotifyError(error);\n        this.$vs.loading.close(\"#next_btn > .con-vs-loading\");\n      }\n      this.$vs.loading.close(\"#next_btn > .con-vs-loading\");\n    },\n    async help() {\n      document.getElementById(\"get_help\").scrollIntoView();\n    },\n    async getBlogs() {\n      try {\n        // this.$vs.loading({\n        //   container: \"#price_details\",\n        //   scale: 0.45,\n        // });\n        const response = await DashboardRepository.getBlogs();\n        this.blogs = response.data.data;\n        //this.$vs.loading.close(\"#price_details > .con-vs-loading\");\n      } catch (e) {\n        //this.$vs.loading.close(\"#price_details > .con-vs-loading\");\n      }\n    },\n  },\n  async mounted() {\n    await this.getBlogs();\n    await this.getClinics(true);\n  },\n};\n</script>\n\n<style>\n.selected-text .v-select .vs__selected {\n  color: #6558f5 !important;\n}\n/*.selected-text .vs__search::placeholder, .vs__search, .vs__search:focus {*/\n/* color: #6558f5!important;*/\n/*}*/\n.icon-plus-minus-circle:before {\n  content: \"\\e8b0\" !important;\n}\n.open-item .icon-plus-minus-circle:before {\n  content: \"\\e894\" !important;\n}\n.vs-collapse-item--header .vs-icon {\n  font-size: 1.5rem !important;\n}\n.help-button .vs-button .vs-button--text {\n  font-size: 15px !important;\n}\n</style>\n<style scoped>\n.shop__card {\n  z-index: 1;\n}\n\n.swiper-button-next,\n.swiper-button-prev {\n  background-image: none;\n  height: 20px !important;\n  top: 40%;\n}\n\n.swiper-button-next {\n  right: 0;\n}\n\n.swiper-button-prev {\n  left: 0;\n}\n\n.blog-images {\n  object-fit: cover;\n  max-width: 100%;\n  margin: 0 auto;\n}\n\n@media (min-width: 450px) and (max-width: 1040px) {\n  iframe {\n    width: 100% !important;\n  }\n}\n@media (max-width: 450px) {\n  iframe {\n    width: 100% !important;\n    /*height: 100% !important;*/\n  }\n}\n\n@media (min-width: 980px) {\n  .start-bt {\n    min-height: 190px !important;\n  }\n}\n</style>\n\n\n\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!./ecom-category.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!./ecom-category.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ecom-category.vue?vue&type=template&id=4183f4ee&scoped=true&\"\nimport script from \"./ecom-category.vue?vue&type=script&lang=js&\"\nexport * from \"./ecom-category.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ecom-category.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./ecom-category.vue?vue&type=style&index=1&id=4183f4ee&scoped=true&lang=css&\"\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  \"4183f4ee\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}