vviinn-widgets 2.68.0 → 2.69.0

package/dist/cjs/{package-33c05afc.js → package-b33a7c75.js}

@@ -1,5 +1,5 @@
 'use strict';
 
-const version = "2.68.0";
+const version = "2.69.0";
 
 exports.version = version;

package/dist/cjs/search-filters_18.cjs.entry.js

@@ -7,7 +7,7 @@ const search_store = require('./search.store-598721b2.js');
 const index$1 = require('./index-8aa4a067.js');
 const customizedSlots = require('./customized-slots-dacb282b.js');
 const PlusIcon = require('./PlusIcon-835a5dcc.js');
-const _package = require('./package-33c05afc.js');
+const _package = require('./package-b33a7c75.js');
 
 const ArrowIcon = () => (index.h("svg", { width: "12", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   index.h("path", { d: "M0 10 10 0l1.4 1.4L2.8 10l8.6 8.6L10 20 0 10Z" })));

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

@@ -7,7 +7,7 @@ const search_store = require('./search.store-598721b2.js');
 const customizedSlots = require('./customized-slots-dacb282b.js');
 const index$1 = require('./index-8aa4a067.js');
 const PlusIcon = require('./PlusIcon-835a5dcc.js');
-const _package = require('./package-33c05afc.js');
+const _package = require('./package-b33a7c75.js');
 
 const BasketIcon = () => (index.h("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   index.h("path", { d: "M7.5 22C6.95 22 6.47917 21.8042 6.0875 21.4125C5.69583 21.0208 5.5 20.55 5.5 20C5.5 19.45 5.69583 18.9792 6.0875 18.5875C6.47917 18.1958 6.95 18 7.5 18C8.05 18 8.52083 18.1958 8.9125 18.5875C9.30417 18.9792 9.5 19.45 9.5 20C9.5 20.55 9.30417 21.0208 8.9125 21.4125C8.52083 21.8042 8.05 22 7.5 22ZM17.5 22C16.95 22 16.4792 21.8042 16.0875 21.4125C15.6958 21.0208 15.5 20.55 15.5 20C15.5 19.45 15.6958 18.9792 16.0875 18.5875C16.4792 18.1958 16.95 18 17.5 18C18.05 18 18.5208 18.1958 18.9125 18.5875C19.3042 18.9792 19.5 19.45 19.5 20C19.5 20.55 19.3042 21.0208 18.9125 21.4125C18.5208 21.8042 18.05 22 17.5 22ZM6.65 6L9.05 11H16.05L18.8 6H6.65ZM5.7 4H20.45C20.8333 4 21.125 4.17083 21.325 4.5125C21.525 4.85417 21.5333 5.2 21.35 5.55L17.8 11.95C17.6167 12.2833 17.3708 12.5417 17.0625 12.725C16.7542 12.9083 16.4167 13 16.05 13H8.6L7.5 15H18.5C18.7833 15 19.0208 15.0958 19.2125 15.2875C19.4042 15.4792 19.5 15.7167 19.5 16C19.5 16.2833 19.4042 16.5208 19.2125 16.7125C19.0208 16.9042 18.7833 17 18.5 17H7.5C6.75 17 6.18333 16.6708 5.8 16.0125C5.41667 15.3542 5.4 14.7 5.75 14.05L7.1 11.6L3.5 4H2.5C2.21667 4 1.97917 3.90417 1.7875 3.7125C1.59583 3.52083 1.5 3.28333 1.5 3C1.5 2.71667 1.59583 2.47917 1.7875 2.2875C1.97917 2.09583 2.21667 2 2.5 2H4.125C4.30833 2 4.48333 2.05 4.65 2.15C4.81667 2.25 4.94167 2.39167 5.025 2.575L5.7 4Z", fill: "#525252" })));
@@ -451,10 +451,10 @@ const getFilterOptions = (filter) => {
 };
 
 const subFilterSelection = (filters, { column: selectedColumn }, filterValue) => {
-  var _a, _b;
-  const value = (_a = filterValue.interval) !== null && _a !== void 0 ? _a : filterValue;
+  var _a, _b, _c;
+  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);
-  const valueIndex = (_b = filters[index]) === null || _b === void 0 ? void 0 : _b.values.findIndex((val) => val === value);
+  const valueIndex = (_c = filters[index]) === null || _c === void 0 ? void 0 : _c.values.findIndex((val) => val === value);
   const pushObject = index === -1 || selectedColumn === "price"
     ? { column: selectedColumn, values: [] }
     : filters[index];
@@ -476,7 +476,7 @@ const subFilterSelection = (filters, { column: selectedColumn }, filterValue) =>
   return filters;
 };
 
-const vviinnFiltersCss$1 = ":host{--color-primary-system:#0f62fe;--color-primary-hover-system:#014cda;--color-icons-system:#2f8edf;--product-card-width-system:130px;--spacer:8px;--surface-color-surface-01:#f4f4f4;--text-color-text-primary:#161616;--font-family:Inter, system-ui, sans-serif;--font-size-body:14px;--font-weight-regular:400;--line-height-body:20px;--letter-spacing-default:0px;--background-color-background:#fff;--border-color-border-01:#f4f4f4;--gray-100:#161616;--gray-10:#f4f4f4;--gray-70:#525252;--radius-radius-md:8px;--button-color-button-primary:#000;--text-color-text-inverse:#fff;--text-color-text-secondary:#525252;--button-color-button-disabled:#e0e0e0;--text-color-text-disabled:rgba(22, 22, 22, 0.25);--surface-color-surface-accent:#e0e0e0;--border-color-border-02:#c6c6c6;--surface-color-surface-active:#161616;--surface-color-surface-inactive:#e0e0e0;--stroke-color-stroke-01:#f4f4f4}.filters-footer{overflow-x:auto}.filters-modal-list,.sub-filters-wrapper,.main-filters-list,.filters-modal-sub-list{list-style:none;margin:0;padding:0}.main-filters-wrapper{overflow-x:auto}.main-filters-list{padding:2px;gap:10px;border-radius:8px;background:var(--surface-color-surface-01);display:inline-flex}.filters-modal-main-button,.filters-sub-button,.filters-main-button,.filters-modal-close{cursor:pointer;border:none}.filters-sub-button,.filters-main-button{font-family:var(--font-family);font-size:var(--font-size-body);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-default);display:flex;justify-content:center;align-items:center;gap:10px;border-radius:6px}.filters-main-button{color:var(--text-color-text-primary);padding:10px 16px;flex:1 0 0;background:var(--surface-color-surface-01)}.filters-main-button:hover{color:var(--text-color-text-secondary)}.filters-main-button.active{background:var(--background-color-background)}.filters-footer{margin:16px 0}.sub-filters-wrapper{gap:12px;display:flex}.filters-sub-button{color:#000;padding:10px;border:1px solid var(--border-color-border-01);background:var(--background-color-background)}.filters-sub-button:hover{color:var(--text-color-text-secondary)}.filters-sub-button.active{border-color:#000}.filters-more-button{display:flex;padding:10px;align-items:flex-start;gap:10px;border-radius:8px;background:var(--surface-color-surface-01);border:none;cursor:pointer}.filters-modal{display:none;position:fixed;top:0;bottom:0;right:0;left:0;background-color:rgba(0, 0, 0, 0.5);z-index:98}.filters-modal.open{display:block}.filters-modal-wrapper{position:fixed;top:0;bottom:0;right:0;width:420px;background-color:#ffffff;z-index:99;border-radius:32px 0px 0px 32px;display:flex;flex-direction:column}@media (max-width: 768px){.filters-modal-wrapper{width:100%;top:20%;border-radius:32px 32px 0px 0px}}.filters-modal-header{position:relative;padding:20px 0;color:var(--gray-100);text-align:center;font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:24px;border-bottom:1px solid var(--gray-10);display:flex;justify-content:center;gap:5px}.filters-modal-list{margin:4px 0 0 24px;flex:1;overflow-y:auto;padding-bottom:20px}.filters-modal-list>li{padding-right:24px}.filters-modal-main-button{border-bottom:1px solid var(--gray-10);width:100%;background:none;text-align:left;padding:20px 0;color:var(--gray-70);font-family:var(--font-family);font-size:18px;font-style:normal;font-weight:500;line-height:24px}.filters-modal-sub-list{display:none}.filters-modal-sub-list.open{display:block}.filters-modal-sub-list>li{margin-top:10px}.filters-modal-close{position:absolute;right:0;top:15px;cursor:pointer;background:none}.filters-more-modal-button{background:none;display:block;border:none;cursor:pointer}.filters-more-modal-button.active{color:var(--color-primary-system)}.filters-modal-actions{border-top:1px solid var(--gray-10);padding:24px;z-index:10;background:#ffffff;border-radius:0px 0px 0px 32px}.filters-modal-apply{color:var(--text-color-text-inverse);text-align:center;font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:24px;display:flex;width:100%;padding:12px;justify-content:center;align-items:center;gap:10px;border-radius:var(--radius-radius-md);background:var(--button-color-button-primary);cursor:pointer;border:none}.filters-modal-apply:disabled{background:var(--button-color-button-disabled);color:var(--text-color-text-disabled)}.filters-modal-reset{background:none;border:none;cursor:pointer;display:block;text-align:center;width:100%;margin-top:20px;color:var(--text-color-text-secondary);text-align:center;font-family:var(--font-family);font-size:var(--font-size-body);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-default)}";
+const vviinnFiltersCss$1 = ":host{--color-primary-system:#0f62fe;--color-primary-hover-system:#014cda;--color-icons-system:#2f8edf;--product-card-width-system:130px;--spacer:8px;--surface-color-surface-01:#f4f4f4;--text-color-text-primary:#161616;--font-family:Inter, system-ui, sans-serif;--font-size-body:14px;--font-weight-regular:400;--line-height-body:20px;--letter-spacing-default:0px;--background-color-background:#fff;--border-color-border-01:#f4f4f4;--gray-100:#161616;--gray-10:#f4f4f4;--gray-70:#525252;--radius-radius-md:8px;--button-color-button-primary:#000;--text-color-text-inverse:#fff;--text-color-text-secondary:#525252;--button-color-button-disabled:#e0e0e0;--text-color-text-disabled:rgba(22, 22, 22, 0.25);--surface-color-surface-accent:#e0e0e0;--border-color-border-02:#c6c6c6;--surface-color-surface-active:#161616;--surface-color-surface-inactive:#e0e0e0;--stroke-color-stroke-01:#f4f4f4}.filters-footer{overflow-x:auto}.filters-modal-list,.sub-filters-wrapper,.main-filters-list,.filters-modal-sub-list{list-style:none;margin:0;padding:0}.main-filters-wrapper{overflow-x:auto}.main-filters-list{padding:2px;gap:10px;border-radius:8px;background:var(--surface-color-surface-01);display:inline-flex}.filters-modal-main-button,.filters-sub-button,.filters-main-button,.filters-modal-close{cursor:pointer;border:none}.filters-sub-button,.filters-main-button{font-family:var(--font-family);font-size:var(--font-size-body);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-default);display:flex;justify-content:center;align-items:center;gap:10px;border-radius:6px}.filters-main-button{color:var(--text-color-text-primary);padding:10px 16px;flex:1 0 0;background:var(--surface-color-surface-01)}.filters-main-button:hover{color:var(--text-color-text-secondary)}.filters-main-button.active{background:var(--background-color-background)}.filters-footer{margin:16px 0}.sub-filters-wrapper{gap:12px;display:flex}.filters-sub-button{color:#000;padding:10px;border:1px solid var(--border-color-border-01);background:var(--background-color-background)}.filters-sub-button:hover{color:var(--text-color-text-secondary)}.filters-sub-button.active{border-color:#000}.filters-more-button{display:flex;padding:10px;align-items:flex-start;gap:10px;border-radius:8px;background:var(--surface-color-surface-01);border:none;cursor:pointer}.filters-modal{display:none;position:fixed;top:0;bottom:0;right:0;left:0;background-color:rgba(0, 0, 0, 0.5);z-index:98}.filters-modal.open{display:block}.filters-modal-wrapper{position:fixed;top:0;bottom:0;right:0;width:420px;background-color:#ffffff;z-index:99;border-radius:32px 0px 0px 32px;display:flex;flex-direction:column}@media (max-width: 768px){.filters-modal-wrapper{width:100%;top:20%;border-radius:32px 32px 0px 0px}}.filters-modal-header{position:relative;padding:20px 0;color:var(--gray-100);text-align:center;font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:24px;border-bottom:1px solid var(--gray-10);display:flex;justify-content:center;gap:5px}.filters-modal-list{margin:4px 0 0 24px;flex:1;overflow-y:auto;padding-bottom:20px}.filters-modal-list>li{padding-right:24px}.filters-modal-main-button{border-bottom:1px solid var(--gray-10);width:100%;background:none;text-align:left;padding:20px 0;color:var(--gray-70);font-family:var(--font-family);font-size:18px;font-style:normal;font-weight:500;line-height:24px}.filters-modal-sub-list{display:none}.filters-modal-sub-list-inline{margin:0 -6px}.filters-modal-sub-list-inline>li{display:inline-block;margin:0 6px}.filters-modal-sub-list.open{display:block}.filters-modal-sub-list>li{margin-top:10px}.filters-modal-close{position:absolute;right:0;top:15px;cursor:pointer;background:none}.filters-more-modal-button{background:none;display:block;border:none;cursor:pointer}.filters-more-modal-button.active{color:var(--color-primary-system)}.filters-modal-actions{border-top:1px solid var(--gray-10);padding:24px;z-index:10;background:#ffffff;border-radius:0px 0px 0px 32px}.filters-modal-apply{color:var(--text-color-text-inverse);text-align:center;font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:24px;display:flex;width:100%;padding:12px;justify-content:center;align-items:center;gap:10px;border-radius:var(--radius-radius-md);background:var(--button-color-button-primary);cursor:pointer;border:none}.filters-modal-apply:disabled{background:var(--button-color-button-disabled);color:var(--text-color-text-disabled)}.filters-modal-reset{background:none;border:none;cursor:pointer;display:block;text-align:center;width:100%;margin-top:20px;color:var(--text-color-text-secondary);text-align:center;font-family:var(--font-family);font-size:var(--font-size-body);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-default)}.filters-sub-button-color{width:40px;height:40px;border:2px solid var(--border-color-border-01);border-radius:20px}.filters-sub-button-color>span{display:none}.filters-sub-button-color.active{border:2px solid #fff;outline:2px solid #000;margin:2px 0}.filters-sub-button-color:first-child.active{margin-left:2px}";
 
 const VviinnExtendedFilters = class {
   constructor(hostRef) {
@@ -538,7 +538,9 @@ const VviinnExtendedFilters = class {
   showActiveOnModalSubButton(requestFilters, filterValue) {
     let className = "";
     requestFilters.forEach((filter) => {
-      if (filter.values.some((value) => value === filterValue || value === filterValue.interval)) {
+      if (filter.values.some((value) => value === filterValue ||
+        value === filterValue.interval ||
+        value === filterValue.value)) {
         className = "active";
       }
     });
@@ -590,11 +592,14 @@ const VviinnExtendedFilters = class {
       return (index.h("li", null, index.h("button", { onClick: () => this.handleMoreOptionsMainClick(mainFilter.column), class: "filters-modal-main-button" }, mainFilter.label, filterOptions.length > 0
         ? ` (${filterOptions.length})`
         : ""), column === "price" &&
-        this.selectedMoreOptions.includes(mainFilter.column) ? (index.h("vviinn-price-range", { histogram: filterOptions, priceChangeHandler: this.priceChangeHandler })) : (index.h("ul", { class: `filters-modal-sub-list ${this.selectedMoreOptions.includes(mainFilter.column)
+        this.selectedMoreOptions.includes(mainFilter.column) ? (index.h("vviinn-price-range", { histogram: filterOptions, priceChangeHandler: this.priceChangeHandler })) : (index.h("ul", { class: `filters-modal-sub-list ${column === "color_confirmed"
+          ? "filters-modal-sub-list-inline"
+          : ""} ${this.selectedMoreOptions.includes(mainFilter.column)
           ? "open"
           : ""}` }, filterOptions &&
         filterOptions.map((filter) => {
-          return (index.h("li", null, index.h("button", { onClick: () => this.handleSubFilterSelection(filter.value, mainFilter), class: `filters-more-modal-button ${this.showActiveOnModalSubButton(this.requestFilters, filter.value)}` }, filter.label)));
+          const hexCode = filter.value.hexCode;
+          return (index.h("li", null, index.h("button", { onClick: () => this.handleSubFilterSelection(filter.value, mainFilter), class: `filters-more-modal-button ${hexCode ? "filters-sub-button-color" : ""} ${this.showActiveOnModalSubButton(this.requestFilters, filter.value)}`, style: { backgroundColor: hexCode } }, index.h("span", null, filter.label))));
         })))));
     })), index.h("div", { class: "filters-modal-actions" }, index.h("button", { class: "filters-modal-apply", onClick: () => (this.showMore = false), disabled: this.requestFilters.length === 0 }, index.h("slot", { name: "vviinn-extended-filters-apply" }, index$1.instance.t("filters.modal.apply"))), index.h("button", { class: "filters-modal-reset", onClick: () => this.resetModal() }, index.h("slot", { name: "vviinn-extended-filters-reset" }, index$1.instance.t("filters.modal.resetFilters"))))))));
   }
@@ -605,7 +610,7 @@ const VviinnExtendedFilters = class {
 };
 VviinnExtendedFilters.style = vviinnFiltersCss$1;
 
-const vviinnFiltersCss = ":host{--color-primary-system:#0f62fe;--color-primary-hover-system:#014cda;--color-icons-system:#2f8edf;--product-card-width-system:130px;--spacer:8px;--surface-color-surface-01:#f4f4f4;--text-color-text-primary:#161616;--font-family:Inter, system-ui, sans-serif;--font-size-body:14px;--font-weight-regular:400;--line-height-body:20px;--letter-spacing-default:0px;--background-color-background:#fff;--border-color-border-01:#f4f4f4;--gray-100:#161616;--gray-10:#f4f4f4;--gray-70:#525252;--radius-radius-md:8px;--button-color-button-primary:#000;--text-color-text-inverse:#fff;--text-color-text-secondary:#525252;--button-color-button-disabled:#e0e0e0;--text-color-text-disabled:rgba(22, 22, 22, 0.25);--surface-color-surface-accent:#e0e0e0;--border-color-border-02:#c6c6c6;--surface-color-surface-active:#161616;--surface-color-surface-inactive:#e0e0e0;--stroke-color-stroke-01:#f4f4f4}.filters-footer{overflow-x:auto}.filters-modal-list,.sub-filters-wrapper,.main-filters-list,.filters-modal-sub-list{list-style:none;margin:0;padding:0}.main-filters-wrapper{overflow-x:auto}.main-filters-list{padding:2px;gap:10px;border-radius:8px;background:var(--surface-color-surface-01);display:inline-flex}.filters-modal-main-button,.filters-sub-button,.filters-main-button,.filters-modal-close{cursor:pointer;border:none}.filters-sub-button,.filters-main-button{font-family:var(--font-family);font-size:var(--font-size-body);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-default);display:flex;justify-content:center;align-items:center;gap:10px;border-radius:6px}.filters-main-button{color:var(--text-color-text-primary);padding:10px 16px;flex:1 0 0;background:var(--surface-color-surface-01)}.filters-main-button:hover{color:var(--text-color-text-secondary)}.filters-main-button.active{background:var(--background-color-background)}.filters-footer{margin:16px 0}.sub-filters-wrapper{gap:12px;display:flex}.filters-sub-button{color:#000;padding:10px;border:1px solid var(--border-color-border-01);background:var(--background-color-background)}.filters-sub-button:hover{color:var(--text-color-text-secondary)}.filters-sub-button.active{border-color:#000}.filters-more-button{display:flex;padding:10px;align-items:flex-start;gap:10px;border-radius:8px;background:var(--surface-color-surface-01);border:none;cursor:pointer}.filters-modal{display:none;position:fixed;top:0;bottom:0;right:0;left:0;background-color:rgba(0, 0, 0, 0.5);z-index:98}.filters-modal.open{display:block}.filters-modal-wrapper{position:fixed;top:0;bottom:0;right:0;width:420px;background-color:#ffffff;z-index:99;border-radius:32px 0px 0px 32px;display:flex;flex-direction:column}@media (max-width: 768px){.filters-modal-wrapper{width:100%;top:20%;border-radius:32px 32px 0px 0px}}.filters-modal-header{position:relative;padding:20px 0;color:var(--gray-100);text-align:center;font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:24px;border-bottom:1px solid var(--gray-10);display:flex;justify-content:center;gap:5px}.filters-modal-list{margin:4px 0 0 24px;flex:1;overflow-y:auto;padding-bottom:20px}.filters-modal-list>li{padding-right:24px}.filters-modal-main-button{border-bottom:1px solid var(--gray-10);width:100%;background:none;text-align:left;padding:20px 0;color:var(--gray-70);font-family:var(--font-family);font-size:18px;font-style:normal;font-weight:500;line-height:24px}.filters-modal-sub-list{display:none}.filters-modal-sub-list.open{display:block}.filters-modal-sub-list>li{margin-top:10px}.filters-modal-close{position:absolute;right:0;top:15px;cursor:pointer;background:none}.filters-more-modal-button{background:none;display:block;border:none;cursor:pointer}.filters-more-modal-button.active{color:var(--color-primary-system)}.filters-modal-actions{border-top:1px solid var(--gray-10);padding:24px;z-index:10;background:#ffffff;border-radius:0px 0px 0px 32px}.filters-modal-apply{color:var(--text-color-text-inverse);text-align:center;font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:24px;display:flex;width:100%;padding:12px;justify-content:center;align-items:center;gap:10px;border-radius:var(--radius-radius-md);background:var(--button-color-button-primary);cursor:pointer;border:none}.filters-modal-apply:disabled{background:var(--button-color-button-disabled);color:var(--text-color-text-disabled)}.filters-modal-reset{background:none;border:none;cursor:pointer;display:block;text-align:center;width:100%;margin-top:20px;color:var(--text-color-text-secondary);text-align:center;font-family:var(--font-family);font-size:var(--font-size-body);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-default)}";
+const vviinnFiltersCss = ":host{--color-primary-system:#0f62fe;--color-primary-hover-system:#014cda;--color-icons-system:#2f8edf;--product-card-width-system:130px;--spacer:8px;--surface-color-surface-01:#f4f4f4;--text-color-text-primary:#161616;--font-family:Inter, system-ui, sans-serif;--font-size-body:14px;--font-weight-regular:400;--line-height-body:20px;--letter-spacing-default:0px;--background-color-background:#fff;--border-color-border-01:#f4f4f4;--gray-100:#161616;--gray-10:#f4f4f4;--gray-70:#525252;--radius-radius-md:8px;--button-color-button-primary:#000;--text-color-text-inverse:#fff;--text-color-text-secondary:#525252;--button-color-button-disabled:#e0e0e0;--text-color-text-disabled:rgba(22, 22, 22, 0.25);--surface-color-surface-accent:#e0e0e0;--border-color-border-02:#c6c6c6;--surface-color-surface-active:#161616;--surface-color-surface-inactive:#e0e0e0;--stroke-color-stroke-01:#f4f4f4}.filters-footer{overflow-x:auto}.filters-modal-list,.sub-filters-wrapper,.main-filters-list,.filters-modal-sub-list{list-style:none;margin:0;padding:0}.main-filters-wrapper{overflow-x:auto}.main-filters-list{padding:2px;gap:10px;border-radius:8px;background:var(--surface-color-surface-01);display:inline-flex}.filters-modal-main-button,.filters-sub-button,.filters-main-button,.filters-modal-close{cursor:pointer;border:none}.filters-sub-button,.filters-main-button{font-family:var(--font-family);font-size:var(--font-size-body);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-default);display:flex;justify-content:center;align-items:center;gap:10px;border-radius:6px}.filters-main-button{color:var(--text-color-text-primary);padding:10px 16px;flex:1 0 0;background:var(--surface-color-surface-01)}.filters-main-button:hover{color:var(--text-color-text-secondary)}.filters-main-button.active{background:var(--background-color-background)}.filters-footer{margin:16px 0}.sub-filters-wrapper{gap:12px;display:flex}.filters-sub-button{color:#000;padding:10px;border:1px solid var(--border-color-border-01);background:var(--background-color-background)}.filters-sub-button:hover{color:var(--text-color-text-secondary)}.filters-sub-button.active{border-color:#000}.filters-more-button{display:flex;padding:10px;align-items:flex-start;gap:10px;border-radius:8px;background:var(--surface-color-surface-01);border:none;cursor:pointer}.filters-modal{display:none;position:fixed;top:0;bottom:0;right:0;left:0;background-color:rgba(0, 0, 0, 0.5);z-index:98}.filters-modal.open{display:block}.filters-modal-wrapper{position:fixed;top:0;bottom:0;right:0;width:420px;background-color:#ffffff;z-index:99;border-radius:32px 0px 0px 32px;display:flex;flex-direction:column}@media (max-width: 768px){.filters-modal-wrapper{width:100%;top:20%;border-radius:32px 32px 0px 0px}}.filters-modal-header{position:relative;padding:20px 0;color:var(--gray-100);text-align:center;font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:24px;border-bottom:1px solid var(--gray-10);display:flex;justify-content:center;gap:5px}.filters-modal-list{margin:4px 0 0 24px;flex:1;overflow-y:auto;padding-bottom:20px}.filters-modal-list>li{padding-right:24px}.filters-modal-main-button{border-bottom:1px solid var(--gray-10);width:100%;background:none;text-align:left;padding:20px 0;color:var(--gray-70);font-family:var(--font-family);font-size:18px;font-style:normal;font-weight:500;line-height:24px}.filters-modal-sub-list{display:none}.filters-modal-sub-list-inline{margin:0 -6px}.filters-modal-sub-list-inline>li{display:inline-block;margin:0 6px}.filters-modal-sub-list.open{display:block}.filters-modal-sub-list>li{margin-top:10px}.filters-modal-close{position:absolute;right:0;top:15px;cursor:pointer;background:none}.filters-more-modal-button{background:none;display:block;border:none;cursor:pointer}.filters-more-modal-button.active{color:var(--color-primary-system)}.filters-modal-actions{border-top:1px solid var(--gray-10);padding:24px;z-index:10;background:#ffffff;border-radius:0px 0px 0px 32px}.filters-modal-apply{color:var(--text-color-text-inverse);text-align:center;font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:24px;display:flex;width:100%;padding:12px;justify-content:center;align-items:center;gap:10px;border-radius:var(--radius-radius-md);background:var(--button-color-button-primary);cursor:pointer;border:none}.filters-modal-apply:disabled{background:var(--button-color-button-disabled);color:var(--text-color-text-disabled)}.filters-modal-reset{background:none;border:none;cursor:pointer;display:block;text-align:center;width:100%;margin-top:20px;color:var(--text-color-text-secondary);text-align:center;font-family:var(--font-family);font-size:var(--font-size-body);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-default)}.filters-sub-button-color{width:40px;height:40px;border:2px solid var(--border-color-border-01);border-radius:20px}.filters-sub-button-color>span{display:none}.filters-sub-button-color.active{border:2px solid #fff;outline:2px solid #000;margin:2px 0}.filters-sub-button-color:first-child.active{margin-left:2px}";
 
 const VviinnFilters = class {
   constructor(hostRef) {
@@ -658,7 +663,9 @@ const VviinnFilters = class {
     const mainFilter = requestFilters.find((filter) => filter.column === this.selectedFilter.column);
     if (!mainFilter)
       return "";
-    return mainFilter.values.some((value) => value === filterValue || value === filterValue.interval)
+    return mainFilter.values.some((value) => value === filterValue ||
+      value === filterValue.interval ||
+      value === filterValue.value)
       ? "active"
       : "";
   }
@@ -693,7 +700,8 @@ const VviinnFilters = class {
       return (index.h("li", null, index.h("button", { class: `filters-main-button ${this.showActiveOnMainButton(filter)}`, onClick: () => this.handleMainFilterSelection(filter) }, filter.label)));
     }))), this.selectedFilter !== undefined && (index.h("div", { class: "filters-footer" }, column === "price" ? (index.h("vviinn-price-range", { histogram: selectedFilterOptions, priceChangeHandler: this.priceChangeHandler })) : (index.h("ul", { class: "sub-filters-wrapper" }, selectedFilterOptions &&
       selectedFilterOptions.map((filter) => {
-        return (index.h("li", null, index.h("button", { onClick: () => this.handleSubFilterSelection(filter.value, this.selectedFilter), class: `filters-sub-button ${this.showActiveOnSubButton(this.requestFilters, filter.value)}` }, filter.label)));
+        const hexCode = filter.value.hexCode;
+        return (index.h("li", null, index.h("button", { onClick: () => this.handleSubFilterSelection(filter.value, this.selectedFilter), class: `filters-sub-button ${hexCode ? "filters-sub-button-color" : ""} ${this.showActiveOnSubButton(this.requestFilters, filter.value)}`, style: { backgroundColor: hexCode } }, index.h("span", null, filter.label))));
       })))))));
   }
   get el() { return index.getElement(this); }

package/dist/cjs/vviinn-vpr-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4474431a.js');
-const _package = require('./package-33c05afc.js');
+const _package = require('./package-b33a7c75.js');
 const VisualSearchIcon = require('./VisualSearchIcon-f435f5b0.js');
 
 const vviinnVprButtonCss = ":host{display:block}";

package/dist/cjs/vviinn-vps-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4474431a.js');
-const _package = require('./package-33c05afc.js');
+const _package = require('./package-b33a7c75.js');
 const customizedSlots = require('./customized-slots-dacb282b.js');
 const constants = require('./constants-7684cbfc.js');
 

package/dist/cjs/vviinn-vps-widget.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4474431a.js');
 const search_store = require('./search.store-598721b2.js');
 const index$1 = require('./index-8aa4a067.js');
-const _package = require('./package-33c05afc.js');
+const _package = require('./package-b33a7c75.js');
 const customizedSlots = require('./customized-slots-dacb282b.js');
 const constants = require('./constants-7684cbfc.js');
 

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

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

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

@@ -64,7 +64,9 @@ export class VviinnExtendedFilters {
   showActiveOnModalSubButton(requestFilters, filterValue) {
     let className = "";
     requestFilters.forEach((filter) => {
-      if (filter.values.some((value) => value === filterValue || value === filterValue.interval)) {
+      if (filter.values.some((value) => value === filterValue ||
+        value === filterValue.interval ||
+        value === filterValue.value)) {
         className = "active";
       }
     });
@@ -116,11 +118,14 @@ export class VviinnExtendedFilters {
       return (h("li", null, h("button", { onClick: () => this.handleMoreOptionsMainClick(mainFilter.column), class: "filters-modal-main-button" }, mainFilter.label, filterOptions.length > 0
         ? ` (${filterOptions.length})`
         : ""), column === "price" &&
-        this.selectedMoreOptions.includes(mainFilter.column) ? (h("vviinn-price-range", { histogram: filterOptions, priceChangeHandler: this.priceChangeHandler })) : (h("ul", { class: `filters-modal-sub-list ${this.selectedMoreOptions.includes(mainFilter.column)
+        this.selectedMoreOptions.includes(mainFilter.column) ? (h("vviinn-price-range", { histogram: filterOptions, priceChangeHandler: this.priceChangeHandler })) : (h("ul", { class: `filters-modal-sub-list ${column === "color_confirmed"
+          ? "filters-modal-sub-list-inline"
+          : ""} ${this.selectedMoreOptions.includes(mainFilter.column)
           ? "open"
           : ""}` }, filterOptions &&
         filterOptions.map((filter) => {
-          return (h("li", null, h("button", { onClick: () => this.handleSubFilterSelection(filter.value, mainFilter), class: `filters-more-modal-button ${this.showActiveOnModalSubButton(this.requestFilters, filter.value)}` }, filter.label)));
+          const hexCode = filter.value.hexCode;
+          return (h("li", null, h("button", { onClick: () => this.handleSubFilterSelection(filter.value, mainFilter), class: `filters-more-modal-button ${hexCode ? "filters-sub-button-color" : ""} ${this.showActiveOnModalSubButton(this.requestFilters, filter.value)}`, style: { backgroundColor: hexCode } }, h("span", null, filter.label))));
         })))));
     })), h("div", { class: "filters-modal-actions" }, h("button", { class: "filters-modal-apply", onClick: () => (this.showMore = false), disabled: this.requestFilters.length === 0 }, h("slot", { name: "vviinn-extended-filters-apply" }, i18next.t("filters.modal.apply"))), h("button", { class: "filters-modal-reset", onClick: () => this.resetModal() }, h("slot", { name: "vviinn-extended-filters-reset" }, i18next.t("filters.modal.resetFilters"))))))));
   }

package/dist/collection/components/vviinn-filters/vviinn-filters.css

@@ -224,6 +224,13 @@
 .filters-modal-sub-list {
   display: none;
 }
+.filters-modal-sub-list-inline {
+  margin: 0 -6px;
+}
+.filters-modal-sub-list-inline > li {
+  display: inline-block;
+  margin: 0 6px;
+}
 
 .filters-modal-sub-list.open {
   display: block;
@@ -306,3 +313,20 @@
   line-height: var(--line-height-body);
   letter-spacing: var(--letter-spacing-default);
 }
+.filters-sub-button-color {
+  width: 40px;
+  height: 40px;
+  border: 2px solid var(--border-color-border-01);
+  border-radius: 20px;
+}
+.filters-sub-button-color > span {
+  display: none;
+}
+.filters-sub-button-color.active {
+  border: 2px solid #fff;
+  outline: 2px solid #000;
+  margin: 2px 0;
+}
+.filters-sub-button-color:first-child.active {
+  margin-left: 2px;
+}

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

@@ -51,7 +51,9 @@ export class VviinnFilters {
     const mainFilter = requestFilters.find((filter) => filter.column === this.selectedFilter.column);
     if (!mainFilter)
       return "";
-    return mainFilter.values.some((value) => value === filterValue || value === filterValue.interval)
+    return mainFilter.values.some((value) => value === filterValue ||
+      value === filterValue.interval ||
+      value === filterValue.value)
       ? "active"
       : "";
   }
@@ -86,7 +88,8 @@ export class VviinnFilters {
       return (h("li", null, h("button", { class: `filters-main-button ${this.showActiveOnMainButton(filter)}`, onClick: () => this.handleMainFilterSelection(filter) }, filter.label)));
     }))), this.selectedFilter !== undefined && (h("div", { class: "filters-footer" }, column === "price" ? (h("vviinn-price-range", { histogram: selectedFilterOptions, priceChangeHandler: this.priceChangeHandler })) : (h("ul", { class: "sub-filters-wrapper" }, selectedFilterOptions &&
       selectedFilterOptions.map((filter) => {
-        return (h("li", null, h("button", { onClick: () => this.handleSubFilterSelection(filter.value, this.selectedFilter), class: `filters-sub-button ${this.showActiveOnSubButton(this.requestFilters, filter.value)}` }, filter.label)));
+        const hexCode = filter.value.hexCode;
+        return (h("li", null, h("button", { onClick: () => this.handleSubFilterSelection(filter.value, this.selectedFilter), class: `filters-sub-button ${hexCode ? "filters-sub-button-color" : ""} ${this.showActiveOnSubButton(this.requestFilters, filter.value)}`, style: { backgroundColor: hexCode } }, h("span", null, filter.label))));
       })))))));
   }
   static get is() { return "vviinn-filters"; }

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

@@ -134,12 +134,12 @@ export class VviinnButton {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "(filterValue: DynamicFilterValue) => void",
+          "original": "(\n    filterValue: components[\"schemas\"][\"interval-filter-value-item\"]\n  ) => void",
           "resolved": "(filterValue: { frequency?: number; interval?: { start?: number; end?: number; }; }) => void",
           "references": {
-            "DynamicFilterValue": {
+            "components": {
               "location": "import",
-              "path": "../../campaign/VPRCampaignService"
+              "path": "../../interfaces/generated"
             }
           }
         },

package/dist/esm/{package-857bbf94.js → package-53f8dcad.js}

@@ -1,3 +1,3 @@
-const version = "2.68.0";
+const version = "2.69.0";
 
 export { version as v };

package/dist/esm/search-filters_18.entry.js

@@ -3,7 +3,7 @@ import { s as searchState, _ as _function, O as Option, l as fromAlt, n as foldV
 import { i as instance, c as createTrackingApi, v as v4, n as createResultVpsEventByType, o as createProductVpsEventByType, r as resources } from './index-27d8ef63.js';
 import { s as slotChangeListener, c as campaignTypeNames } from './customized-slots-299054d1.js';
 import { P as PlusIcon } from './PlusIcon-8f8206c3.js';
-import { v as version } from './package-857bbf94.js';
+import { v as version } from './package-53f8dcad.js';
 
 const ArrowIcon = () => (h("svg", { width: "12", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   h("path", { d: "M0 10 10 0l1.4 1.4L2.8 10l8.6 8.6L10 20 0 10Z" })));

package/dist/esm/vviinn-carousel_7.entry.js

@@ -3,7 +3,7 @@ import { h as has, t as tuple, s as searchState, _ as _function, a as _Array, O
 import { c as campaignTypeNames, s as slotChangeListener, S as SlotSkeleton, f as fromString, a as fold } from './customized-slots-299054d1.js';
 import { i as instance, r as resources, v as v4, c as createTrackingApi, a as createAddToBasketVpcEvent, b as createAddToBasketVprEvent, d as createWidgetVpcEvent, e as createWidgetVprEvent, f as createResultVpcEventByType, g as createResultVprEventByType, h as createProductVpcEventByType, j as createProductVprEventByType } from './index-27d8ef63.js';
 import { P as PlusIcon } from './PlusIcon-8f8206c3.js';
-import { v as version } from './package-857bbf94.js';
+import { v as version } from './package-53f8dcad.js';
 
 const BasketIcon = () => (h("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   h("path", { d: "M7.5 22C6.95 22 6.47917 21.8042 6.0875 21.4125C5.69583 21.0208 5.5 20.55 5.5 20C5.5 19.45 5.69583 18.9792 6.0875 18.5875C6.47917 18.1958 6.95 18 7.5 18C8.05 18 8.52083 18.1958 8.9125 18.5875C9.30417 18.9792 9.5 19.45 9.5 20C9.5 20.55 9.30417 21.0208 8.9125 21.4125C8.52083 21.8042 8.05 22 7.5 22ZM17.5 22C16.95 22 16.4792 21.8042 16.0875 21.4125C15.6958 21.0208 15.5 20.55 15.5 20C15.5 19.45 15.6958 18.9792 16.0875 18.5875C16.4792 18.1958 16.95 18 17.5 18C18.05 18 18.5208 18.1958 18.9125 18.5875C19.3042 18.9792 19.5 19.45 19.5 20C19.5 20.55 19.3042 21.0208 18.9125 21.4125C18.5208 21.8042 18.05 22 17.5 22ZM6.65 6L9.05 11H16.05L18.8 6H6.65ZM5.7 4H20.45C20.8333 4 21.125 4.17083 21.325 4.5125C21.525 4.85417 21.5333 5.2 21.35 5.55L17.8 11.95C17.6167 12.2833 17.3708 12.5417 17.0625 12.725C16.7542 12.9083 16.4167 13 16.05 13H8.6L7.5 15H18.5C18.7833 15 19.0208 15.0958 19.2125 15.2875C19.4042 15.4792 19.5 15.7167 19.5 16C19.5 16.2833 19.4042 16.5208 19.2125 16.7125C19.0208 16.9042 18.7833 17 18.5 17H7.5C6.75 17 6.18333 16.6708 5.8 16.0125C5.41667 15.3542 5.4 14.7 5.75 14.05L7.1 11.6L3.5 4H2.5C2.21667 4 1.97917 3.90417 1.7875 3.7125C1.59583 3.52083 1.5 3.28333 1.5 3C1.5 2.71667 1.59583 2.47917 1.7875 2.2875C1.97917 2.09583 2.21667 2 2.5 2H4.125C4.30833 2 4.48333 2.05 4.65 2.15C4.81667 2.25 4.94167 2.39167 5.025 2.575L5.7 4Z", fill: "#525252" })));
@@ -447,10 +447,10 @@ const getFilterOptions = (filter) => {
 };
 
 const subFilterSelection = (filters, { column: selectedColumn }, filterValue) => {
-  var _a, _b;
-  const value = (_a = filterValue.interval) !== null && _a !== void 0 ? _a : filterValue;
+  var _a, _b, _c;
+  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);
-  const valueIndex = (_b = filters[index]) === null || _b === void 0 ? void 0 : _b.values.findIndex((val) => val === value);
+  const valueIndex = (_c = filters[index]) === null || _c === void 0 ? void 0 : _c.values.findIndex((val) => val === value);
   const pushObject = index === -1 || selectedColumn === "price"
     ? { column: selectedColumn, values: [] }
     : filters[index];
@@ -472,7 +472,7 @@ const subFilterSelection = (filters, { column: selectedColumn }, filterValue) =>
   return filters;
 };
 
-const vviinnFiltersCss$1 = ":host{--color-primary-system:#0f62fe;--color-primary-hover-system:#014cda;--color-icons-system:#2f8edf;--product-card-width-system:130px;--spacer:8px;--surface-color-surface-01:#f4f4f4;--text-color-text-primary:#161616;--font-family:Inter, system-ui, sans-serif;--font-size-body:14px;--font-weight-regular:400;--line-height-body:20px;--letter-spacing-default:0px;--background-color-background:#fff;--border-color-border-01:#f4f4f4;--gray-100:#161616;--gray-10:#f4f4f4;--gray-70:#525252;--radius-radius-md:8px;--button-color-button-primary:#000;--text-color-text-inverse:#fff;--text-color-text-secondary:#525252;--button-color-button-disabled:#e0e0e0;--text-color-text-disabled:rgba(22, 22, 22, 0.25);--surface-color-surface-accent:#e0e0e0;--border-color-border-02:#c6c6c6;--surface-color-surface-active:#161616;--surface-color-surface-inactive:#e0e0e0;--stroke-color-stroke-01:#f4f4f4}.filters-footer{overflow-x:auto}.filters-modal-list,.sub-filters-wrapper,.main-filters-list,.filters-modal-sub-list{list-style:none;margin:0;padding:0}.main-filters-wrapper{overflow-x:auto}.main-filters-list{padding:2px;gap:10px;border-radius:8px;background:var(--surface-color-surface-01);display:inline-flex}.filters-modal-main-button,.filters-sub-button,.filters-main-button,.filters-modal-close{cursor:pointer;border:none}.filters-sub-button,.filters-main-button{font-family:var(--font-family);font-size:var(--font-size-body);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-default);display:flex;justify-content:center;align-items:center;gap:10px;border-radius:6px}.filters-main-button{color:var(--text-color-text-primary);padding:10px 16px;flex:1 0 0;background:var(--surface-color-surface-01)}.filters-main-button:hover{color:var(--text-color-text-secondary)}.filters-main-button.active{background:var(--background-color-background)}.filters-footer{margin:16px 0}.sub-filters-wrapper{gap:12px;display:flex}.filters-sub-button{color:#000;padding:10px;border:1px solid var(--border-color-border-01);background:var(--background-color-background)}.filters-sub-button:hover{color:var(--text-color-text-secondary)}.filters-sub-button.active{border-color:#000}.filters-more-button{display:flex;padding:10px;align-items:flex-start;gap:10px;border-radius:8px;background:var(--surface-color-surface-01);border:none;cursor:pointer}.filters-modal{display:none;position:fixed;top:0;bottom:0;right:0;left:0;background-color:rgba(0, 0, 0, 0.5);z-index:98}.filters-modal.open{display:block}.filters-modal-wrapper{position:fixed;top:0;bottom:0;right:0;width:420px;background-color:#ffffff;z-index:99;border-radius:32px 0px 0px 32px;display:flex;flex-direction:column}@media (max-width: 768px){.filters-modal-wrapper{width:100%;top:20%;border-radius:32px 32px 0px 0px}}.filters-modal-header{position:relative;padding:20px 0;color:var(--gray-100);text-align:center;font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:24px;border-bottom:1px solid var(--gray-10);display:flex;justify-content:center;gap:5px}.filters-modal-list{margin:4px 0 0 24px;flex:1;overflow-y:auto;padding-bottom:20px}.filters-modal-list>li{padding-right:24px}.filters-modal-main-button{border-bottom:1px solid var(--gray-10);width:100%;background:none;text-align:left;padding:20px 0;color:var(--gray-70);font-family:var(--font-family);font-size:18px;font-style:normal;font-weight:500;line-height:24px}.filters-modal-sub-list{display:none}.filters-modal-sub-list.open{display:block}.filters-modal-sub-list>li{margin-top:10px}.filters-modal-close{position:absolute;right:0;top:15px;cursor:pointer;background:none}.filters-more-modal-button{background:none;display:block;border:none;cursor:pointer}.filters-more-modal-button.active{color:var(--color-primary-system)}.filters-modal-actions{border-top:1px solid var(--gray-10);padding:24px;z-index:10;background:#ffffff;border-radius:0px 0px 0px 32px}.filters-modal-apply{color:var(--text-color-text-inverse);text-align:center;font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:24px;display:flex;width:100%;padding:12px;justify-content:center;align-items:center;gap:10px;border-radius:var(--radius-radius-md);background:var(--button-color-button-primary);cursor:pointer;border:none}.filters-modal-apply:disabled{background:var(--button-color-button-disabled);color:var(--text-color-text-disabled)}.filters-modal-reset{background:none;border:none;cursor:pointer;display:block;text-align:center;width:100%;margin-top:20px;color:var(--text-color-text-secondary);text-align:center;font-family:var(--font-family);font-size:var(--font-size-body);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-default)}";
+const vviinnFiltersCss$1 = ":host{--color-primary-system:#0f62fe;--color-primary-hover-system:#014cda;--color-icons-system:#2f8edf;--product-card-width-system:130px;--spacer:8px;--surface-color-surface-01:#f4f4f4;--text-color-text-primary:#161616;--font-family:Inter, system-ui, sans-serif;--font-size-body:14px;--font-weight-regular:400;--line-height-body:20px;--letter-spacing-default:0px;--background-color-background:#fff;--border-color-border-01:#f4f4f4;--gray-100:#161616;--gray-10:#f4f4f4;--gray-70:#525252;--radius-radius-md:8px;--button-color-button-primary:#000;--text-color-text-inverse:#fff;--text-color-text-secondary:#525252;--button-color-button-disabled:#e0e0e0;--text-color-text-disabled:rgba(22, 22, 22, 0.25);--surface-color-surface-accent:#e0e0e0;--border-color-border-02:#c6c6c6;--surface-color-surface-active:#161616;--surface-color-surface-inactive:#e0e0e0;--stroke-color-stroke-01:#f4f4f4}.filters-footer{overflow-x:auto}.filters-modal-list,.sub-filters-wrapper,.main-filters-list,.filters-modal-sub-list{list-style:none;margin:0;padding:0}.main-filters-wrapper{overflow-x:auto}.main-filters-list{padding:2px;gap:10px;border-radius:8px;background:var(--surface-color-surface-01);display:inline-flex}.filters-modal-main-button,.filters-sub-button,.filters-main-button,.filters-modal-close{cursor:pointer;border:none}.filters-sub-button,.filters-main-button{font-family:var(--font-family);font-size:var(--font-size-body);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-default);display:flex;justify-content:center;align-items:center;gap:10px;border-radius:6px}.filters-main-button{color:var(--text-color-text-primary);padding:10px 16px;flex:1 0 0;background:var(--surface-color-surface-01)}.filters-main-button:hover{color:var(--text-color-text-secondary)}.filters-main-button.active{background:var(--background-color-background)}.filters-footer{margin:16px 0}.sub-filters-wrapper{gap:12px;display:flex}.filters-sub-button{color:#000;padding:10px;border:1px solid var(--border-color-border-01);background:var(--background-color-background)}.filters-sub-button:hover{color:var(--text-color-text-secondary)}.filters-sub-button.active{border-color:#000}.filters-more-button{display:flex;padding:10px;align-items:flex-start;gap:10px;border-radius:8px;background:var(--surface-color-surface-01);border:none;cursor:pointer}.filters-modal{display:none;position:fixed;top:0;bottom:0;right:0;left:0;background-color:rgba(0, 0, 0, 0.5);z-index:98}.filters-modal.open{display:block}.filters-modal-wrapper{position:fixed;top:0;bottom:0;right:0;width:420px;background-color:#ffffff;z-index:99;border-radius:32px 0px 0px 32px;display:flex;flex-direction:column}@media (max-width: 768px){.filters-modal-wrapper{width:100%;top:20%;border-radius:32px 32px 0px 0px}}.filters-modal-header{position:relative;padding:20px 0;color:var(--gray-100);text-align:center;font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:24px;border-bottom:1px solid var(--gray-10);display:flex;justify-content:center;gap:5px}.filters-modal-list{margin:4px 0 0 24px;flex:1;overflow-y:auto;padding-bottom:20px}.filters-modal-list>li{padding-right:24px}.filters-modal-main-button{border-bottom:1px solid var(--gray-10);width:100%;background:none;text-align:left;padding:20px 0;color:var(--gray-70);font-family:var(--font-family);font-size:18px;font-style:normal;font-weight:500;line-height:24px}.filters-modal-sub-list{display:none}.filters-modal-sub-list-inline{margin:0 -6px}.filters-modal-sub-list-inline>li{display:inline-block;margin:0 6px}.filters-modal-sub-list.open{display:block}.filters-modal-sub-list>li{margin-top:10px}.filters-modal-close{position:absolute;right:0;top:15px;cursor:pointer;background:none}.filters-more-modal-button{background:none;display:block;border:none;cursor:pointer}.filters-more-modal-button.active{color:var(--color-primary-system)}.filters-modal-actions{border-top:1px solid var(--gray-10);padding:24px;z-index:10;background:#ffffff;border-radius:0px 0px 0px 32px}.filters-modal-apply{color:var(--text-color-text-inverse);text-align:center;font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:24px;display:flex;width:100%;padding:12px;justify-content:center;align-items:center;gap:10px;border-radius:var(--radius-radius-md);background:var(--button-color-button-primary);cursor:pointer;border:none}.filters-modal-apply:disabled{background:var(--button-color-button-disabled);color:var(--text-color-text-disabled)}.filters-modal-reset{background:none;border:none;cursor:pointer;display:block;text-align:center;width:100%;margin-top:20px;color:var(--text-color-text-secondary);text-align:center;font-family:var(--font-family);font-size:var(--font-size-body);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-default)}.filters-sub-button-color{width:40px;height:40px;border:2px solid var(--border-color-border-01);border-radius:20px}.filters-sub-button-color>span{display:none}.filters-sub-button-color.active{border:2px solid #fff;outline:2px solid #000;margin:2px 0}.filters-sub-button-color:first-child.active{margin-left:2px}";
 
 const VviinnExtendedFilters = class {
   constructor(hostRef) {
@@ -534,7 +534,9 @@ const VviinnExtendedFilters = class {
   showActiveOnModalSubButton(requestFilters, filterValue) {
     let className = "";
     requestFilters.forEach((filter) => {
-      if (filter.values.some((value) => value === filterValue || value === filterValue.interval)) {
+      if (filter.values.some((value) => value === filterValue ||
+        value === filterValue.interval ||
+        value === filterValue.value)) {
         className = "active";
       }
     });
@@ -586,11 +588,14 @@ const VviinnExtendedFilters = class {
       return (h("li", null, h("button", { onClick: () => this.handleMoreOptionsMainClick(mainFilter.column), class: "filters-modal-main-button" }, mainFilter.label, filterOptions.length > 0
         ? ` (${filterOptions.length})`
         : ""), column === "price" &&
-        this.selectedMoreOptions.includes(mainFilter.column) ? (h("vviinn-price-range", { histogram: filterOptions, priceChangeHandler: this.priceChangeHandler })) : (h("ul", { class: `filters-modal-sub-list ${this.selectedMoreOptions.includes(mainFilter.column)
+        this.selectedMoreOptions.includes(mainFilter.column) ? (h("vviinn-price-range", { histogram: filterOptions, priceChangeHandler: this.priceChangeHandler })) : (h("ul", { class: `filters-modal-sub-list ${column === "color_confirmed"
+          ? "filters-modal-sub-list-inline"
+          : ""} ${this.selectedMoreOptions.includes(mainFilter.column)
           ? "open"
           : ""}` }, filterOptions &&
         filterOptions.map((filter) => {
-          return (h("li", null, h("button", { onClick: () => this.handleSubFilterSelection(filter.value, mainFilter), class: `filters-more-modal-button ${this.showActiveOnModalSubButton(this.requestFilters, filter.value)}` }, filter.label)));
+          const hexCode = filter.value.hexCode;
+          return (h("li", null, h("button", { onClick: () => this.handleSubFilterSelection(filter.value, mainFilter), class: `filters-more-modal-button ${hexCode ? "filters-sub-button-color" : ""} ${this.showActiveOnModalSubButton(this.requestFilters, filter.value)}`, style: { backgroundColor: hexCode } }, h("span", null, filter.label))));
         })))));
     })), h("div", { class: "filters-modal-actions" }, h("button", { class: "filters-modal-apply", onClick: () => (this.showMore = false), disabled: this.requestFilters.length === 0 }, h("slot", { name: "vviinn-extended-filters-apply" }, instance.t("filters.modal.apply"))), h("button", { class: "filters-modal-reset", onClick: () => this.resetModal() }, h("slot", { name: "vviinn-extended-filters-reset" }, instance.t("filters.modal.resetFilters"))))))));
   }
@@ -601,7 +606,7 @@ const VviinnExtendedFilters = class {
 };
 VviinnExtendedFilters.style = vviinnFiltersCss$1;
 
-const vviinnFiltersCss = ":host{--color-primary-system:#0f62fe;--color-primary-hover-system:#014cda;--color-icons-system:#2f8edf;--product-card-width-system:130px;--spacer:8px;--surface-color-surface-01:#f4f4f4;--text-color-text-primary:#161616;--font-family:Inter, system-ui, sans-serif;--font-size-body:14px;--font-weight-regular:400;--line-height-body:20px;--letter-spacing-default:0px;--background-color-background:#fff;--border-color-border-01:#f4f4f4;--gray-100:#161616;--gray-10:#f4f4f4;--gray-70:#525252;--radius-radius-md:8px;--button-color-button-primary:#000;--text-color-text-inverse:#fff;--text-color-text-secondary:#525252;--button-color-button-disabled:#e0e0e0;--text-color-text-disabled:rgba(22, 22, 22, 0.25);--surface-color-surface-accent:#e0e0e0;--border-color-border-02:#c6c6c6;--surface-color-surface-active:#161616;--surface-color-surface-inactive:#e0e0e0;--stroke-color-stroke-01:#f4f4f4}.filters-footer{overflow-x:auto}.filters-modal-list,.sub-filters-wrapper,.main-filters-list,.filters-modal-sub-list{list-style:none;margin:0;padding:0}.main-filters-wrapper{overflow-x:auto}.main-filters-list{padding:2px;gap:10px;border-radius:8px;background:var(--surface-color-surface-01);display:inline-flex}.filters-modal-main-button,.filters-sub-button,.filters-main-button,.filters-modal-close{cursor:pointer;border:none}.filters-sub-button,.filters-main-button{font-family:var(--font-family);font-size:var(--font-size-body);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-default);display:flex;justify-content:center;align-items:center;gap:10px;border-radius:6px}.filters-main-button{color:var(--text-color-text-primary);padding:10px 16px;flex:1 0 0;background:var(--surface-color-surface-01)}.filters-main-button:hover{color:var(--text-color-text-secondary)}.filters-main-button.active{background:var(--background-color-background)}.filters-footer{margin:16px 0}.sub-filters-wrapper{gap:12px;display:flex}.filters-sub-button{color:#000;padding:10px;border:1px solid var(--border-color-border-01);background:var(--background-color-background)}.filters-sub-button:hover{color:var(--text-color-text-secondary)}.filters-sub-button.active{border-color:#000}.filters-more-button{display:flex;padding:10px;align-items:flex-start;gap:10px;border-radius:8px;background:var(--surface-color-surface-01);border:none;cursor:pointer}.filters-modal{display:none;position:fixed;top:0;bottom:0;right:0;left:0;background-color:rgba(0, 0, 0, 0.5);z-index:98}.filters-modal.open{display:block}.filters-modal-wrapper{position:fixed;top:0;bottom:0;right:0;width:420px;background-color:#ffffff;z-index:99;border-radius:32px 0px 0px 32px;display:flex;flex-direction:column}@media (max-width: 768px){.filters-modal-wrapper{width:100%;top:20%;border-radius:32px 32px 0px 0px}}.filters-modal-header{position:relative;padding:20px 0;color:var(--gray-100);text-align:center;font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:24px;border-bottom:1px solid var(--gray-10);display:flex;justify-content:center;gap:5px}.filters-modal-list{margin:4px 0 0 24px;flex:1;overflow-y:auto;padding-bottom:20px}.filters-modal-list>li{padding-right:24px}.filters-modal-main-button{border-bottom:1px solid var(--gray-10);width:100%;background:none;text-align:left;padding:20px 0;color:var(--gray-70);font-family:var(--font-family);font-size:18px;font-style:normal;font-weight:500;line-height:24px}.filters-modal-sub-list{display:none}.filters-modal-sub-list.open{display:block}.filters-modal-sub-list>li{margin-top:10px}.filters-modal-close{position:absolute;right:0;top:15px;cursor:pointer;background:none}.filters-more-modal-button{background:none;display:block;border:none;cursor:pointer}.filters-more-modal-button.active{color:var(--color-primary-system)}.filters-modal-actions{border-top:1px solid var(--gray-10);padding:24px;z-index:10;background:#ffffff;border-radius:0px 0px 0px 32px}.filters-modal-apply{color:var(--text-color-text-inverse);text-align:center;font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:24px;display:flex;width:100%;padding:12px;justify-content:center;align-items:center;gap:10px;border-radius:var(--radius-radius-md);background:var(--button-color-button-primary);cursor:pointer;border:none}.filters-modal-apply:disabled{background:var(--button-color-button-disabled);color:var(--text-color-text-disabled)}.filters-modal-reset{background:none;border:none;cursor:pointer;display:block;text-align:center;width:100%;margin-top:20px;color:var(--text-color-text-secondary);text-align:center;font-family:var(--font-family);font-size:var(--font-size-body);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-default)}";
+const vviinnFiltersCss = ":host{--color-primary-system:#0f62fe;--color-primary-hover-system:#014cda;--color-icons-system:#2f8edf;--product-card-width-system:130px;--spacer:8px;--surface-color-surface-01:#f4f4f4;--text-color-text-primary:#161616;--font-family:Inter, system-ui, sans-serif;--font-size-body:14px;--font-weight-regular:400;--line-height-body:20px;--letter-spacing-default:0px;--background-color-background:#fff;--border-color-border-01:#f4f4f4;--gray-100:#161616;--gray-10:#f4f4f4;--gray-70:#525252;--radius-radius-md:8px;--button-color-button-primary:#000;--text-color-text-inverse:#fff;--text-color-text-secondary:#525252;--button-color-button-disabled:#e0e0e0;--text-color-text-disabled:rgba(22, 22, 22, 0.25);--surface-color-surface-accent:#e0e0e0;--border-color-border-02:#c6c6c6;--surface-color-surface-active:#161616;--surface-color-surface-inactive:#e0e0e0;--stroke-color-stroke-01:#f4f4f4}.filters-footer{overflow-x:auto}.filters-modal-list,.sub-filters-wrapper,.main-filters-list,.filters-modal-sub-list{list-style:none;margin:0;padding:0}.main-filters-wrapper{overflow-x:auto}.main-filters-list{padding:2px;gap:10px;border-radius:8px;background:var(--surface-color-surface-01);display:inline-flex}.filters-modal-main-button,.filters-sub-button,.filters-main-button,.filters-modal-close{cursor:pointer;border:none}.filters-sub-button,.filters-main-button{font-family:var(--font-family);font-size:var(--font-size-body);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-default);display:flex;justify-content:center;align-items:center;gap:10px;border-radius:6px}.filters-main-button{color:var(--text-color-text-primary);padding:10px 16px;flex:1 0 0;background:var(--surface-color-surface-01)}.filters-main-button:hover{color:var(--text-color-text-secondary)}.filters-main-button.active{background:var(--background-color-background)}.filters-footer{margin:16px 0}.sub-filters-wrapper{gap:12px;display:flex}.filters-sub-button{color:#000;padding:10px;border:1px solid var(--border-color-border-01);background:var(--background-color-background)}.filters-sub-button:hover{color:var(--text-color-text-secondary)}.filters-sub-button.active{border-color:#000}.filters-more-button{display:flex;padding:10px;align-items:flex-start;gap:10px;border-radius:8px;background:var(--surface-color-surface-01);border:none;cursor:pointer}.filters-modal{display:none;position:fixed;top:0;bottom:0;right:0;left:0;background-color:rgba(0, 0, 0, 0.5);z-index:98}.filters-modal.open{display:block}.filters-modal-wrapper{position:fixed;top:0;bottom:0;right:0;width:420px;background-color:#ffffff;z-index:99;border-radius:32px 0px 0px 32px;display:flex;flex-direction:column}@media (max-width: 768px){.filters-modal-wrapper{width:100%;top:20%;border-radius:32px 32px 0px 0px}}.filters-modal-header{position:relative;padding:20px 0;color:var(--gray-100);text-align:center;font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:24px;border-bottom:1px solid var(--gray-10);display:flex;justify-content:center;gap:5px}.filters-modal-list{margin:4px 0 0 24px;flex:1;overflow-y:auto;padding-bottom:20px}.filters-modal-list>li{padding-right:24px}.filters-modal-main-button{border-bottom:1px solid var(--gray-10);width:100%;background:none;text-align:left;padding:20px 0;color:var(--gray-70);font-family:var(--font-family);font-size:18px;font-style:normal;font-weight:500;line-height:24px}.filters-modal-sub-list{display:none}.filters-modal-sub-list-inline{margin:0 -6px}.filters-modal-sub-list-inline>li{display:inline-block;margin:0 6px}.filters-modal-sub-list.open{display:block}.filters-modal-sub-list>li{margin-top:10px}.filters-modal-close{position:absolute;right:0;top:15px;cursor:pointer;background:none}.filters-more-modal-button{background:none;display:block;border:none;cursor:pointer}.filters-more-modal-button.active{color:var(--color-primary-system)}.filters-modal-actions{border-top:1px solid var(--gray-10);padding:24px;z-index:10;background:#ffffff;border-radius:0px 0px 0px 32px}.filters-modal-apply{color:var(--text-color-text-inverse);text-align:center;font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:24px;display:flex;width:100%;padding:12px;justify-content:center;align-items:center;gap:10px;border-radius:var(--radius-radius-md);background:var(--button-color-button-primary);cursor:pointer;border:none}.filters-modal-apply:disabled{background:var(--button-color-button-disabled);color:var(--text-color-text-disabled)}.filters-modal-reset{background:none;border:none;cursor:pointer;display:block;text-align:center;width:100%;margin-top:20px;color:var(--text-color-text-secondary);text-align:center;font-family:var(--font-family);font-size:var(--font-size-body);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-default)}.filters-sub-button-color{width:40px;height:40px;border:2px solid var(--border-color-border-01);border-radius:20px}.filters-sub-button-color>span{display:none}.filters-sub-button-color.active{border:2px solid #fff;outline:2px solid #000;margin:2px 0}.filters-sub-button-color:first-child.active{margin-left:2px}";
 
 const VviinnFilters = class {
   constructor(hostRef) {
@@ -654,7 +659,9 @@ const VviinnFilters = class {
     const mainFilter = requestFilters.find((filter) => filter.column === this.selectedFilter.column);
     if (!mainFilter)
       return "";
-    return mainFilter.values.some((value) => value === filterValue || value === filterValue.interval)
+    return mainFilter.values.some((value) => value === filterValue ||
+      value === filterValue.interval ||
+      value === filterValue.value)
       ? "active"
       : "";
   }
@@ -689,7 +696,8 @@ const VviinnFilters = class {
       return (h("li", null, h("button", { class: `filters-main-button ${this.showActiveOnMainButton(filter)}`, onClick: () => this.handleMainFilterSelection(filter) }, filter.label)));
     }))), this.selectedFilter !== undefined && (h("div", { class: "filters-footer" }, column === "price" ? (h("vviinn-price-range", { histogram: selectedFilterOptions, priceChangeHandler: this.priceChangeHandler })) : (h("ul", { class: "sub-filters-wrapper" }, selectedFilterOptions &&
       selectedFilterOptions.map((filter) => {
-        return (h("li", null, h("button", { onClick: () => this.handleSubFilterSelection(filter.value, this.selectedFilter), class: `filters-sub-button ${this.showActiveOnSubButton(this.requestFilters, filter.value)}` }, filter.label)));
+        const hexCode = filter.value.hexCode;
+        return (h("li", null, h("button", { onClick: () => this.handleSubFilterSelection(filter.value, this.selectedFilter), class: `filters-sub-button ${hexCode ? "filters-sub-button-color" : ""} ${this.showActiveOnSubButton(this.requestFilters, filter.value)}`, style: { backgroundColor: hexCode } }, h("span", null, filter.label))));
       })))))));
   }
   get el() { return getElement(this); }

package/dist/esm/vviinn-vpr-button.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-abf408d8.js';
-import { v as version } from './package-857bbf94.js';
+import { v as version } from './package-53f8dcad.js';
 import { V as VisualSearchIcon } from './VisualSearchIcon-b301a1d4.js';
 
 const vviinnVprButtonCss = ":host{display:block}";

package/dist/esm/vviinn-vps-button.entry.js

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-abf408d8.js';
-import { v as version } from './package-857bbf94.js';
+import { v as version } from './package-53f8dcad.js';
 import { c as campaignTypeNames, S as SlotSkeleton } from './customized-slots-299054d1.js';
 import { D as DEFAULT_EXAMPLE_IMAGE } from './constants-8bf233a9.js';
 

package/dist/esm/vviinn-vps-widget.entry.js

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, c as createEvent, F as Fragment, H as Host, g as getElement } from './index-abf408d8.js';
 import { s as searchState, j as makeTextSearchRequest, d as state, k as parseExcludedToParams, O as Option } from './search.store-806effc5.js';
 import { i as instance, r as resources, k as createSearchEvent, l as createFilterEvent, v as v4, c as createTrackingApi, m as createWidgetVpsEvent } from './index-27d8ef63.js';
-import { v as version } from './package-857bbf94.js';
+import { v as version } from './package-53f8dcad.js';
 import { c as campaignTypeNames, s as slotChangeListener, S as SlotSkeleton } from './customized-slots-299054d1.js';
 import { D as DEFAULT_EXAMPLE_IMAGE } from './constants-8bf233a9.js';
 

package/dist/types/components/vviinn-price-range/vviinn-price-range.d.ts

@@ -1,11 +1,10 @@
 import { components } from "../../interfaces/generated";
-import { DynamicFilterValue } from "../../campaign/VPRCampaignService";
 export type Histogram = components["schemas"]["interval-filter-values"][];
 export declare class VviinnButton {
   el: HTMLElement;
   histogram: Histogram;
   addStyle: boolean;
-  priceChangeHandler: (filterValue: DynamicFilterValue) => void;
+  priceChangeHandler: (filterValue: components["schemas"]["interval-filter-value-item"]) => void;
   minIndex: number;
   maxIndex: number;
   scalingFactor: number;

package/dist/types/components.d.ts

@@ -14,9 +14,10 @@ import { Recommendation } from "./recommendation/recommendation";
 import { UpdateButtonLocation } from "./components/vviinn-vpr-widget/vviinn-vpr-widget";
 import { Locale } from "./locale";
 import { ValueObject } from "./network/ion/ValueObject";
-import { DynamicFilters, DynamicFilterValue } from "./campaign/VPRCampaignService";
+import { DynamicFilters } from "./campaign/VPRCampaignService";
 import { FiltersEventData } from "./components/vviinn-filters/types";
 import { Histogram } from "./components/vviinn-price-range/vviinn-price-range";
+import { components } from "./interfaces/generated";
 import { CarouselMode as CarouselMode1 } from "./components/vviinn-carousel/vviinn-carousel";
 import { BasicEventData as BasicEventData1, Locale as Locale1 } from "./components";
 import { UpdateButtonLocation as UpdateButtonLocation1 } from "./components/vviinn-vpr-widget/vviinn-vpr-widget";
@@ -29,9 +30,10 @@ export { Recommendation } from "./recommendation/recommendation";
 export { UpdateButtonLocation } from "./components/vviinn-vpr-widget/vviinn-vpr-widget";
 export { Locale } from "./locale";
 export { ValueObject } from "./network/ion/ValueObject";
-export { DynamicFilters, DynamicFilterValue } from "./campaign/VPRCampaignService";
+export { DynamicFilters } from "./campaign/VPRCampaignService";
 export { FiltersEventData } from "./components/vviinn-filters/types";
 export { Histogram } from "./components/vviinn-price-range/vviinn-price-range";
+export { components } from "./interfaces/generated";
 export { CarouselMode as CarouselMode1 } from "./components/vviinn-carousel/vviinn-carousel";
 export { BasicEventData as BasicEventData1, Locale as Locale1 } from "./components";
 export { UpdateButtonLocation as UpdateButtonLocation1 } from "./components/vviinn-vpr-widget/vviinn-vpr-widget";
@@ -134,7 +136,9 @@ export namespace Components {
     interface VviinnPriceRange {
         "addStyle": boolean;
         "histogram": Histogram;
-        "priceChangeHandler": (filterValue: DynamicFilterValue) => void;
+        "priceChangeHandler": (
+    filterValue: components["schemas"]["interval-filter-value-item"]
+  ) => void;
     }
     interface VviinnPrivacyBadge {
         "privacyBadgeText": string;
@@ -1055,7 +1059,9 @@ declare namespace LocalJSX {
     interface VviinnPriceRange {
         "addStyle"?: boolean;
         "histogram"?: Histogram;
-        "priceChangeHandler"?: (filterValue: DynamicFilterValue) => void;
+        "priceChangeHandler"?: (
+    filterValue: components["schemas"]["interval-filter-value-item"]
+  ) => void;
     }
     interface VviinnPrivacyBadge {
         "privacyBadgeText"?: string;

package/dist/types/interfaces/recommendation.d.ts

@@ -9,7 +9,7 @@ export interface Interfaces {
   RequestStaticFilters: components["schemas"]["request-static-filters"];
   DynamicFilter: components["schemas"]["response-categorical-filter-item"] | components["schemas"]["response-interval-filter-item"];
   DynamicFilters: components["schemas"]["response-dynamic-filters"];
-  DynamicFilterValue: components["schemas"]["interval-filter-value-item"];
+  DynamicFilterValue: components["schemas"]["interval-filter-value-item"] & components["schemas"]["full-color-filter-response"];
   DynamicFilterValueItem: components["schemas"]["request-dynamic-filter-item"];
   RequestDynamicFilters: components["schemas"]["request-dynamic-filters"];
 }