{"version":3,"sources":["webpack:///./src/components/grid/GridItems.vue?b5ba","webpack:///./node_modules/core-js/modules/es.array.reduce.js","webpack:///./node_modules/core-js/modules/es.string.includes.js","webpack:///./src/components/grid/GridItems.vue?def9","webpack:///./src/components/catalog/CatalogItemPreview.vue?f44b","webpack:///./src/components/catalog/CatalogItemPreview.vue?2f0e","webpack:///./src/components/catalog/CatalogItemPreview.vue","webpack:///src/components/grid/GridItems.vue","webpack:///./src/components/grid/GridItems.vue?1732","webpack:///./src/components/grid/GridItems.vue","webpack:///./src/components/grid/GridItems.vue?f17a","webpack:///./node_modules/core-js/internals/not-a-regexp.js","webpack:///./node_modules/core-js/internals/correct-is-regexp-logic.js","webpack:///./src/components/catalog/CatalogItemPreview.vue?490e","webpack:///./node_modules/core-js/modules/es.array.includes.js","webpack:///./node_modules/core-js/internals/array-reduce.js","webpack:///src/components/catalog/CatalogItemPreview.vue","webpack:///./src/components/catalog/CatalogItemPreview.vue?ac24"],"names":["$","$reduce","left","arrayMethodIsStrict","arrayMethodUsesToLength","STRICT_METHOD","USES_TO_LENGTH","1","target","proto","forced","reduce","callbackfn","this","arguments","length","undefined","notARegExp","requireObjectCoercible","correctIsRegExpLogic","includes","searchString","String","indexOf","render","_vm","_h","$createElement","_c","_self","ref","class","gridQueryClass","inResize","limited","attrs","on","beforeEnter","enter","leave","gridType","_l","item","index","key","_id","Id","cat","itemsize","$event","collectItem","staticClass","staticStyle","slot","domProps","_s","angle","title","connection","parseToString","_e","volume","hasDimensions","parseDimensions","localize","concave_profile","procedure","_v","membrane_size","rotation","paginateditems","staticRenderFns","flag","collections","activeCollectionItems","productId","preventDefault","addToCollection","size","showActionsOnDevices","style","toggleActionsForDevices","platform","parsePlatform","platform_eng","info","amount","_t","component","props","Array","perload","Number","withActions","type","Boolean","default","data","ro","elWidth","elHeight","resizetimer","components","CatalogItemPreview","computed","w","list","_items","methods","vm","el","opacity","transform","setTimeout","animate","done","isRegExp","module","exports","it","TypeError","wellKnownSymbol","MATCH","METHOD_NAME","regexp","e","f","$includes","addToUnscopables","ACCESSORS","aFunction","toObject","IndexedObject","toLength","createMethod","IS_RIGHT","that","argumentsLength","memo","O","self","i","right","created","addingToList","addingFav","hasBeenFaved","removingFav","favTransform","btnClickDisabler","inSwipeScroll","postToApi","fetch","apiURL","method","mode","cache","credentials","headers","referrerPolicy","body","$set","isTouchDevice","updateItem","test","$refs","quant","innerText","blur","_item","parseInt","_","trim","label","labelFor","action","asyncComputed","previewImageStyle","Promise","img","addEventListener","resolve","src","image","isIOSDevice","window","navigator"],"mappings":"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","file":"js/chunk-390b021c.4da0effb.js","sourcesContent":["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!./GridItems.vue?vue&type=style&index=1&id=341c3cec&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!./GridItems.vue?vue&type=style&index=1&id=341c3cec&lang=stylus&scoped=true&\"","'use strict';\nvar $ = require('../internals/export');\nvar $reduce = require('../internals/array-reduce').left;\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\nvar arrayMethodUsesToLength = require('../internals/array-method-uses-to-length');\n\nvar STRICT_METHOD = arrayMethodIsStrict('reduce');\nvar USES_TO_LENGTH = arrayMethodUsesToLength('reduce', { 1: 0 });\n\n// `Array.prototype.reduce` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.reduce\n$({ target: 'Array', proto: true, forced: !STRICT_METHOD || !USES_TO_LENGTH }, {\n  reduce: function reduce(callbackfn /* , initialValue */) {\n    return $reduce(this, callbackfn, arguments.length, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n","'use strict';\nvar $ = require('../internals/export');\nvar notARegExp = require('../internals/not-a-regexp');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar correctIsRegExpLogic = require('../internals/correct-is-regexp-logic');\n\n// `String.prototype.includes` method\n// https://tc39.github.io/ecma262/#sec-string.prototype.includes\n$({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {\n  includes: function includes(searchString /* , position = 0 */) {\n    return !!~String(requireObjectCoercible(this))\n      .indexOf(notARegExp(searchString), arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition-group',{ref:\"list\",class:[\n    'grid-items',\n    _vm.gridQueryClass,\n    _vm.inResize ? 'in-resize' : '',\n    _vm.limited ? 'limited' : ''\n  ],attrs:{\"css\":false,\"name\":\"list\",\"tag\":\"div\",\"appear\":\"\"},on:{\"before-enter\":_vm.beforeEnter,\"enter\":_vm.enter,\"leave\":_vm.leave}},[(_vm.gridType === 'catalog')?_vm._l((_vm.paginateditems),function(item,index){return _c('router-link',{key:item._id || item.Id || item.cat,class:['item', _vm.limited ? '' : 'pointer', _vm.itemsize + '-item'],attrs:{\"data-index\":index,\"to\":(\"/product/\" + (item.cat))}},[_c('keep-alive',[_c('catalog-item-preview',{key:index,attrs:{\"type\":\"result\",\"item\":item,\"size\":_vm.itemsize,\"actions\":[]},on:{\"collect-item\":function($event){return _vm.collectItem(item)}}},[_c('div',{staticClass:\"label\",staticStyle:{\"position\":\"relative\"},attrs:{\"slot\":\"label\"},slot:\"label\"},[_c('span',{staticClass:\"item-mac\",domProps:{\"innerHTML\":_vm._s(item.cat)}}),_c('span',{staticClass:\"item-name font-rg text--s\",domProps:{\"innerHTML\":_vm._s((!!item.angle ? ((item.angle) + \"° \") : '') + item.title)}}),(!!item.connection)?_c('span',{staticClass:\"item-details text--s\",domProps:{\"innerHTML\":_vm._s(_vm.parseToString(item.connection))}}):_vm._e(),(!!item.volume)?_c('span',{staticClass:\"item-details text--s\",domProps:{\"innerHTML\":_vm._s(((item.volume) + \"cc\"))}}):_vm._e(),(_vm.hasDimensions(item))?_c('span',{staticClass:\"item-details text--s\",domProps:{\"innerHTML\":_vm._s(_vm.parseDimensions(item, _vm.localize))}}):_vm._e(),(!!item.concave_profile || !!item.procedure)?_c('span',{staticClass:\"item-details text--s\"},[(!!item.concave_profile)?_c('span',{domProps:{\"textContent\":_vm._s('Concave Profile')}}):_vm._e(),(!!item.concave_profile && !!item.procedure)?_c('span',[_vm._v(\"|\")]):_vm._e(),(!!item.procedure)?_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.parseToString(item.procedure))}}):_vm._e()]):_vm._e(),(!!item.membrane_size)?_c('span',{staticClass:\"item-details text--s\",domProps:{\"innerHTML\":_vm._s(item.membrane_size)}}):_vm._e(),(!!item.rotation)?_c('span',{staticClass:\"item-details text--s\",domProps:{\"innerHTML\":_vm._s(item.rotation)}}):_vm._e()])])],1)],1)}):(_vm.gridType === 'research')?[_c('publication-list',{key:\"researchitems\",attrs:{\"type\":\"result\",\"children\":_vm.paginateditems,\"size\":_vm.itemsize,\"has-search\":false}})]:_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"item-preview\"},[_c('transition',{attrs:{\"name\":\"fadeLeft\"}},[(!!_vm.item.flag)?_c('div',{staticClass:\"item-flag\"},[_c('img',{attrs:{\"src\":_vm.item.flag,\"alt\":\"\"}})]):_vm._e()]),_c('div',{class:['add-to-col',_vm.collections.activeCollectionItems.includes(_vm.item.productId) ? 'added' : ''],attrs:{\"title\":_vm.collections.activeCollectionItems.includes(_vm.item.productId) ? 'Product in list' : _vm.localize('Add to list')},on:{\"click\":function($event){$event.preventDefault();return _vm.addToCollection()}}},[_c('i',{class:['fal',_vm.collections.activeCollectionItems.includes(_vm.item.productId) ? 'fa-plus' : 'fa-plus']})]),_c('div',{staticClass:\"item-preview-image\",class:['item-' + _vm.size, !!_vm.showActionsOnDevices ? 'active' : ''],style:(_vm.previewImageStyle),on:{\"&touchend\":function($event){return _vm.toggleActionsForDevices($event)},\"&touchmove\":function($event){return _vm.toggleActionsForDevices($event)}}},[_c('transition',{attrs:{\"name\":\"fadeLeft\"}},[(_vm.item.platform)?[(typeof _vm.item.platform === 'string')?_c('div',{class:['item-platform', _vm.parsePlatform(_vm.item.platform_eng)]},[_c('span',{staticClass:\"font-rg\",domProps:{\"textContent\":_vm._s(_vm.parsePlatform(_vm.item.platform_eng, true))}})]):_c('div',{staticClass:\"item-platform--group\"},_vm._l((_vm.item.platform_eng),function(platform){return _c('div',{key:platform,class:['item-platform', _vm.parsePlatform(platform)]},[_c('span',{staticClass:\"font-rg\",domProps:{\"textContent\":_vm._s(_vm.parsePlatform(platform, true))}})])}),0)]:_vm._e()],2),(!!_vm.info)?_c('div',{staticClass:\"item-info\"},[_c('div',{staticClass:\"info\",domProps:{\"textContent\":_vm._s(_vm.item.amount + (_vm.item.amount < 2 ? ' item' : ' items'))}})]):_vm._e(),_c('span',{staticClass:\"media-icon\"},[_vm._v(_vm._s(_vm.localize('More info')))])],1),_vm._t(\"label\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./CatalogItemPreview.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!./CatalogItemPreview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CatalogItemPreview.vue?vue&type=template&id=15298f2d&scoped=true&\"\nimport script from \"./CatalogItemPreview.vue?vue&type=script&lang=js&\"\nexport * from \"./CatalogItemPreview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CatalogItemPreview.vue?vue&type=style&index=0&id=15298f2d&scoped=true&lang=css&\"\nimport style1 from \"./CatalogItemPreview.vue?vue&type=style&index=1&id=15298f2d&lang=stylus&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  \"15298f2d\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <transition-group\n    v-bind:css=\"false\"\n    ref=\"list\"\n    name=\"list\"\n    tag=\"div\"\n    :class=\"[\n      'grid-items',\n      gridQueryClass,\n      inResize ? 'in-resize' : '',\n      limited ? 'limited' : ''\n    ]\"\n    @before-enter=\"beforeEnter\"\n    @enter=\"enter\"\n    @leave=\"leave\"\n    appear\n  >\n    <template v-if=\"gridType === 'catalog'\">\n      <router-link\n        v-for=\"(item, index) in paginateditems\"\n        :key=\"item._id || item.Id || item.cat\"\n        :data-index=\"index\"\n        :class=\"['item', limited ? '' : 'pointer', itemsize + '-item']\"\n        :to=\"`/product/${item.cat}`\">\n\n        <!--:to=\"item.cat\"  << This will open the popup --> \n        <!--:to=\"`product/${item.cat}`\"  << This will go to the product page --> \n\n        <keep-alive>\n          <catalog-item-preview\n            type=\"result\"\n            :item=\"item\"\n            :size=\"itemsize\"\n            :key=\"index\"\n            :actions=\"[]\"\n            @collect-item=\"collectItem(item)\"\n          >\n            <div class=\"label\" slot=\"label\" style=\"position:relative;\">\n\n              <!-- Add to list\n              <div :class=\"['addToList',collections.activeCollectionItems.includes(item.productId) ? 'added' : '']\" @click.prevent=\"addToCollection(item.productId)\" \n                  :title=\"collections.activeCollectionItems.includes(item.productId) ? 'Product in list' : localize('Add to list')\">\n                  <i :class=\"['fal',collections.activeCollectionItems.includes(item.productId) ? 'fa-list-ul' : 'fa-list-ul']\"></i>\n              </div> -->\n\n              <span class=\"item-mac\" v-html=\"item.cat\"></span>\n              <span class=\"item-name font-rg text--s\" v-html=\"(!!item.angle ? `${item.angle}° ` : '') + item.title\" ></span>\n              <span v-if=\"!!item.connection\" class=\"item-details text--s\" v-html=\"parseToString(item.connection)\"></span>\n              <span v-if=\"!!item.volume\" class=\"item-details text--s\" v-html=\"`${item.volume}cc`\"></span>\n              <span v-if=\"hasDimensions(item)\" class=\"item-details text--s\" v-html=\"parseDimensions(item, localize)\"></span>\n              <span v-if=\"!!item.concave_profile || !!item.procedure\" class=\"item-details text--s\" >\n                <span v-if=\"!!item.concave_profile\" v-text=\"'Concave Profile'\"></span>\n                <span v-if=\"!!item.concave_profile && !!item.procedure\">|</span>\n                <span v-if=\"!!item.procedure\" v-html=\"parseToString(item.procedure)\" ></span>\n              </span>\n              <span\n                class=\"item-details text--s\"\n                v-if=\"!!item.membrane_size\"\n                v-html=\"item.membrane_size\"\n              ></span>\n              <span\n                class=\"item-details text--s\"\n                v-if=\"!!item.rotation\"\n                v-html=\"item.rotation\"\n              ></span>\n            </div>\n          </catalog-item-preview>\n        </keep-alive>\n      </router-link>\n    </template>\n    <template v-else-if=\"gridType === 'research'\">\n      <publication-list\n        key=\"researchitems\"\n        type=\"result\"\n        :children=\"paginateditems\"\n        :size=\"itemsize\"\n        :has-search=\"false\"\n      ></publication-list>\n    </template>\n  </transition-group>\n</template>\n\n<script>\n// import ResizeObserver from \"resize-observer-polyfill\";\n// vuex\nimport { mapActions, mapState, mapGetters } from \"vuex\";\n// components\nimport CatalogItemPreview from \"@/components/catalog/CatalogItemPreview.vue\";\n// import ResearchItemPreview from \"../components/ResearchItemPreview.vue\";\n// import PublicationList from \"@/components/PublicationList.vue\";\n// plugins\n\nimport { parseDimensions, hasDimensions, parseToString } from \"@/utils\";\n\nexport default {\n  props: {\n    paginateditems: Array,\n    perload: Number,\n    withActions: {\n      type: Boolean,\n      default: true\n    },\n    // Used in related items inside (ItemView.vue)\n    limited: {\n      type: Boolean,\n      default: false\n    },\n    itemsize: {\n      type: String,\n      default: \"big\"\n    },\n    gridType: String\n  },\n  data() {\n    return {\n      ro: null,\n      elWidth: 0,\n      elHeight: 0,\n      inResize: false,\n      resizetimer: -1,\n      parseDimensions,\n      hasDimensions,\n      parseToString\n    };\n  },\n  // watch: {\n  //   paginateditems() {\n  //     console.log(\"paginated items watch >> \", this.paginateditems);\n  //   }\n  // },\n\n  components: {\n    CatalogItemPreview\n    // ResearchItemPreview\n    // PublicationList\n  },\n  computed: {\n    ...mapState([\"collections\", \"auid\"]),\n    gridQueryClass() {\n      let w = this.elWidth;\n      return w === 0\n        ? null\n        : w > 1900\n        ? \"q-1900\"\n        : w > 1800\n        ? \"q-1800\"\n        : w > 1200\n        ? \"q-1200\"\n        : w > 950\n        ? \"q-950\"\n        : w > 650\n        ? \"q-650\"\n        : w > 470\n        ? \"q-470\"\n        : \"q-min\";\n    },\n    list() {\n      let _items = this.allitems.slice(0, this.perpage); //_.take(this.filteredItems, this.itemsPerPage);\n      return _items;\n    }\n  },\n  methods: {\n    ...mapActions([\"setItemToCollect\",\"updateStoreCollection\",\"addItemToCollection\",\"showCollectionsViewer\"]),\n    addToCollection(proID)\n    {      \n      var vm=this;\n      if(!vm.collections.activeCollectionItems.includes(proID)){\n          vm.addItemToCollection(proID);\n      }\n    },\n    collectItem(item)\n    {\n      //alert(\"collect item:\"+item.cat);\n      //todo: display the collectionPicker \n    },\n    beforeEnter: function(el) {\n      el.style.opacity = 0;\n      el.style.transform = this.limited ? \"translateX(20%)\" : \"translateY(20%)\";\n    },\n    enter: function(el, done) {\n      var vm = this,\n        lapse = this.limited ? 280 : 120,\n        delay = (el.dataset.index % this.perload) * lapse,\n        type = this.gridType;\n      setTimeout(function() {\n        el.animate(\n          {\n            opacity: [0, 1],\n            transform: vm.limited\n              ? [\"translateX(20%)\", \"translateX(0)\"]\n              : [\"translateY(20%)\", \"translateY(0)\"],\n            easing:\n              type === \"catalog\"\n                ? \"cubic-bezier(0.175, 0.885, 0.32, 1.275)\"\n                : \"cubic-bezier(0.215, 0.61, 0.355, 1)\"\n          },\n          { duration: 600, fill: \"forwards\" }\n        ).onfinish = function() {\n          done();\n        };\n      }, delay);\n    },\n    leave: function(el, done) {\n      el.style.opacity = 0;\n      el.style.transform = this.limited\n        ? \"translateX(120%)\"\n        : \"translateY(120%)\";\n      done();\n    }\n  }\n};\n</script>\n\n<style scoped>\n  .item-preview:hover .addToList\n  {\n    opacity: 1;\n  }\n  .added i\n  {    \n    color:#31a9f6 !important;\n    background-color: transparent !important;\n  }\n</style>\n\n<style lang=\"stylus\" scoped>\n.addToList\n  opacity 1\n  cursor pointer !important\n  background-color none\n  color #5e5e5e\n  position absolute\n  right -18px\n  top 0px\n  text-align center\n  z-index 11\n  opacity 0.4\n  &:hover\n    opacity 1\n  i\n    cursor pointer !important \n    line-height 30px\n    font-size: 15px\n    font-weight 500\n    color #5e5e5e\n\n.no-items\n    font-size responsive 16px 32px\n    color #fff\n    self-center()\n\n.grid-items\n  opacity 1\n  transition opacity 0.4s\n  width 100%\n  height 100%\n  _flex(row, wrap, flex-start, flex-start)\n  .item\n    margin-bottom 30px\n    flex 1\n  /.el-size--large .item\n  /.el-size--medium .item\n    flex 0 0 23.875%\n    margin 0 1.5% 4% 0\n    &:nth-child(4n)\n      margin 0\n    +below(1100px)\n      flex 0 0 32.3333%\n      margin 0 1.5% 4% 0\n      &:nth-child(4n)\n        margin 0 1.5% 4% 0\n      &:nth-child(3n)\n        margin 0\n\n  /.el-size--small .item\n    flex 0 0 47%\n    margin 0 6% 6% 0 !important\n    &:nth-child(2n)\n      margin 0 !important\n  &.in-resize\n      opacity 0\n      transition none\n  &.limited\n    _flex(row, wrap, flex-start, space-between)\n    padding-right 20px\n    height 62vh\n    overflow-x hidden\n    overflow-y auto\n    .item\n      pointer-events none\n      flex 0 0 calc(50% - 10px)\n      margin 0 0 20px\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!./GridItems.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!./GridItems.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GridItems.vue?vue&type=template&id=341c3cec&scoped=true&\"\nimport script from \"./GridItems.vue?vue&type=script&lang=js&\"\nexport * from \"./GridItems.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GridItems.vue?vue&type=style&index=0&id=341c3cec&scoped=true&lang=css&\"\nimport style1 from \"./GridItems.vue?vue&type=style&index=1&id=341c3cec&lang=stylus&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  \"341c3cec\",\n  null\n  \n)\n\nexport default component.exports","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!./GridItems.vue?vue&type=style&index=0&id=341c3cec&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!./GridItems.vue?vue&type=style&index=0&id=341c3cec&scoped=true&lang=css&\"","var isRegExp = require('../internals/is-regexp');\n\nmodule.exports = function (it) {\n  if (isRegExp(it)) {\n    throw TypeError(\"The method doesn't accept regular expressions\");\n  } return it;\n};\n","var wellKnownSymbol = require('../internals/well-known-symbol');\n\nvar MATCH = wellKnownSymbol('match');\n\nmodule.exports = function (METHOD_NAME) {\n  var regexp = /./;\n  try {\n    '/./'[METHOD_NAME](regexp);\n  } catch (e) {\n    try {\n      regexp[MATCH] = false;\n      return '/./'[METHOD_NAME](regexp);\n    } catch (f) { /* empty */ }\n  } return false;\n};\n","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!./CatalogItemPreview.vue?vue&type=style&index=0&id=15298f2d&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!./CatalogItemPreview.vue?vue&type=style&index=0&id=15298f2d&scoped=true&lang=css&\"","'use strict';\nvar $ = require('../internals/export');\nvar $includes = require('../internals/array-includes').includes;\nvar addToUnscopables = require('../internals/add-to-unscopables');\nvar arrayMethodUsesToLength = require('../internals/array-method-uses-to-length');\n\nvar USES_TO_LENGTH = arrayMethodUsesToLength('indexOf', { ACCESSORS: true, 1: 0 });\n\n// `Array.prototype.includes` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.includes\n$({ target: 'Array', proto: true, forced: !USES_TO_LENGTH }, {\n  includes: function includes(el /* , fromIndex = 0 */) {\n    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables('includes');\n","var aFunction = require('../internals/a-function');\nvar toObject = require('../internals/to-object');\nvar IndexedObject = require('../internals/indexed-object');\nvar toLength = require('../internals/to-length');\n\n// `Array.prototype.{ reduce, reduceRight }` methods implementation\nvar createMethod = function (IS_RIGHT) {\n  return function (that, callbackfn, argumentsLength, memo) {\n    aFunction(callbackfn);\n    var O = toObject(that);\n    var self = IndexedObject(O);\n    var length = toLength(O.length);\n    var index = IS_RIGHT ? length - 1 : 0;\n    var i = IS_RIGHT ? -1 : 1;\n    if (argumentsLength < 2) while (true) {\n      if (index in self) {\n        memo = self[index];\n        index += i;\n        break;\n      }\n      index += i;\n      if (IS_RIGHT ? index < 0 : length <= index) {\n        throw TypeError('Reduce of empty array with no initial value');\n      }\n    }\n    for (;IS_RIGHT ? index >= 0 : length > index; index += i) if (index in self) {\n      memo = callbackfn(memo, self[index], index, O);\n    }\n    return memo;\n  };\n};\n\nmodule.exports = {\n  // `Array.prototype.reduce` method\n  // https://tc39.github.io/ecma262/#sec-array.prototype.reduce\n  left: createMethod(false),\n  // `Array.prototype.reduceRight` method\n  // https://tc39.github.io/ecma262/#sec-array.prototype.reduceright\n  right: createMethod(true)\n};\n","<template>\n  <div class=\"item-preview\">\n    <transition name=\"fadeLeft\">\n      <div v-if=\"!!item.flag\" class=\"item-flag\">\n        <img :src=\"item.flag\" alt=\"\" />\n      </div>\n    </transition>\n\n    <!-- Add to list -->\n    <!-- state.collections.activeCollectionItems -->\n    <div   \n        :class=\"['add-to-col',collections.activeCollectionItems.includes(item.productId) ? 'added' : '']\" @click.prevent=\"addToCollection()\" \n        :title=\"collections.activeCollectionItems.includes(item.productId) ? 'Product in list' : localize('Add to list')\">\n        <i :class=\"['fal',collections.activeCollectionItems.includes(item.productId) ? 'fa-plus' : 'fa-plus']\"></i>\n        <!--<i :class=\"['fal',collections.activeCollectionItems.includes(item.productId) ? 'fa-list-ul' : 'fa-list-ul']\"></i>-->\n    </div>\n\n    <!-- todo: change to route-link -->\n    <div\n      class=\"item-preview-image\"\n      :class=\"['item-' + size, !!showActionsOnDevices ? 'active' : '']\"\n      :style=\"previewImageStyle\"\n      @touchend.passive=\"toggleActionsForDevices($event)\"\n      @touchmove.passive=\"toggleActionsForDevices($event)\"\n    >\n\n      <transition name=\"fadeLeft\">\n        <!-- <template v-if=\"item.platform && item.platform.length > 1\">\n          <div\n            v-for=\"platform in item.platform\"\n            :key=\"platform\"\n            :class=\"['item-platform', parsePlatform(platform)]\"\n          >\n            <span v-text=\"parsePlatform(platform, true)\"></span>\n          </div>\n        </template>\n        <div\n          v-else-if=\"item.platform && typeof item.platform === 'string'\"\n          :class=\"['item-platform', parsePlatform(item.platform)]\">\n          <span v-text=\"parsePlatform(item.platform, true)\"></span>\n        </div> -->\n\n        <template v-if=\"item.platform\">\n          <div\n            v-if=\"typeof item.platform === 'string'\"\n            :class=\"['item-platform', parsePlatform(item.platform_eng)]\"\n          >\n            <span\n              class=\"font-rg\"\n              v-text=\"parsePlatform(item.platform_eng, true)\"\n            ></span>\n          </div>\n          <div v-else class=\"item-platform--group\">\n            <div\n              v-for=\"platform in item.platform_eng\"\n              :key=\"platform\"\n              :class=\"['item-platform', parsePlatform(platform)]\">\n              <span class=\"font-rg\" v-text=\"parsePlatform(platform, true)\"></span>\n            </div>\n          </div>\n        </template>\n      </transition>\n      <div class=\"item-info\" v-if=\"!!info\">\n        <div class=\"info\" v-text=\"item.amount + (item.amount < 2 ? ' item' : ' items')\"></div>\n      </div>\n\n      <!--<i class=\"media-icon fal fa-plus\"></i>-->\n      <!--<i class=\"media-icon fal fa-ellipsis-h\"></i>-->\n      <span class=\"media-icon\">{{localize('More info')}}</span>\n    </div>\n    \n    <slot name=\"label\"></slot>\n  </div>\n</template>\n<script>\n// import $ from \"jquery\";\n import { mapState, mapActions } from \"vuex\";\n// import { translate } from \"@/utils\";\n\nexport default {\n  props: [\"type\", \"info\", \"item\", \"size\", \"actions\", \"draggable\"],\n  created() {},\n  data() {\n    return {\n      addingToList:false,\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  methods: {\n    ...mapActions([\"setItemToCollect\",\"updateStoreCollection\",\"addItemToCollection\",\"showCollectionsViewer\"]),\n    addToCollection()\n    {      \n      var vm=this;\n      if(!vm.collections.activeCollectionItems.includes(vm.item.productId))\n      {\n          var ProductID = vm.item.productId;\n          vm.addItemToCollection(ProductID);\n      }\n    },\n    postToApi(apiURL)\n    {\n      var vm=this;\n      vm.addingToList=true;\n      fetch(apiURL, {\n        method: \"POST\",\n        mode: \"cors\", // no-cors, *cors, same-origin\n        cache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\n        credentials: \"same-origin\", // include, *same-origin, omit\n        headers: {\"Content-Type\": \"application/json;charset=UTF-8\",'Access-Control-Allow-Origin': '*'},\n        referrerPolicy: \"no-referrer\", // no-referrer, *client\n        body: \"\"\n      })\n      .then(function(response) {            \n          return response.json();//console.log(\"FIRST THEN RESPONSE  < \", response);\n      })\n      .then(\n          async function(json) \n          {\n            vm.addingToList=false;\n            if (json.status && json.status && json.status === \"error\") \n            {\n              console.log(\"[fetch|error] register user >> \", json);\n              throw new Error(json.message);\n            } else {\n              //alert(\"added\");\n              vm.updateStoreCollection();\n            }\n          },\n          error => {\n            vm.addingToList=false;\n            console.log(\"[fetch|error] register user >> \", error);\n            throw new Error(error);\n          }\n        );          \n    },    \n\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    updateItem(e, item) {\n      if (!!e.key && /esc/gi.test(e.key)) {\n        this.$refs.quant.innerText = item.amount;\n        this.$refs.quant.blur();\n      } else if (item.amount != this.$refs.quant.innerText) {\n        let _item = _.clone(item);\n        _item.amount = parseInt(this.$refs.quant.innerText);\n        this.$refs.quant.innerText = _.trim(this.$refs.quant.innerText);\n        e.target.blur();\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    labelFor(action) {\n      switch (action) {\n        case \"open\":\n        case \"view\":\n          // console.log(\"view touched\");\n          return \"VIEW ITEM\";\n        case \"plus\":\n          return \"Add to Cart\";\n        case \"images\":\n          return \"Go to Images\";\n        default:\n          return \"\";\n      }\n    }\n  },\n  asyncComputed: {\n    previewImageStyle() {\n      let vm = this;\n      return new Promise(resolve => {\n        let img = document.createElement(\"img\");\n        img.addEventListener(\"load\", function() {\n          resolve(`background-image:url(${vm.item.thumb || vm.item.image})`);\n        });\n        img.addEventListener(\"error\", function() {\n          resolve(\n            // \"background-image:url(\" +\n            //   vm.defaultItemBg +\n            //   \"); background-size: 50%\"\n            \"background:black\"\n          );\n        });\n\n        // $(img).on(\"load\", (err, res) => {\n        //   resolve(`background-image:url(${vm.item.image})`);\n        // });\n        // $(img).on(\"error\", err => {\n        //   resolve(\n        //     // \"background-image:url(\" +\n        //     //   vm.defaultItemBg +\n        //     //   \"); background-size: 50%\"\n        //     \"background:black\"\n        //   );\n        // });\n        img.src = vm.item.image;\n      });\n    }\n  },\n  computed: {\n    ...mapState([\"collections\", \"auid\"]),\n    // ...mapState([\"defaultItemBg\"]),\n    isTouchDevice() {\n      return true;\n    },\n    isIOSDevice() {\n      return /iPad|iPhone|iPod/.test(window.navigator.platform);\n    }\n  }\n};\n</script>\n\n<style scoped>\n  .item-preview:hover .add-to-col\n  {\n    opacity: 1;      \n  }\n  .added\n  {    \n    color:#31a9f6 !important;\n    background-color: transparent !important;\n  }\n  .added:hover\n  {\n    color:#fff;font-weight: 600 !important;\n  }\n</style>\n\n<style lang=\"stylus\" scoped>\n\n  .add-to-col\n    opacity 1\n    cursor pointer !important\n    background-color none\n    color #aaa\n    position absolute\n    right 12px\n    top 12px\n    text-align center \n    border-radius 15px\n    z-index 11\n    display table-cell\n    vertical-align middle\n    width 30px\n    height 30px    \n    &:hover\n      background-color #31a9f6\n      color #fff\n    i\n      cursor pointer !important \n      line-height 30px\n      font-size: 15px\n      font-weight 500\n\n\n.flyin\n    opacity 1 !important\n    /.no-touch &\n        box-shadow inset 0px 0px 20px rgba(255,255,255,0.9) !important\n ::selection\n    background rgba(gray, 0.2)\n    color darken(gray, 30)\n.item-preview\n    position relative\n.item-flag, .item-platform\n    position absolute 0 false false 0\n    overflow hidden\n    z-index 9\n    /.no-touch &\n        box-shadow 3px 3px 7px rgba(#000, 0.2), inset 2px 2px 10px rgba(#000, 0.5)\n    img\n        min-width 100%\n        max-height 100%\n    /.big-item &\n        opacity 0.96\n    /.no-touch:not(.ie) & > img\n        max-width 200%\n        min-height 105%\n    &.item-platform\n        top 0\n        transform translate(45%, 45%)\n        left 0\n        width 30px\n        height @width\n        border-radius unit(@width/2, 'px')\n        border 2px solid transparent\n        backface-visibility hidden\n        background #fff\n        // +below(550px)\n        //     right 10px\n        //     transform translate(10%, 30%)\n        //     width 30px\n        //     height @width\n        //     border-radius unit(@width/2, 'px')\n        span\n            center()\n            font-size responsive 12px 13px\n            font-range 1366px 1920px\n            font-weight 400\n            color darkgray\n            span\n              color gray_8\n        &--np\n            border-color #ffd200\n            // span\n            //   color #ffd200\n        &--sp\n            border-color #c47fb4\n            // span\n            //   color #c47fb4\n        &--wp\n            border-color #22b24c\n            // span\n            //   color #22b24c\n.item-platform--group\n  position absolute\n  top 0\n  left 0\n  _flex(column, nowrap, flex-start, center)\n  +below(550px)\n    left 10px\n  .item-platform\n    position static\n    margin-bottom 8px\n// ACTION ICONS\n.white-circle\n    fill none\n    stroke #fff\n    stroke-width 2px\n    &.dashed\n        stroke-dasharray 146px\n        transform rotate(-5deg)\n        transform-origin center\n.view-icon\n    fill #fff\n    fill-rule evenodd\n    /.action:hover &\n        fill #08b9e2\n\n.plus, .minus\n    transform-origin center\n    transform translate3d(0,0,0)\n    fill #fff\n    fill-rule evenodd\n    transition all 0.8s ease-out\n    /.action:hover &\n        fill #08b9e2\n\n\n.icon-view\n    background url(/img/view-item.svg) no-repeat 0 0\n    width 100%\n    height 100%\n.item-preview\n    .label\n        width 90%\n        text-align left\n        margin 0\n        // font-size 15px\n        color rgba(gray_8, 0.7)\n        padding-top 5px\n        white-space normal\n        span\n            line-height 1.2\n            display inline-block\n            &:first-child\n                display block\n                // margin-bottom 5px\n            &.item-mac\n                // font-size 13px\n                color #5e5e5e\n                //rgba(gray_5, 1)\n                display block\n            &.item-name\n                // font-size 16px\n                color gray_8\n                font-weight normal\n                padding-top 4px\n        .item-details\n            display block\n            // font-size 14px\n            line-height 1.1\n            color gray_7\n            span\n                display inline-block\n                vertical-align middle\n                margin 0\n                padding 0\n                &.sep\n                    margin 0 2px\n            /.cart &\n                color darken(#fff, 50)\n    /.item-small + .label\n            font-size 12px\n    .item-preview-image\n        position relative\n        background-position 50% 50%\n        background-size auto\n        background-repeat no-repeat\n        margin 0 auto\n        background-color #f9f9f9\n        background-blend-mode multiply\n        transform translateZ(0)\n        +below(600px, orientation: portrait)\n          background-size contain\n        &:after\n          content ''\n          position absolute 0 0 0 0\n          opacity 0\n          background rgba(gray_8, 0.3)\n          //background rgba(gray_8, 0.05) url(/img/dark-net.png) repeat 0 0\n          z-index 8\n          transition opacity 0.7s ease-out-expo\n        .media-icon\n          white-space nowrap\n          text-align center\n          opacity 0\n          //backface-visibility hidden\n          center()\n          //transform translate(-50%, -50%) scale(0.5)\n          z-index 9\n          //font-size responsive 76px 96px\n          font-size responsive 12px 16px\n          font-weight 500 !important\n          color rgba(#fff, 1)\n          //transform-style preserve-3d\n          will-change opacity, transform\n          //transition opacity 0.7s ease-out-expo, transform 0.7s ease-out-expo\n          transition opacity 0.7s ease-out-expo\n          background-color #159df3\n          padding 6px 18px\n          border-radius 20px\n        /.limited &\n          background-size contain\n          .media-icon\n            display none\n          &:after\n            display none\n            content null\n        +desktop()\n          &:hover\n              &:after\n                opacity 0.3\n              .media-icon\n                opacity 1\n                transform translate(-50%, -50%) scale(1)\n\n        /.el-size--large &\n          padding-top 230px\n        /.el-size--medium &\n          padding-top 200px\n        /.el-size--small &\n            padding-top 180px\n          +portrait()\n            padding-top 150px !important\n        /.el-size--small .q-min &\n          padding-top 120px\n        /.no-touch &\n            box-shadow inset 2px 2px 8px rgba(0,0,0,0.2)\n        .item-info\n            opacity 0\n            transition opacity 0.5s ease-out-circ\n            position absolute\n            bottom 13%\n            left 50%\n            transform translateX(-50%)\n            .info\n                color rgba(#fff, 0.55)\n                font-weight 200\n                div\n                    display inline-block\n                    padding 2px 0\n                    &[contenteditable=\"true\"]:focus\n                        padding 0 4px\n                        outline 1px dashed rgba(blue, 0.5)\n                        background rgba(#fff, 0.8)\n                        color darken(gray, 30)\n                &:first-child\n                    margin-bottom 3px\n        .item-actions\n            inline-mid()\n            opacity 0\n            background rgba(#2e2e2e, 0.9)\n            position absolute 0 0 0 0\n            transform scale(1.01)\n            transition opacity 0.5s ease-out-circ\n            border-radius 50%\n            text-align center\n            pointer-events none\n            .action\n                position relative\n                background transparent\n                // border-radius 50%\n                margin 0 2.5%\n                // border 2px solid #fff\n                text-align center\n                color #fff\n                cursor pointer\n                svg\n                    max-width 100%\n                /.item-big .action\n                    fontsizer(18px, 22px)\n                    width 22%\n                    padding-top 20%\n                /.item-huge .action\n                    fontsizer(18px, 28px)\n                    width 21%\n                    padding-top 20%\n                /.item-small .action\n                    fontsizer(12px, 16px)\n                    width 28%\n                    padding-top 25%\n                span\n                    opacity 0\n                    position absolute\n                    bottom -25px\n                    left 50%\n                    transform translateX(-50%)\n                    text-transform uppercase\n                    font-size 12px\n                    white-space nowrap\n                    +below(550px)\n                        display none\n                /.active span\n                    opacity 1 !important\n                &::first-child\n                    margin-left 0\n                &::last-child\n                    margin-right 0\n                &:hover\n                    i\n                        color #03c6f3\n                    span\n                        opacity 1\n        &.active, &:hover\n            .item-actions, .item-info\n                pointer-events initial\n                opacity 1\n        &.in-transform\n            .plus, .minus\n                transform-origin center\n                transform-box fill-box\n                animation spin 2s infinite cubic-bezier(0.68, -0.55, 0.265, 2)\n@keyframes spin\n    0%\n        transform rotate(0deg)\n    100%\n        transform rotate(360deg)\n</style>\n","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!./CatalogItemPreview.vue?vue&type=style&index=1&id=15298f2d&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!./CatalogItemPreview.vue?vue&type=style&index=1&id=15298f2d&lang=stylus&scoped=true&\""],"sourceRoot":""}