vviinn-widgets 2.196.0 → 2.197.0

package/dist/cjs/{index-CpJcNhVM.js → index-BrWTzRc7.js}

@@ -127,10 +127,23 @@ const listCardPartsList = [
     "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);
-makeExportPartsString(selectedFiltersPartsList, generalFiltersPartsList);
+const selectedFiltersParts = makeExportPartsString(selectedFiltersPartsList, generalFiltersPartsList);
 const priceRangeParts = makeExportPartsString(histogramPartsList);
 const energyLabelParts = makeExportPartsString(energyLabelPartsList);
 const productCardsGridPart = "products";
@@ -138,7 +151,7 @@ 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);
+const searchWidgetFilterParts = makeExportPartsString(extendedFiltersPartsList, filtersPartsList, histogramPartsList, searchPartsList, generalFiltersPartsList, selectedFiltersPartsList);
 const searchWidgetButtonParts = makeExportPartsString([
     "upload-photo_button",
     "start-camera_button",
@@ -160,18 +173,6 @@ const modalParts = makeExportPartsString([
     "close-button",
     "secondary-action",
 ]);
-const suggestionsPartsList = [
-    "suggestions-container",
-    "suggestions-header",
-    "suggestions-icon",
-    "suggestions-title",
-    "suggestions-description",
-    "suggestions-wrapper",
-    "suggestions-list",
-    "suggestion-item",
-    "suggestion-link",
-    "suggestion-filter-button",
-];
 const suggestionsParts = makeExportPartsString(suggestionsPartsList);
 
 exports.carouselParts = carouselParts;
@@ -188,4 +189,5 @@ exports.productCardsGridPart = productCardsGridPart;
 exports.searchBarParts = searchBarParts;
 exports.searchWidgetButtonParts = searchWidgetButtonParts;
 exports.searchWidgetFilterParts = searchWidgetFilterParts;
+exports.selectedFiltersParts = selectedFiltersParts;
 exports.suggestionsParts = suggestionsParts;

package/dist/cjs/index-ClWQDYyW.js

@@ -0,0 +1,399 @@
+'use strict';
+
+var index = require('./index-OrE9ITel.js');
+var search_store = require('./search.store-DHFf8KQS.js');
+var i18next = require('./i18next-DkN_8H9H.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" },
+    index.h("path", { d: "M14.6667 17.3333H8.00001C7.62223 17.3333 7.30556 17.2056 7.05001 16.95C6.79445 16.6944 6.66667 16.3778 6.66667 16C6.66667 15.6222 6.79445 15.3056 7.05001 15.05C7.30556 14.7944 7.62223 14.6667 8.00001 14.6667H14.6667V8.00001C14.6667 7.62223 14.7944 7.30556 15.05 7.05001C15.3056 6.79445 15.6222 6.66667 16 6.66667C16.3778 6.66667 16.6944 6.79445 16.95 7.05001C17.2056 7.30556 17.3333 7.62223 17.3333 8.00001V14.6667H24C24.3778 14.6667 24.6944 14.7944 24.95 15.05C25.2056 15.3056 25.3333 15.6222 25.3333 16C25.3333 16.3778 25.2056 16.6944 24.95 16.95C24.6944 17.2056 24.3778 17.3333 24 17.3333H17.3333V24C17.3333 24.3778 17.2056 24.6944 16.95 24.95C16.6944 25.2056 16.3778 25.3333 16 25.3333C15.6222 25.3333 15.3056 25.2056 15.05 24.95C14.7944 24.6944 14.6667 24.3778 14.6667 24V17.3333Z", fill: "currentColor" })));
+
+const FilterIconCheck = () => (index.h("svg", { width: "11", height: "8", viewBox: "0 0 11 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    index.h("path", { d: "M3.87651 5.50607L9.19428 0.307692C9.40412 0.102564 9.65261 0 9.93976 0C10.2269 0 10.4754 0.102564 10.6852 0.307692C10.8951 0.512821 11 0.755736 11 1.03644C11 1.31714 10.8951 1.56005 10.6852 1.76518L4.62199 7.69231C4.41215 7.89744 4.16365 8 3.87651 8C3.58936 8 3.34086 7.89744 3.13102 7.69231L0.314759 4.93927C0.10492 4.73414 0 4.49123 0 4.21053C0 3.92982 0.10492 3.68691 0.314759 3.48178C0.524598 3.27665 0.773092 3.17409 1.06024 3.17409C1.34739 3.17409 1.59588 3.27665 1.80572 3.48178L3.87651 5.50607Z", fill: "currentColor" })));
+
+const FilterIconClose = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" },
+    index.h("path", { d: "M12 13.4L7.09999 18.3C6.91665 18.4834 6.68332 18.575 6.39999 18.575C6.11665 18.575 5.88332 18.4834 5.69999 18.3C5.51665 18.1167 5.42499 17.8834 5.42499 17.6C5.42499 17.3167 5.51665 17.0834 5.69999 16.9L10.6 12L5.69999 7.10005C5.51665 6.91672 5.42499 6.68338 5.42499 6.40005C5.42499 6.11672 5.51665 5.88338 5.69999 5.70005C5.88332 5.51672 6.11665 5.42505 6.39999 5.42505C6.68332 5.42505 6.91665 5.51672 7.09999 5.70005L12 10.6L16.9 5.70005C17.0833 5.51672 17.3167 5.42505 17.6 5.42505C17.8833 5.42505 18.1167 5.51672 18.3 5.70005C18.4833 5.88338 18.575 6.11672 18.575 6.40005C18.575 6.68338 18.4833 6.91672 18.3 7.10005L13.4 12L18.3 16.9C18.4833 17.0834 18.575 17.3167 18.575 17.6C18.575 17.8834 18.4833 18.1167 18.3 18.3C18.1167 18.4834 17.8833 18.575 17.6 18.575C17.3167 18.575 17.0833 18.4834 16.9 18.3L12 13.4Z", fill: "#8D8D8D" })));
+
+const CAROUSEL_CONTENT_WIDTH_CSS_VAR = "--vviinn-carousel-content-width";
+const CAROUSEL_IMAGE_WIDTH_CSS_VAR = "--vviinn-carousel-image-width";
+const SET_MODE_IMAGE_WIDTH_CSS_VAR = "--vviinn-set-mode-image-width";
+const RESULTS_CALCULATED_COLUMNS_CSS_VAR = "--vviinn-results-calculated-columns";
+const CONTENT_GROUP_CSS_CLASS = "items-group";
+const DEFAULT_COLUMNS_NUMBER = 4;
+const SCROLL_POSITION_TOLERANCE = 2;
+
+const parseCampaigns = (campaigns) => !campaigns.length
+    ? []
+    : campaigns.split(",").map((value) => {
+        const trimmedValue = value.trim();
+        return !isNaN(parseInt(trimmedValue))
+            ? parseInt(trimmedValue)
+            : trimmedValue;
+    });
+const getRecommendationsBody = ({ productId, campaigns, color, excluded, dynamicFilters = [], }) => {
+    const staticFilters = Object.assign(Object.assign({}, search_store.addIfNotEmpty("color", color)), search_store.addIfNotEmpty("excluded", search_store.parseStringToExcluded(excluded)));
+    return Object.assign(Object.assign(Object.assign({ productId }, search_store.addIfNotEmpty("dynamicFilters", dynamicFilters)), search_store.addIfNotEmpty("campaigns", parseCampaigns(campaigns))), search_store.addIfNotEmpty("staticFilters", staticFilters));
+};
+const getCustomLabels = (recommendation) => {
+    const { custom_label_0, custom_label_1, custom_label_2, custom_label_3, custom_label_4, } = recommendation;
+    return [
+        custom_label_0,
+        custom_label_1,
+        custom_label_2,
+        custom_label_3,
+        custom_label_4,
+    ]
+        .filter((label) => label)
+        .join(",");
+};
+
+/**
+ * Announces a message to screen readers via a live region
+ * @param element - The aria-live element reference
+ * @param message - The message to announce
+ */
+function announceToScreenReader(message, element) {
+    if (element) {
+        element.textContent = message;
+    }
+}
+
+/**
+ * Generates an appropriate aria-label for a filter remove button
+ * @param label - The filter label
+ * @returns The aria-label string
+ */
+function getRemoveFilterAriaLabel(label) {
+    return i18next.instance.t("a11y.removeFilterLabel", { label });
+}
+/**
+ * Generates an aria-label for color option filters
+ * @param label - The color label
+ * @returns The aria-label string
+ */
+function getColorOptionAriaLabel(label) {
+    return i18next.instance.t("a11y.colorOption", { label });
+}
+
+const isPriceFilter = (column) => column === "price" || column === "minimum_price";
+
+const getIntervalLabel = (intervalFilter, fullInterval, currencySign, showColumnLabel = false) => {
+    if (!fullInterval)
+        return null;
+    const { start, end } = fullInterval;
+    const { start: rangeStart, end: rangeEnd } = intervalFilter.full;
+    if (start !== rangeStart || end !== rangeEnd) {
+        const isPrice = isPriceFilter(intervalFilter.column);
+        if (isPrice && currencySign) {
+            return `${start} ${currencySign} – ${end} ${currencySign}`;
+        }
+        else {
+            const rangeValue = `${start} – ${end}`;
+            return isPrice
+                ? rangeValue
+                : `${showColumnLabel ? `${intervalFilter.label}: ` : ""}${rangeValue}`;
+        }
+    }
+    else {
+        return null;
+    }
+};
+
+const isSubFilterActive = (requestFilters, filterValue, selectedFilter) => {
+    if (!requestFilters || !selectedFilter)
+        return false;
+    const mainFilter = requestFilters.find(({ column }) => column === selectedFilter.column);
+    if (!mainFilter)
+        return false;
+    return mainFilter.values.some((value) => search_store.isValueMatch(value, filterValue));
+};
+
+const RenderFilterButton = ({ handleSubFilterSelection, value, label, active, selectedFilter, isSelected = false, showClose = false, showColorLabel, }) => {
+    const hexCode = value === null || value === void 0 ? void 0 : value.hexCode;
+    const hasHexCodeLength = (hexCode === null || hexCode === void 0 ? void 0 : hexCode.length) > 0;
+    const isRemovable = isSelected && showClose;
+    const renderIcon = () => {
+        if (isRemovable) {
+            return index.h(FilterIconClose, null);
+        }
+        return (index.h("div", { part: "filters-option-icon-wrapper", class: "filters-option-icon-wrapper", "aria-hidden": "true" }, isSelected ? index.h(FilterIconCheck, null) : null));
+    };
+    const ariaLabel = isRemovable
+        ? getRemoveFilterAriaLabel(label)
+        : hasHexCodeLength
+            ? getColorOptionAriaLabel(label)
+            : undefined;
+    return (index.h("li", { part: "filters-sub-row" },
+        index.h("button", Object.assign({ onClick: () => handleSubFilterSelection(value, selectedFilter), class: `filters-more-modal-button ${hasHexCodeLength ? "filters-sub-button-color" : ""} ${isSelected ? "active" : ""}`, disabled: !active && !isSelected, part: "filters-option-button", "aria-pressed": !isRemovable && isSelected ? "true" : "false" }, (ariaLabel && { "aria-label": ariaLabel }), { type: "button" }),
+            hasHexCodeLength && (index.h("div", { class: "filters-sub-button-color-dot", style: { backgroundColor: hexCode }, part: "filters-option-color-dot", "aria-hidden": "true" })),
+            (showColorLabel || !hasHexCodeLength) && (index.h("span", { part: "filters-option-text" }, label)),
+            renderIcon())));
+};
+
+/**
+ * Syncs local component requestFilters state with the store's requestFilters in case there are response filters with selected: true.
+ */
+const syncRequestFilters = (state, onChange, setRequestFilters) => {
+    var _a;
+    if (((_a = state.requestFilters) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+        setRequestFilters([...state.requestFilters]);
+    }
+    onChange("requestFilters", (newValue) => {
+        if ((newValue === null || newValue === void 0 ? void 0 : newValue.length) > 0) {
+            setRequestFilters([...newValue]);
+        }
+    });
+};
+
+const isFullRangeInterval = (selectedFilter, interval) => {
+    if (selectedFilter.type !== "interval")
+        return false;
+    const intervalFilter = selectedFilter;
+    const fullRange = intervalFilter.full;
+    return interval.start === fullRange.start && interval.end === fullRange.end;
+};
+const subFilterSelection = (filters, selectedFilter, filterValue) => {
+    var _a;
+    const selectedColumn = selectedFilter.column;
+    const rawValue = search_store.extractFilterValue(filterValue);
+    const index = filters.findIndex(({ column }) => column === selectedColumn);
+    if (selectedFilter.type === "interval" && filterValue.interval) {
+        const interval = filterValue.interval;
+        if (isFullRangeInterval(selectedFilter, interval)) {
+            if (index > -1) {
+                filters = [
+                    ...filters.filter((filter) => filter.column !== selectedColumn),
+                ];
+                return { filters, action: "deselect" };
+            }
+            else {
+                return { filters: [...filters], action: "deselect" };
+            }
+        }
+    }
+    const valueIndex = (_a = filters[index]) === null || _a === void 0 ? void 0 : _a.values.findIndex((val) => typeof val === "string" ? val === rawValue : search_store.isIntervalMatch(val, rawValue));
+    const action = valueIndex == -1 || index == -1 ? "select" : "deselect";
+    const pushObject = index === -1 || (selectedFilter === null || selectedFilter === void 0 ? void 0 : selectedFilter.type) === "interval"
+        ? { column: selectedColumn, values: [] }
+        : filters[index];
+    if (valueIndex > -1) {
+        pushObject.values.splice(valueIndex, 1);
+    }
+    else {
+        if (selectedFilter.type === "categorical") {
+            const stringValue = search_store.valueToString(rawValue);
+            if (stringValue === null) {
+                return { filters: [...filters], action: "deselect" };
+            }
+            pushObject.values.push(stringValue);
+        }
+        else {
+            pushObject.values.push(rawValue);
+        }
+    }
+    if (index === -1) {
+        filters = [...filters, pushObject];
+        if (document.getElementById("filters-footer"))
+            document.getElementById("filters-footer").scrollLeft = 0;
+    }
+    else {
+        filters[index] = pushObject;
+        if (filters[index].values.length === 0) {
+            filters = [...filters.filter((filter) => filters[index] !== filter)];
+        }
+        else {
+            filters = [...filters];
+        }
+    }
+    return { filters, action };
+};
+
+const triggerFilter = ({ filterValue, selectedFilter, requestFilters, vviinnFilterTriggered, vviinnFiltersChanged, el, isTriggeredByVpsWidget, }) => {
+    const { filters, action } = subFilterSelection(requestFilters, selectedFilter, filterValue);
+    vviinnFilterTriggered.emit({
+        kind: selectedFilter.column,
+        action,
+        isTriggeredByVpsWidget,
+        value: filterValue,
+        filter: selectedFilter,
+    });
+    vviinnFiltersChanged.emit({
+        filters,
+        el,
+        isTriggeredByVpsWidget,
+    });
+    return filters;
+};
+const triggerResetFilters = ({ vviinnFilterTriggered, vviinnFiltersChanged, el, isTriggeredByVpsWidget, }) => {
+    vviinnFilterTriggered.emit({
+        action: "reset",
+        isTriggeredByVpsWidget,
+    });
+    vviinnFiltersChanged &&
+        vviinnFiltersChanged.emit({
+            filters: [],
+            el,
+            isTriggeredByVpsWidget,
+        });
+};
+const triggerRemoveIntervalFilter = ({ column, requestFilters, el, isTriggeredByVpsWidget, vviinnFilterTriggered, vviinnFiltersChanged, }) => {
+    const updatedFilters = requestFilters.filter((filter) => filter.column !== column);
+    vviinnFilterTriggered.emit({
+        kind: column,
+        action: "deselect",
+        isTriggeredByVpsWidget,
+    });
+    vviinnFiltersChanged.emit({
+        filters: updatedFilters,
+        el,
+        isTriggeredByVpsWidget,
+    });
+    return updatedFilters;
+};
+
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+var getRandomValues;
+var rnds8 = new Uint8Array(16);
+function rng() {
+  // lazy load so that environments that need to polyfill have a chance to do so
+  if (!getRandomValues) {
+    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation. Also,
+    // find the complete implementation of crypto (msCrypto) on IE11.
+    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);
+
+    if (!getRandomValues) {
+      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+    }
+  }
+
+  return getRandomValues(rnds8);
+}
+
+var REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
+
+function validate(uuid) {
+  return typeof uuid === 'string' && REGEX.test(uuid);
+}
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+
+var byteToHex = [];
+
+for (var i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).substr(1));
+}
+
+function stringify(arr) {
+  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one
+  // of the following:
+  // - One or more input array values don't map to a hex octet (leading to
+  // "undefined" in the uuid)
+  // - Invalid input values for the RFC `version` or `variant` fields
+
+  if (!validate(uuid)) {
+    throw TypeError('Stringified UUID is invalid');
+  }
+
+  return uuid;
+}
+
+function v4(options, buf, offset) {
+  options = options || {};
+  var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+  return stringify(rnds);
+}
+
+const createTrackingEvent = (widget) => (eventData) => {
+    return Object.assign(Object.assign({}, eventData), widget);
+};
+
+const PRODUCT_LOAD_EVENT_TYPE = "product_load_event";
+const PRODUCT_VIEW_EVENT_TYPE = "product_view_event";
+const PRODUCT_CLICK_EVENT_TYPE = "product_click_event";
+const ADD_TO_BASKET_EVENT_TYPE = "add_to_basket_event";
+const FILTER_EVENT_TYPE = "filter_event";
+const SEARCH_EVENT_TYPE = "search_event";
+const WIDGET_EVENT_TYPE = "widget_event";
+const RESULT_LOAD_EVENT_TYPE = "result_load_event";
+const RESULT_VIEW_EVENT_TYPE = "result_view_event";
+const ADD_TO_WISHLIST_EVENT_TYPE = "add_to_wishlist_event";
+
+const createResultEventByType = (type, widget) => {
+    const typ = type === "load" ? RESULT_LOAD_EVENT_TYPE : RESULT_VIEW_EVENT_TYPE;
+    return createTrackingEvent({
+        widget,
+        typ,
+    });
+};
+const createProductEventByType = (type, widget) => {
+    const typ = type === "load"
+        ? PRODUCT_LOAD_EVENT_TYPE
+        : type === "view"
+            ? PRODUCT_VIEW_EVENT_TYPE
+            : PRODUCT_CLICK_EVENT_TYPE;
+    return createTrackingEvent({
+        widget,
+        typ,
+    });
+};
+const createAddToBasketEvent = (widget) => createTrackingEvent({
+    widget,
+    typ: ADD_TO_BASKET_EVENT_TYPE,
+});
+const createAddToWishlistEvent = (widget) => createTrackingEvent({
+    widget,
+    typ: ADD_TO_WISHLIST_EVENT_TYPE,
+});
+const createFilterEvent = (widget) => createTrackingEvent({
+    widget,
+    typ: FILTER_EVENT_TYPE,
+});
+const createWidgetEvent = (widget) => createTrackingEvent({
+    widget,
+    typ: WIDGET_EVENT_TYPE,
+});
+const createImageSearchEvent = createTrackingEvent({
+    widget: "VPS",
+    typ: SEARCH_EVENT_TYPE,
+});
+
+exports.CAROUSEL_CONTENT_WIDTH_CSS_VAR = CAROUSEL_CONTENT_WIDTH_CSS_VAR;
+exports.CAROUSEL_IMAGE_WIDTH_CSS_VAR = CAROUSEL_IMAGE_WIDTH_CSS_VAR;
+exports.CONTENT_GROUP_CSS_CLASS = CONTENT_GROUP_CSS_CLASS;
+exports.DEFAULT_COLUMNS_NUMBER = DEFAULT_COLUMNS_NUMBER;
+exports.FilterIconClose = FilterIconClose;
+exports.PlusIcon = PlusIcon;
+exports.RESULTS_CALCULATED_COLUMNS_CSS_VAR = RESULTS_CALCULATED_COLUMNS_CSS_VAR;
+exports.RenderFilterButton = RenderFilterButton;
+exports.SCROLL_POSITION_TOLERANCE = SCROLL_POSITION_TOLERANCE;
+exports.SET_MODE_IMAGE_WIDTH_CSS_VAR = SET_MODE_IMAGE_WIDTH_CSS_VAR;
+exports.announceToScreenReader = announceToScreenReader;
+exports.createAddToBasketEvent = createAddToBasketEvent;
+exports.createAddToWishlistEvent = createAddToWishlistEvent;
+exports.createFilterEvent = createFilterEvent;
+exports.createImageSearchEvent = createImageSearchEvent;
+exports.createProductEventByType = createProductEventByType;
+exports.createResultEventByType = createResultEventByType;
+exports.createWidgetEvent = createWidgetEvent;
+exports.getCustomLabels = getCustomLabels;
+exports.getIntervalLabel = getIntervalLabel;
+exports.getRecommendationsBody = getRecommendationsBody;
+exports.getRemoveFilterAriaLabel = getRemoveFilterAriaLabel;
+exports.isPriceFilter = isPriceFilter;
+exports.isSubFilterActive = isSubFilterActive;
+exports.syncRequestFilters = syncRequestFilters;
+exports.triggerFilter = triggerFilter;
+exports.triggerRemoveIntervalFilter = triggerRemoveIntervalFilter;
+exports.triggerResetFilters = triggerResetFilters;
+exports.v4 = v4;

package/dist/{esm/index-CckoTlaC.js → cjs/index-DLEDOlRe.js}

@@ -1,3 +1,15 @@
+'use strict';
+
+const SEARCH_WIDGET_IMAGE_RESOLUTION_WIDTH = 320;
+const RESULTS_WIDGET_IMAGE_RESOLUTION_WIDTH = 500;
+const DISCOVERY_WIDGET_IMAGE_RESOLUTION_WIDTH = 500;
+const PRODUCT_CARD_IMAGE_RESOLUTION_WIDTH = 300;
+const PRODUCT_CARD_IMAGE_WIDTH = 300;
+const SIDEBAR_ANIMATION_DURATION = 500;
+const LOADING_CLASS_DELAY = 500;
+// Scroll animation constants
+const SCROLL_TO_DISCOVERY_DELAY = 250;
+
 // DOM manipulation utilities
 const findSlotElements = (el) => Array.from(el.querySelectorAll("[slot]"));
 const getSlotNames = (slotElements) => slotElements.map((el) => el.getAttribute("slot"));
@@ -61,4 +73,16 @@ function isElementInSelector(event, selector) {
         composedPath.some((el) => { var _a; return (_a = el.matches) === null || _a === void 0 ? void 0 : _a.call(el, selector); }));
 }
 
-export { addEventListenersWithSignal as a, findSlotElements as f, getSlotNames as g, isElementInSelector as i, setElementInteractivity as s };
+exports.DISCOVERY_WIDGET_IMAGE_RESOLUTION_WIDTH = DISCOVERY_WIDGET_IMAGE_RESOLUTION_WIDTH;
+exports.LOADING_CLASS_DELAY = LOADING_CLASS_DELAY;
+exports.PRODUCT_CARD_IMAGE_RESOLUTION_WIDTH = PRODUCT_CARD_IMAGE_RESOLUTION_WIDTH;
+exports.PRODUCT_CARD_IMAGE_WIDTH = PRODUCT_CARD_IMAGE_WIDTH;
+exports.RESULTS_WIDGET_IMAGE_RESOLUTION_WIDTH = RESULTS_WIDGET_IMAGE_RESOLUTION_WIDTH;
+exports.SCROLL_TO_DISCOVERY_DELAY = SCROLL_TO_DISCOVERY_DELAY;
+exports.SEARCH_WIDGET_IMAGE_RESOLUTION_WIDTH = SEARCH_WIDGET_IMAGE_RESOLUTION_WIDTH;
+exports.SIDEBAR_ANIMATION_DURATION = SIDEBAR_ANIMATION_DURATION;
+exports.addEventListenersWithSignal = addEventListenersWithSignal;
+exports.findSlotElements = findSlotElements;
+exports.getSlotNames = getSlotNames;
+exports.isElementInSelector = isElementInSelector;
+exports.setElementInteractivity = setElementInteractivity;

package/dist/cjs/index-OrE9ITel.js

@@ -66,10 +66,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'vviinn-selected-filters.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './vviinn-selected-filters.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'vviinn-detected-object_2.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -90,10 +86,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './vviinn-shop-the-look.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'vviinn-camera_11.cjs':
+                case 'vviinn-camera_12.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './vviinn-camera_11.cjs.entry.js')); }).then(processMod, consoleError);
+                        './vviinn-camera_12.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'vviinn-carousel_10.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */