{"version":3,"file":"component.main-collection.min.js?v=1742913894847","mappings":"mKACOA,MAAM,sD,GADbC,IAAA,EAE4DD,MAAM,Q,iCCFlEC,IAAA,EASwCD,MAAM,sB,GAMrCA,MAAM,2B,GACJA,MAAM,yB,EAhBjB,gB,EAAA,c,GAAAC,IAAA,EA6ByCD,MAAM,qB,wBA8B/C,GACEE,KAAM,cAENC,WAAY,CACVC,IAAG,IACHC,iBAAgBA,EAAAA,GAGlBC,MAAO,CACLC,WAAY,CACVC,KAAMC,QACNC,SAAS,GAEXC,QAAS,CACPH,KAAMI,OACNF,QAAS,GACTG,UAAU,GAEZC,SAAU,CACRN,KAAMI,OACNF,QAAS,IAEXK,SAAU,CACRP,KAAMC,QACNC,SAAS,GAEXM,MAAO,CACLR,KAAMI,OACNF,QAAS,M,UC9Ef,GAFiC,OAAgB,EAAQ,CAAC,CAAC,S,iGDNzDO,EAAAA,EAAAA,IAsCM,OArCJjB,OAFJkB,EAAAA,EAAAA,IAAA,CAEU,eAAc,C,yBACsBC,EAAAJ,WAAaK,EAAAC,OAAOC,K,wBAAqCH,EAAAL,WAAaM,EAAAC,OAAOE,I,4BAAwCJ,EAAAZ,e,CAMpJY,EAAAJ,UAAYK,EAAAC,OAAOC,OAAI,WAAlCL,EAAAA,EAAAA,IAIM,MAJNO,EAIM,EAHJC,EAAAA,EAAAA,IAEOL,EAAAC,OAAA,WAFP,IAEO,EADLK,EAAAA,EAAAA,IAAsBC,UAX9BC,EAAAA,EAAAA,IAAA,QAeIC,EAAAA,EAAAA,IAuBM,MAvBNC,EAuBM,EAtBJD,EAAAA,EAAAA,IAWM,MAXNE,EAWM,CATIZ,EAAAH,QAAK,WADbC,EAAAA,EAAAA,IAIE,KArBVhB,IAAA,EAmBUD,MAAM,6DAnBhBgC,aAoBUC,EAAAA,EAAAA,IAAcd,EAANH,Q,OApBlBkB,KAAAN,EAAAA,EAAAA,IAAA,QAuBQC,EAAAA,EAAAA,IAGE,OAFA7B,MAAM,mEACNmC,UAAQhB,EAAAR,S,OAzBlByB,KA6BiBjB,EAAAL,UAAYM,EAAAC,OAAOE,MAAG,WAAjCN,EAAAA,EAAAA,IAQM,MARNoB,EAQM,EAPJZ,EAAAA,EAAAA,IAMOL,EAAAC,OAAA,UANP,IAMO,EALLK,EAAAA,EAAAA,IAIEY,EAAA,CAHCC,MAAOpB,EAAAL,SACR0B,UAAU,mBACVC,KAAK,gB,yBAlCjBb,EAAAA,EAAAA,IAAA,Y,eD0CA,GACE1B,KAAM,iBAENC,WAAY,CACVuC,YAAW,EACXC,c,QAAa,EACbC,YAAWA,EAAAA,SAGbC,OAAAA,GACE,MAAO,CACLC,kBAAmBC,KAAKD,kBACxBE,wBAAyBD,KAAKC,wBAElC,EAEA1C,MAAO,CACL2C,UAAW,CACTzC,KAAM0C,MACNxC,QAASA,IAAM,IAEjByC,aAAc,CACZ3C,KAAM4C,OACN1C,QAAS,GAEX2C,iBAAkB,CAChB7C,KAAMI,OACNF,QAAS,IAEX4C,YAAa,CACX9C,KAAMC,QACNC,SAAS,GAEX6C,eAAgB,CACd/C,KAAMC,QACNC,SAAS,GAEX8C,WAAY,CACVhD,KAAMC,QACNC,SAAS,GAEX+C,SAAU,CACRjD,KAAMC,QACNC,SAAS,GAEXoC,kBAAmB,CACjBtC,KAAMC,QACNC,SAAS,GAEXsC,wBAAyB,CACvBxC,KAAMC,QACNC,SAAS,IAIbgD,SAAU,KAILC,EAAAA,EAAAA,IAASC,EAAAA,EAA2B,CACrCC,eAAgB,SAChBC,aAAc,SAOhBC,qBAAAA,GACE,IAAKhB,KAAKc,iBAAmBd,KAAKe,aAChC,MAAO,GAGT,MAAME,EAAW,GAAGjB,KAAKc,gBAAgBI,eAEnCC,EAASnB,KAAKoB,QAClB,6CACA,CAEEC,QAAQ,EACRC,QAAS,CACPC,KAAMvB,KAAKe,aACXE,cAKN,OAAOE,GAAQG,QACb,UACA,6EAEJ,IG5HJ,GAFiC,OAAgB,EAAQ,CAAC,CAAC,S,kIHNzDpD,EAAAA,EAAAA,IAwBM,MAxBNO,EAwBM,CAvBOJ,EAAAyC,gBAAkBzC,EAAA0C,eAAiB3C,EAAAsC,WAAQ,WAAtDxC,EAAAA,EAAAA,IAUM,MAVNa,EAUM,EATJJ,EAAAA,EAAAA,IAQe6C,EAAA,CAPbvE,MAAM,+CACN,iBACCW,QAAS6D,EAAAT,uB,CAECzC,MAAImD,EAAAA,EAAAA,KACb,IAAmB,EAAnB/C,EAAAA,EAAAA,IAAmBgD,MAT7BC,EAAA,G,mBAAA/C,EAAAA,EAAAA,IAAA,QAcIF,EAAAA,EAAAA,IAUEkD,EAAA,CATC,2BAA0BzD,EAAAgC,aAC1B,kBAAiB/B,EAAAyD,UAAU,qBAC3B5B,UAAW9B,EAAA8B,UACX6B,OAAQ3D,EAAAkC,kBAAoBjC,EAAAyD,UAAU,eACtC,oBAAmBzD,EAAAyD,UAAU,gCAC7BE,SAAU5D,EAAAkC,iBAAmB,SAAW,aACxC,eAAclC,EAAAmC,YACd,cAAanC,EAAAqC,WACb,kBAAiBrC,EAAAoC,gB","sources":["webpack:///./components/async/main-collection/main-collection.vue","webpack:///./components/async/hint-message/hint-message.vue","webpack:///./components/async/hint-message/hint-message.vue?9596","webpack:///./components/async/main-collection/main-collection.vue?a6c2"],"sourcesContent":["<template>\n  <div class=\"main-collection container critical-component-clear\">\n    <div v-if=\"activeCampaign && discountCode && !hideHint\" class=\"grid\">\n      <hint-message\n        class=\"main-collection__hint-message col xs-span l6\"\n        center-icon\n        :content=\"activeCampaignMessage\"\n      >\n        <template #icon>\n          <icon-check-fill />\n        </template>\n      </hint-message>\n    </div>\n\n    <product-grid\n      :collection-product-count=\"productCount\"\n      :default-sort-by=\"$variable('collection.sortBy')\"\n      :disturber=\"disturber\"\n      :handle=\"metaobjectHandle || $variable('page.handle')\"\n      :products-per-page=\"$variable('settings.pagination.products')\"\n      :template=\"metaobjectHandle ? 'custom' : 'collection'\"\n      :hide-soldout=\"hideSoldout\"\n      :hide-banner=\"hideBanner\"\n      :infinite-scroll=\"infiniteScroll\"\n    />\n  </div>\n</template>\n\n<script>\n/**\n * Vue: Main collection (main-collection)\n * -----------------------------------------------------------------------------\n * Main collection section used on the PLP.\n */\nimport { mapState } from 'pinia';\nimport useDiscountCampaignsStore from '~stores/discount-campaigns';\n\nimport HintMessage from '~async/hint-message/hint-message';\nimport ProductGrid from '~async/product-grid/product-grid';\n\nimport IconCheckFill from '~icons/general/check-fill.svg';\n\nexport default {\n  name: 'MainCollection',\n\n  components: {\n    HintMessage,\n    IconCheckFill,\n    ProductGrid,\n  },\n\n  provide() {\n    return {\n      variantsShowCount: this.variantsShowCount,\n      variantsShowQatcOverlay: this.variantsShowQatcOverlay,\n    };\n  },\n\n  props: {\n    disturber: {\n      type: Array,\n      default: () => [],\n    },\n    productCount: {\n      type: Number,\n      default: 0,\n    },\n    metaobjectHandle: {\n      type: String,\n      default: '',\n    },\n    hideSoldout: {\n      type: Boolean,\n      default: false,\n    },\n    infiniteScroll: {\n      type: Boolean,\n      default: true,\n    },\n    hideBanner: {\n      type: Boolean,\n      default: false,\n    },\n    hideHint: {\n      type: Boolean,\n      default: false,\n    },\n    variantsShowCount: {\n      type: Boolean,\n      default: true,\n    },\n    variantsShowQatcOverlay: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    /**\n     * Map Pinia state.\n     */\n    ...mapState(useDiscountCampaignsStore, {\n      activeCampaign: 'active',\n      discountCode: 'code',\n    }),\n\n    /**\n     * Compute active campaign message.\n     * @returns {String}\n     */\n    activeCampaignMessage() {\n      if (!this.activeCampaign || !this.discountCode) {\n        return '';\n      }\n\n      const discount = `${this.activeCampaign?.maxDiscount}%`;\n\n      const string = this.$string(\n        'discount_campaigns.collection_message_html',\n        {\n          // Decoding '50%' throws an error\n          decode: false,\n          replace: {\n            code: this.discountCode,\n            discount,\n          },\n        },\n      );\n\n      return string?.replace(\n        '<strong',\n        '<strong class=\"text-mobile-paragraph-m-bold text-desktop-paragraph-s-bold\"',\n      );\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n@import './main-collection';\n</style>\n","<template>\n  <div\n    class=\"hint-message\"\n    :class=\"{\n      'hint-message--no-icon': !showIcon && !$slots.icon,\n      'hint-message--no-cta': !ctaLabel && !$slots.cta,\n      'hint-message--center-icon': centerIcon,\n    }\"\n  >\n    <div v-if=\"showIcon || $slots.icon\" class=\"hint-message__icon\">\n      <slot name=\"icon\">\n        <icon-wishlist-fill />\n      </slot>\n    </div>\n\n    <div class=\"hint-message__container\">\n      <div class=\"hint-message__content\">\n        <p\n          v-if=\"title\"\n          class=\"text-mobile-paragraph-s-bold text-desktop-paragraph-s-bold\"\n          v-text=\"title\"\n        />\n\n        <div\n          class=\"text-mobile-paragraph-s-regular text-desktop-paragraph-s-regular\"\n          v-html=\"content\"\n        />\n      </div>\n\n      <div v-if=\"ctaLabel || $slots.cta\" class=\"hint-message__cta\">\n        <slot name=\"cta\">\n          <btn\n            :label=\"ctaLabel\"\n            modifiers=\"secondary center\"\n            size=\"medium-large\"\n          />\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n/**\n * Vue: Hint message (hint-message)\n * -----------------------------------------------------------------------------\n * Neutral message box with icon and CTA.\n *\n * @param {Boolean} [centerIcon] - Vertically center icon.\n * @param {String} content - Message content.\n * @param {String} [ctaLabel] - Button label, or provide button to slot.\n * @param {Boolean} [showIcon] - Show icon, or use slot to customise.\n * @param {String} [title] - Message title.\n *\n */\nimport Btn from '~global/btn/btn';\n\nimport IconWishlistFill from '~icons/general/wishlist-fill.svg';\n\nexport default {\n  name: 'HintMessage',\n\n  components: {\n    Btn,\n    IconWishlistFill,\n  },\n\n  props: {\n    centerIcon: {\n      type: Boolean,\n      default: false,\n    },\n    content: {\n      type: String,\n      default: '',\n      required: true,\n    },\n    ctaLabel: {\n      type: String,\n      default: '',\n    },\n    showIcon: {\n      type: Boolean,\n      default: true,\n    },\n    title: {\n      type: String,\n      default: '',\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n@import './hint-message';\n</style>\n","import { render } from \"./hint-message.vue?vue&type=template&id=3c40a2d4\"\nimport script from \"./hint-message.vue?vue&type=script&lang=js\"\nexport * from \"./hint-message.vue?vue&type=script&lang=js\"\n\nimport \"./hint-message.vue?vue&type=style&index=0&id=3c40a2d4&lang=scss\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./main-collection.vue?vue&type=template&id=901a52ae\"\nimport script from \"./main-collection.vue?vue&type=script&lang=js\"\nexport * from \"./main-collection.vue?vue&type=script&lang=js\"\n\nimport \"./main-collection.vue?vue&type=style&index=0&id=901a52ae&lang=scss\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"names":["class","key","name","components","Btn","IconWishlistFill","props","centerIcon","type","Boolean","default","content","String","required","ctaLabel","showIcon","title","_createElementBlock","_normalizeClass","$props","_ctx","$slots","icon","cta","_hoisted_1","_renderSlot","_createVNode","_component_icon_wishlist_fill","_createCommentVNode","_createElementVNode","_hoisted_2","_hoisted_3","textContent","_toDisplayString","_hoisted_4","innerHTML","_hoisted_5","_hoisted_6","_component_btn","label","modifiers","size","HintMessage","IconCheckFill","ProductGrid","provide","variantsShowCount","this","variantsShowQatcOverlay","disturber","Array","productCount","Number","metaobjectHandle","hideSoldout","infiniteScroll","hideBanner","hideHint","computed","mapState","useDiscountCampaignsStore","activeCampaign","discountCode","activeCampaignMessage","discount","maxDiscount","string","$string","decode","replace","code","_component_hint_message","$options","_withCtx","_component_icon_check_fill","_","_component_product_grid","$variable","handle","template"],"sourceRoot":""}