{"version":3,"sources":["webpack:///./src/components/CollectionsViewer.vue?90ef","webpack:///./src/components/catalog/CatalogThumb.vue?a360","webpack:///./src/components/catalog/CatalogThumb.vue?06f4","webpack:///src/components/catalog/CatalogThumb.vue","webpack:///./src/components/catalog/CatalogThumb.vue?7e23","webpack:///./src/components/catalog/CatalogThumb.vue","webpack:///./src/components/CollectionsViewer.vue?00f6","webpack:///src/components/CollectionsViewer.vue","webpack:///./src/components/CollectionsViewer.vue?44ae","webpack:///./src/components/CollectionsViewer.vue","webpack:///./src/components/CollectionsViewer.vue?b513"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","showActionsOnDevices","style","domProps","_s","item","CatalogNo","ShortName","_l","specsItem","key","_v","_e","staticRenderFns","props","created","data","thumbURL","addingFav","hasBeenFaved","removingFav","favTransform","btnClickDisabler","inSwipeScroll","methods","toggleActionsForDevices","e","type","$set","isTouchDevice","setTimeout","parsePlatform","platform","indexOf","label","asyncComputed","previewImageStyle","vm","resolve","computed","imageStyle","url","isIOSDevice","test","window","navigator","component","_t","collections","activeCollectionItems","length","localize","on","$event","downloadList","deleteCollection","loadingData","itemsData","product","PRO_ID","attrs","removeItem","item_id","specsRows","big","staticStyle","directives","name","rawName","value","expression","ref","isCopyingLink","target","composing","shareLink","copyShareLink","components","initData","updateShareLink","onChange","readCollectionItems","readCollections","mounted","watch","activeColItem","activeCollection"],"mappings":"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","file":"js/chunk-08b215fc.beac3782.js","sourcesContent":["import mod 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!./CollectionsViewer.vue?vue&type=style&index=1&id=c46e2d3e&scoped=true&lang=css&\"; export default mod; 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!./CollectionsViewer.vue?vue&type=style&index=1&id=c46e2d3e&scoped=true&lang=css&\"","import mod 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!./CatalogThumb.vue?vue&type=style&index=0&id=83ca7f9c&scoped=true&lang=css&\"; export default mod; 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!./CatalogThumb.vue?vue&type=style&index=0&id=83ca7f9c&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"item-preview\"},[_c('div',{staticClass:\"item-preview-image\",class:['item-big', !!_vm.showActionsOnDevices ? 'active' : '']},[_c('div',{staticClass:\"inner-bg\",style:(_vm.imageStyle)})]),_c('div',{staticClass:\"label\"},[_c('span',{staticClass:\"item-mac text--s\",domProps:{\"innerHTML\":_vm._s(_vm.item.CatalogNo)}}),_c('br'),_c('span',{staticClass:\"item-name font-rg\",domProps:{\"innerHTML\":_vm._s(_vm.item.ShortName)}}),(_vm.specs)?_vm._l((_vm.specs),function(specsItem){return _c('span',{key:specsItem,staticClass:\"specrow text--s\"},[_vm._v(\" \"+_vm._s(specsItem)+\" \")])}):_vm._e()],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"item-preview\">    \n\n    <!-- image -->\n    <div class=\"item-preview-image\" :class=\"['item-big', !!showActionsOnDevices ? 'active' : '']\">      \n      <div class=\"inner-bg\" :style=\"imageStyle\">\n      </div>\n    </div>\n\n    <!-- lables ShortName-->\n    <div class=\"label\" >\n      <span class=\"item-mac text--s\" v-html=\"item.CatalogNo\"></span><br/>\n      <span class=\"item-name font-rg\" v-html=\"item.ShortName\"></span>\n      <template v-if=\"specs\">\n        <span v-for=\"specsItem in specs\" class=\"specrow text--s\" :key=\"specsItem\">\n          {{specsItem}}\n        </span>\n      </template>\n    </div>    \n\n  </div>\n</template>\n\n<script>\nexport default {\n  props: [\"type\", \"info\", \"item\", \"size\", \"actions\", \"draggable\",\"removable\",\"specs\"],\n  created() {\n  },\n  data() {\n    return {\n      thumbURL: null,\n      addingFav: false,\n      hasBeenFaved: false,\n      removingFav: false,\n      favTransform: false,\n      showActionsOnDevices: false,\n      btnClickDisabler: false,\n      inSwipeScroll: false\n      // translate\n    };\n\n  },\n  methods: {\n    toggleActionsForDevices(e) {\n      if (e.type === \"touchmove\") {\n        this.$set(this, \"inSwipeScroll\", true);\n      } else {\n        if (!this.inSwipeScroll) {\n          if (this.isTouchDevice) {\n            setTimeout(\n              function() {\n                this.showActionsOnDevices = !this.showActionsOnDevices;\n              }.bind(this),\n              100\n            );\n          }\n        }\n        this.$set(this, \"inSwipeScroll\", false);\n      }\n    },\n    parsePlatform(platform, label) {\n      // console.log(\"parseplatform >> \", platform, \" :: \", label);\n      if (platform.indexOf(\"Standard\") > -1) {\n        return label ? \"SP\" : \"item-platform--sp\";\n      } else if (platform.indexOf(\"Wide\") > -1) {\n        return label ? \"WP\" : \"item-platform--wp\";\n      } else if (platform.indexOf(\"Narrow\") > -1) {\n        return label ? \"NP\" : \"item-platform--np\";\n      }\n    },        \n  },\n  asyncComputed: {\n    previewImageStyle() {\n      let vm = this;\n      vm.thumbURL = \"https://www.mis-implants.com/upload/catalog/products/large/MK-CD01.png\";\n      return resolve(`background-image:url(${vm.thumbURL})`);\n      /*\n      return new Promise(resolve => {\n        let img = document.createElement(\"img\");\n        img.addEventListener(\"load\", function() {\n          resolve(`background-image:url(${vm.thumbURL})`);\n        });\n        img.addEventListener(\"error\", function() {\n          resolve(\"background:black\");\n        });\n        img.src = vm.thumbURL;//vm.item.image;\n      });*/\n\n    }\n  },\n  computed: {\n    imageStyle() {\n      //:style=\"imageStyle\"\n      var url  = \"https://www.mis-implants.com/upload/catalog/products/large/\"+\n                this.item.CatalogNo+\".png\";\n      return \"background-image:url(\"+url+\")\";\n    },\n    isTouchDevice() {\n      return true;\n    },\n    isIOSDevice() {\n      return /iPad|iPhone|iPod/.test(window.navigator.platform);\n    }\n  }  \n};\n</script>\n\n\n\n<style scoped>\n  .item-preview\n  {\n    width: 100%;\n    height: 10vw;\n    float: left;\n    \n  }\n  .item-preview-image\n  {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    display: block;\n    background-color: #f9f9f9;\n    padding: 30px;\n  }\n  .inner-bg\n  {\n      background-size: contain;\n      background-repeat: no-repeat;\n      background-position: center center;\n      background-color:#f9f9f9;\n      width: 100%;\n      height: 100%;\n  }\n  .label\n  {\n    clear: both;\n    padding-top: 5px;\n    text-align: left;\n    white-space:initial;\n  }\n  .item-mac\n  {\n    color:#5e5e5e !important;\n    line-height: 1.2;\n  }\n  .item-name\n  {\n    color:#2d2d2d !important;\n    font-size: 13px;\n  }\n  .specrow\n  {\n    display: block;\n    color: #5e5e5e;\n    line-height: 1.2;\n    font-size: 13px;\n  }\n\n  @media screen and (max-width:900px) {\n    .item-preview {\n        height: 33vw;\n    }  \n  }\n\n\n\n</style>\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!./CatalogThumb.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!./CatalogThumb.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CatalogThumb.vue?vue&type=template&id=83ca7f9c&scoped=true&\"\nimport script from \"./CatalogThumb.vue?vue&type=script&lang=js&\"\nexport * from \"./CatalogThumb.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CatalogThumb.vue?vue&type=style&index=0&id=83ca7f9c&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  \"83ca7f9c\",\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:\"col-picker\"},[_c('div',{staticClass:\"topX\"},[_vm._t(\"close\")],2),(_vm.collections.activeCollectionItems.length==0)?_c('div',{staticClass:\"noColMsg\"},[_vm._v(\" \"+_vm._s(_vm.localize('no_items_list'))+\" \")]):_vm._e(),(_vm.collections.activeCollectionItems.length>0)?_c('div',{staticClass:\"mainControls\"},[_c('div',{staticClass:\"top\"},[_c('span',{staticClass:\"topTitle\"},[_vm._v(_vm._s(_vm.localize('my_list')))]),_c('span',{staticClass:\"btnDowbload\",on:{\"click\":function($event){return _vm.downloadList()}}},[_c('i',{staticClass:\"fal fa-arrow-down\"}),_vm._v(\" \"+_vm._s(_vm.localize('Download'))+\" \")]),_c('span',{staticClass:\"btnDowbload\",on:{\"click\":function($event){return _vm.deleteCollection()}}},[_c('i',{staticClass:\"fal fa-trash\"}),_vm._v(\" \"+_vm._s(_vm.localize('Clear all'))+\" \")])]),_c('div',{staticClass:\"products\"},[(_vm.loadingData)?_c('preloader',{key:\"preloader\",staticClass:\"products_loader\"}):_vm._e(),(!_vm.loadingData)?_vm._l((_vm.itemsData.items),function(item){return _c('div',{key:item.product.PRO_ID,staticClass:\"item\"},[_c('div',{staticClass:\"remove-from-col\",attrs:{\"title\":_vm.localize('remove_item')},on:{\"click\":function($event){return _vm.removeItem(item.item.item_id)}}},[_c('i',{staticClass:\"fal fa-minus\"})]),_c('router-link',{staticClass:\"item\",attrs:{\"target\":\"_blank\",\"title\":item.product.CatalogNo,\"to\":(\"/product/\" + (item.product.CatalogNo))}},[_c('catalog-thumb',{attrs:{\"specs\":item.specsRows,\"item\":item.product,\"size\":_vm.big}})],1)],1)}):_vm._e()],2),_c('div',{staticClass:\"shareSection\"},[_c('div',{staticClass:\"shareTitle\"},[_vm._v(_vm._s(_vm.localize('share_list')))]),_c('div',{staticClass:\"shareRow\",staticStyle:{\"clear\":\"both\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.shareLink),expression:\"shareLink\"}],ref:\"shareRef\",class:[_vm.isCopyingLink ? 'copying' : '','shareLink','textbox'],attrs:{\"readonly\":\"\",\"id\":\"linkToShare\"},domProps:{\"value\":(_vm.shareLink)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.shareLink=$event.target.value}}}),_c('a',{staticClass:\"copyLink\",on:{\"click\":function($event){return _vm.copyShareLink()}}},[_c('i',{staticClass:\"fal fa-copy\"}),_c('span',[_vm._v(_vm._s(_vm.localize('Copy')))])])])])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"col-picker\">\n        <div class=\"topX\"><slot name=\"close\"></slot></div>\n        \n        <div v-if=\"collections.activeCollectionItems.length==0\" class=\"noColMsg\">\n            {{localize('no_items_list')}}\n        </div>\n\n        <div class=\"mainControls\" v-if=\"collections.activeCollectionItems.length>0\">\n            <div class=\"top\">\n                <span class=\"topTitle\">{{localize('my_list')}}</span>                \n                <span class=\"btnDowbload\" @click=\"downloadList()\">\n                    <i class=\"fal fa-arrow-down\"></i>\n                    &nbsp;\n                    {{localize('Download')}}\n                </span>\n                <span class=\"btnDowbload\" @click=\"deleteCollection()\">\n                    <i class=\"fal fa-trash\"></i>\n                    &nbsp;\n                    {{localize('Clear all')}}\n                </span>\n\n                <!-- FOR USING MULTIPLE COLLECTIONS: -->\n                <!--\n                    <div class=\"selectorFrame\">\n                        <select :v-model=\"activeColItem\" @change=\"onChange($event)\" name=\"colSelector\" id=\"selectCol1\" class=\"colSelector textbox\">\n                            <option :selected=\"item.collection.col_id == activeColItem\" v-for=\"(item, index) in collections.children\" \n                            :key=\"index\" v-bind:value=\"item.collection.col_id\">\n                                {{item.collection.col_name}}\n                            </option>\n                        </select>\n                    </div>\n                    <a class=\"deleteCol\" @click=\"deleteCollection()\"><i class=\"fal fa-trash-alt\"></i><span>Delete Collection</span></a>\n                -->\n            </div>\n            \n            <!-- PRODUCTS GRID -->\n            <div class=\"products\">\n                <preloader key=\"preloader\" v-if=\"loadingData\" class=\"products_loader\" />\n                <template v-if=\"!loadingData\">\n                    <div v-for=\"item in itemsData.items\" class=\"item\" :key=\"item.product.PRO_ID\">\n                        \n                        <!-- remove from colelction -->\n                        <div :title=\"localize('remove_item')\" class=\"remove-from-col\" \n                                @click=\"removeItem(item.item.item_id)\">\n                            <i class=\"fal fa-minus\"></i>  \n                        </div>\n                        <router-link class=\"item\"                    \n                            target=\"_blank\"\n                            :title=\"item.product.CatalogNo\"                    \n                            :to=\"`/product/${item.product.CatalogNo}`\">  \n                            <!-- todo add to .item-preview: margin-bottom: 5em; -->\n                            <catalog-thumb :specs=\"item.specsRows\" :item=\"item.product\" :size=\"big\"></catalog-thumb>\n                        </router-link>\n                    </div>\n                </template>\n            </div>\n\n            <!-- share collection -->\n            <div class=\"shareSection\">\n                <div class=\"shareTitle\">{{localize('share_list')}}</div>\n                <div style=\"clear:both;\" class=\"shareRow\">\n                    <input readonly id=\"linkToShare\" ref=\"shareRef\" \n                        :class=\"[isCopyingLink ? 'copying' : '','shareLink','textbox']\" v-model=\"shareLink\" />\n                    <a class=\"copyLink\" @click=\"copyShareLink()\">\n                        <i class=\"fal fa-copy\"></i>\n                        <span>{{localize('Copy')}}</span>\n                    </a>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n\nimport { mapState, mapActions, mapGetters } from \"vuex\";\nimport CatalogThumb from \"@/components/catalog/CatalogThumb.vue\";\nexport default {  \n  data() {\n    return {\n        loadingData:true,\n        shareLink:'',\n        itemsData:null,\n        isCopyingLink:false\n\n    };\n  },\n  components: {CatalogThumb},\n  \n  methods: \n  {\n    ...mapActions([\"closeCollectionsViewer\",\"setItemToCollect\",\"setCollectionsList\",\"setActiveCollection\",\"updateStoreCollection\"]),\n    removeItem(collectionItemID)\n    {\n        var vm=this;\n        var apiURL = \"https://api.mis-implants.com/api/collections?AUID=\"+\n            vm.auid+\"&CollectionID=\"+\n            vm.collections.activeCollection+\"&CollectionItemID=\"+collectionItemID\n            +\"&ln=\"+vm.locale.ln;\n\n        fetch(apiURL,{method: 'DELETE',mode: 'cors',cache: 'no-cache',headers: {'Content-Type': 'application/json','Access-Control-Allow-Origin': '*'}})\n        .then(function(response){return response.json();})\n        .then(function(response){\n            vm.readCollectionItems(vm.collections.activeCollection);\n            vm.updateStoreCollection();\n        });         \n    },\n    initData()\n      {\n            var vm=this;\n            vm.readCollections();\n      },\n      closeViewer()\n      {\n        vm.closeCollectionsViewer();\n      },\n    copyShareLink()\n    {\n        var vm=this;\n        let testingCodeToCopy = document.getElementById(\"linkToShare\");\n        testingCodeToCopy.select()\n        try {\n            var successful = document.execCommand('copy');\n            var msg = successful ? 'successful' : 'unsuccessful';\n            vm.isCopyingLink = true;\n        } catch (err) {\n            alert('Oops, unable to copy');\n        }\n        window.getSelection().removeAllRanges()    \n        setTimeout(() => {\n            vm.isCopyingLink = false;            \n        }, 10);        \n    },\n    updateShareLink()\n    {\n        this.shareLink=\"https://www.mis-implants.com/user-collection\"+\n            \"?auid=\"+this.auid+\"&id=\"+this.collections.activeCollection;\n    },\n    onChange(event) {\n        var cid = event.target.value;\n        this.setActiveCollection(cid)\n        this.readCollectionItems(cid);\n        this.updateShareLink();\n    },\n    readCollectionItems(CollectionID)\n    {        \n        var vm=this;\n        vm.loadingData=true;    \n        var apiURL = \"https://api.mis-implants.com/api/collections?AUID=\"+\n            vm.auid+\"&CollectionID=\"+CollectionID+\"&ln=\"+vm.locale.ln;\n        fetch(apiURL,{method: 'GET',mode: 'cors',cache: 'no-cache',headers: {'Content-Type': 'application/json','Access-Control-Allow-Origin': '*'}})\n        .then(function(response){return response.json();})\n        .then(function(response){\n            vm.itemsData = response;\n            //alert(\"items loaded\");\n            setTimeout(() => {\n                vm.loadingData=false;\n            }, 300);\n        });         \n    },\n    downloadList()\n    {\n        //\"collection-259b749ce52a4fa1a8d3b2680cfcf144\"\n        var vm=this;        \n        var apiURL = \"https://api.mis-implants.com/api/CollectionReport?AUID=\"+\n            vm.auid+\"&CollectionID=\"+vm.collections.activeCollection\n            +\"&ln=\"+vm.locale.ln;\n            \n        fetch(apiURL,\n        {\n            headers: {'Content-Type': 'application/json','Access-Control-Allow-Origin': '*'},\n            method: 'POST',mode: 'cors',cache: 'no-cache'                \n        })\n        .then(function(response){return response.json();})\n        .then(function(response)\n        {\n            var ft = response;\n            var DOWNLOAD_URL = \"https://www.mis-implants.com/upload/reports/\"+ft+\".xlsx\";\n            //\"https://api.mis-implants.com/api/CollectionReport?t=\"+ft;\n            window.location =  DOWNLOAD_URL;\n\n            //https://api.mis-implants.com/api/CollectionReport?t=collection-259b749ce52a4fa1a8d3b2680cfcf144\n            //collection-259b749ce52a4fa1a8d3b2680cfcf144\n        });        \n    },\n    readCollections()\n    {\n        var vm=this;\n        var apiURL = \"https://api.mis-implants.com/api/collections?AUID=\"+vm.auid;\n        fetch(apiURL,{method: 'GET',mode: 'cors',cache: 'no-cache',headers: {'Content-Type': 'application/json','Access-Control-Allow-Origin': '*'}})\n        .then(function(response){return response.json();})\n        .then(function(response)\n        {\n            vm.setCollectionsList(response);//update the list\n            if(vm.collections.activeCollection==-1){\n                //no active collection, select the first collection\n                if(vm.collections.children.length>0){\n                    var firstItemID = vm.collections.children[0].collection.col_id;\n                    //alert(\"firstItemID=\"+firstItemID);\n                    vm.setActiveCollection(firstItemID);\n                    vm.updateShareLink();\n                }\n            }\n            vm.updateShareLink();\n            vm.readCollectionItems(vm.activeColItem);\n        });         \n    },\n    deleteCollection()\n    {\n        var vm=this;        \n        if (confirm(\"Are you sure you want to delete this collection?\") == false) {\n            return false;\n        } \n        var apiURL = \"https://api.mis-implants.com/api/collections?AUID=\"+\n            vm.auid+\"&CollectionID=\"+vm.collections.activeCollection\n            +\"&ln=\"+vm.locale.ln;\n            fetch(apiURL,{method: 'DELETE',mode: 'cors',cache: 'no-cache',\n            headers: {'Content-Type': 'application/json','Access-Control-Allow-Origin': '*'}})\n            .then(function(response){return response.json();})\n            .then(function(response){\n                vm.setActiveCollection(-1);//remove active collection value\n                vm.readCollections();\n                vm.readCollectionItems(vm.collections.activeCollection);\n                vm.updateStoreCollection();\n            });\n    }\n  },\n  mounted()\n  {\n    var vm=this;            \n    vm.initData();\n  },\n  created(){\n  },\n  watch:\n  {\n    \"collection.activeCollection\"() \n    {\n      //alert(\"changed to:\"+this.collection.activeCollection);\n    },\n  },\n  computed: \n  {\n    ...mapState([\"collections\",\"auid\",\"locale\"]),\n    ...mapGetters([\"getItemToCollect\",\"getAUID\"]),\n    activeColItem() {\n      return this.collections.activeCollection;\n    }\n  }\n};\n</script>\n\n<style lang=\"stylus\" scoped>\n  .remove-from-col\n    opacity 1\n    cursor pointer !important\n    background-color #fff\n    color #6d6d6d\n    width 24px\n    height 24px\n    position absolute\n    right 10px\n    top 10px\n    text-align center\n    border-radius 15px\n    z-index 1000\n    &:hover\n      background-color #31a9f6\n      color #fff\n    i\n      position relative\n      top 2px\n    \n</style>\n\n<style scoped>\n    .noColMsg\n    {\n        position: relative;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%,-50%);\n        text-align: center;\n        font-weight: bold;\n    }\n    .col-picker\n    {\n        z-index: 2000;\n        position: fixed;\n        top: 50%;\n        left:50vw;\n        width: 700px;\n        height: 85vh;\n        max-height: 85vh;\n        background-color: #fff;\n        color: black;\n        border-radius: 15px;\n        transform: translate(-50%,-50%);          \n        box-shadow: 0px 0px 36.1px 1.9px rgba(107, 107, 107, 0.25);\n    }\n    .topX\n    {\n        position: absolute;\n        text-align: left;\n        right: 0px;\n        padding: 30px;\n        z-index: 3000;\n    }\n    .mainControls\n    {\n        float: left;\n        padding: 0px 30px;\n        width:100%;\n    }\n    .mainControls .top\n    {\n        padding-top: 30px;\n    }\n    .topTitle\n    {\n        color: #31a9f6;\n        font-size: 18px;\n        font-weight: 300 !important;\n    }\n    .btnDowbload i\n    {\n        font-size: 12px;padding-right: 4px;\n        position: relative;\n        top:1px;\n    }\n    .btnDowbload\n    {\n        cursor: pointer;\n        margin-left: 10px;\n        font-size: 13px;\n        padding: 10px 20px;\n        border-radius: 30px;\n        font-weight: 400;\n        transition: all ease-in-out 0.2s;\n        -webkit-transition: all ease-in-out 0.2s;\n    }\n    .btnDowbload:hover\n    {\n        color:#fff;\n        background-color: #31a9f6;\n    }\n\n\n\n\n\n    .mainControls .top > *\n    {\n        vertical-align: middle;\n    }\n    .top .deleteCol\n    {\n        padding-left: 20px;\n        color:#7e7e7e;\n        font-size: 14px;\n        position: relative;\n        top:8px;\n        cursor: pointer;\n    }\n    .deleteCol span\n    {\n        padding-left: 5px;\n    }\n    .deleteCol:hover span\n    {\n        color: #31a9f6;\n    }\n\n\n\n    .textbox\n    {\n        padding: 10px 15px;\n        border-radius: 20px;\n        border:0px;\n        background-color: #fcfcfc;        \n    }\n    .selectorFrame\n    {        \n        float: left;\n        border:solid 1px #ddd;\n        background-color: #fcfcfc;\n        padding-right: 15px;\n        border-radius: 20px;\n    }\n    .colSelector\n    {\n        width: 300px;\n        float: left;\n        font-weight: 500 !important;\n        color: #31a9f6;        \n    }\n    .textbox:focus\n    {\n        outline: none;\n    }\n\n\n    .btnClose\n    {        \n        position: absolute;\n        top:20px;right: 15px;\n        width: 30px;height: 30px;\n        cursor: pointer !important;\n        font-size: 30px;\n        opacity: 0.3;\n    }\n    .btnClose:hover\n    {\n        opacity: 1;\n    }\n    .items\n    {\n        width: 100%;\n    }\n    .items .item\n    {\n        clear: both;\n        width: 100%;\n        background-color: #fff;\n        padding: 20px 30px;\n        position: relative;\n        height: 60px;\n    }\n    .items .item:hover\n    {\n        background-color: #f8f8f8;\n    }\n    .itemPic\n    {\n        background-size: cover;\n        background-image: url(https://www.mis-implants.com/upload/catalog/products/thumbs/V3-13390.png);\n        background-color: #f9f9f9;\n        width: 40px;\n        height: 40px;\n        float: left;\n        border-radius: 20px;\n        position: absolute;\n        top: 10px;\n    }\n    .itemAddIcon\n    {\n        width: 40px;\n        height: 40px;\n        float: left;\n        border-radius: 20px;\n        position: absolute;\n        top: 10px;\n        background-color: #f9f9f9;\n        text-align:center;\n    }\n    .itemAddIcon i\n    {\n        font-size: 24px;position: relative;top:7px;\n        \n    }\n    .itemName\n    {\n        float: left;\n        padding-left: 50px;\n    }\n    .itemBtn\n    {\n        background-color: #31a9f6;\n        border-radius: 20px;\n        color: #fff;\n        display: inline-block;\n        float: right;\n        padding: 8px 15px;\n        position: absolute;\n        top: 13px;\n        right: 30px;\n        cursor: pointer;\n        opacity: 0;\n        font-weight: 300 !important;\n\n    }\n    .items .item:hover .itemBtn\n    {\n        opacity: 1;\n    }\n\n    .itemName input\n    {\n        padding: 8px 5px !important;\n        width: 250px;\n        border:solid 1px #ccc;\n        position: relative;\n        top:-7px\n    }\n    .itemName input:focus\n    {\n        outline: none;\n    }\n    .products_loader\n    {\n        padding-top: 30px;\n        height: calc(80vh - 170px);\n        float: left;\n    }\n    .products\n    {\n        padding-top: 30px;\n        width:100%;\n        position: relative;\n        display: grid;\n        width: 100%;\n        margin: initial;\n        grid-template-columns: 1fr 1fr 1fr;\n        column-gap: 20px;\n        row-gap: 7em;\n        padding-bottom: 30px;        \n        height: calc(80vh - 170px);\n        overflow-y: auto;\n        border:solid 0px red;\n    }\n    .products .item {\n        box-sizing: border-box;\n        position: relative;\n    }\n    .products .item span {\n        color: white;\n        margin: 30px;\n        font-size: 30px;\n    }\n\n    .shareSection\n    {\n        clear: both;\n        padding-top: 35px;\n    }\n    .shareTitle\n    {\n        clear: both;\n        font-size: 16px;\n        font-weight: 300 !important;\n    }\n    .shareRow\n    {\n        clear: both;\n        padding-top: 10px;\n    }\n    .shareLink\n    {\n        width: calc(100% - 115px);\n        float: left;\n        font-weight: 500 !important;\n        color: #7e7e7e;\n        border:solid 1px #ddd;\n        font-size: 11px;\n        transition: ease-in all 0.2s;\n    }\n    .shareLink.copying\n    {\n        background-color:#31a9f6 ;\n        color:#fff;\n    }    \n    .copyLink\n    {\n        cursor: pointer;\n        background-color: #31a9f6;\n        padding: 10px 15px;\n        border-radius: 20px;\n        float: left;\n        position: relative;\n        left: 20px;\n    }\n    .copyLink i\n    {\n        color:#fff;\n    }\n    .copyLink span\n    {\n        color:#fff;\n        padding-left: 10px;\n        font-weight: 500px;\n        font-size: 14px;\n    }\n    \n\n\n\n    @media only screen and (max-width: 800px) {\n        .col-picker\n        {\n            width: 100vw;\n            min-height: 100vh;\n            top:0px;left: 0px;\n            transform: none;\n        }        \n        .colSelector {\n            width: 88%;\n        }        \n        .top .deleteCol{\n            clear: both;\n            display: block;\n            float: left;\n            padding: 15px 5px;\n        }        \n        .products\n        {\n            grid-template-columns: 1fr 1fr;\n            height: calc(80vh - 133px);\n        }        \n    }\n\n</style>\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!./CollectionsViewer.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!./CollectionsViewer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CollectionsViewer.vue?vue&type=template&id=c46e2d3e&scoped=true&\"\nimport script from \"./CollectionsViewer.vue?vue&type=script&lang=js&\"\nexport * from \"./CollectionsViewer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CollectionsViewer.vue?vue&type=style&index=0&id=c46e2d3e&lang=stylus&scoped=true&\"\nimport style1 from \"./CollectionsViewer.vue?vue&type=style&index=1&id=c46e2d3e&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  \"c46e2d3e\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CollectionsViewer.vue?vue&type=style&index=0&id=c46e2d3e&lang=stylus&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CollectionsViewer.vue?vue&type=style&index=0&id=c46e2d3e&lang=stylus&scoped=true&\""],"sourceRoot":""}