vviinn-widgets 2.224.0 → 2.224.1

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

@@ -2,9 +2,9 @@
 
 var index = require('./index-BU8FMTXn.js');
 var Rectangle = require('./Rectangle-7dF6_xf3.js');
-var search_store = require('./search.store-CIlbtjnr.js');
+var search_store = require('./search.store-BOJh7lOl.js');
 var index$2 = require('./index-CP1QUrJT.js');
-var index$1 = require('./index-CMOB6Jkt.js');
+var index$1 = require('./index-DJP-DLP2.js');
 var store = require('./store-jPZ4ROqV.js');
 var cropperUtils = require('./cropperUtils-DCDOLeBS.js');
 var cssUrlHelper = require('./cssUrlHelper-B5A2BBm7.js');
@@ -296,7 +296,6 @@ const VviinnCropper = class {
         this.vviinnCropperAspectRatioError = index.createEvent(this, "vviinnCropperAspectRatioError");
         this.vviinnCropperResetState = index.createEvent(this, "vviinnCropperResetState");
         this.vviinnResetCropArea = index.createEvent(this, "vviinnResetCropArea");
-        this.vviinnSelectedFiltersReset = index.createEvent(this, "vviinnSelectedFiltersReset");
         /** Save to Local Storage mode for uploaded image */
         this.saveImageMode = "once";
         /** Automatically trigger visual search after crop. Set to false to handle search manually via vviinnCropperCropEnd event */
@@ -397,7 +396,10 @@ const VviinnCropper = class {
             return Object.assign({ campaignTypeId: "VPS", campaignTypeName: search_store.campaignTypeNames["VPS"], widgetVersion: search_store.version }, search_store.addIfNotEmpty("widgetId", this.el.id));
         };
         this.triggerVisualSearch = async () => {
-            Rectangle._functionExports.pipe(await search_store.makeVisualSearchRequest(this.storeName, null, this.token, this.apiPath), Rectangle.fold(() => {
+            Rectangle._functionExports.pipe(await search_store.makeVisualSearchRequest(this.storeName, null, this.token, {
+                apiPath: this.apiPath,
+                dropAppliedFilters: true,
+            }), Rectangle.fold(() => {
                 this.vviinnNoResult.emit(this.getBasicEventData());
             }, () => { }));
         };
@@ -476,6 +478,10 @@ const VviinnCropper = class {
             if (!this.state.imageBounds)
                 return;
             const normalizedSearchArea = Rectangle.divideOnSized(this.state.imageBounds)(cropboxData);
+            // Before the events: a host listening on vviinnCropperCropEnd searches synchronously, and
+            // dropAppliedFilters only shapes requests we make ourselves.
+            if (!this.autoSearch && this.state.requestFilters.length)
+                this.state.requestFilters = [];
             this.vviinnCropperCropEnd.emit(Object.assign({ searchArea: cropboxData, normalizedSearchArea, imageBounds: this.state.imageBounds }, (this.state.visualSearchId && {
                 requestId: this.state.visualSearchId,
             })));
@@ -484,7 +490,8 @@ const VviinnCropper = class {
             this.vviinnImageCrop.emit({
                 isTriggeredByVpsWidget: this.showInWidget,
             });
-            this.autoSearch && this.triggerVisualSearch();
+            if (this.autoSearch)
+                this.triggerVisualSearch();
         };
         this.showPreloader = () => this.state.searchStatus === "loading" &&
             this.state.searchType === "image" &&
@@ -539,20 +546,17 @@ const VviinnCropper = class {
             return;
         if (this.cropper)
             this.state.croppedImageUrl = (_d = (_b = (_a = this.cropper).getCroppedCanvas) === null || _b === void 0 ? void 0 : (_c = _b.call(_a)).toDataURL) === null || _d === void 0 ? void 0 : _d.call(_c);
-        this.vviinnSelectedFiltersReset.emit({
-            isTriggeredByVpsWidget: this.showInWidget,
-        });
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'b50ccb5595b27ef6673ff9d9350fc30359a6f7ce', class: {
+        return (index.h(index.Host, { key: 'd21160534d7b061f52b6a9cd990b4f774a7e3fb7', class: {
                 "show-in-widget": this.showInWidget,
                 active: !!this.state.image,
-            } }, cssUrlHelper.renderExternalCSS(this.cssUrl), index.h("div", { key: 'efd816ed4e19082091567714fee4ef40efe9a6c4', class: "container" }, this.state.image && (index.h("div", { key: '13f35758ba243eb73513e17375daca8431538383', class: "image-container", style: {
+            } }, cssUrlHelper.renderExternalCSS(this.cssUrl), index.h("div", { key: 'c21fefcf982b5f569adad7a5934d442da666a0c3', class: "container" }, this.state.image && (index.h("div", { key: 'a9b71be06d432d1f35c53cf5721b6708580dfc95', class: "image-container", style: {
                 width: `${this.width.toString()}px`,
                 overflow: "hidden",
-            } }, index.h("img", { key: '7525aae0654325fb25c88106a9ee1fface11a62e', decoding: "async", width: this.width, height: this.height, src: this.state.image.src, draggable: false, onLoad: this.loadImage, alt: store.instance.t("a11y.cropperImage") }), (_a = this.state.detectedObjects) === null || _a === void 0 ? void 0 :
-            _a.map((object) => (index.h("vviinn-detected-object", { detectedObject: object, selectedDetectedObject: this.selectedDetectedObject, basicEventData: this.basicEventData, imageBounds: this.state.imageBounds, showInWidget: this.showInWidget }))))), this.showPreloader() && (index.h("div", { key: 'b89ad46bda5279b77f4fe258f7a6d4af08f81c29', class: "image-preloader" }, index.h("vviinn-preloader", { key: '34f55578c05321480d7e3d8141a4638df8aad08b' }))))));
+            } }, index.h("img", { key: 'a15e6593d83afbcb0713b77ebd6712c8f08d43e3', decoding: "async", width: this.width, height: this.height, src: this.state.image.src, draggable: false, onLoad: this.loadImage, alt: store.instance.t("a11y.cropperImage") }), (_a = this.state.detectedObjects) === null || _a === void 0 ? void 0 :
+            _a.map((object) => (index.h("vviinn-detected-object", { detectedObject: object, selectedDetectedObject: this.selectedDetectedObject, basicEventData: this.basicEventData, imageBounds: this.state.imageBounds, showInWidget: this.showInWidget }))))), this.showPreloader() && (index.h("div", { key: '853db6a1f6b06f4ade2bda740df2de525e7d1404', class: "image-preloader" }, index.h("vviinn-preloader", { key: '35ad67441ad3c70938ce499a99d9e821841f00fb' }))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -725,7 +729,7 @@ const oneClickDiscoveryModes = [
 
 const vviinnResultsCss = ":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-display:32px;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-display:40px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--product-card-widget-min-width:135px;--product-card-results-min-width:250px;--image-set-mode-min-width:155px;--source-card-set-mode-max-width:500px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#707070;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--button-bg-color-positive:#dcfce7;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--surface-bg-color-shadow-01:#dddddd;--surface-bg-color-shadow-02:#c6c6c6;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;--label-bg-color-accent:#ff3944;--sidebar-animation-duration-default:0.5s;--search-modal-animation-duration-default:0.25s;--search-modal-animation-duration-mobile-default:0.35s;}:host{display:block}:host(.show-in-widget){display:grid;overflow-y:auto;overflow-x:hidden;padding:unset;position:relative;width:100%}:host::part(product-card){width:100%;height:100%}:host::part(content-card){height:100%}:host::part(list-card){height:calc(100% - 20px)}.products{width:100%;align-content:center;align-items:start;box-sizing:border-box;display:grid;grid-gap:32px 16px;grid-template-columns:repeat(\n    auto-fill,\n    minmax(\n      var(--product-card-width, var(--product-card-results-min-width)),\n      1fr\n    )\n  );justify-items:center;padding:0 24px 24px 16px;position:absolute}:host(.show-in-widget) .products{grid-template-columns:repeat(\n    auto-fill,\n    minmax(var(--product-card-width, var(--product-card-widget-min-width)), 1fr)\n  )}:host(:not(.show-in-widget)) .products{position:static;padding:0}.hidden{visibility:hidden;height:1px}products.hidden{display:none}.vviinn-results-product-card-actions vviinn-vpr-button::part(button){position:relative;display:flex;justify-content:center;align-items:center;color:var(--color-icon-inverse);padding:var(--spacing-50);gap:var(--spacing-50);border-radius:var(--border-radius-100);background:var(--button-bg-color-frosted);backdrop-filter:blur(calc(var(--filter-blur-150, 12px) / 2))}.vviinn-results-product-card-actions vviinn-vpr-button::part(button)::after{content:\"\";position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(1.55)}.vviinn-results-product-card-actions vviinn-vpr-button::part(button):hover{background:var(--button-bg-color-frosted-hover)}#one-click-discovery-append{width:100%;grid-column:1 / -1}vviinn-recommendations-sidebar::part(body){border:1px solid var(--color-border-02);border-left:none;border-right:none;margin-top:-9px;max-height:unset}@media screen and (max-width: 768px){vviinn-recommendations-sidebar::part(body){margin-top:-1px}}vviinn-recommendations-sidebar::part(source-image){display:none}vviinn-recommendations-sidebar::part(sidebar-header){padding:0;min-height:40px;margin-bottom:24px;align-items:center;justify-items:left;text-align:left}vviinn-recommendations-sidebar::part(sidebar-content){padding:0}:host(.matching-discovery) vviinn-recommendations-sidebar::part(items-group){grid-template-columns:repeat(\n    auto-fill,\n    minmax(\n      var(--product-card-width, var(--product-card-results-min-width)),\n      1fr\n    )\n  )}:host(.show-in-widget) vviinn-recommendations-sidebar::part(recommendations-results),:host(.show-in-widget) vviinn-recommendations-sidebar::part(items-group){grid-template-columns:repeat(\n    auto-fill,\n    minmax(var(--product-card-widget-min-width), 1fr)\n  )}@media (max-width: 768px){:host(.show-in-widget){align-content:start;position:static;overflow-y:unset;width:100%;padding-top:0;margin-top:12px}.products{position:static;padding:0;width:unset;row-gap:24px;justify-content:center}.nothing-found{position:static;grid-gap:64px;padding:unset;align-content:start;width:unset}}@media (max-width: 380px){.products{-moz-column-gap:10px;column-gap:10px}}";
 
-var __rest$2 = (undefined && undefined.__rest) || function (s, e) {
+var __rest$1 = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
     for (var p in s)
         if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -840,7 +844,7 @@ const VviinnResults = class {
             if (!detail.query)
                 return;
             search_store.setTextSearchQuery(this.storeName, detail.query);
-            const _a = this.getBasicEventData("TPS"), rest = __rest$2(_a, ["campaignTypeId"]);
+            const _a = this.getBasicEventData("TPS"), rest = __rest$1(_a, ["campaignTypeId"]);
             const textSearchStartedEvent = index$1.createWidgetEvent("TPS")(Object.assign({ action: "search", session_id: this.uiSessionId }, rest));
             store.trackEvent(textSearchStartedEvent, this.token, this.apiPath);
             this.getTextSearchResults();
@@ -865,7 +869,7 @@ const VviinnResults = class {
             if (this.skipStateChanges(detail.isTriggeredByVpsWidget))
                 return;
             const { action, kind, customTrigger } = detail;
-            const _a = this.getBasicEventData(customTrigger), rest = __rest$2(_a, ["campaignTypeId"]);
+            const _a = this.getBasicEventData(customTrigger), rest = __rest$1(_a, ["campaignTypeId"]);
             if (action === "select" || action === "deselect" || action === "reset")
                 this.initResultEvents();
             if (customTrigger === "TPS")
@@ -884,14 +888,6 @@ const VviinnResults = class {
             search_store.resetStore(this.storeName, "appStateOnly");
             this.updateCampaignIds();
         };
-        this.imageCropHandler = ({ detail }) => {
-            if (this.skipStateChanges(detail.isTriggeredByVpsWidget))
-                return;
-            this.vviinnSelectedFiltersReset.emit({
-                isTriggeredByVpsWidget: this.showInWidget,
-            });
-            this.state.requestFilters = [];
-        };
         this.oneClickDiscoveryAppendClosedHandler = ({ detail, }) => {
             if (this.skipStateChanges(detail.isTriggeredByVpsWidget))
                 return;
@@ -914,7 +910,7 @@ const VviinnResults = class {
         });
     }
     createTrackingEventBody(detail) {
-        const { productRank, productId} = detail, rest = __rest$2(detail, ["productRank", "productId", "campaignTypeId", "clickEvent"]);
+        const { productRank, productId} = detail, rest = __rest$1(detail, ["productRank", "productId", "campaignTypeId", "clickEvent"]);
         return Object.assign({ session_id: this.uiSessionId, rank: productRank, product: productId }, rest);
     }
     async componentWillLoad() {
@@ -967,7 +963,7 @@ const VviinnResults = class {
         }));
     }
     async getVisualSearchResults(searchId) {
-        return Rectangle._functionExports.pipe(await search_store.makeVisualSearchRequest(this.storeName, searchId !== null && searchId !== void 0 ? searchId : this.state.visualSearchId, this.token, this.apiPath), Rectangle.fold(() => {
+        return Rectangle._functionExports.pipe(await search_store.makeVisualSearchRequest(this.storeName, searchId !== null && searchId !== void 0 ? searchId : this.state.visualSearchId, this.token, { apiPath: this.apiPath }), Rectangle.fold(() => {
             this.vviinnNoResult.emit(this.getBasicEventData("VPS"));
             return null;
         }, (response) => response));
@@ -995,7 +991,6 @@ const VviinnResults = class {
             ["vviinnTextSearchStarted", this.textSearchStartedHandler],
             ["vviinnFiltersChanged", this.filtersChangedHandler],
             ["vviinnFilterTriggered", this.filterTriggeredHandler],
-            ["vviinnImageCrop", this.imageCropHandler],
             [
                 "vviinnOneClickDiscoveryAppendClosed",
                 this.oneClickDiscoveryAppendClosedHandler,
@@ -1076,7 +1071,7 @@ const VviinnResults = class {
         store.trackEvent(addToWishlistEvent, this.token, this.apiPath);
     }
     trackResultEvent(type) {
-        const _a = this.getBasicEventData(), { campaignTypeId } = _a, rest = __rest$2(_a, ["campaignTypeId"]);
+        const _a = this.getBasicEventData(), { campaignTypeId } = _a, rest = __rest$1(_a, ["campaignTypeId"]);
         let resultEvent = index$1.createResultEventByType(type, campaignTypeId)(Object.assign({ session_id: this.uiSessionId }, rest));
         store.trackEvent(resultEvent, this.token, this.apiPath);
     }
@@ -1149,13 +1144,13 @@ const VviinnResults = class {
     render() {
         var _a;
         const resultsLength = this.getResults().length;
-        return (index.h(index.Host, { key: 'd62957bb1294f3a62e14fa9a3eb97c7ef6007eae', id: "results-block", class: {
+        return (index.h(index.Host, { key: '6717d12dc2c915c1f347ee0d626c2e14bd22495c', id: "results-block", class: {
                 "show-in-widget": this.showInWidget,
                 "matching-discovery": this.oneClickDiscoveryMode === "append-slider",
-            }, exportparts: `${index$3.productCardParts}, ${index$3.listCardParts}, ${index$3.contentCardParts}, ${index$3.productCardsGridPart}` }, cssUrlHelper.renderExternalCSS(this.cssUrl), index.h("div", { key: '69f7a38dc02f42c357dbae8cf154ecb78380f270', class: "nothing-found" }, this.getCurrentErrorType() && (index.h("vviinn-error", { key: 'd78ed9f6d777d7ec1686b10b709deee018c4391e', errorType: this.getCurrentErrorType(), handler: this.resetWidgetState, hasBackground: this.showInWidget, searchType: this.state.searchType }))), index.h("div", { key: 'be3db62dcfd508b6f60036454d3c825d6c27f5ae', class: {
+            }, exportparts: `${index$3.productCardParts}, ${index$3.listCardParts}, ${index$3.contentCardParts}, ${index$3.productCardsGridPart}` }, cssUrlHelper.renderExternalCSS(this.cssUrl), index.h("div", { key: '16e9465ffc9dcfeb3f7eddbd7d340c4a8a6910a6', class: "nothing-found" }, this.getCurrentErrorType() && (index.h("vviinn-error", { key: '1aa58576b33310b819cf8bc96e12635dd1dda6c8', errorType: this.getCurrentErrorType(), handler: this.resetWidgetState, hasBackground: this.showInWidget, searchType: this.state.searchType }))), index.h("div", { key: '83bdaeb513300871388847247407a6925d8e9398', class: {
                 hidden: this.showAspectRatioError || resultsLength === 0,
                 products: true,
-            }, part: index$3.productCardsGridPart, id: "vviinn-results-products" }, resultsLength > 0 && this.renderResults(), index.h("div", { key: '88d3d2d5880806b9e24799694cc540de676d17f8', id: "one-click-discovery-append", style: {
+            }, part: index$3.productCardsGridPart, id: "vviinn-results-products" }, resultsLength > 0 && this.renderResults(), index.h("div", { key: '44c26b1e19e097962ed8b004b98fce6099ade20d', id: "one-click-discovery-append", style: {
                 order: ((_a = this.oneClickDiscoveryAppendIndex) !== null && _a !== void 0 ? _a : resultsLength).toString(),
             } }))));
     }
@@ -1169,18 +1164,6 @@ VviinnResults.style = vviinnResultsCss;
 
 const vviinnFiltersCss = ":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-display:32px;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-display:40px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--product-card-widget-min-width:135px;--product-card-results-min-width:250px;--image-set-mode-min-width:155px;--source-card-set-mode-max-width:500px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#707070;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--button-bg-color-positive:#dcfce7;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--surface-bg-color-shadow-01:#dddddd;--surface-bg-color-shadow-02:#c6c6c6;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;--label-bg-color-accent:#ff3944;--sidebar-animation-duration-default:0.5s;--search-modal-animation-duration-default:0.25s;--search-modal-animation-duration-mobile-default:0.35s;}:host{display:block;font-family:var(--font-family, var(--font-family-base));font-style:normal;display:contents;}.filters-modal-list,.sub-filters-wrapper,.main-filters-list,.filters-modal-sub-list,.selected-filters-wrapper{list-style:none;margin:0;padding:0}.main-filters-list{padding:var(--spacing-25);gap:var(--spacing-25);border-radius:8px;background:var(--surface-bg-color-01);display:inline-flex}vviinn-range-filter{width:100%;max-width:500px;padding-bottom:var(--spacing-150)}.filters-search-input-container{position:relative;box-sizing:border-box;width:100%;display:flex;align-items:center}.filters-search-icon{position:absolute;left:var(--spacing-100);color:var(--color-icon-helper);z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:center}.filters-search-input{width:100%;padding:var(--spacing-100) var(--spacing-100) var(--spacing-100)\n    var(--spacing-500);border:none;background:var(--color-bg-base);font-family:var(--font-family, var(--font-family-base));font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);color:var(--color-text-primary);box-sizing:border-box;outline:none}.filters-search-input::-moz-placeholder{color:var(--color-text-placeholder)}.filters-search-input::placeholder{color:var(--color-text-placeholder)}.filters-modal-main-button,.filters-sub-button,.filters-main-button,.filters-modal-close,.filters-sub-button-selected{font-family:var(--font-family, var(--font-family-base));cursor:pointer;border:none}.filters-sub-button,.filters-main-button{font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);display:flex;justify-content:center;align-items:center;border-radius:6px}.filters-main-button{padding:var(--spacing-100);color:var(--color-text-secondary);background:none;transition:background 0.15s,\n    color 0.15s}.filters-main-button.active,.filters-main-button:hover{background:var(--surface-bg-color-02);color:var(--color-text-primary)}.sub-filters-wrapper,.selected-filters-wrapper{gap:var(--spacing-100);display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:thin}.sub-filters-wrapper{align-items:center;gap:var(--spacing-100);margin:16px -2px 0}.sub-filters-wrapper>li{padding:2px}.selected-filters-wrapper{align-items:center;gap:var(--spacing-100);flex-wrap:wrap}.filters-sub-button{color:var(--color-text-primary);background:var(--surface-bg-color-01);padding:var(--spacing-100);gap:var(--spacing-25);height:100%}.filters-sub-button>span,.filters-sub-button-selected>span{display:inline-flex;justify-content:center;align-items:center;gap:var(--spacing-25);white-space:nowrap}.filters-sub-button>span>span,.filters-sub-button-selected>span>span{padding:var(--spacing-25)}.filters-sub-button:hover{background:var(--surface-bg-color-01-hover)}.filters-sub-button:disabled{cursor:not-allowed;background:var(--surface-bg-color-disabled);color:var(--color-text-disabled)}.filters-more-button{display:flex;padding:var(--spacing-100);gap:var(--spacing-50);border-radius:var(--border-radius-100);align-items:flex-start;background-color:var(--button-bg-color-secondary);transition:background-color 0.1s;border:none;cursor:pointer}.filters-more-button:hover{background-color:var(--button-bg-color-secondary-hover)}.filters-modal-wrapper{display:flex;flex-direction:column;background:#ffffff}.filters-modal.button,.filters-modal.modal{display:none;position:fixed;top:0;bottom:0;right:0;left:0;z-index:99999;background-color:rgba(0, 0, 0, 0.5)}.filters-modal.button .filters-modal-wrapper{position:fixed;top:0;bottom:0;right:0;width:420px;z-index:99999;border-radius:var(--border-radius-400) var(--border-radius-none)\n    var(--border-radius-none) var(--border-radius-400)}.filters-modal.preview{display:block}.filters-modal.open{display:block}.filters-modal-header{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--color-text-primary);text-align:center;border-bottom:1px solid var(--color-border-01)}.filters-modal-header.show-header-content{min-height:64px}.filters-modal-title{margin:0;padding:0;font-size:var(--font-size-headline);font-weight:var(--font-weight-500);line-height:var(--line-height-headline);letter-spacing:var(--letter-spacing-headline)}.filters-modal-no-filters-message{font-size:var(--font-size-caption);color:var(--color-text-secondary);font-weight:var(--font-weight-500);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption);text-align:center;padding:var(--spacing-300) var(--spacing-200);display:flex;align-items:center;justify-content:center}.filters-modal-main{overflow-y:auto;scrolbar-width:thin}.filters-modal-list{margin:var(--spacing-50) 0 0 var(--spacing-300)}.filters-modal-list>li{padding-right:var(--spacing-300)}.filters-modal:not(.preview-inline) .filters-modal-list>li:not(:last-child) .filters-modal-main-button-wrapper{border-bottom:1px solid var(--color-border-01)}.filters-modal-main-button{position:relative;width:100%;background:none;text-align:left;padding:var(--spacing-200) 0;color:var(--color-text-primary);font-size:var(--font-size-label-large);font-weight:var(--font-weight-500);line-height:var(--line-height-label-large);letter-spacing:var(--letter-spacing-label-large)}.filters-modal-main-button>svg{position:absolute;right:0;top:var(--spacing-200);color:var(--color-icon-helper);transform:rotate(90deg)}.filters-modal-main-button:hover>svg{color:var(--color-icon-primary);transition:color 0.2s}.filters-modal-main-button-wrapper.open .filters-modal-main-button>svg{transform:rotate(-90deg);color:var(--color-icon-primary)}.filters-modal-sub-list{display:none}.filters-modal-main-button-wrapper.open .filters-modal-sub-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-bottom:var(--spacing-150)}.filters-modal-sub-list>li{display:contents}.filters-modal-close{position:absolute;color:#6f6f6f;right:var(--spacing-100);top:var(--spacing-200);cursor:pointer;background:none}.filters-modal-close:hover{color:#000}.filters-modal.preview .filters-modal-close{display:none}.filters-more-modal-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;height:36px;padding:var(--spacing-75);gap:var(--spacing-50);border-radius:var(--border-radius-100);background-color:var(--surface-bg-color-01);transition:background-color 0.1s;font-family:var(--font-family, var(--font-family-base));font-size:var(--font-size-label);color:var(--color-text-primary)}.filters-more-modal-button.custom:not(.clickable){cursor:default}.filters-more-modal-button:hover{background-color:var(--surface-bg-color-01-hover)}.filters-more-modal-button.active{background:var(--surface-bg-color-inverse);color:var(--color-text-inverse)}.filters-more-modal-button.active .filters-option-icon-wrapper{border-color:var(--color-bg-base);background-color:var(--color-bg-base);color:var(--color-icon-primary)}.filters-more-modal-button>span{white-space:nowrap;padding:var(--spacing-25)}.filters-more-modal-button:disabled{cursor:not-allowed;opacity:0.5}.filters-more-modal-button img{box-sizing:border-box;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:var(--border-radius-full);border:1px solid var(--color-border-01)}.filters-modal-actions{border-top:1px solid var(--color-border-01);padding:var(--spacing-125);z-index:10;border-radius:0px 0px 0px 32px}.filters-modal-apply,.filters-modal-reset{font-family:var(--font-family, var(--font-family-base))}.filters-modal-apply{cursor:pointer;width:100%;border:none;margin-bottom:20px;display:flex;padding:var(--spacing-150);justify-content:center;align-items:center;gap:var(--spacing-50);align-self:stretch;color:var(--color-text-inverse);text-align:center;border-radius:var(--border-radius-150);background:var(--button-bg-color-primary);font-size:var(--font-size-label-large);font-weight:var(--font-weight-500);line-height:var(--line-height-label-large);letter-spacing:var(--letter-spacing-label-large)}.filters-modal-apply:disabled{background:var(--button-bg-color-disabled);color:var(--color-text-disabled)}.filters-modal-reset{background:none;border:none;cursor:pointer;display:block;text-align:center;width:100%;padding:var(--spacing-125) 0;color:var(--color-text-secondary);text-align:center;font-size:var(--font-size-label);font-weight:var(--font-weight-500);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label)}.filters-modal-reset:hover{color:var(--color-text-primary)}.selected-filters-wrapper>li .filters-sub-button-selected{border-radius:var(--border-radius-100);background:var(--surface-bg-color-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:var(--spacing-100)}.selected-filters-wrapper>li.hidden{display:none}.filters-sub-button-selected{display:flex;align-items:center;gap:var(--spacing-25);background:var(--surface-bg-color-inverse);border-radius:var(--border-radius-100);color:var(--color-text-inverse);text-overflow:ellipsis;font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);padding:var(--spacing-100)}.filters-sub-button-color-dot{box-sizing:border-box;width:24px;height:24px;border-radius:var(--border-radius-full);border:var(--stroke-width-50) solid var(--color-border-01)}.selected-filters-wrapper .filters-sub-button-selected{width:24px;height:24px;border:none}.filters-option-icon-wrapper{display:flex;box-sizing:border-box;align-items:center;justify-content:center;border-radius:4px;border:2px solid #e0e0e0;background:#fff;width:20px;height:20px}.filters-modal-main-button-added-options{color:var(--color-text-secondary);text-overflow:ellipsis;padding-right:var(--spacing-100);font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.filters-modal-main-button-added-options>span::after{content:\", \"}.filters-modal-main-button-added-options>span:last-child::after{content:\"\"}.filters-modal.preview-inline,.filters-modal.preview-inline .filters-modal-wrapper,.filters-modal.preview-inline .filters-modal-main{overflow:visible}.filters-modal.preview-inline .filters-modal-header,.filters-modal.preview-inline .filters-modal-actions{display:none}.filters-modal.preview-inline .filters-modal-list{margin:0;flex-direction:row;gap:var(--spacing-100);display:flex;flex-wrap:wrap}.filters-modal.preview-inline .extended-filters-row{box-sizing:border-box;padding-right:0;border-radius:var(--border-radius-100);background:var(--surface-bg-color-01)}.filters-modal.preview-inline .filters-modal-main-button{width:100%;display:flex;align-items:center;padding:var(--spacing-75);gap:var(--spacing-25);justify-content:space-between;font-size:var(--font-size-body);font-weight:var(--font-weight-400)}.filters-modal.preview-inline .filters-modal-main-button>svg{position:static}.filters-modal.preview-inline .extended-filters-row{position:relative}.filters-modal.preview-inline .filters-search-container{max-height:225px;width:-moz-max-content;width:max-content;min-width:140px;height:-moz-fit-content;height:fit-content;overflow:hidden;position:absolute;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;padding:0;top:calc(100% + var(--spacing-75));left:0;right:0;z-index:1000;border-radius:var(--border-radius-150);border:1px solid var(--color-border-01);background-color:var(--color-bg-base);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1);box-sizing:border-box}.filters-modal.preview-inline .filters-search-input-container{position:sticky;top:0;background-color:var(--color-bg-base);padding:var(--spacing-50);border-bottom:1px solid var(--color-border-01);z-index:1}.filters-modal.preview-inline .filters-modal-sub-list{position:static;border:none;background:none;box-shadow:none;padding:var(--spacing-50);margin:0;max-height:165px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:8px;overflow-y:auto;scrollbar-width:thin}.filters-modal.preview-inline .align-right .filters-search-container{left:auto;right:0}.filters-modal.preview-inline .filters-more-modal-button{width:100%;gap:var(--spacing-150);background-color:var(--color-bg-base)}.filters-modal.preview-inline .filters-option-icon-wrapper{margin-left:auto}.filters-modal.preview-inline .filters-more-modal-button:hover{background-color:var(--surface-bg-color-01-hover)}.filters-modal.preview-inline .filters-more-modal-button.active{color:var(--color-text-primary)}.filters-modal.preview-inline .filters-more-modal-button.active .filters-option-icon-wrapper{border-color:var(--color-bg-inverse);background-color:var(--color-bg-inverse);color:var(--color-icon-inverse)}.filters-modal.preview-inline .filters-modal-sub-list:has(vviinn-range-filter){padding:0 var(--spacing-75);width:220px;max-height:unset}.filters-modal.preview-inline vviinn-range-filter{width:100%}@media (max-width: 768px){.sub-filters-wrapper,.selected-filters-wrapper{flex-wrap:unset;overflow-x:auto;scrollbar-width:none;padding-bottom:0}.sub-filters-wrapper,.selected-filters-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.sub-filters-wrapper::-webkit-scrollbar,.selected-filters-wrapper::-webkit-scrollbar{display:none}:host(.show-in-widget) .selected-filters-container{overflow-x:auto;width:100%}:host(.show-in-widget) .selected-filters-wrapper{padding:0 var(--spacing-300)}.filters-modal.button .filters-modal-wrapper,.filters-modal.modal .filters-modal-wrapper{width:100%;border-radius:24px 24px 0px 0px}.filters-modal.button .filters-modal-wrapper{top:10%}.filters-modal.modal .filters-modal-wrapper{position:fixed;width:100%;height:calc(100% - 64px);bottom:0;transform:translateY(-64px)}.filters-modal.modal .filters-modal-header{font-size:var(--font-size-body-large)}.filters-modal.modal .filters-modal-main{padding-bottom:120px}vviinn-range-filter{max-width:unset}:host(.show-in-widget.primary-filters) vviinn-range-filter{max-width:calc(100% - 48px);transform:translateX(24px)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}";
 
-var __rest$1 = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 const VviinnSelectedFilters = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -1193,10 +1176,12 @@ const VviinnSelectedFilters = class {
         /** @internal */
         this.showInWidget = false;
         this.requestFilters = [];
-        this.selectedFilterButtons = [];
         this.textSearchCustomFilter = null;
         this.imageSrc = null;
-        this.intervalCustomFilters = {};
+        // Rebuilt in componentWillRender and consumed by the render after it, so plain fields.
+        // The local requestFilters drive that rebuild — reads there register no subscription.
+        this.selectedFilterButtons = [];
+        this.intervalFilterButtons = [];
         this.handleSubFilterSelection = (filterValue, selectedFilter) => {
             this.requestFilters = index$1.triggerFilter({
                 filterValue,
@@ -1212,22 +1197,16 @@ const VviinnSelectedFilters = class {
         this.skipStateChanges = (isTriggeredByVpsWidget) => this.showInWidget !== isTriggeredByVpsWidget;
         this.resetInnerState = (resetTextSearchFilter = false, resetImageFilter = false) => {
             this.requestFilters = [];
-            this.selectedFilterButtons = [];
-            this.intervalCustomFilters = {};
             resetTextSearchFilter && (this.textSearchCustomFilter = null);
             resetImageFilter && (this.imageSrc = null);
         };
         this.handleFilterTriggered = ({ detail, }) => {
-            var _a;
             if (this.skipStateChanges(detail.isTriggeredByVpsWidget))
                 return;
             if (detail.customTrigger === "TPS") {
                 this.resetInnerState(true, true);
                 this.textSearchCustomFilter = detail.kind;
             }
-            if (detail.action === "select" && ((_a = detail.filter) === null || _a === void 0 ? void 0 : _a.type) === "interval") {
-                this.setIntervalFilterLabel(detail.filter, detail.value.interval);
-            }
         };
         this.handleImageUploadStarted = ({ detail }) => {
             if (this.skipStateChanges(detail.isTriggeredByVpsWidget))
@@ -1246,13 +1225,6 @@ const VviinnSelectedFilters = class {
                 this.skipStateChanges(isTriggeredByVpsWidget))
                 return;
             this.requestFilters = filters;
-            const activeIntervalColumns = new Set(filters
-                .filter((f) => f.values && f.values.length > 0)
-                .map((f) => f.column));
-            const updatedIntervalFilters = Object.fromEntries(Object.entries(this.intervalCustomFilters).filter(([column]) => activeIntervalColumns.has(column)));
-            if (Object.keys(updatedIntervalFilters).length !==
-                Object.keys(this.intervalCustomFilters).length)
-                this.intervalCustomFilters = updatedIntervalFilters;
         };
         this.handleSelectedFiltersReset = ({ detail }) => {
             if (this.skipStateChanges(detail.isTriggeredByVpsWidget))
@@ -1273,8 +1245,6 @@ const VviinnSelectedFilters = class {
             this.imageSrc = imageSrc;
         };
         this.handleIntervalButtonClick = (column) => {
-            const _a = this.intervalCustomFilters, _b = column, remaining = __rest$1(_a, [typeof _b === "symbol" ? _b : _b + ""]);
-            this.intervalCustomFilters = remaining;
             this.requestFilters = index$1.triggerRemoveIntervalFilter({
                 column,
                 requestFilters: this.requestFilters,
@@ -1303,7 +1273,7 @@ const VviinnSelectedFilters = class {
     connectedCallback() {
         const { state, onChange } = search_store.useSearchStore(this.showInWidget);
         this.state = state;
-        index$1.syncRequestFilters(state, onChange, (filters) => (this.requestFilters = filters));
+        this.disposeStoreListener = index$1.syncRequestFilters(state, onChange, (filters) => (this.requestFilters = filters));
         this.eventAbortController = new AbortController();
         const { signal } = this.eventAbortController;
         index$2.addEventListenersWithSignal(document, [
@@ -1323,16 +1293,18 @@ const VviinnSelectedFilters = class {
         this.replaceSlotsContent();
     }
     disconnectedCallback() {
-        var _a;
+        var _a, _b;
         (_a = this.eventAbortController) === null || _a === void 0 ? void 0 : _a.abort();
+        (_b = this.disposeStoreListener) === null || _b === void 0 ? void 0 : _b.call(this);
     }
     componentWillRender() {
         var _a;
         this.selectedFilterButtons = [];
+        this.intervalFilterButtons = [];
         const filters = ((_a = this.state) === null || _a === void 0 ? void 0 : _a.dynamicFilters) || [];
         filters.forEach((filter) => {
             if (filter.type === "interval") {
-                this.syncPreselectedIntervalFilter(filter);
+                this.collectIntervalButton(filter);
                 return;
             }
             if (!("values" in filter))
@@ -1352,32 +1324,28 @@ const VviinnSelectedFilters = class {
             });
         });
     }
-    setIntervalFilterLabel(filter, interval) {
-        var _a;
-        const label = index$1.getIntervalLabel(filter, interval, (_a = this.currencySign) !== null && _a !== void 0 ? _a : store.defaultConfig.currencySign, true);
-        if (label) {
-            this.intervalCustomFilters = Object.assign(Object.assign({}, this.intervalCustomFilters), { [filter.column]: label });
-        }
-        else {
-            const _b = this.intervalCustomFilters, _c = filter.column, remaining = __rest$1(_b, [typeof _c === "symbol" ? _c : _c + ""]);
-            this.intervalCustomFilters = remaining;
-        }
-    }
-    syncPreselectedIntervalFilter(filter) {
+    /** A chip exists only while the column has an applied interval to show. */
+    collectIntervalButton(filter) {
         var _a;
-        if (this.intervalCustomFilters[filter.column])
+        const applied = index$1.getSelectedInterval(this.requestFilters, filter.column);
+        if (!applied)
             return;
-        const matchingRequest = this.requestFilters.find((rf) => rf.column === filter.column);
-        if (!((_a = matchingRequest === null || matchingRequest === void 0 ? void 0 : matchingRequest.values) === null || _a === void 0 ? void 0 : _a.length))
+        const label = index$1.getIntervalLabel(filter, applied, (_a = this.currencySign) !== null && _a !== void 0 ? _a : store.defaultConfig.currencySign, true);
+        if (!label)
             return;
-        this.setIntervalFilterLabel(filter, matchingRequest.values[0]);
+        const { column } = filter;
+        this.intervalFilterButtons.push(index.h("div", { key: column }, RenderCustomButton({
+            label,
+            buttonType: "range",
+            onClick: () => this.handleIntervalButtonClick(column),
+        })));
     }
     render() {
         var _a, _b;
         if (this.showInWidget &&
             !this.selectedFilterButtons.length &&
             !this.state.croppedImageUrl &&
-            !Object.keys(this.intervalCustomFilters).length)
+            !this.intervalFilterButtons.length)
             return null;
         return (index.h(index.Host, { class: {
                 "show-in-widget": this.showInWidget,
@@ -1399,14 +1367,7 @@ const VviinnSelectedFilters = class {
             imageSrc: this.state.croppedImageUrl,
             onClick: this.handleCropButtonClick,
             hidden: !this.state.searchArea,
-        }), Object.entries(this.intervalCustomFilters)
-            .filter(([, label]) => label && label.trim().length > 0)
-            .map(([column, label]) => (index.h("div", { key: column }, RenderCustomButton({
-            label,
-            buttonType: "range",
-            onClick: () => this.handleIntervalButtonClick(column),
-            hidden: false,
-        })))), this.selectedFilterButtons))));
+        }), this.intervalFilterButtons, this.selectedFilterButtons))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,10 +1,10 @@
 'use strict';
 
 var index = require('./index-BU8FMTXn.js');
-var search_store = require('./search.store-CIlbtjnr.js');
+var search_store = require('./search.store-BOJh7lOl.js');
 var Rectangle = require('./Rectangle-7dF6_xf3.js');
 var store = require('./store-jPZ4ROqV.js');
-var index$1 = require('./index-CMOB6Jkt.js');
+var index$1 = require('./index-DJP-DLP2.js');
 var constants = require('./constants-BlwqMvns.js');
 var index$2 = require('./index-CP1QUrJT.js');
 var index$3 = require('./index-BF9aENF8.js');
@@ -620,11 +620,6 @@ const getFilterOptions = (filter) => {
             : [];
 };
 
-const getSelectedInterval = (requestFilters, column) => {
-    const intervalFilter = requestFilters.find((filter) => filter.column === column);
-    return intervalFilter === null || intervalFilter === void 0 ? void 0 : intervalFilter.values[0];
-};
-
 const RenderSearchInput = ({ searchTerm, onSearchInput, placeholder = "Start Search...", iconSlot, }) => (index.h("div", { class: "filters-search-input-container", part: "filters-search-input-container" },
     index.h("div", { class: "filters-search-icon", part: "filters-search-icon" },
         index.h("slot", { name: "vviinn-filters-search-icon" }, iconSlot || index.h(SearchIcon, null))),
@@ -854,8 +849,8 @@ const VviinnExtendedFilters = class {
                     searchTerm: this.searchTerm,
                     onSearchInput: this.handleSearchInput,
                     placeholder: store.instance.t("filters.search.placeholder"),
-                }), index.h("ul", { class: "filters-modal-sub-list", part: "extended-filters-sub-list" }, mainFilter.type === "interval" ? (index.h("vviinn-range-filter", { histogram: filterOptions, intervalChangeHandler: (filterValue) => this.intervalFilterChangeHandler(filterValue, mainFilter.column), selectedInterval: getSelectedInterval(this.requestFilters, mainFilter.column), showCurrency: index$1.isPriceFilter(mainFilter.column), currencySign: this.currencySign, showIntervalInputs: this.showIntervalInputs })) : (this.renderFilterOptions(mainFilter, filterOptions))))) : null)));
-        }))), (filters === null || filters === void 0 ? void 0 : filters.length) > 0 && (index.h("div", { class: "filters-modal-actions", part: "extended-filters-actions" }, this.mode === "button" && (index.h("button", { class: "filters-modal-apply", onClick: () => (this.showMore = false), disabled: this.requestFilters.length === 0, part: "extended-filters-apply", type: "button" }, index.h("slot", { name: "vviinn-extended-filters-apply" }, store.instance.t("filters.modal.apply")))), index.h("button", { class: "filters-modal-reset", onClick: this.resetModal, part: "extended-filters-reset", type: "button" }, index.h("slot", { name: "vviinn-extended-filters-reset" }, store.instance.t("filters.modal.resetFilters")))))))));
+                }), index.h("ul", { class: "filters-modal-sub-list", part: "extended-filters-sub-list" }, mainFilter.type === "interval" ? (index.h("vviinn-range-filter", { histogram: filterOptions, intervalChangeHandler: (filterValue) => this.intervalFilterChangeHandler(filterValue, mainFilter.column), selectedInterval: index$1.getSelectedInterval(this.requestFilters, mainFilter.column), showCurrency: index$1.isPriceFilter(mainFilter.column), currencySign: this.currencySign, showIntervalInputs: this.showIntervalInputs })) : (this.renderFilterOptions(mainFilter, filterOptions))))) : null)));
+        }))), (filters === null || filters === void 0 ? void 0 : filters.length) > 0 && (index.h("div", { class: "filters-modal-actions", part: "extended-filters-actions" }, this.mode === "button" && (index.h("button", { class: "filters-modal-apply", onClick: this.handleCloseModal, disabled: this.requestFilters.length === 0, part: "extended-filters-apply", type: "button" }, index.h("slot", { name: "vviinn-extended-filters-apply" }, store.instance.t("filters.modal.apply")))), index.h("button", { class: "filters-modal-reset", onClick: this.resetModal, part: "extended-filters-reset", type: "button" }, index.h("slot", { name: "vviinn-extended-filters-reset" }, store.instance.t("filters.modal.resetFilters")))))))));
     }
     renderFilterOptions(filter, filterOptions) {
         const { column: filterColumn } = filter;
@@ -925,7 +920,7 @@ const VviinnExtendedFilters = class {
         const { state, onChange } = search_store.useSearchStore(this.showInWidget);
         this.state = state;
         this.isPreviewInlineMode = this.mode === "preview-inline";
-        index$1.syncRequestFilters(state, onChange, (filters) => (this.requestFilters = filters));
+        this.disposeStoreListener = index$1.syncRequestFilters(state, onChange, (filters) => (this.requestFilters = filters));
         this.eventAbortController = new AbortController();
         const { signal } = this.eventAbortController;
         index$2.addEventListenersWithSignal(document, [
@@ -943,8 +938,9 @@ const VviinnExtendedFilters = class {
         this.filtersStringWatcher();
     }
     disconnectedCallback() {
-        var _a;
+        var _a, _b;
         (_a = this.eventAbortController) === null || _a === void 0 ? void 0 : _a.abort();
+        (_b = this.disposeStoreListener) === null || _b === void 0 ? void 0 : _b.call(this);
     }
     applyModalPositioning(event) {
         const button = event.target;
@@ -973,9 +969,9 @@ const VviinnExtendedFilters = class {
     }
     render() {
         const filters = this.getFilters();
-        return (index.h(index.Host, { key: 'f2f23f0f4e997ff8ec7b00a96a84ba4ea18f5d3f', class: {
+        return (index.h(index.Host, { key: '17dffe40a2006c10422b01a5eacef821fc4eac3e', 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" }), index$2.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: index$3.extendedFiltersParts }, index.h("div", { key: '64d4df4b93d375d7ed234c61953d5dce525c50c9', ref: (el) => (this.filterAnnouncementRef = el), "aria-live": "polite", class: "sr-only" }), index$2.SlotSkeleton("filters"), (filters === null || filters === void 0 ? void 0 : filters.length) > 0 && this.mode === "button" && (index.h("vviinn-extended-filters-button", { key: '5c22262743a77599189da5e205d1f254462967dc' })), this.renderModal(filters)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1105,7 +1101,7 @@ const VviinnFilters = class {
     connectedCallback() {
         const { state, onChange } = search_store.useSearchStore(this.showInWidget);
         this.state = state;
-        index$1.syncRequestFilters(state, onChange, (filters) => (this.requestFilters = filters));
+        this.disposeStoreListener = index$1.syncRequestFilters(state, onChange, (filters) => (this.requestFilters = filters));
         this.eventAbortController = new AbortController();
         const { signal } = this.eventAbortController;
         index$2.addEventListenersWithSignal(document, [
@@ -1122,8 +1118,9 @@ const VviinnFilters = class {
         this.replaceSlotsContent();
     }
     disconnectedCallback() {
-        var _a;
+        var _a, _b;
         (_a = this.eventAbortController) === null || _a === void 0 ? void 0 : _a.abort();
+        (_b = this.disposeStoreListener) === null || _b === void 0 ? void 0 : _b.call(this);
     }
     replaceSlotsContent() {
         const slots = this.el.querySelectorAll("[slot]");
@@ -1136,17 +1133,17 @@ const VviinnFilters = class {
         const filters = this.getFilters().filter((filter) => filter.isPrimary);
         const { selectedFilter, handleSubFilterSelection } = this;
         const filterOptions = getFilterOptions(selectedFilter);
-        return (index.h(index.Host, { key: '43ca9aa547e2436a198c6b98599edc256ead2908', class: {
+        return (index.h(index.Host, { key: 'ba3369b4a89acb5202a634d224896bcf30889c76', class: {
                 "show-in-widget": this.showInWidget,
                 "primary-filters": true,
-            }, onKeyDown: this.handleKeyDown, exportparts: index$3.filtersParts }, index$2.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: index$3.filtersParts }, index$2.SlotSkeleton("filters"), index.h("div", { key: '5b3b189ce56c3fc31a1fcc6acc542ff9363c203d', 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: 'd93428343a6f7b6959abc6fe834795a0cc2016aa', "aria-label": store.instance.t("a11y.productFilters") }, index.h("ul", { key: '7c19a7f68d2d827237899a71a40fffb859c8e6c6', 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,
                 }), type: "button" }, filter.label)));
-        })))), !!selectedFilter && selectedFilter.isPrimary && (index.h("section", { key: '1b54108c059e98426e83bfeac574be5ae5143504', class: "filters-footer", part: "filters-footer", "aria-label": store.instance.t("a11y.filterOptions", {
+        })))), !!selectedFilter && selectedFilter.isPrimary && (index.h("section", { key: 'efc6fa873255b1998f82eb161ca79557a5b3338e', class: "filters-footer", part: "filters-footer", "aria-label": store.instance.t("a11y.filterOptions", {
                 label: selectedFilter.label,
-            }) }, (selectedFilter === null || selectedFilter === void 0 ? void 0 : selectedFilter.type) === "interval" ? (index.h("vviinn-range-filter", { histogram: filterOptions, intervalChangeHandler: this.intervalChangeHandler, selectedInterval: getSelectedInterval(this.requestFilters, selectedFilter.column), showCurrency: index$1.isPriceFilter(selectedFilter.column), showIntervalInputs: this.showIntervalInputs })) : (index.h("ul", { class: "sub-filters-wrapper", part: "filters-footer-list" }, !!filterOptions &&
+            }) }, (selectedFilter === null || selectedFilter === void 0 ? void 0 : selectedFilter.type) === "interval" ? (index.h("vviinn-range-filter", { histogram: filterOptions, intervalChangeHandler: this.intervalChangeHandler, selectedInterval: index$1.getSelectedInterval(this.requestFilters, selectedFilter.column), showCurrency: index$1.isPriceFilter(selectedFilter.column), showIntervalInputs: this.showIntervalInputs })) : (index.h("ul", { class: "sub-filters-wrapper", part: "filters-footer-list" }, !!filterOptions &&
             filterOptions.map(({ value, label, active }) => {
                 const isSelected = index$1.isSubFilterActive(this.requestFilters, value, selectedFilter);
                 return index$1.RenderFilterButton({

package/dist/cjs/vviinn-shop-the-look.cjs.entry.js

@@ -4,7 +4,7 @@ var index = require('./index-BU8FMTXn.js');
 var Rectangle = require('./Rectangle-7dF6_xf3.js');
 var cropperUtils = require('./cropperUtils-DCDOLeBS.js');
 var swiperElement = require('./swiper-element-DjtzojCR.js');
-var search_store = require('./search.store-CIlbtjnr.js');
+var search_store = require('./search.store-BOJh7lOl.js');
 var SecondaryActionIcon = require('./SecondaryActionIcon-CuNEBTWD.js');
 var index$1 = require('./index-BF9aENF8.js');
 var store = require('./store-jPZ4ROqV.js');
@@ -246,7 +246,7 @@ const handleDetectedObjectClick = async (params) => {
             return Rectangle.EitherExports.left("Image element is missing");
         }
         search_store.shopTheLookState.searchArea = detectedObject;
-        const result = await search_store.makeVisualSearchRequest("shopTheLook", visualSearchId || null, token, apiPath, campaignId);
+        const result = await search_store.makeVisualSearchRequest("shopTheLook", visualSearchId || null, token, { apiPath, campaignId });
         return Rectangle.EitherExports.fold((error) => Rectangle.EitherExports.left(`Visual search failed: ${error.inner}`), (searchResponse) => {
             var _a;
             const searchResults = ((_a = searchResponse.data) === null || _a === void 0 ? void 0 : _a.products) || [];

package/dist/cjs/vviinn-text-search.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-BU8FMTXn.js');
 var Rectangle = require('./Rectangle-7dF6_xf3.js');
-var search_store = require('./search.store-CIlbtjnr.js');
+var search_store = require('./search.store-BOJh7lOl.js');
 var index$2 = require('./index-CP1QUrJT.js');
 var store = require('./store-jPZ4ROqV.js');
 var index$1 = require('./index-BF9aENF8.js');