vviinn-widgets 2.180.0 → 2.180.1

package/dist/cjs/{index-C9e2G0zC.js → index-BFM8FXu_.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-OrE9ITel.js');
-var search_store = require('./search.store-CuafCQTE.js');
+var search_store = require('./search.store-C6iFzVC6.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" })));

package/dist/cjs/{package-BQ80cVyc.js → package-oO--ZhE-.js}

@@ -14,7 +14,7 @@ function fromString(s) {
     return s === "VPR" ? { _tag: "VPR" } : { _tag: "VCS" };
 }
 
-const version = "2.180.0";
+const version = "2.180.1";
 
 exports.campaignTypeNames = campaignTypeNames;
 exports.fold = fold;

package/dist/cjs/{search.store-CuafCQTE.js → search.store-C6iFzVC6.js}

@@ -17325,12 +17325,7 @@ const makeVisualSearchRequest = async (store, searchId) => {
         };
     }
     else {
-        searchRectangle = {
-            width: 1,
-            height: 1,
-            left: 0,
-            top: 0,
-        };
+        searchRectangle = null;
         fetchDetectedObjects = true;
     }
     const body = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ requestId: searchId !== null && searchId !== void 0 ? searchId : state.visualSearchId }, addIfNotEmpty("campaign", state.campaignIdVisualSearch || state.campaignId)), addIfNotEmpty("dynamicFilters", state.requestFilters)), { query: Object.assign({}, addIfDefined("searchArea", searchRectangle)) }), addNestedIfNotEmpty("staticFilters", Object.assign({}, addIfNotEmpty("excluded", state.excluded)))), { objectDetection: {

package/dist/cjs/{triggerFilter-DAtDEe_t.js → triggerFilter-B1jIVczU.js}

@@ -54,7 +54,8 @@ const getIntervalLabel = (intervalFilter, fullInterval, currencySign) => {
             return `${start} ${currencySign} – ${end} ${currencySign}`;
         }
         else {
-            return `${start} – ${end}`;
+            const rangeValue = `${start} – ${end}`;
+            return isPrice ? rangeValue : `${intervalFilter.label}: ${rangeValue}`;
         }
     }
     else {
@@ -90,11 +91,32 @@ const RenderFilterButton = ({ handleSubFilterSelection, value, label, active, se
             isRemovable && index.h(FilterIconClose, null))));
 };
 
+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, _b, _c;
     const selectedColumn = selectedFilter.column;
     const value = (_b = (_a = filterValue.interval) !== null && _a !== void 0 ? _a : filterValue.value) !== null && _b !== void 0 ? _b : 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 = (_c = filters[index]) === null || _c === void 0 ? void 0 : _c.values.findIndex((val) => val === value);
     const action = valueIndex == -1 || index == -1 ? "select" : "deselect";
     const pushObject = index === -1 || (selectedFilter === null || selectedFilter === void 0 ? void 0 : selectedFilter.type) === "interval"
@@ -149,6 +171,20 @@ const triggerResetFilters = ({ vviinnFilterTriggered, vviinnFiltersChanged, 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;
+};
 
 exports.FilterIconClose = FilterIconClose;
 exports.RenderFilterButton = RenderFilterButton;
@@ -158,4 +194,5 @@ exports.getRemoveFilterAriaLabel = getRemoveFilterAriaLabel;
 exports.isPriceFilter = isPriceFilter;
 exports.isSubFilterActive = isSubFilterActive;
 exports.triggerFilter = triggerFilter;
+exports.triggerRemoveIntervalFilter = triggerRemoveIntervalFilter;
 exports.triggerResetFilters = triggerResetFilters;

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

@@ -1,15 +1,15 @@
 'use strict';
 
 var index = require('./index-OrE9ITel.js');
-var search_store = require('./search.store-CuafCQTE.js');
+var search_store = require('./search.store-C6iFzVC6.js');
 var customizedSlots = require('./customized-slots-7egKJD19.js');
-var index$2 = require('./index-C9e2G0zC.js');
+var index$2 = require('./index-BFM8FXu_.js');
 var index$1 = require('./index-C3G9W48a.js');
 var i18next = require('./i18next-DkN_8H9H.js');
 var store = require('./store-CrCuJC55.js');
 var Rectangle = require('./Rectangle-Dki6rXFf.js');
 var index$3 = require('./index-CtHOBs61.js');
-var _package = require('./package-BQ80cVyc.js');
+var _package = require('./package-oO--ZhE-.js');
 var resources = require('./resources-DWfxrCA4.js');
 var index$4 = require('./index-Dob37WH6.js');
 var constants = require('./constants-D9v4GJNd.js');

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

@@ -1,14 +1,14 @@
 'use strict';
 
 var index = require('./index-OrE9ITel.js');
-var search_store = require('./search.store-CuafCQTE.js');
+var search_store = require('./search.store-C6iFzVC6.js');
 var i18next = require('./i18next-DkN_8H9H.js');
-var _package = require('./package-BQ80cVyc.js');
-var index$1 = require('./index-C9e2G0zC.js');
+var _package = require('./package-oO--ZhE-.js');
+var index$1 = require('./index-BFM8FXu_.js');
 var constants = require('./constants-D9v4GJNd.js');
 var customizedSlots = require('./customized-slots-7egKJD19.js');
 var index$2 = require('./index-Dob37WH6.js');
-var triggerFilter = require('./triggerFilter-DAtDEe_t.js');
+var triggerFilter = require('./triggerFilter-B1jIVczU.js');
 var resources = require('./resources-DWfxrCA4.js');
 var Rectangle = require('./Rectangle-Dki6rXFf.js');
 var store = require('./store-CrCuJC55.js');
@@ -1566,7 +1566,7 @@ const VviinnProductCard = class {
 };
 VviinnProductCard.style = vviinnProductCardCss;
 
-const vviinnRangeFilterCss = ":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--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-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;--product-card-set-mode-max-width:300px;--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;--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:0.5s;}:host{display:block;margin-top:var(--spacing-300);font-family:var(--font-family, var(--font-family-base));--thumb-size:32px}.histogram{height:64px;display:flex;align-items:flex-end;gap:2px;padding:0 12px}.histogram-bar{background:var(--surface-inverse-bg-color, #262626);flex:1;border-radius:2px 2px 0px 0px}.histogram-bar.histogram-bar-inactive{background:var(--surface-bg-color-disabled)}.range_container{display:flex;flex-direction:column;width:100%;margin-top:-2px;transform:translateX(-2px)}.range_container .sliders_control{position:relative;min-height:25px}.range_container .form_control{position:relative;display:flex;justify-content:space-between;font-size:24px;color:#635a5a}.range_container input[type=\"range\"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1px;width:100%;position:absolute;background:var(--color-border-02);pointer-events:none}.range_container input[type=\"range\"]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:var(--thumb-size);height:var(--thumb-size);background-color:var(--color-bg-base);box-shadow:unset;border-radius:50%;border:1px solid var(--color-border-03);cursor:pointer}.range_container input[type=\"range\"]::-moz-range-thumb{-webkit-appearance:none;pointer-events:all;width:var(--thumb-size);height:var(--thumb-size);background-color:var(--color-bg-base);box-shadow:unset;border-radius:50%;border:1px solid var(--color-border-02);cursor:pointer}.range_container input[type=\"range\"]::-webkit-slider-thumb:hover{background:#f7f7f7}.range_container #fromSlider{z-index:1;background:transparent}.label-wrapper{display:flex;justify-content:space-between;margin-top:6px}.label-wrapper .label{display:flex;padding:var(--spacing-25) var(--spacing-100);justify-content:center;align-items:center;border-radius:var(--border-radius-100);background:var(--chip-bg-color-primary);color:var(--color-text-inverse);text-align:center;font-size:var(--font-size-label);font-style:normal;font-weight:var(--font-weight-500);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);gap:3px}";
+const vviinnRangeFilterCss = ":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--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-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;--product-card-set-mode-max-width:300px;--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;--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:0.5s;}:host{display:block;margin-top:var(--spacing-300);font-family:var(--font-family, var(--font-family-base));--thumb-size:32px}.histogram{height:64px;display:flex;align-items:flex-end;gap:2px;padding:0 12px}.histogram-bar{background:var(--surface-inverse-bg-color, #262626);border-radius:2px 2px 0px 0px}.histogram-bar.histogram-bar-inactive{background:var(--surface-bg-color-disabled)}.range_container{display:flex;flex-direction:column;width:100%;margin-top:-2px;transform:translateX(-2px)}.range_container .sliders_control{position:relative;min-height:25px}.range_container .form_control{position:relative;display:flex;justify-content:space-between;font-size:24px;color:#635a5a}.range_container input[type=\"range\"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1px;width:100%;position:absolute;background:var(--color-border-02);pointer-events:none}.range_container input[type=\"range\"]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:var(--thumb-size);height:var(--thumb-size);background-color:var(--color-bg-base);box-shadow:unset;border-radius:50%;border:1px solid var(--color-border-03);cursor:pointer}.range_container input[type=\"range\"]::-moz-range-thumb{-webkit-appearance:none;pointer-events:all;width:var(--thumb-size);height:var(--thumb-size);background-color:var(--color-bg-base);box-shadow:unset;border-radius:50%;border:1px solid var(--color-border-02);cursor:pointer}.range_container input[type=\"range\"]::-webkit-slider-thumb:hover{background:#f7f7f7}.range_container #fromSlider{z-index:1;background:transparent}.label-wrapper{display:flex;justify-content:space-between;margin-top:6px}.label-wrapper .label{display:flex;padding:var(--spacing-25) var(--spacing-100);justify-content:center;align-items:center;border-radius:var(--border-radius-100);background:var(--chip-bg-color-primary);color:var(--color-text-inverse);text-align:center;font-size:var(--font-size-label);font-style:normal;font-weight:var(--font-weight-500);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);gap:3px}";
 
 const MIN_BAR_HEIGHT = 3;
 const MIN_SLIDER_MARGIN_PERCENT = 0.03; // 3% of total range
@@ -1642,17 +1642,25 @@ const VviinnPriceRange = class {
         const { start, end } = item.value.interval;
         return !(end < this.fromValue || start > this.toValue);
     }
+    calculateBarWidth(item) {
+        const { start, end } = item.value.interval;
+        const intervalWidth = end - start;
+        const totalRange = this.maxValue - this.minValue;
+        return (intervalWidth / totalRange) * 100;
+    }
     render() {
-        return (index.h(index.Host, { key: 'f05d60fcba2aa23c3aab6b0bae55b0a230db1f00', exportparts: index$2.priceRangeParts }, index.h("div", { key: 'e679a02724c3d9f1de7a09169d5f80d84a16ceea', class: "histogram", part: "histogram" }, this.histogram.map((item) => {
+        return (index.h(index.Host, { key: 'e70dfd11bca2bb3753ef3c88b6460bfcca41be4d', exportparts: index$2.priceRangeParts }, index.h("div", { key: '2ab02721ba227a68abb959efa7e55ae384f1569c', 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
                 : barHeight;
+            const widthInPercent = this.calculateBarWidth(item);
             const isActive = this.isBarActive(item);
             return (index.h("div", { class: `histogram-bar ${!isActive ? "histogram-bar-inactive" : ""}`, style: {
                     height: `${heightInPercent}%`,
+                    width: `${widthInPercent}%`,
                 }, part: "histogram-bar" }));
-        })), index.h("div", { key: '49847c3f24649dd49a122b16e8155dcae2a03612', class: "range_container", part: "histogram-range-container" }, index.h("div", { key: '70d5b25da8ba87b02779bf25006059a552c094d0', class: "sliders_control", part: "histogram-sliders-control" }, index.h("input", { key: '2ff8a4c61ded2a5e502c96b56e1c7eaf7c56a661', ref: (el) => (this.fromSlider = el), id: "fromSlider", type: "range", min: this.minValue, max: this.maxValue, step: 1, value: this.fromValue, onInput: this.controlFromSlider, onChange: this.sendBackValue, part: "histogram-from-slider", "aria-label": i18next.instance.t("a11y.priceRangeMin") }), index.h("input", { key: '9bbf4c09c26f5dccabf08dd46c8635e37a8b8189', ref: (el) => (this.toSlider = el), id: "toSlider", type: "range", min: this.minValue, max: this.maxValue, step: 1, value: this.toValue, onInput: this.controlToSlider, onChange: this.sendBackValue, part: "histogram-to-slider", "aria-label": i18next.instance.t("a11y.priceRangeMax") }))), index.h("div", { key: '66a899121b8fe2a2d528c47c945f80481d3baaa8', class: "label-wrapper", part: "histogram-label-wrapper" }, index.h("div", { key: '484e8c293cd5df600b8b5d04263b83f45da78e2c', class: "label", part: "histogram-label" }, this.fromValue, this.showCurrency && (index.h("span", { key: '8e72aa584fbe5877267a6b90898a4ef3199ee0c6', class: "histogram-currency" }, store.globalState.currencySign))), index.h("div", { key: '6d9eb286318d8c788092603cf07cf56b16496f1e', class: "label", part: "histogram-label" }, this.toValue, this.showCurrency && (index.h("span", { key: '1b3da864a05e620056ca3ecab2a39e46bc473ca9', class: "histogram-currency" }, store.globalState.currencySign))))));
+        })), index.h("div", { key: '6e69e71e834cf6ef138083ced092ef325dfef8bf', class: "range_container", part: "histogram-range-container" }, index.h("div", { key: 'dac685637deefecdc5945264c96706f02df00d54', class: "sliders_control", part: "histogram-sliders-control" }, index.h("input", { key: 'f2ff48176dfb5c19d97003df7977159416248429', ref: (el) => (this.fromSlider = el), id: "fromSlider", type: "range", min: this.minValue, max: this.maxValue, step: 1, value: this.fromValue, onInput: this.controlFromSlider, onChange: this.sendBackValue, part: "histogram-from-slider", "aria-label": i18next.instance.t("a11y.priceRangeMin") }), index.h("input", { key: 'aa0f62603010f52e1fa15bc2c7daa496dfa66674', ref: (el) => (this.toSlider = el), id: "toSlider", type: "range", min: this.minValue, max: this.maxValue, step: 1, value: this.toValue, onInput: this.controlToSlider, onChange: this.sendBackValue, part: "histogram-to-slider", "aria-label": i18next.instance.t("a11y.priceRangeMax") }))), index.h("div", { key: '177c4acac84be0073e7581dfe1c8c1aa55b6d146', class: "label-wrapper", part: "histogram-label-wrapper" }, index.h("div", { key: '3c88d659d7c57255c2af48cbc0cf44b5b76e4cde', class: "label", part: "histogram-label" }, this.fromValue, this.showCurrency && (index.h("span", { key: '39400393cc5505ba13f7c0f1c015e22f5b37b269', class: "histogram-currency" }, store.globalState.currencySign))), index.h("div", { key: 'c2c4966b6df6a516e9318ca3fd4bdbd468a9a3a2', class: "label", part: "histogram-label" }, this.toValue, this.showCurrency && (index.h("span", { key: 'e331a3033c6d74952edf106f614f7a9679d421df', class: "histogram-currency" }, store.globalState.currencySign))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/vviinn-detected-object_6.cjs.entry.js

@@ -1,11 +1,11 @@
 'use strict';
 
 var index = require('./index-OrE9ITel.js');
-var search_store = require('./search.store-CuafCQTE.js');
+var search_store = require('./search.store-C6iFzVC6.js');
 var i18next = require('./i18next-DkN_8H9H.js');
 var Rectangle = require('./Rectangle-Dki6rXFf.js');
 var customizedSlots = require('./customized-slots-7egKJD19.js');
-var _package = require('./package-BQ80cVyc.js');
+var _package = require('./package-oO--ZhE-.js');
 var index$1 = require('./index-Dob37WH6.js');
 var constants = require('./constants-D9v4GJNd.js');
 var index$2 = require('./index-CtHOBs61.js');

package/dist/cjs/vviinn-selected-filters.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
 var index = require('./index-OrE9ITel.js');
-var triggerFilter = require('./triggerFilter-DAtDEe_t.js');
-var search_store = require('./search.store-CuafCQTE.js');
+var triggerFilter = require('./triggerFilter-B1jIVczU.js');
+var search_store = require('./search.store-C6iFzVC6.js');
 var store = require('./store-CrCuJC55.js');
 var i18next = require('./i18next-DkN_8H9H.js');
 var resources = require('./resources-DWfxrCA4.js');
@@ -96,6 +96,10 @@ const VviinnSelectedFilters = class {
                 if (intervalLabel) {
                     this.intervalCustomFilters = Object.assign(Object.assign({}, this.intervalCustomFilters), { [detail.filter.column]: intervalLabel });
                 }
+                else {
+                    const _b = this.intervalCustomFilters, _c = detail.filter.column, remaining = __rest(_b, [typeof _c === "symbol" ? _c : _c + ""]);
+                    this.intervalCustomFilters = remaining;
+                }
             }
         };
         this.handleImageUploadStarted = ({ detail }) => {
@@ -114,6 +118,13 @@ 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))
@@ -136,8 +147,14 @@ const VviinnSelectedFilters = class {
         this.handleIntervalButtonClick = (column) => {
             const _a = this.intervalCustomFilters, _b = column, remaining = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
             this.intervalCustomFilters = remaining;
-            const intervalFilter = this.state.dynamicFilters.find((filter) => filter.column === column);
-            this.handleSubFilterSelection(intervalFilter.full, intervalFilter);
+            this.requestFilters = triggerFilter.triggerRemoveIntervalFilter({
+                column,
+                requestFilters: this.requestFilters,
+                el: this.el,
+                isTriggeredByVpsWidget: this.showInWidget,
+                vviinnFilterTriggered: this.vviinnFilterTriggered,
+                vviinnFiltersChanged: this.vviinnFiltersChanged,
+            });
         };
         this.handleCropButtonClick = () => {
             this.vviinnResetCropArea.emit({
@@ -208,9 +225,9 @@ const VviinnSelectedFilters = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: 'f9454079d6dee9b386ccfecc6898b753e27b0545', class: {
+        return (index.h(index.Host, { key: 'a80383c627e3804b3c48fa252d9078f962d0fafd', class: {
                 "show-in-widget": this.showInWidget,
-            } }, index.h("div", { key: 'c9cc32ea09842fc1e385049e4057d26e4aed8610', ref: (el) => (this.filterAnnouncementRef = el), "aria-live": "polite", class: "sr-only" }), index.h("section", { key: '9f41812618e7d82c54527e2969d0f179ef7f601c', "aria-label": i18next.instance.t("a11y.selectedFilters") }, index.h("ul", { key: 'e338ede9db9facb394f88a9f986f2d493b68b101', class: "selected-filters-wrapper", part: "selected-filters-list" }, RenderCustomButton({
+            } }, index.h("div", { key: '3fd50f4c8ca3c0e69a1723a737e0e98d40aec288', ref: (el) => (this.filterAnnouncementRef = el), "aria-live": "polite", class: "sr-only" }), index.h("section", { key: 'ddecdaa3f4f601badb613bf567106fac8e00172a', "aria-label": i18next.instance.t("a11y.selectedFilters") }, index.h("ul", { key: '9466dcd95bf97430cfb3513ee27fec53784f729f', 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),
@@ -227,7 +244,9 @@ const VviinnSelectedFilters = class {
             imageSrc: this.state.croppedImageUrl,
             onClick: this.handleCropButtonClick,
             hidden: !this.state.searchArea,
-        }), Object.entries(this.intervalCustomFilters).map(([column, label]) => (index.h("div", { key: column }, RenderCustomButton({
+        }), 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),

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-OrE9ITel.js');
-var search_store = require('./search.store-CuafCQTE.js');
+var search_store = require('./search.store-C6iFzVC6.js');
 var customizedSlots = require('./customized-slots-7egKJD19.js');
 var i18next = require('./i18next-DkN_8H9H.js');
 var resources = require('./resources-DWfxrCA4.js');

package/dist/collection/components/vviinn-filters/helpers/getIntervalLabel.js

@@ -10,7 +10,8 @@ export const getIntervalLabel = (intervalFilter, fullInterval, currencySign) =>
             return `${start} ${currencySign} – ${end} ${currencySign}`;
         }
         else {
-            return `${start} – ${end}`;
+            const rangeValue = `${start} – ${end}`;
+            return isPrice ? rangeValue : `${intervalFilter.label}: ${rangeValue}`;
         }
     }
     else {

package/dist/collection/components/vviinn-filters/helpers/subFilterSelection.js

@@ -1,8 +1,29 @@
+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;
+};
 export const subFilterSelection = (filters, selectedFilter, filterValue) => {
     var _a, _b, _c;
     const selectedColumn = selectedFilter.column;
     const value = (_b = (_a = filterValue.interval) !== null && _a !== void 0 ? _a : filterValue.value) !== null && _b !== void 0 ? _b : 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 = (_c = filters[index]) === null || _c === void 0 ? void 0 : _c.values.findIndex((val) => val === value);
     const action = valueIndex == -1 || index == -1 ? "select" : "deselect";
     const pushObject = index === -1 || (selectedFilter === null || selectedFilter === void 0 ? void 0 : selectedFilter.type) === "interval"

package/dist/collection/components/vviinn-filters/helpers/triggerFilter.js

@@ -27,3 +27,17 @@ export const triggerResetFilters = ({ vviinnFilterTriggered, vviinnFiltersChange
             isTriggeredByVpsWidget,
         });
 };
+export 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;
+};

package/dist/collection/components/vviinn-filters/vviinn-selected-filters.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { Host, h, } from "@stencil/core";
 import { getIntervalLabel, isSubFilterActive, RenderCustomButton, RenderFilterButton, } from "./helpers";
-import { triggerFilter } from "./helpers/triggerFilter";
+import { triggerFilter, triggerRemoveIntervalFilter, } from "./helpers/triggerFilter";
 import { useSearchStore } from "../../store/search.store";
 import { globalState } from "../../store/store";
 import i18next from "i18next";
@@ -72,6 +72,10 @@ export class VviinnSelectedFilters {
                 if (intervalLabel) {
                     this.intervalCustomFilters = Object.assign(Object.assign({}, this.intervalCustomFilters), { [detail.filter.column]: intervalLabel });
                 }
+                else {
+                    const _b = this.intervalCustomFilters, _c = detail.filter.column, removed = _b[_c], remaining = __rest(_b, [typeof _c === "symbol" ? _c : _c + ""]);
+                    this.intervalCustomFilters = remaining;
+                }
             }
         };
         this.handleImageUploadStarted = ({ detail }) => {
@@ -90,6 +94,13 @@ export class VviinnSelectedFilters {
                 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))
@@ -112,8 +123,14 @@ export class VviinnSelectedFilters {
         this.handleIntervalButtonClick = (column) => {
             const _a = this.intervalCustomFilters, _b = column, removed = _a[_b], remaining = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
             this.intervalCustomFilters = remaining;
-            const intervalFilter = this.state.dynamicFilters.find((filter) => filter.column === column);
-            this.handleSubFilterSelection(intervalFilter.full, intervalFilter);
+            this.requestFilters = triggerRemoveIntervalFilter({
+                column,
+                requestFilters: this.requestFilters,
+                el: this.el,
+                isTriggeredByVpsWidget: this.showInWidget,
+                vviinnFilterTriggered: this.vviinnFilterTriggered,
+                vviinnFiltersChanged: this.vviinnFiltersChanged,
+            });
         };
         this.handleCropButtonClick = () => {
             this.vviinnResetCropArea.emit({
@@ -184,9 +201,9 @@ export class VviinnSelectedFilters {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'f9454079d6dee9b386ccfecc6898b753e27b0545', class: {
+        return (h(Host, { key: 'a80383c627e3804b3c48fa252d9078f962d0fafd', class: {
                 "show-in-widget": this.showInWidget,
-            } }, h("div", { key: 'c9cc32ea09842fc1e385049e4057d26e4aed8610', ref: (el) => (this.filterAnnouncementRef = el), "aria-live": "polite", class: "sr-only" }), h("section", { key: '9f41812618e7d82c54527e2969d0f179ef7f601c', "aria-label": i18next.t("a11y.selectedFilters") }, h("ul", { key: 'e338ede9db9facb394f88a9f986f2d493b68b101', class: "selected-filters-wrapper", part: "selected-filters-list" }, RenderCustomButton({
+            } }, h("div", { key: '3fd50f4c8ca3c0e69a1723a737e0e98d40aec288', ref: (el) => (this.filterAnnouncementRef = el), "aria-live": "polite", class: "sr-only" }), h("section", { key: 'ddecdaa3f4f601badb613bf567106fac8e00172a', "aria-label": i18next.t("a11y.selectedFilters") }, h("ul", { key: '9466dcd95bf97430cfb3513ee27fec53784f729f', 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),
@@ -203,7 +220,9 @@ export class VviinnSelectedFilters {
             imageSrc: this.state.croppedImageUrl,
             onClick: this.handleCropButtonClick,
             hidden: !this.state.searchArea,
-        }), Object.entries(this.intervalCustomFilters).map(([column, label]) => (h("div", { key: column }, RenderCustomButton({
+        }), Object.entries(this.intervalCustomFilters)
+            .filter(([, label]) => label && label.trim().length > 0)
+            .map(([column, label]) => (h("div", { key: column }, RenderCustomButton({
             label,
             buttonType: "range",
             onClick: () => this.handleIntervalButtonClick(column),

package/dist/collection/components/vviinn-range-filter/vviinn-range-filter.css

@@ -233,7 +233,6 @@
 
 .histogram-bar {
   background: var(--surface-inverse-bg-color, #262626);
-  flex: 1;
   border-radius: 2px 2px 0px 0px;
 }
 .histogram-bar.histogram-bar-inactive {

package/dist/collection/components/vviinn-range-filter/vviinn-range-filter.js

@@ -85,17 +85,25 @@ export class VviinnPriceRange {
         const { start, end } = item.value.interval;
         return !(end < this.fromValue || start > this.toValue);
     }
+    calculateBarWidth(item) {
+        const { start, end } = item.value.interval;
+        const intervalWidth = end - start;
+        const totalRange = this.maxValue - this.minValue;
+        return (intervalWidth / totalRange) * 100;
+    }
     render() {
-        return (h(Host, { key: 'f05d60fcba2aa23c3aab6b0bae55b0a230db1f00', exportparts: priceRangeParts }, h("div", { key: 'e679a02724c3d9f1de7a09169d5f80d84a16ceea', class: "histogram", part: "histogram" }, this.histogram.map((item) => {
+        return (h(Host, { key: 'e70dfd11bca2bb3753ef3c88b6460bfcca41be4d', exportparts: priceRangeParts }, h("div", { key: '2ab02721ba227a68abb959efa7e55ae384f1569c', 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
                 : barHeight;
+            const widthInPercent = this.calculateBarWidth(item);
             const isActive = this.isBarActive(item);
             return (h("div", { class: `histogram-bar ${!isActive ? "histogram-bar-inactive" : ""}`, style: {
                     height: `${heightInPercent}%`,
+                    width: `${widthInPercent}%`,
                 }, part: "histogram-bar" }));
-        })), h("div", { key: '49847c3f24649dd49a122b16e8155dcae2a03612', class: "range_container", part: "histogram-range-container" }, h("div", { key: '70d5b25da8ba87b02779bf25006059a552c094d0', class: "sliders_control", part: "histogram-sliders-control" }, h("input", { key: '2ff8a4c61ded2a5e502c96b56e1c7eaf7c56a661', ref: (el) => (this.fromSlider = el), id: "fromSlider", type: "range", min: this.minValue, max: this.maxValue, step: 1, value: this.fromValue, onInput: this.controlFromSlider, onChange: this.sendBackValue, part: "histogram-from-slider", "aria-label": i18next.t("a11y.priceRangeMin") }), h("input", { key: '9bbf4c09c26f5dccabf08dd46c8635e37a8b8189', ref: (el) => (this.toSlider = el), id: "toSlider", type: "range", min: this.minValue, max: this.maxValue, step: 1, value: this.toValue, onInput: this.controlToSlider, onChange: this.sendBackValue, part: "histogram-to-slider", "aria-label": i18next.t("a11y.priceRangeMax") }))), h("div", { key: '66a899121b8fe2a2d528c47c945f80481d3baaa8', class: "label-wrapper", part: "histogram-label-wrapper" }, h("div", { key: '484e8c293cd5df600b8b5d04263b83f45da78e2c', class: "label", part: "histogram-label" }, this.fromValue, this.showCurrency && (h("span", { key: '8e72aa584fbe5877267a6b90898a4ef3199ee0c6', class: "histogram-currency" }, globalState.currencySign))), h("div", { key: '6d9eb286318d8c788092603cf07cf56b16496f1e', class: "label", part: "histogram-label" }, this.toValue, this.showCurrency && (h("span", { key: '1b3da864a05e620056ca3ecab2a39e46bc473ca9', class: "histogram-currency" }, globalState.currencySign))))));
+        })), h("div", { key: '6e69e71e834cf6ef138083ced092ef325dfef8bf', class: "range_container", part: "histogram-range-container" }, h("div", { key: 'dac685637deefecdc5945264c96706f02df00d54', class: "sliders_control", part: "histogram-sliders-control" }, h("input", { key: 'f2ff48176dfb5c19d97003df7977159416248429', ref: (el) => (this.fromSlider = el), id: "fromSlider", type: "range", min: this.minValue, max: this.maxValue, step: 1, value: this.fromValue, onInput: this.controlFromSlider, onChange: this.sendBackValue, part: "histogram-from-slider", "aria-label": i18next.t("a11y.priceRangeMin") }), h("input", { key: 'aa0f62603010f52e1fa15bc2c7daa496dfa66674', ref: (el) => (this.toSlider = el), id: "toSlider", type: "range", min: this.minValue, max: this.maxValue, step: 1, value: this.toValue, onInput: this.controlToSlider, onChange: this.sendBackValue, part: "histogram-to-slider", "aria-label": i18next.t("a11y.priceRangeMax") }))), h("div", { key: '177c4acac84be0073e7581dfe1c8c1aa55b6d146', class: "label-wrapper", part: "histogram-label-wrapper" }, h("div", { key: '3c88d659d7c57255c2af48cbc0cf44b5b76e4cde', class: "label", part: "histogram-label" }, this.fromValue, this.showCurrency && (h("span", { key: '39400393cc5505ba13f7c0f1c015e22f5b37b269', class: "histogram-currency" }, globalState.currencySign))), h("div", { key: 'c2c4966b6df6a516e9318ca3fd4bdbd468a9a3a2', class: "label", part: "histogram-label" }, this.toValue, this.showCurrency && (h("span", { key: 'e331a3033c6d74952edf106f614f7a9679d421df', class: "histogram-currency" }, globalState.currencySign))))));
     }
     static get is() { return "vviinn-range-filter"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/store/search.store.js

@@ -145,12 +145,7 @@ export const makeVisualSearchRequest = async (store, searchId) => {
         };
     }
     else {
-        searchRectangle = {
-            width: 1,
-            height: 1,
-            left: 0,
-            top: 0,
-        };
+        searchRectangle = null;
         fetchDetectedObjects = true;
     }
     const body = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ requestId: searchId !== null && searchId !== void 0 ? searchId : state.visualSearchId }, addIfNotEmpty("campaign", state.campaignIdVisualSearch || state.campaignId)), addIfNotEmpty("dynamicFilters", state.requestFilters)), { query: Object.assign({}, addIfDefined("searchArea", searchRectangle)) }), addNestedIfNotEmpty("staticFilters", Object.assign({}, addIfNotEmpty("excluded", state.excluded)))), { objectDetection: {

package/dist/esm/{index-DaAFwTVd.js → index-CcBKWb29.js}

@@ -1,5 +1,5 @@
 import { h } from './index-C5qrIvmr.js';
-import { a as addIfNotEmpty, p as parseStringToExcluded } from './search.store-CdDgllEd.js';
+import { a as addIfNotEmpty, p as parseStringToExcluded } from './search.store-DuGAVKtX.js';
 
 const PlusIcon = () => (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" },
     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" })));

package/dist/esm/{package-DoCrkhsM.js → package-CSctix6j.js}

@@ -12,6 +12,6 @@ function fromString(s) {
     return s === "VPR" ? { _tag: "VPR" } : { _tag: "VCS" };
 }
 
-const version = "2.180.0";
+const version = "2.180.1";
 
 export { fold as a, campaignTypeNames as c, fromString as f, version as v };

package/dist/esm/{search.store-CdDgllEd.js → search.store-DuGAVKtX.js}

@@ -17323,12 +17323,7 @@ const makeVisualSearchRequest = async (store, searchId) => {
         };
     }
     else {
-        searchRectangle = {
-            width: 1,
-            height: 1,
-            left: 0,
-            top: 0,
-        };
+        searchRectangle = null;
         fetchDetectedObjects = true;
     }
     const body = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ requestId: searchId !== null && searchId !== void 0 ? searchId : state.visualSearchId }, addIfNotEmpty("campaign", state.campaignIdVisualSearch || state.campaignId)), addIfNotEmpty("dynamicFilters", state.requestFilters)), { query: Object.assign({}, addIfDefined("searchArea", searchRectangle)) }), addNestedIfNotEmpty("staticFilters", Object.assign({}, addIfNotEmpty("excluded", state.excluded)))), { objectDetection: {

package/dist/esm/{triggerFilter-qSVykzV9.js → triggerFilter-CfqsUfAn.js}

@@ -52,7 +52,8 @@ const getIntervalLabel = (intervalFilter, fullInterval, currencySign) => {
             return `${start} ${currencySign} – ${end} ${currencySign}`;
         }
         else {
-            return `${start} – ${end}`;
+            const rangeValue = `${start} – ${end}`;
+            return isPrice ? rangeValue : `${intervalFilter.label}: ${rangeValue}`;
         }
     }
     else {
@@ -88,11 +89,32 @@ const RenderFilterButton = ({ handleSubFilterSelection, value, label, active, se
             isRemovable && h(FilterIconClose, null))));
 };
 
+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, _b, _c;
     const selectedColumn = selectedFilter.column;
     const value = (_b = (_a = filterValue.interval) !== null && _a !== void 0 ? _a : filterValue.value) !== null && _b !== void 0 ? _b : 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 = (_c = filters[index]) === null || _c === void 0 ? void 0 : _c.values.findIndex((val) => val === value);
     const action = valueIndex == -1 || index == -1 ? "select" : "deselect";
     const pushObject = index === -1 || (selectedFilter === null || selectedFilter === void 0 ? void 0 : selectedFilter.type) === "interval"
@@ -147,5 +169,19 @@ const triggerResetFilters = ({ vviinnFilterTriggered, vviinnFiltersChanged, 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;
+};
 
-export { FilterIconClose as F, RenderFilterButton as R, getIntervalLabel as a, announceToScreenReader as b, triggerResetFilters as c, isPriceFilter as d, getRemoveFilterAriaLabel as g, isSubFilterActive as i, triggerFilter as t };
+export { FilterIconClose as F, RenderFilterButton as R, getIntervalLabel as a, triggerRemoveIntervalFilter as b, announceToScreenReader as c, triggerResetFilters as d, isPriceFilter as e, getRemoveFilterAriaLabel as g, isSubFilterActive as i, triggerFilter as t };