{"version":3,"sources":["webpack://multicontent-widget/resources/js/src/components/ItemList/CustomCategoryImage.vue","webpack://multicontent-widget/./node_modules/core-js/modules/es.array.find.js","webpack://multicontent-widget/./node_modules/core-js/modules/es.function.name.js","webpack://multicontent-widget/./resources/js/src/components/ItemList/CustomCategoryImage.vue","webpack://multicontent-widget/./resources/js/src/components/ItemList/CustomCategoryImage.vue?2846","webpack://multicontent-widget/./resources/js/src/components/ItemList/CustomCategoryImage.vue?66d7"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA;EAEA;EAEA;IACA;MACA;IACA;IACA;MACA;IACA;IACA,eACA;MACA;IACA;IACA,SACA;MACA;IACA;IACA,KACA;MACA;IACA;IACA,OACA;MACA;IACA;IACA,UACA;MACA;MACA;IACA;IACA,SACA;MACA;MACA;IACA;IACA;MACA;MACA;IACA;IACA,yBACA;MACA;IACA;IACA,gBACA;MACA;IACA;IACA,UACA;MACA;IACA;EACA;EAEA;IACA;MACA;IACA;EACA;EAEA,UACA;IACA;MACA;QACA;MACA;QACA;MACA;IACA;IACA,gCACA;MACA;IACA;EACA;EACA,4BACA;IAAA;IACA;IACA;IAEA;IAEA,2BACA;MACA,kCACA;QACA;MACA;IACA;EACA;EAEA,SACA;IACA,kDACA;MAAA;MACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,8CACA,0GACA,qEACA;QACA,2CACA;UACA;UAEA,oDACA;YACA;YACA;UACA;QACA;QACA,6CACA;UACA,oBACA;YACA;cAAA;YAAA;YACA;cAAA;YAAA;UACA;QACA;MACA;IACA;IAEA;MACA;MAEA;MACA;MACA;IACA;IAEA,uCACA;MACA;MAEA;IACA;IAEA,2CACA;MACA;MAEA;IACA;EACA;AACA,G;;;;;;;;;;;ACvKa;AACb,QAAQ,mBAAO,CAAC,uEAAqB;AACrC,YAAY,mHAA4C;AACxD,uBAAuB,mBAAO,CAAC,+FAAiC;;AAEhE;AACA;;AAEA;AACA,4CAA4C,qBAAqB,EAAE;;AAEnE;AACA;AACA,GAAG,oDAAoD;AACvD;AACA;AACA;AACA,CAAC;;AAED;AACA;;;;;;;;;;;ACpBA,kBAAkB,mBAAO,CAAC,iFAA0B;AACpD,2BAA2B,iHAA4C;AACvE,kBAAkB,mBAAO,CAAC,qGAAoC;AAC9D,qBAAqB,8HAAgD;;AAErE;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;;;;;;;;ACxBkG;AAC3B;AACL;;;AAGlE;AACA,CAAmG;AACnG,gBAAgB,oGAAU;AAC1B,EAAE,sFAAM;AACR,EAAE,2FAAM;AACR,EAAE,oGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACA,+DAAe,iB;;;;;;;;;;;;;ACtCsL,CAAC,+DAAe,qLAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAzN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW;AACX,SAAS;AACT;AACA;AACA;AACA,aAAa,aAAa;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA,SAAS,SAAS,oBAAoB,EAAE;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,eAAe;AACf;AACA;AACA;AACA;AACA;AACA","file":"chunks/multicontent-20.js","sourcesContent":["<template>\n  <a v-if=\"$data.$_enableCarousel\" :id=\"'owl-carousel-' + _uid\" class=\"owl-carousel owl-theme\" :href=\"itemUrl\" role=\"listbox\" :aria-label=\"$translate('Ceres::Template.itemImageCarousel')\">\n    <div v-for=\"(imageUrl, index) in imageUrls\" :key=\"index\">\n      <lazy-img v-if=\"index === 0 && !disableLazyLoad\" ref=\"itemLazyImage\" :picture-class=\"imageClasses\" :image-url=\"imageUrl.url\" :alt=\"getAltText(imageUrl)\" :title=\"getTitleText(imageUrl)\" role=\"option\"></lazy-img>\n      <img v-else-if=\"index !== 0 && !disableLazyLoad\" class=\"img-fluid owl-lazy\" :class=\"(isSalableItem && enableAvOverlay) ? '' : 'im-50'\" :data-src=\"imageUrl.url\" :alt=\"getAltText(imageUrl)\" :title=\"getTitleText(imageUrl)\" role=\"option\">\n      <img v-else class=\"img-fluid\" :class=\"(isSalableItem && enableAvOverlay) ? '' : 'im-50'\" :src=\"imageUrl.url\" :alt=\"getAltText(imageUrl)\" :title=\"getAltText(imageUrl)\" role=\"option\">\n    </div>\n  </a>\n\n  <a v-else :href=\"itemUrl\">\n    <lazy-img v-if=\"!disableLazyLoad\" ref=\"itemLazyImage\" :picture-class=\"imageClasses\" :image-url=\"imageUrls | itemImage\" :alt=\"getAltText(imageUrls[0])\" :title=\"getTitleText(imageUrls[0])\"></lazy-img>\n    <img v-else class=\"img-fluid\" :class=\"(isSalableItem && enableAvOverlay) ? '' : 'im-50'\" :src=\"imageUrls | itemImage\" :alt=\"getAltText(imageUrls[0])\" :title=\"getTitleText(imageUrls[0])\">\n  </a>\n</template>\n\n<script>\n\nexport default {\n\n  name: 'CustomCategoryImage',\n\n  props: {\n    enableAvOverlay: {\n      type: Boolean\n    },\n    isSalableItem: {\n      type: Boolean\n    },\n    imageUrlsData:\n        {\n          type: Array\n        },\n    itemUrl:\n        {\n          type: String\n        },\n    alt:\n        {\n          type: String\n        },\n    title:\n        {\n          type: String\n        },\n    showDots:\n        {\n          type: Boolean,\n          default: App.config.item.categoryShowDots\n        },\n    showNav:\n        {\n          type: Boolean,\n          default: App.config.item.categoryShowNav\n        },\n    disableLazyLoad: {\n      type: Boolean,\n      default: false\n    },\n    disableCarouselOnMobile:\n        {\n          type: Boolean\n        },\n    enableCarousel:\n        {\n          type: Boolean\n        },\n    template:\n        {\n          type: String\n        }\n  },\n\n  data () {\n    return {\n      $_enableCarousel: false\n    }\n  },\n\n  computed:\n      {\n        imageClasses () {\n          if (!this.isSalableItem && this.enableAvOverlay) {\n            return 'im-50 img-fluid'\n          } else {\n            return 'img-fluid'\n          }\n        },\n        imageUrls()\n        {\n          return this.imageUrlsData;\n        }\n      },\n  mounted()\n  {\n    const isMobile = window.matchMedia(\"(max-width: 768px)\").matches;\n    const shouldCarouselBeEnabled = this.enableCarousel && this.imageUrls.length > 1;\n\n    this.$data.$_enableCarousel = this.disableCarouselOnMobile && isMobile ? false : shouldCarouselBeEnabled;\n\n    this.$nextTick(() =>\n    {\n      if (this.$data.$_enableCarousel)\n      {\n        this.initializeCarousel();\n      }\n    });\n  },\n\n  methods:\n      {\n        initializeCarousel()\n        {\n          $(\"#owl-carousel-\" + this._uid).owlCarousel({\n            dots     : !!this.showDots,\n            items    : 1,\n            mouseDrag: false,\n            loop     : this.imageUrls.length > 1,\n            lazyLoad : !this.disableLazyLoad,\n            margin   : 10,\n            nav      : !!this.showNav,\n            navText  : [\n              `<i id=\"owl-nav-text-left-${this._uid}\" class='fa fa-chevron-left' aria-hidden='true'></i>`,\n              `<i id=\"owl-nav-text-right-${this._uid}\" class='fa fa-chevron-right' aria-hidden='true'></i>`\n            ],\n            onTranslated(event)\n            {\n              const element = event.target.querySelector(\".owl-item.active img\");\n\n              if (element && element.dataset.src && !element.src)\n              {\n                element.src = element.dataset.src;\n                element.removeAttribute(\"data-src\");\n              }\n            },\n            onInitialized: event =>\n            {\n              if (this.showNav)\n              {\n                document.querySelector(`#owl-nav-text-left-${this._uid}`).parentElement.onclick = event => event.preventDefault();\n                document.querySelector(`#owl-nav-text-right-${this._uid}`).parentElement.onclick = event => event.preventDefault();\n              }\n            }\n          });\n        },\n\n        destroyCarousel () {\n          const $owl = $(\"#owl-carousel-\" + this._uid)\n\n          $owl.trigger('destroy.owl.carousel')\n          $owl.html($owl.find('.owl-stage-outer').html()).removeClass('owl-loaded')\n          $owl.find('.owl-item').remove()\n        },\n\n        getAltText(image)\n        {\n          const alt = image && image.alternate ? image.alternate : this.alt;\n\n          return alt;\n        },\n\n        getTitleText(image)\n        {\n          const title = image && image.name ? image.name : this.title;\n\n          return title;\n        }\n      }\n}\n</script>\n","'use strict';\nvar $ = require('../internals/export');\nvar $find = require('../internals/array-iteration').find;\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\nvar FIND = 'find';\nvar SKIPS_HOLES = true;\n\n// Shouldn't skip holes\nif (FIND in []) Array(1)[FIND](function () { SKIPS_HOLES = false; });\n\n// `Array.prototype.find` method\n// https://tc39.es/ecma262/#sec-array.prototype.find\n$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {\n  find: function find(callbackfn /* , that = undefined */) {\n    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables(FIND);\n","var DESCRIPTORS = require('../internals/descriptors');\nvar FUNCTION_NAME_EXISTS = require('../internals/function-name').EXISTS;\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar defineProperty = require('../internals/object-define-property').f;\n\nvar FunctionPrototype = Function.prototype;\nvar functionToString = uncurryThis(FunctionPrototype.toString);\nvar nameRE = /function\\b(?:\\s|\\/\\*[\\S\\s]*?\\*\\/|\\/\\/[^\\n\\r]*[\\n\\r]+)*([^\\s(/]*)/;\nvar regExpExec = uncurryThis(nameRE.exec);\nvar NAME = 'name';\n\n// Function instances `.name` property\n// https://tc39.es/ecma262/#sec-function-instances-name\nif (DESCRIPTORS && !FUNCTION_NAME_EXISTS) {\n  defineProperty(FunctionPrototype, NAME, {\n    configurable: true,\n    get: function () {\n      try {\n        return regExpExec(nameRE, functionToString(this))[1];\n      } catch (error) {\n        return '';\n      }\n    }\n  });\n}\n","import { render, staticRenderFns } from \"./CustomCategoryImage.vue?vue&type=template&id=635dd86e&\"\nimport script from \"./CustomCategoryImage.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomCategoryImage.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/nsierrar/Projects/PlentyMarkets/Repo-GitHub/MultiContentWidget/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('635dd86e')) {\n      api.createRecord('635dd86e', component.options)\n    } else {\n      api.reload('635dd86e', component.options)\n    }\n    module.hot.accept(\"./CustomCategoryImage.vue?vue&type=template&id=635dd86e&\", function () {\n      api.rerender('635dd86e', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/components/ItemList/CustomCategoryImage.vue\"\nexport default component.exports","import mod from \"-!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CustomCategoryImage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CustomCategoryImage.vue?vue&type=script&lang=js&\"","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _vm.$data.$_enableCarousel\n    ? _c(\n        \"a\",\n        {\n          staticClass: \"owl-carousel owl-theme\",\n          attrs: {\n            id: \"owl-carousel-\" + _vm._uid,\n            href: _vm.itemUrl,\n            role: \"listbox\",\n            \"aria-label\": _vm.$translate(\"Ceres::Template.itemImageCarousel\"),\n          },\n        },\n        _vm._l(_vm.imageUrls, function (imageUrl, index) {\n          return _c(\n            \"div\",\n            { key: index },\n            [\n              index === 0 && !_vm.disableLazyLoad\n                ? _c(\"lazy-img\", {\n                    ref: \"itemLazyImage\",\n                    refInFor: true,\n                    attrs: {\n                      \"picture-class\": _vm.imageClasses,\n                      \"image-url\": imageUrl.url,\n                      alt: _vm.getAltText(imageUrl),\n                      title: _vm.getTitleText(imageUrl),\n                      role: \"option\",\n                    },\n                  })\n                : index !== 0 && !_vm.disableLazyLoad\n                ? _c(\"img\", {\n                    staticClass: \"img-fluid owl-lazy\",\n                    class:\n                      _vm.isSalableItem && _vm.enableAvOverlay ? \"\" : \"im-50\",\n                    attrs: {\n                      \"data-src\": imageUrl.url,\n                      alt: _vm.getAltText(imageUrl),\n                      title: _vm.getTitleText(imageUrl),\n                      role: \"option\",\n                    },\n                  })\n                : _c(\"img\", {\n                    staticClass: \"img-fluid\",\n                    class:\n                      _vm.isSalableItem && _vm.enableAvOverlay ? \"\" : \"im-50\",\n                    attrs: {\n                      src: imageUrl.url,\n                      alt: _vm.getAltText(imageUrl),\n                      title: _vm.getAltText(imageUrl),\n                      role: \"option\",\n                    },\n                  }),\n            ],\n            1\n          )\n        }),\n        0\n      )\n    : _c(\n        \"a\",\n        { attrs: { href: _vm.itemUrl } },\n        [\n          !_vm.disableLazyLoad\n            ? _c(\"lazy-img\", {\n                ref: \"itemLazyImage\",\n                attrs: {\n                  \"picture-class\": _vm.imageClasses,\n                  \"image-url\": _vm._f(\"itemImage\")(_vm.imageUrls),\n                  alt: _vm.getAltText(_vm.imageUrls[0]),\n                  title: _vm.getTitleText(_vm.imageUrls[0]),\n                },\n              })\n            : _c(\"img\", {\n                staticClass: \"img-fluid\",\n                class: _vm.isSalableItem && _vm.enableAvOverlay ? \"\" : \"im-50\",\n                attrs: {\n                  src: _vm._f(\"itemImage\")(_vm.imageUrls),\n                  alt: _vm.getAltText(_vm.imageUrls[0]),\n                  title: _vm.getTitleText(_vm.imageUrls[0]),\n                },\n              }),\n        ],\n        1\n      )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"sourceRoot":""}