vviinn-widgets 2.212.0 → 2.212.1

package/dist/cjs/{index-GQsCGYnk.js → index-CJKVHgfb.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-OrE9ITel.js');
-var search_store = require('./search.store-9aB2h6sP.js');
+var search_store = require('./search.store-C2rPzL3v.js');
 var store = require('./store-jPZ4ROqV.js');
 
 const PlusIcon = () => (index.h("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "plus-icon", "aria-hidden": "true" },

package/dist/cjs/{search.store-9aB2h6sP.js → search.store-C2rPzL3v.js}

@@ -7647,6 +7647,199 @@ const addIfNotEmpty = (key, value) => value && (Array.isArray(value) ? value.len
     : {};
 const addNestedIfNotEmpty = (key, nested) => nested && Object.keys(nested).length > 0 ? { [key]: nested } : {};
 
+const generalFiltersPartsList = [
+    "filters-sub-row",
+    "filters-option-button",
+    "filters-option-image",
+    "filters-option-color-dot",
+    "filters-option-text",
+    "filters-option-icon-wrapper",
+];
+const extendedFiltersPartsList = [
+    "extended-filters-button",
+    "extended-filters-modal",
+    "extended-filters-modal-wrapper",
+    "extended-filters-header",
+    "extended-filters-title",
+    "extended-filters-modal-close",
+    "extended-filters-no-filters",
+    "extended-filters-list",
+    "extended-filters-main",
+    "extended-filters-row",
+    "extended-filters-row-wrapper",
+    "extended-filters-main-button",
+    "extended-filters-selected-wrapper",
+    "extended-filters-sub-list",
+    "extended-filters-actions",
+    "extended-filters-apply",
+    "extended-filters-reset",
+];
+const filtersPartsList = [
+    "filters-wrapper",
+    "filters-list",
+    "filters-main-button",
+    "filters-footer",
+    "filters-footer-list",
+    "filters-sub-button",
+];
+const selectedFiltersPartsList = ["selected-filters-list"];
+const searchPartsList = [
+    "filters-search-container",
+    "filters-search-input-container",
+    "filters-search-icon",
+    "filters-search-input",
+];
+const histogramPartsList = [
+    "histogram",
+    "histogram-bar",
+    "histogram-range-container",
+    "histogram-sliders-control",
+    "histogram-from-slider",
+    "histogram-to-slider",
+    "histogram-label-wrapper",
+    "histogram-label",
+    "histogram-input-container",
+    "histogram-input-label",
+    "histogram-from-input",
+    "histogram-to-input",
+];
+
+const imagePartsList = [
+    "image",
+    "image-container",
+    "image-picture",
+    "image-placeholder",
+    "image-skeleton",
+    "image-link",
+    "content-card-image",
+    "content-card-image-container",
+    "content-card-image-picture",
+    "list-card-image",
+    "list-card-image-container",
+    "list-card-image-picture",
+];
+const productCardGeneralPartsList = [
+    "product-card",
+    "content-container",
+    "brand",
+    "product-type",
+    "currency",
+    "deeplink",
+    "title",
+    "basket-button",
+    "basket-button-container",
+    "update-button-item",
+    "product-card-actions",
+    "product-card-actions-top",
+    "favorite-button",
+    "discount-label",
+    "discount-percentage",
+    "product-images-pagination",
+    "product-images-pagination-bullet",
+    "product-images-pagination-bullet-active",
+];
+const energyLabelPartsList = [
+    "energy-label-container",
+    "energy-label-icon",
+    "energy-label-product-type",
+    "energy-label-data-sheet-link",
+];
+const customLabelPartsList = [
+    "custom-label-0",
+    "custom-label-1",
+    "custom-label-2",
+    "custom-label-3",
+    "custom-label-4",
+    "custom-label-content",
+    "custom-label-image",
+];
+const pricePartsList = [
+    "price-container",
+    "price-regular",
+    "price-sale",
+    "price-outdated",
+    "price-amount-regular",
+    "price-amount-sale",
+    "price-amount-outdated",
+    "price-amount-base-regular",
+    "price-amount-base-sale",
+    "price-amount-base-outdated",
+    "price-prefix",
+];
+const contentCardPartsList = [
+    "content-card",
+    "content-card-content-container",
+    "content-label",
+    "content-title",
+    "content-link",
+];
+const listCardPartsList = [
+    "list-card",
+    "list-card-content-container",
+    "list-label",
+    "list-title",
+];
+
+const suggestionsPartsList = [
+    "suggestions-container",
+    "suggestions-header",
+    "suggestions-icon",
+    "suggestions-title",
+    "suggestions-description",
+    "suggestions-wrapper",
+    "suggestions-list",
+    "suggestion-item",
+    "suggestion-link",
+    "suggestion-filter-button",
+];
+
+const makeExportPartsString = (...args) => args.flat().join(", ");
+const extendedFiltersParts = makeExportPartsString(extendedFiltersPartsList, histogramPartsList, generalFiltersPartsList, searchPartsList);
+const filtersParts = makeExportPartsString(filtersPartsList, histogramPartsList, generalFiltersPartsList);
+const selectedFiltersParts = makeExportPartsString(selectedFiltersPartsList, generalFiltersPartsList);
+const priceRangeParts = makeExportPartsString(histogramPartsList);
+const energyLabelParts = makeExportPartsString(energyLabelPartsList);
+const productCardsGridPart = "products";
+const imageParts = makeExportPartsString(imagePartsList);
+const productCardParts = makeExportPartsString(productCardGeneralPartsList, imagePartsList, pricePartsList, customLabelPartsList, energyLabelPartsList);
+const contentCardParts = makeExportPartsString(contentCardPartsList, imagePartsList);
+const listCardParts = makeExportPartsString(listCardPartsList, imagePartsList);
+const searchWidgetFilterParts = makeExportPartsString(extendedFiltersPartsList, filtersPartsList, histogramPartsList, searchPartsList, generalFiltersPartsList, selectedFiltersPartsList);
+const searchWidgetButtonParts = makeExportPartsString([
+    "upload-photo_button",
+    "start-camera_button",
+]);
+const searchBarParts = makeExportPartsString([
+    "text-search-input",
+    "text-search-button",
+    "speech-button",
+    "text-search-tooltip",
+    "text-search-container",
+]);
+const recommendationsParts = makeExportPartsString([
+    "recommendations-title",
+    "recommendations-subtitle",
+]);
+const carouselParts = makeExportPartsString([
+    "items-group",
+    "carousel-button",
+    "carousel-button-prev",
+    "carousel-button-next",
+    "recommendations-results",
+]);
+const modalParts = makeExportPartsString([
+    "results-title",
+    "close-button",
+    "secondary-action",
+]);
+const suggestionsParts = makeExportPartsString(suggestionsPartsList);
+const shopTheLookPartsList = [
+    "shop-the-look-upload-button",
+    "shop-the-look-upload-button-icon",
+    "shop-the-look-upload-button-text",
+];
+const shopTheLookParts = makeExportPartsString(shopTheLookPartsList);
+
 const extractFilterValue = (filterValue) => { var _a, _b; return (_b = (_a = filterValue.interval) !== null && _a !== void 0 ? _a : filterValue.value) !== null && _b !== void 0 ? _b : filterValue; };
 const valueToString = (val) => {
     if (val === null || val === undefined)
@@ -8593,7 +8786,7 @@ const encodeToBase64UTF8 = (str) => {
     return btoa(String.fromCharCode.apply(null, utf8Array));
 };
 
-const version = "2.212.0";
+const version = "2.212.1";
 
 const appStateGlobalDefaults = {
     excluded: null,
@@ -8865,29 +9058,47 @@ const makeAutoSuggestRequest = async (store, query, token, apiPath) => {
 exports._ArrayExports = _ArrayExports;
 exports.addIfNotEmpty = addIfNotEmpty;
 exports.campaignTypeNames = campaignTypeNames;
+exports.carouselParts = carouselParts;
 exports.checkDeviceType = checkDeviceType;
 exports.checkImageType = checkImageType;
+exports.contentCardParts = contentCardParts;
+exports.energyLabelParts = energyLabelParts;
+exports.extendedFiltersParts = extendedFiltersParts;
 exports.extractFilterValue = extractFilterValue;
+exports.filtersParts = filtersParts;
 exports.fold = fold;
 exports.fromString = fromString;
 exports.getAcceptableFileFormats = getAcceptableFileFormats;
 exports.getAcceptableFileFormatsForDisplay = getAcceptableFileFormatsForDisplay;
 exports.getImageSizes = getImageSizes;
 exports.imageFromFileTask = imageFromFileTask;
+exports.imageParts = imageParts;
 exports.isDesktop = isDesktop;
 exports.isIntervalMatch = isIntervalMatch;
 exports.isMobile = isMobile;
 exports.isValueMatch = isValueMatch;
+exports.listCardParts = listCardParts;
 exports.makeAutoSuggestRequest = makeAutoSuggestRequest;
 exports.makeProductListingPageRequest = makeProductListingPageRequest;
 exports.makeTextSearchRequest = makeTextSearchRequest;
 exports.makeUploadFileRequest = makeUploadFileRequest;
 exports.makeVisualSearchRequest = makeVisualSearchRequest;
+exports.modalParts = modalParts;
 exports.parseStringToExcluded = parseStringToExcluded;
+exports.priceRangeParts = priceRangeParts;
+exports.productCardParts = productCardParts;
+exports.productCardsGridPart = productCardsGridPart;
+exports.recommendationsParts = recommendationsParts;
 exports.resetStore = resetStore;
+exports.searchBarParts = searchBarParts;
 exports.searchState = searchState;
+exports.searchWidgetButtonParts = searchWidgetButtonParts;
+exports.searchWidgetFilterParts = searchWidgetFilterParts;
+exports.selectedFiltersParts = selectedFiltersParts;
 exports.setTextSearchQuery = setTextSearchQuery;
+exports.shopTheLookParts = shopTheLookParts;
 exports.shopTheLookState = shopTheLookState;
+exports.suggestionsParts = suggestionsParts;
 exports.toFile = toFile;
 exports.useSearchStore = useSearchStore;
 exports.valueToString = valueToString;

package/dist/cjs/vviinn-button_6.cjs.entry.js

@@ -2,13 +2,12 @@
 
 var index = require('./index-OrE9ITel.js');
 var store = require('./store-jPZ4ROqV.js');
-var search_store = require('./search.store-9aB2h6sP.js');
+var search_store = require('./search.store-C2rPzL3v.js');
 var customizedSlots = require('./customized-slots-CqOPLiML.js');
 var SecondaryActionIcon = require('./SecondaryActionIcon-BZg-ADIW.js');
-var index$2 = require('./index-Gr3ffb3S.js');
 var index$1 = require('./index-DLEDOlRe.js');
 var Rectangle = require('./Rectangle-7dF6_xf3.js');
-var index$3 = require('./index-CzqCGUTk.js');
+var index$2 = require('./index-CzqCGUTk.js');
 
 const CrossIcon = () => (index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     index.h("path", { d: "M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z", fill: "currentColor" })));
@@ -168,7 +167,7 @@ const VviinnModal = class {
         }, this.slider ? index$1.SIDEBAR_ANIMATION_DURATION : 0);
     }
     render() {
-        return (index.h(index.Host, { key: '2a16919fe88ccbb72795311fb6b8af471f043700', exportparts: index$2.modalParts, class: { closed: !this.active, "first-screen": this.isFirstScreen }, onAnimationEnd: this.handleAnimationEnd, role: "dialog", "aria-modal": this.active ? "true" : "false", "aria-label": store.instance.t("imageSearchModalTitle"), inert: !this.active ? true : undefined }, index.h("div", { key: 'c4fcf804eda5eb693d99af7feb00e3225ec7487e', class: "head" }, !this.hideBackButton && (index.h("button", { key: '4e9fd4c897201550c12718dda82b230381023b69', part: "secondary-action", onClick: () => {
+        return (index.h(index.Host, { key: '2a16919fe88ccbb72795311fb6b8af471f043700', exportparts: search_store.modalParts, class: { closed: !this.active, "first-screen": this.isFirstScreen }, onAnimationEnd: this.handleAnimationEnd, role: "dialog", "aria-modal": this.active ? "true" : "false", "aria-label": store.instance.t("imageSearchModalTitle"), inert: !this.active ? true : undefined }, index.h("div", { key: 'c4fcf804eda5eb693d99af7feb00e3225ec7487e', class: "head" }, !this.hideBackButton && (index.h("button", { key: '4e9fd4c897201550c12718dda82b230381023b69', part: "secondary-action", onClick: () => {
                 this.resetState();
                 this.resetTopScroll();
             }, "aria-label": store.instance.t("a11y.backButton") }, index.h(SecondaryActionIcon.SecondaryActionIcon, { key: '9c2669a30956cf13c3907c08cffc4f96b4ac9ab6' }))), index.h("div", { key: '6a035cd0270f40739e17290b6c71559e2edc88ee', class: "title", part: "results-title" }, renderTitleImage(search_store.searchState.image), index.h("slot", { key: 'f346c0bd895c16a4a6f1655977bfe59383968c74', name: "vviinn-image-search-modal-title" }, store.instance.t("imageSearchModalTitle"))), index.h("button", { key: 'eee9e1c6721a87ca543d9d4167a41a2ce4b895b3', onClick: () => this.close(), onKeyDown: this.handleCloseButtonKeyDown, class: "close-button", part: "close-button", "aria-label": store.instance.t("a11y.closeButton") }, index.h("svg", { key: '62b14679a4830b11c616a4a1ef3be8cb102a476e', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '239b466c878e112d8b47f23982f856718fe1150c', d: "M12 13.3892L6.91958 18.4696C6.72248 18.6667 6.49095 18.7653 6.225 18.7653C5.95905 18.7653 5.72753 18.6667 5.53043 18.4696C5.33333 18.2725 5.23478 18.041 5.23478 17.775C5.23478 17.5091 5.33333 17.2776 5.53043 17.0805L10.6109 12L5.53043 6.9196C5.33333 6.7225 5.23478 6.49098 5.23478 6.22503C5.23478 5.95908 5.33333 5.72755 5.53043 5.53045C5.72753 5.33335 5.95905 5.2348 6.225 5.2348C6.49095 5.2348 6.72248 5.33335 6.91958 5.53045L12 10.6109L17.0804 5.53045C17.2775 5.33335 17.5091 5.2348 17.775 5.2348C18.041 5.2348 18.2725 5.33335 18.4696 5.53045C18.6667 5.72755 18.7652 5.95908 18.7652 6.22503C18.7652 6.49098 18.6667 6.7225 18.4696 6.9196L13.3892 12L18.4696 17.0805C18.6667 17.2776 18.7652 17.5091 18.7652 17.775C18.7652 18.041 18.6667 18.2725 18.4696 18.4696C18.2725 18.6667 18.041 18.7653 17.775 18.7653C17.5091 18.7653 17.2775 18.6667 17.0804 18.4696L12 13.3892Z", fill: "currentColor" })))), index.h("div", { key: 'd9d9be37267bf710b9b02ba54a8970cc7a3dae44', class: "body" }, index.h("slot", { key: '21d2d31cdc4350c170898f9572cf64b1de06d795' }))));
@@ -347,17 +346,17 @@ const RecommendationsSidebar = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '2cf545a29af3fd149f641aa100801fcd349b4516', class: this.getClassMap(), style: { display: this.hidden ? "none" : undefined }, exportparts: `body, close-sidebar, ${index$2.carouselParts}, ${index$2.productCardParts}, ${index$2.recommendationsParts}` }, index.h("div", { key: '8ac4156205b9cc1d882446c18614d65e6fd8175d', class: "sidebar", part: "body", onAnimationEnd: (e) => this.handleAnimationEnd(e), role: this.showInModal ? "dialog" : "region", "aria-modal": this.showInModal ? "true" : undefined, "aria-label": store.instance.t("a11y.recommendations") }, index.h("div", { key: '5e85352bc685fc962b9b044522108230160046c4', class: {
+        return (index.h(index.Host, { key: 'fa22d68e16838a5453bd0de3df7e287469badb5d', class: this.getClassMap(), style: { display: this.hidden ? "none" : undefined }, exportparts: `body, close-sidebar, ${search_store.carouselParts}, ${search_store.productCardParts}, ${search_store.recommendationsParts}` }, index.h("div", { key: '6a6a949b44787b562eeb93d15f836f2861b37bf4', class: "sidebar", part: "body", onAnimationEnd: (e) => this.handleAnimationEnd(e), role: this.showInModal ? "dialog" : "region", "aria-modal": this.showInModal ? "true" : undefined, "aria-label": store.instance.t("a11y.recommendations") }, index.h("div", { key: '9a789c39fcbeabaddcd74821c087082e31027097', class: {
                 "sidebar-header": true,
                 "contains-source-img": this.isSourceImageValid(),
-            }, part: "sidebar-header" }, this.mode !== "set" && (index.h(index.Fragment, { key: '20b8981d25d2f06f0bffa23a9a7293c11d88b934' }, this.renderSourceImage(), ((_a = this.sidebarTitle) === null || _a === void 0 ? void 0 : _a.length) !== 0 && (index.h("span", { key: 'be041579d0d87f73aea33c7768913ac6efc010bb', class: "title", part: "recommendations-title" }, this.sidebarTitle || store.instance.t("discoveryWidgetTitle"))), !!this.sidebarSubtitle && (index.h("span", { key: 'ae628b0ab14dd1927b84bb01e1643bbf096efe84', class: "subtitle", part: "recommendations-subtitle" }, this.sidebarSubtitle)))), index.h("button", { key: '7b0be2181b0ae95033ef4ffb1b989badc24588c0', class: "close-sidebar", onClick: () => {
+            }, part: "sidebar-header" }, this.mode !== "set" && (index.h(index.Fragment, { key: '1567f0dc6dd89dc24f1856d19841b835e147fdbd' }, this.renderSourceImage(), ((_a = this.sidebarTitle) === null || _a === void 0 ? void 0 : _a.length) !== 0 && (index.h("span", { key: '8b15728814f88c18c472cad3cbe53bd564a1e9d2', class: "title", part: "recommendations-title" }, this.sidebarTitle || store.instance.t("discoveryWidgetTitle"))), !!this.sidebarSubtitle && (index.h("span", { key: 'bae0890e349463309352336bc190c6688c03bd92', class: "subtitle", part: "recommendations-subtitle" }, this.sidebarSubtitle)))), index.h("button", { key: '4b68bed07f7021a18d89c8e974470c6654d64cf2', class: "close-sidebar", onClick: () => {
                 this.sidebarState = "closed";
             }, onKeyDown: (event) => {
                 if (event.key === "Enter" || event.key === " ") {
                     event.preventDefault();
                     this.sidebarState = "closed";
                 }
-            }, part: "close-sidebar", "aria-label": store.instance.t("a11y.closeButton") }, index.h(CrossIcon, { key: '6f09b5bdf0ee86239dd5116c0738b88969d96cb7' }))), index.h("div", { key: '0b80f21bb14713431824f2a5ad019413685e0898', class: "sidebar-content", part: "sidebar-content" }, index.h("vviinn-vpr-widget", { key: 'f17f291e1af89f801bdd417e675a1f89a8333746', token: this.token, currencySign: this.currencySign, pricePrefix: this.pricePrefix, apiPath: this.apiPath, locale: this.locale, numberLocale: this.numberLocale, productId: this.productId, exportparts: `${index$2.carouselParts}, ${index$2.productCardParts}, ${index$2.recommendationsParts}`, imageWidth: this.imageWidth, showMultipleImages: this.showMultipleImages, setItemsAmount: this.setItemsAmount, blockTitle: this.mode !== "set" ? "" : this.sidebarTitle, blockSubtitle: this.mode === "set" ? this.sidebarSubtitle : undefined, mode: this.mode, "campaign-type": this.campaignType, useCarousel: this.useCarousel, onVviinnRecommendationsLoaded: () => {
+            }, part: "close-sidebar", "aria-label": store.instance.t("a11y.closeButton") }, index.h(CrossIcon, { key: '47a915a15394f7c76edda5268858dc797d3edad3' }))), index.h("div", { key: '56d7f788b1537b351c9502d790b4425cce11fa6b', class: "sidebar-content", part: "sidebar-content" }, index.h("vviinn-vpr-widget", { key: '8fc47c60c4235a83a8dc949659b356d32839e462', token: this.token, currencySign: this.currencySign, pricePrefix: this.pricePrefix, apiPath: this.apiPath, locale: this.locale, numberLocale: this.numberLocale, productId: this.productId, exportparts: `${search_store.carouselParts}, ${search_store.productCardParts}, ${search_store.recommendationsParts}`, imageWidth: this.imageWidth, showMultipleImages: this.showMultipleImages, setItemsAmount: this.setItemsAmount, blockTitle: this.mode !== "set" ? "" : this.sidebarTitle, blockSubtitle: this.mode === "set" ? this.sidebarSubtitle : undefined, mode: this.mode, "campaign-type": this.campaignType, useCarousel: this.useCarousel, onVviinnRecommendationsLoaded: () => {
                 this.hidden = false;
                 this.sidebarState = "open";
             }, showScroll: this.widgetScrollbar, campaigns: this.campaigns, color: this.color, buttonElementId: this.buttonElementId, noResultText: this.noResultText, noResultShow: this.noResultShow, gridArrowsDynamic: this.gridArrowsDynamic, showingInButton: this.showingInButton, excluded: this.excluded, productDetailsNewTab: this.productDetailsNewTab, productDetailsRedirect: this.productDetailsRedirect, closed: this.sidebarState === "closed", opened: this.sidebarState === "open", addToBasketShow: this.addToBasketShow, cssUrl: this.cssUrl, showFilters: this.showFilters, setModeDiscounts: this.setModeDiscounts, updateButtonLocation: this.updateButtonLocation, addPriceContainer: this.addPriceContainer, favoriteShow: this.favoriteShow, isAppended: this.isAppended, showInWidget: this.showInWidget, recommendationsLoading: this.recommendationsLoading, setRecommendationsLoading: this.setRecommendationsLoading, imageResolutionWidth: this.imageResolutionWidth, uiSessionId: this.uiSessionId })))));
@@ -505,7 +504,7 @@ const VviinnVprButton = class {
         });
     }
     async componentWillLoad() {
-        await index$3.initializeLocale(this.locale);
+        await index$2.initializeLocale(this.locale);
         if (this.appendSidebarToElement) {
             this.targetAppendSidebarTo = this.appendSidebarToElement;
         }
@@ -527,7 +526,7 @@ const VviinnVprButton = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a25fa1536705a4d670cb70a8719e896e7cecccae', role: "button", tabindex: "0", "aria-label": this.getAriaLabel(), onClick: this.handleButtonClick, onKeyDown: this.handleKeyDown }, index.h("vviinn-button", { key: '4ab0c31a22292bff13df9f90d0ebd14180c83017', addStyle: this.addStyle, part: "vviinn-button" }, index.h("slot", { key: '36c972e0d66068978f6354905fce39953160bb06' }, this.campaignType === "VCS" ? (index.h(CrossSellingIcon, { width: this.iconSideSize, height: this.iconSideSize })) : (index.h(SimilarProductsIcon, { width: this.iconSideSize, height: this.iconSideSize }))))));
+        return (index.h(index.Host, { key: 'e1d8ff31a915dc5aef78838bd4f84e2e416b0953', role: "button", tabindex: "0", "aria-label": this.getAriaLabel(), onClick: this.handleButtonClick, onKeyDown: this.handleKeyDown }, index.h("vviinn-button", { key: 'b5178a6135d508c7b1f04ab159e7c8117ee986af', addStyle: this.addStyle, part: "vviinn-button" }, index.h("slot", { key: '882bd8cfa3a809e99bb4a1162e8988d49b327113' }, this.campaignType === "VCS" ? (index.h(CrossSellingIcon, { width: this.iconSideSize, height: this.iconSideSize })) : (index.h(SimilarProductsIcon, { width: this.iconSideSize, height: this.iconSideSize }))))));
     }
     handleClick() {
         const sidebar = document.createElement("vviinn-recommendations-sidebar");

package/dist/cjs/vviinn-camera_12.cjs.entry.js

@@ -2,16 +2,15 @@
 
 var index = require('./index-OrE9ITel.js');
 var Rectangle = require('./Rectangle-7dF6_xf3.js');
-var search_store = require('./search.store-9aB2h6sP.js');
+var search_store = require('./search.store-C2rPzL3v.js');
 var customizedSlots = require('./customized-slots-CqOPLiML.js');
-var index$1 = require('./index-GQsCGYnk.js');
+var index$1 = require('./index-CJKVHgfb.js');
 var store = require('./store-jPZ4ROqV.js');
 var cropperUtils = require('./cropperUtils-DCDOLeBS.js');
 var index$2 = require('./index-DLEDOlRe.js');
 var openProductLink = require('./openProductLink-BFiXVr4M.js');
 var index$3 = require('./index-CzqCGUTk.js');
 var resultsPageUrl = require('./resultsPageUrl-BMlvrFCW.js');
-var index$4 = require('./index-Gr3ffb3S.js');
 var constants = require('./constants-DHaugTOE.js');
 
 const CameraActionIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
@@ -985,10 +984,10 @@ const VviinnResults = class {
         return (index.h(index.Host, { key: 'cbc6688ddadd320131e6610854493d91541d9ea3', id: "results-block", class: {
                 "show-in-widget": this.showInWidget,
                 "matching-discovery": this.oneClickDiscoveryMode === "append-slider",
-            }, exportparts: `${index$4.productCardParts}, ${index$4.listCardParts}, ${index$4.contentCardParts}, ${index$4.productCardsGridPart}` }, openProductLink.renderExternalCSS(this.cssUrl), index.h("div", { key: 'c70ea00ced61c2f50bcb8314346977b09e0fdce0', class: "nothing-found" }, this.getCurrentErrorType() && (index.h("vviinn-error", { key: '908f97bf1a2c79165b7b1dbf786c4ca3ec6ed70a', errorType: this.getCurrentErrorType(), handler: this.resetWidgetState, hasBackground: this.showInWidget, searchType: this.state.searchType }))), index.h("div", { key: 'c15b9d924297ddc660f332670d7cc6c433095dbb', class: {
+            }, exportparts: `${search_store.productCardParts}, ${search_store.listCardParts}, ${search_store.contentCardParts}, ${search_store.productCardsGridPart}` }, openProductLink.renderExternalCSS(this.cssUrl), index.h("div", { key: 'c70ea00ced61c2f50bcb8314346977b09e0fdce0', class: "nothing-found" }, this.getCurrentErrorType() && (index.h("vviinn-error", { key: '908f97bf1a2c79165b7b1dbf786c4ca3ec6ed70a', errorType: this.getCurrentErrorType(), handler: this.resetWidgetState, hasBackground: this.showInWidget, searchType: this.state.searchType }))), index.h("div", { key: 'c15b9d924297ddc660f332670d7cc6c433095dbb', class: {
                 hidden: this.showAspectRatioError || resultsLength === 0,
                 products: true,
-            }, part: index$4.productCardsGridPart, id: "vviinn-results-products" }, resultsLength > 0 && this.renderResults(), index.h("div", { key: '349d582923921efb41b9a700df47852feb82a3eb', id: "one-click-discovery-append", style: {
+            }, part: search_store.productCardsGridPart, id: "vviinn-results-products" }, resultsLength > 0 && this.renderResults(), index.h("div", { key: '349d582923921efb41b9a700df47852feb82a3eb', id: "one-click-discovery-append", style: {
                 order: ((_a = this.oneClickDiscoveryAppendIndex) !== null && _a !== void 0 ? _a : resultsLength).toString(),
             } }))));
     }
@@ -1197,7 +1196,7 @@ const VviinnSelectedFilters = class {
             return null;
         return (index.h(index.Host, { class: {
                 "show-in-widget": this.showInWidget,
-            }, exportParts: index$4.selectedFiltersParts }, index.h("div", { ref: (el) => (this.filterAnnouncementRef = el), "aria-live": "polite", class: "sr-only" }), index.h("section", { class: "selected-filters-container", "aria-label": store.instance.t("a11y.selectedFilters") }, index.h("ul", { class: "selected-filters-wrapper", part: "selected-filters-list" }, RenderCustomButton({
+            }, exportParts: search_store.selectedFiltersParts }, index.h("div", { ref: (el) => (this.filterAnnouncementRef = el), "aria-live": "polite", class: "sr-only" }), index.h("section", { class: "selected-filters-container", "aria-label": store.instance.t("a11y.selectedFilters") }, index.h("ul", { class: "selected-filters-wrapper", part: "selected-filters-list" }, RenderCustomButton({
             label: this.textSearchCustomFilter,
             buttonType: "text",
             hidden: !((_a = this.textSearchCustomFilter) === null || _a === void 0 ? void 0 : _a.length) || this.showInWidget,
@@ -1235,7 +1234,7 @@ const VviinnSlide = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '2d5ee5c1950ab0e637f1d0251e2986e2378d4cc8' }, index.h("slot", { key: 'd1c5516c3d04251390a1e475f82fa027c705723e' })));
+        return (index.h(index.Host, { key: '133a498cc9bacc4be222f7bc10aab41581e81f1a' }, index.h("slot", { key: '4c6793ca181403a57e378b9212d341cdfe2c529c' })));
     }
 };
 VviinnSlide.style = vviinnSlideCss;
@@ -1280,7 +1279,7 @@ const VviinnSlider = class {
         return this.isRTL ? position * -1 : position;
     }
     render() {
-        return (index.h(index.Host, { key: '51c6a8c141fa1519709c931c4d82d7554ec10148' }, index.h("div", { key: '6210f9b62d8c4e27d2e9b07f9a45030b43365101', class: "items-wrapper" }, index.h("div", { key: 'e72e070c9a9b9a48cf63ba9b2cf11d267a1fad83', class: "items" }, index.h("slot", { key: '71621c580adbc56c8e2662827c42ef7a53ab66f9' })))));
+        return (index.h(index.Host, { key: 'cae995bbfc00ab993963b12e219ca9e7d1b88a10' }, index.h("div", { key: 'ef4812aaa71a522c8bd038596d5f3d4b8e068057', class: "items-wrapper" }, index.h("div", { key: '56796be36f776337632f02b6b0e3cf034e36c0a7', class: "items" }, index.h("slot", { key: '6f9d9f5a6d6a8abb27689e7d5c724bb0a696659d' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1589,7 +1588,7 @@ const VviinnSuggestions = class {
         }
         return (index.h(index.Host, { class: {
                 "show-in-widget": this.showInWidget,
-            }, exportparts: index$4.suggestionsParts }, index.h("div", { class: "container", part: "suggestions-container" }, index.h("div", { class: "header", part: "suggestions-header" }, index.h("div", { class: "icon", part: "suggestions-icon" }, index.h("slot", { name: "vviinn-suggestions-icon" }, index.h(SparkIcon, null))), index.h("h3", { class: "title", part: "suggestions-title" }, index.h("slot", { name: "vviinn-suggestions-title" }, store.instance.t("suggestions.title")))), index.h("div", { class: "description", part: "suggestions-description" }, index.h("slot", { name: "vviinn-suggestions-description" }, store.instance.t("suggestions.description"))), index.h("div", { class: "suggestions-wrapper", part: "suggestions-wrapper" }, this.renderStreamItems()))));
+            }, exportparts: search_store.suggestionsParts }, index.h("div", { class: "container", part: "suggestions-container" }, index.h("div", { class: "header", part: "suggestions-header" }, index.h("div", { class: "icon", part: "suggestions-icon" }, index.h("slot", { name: "vviinn-suggestions-icon" }, index.h(SparkIcon, null))), index.h("h3", { class: "title", part: "suggestions-title" }, index.h("slot", { name: "vviinn-suggestions-title" }, store.instance.t("suggestions.title")))), index.h("div", { class: "description", part: "suggestions-description" }, index.h("slot", { name: "vviinn-suggestions-description" }, store.instance.t("suggestions.description"))), index.h("div", { class: "suggestions-wrapper", part: "suggestions-wrapper" }, this.renderStreamItems()))));
     }
     get el() { return index.getElement(this); }
 };
@@ -1605,7 +1604,7 @@ const VviinnTeaser = class {
         customizedSlots.slotChangeListener(this, this.el);
     }
     render() {
-        return (index.h(index.Host, { key: '298e8ba65a9e3400a819a6fb204a1bcc35680ddf' }, index.h("slot", { key: 'b7e9a6eec09dfc7af4930281aa8fe183b5fd35b6' }, index.h("span", { key: '5c5f1c26d4f904e9afc646386e1c3018115d695e', class: "vviinn-teaser-text" }, index.h("slot", { key: '3d6c84a1c259715069709172ebe680bf74bb8565', name: "vviinn-teaser-text" }, store.instance.t("teaserText"))))));
+        return (index.h(index.Host, { key: '8a000f0c33266514f8665f595f5de4e3be66a92a' }, index.h("slot", { key: '5d6f646a3efc56a7a8f69b299e550685763f3d58' }, index.h("span", { key: 'b044024aab57627bd5a7236c6cb8f170b6a18d9c', class: "vviinn-teaser-text" }, index.h("slot", { key: '41dbdef5be7ce19a88c34521b94332de7a2c0b21', name: "vviinn-teaser-text" }, store.instance.t("teaserText"))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -2050,31 +2049,31 @@ const VviinnVpsWidget = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h(index.Host, { key: 'cd45bc93b9b868cfc35fc18bcd5bec69dcd9f826', exportparts: `${index$4.modalParts}, ${index$4.productCardParts}, ${index$4.searchBarParts}, ${index$4.searchWidgetFilterParts}, ${index$4.searchWidgetButtonParts}, ${index$4.productCardsGridPart}, ${index$4.suggestionsParts}` }, openProductLink.renderExternalCSS(this.cssUrl), !this.showingInButton && customizedSlots.SlotSkeleton("search"), index.h("vviinn-overlayed-modal", { key: '2c6ccca4299fe85041d6782df9a72ae64666bcd7', class: { "first-screen": this.isOnboardingSlide() }, isFirstScreen: this.isOnboardingSlide(), active: this.active, resetState: this.resetState, onVviinnWidgetClose: ({ detail }) => {
+        return (index.h(index.Host, { key: '8444fbf2dc3b908bcb3157a858181dbd8350188b', exportparts: `${search_store.modalParts}, ${search_store.productCardParts}, ${search_store.searchBarParts}, ${search_store.searchWidgetFilterParts}, ${search_store.searchWidgetButtonParts}, ${search_store.productCardsGridPart}, ${search_store.suggestionsParts}` }, openProductLink.renderExternalCSS(this.cssUrl), !this.showingInButton && customizedSlots.SlotSkeleton("search"), index.h("vviinn-overlayed-modal", { key: '9aa7b49e88664d153349628df6dc2c72617cf101', class: { "first-screen": this.isOnboardingSlide() }, isFirstScreen: this.isOnboardingSlide(), active: this.active, resetState: this.resetState, onVviinnWidgetClose: ({ detail }) => {
                 if (detail.campaignTypeId !== "VPR")
                     this.handleModalClose();
             }, buttonElementId: (_a = this.buttonElementId) !== null && _a !== void 0 ? _a : this.widgetElementId, widgetVersion: search_store.version, hideBackButton: this.mode === "upload" ||
-                (!this.isCameraEnabled && this.isOnboardingSlide()) }, index.h("vviinn-slider", { key: 'cca5cd513168ba224fe09fdf8e898e122ca7b141', position: this.slidePosition }, index.h("vviinn-slide", { key: '7c6dde89e4c18219db0f440bade44b476888524a', class: {
+                (!this.isCameraEnabled && this.isOnboardingSlide()) }, index.h("vviinn-slider", { key: '5555d2c33c5752b76cfcc127a1d8eccc644e4927', position: this.slidePosition }, index.h("vviinn-slide", { key: 'ab3f9db5f3154ec722280c294a8066a4e2bfa7a6', class: {
                 "start-page": true,
                 "camera-enabled": this.isCameraEnabled,
-            } }, index.h("vviinn-camera", { key: 'f0a557055e1609338850c0c09b4d07537b6d6c68', token: this.token, onVviinnImageUploadFinished: ({ detail }) => this.handleVviinnImageUploadFinished(detail), onVviinnImageUploadStarted: () => {
+            } }, index.h("vviinn-camera", { key: '4132333020399b68cbfd775579bdd6bdef2a5972', token: this.token, onVviinnImageUploadFinished: ({ detail }) => this.handleVviinnImageUploadFinished(detail), onVviinnImageUploadStarted: () => {
                 this.handleVviinnImageUpload("startCamera");
-            }, apiPath: this.apiPath, basicEventData: this.getBasicEventData(), srcObject: this.stream, cameraButtonClicked: this.isCameraButtonClicked, exampleImageSource: this.exampleImageSource, showInWidget: this.showInWidget, storeName: this.storeName, state: this.state }), index.h("div", { key: '06e1085cc39ca3c3404bae08306f74e1ff2585e6', class: {
+            }, apiPath: this.apiPath, basicEventData: this.getBasicEventData(), srcObject: this.stream, cameraButtonClicked: this.isCameraButtonClicked, exampleImageSource: this.exampleImageSource, showInWidget: this.showInWidget, storeName: this.storeName, state: this.state }), index.h("div", { key: '613f97526ac01ef992e7b46edc8a8abc5406a8ad', class: {
                 error: this.haveErrors(),
-            }, id: "start-page_block" }, index.h("div", { key: '5fa4b3266e190d63672e6a31144499e889c1c8ac', class: "start-page_main-content" }, (this.wrongImageFormat ||
-            this.state.searchStatus === "error") && (index.h("div", { key: 'f08bd2e2cf8ea1fcada94017dc0453739c89ee28', class: "start-page_errors-block" }, this.getCurrentErrorType() && (index.h("vviinn-error", { key: '1f70fad1fc3e5df8f1ccf5b3f3bfaa8b874c391a', errorType: this.getCurrentErrorType(), handler: this.resetState, hasBackground: true, searchType: this.state.searchType })))), !this.haveErrors() && (index.h(index.Fragment, { key: 'aa5aa10d6c50c9fa036fc54074e9f53bde250669' }, index.h("vviinn-teaser", { key: '8bf24fad08fd91de155ebf7ed3be65a578c1f594' }), index.h("div", { key: 'e602f1e9c3605e7dbe5dc6e500cf63b583144760', class: "buttons-group" }, this.renderButtons()), this.textSearchShow && !this.isResultSlide() && (index.h("vviinn-text-search", { key: '1933cdc67387ac5feedce4c9c91420aa1ce30219', token: this.token, apiPath: this.apiPath, locale: this.locale, showInWidget: this.showInWidget, showOnFirstScreen: true, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), resultsPageUrl: this.resultsPageUrl, "save-image-mode": "never" }))))), index.h("vviinn-privacy-badge", { key: 'a71f4ccc6e4d384f601bbb0925c414674ccb6ff3', privacyBadgeText: store.instance.t("privacyBadgeText", {
+            }, id: "start-page_block" }, index.h("div", { key: 'ea52f2ae04cea14d97e85bf7a85a5723612f1f99', class: "start-page_main-content" }, (this.wrongImageFormat ||
+            this.state.searchStatus === "error") && (index.h("div", { key: '9e50eb0c0076cf4050aa467fec5c4b4573b11d46', class: "start-page_errors-block" }, this.getCurrentErrorType() && (index.h("vviinn-error", { key: '3189460853d238f83c46296903e5f9d065ba6f01', errorType: this.getCurrentErrorType(), handler: this.resetState, hasBackground: true, searchType: this.state.searchType })))), !this.haveErrors() && (index.h(index.Fragment, { key: '2475b689b7579482c01c6b04a48e1159413dd1cd' }, index.h("vviinn-teaser", { key: 'ebb5f4e35ed267e7ba3d8b49b03f73a461c27d27' }), index.h("div", { key: '3f2d54f77f95ad31be7fd8ec323e94596b1622e5', class: "buttons-group" }, this.renderButtons()), this.textSearchShow && !this.isResultSlide() && (index.h("vviinn-text-search", { key: 'ff09bf929753d9084e972dd2f930d5134e01f560', token: this.token, apiPath: this.apiPath, locale: this.locale, showInWidget: this.showInWidget, showOnFirstScreen: true, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), resultsPageUrl: this.resultsPageUrl, "save-image-mode": "never" }))))), index.h("vviinn-privacy-badge", { key: 'edebc0306e427f909aae3b1030161d55b21b294d', privacyBadgeText: store.instance.t("privacyBadgeText", {
                 interpolation: { escapeValue: false },
-            }), class: { invisible: this.haveErrors() } }))), index.h("vviinn-slide", { key: '1e7c104ca01eb84fed91d755c9108c25f4784b9f', class: {
+            }), class: { invisible: this.haveErrors() } }))), index.h("vviinn-slide", { key: 'da9927be08d35d9835a040f4d1f3f790dfe1a92c', class: {
                 "results-page": true,
                 active: this.isResultSlide(),
-            } }, this.isResultSlide() && (index.h("div", { key: '3b7f8ea86343a2395425b3b42ba8a17f6ad292d8', class: "source-wrapper" }, this.isTextSearch() && (index.h("vviinn-text-search", { key: 'e86e219a7910bc85d3b8cdc6f1abad1c776a96a5', token: this.token, showInWidget: this.showInWidget, apiPath: this.apiPath, locale: this.locale, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), resultsPageUrl: this.resultsPageUrl, "save-image-mode": "never" })), !this.isTextSearch() && (index.h("vviinn-cropper", { key: 'b913671688b41a0b2e8df40db71c8e7834eac21f', token: this.token, basicEventData: this.getBasicEventData(), showAspectRatioError: this.showAspectRatioError, apiPath: this.apiPath, showInWidget: this.showInWidget, "save-image-mode": "never" })), this.isTextSearch() && (index.h("vviinn-suggestions", { key: '09b126110ab07405cc06c36193f373cebc54d0aa', showInWidget: this.showInWidget, token: this.token, apiPath: this.apiPath, locale: this.locale })), index.h("vviinn-selected-filters", { key: '89118b28a095e7b1bf421a3eb1d444164adc500e', locale: this.locale, currencySign: this.currencySign, showInWidget: this.showInWidget, exportparts: index$4.filtersParts }), ((_b = this.state.dynamicFilters) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("div", { key: '479e92b3aadf8b336f32258e793c6631f2c876de', class: {
+            } }, this.isResultSlide() && (index.h("div", { key: '5d1a8203c8b0cd9cd8debb4ce1e72e45e646510b', class: "source-wrapper" }, this.isTextSearch() && (index.h("vviinn-text-search", { key: '00d954ea2a6b81b7585dbacae12fb668c60055e3', token: this.token, showInWidget: this.showInWidget, apiPath: this.apiPath, locale: this.locale, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), resultsPageUrl: this.resultsPageUrl, "save-image-mode": "never" })), !this.isTextSearch() && (index.h("vviinn-cropper", { key: '959e97ef2a702134b866a7c96c76f6e3f11ccbd6', token: this.token, basicEventData: this.getBasicEventData(), showAspectRatioError: this.showAspectRatioError, apiPath: this.apiPath, showInWidget: this.showInWidget, "save-image-mode": "never" })), this.isTextSearch() && (index.h("vviinn-suggestions", { key: '7200e5fb3b24534f536fe0f41c6d8bbaacfc4a2a', showInWidget: this.showInWidget, token: this.token, apiPath: this.apiPath, locale: this.locale })), index.h("vviinn-selected-filters", { key: '790143c772e0cfca476e6754968ba050523f46b8', locale: this.locale, currencySign: this.currencySign, showInWidget: this.showInWidget, exportparts: search_store.filtersParts }), ((_b = this.state.dynamicFilters) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("div", { key: '47f1752123d437d6c45dd1f4a9b2f365f16e6b80', class: {
                 "filters-wrapper": true,
                 hidden: this.showAspectRatioError,
-            } }, index.h("vviinn-filters", { key: '48ba395ef5e2ef6b6cf282e59d40e54e06452353', showInWidget: this.showInWidget, showIntervalInputs: this.showIntervalInputs }), index.h("vviinn-extended-filters", { key: '7e159ccbd9fe839d14b7a1ce1ea56d723e7a51db', mode: "preview", showHeader: false, showInWidget: this.showInWidget, locale: this.locale, currencySign: this.currencySign, showIntervalInputs: this.showIntervalInputs }), index.h("vviinn-extended-filters-button", { key: '8bc9fd3fb8374b6a2b4194531221ab63daee3745', class: {
+            } }, index.h("vviinn-filters", { key: '46a06ee798ae83a9a8798d95c8f9c601bb7adad0', showInWidget: this.showInWidget, showIntervalInputs: this.showIntervalInputs }), index.h("vviinn-extended-filters", { key: '792d8b2258ffc4e4f5bbdabf176c4e8f0e667c35', mode: "preview", showHeader: false, showInWidget: this.showInWidget, locale: this.locale, currencySign: this.currencySign, showIntervalInputs: this.showIntervalInputs }), index.h("vviinn-extended-filters-button", { key: '58561263accf2717b5b65ae3b3b03d8030e0484e', class: {
                 "extended-filters-button": true,
                 "has-primary-filters": this.state.dynamicFilters.filter((f) => f.isPrimary)
                     .length > 0,
-            }, showInWidget: this.showInWidget }))))), this.isResultSlide() && (index.h(index.Fragment, { key: 'ec1ae1b8870a8806053dc2501bdea376180ee4d9' }, index.h("vviinn-results", { key: 'a2d76a85ca2b5f13a4db1ca85b761ceb97dde6c5', token: this.token, locale: this.locale, numberLocale: this.numberLocale, pricePrefix: this.pricePrefix, "currency-sign": this.currencySign, apiPath: this.apiPath, campaignIdTextSearch: this.campaignIdTextSearch, campaignIdVisualSearch: this.campaignIdVisualSearch, uiSessionId: this.uiSessionId, widgetElementId: (_c = this.buttonElementId) !== null && _c !== void 0 ? _c : this.widgetElementId, showInWidget: this.showInWidget, buttonElementId: this.buttonElementId, imageResolutionWidth: this.imageResolutionWidth, showMultipleImages: this.showMultipleImages, productDetailsNewTab: this.productDetailsNewTab, productDetailsRedirect: this.productDetailsRedirect, addToBasketShow: this.addToBasketShow, favoriteShow: this.favoriteShow, showAspectRatioError: this.showAspectRatioError, resetWidgetState: this.resetState, replaceSlotsContentInWidget: this.replaceSlotsContent.bind(this), replaceSlotsContentInButton: this.replaceSlotsContentInButton, addPriceContainer: this.addPriceContainer, oneClickDiscoveryMode: this.oneClickDiscoveryMode, oneClickDiscoveryCampaigns: this.oneClickDiscoveryCampaigns, parentSlots: [...this.parentSlots, ...this.slots], scrollableModalBody: this.modalBody }))))), index.h("vviinn-extended-filters", { key: 'b9c4942ef6b182c7b7af4064fcbe0f0fbc4368ad', class: "modal-extended-filters", mode: "modal", exportparts: index$4.extendedFiltersParts, showInWidget: this.showInWidget, locale: this.locale, currencySign: this.currencySign, showIntervalInputs: this.showIntervalInputs }))));
+            }, showInWidget: this.showInWidget }))))), this.isResultSlide() && (index.h(index.Fragment, { key: '290e45bc40ab2b2aa91b3bfb8e5ebe30a00f0ecb' }, index.h("vviinn-results", { key: 'ea51b34e658a4fb544dba7107ad203e3067ac541', token: this.token, locale: this.locale, numberLocale: this.numberLocale, pricePrefix: this.pricePrefix, "currency-sign": this.currencySign, apiPath: this.apiPath, campaignIdTextSearch: this.campaignIdTextSearch, campaignIdVisualSearch: this.campaignIdVisualSearch, uiSessionId: this.uiSessionId, widgetElementId: (_c = this.buttonElementId) !== null && _c !== void 0 ? _c : this.widgetElementId, showInWidget: this.showInWidget, buttonElementId: this.buttonElementId, imageResolutionWidth: this.imageResolutionWidth, showMultipleImages: this.showMultipleImages, productDetailsNewTab: this.productDetailsNewTab, productDetailsRedirect: this.productDetailsRedirect, addToBasketShow: this.addToBasketShow, favoriteShow: this.favoriteShow, showAspectRatioError: this.showAspectRatioError, resetWidgetState: this.resetState, replaceSlotsContentInWidget: this.replaceSlotsContent.bind(this), replaceSlotsContentInButton: this.replaceSlotsContentInButton, addPriceContainer: this.addPriceContainer, oneClickDiscoveryMode: this.oneClickDiscoveryMode, oneClickDiscoveryCampaigns: this.oneClickDiscoveryCampaigns, parentSlots: [...this.parentSlots, ...this.slots], scrollableModalBody: this.modalBody }))))), index.h("vviinn-extended-filters", { key: 'c9e52164f2c85365818ceeb3ee7613385c759b1d', class: "modal-extended-filters", mode: "modal", exportparts: search_store.extendedFiltersParts, showInWidget: this.showInWidget, locale: this.locale, currencySign: this.currencySign, showIntervalInputs: this.showIntervalInputs }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/vviinn-carousel_10.cjs.entry.js

@@ -1,14 +1,13 @@
 'use strict';
 
 var index = require('./index-OrE9ITel.js');
-var search_store = require('./search.store-9aB2h6sP.js');
+var search_store = require('./search.store-C2rPzL3v.js');
 var Rectangle = require('./Rectangle-7dF6_xf3.js');
 var store = require('./store-jPZ4ROqV.js');
-var index$2 = require('./index-GQsCGYnk.js');
+var index$2 = require('./index-CJKVHgfb.js');
 var index$1 = require('./index-DLEDOlRe.js');
 var customizedSlots = require('./customized-slots-CqOPLiML.js');
-var index$3 = require('./index-Gr3ffb3S.js');
-var index$4 = require('./index-CzqCGUTk.js');
+var index$3 = require('./index-CzqCGUTk.js');
 var swiperElement = require('./swiper-element-CY759uFL.js');
 var openProductLink = require('./openProductLink-BFiXVr4M.js');
 
@@ -596,7 +595,7 @@ const VviinnEnergyLabel = class {
     render() {
         return (index.h(index.Host, { key: 'f311f7c89f27a7dd90a8198284b179fe6e04cb3f', class: {
                 hidden: !this.classIconUrls && !this.productType && !this.classDataSheetUrl,
-            }, exportparts: index$3.energyLabelParts }, index.h("div", { key: 'd20b22eaca0f7121a09f20e9a1a8e16ae8c77a16', class: "container", part: "energy-label-container" }, !!this.classIconUrls && (index.h("img", { key: '4551fc562d643b825ff489ebd4fcf51812479862', class: "class-label-icon", part: "energy-label-icon", src: this.classIconUrls[this.iconDirection], alt: this.getEnergyIconAltText() })), (this.productType || this.classDataSheetUrl) && (index.h("div", { key: '3260e0e590ed46c72daf3b06075a153c23ed0c51', class: "info-container" }, this.productType && (index.h("span", { key: 'be310b1e00cc1b279d58ce2d56cee9803622f01b', class: "product-type", part: "energy-label-product-type" }, this.productType)), this.classDataSheetUrl && (index.h("a", { key: '2e4f3d3985d11d7b2bba729b6c1816af866cafdc', class: "data-sheet-link", part: "energy-label-data-sheet-link", href: this.classDataSheetUrl, target: "_blank", rel: "noopener noreferrer" }, index.h("slot", { key: 'ca584e501471e5d6bc9c76f7d3767910ed645016', name: "vviinn-energy-label-data-sheet-text" }, store.instance.t("energyLabel.dataSheetText")))))))));
+            }, exportparts: search_store.energyLabelParts }, index.h("div", { key: 'd20b22eaca0f7121a09f20e9a1a8e16ae8c77a16', class: "container", part: "energy-label-container" }, !!this.classIconUrls && (index.h("img", { key: '4551fc562d643b825ff489ebd4fcf51812479862', class: "class-label-icon", part: "energy-label-icon", src: this.classIconUrls[this.iconDirection], alt: this.getEnergyIconAltText() })), (this.productType || this.classDataSheetUrl) && (index.h("div", { key: '3260e0e590ed46c72daf3b06075a153c23ed0c51', class: "info-container" }, this.productType && (index.h("span", { key: 'be310b1e00cc1b279d58ce2d56cee9803622f01b', class: "product-type", part: "energy-label-product-type" }, this.productType)), this.classDataSheetUrl && (index.h("a", { key: '2e4f3d3985d11d7b2bba729b6c1816af866cafdc', class: "data-sheet-link", part: "energy-label-data-sheet-link", href: this.classDataSheetUrl, target: "_blank", rel: "noopener noreferrer" }, index.h("slot", { key: 'ca584e501471e5d6bc9c76f7d3767910ed645016', name: "vviinn-energy-label-data-sheet-text" }, store.instance.t("energyLabel.dataSheetText")))))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -840,7 +839,7 @@ const VviinnExtendedFilters = class {
         }
     }
     async componentWillLoad() {
-        await index$4.initializeLocale(this.locale);
+        await index$3.initializeLocale(this.locale);
         customizedSlots.slotChangeListener(this, this.el);
     }
     initializeDisplayedOptions(filterColumn) {
@@ -1016,7 +1015,7 @@ const VviinnExtendedFilters = class {
         const filters = this.getFilters();
         return (index.h(index.Host, { key: 'f2f23f0f4e997ff8ec7b00a96a84ba4ea18f5d3f', class: {
                 "show-in-widget": this.showInWidget,
-            }, exportParts: index$3.extendedFiltersParts }, index.h("div", { key: '57de996421fe25deb1cc484bc0ea2598e7dfb3c1', ref: (el) => (this.filterAnnouncementRef = el), "aria-live": "polite", class: "sr-only" }), customizedSlots.SlotSkeleton("filters"), (filters === null || filters === void 0 ? void 0 : filters.length) > 0 && this.mode === "button" && (index.h("vviinn-extended-filters-button", { key: '0219f9a675885f280eb93cbaab4fb426af18e029' })), this.renderModal(filters)));
+            }, exportParts: search_store.extendedFiltersParts }, index.h("div", { key: '57de996421fe25deb1cc484bc0ea2598e7dfb3c1', ref: (el) => (this.filterAnnouncementRef = el), "aria-live": "polite", class: "sr-only" }), customizedSlots.SlotSkeleton("filters"), (filters === null || filters === void 0 ? void 0 : filters.length) > 0 && this.mode === "button" && (index.h("vviinn-extended-filters-button", { key: '0219f9a675885f280eb93cbaab4fb426af18e029' })), this.renderModal(filters)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1180,7 +1179,7 @@ const VviinnFilters = class {
         return (index.h(index.Host, { key: '43ca9aa547e2436a198c6b98599edc256ead2908', class: {
                 "show-in-widget": this.showInWidget,
                 "primary-filters": true,
-            }, onKeyDown: this.handleKeyDown, exportparts: index$3.filtersParts }, customizedSlots.SlotSkeleton("filters"), index.h("div", { key: 'cbc3b18419bd5797c97270e7104c723a08185750', ref: (el) => (this.filterAnnouncementRef = el), "aria-live": "polite", class: "sr-only" }), (filters === null || filters === void 0 ? void 0 : filters.length) > 0 && (index.h("nav", { key: '1d879a02b353b8e11dc633d634012b254385488d', "aria-label": store.instance.t("a11y.productFilters") }, index.h("ul", { key: '2487026565e1f54ea19359a4a710d477c26ef4ff', class: "main-filters-list", part: "filters-list" }, filters.map((filter) => {
+            }, onKeyDown: this.handleKeyDown, exportparts: search_store.filtersParts }, customizedSlots.SlotSkeleton("filters"), index.h("div", { key: 'cbc3b18419bd5797c97270e7104c723a08185750', ref: (el) => (this.filterAnnouncementRef = el), "aria-live": "polite", class: "sr-only" }), (filters === null || filters === void 0 ? void 0 : filters.length) > 0 && (index.h("nav", { key: '1d879a02b353b8e11dc633d634012b254385488d', "aria-label": store.instance.t("a11y.productFilters") }, index.h("ul", { key: '2487026565e1f54ea19359a4a710d477c26ef4ff', class: "main-filters-list", part: "filters-list" }, filters.map((filter) => {
             const isExpanded = this.selectedFilterColumn === filter.column;
             return (index.h("li", null, index.h("button", { class: `filters-main-button ${this.showActiveOnMainButton(filter)}`, onClick: () => this.handleMainFilterSelection(filter), part: "filters-main-button", "aria-expanded": isExpanded ? "true" : "false", "aria-label": store.instance.t("a11y.filterButton", {
                     label: filter.label,
@@ -1332,7 +1331,7 @@ const VviinnImage = class {
         return (index.h("div", { class: "image-skeleton", part: "image-skeleton" }, index.h("vviinn-skeleton", null)));
     }
     render() {
-        return (index.h(index.Host, { key: '5f0a58b7271229ae34f84188f24487901bf23ff3', exportparts: index$3.imageParts, class: {
+        return (index.h(index.Host, { key: '5f0a58b7271229ae34f84188f24487901bf23ff3', exportparts: search_store.imageParts, class: {
                 "has-skeleton-icon": this.isSetMode,
                 "set-mode-transition": this.isSetMode && this.shouldShowSkeleton,
             } }, index.h("div", { key: '59742b75db4f00da1b06583aceb0cac59a162d81', class: {
@@ -1696,7 +1695,7 @@ const VviinnProductCard = class {
         this.isListCard = this.entityType === "list";
         this.imageProps = this.getImageProps();
         if (this.isStandalone) {
-            index$4.initializeLocale(this.effectiveLocale);
+            index$3.initializeLocale(this.effectiveLocale);
         }
         if (this.energyCertificationsString.length > 0) {
             this.parseEnergyCertificationsString();
@@ -1848,7 +1847,7 @@ const VviinnProductCard = class {
     render() {
         var _a, _b, _c;
         if (this.isContentCard || this.isListCard) {
-            return (index.h(index.Host, { part: `product-card ${this.entityType}-card`, class: `${this.entityType}-card`, exportparts: this.isContentCard ? index$3.contentCardParts : index$3.listCardParts, "data-id": this.productId }, openProductLink.renderExternalCSS(this.cssUrl), index.h("div", { class: `image-container ${this.entityType}-card-image-container`, part: "image-container" }, renderProductCardImage({
+            return (index.h(index.Host, { part: `product-card ${this.entityType}-card`, class: `${this.entityType}-card`, exportparts: this.isContentCard ? search_store.contentCardParts : search_store.listCardParts, "data-id": this.productId }, openProductLink.renderExternalCSS(this.cssUrl), index.h("div", { class: `image-container ${this.entityType}-card-image-container`, part: "image-container" }, renderProductCardImage({
                 src: this.imageProps.src,
                 width: this.imageProps.width,
                 title: this.imageProps.title,
@@ -1872,7 +1871,7 @@ const VviinnProductCard = class {
                 animated: this.isTransitioning,
                 "product-card--source": this.isSourceProduct,
                 "set-mode": this.isSetMode,
-            }, exportparts: index$3.productCardParts, "data-id": this.productId }, openProductLink.renderExternalCSS(this.cssUrl), index.h("div", { class: "content-container", part: "content-container" }, this.showSkeleton() ? (index.h(index.Fragment, null, index.h("vviinn-skeleton", { height: 40 }), index.h("vviinn-skeleton", { height: 20, halfWidth: true }), index.h("vviinn-skeleton", { height: 40 }))) : (index.h(index.Fragment, null, index.h(Linked, { deeplink: this.deeplink, part: "deeplink", tabindex: 0 }, index.h("span", { class: "title", part: "title" }, this.productTitle)), ((_a = this.brand) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("span", { class: "brand", part: "brand" }, this.brand)), ((_b = this.productType) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("span", { class: "product-type", part: "product-type" }, this.productType)), ((_c = this === null || this === void 0 ? void 0 : this.energyCertifications) !== null && _c !== void 0 ? _c : []).map((energyCertification) => (index.h("vviinn-energy-label", { classIconUrls: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.classIconUrls, classDataSheetUrl: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.classDataSheetUrl, productType: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.productType, certificationClass: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.certificationClass, classRange: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.classRange }))), index.h(Price, { prefix: this.pricePrefix, currency: this.effectiveCurrencySign, numberLocale: this.effectiveNumberLocale, price: this.price, basePrice: parseBasePrice(this.basePrice), salePrice: this.salePrice, baseSalePrice: parseBasePrice(this.baseSalePrice), showInContainer: this.addPriceContainer }), renderCustomLabels(this.customLabels.split(","), "content")))), index.h("div", { class: {
+            }, exportparts: search_store.productCardParts, "data-id": this.productId }, openProductLink.renderExternalCSS(this.cssUrl), index.h("div", { class: "content-container", part: "content-container" }, this.showSkeleton() ? (index.h(index.Fragment, null, index.h("vviinn-skeleton", { height: 40 }), index.h("vviinn-skeleton", { height: 20, halfWidth: true }), index.h("vviinn-skeleton", { height: 40 }))) : (index.h(index.Fragment, null, index.h(Linked, { deeplink: this.deeplink, part: "deeplink", tabindex: 0 }, index.h("span", { class: "title", part: "title" }, this.productTitle)), ((_a = this.brand) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("span", { class: "brand", part: "brand" }, this.brand)), ((_b = this.productType) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("span", { class: "product-type", part: "product-type" }, this.productType)), ((_c = this === null || this === void 0 ? void 0 : this.energyCertifications) !== null && _c !== void 0 ? _c : []).map((energyCertification) => (index.h("vviinn-energy-label", { classIconUrls: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.classIconUrls, classDataSheetUrl: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.classDataSheetUrl, productType: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.productType, certificationClass: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.certificationClass, classRange: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.classRange }))), index.h(Price, { prefix: this.pricePrefix, currency: this.effectiveCurrencySign, numberLocale: this.effectiveNumberLocale, price: this.price, basePrice: parseBasePrice(this.basePrice), salePrice: this.salePrice, baseSalePrice: parseBasePrice(this.baseSalePrice), showInContainer: this.addPriceContainer }), renderCustomLabels(this.customLabels.split(","), "content")))), index.h("div", { class: {
                 "basket-button-container": true,
                 hidden: !this.isShowBasketButton() || this.showSkeleton(),
             }, part: "basket-button-container" }, index.h("button", { class: {
@@ -2065,7 +2064,7 @@ const VviinnPriceRange = class {
         return (intervalWidth / totalRange) * 100;
     }
     render() {
-        return (index.h(index.Host, { key: '243f582969e87741635e7c613a5a11f220ec1d38', exportparts: index$3.priceRangeParts }, index.h("div", { key: 'cc5ce4f289195db063d9ffd4dd07cce0774ba383', class: "histogram", part: "histogram" }, this.histogram.map((item) => {
+        return (index.h(index.Host, { key: '243f582969e87741635e7c613a5a11f220ec1d38', exportparts: search_store.priceRangeParts }, index.h("div", { key: 'cc5ce4f289195db063d9ffd4dd07cce0774ba383', class: "histogram", part: "histogram" }, this.histogram.map((item) => {
             const barHeight = this.calculateBarHeight(item.value.frequency);
             const heightInPercent = barHeight && barHeight < MIN_BAR_HEIGHT
                 ? MIN_BAR_HEIGHT
@@ -2100,7 +2099,7 @@ const VviinnSkeleton = class {
         this.halfWidth = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'be5978309f0c6fef65f98b314d356925b18746c5' }, index.h("div", { key: '5d30b8fdb72bdc6e8e195395b3495e9c993f484b', class: {
+        return (index.h(index.Host, { key: '149fe2396c333fff4ff01e607a8f1b238ac12bdb' }, index.h("div", { key: '6a9e376f9955458af0c30c9df01ea7c2b8849196', class: {
                 "vviinn-skeleton": true,
             }, style: {
                 height: this.height ? `${this.height.toString()}px` : "100%",
@@ -11788,7 +11787,7 @@ const VviinnVprWidget = class {
         }
     }
     async componentWillLoad() {
-        await index$4.initializeLocale(this.locale);
+        await index$3.initializeLocale(this.locale);
         customizedSlots.slotChangeListener(this, this.el);
     }
     trackProductLoad({ detail }) {