vviinn-widgets 2.171.1 → 2.171.2

package/dist/cjs/{package-DNt1iZ0z.js → package-CG_WVtvX.js}

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

package/dist/cjs/{resources-Dn7RqGVV.js → resources-CpQE7jAJ.js}

@@ -52,7 +52,7 @@ const resources = {
                     title: "Filter",
                     apply: "Anwenden",
                     resetFilters: "Filter zurücksetzen",
-                    noFiltersMessage: "Suchen Sie, um die Filter zu sehen",
+                    noFiltersMessage: "Für die akuelle Suche sind keine Filter verfügbar.",
                 },
                 imageFilterText: "Bild",
                 cropFilterText: "Bildausschnitt",
@@ -126,7 +126,7 @@ const resources = {
                     title: "Filters",
                     apply: "Apply",
                     resetFilters: "Reset Filters",
-                    noFiltersMessage: "Search to see the filters",
+                    noFiltersMessage: "No filters available for the current search.",
                 },
                 imageFilterText: "Image",
                 cropFilterText: "Crop",

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

@@ -8,8 +8,8 @@ var index$1 = require('./index-C3G9W48a.js');
 var i18next = require('./i18next-DkN_8H9H.js');
 var index$3 = require('./index-BsogJ3k2.js');
 var Rectangle = require('./Rectangle-Dki6rXFf.js');
-var _package = require('./package-DNt1iZ0z.js');
-var resources = require('./resources-Dn7RqGVV.js');
+var _package = require('./package-CG_WVtvX.js');
+var resources = require('./resources-CpQE7jAJ.js');
 var index$4 = require('./index-Dob37WH6.js');
 var constants = require('./constants-CgBx7Czu.js');
 var constants$1 = require('./constants-DHaugTOE.js');

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

@@ -2,14 +2,14 @@
 
 var index = require('./index-A2FtmPS7.js');
 var search_store = require('./search.store-DYC5aYD1.js');
-var _package = require('./package-DNt1iZ0z.js');
+var _package = require('./package-CG_WVtvX.js');
 var index$1 = require('./index-CkO9OJ-_.js');
 var constants = require('./constants-CgBx7Czu.js');
 var i18next = require('./i18next-DkN_8H9H.js');
 var customizedSlots = require('./customized-slots-DbT_TRus.js');
 var index$2 = require('./index-Dob37WH6.js');
 var triggerFilter = require('./triggerFilter-axaENNg2.js');
-var resources = require('./resources-Dn7RqGVV.js');
+var resources = require('./resources-CpQE7jAJ.js');
 var Rectangle = require('./Rectangle-Dki6rXFf.js');
 var index$3 = require('./index-BsogJ3k2.js');
 

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

@@ -5,7 +5,7 @@ var search_store = require('./search.store-DYC5aYD1.js');
 var Rectangle = require('./Rectangle-Dki6rXFf.js');
 var i18next = require('./i18next-DkN_8H9H.js');
 var customizedSlots = require('./customized-slots-DbT_TRus.js');
-var _package = require('./package-DNt1iZ0z.js');
+var _package = require('./package-CG_WVtvX.js');
 var index$1 = require('./index-Dob37WH6.js');
 var constants = require('./constants-CgBx7Czu.js');
 var index$2 = require('./index-BsogJ3k2.js');

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

@@ -5,7 +5,7 @@ var triggerFilter = require('./triggerFilter-axaENNg2.js');
 var search_store = require('./search.store-DYC5aYD1.js');
 var index$2 = require('./index-BsogJ3k2.js');
 var i18next = require('./i18next-DkN_8H9H.js');
-var resources = require('./resources-Dn7RqGVV.js');
+var resources = require('./resources-CpQE7jAJ.js');
 var index$1 = require('./index-C3G9W48a.js');
 require('./Rectangle-Dki6rXFf.js');
 

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

@@ -4,7 +4,7 @@ var index = require('./index-A2FtmPS7.js');
 var search_store = require('./search.store-DYC5aYD1.js');
 var customizedSlots = require('./customized-slots-DbT_TRus.js');
 var i18next = require('./i18next-DkN_8H9H.js');
-var resources = require('./resources-Dn7RqGVV.js');
+var resources = require('./resources-CpQE7jAJ.js');
 var index$2 = require('./index-Dob37WH6.js');
 var index$1 = require('./index-BsogJ3k2.js');
 require('./Rectangle-Dki6rXFf.js');

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

@@ -6,7 +6,7 @@ var constants$1 = require('./constants-DHaugTOE.js');
 var index$1 = require('./index-BsogJ3k2.js');
 var constants = require('./constants-CgBx7Czu.js');
 var i18next = require('./i18next-DkN_8H9H.js');
-var resources = require('./resources-Dn7RqGVV.js');
+var resources = require('./resources-CpQE7jAJ.js');
 
 const SearchModalCameraIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" },
     index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18 4H20C22.21 4 24 5.79 24 8V16H22V8C22 6.9 21.1 6 20 6H16.93L16.34 5.11L14.93 3H9.07L7.66 5.11L7.07 6H4C2.9 6 2 6.9 2 8V18C2 19.1 2.9 20 4 20H9V22H4C1.79 22 0 20.21 0 18V8C0 5.79 1.79 4 4 4H6L8 1H16L18 4ZM12 8C14.76 8 17 10.24 17 13L16.99 13.01C16.99 14.02 16.68 14.97 16.16 15.76L20.7 20.3L19.29 21.71L14.75 17.17C13.96 17.69 13.02 18 12 18C9.24 18 7 15.76 7 13C7 10.24 9.24 8 12 8ZM9 13C9 14.65 10.35 16 12 16C13.65 16 15 14.65 15 13C15 11.35 13.65 10 12 10C10.35 10 9 11.35 9 13Z", fill: "#161616" })));

package/dist/collection/locale/resources.js

@@ -50,7 +50,7 @@ export const resources = {
                     title: "Filter",
                     apply: "Anwenden",
                     resetFilters: "Filter zurücksetzen",
-                    noFiltersMessage: "Suchen Sie, um die Filter zu sehen",
+                    noFiltersMessage: "Für die akuelle Suche sind keine Filter verfügbar.",
                 },
                 imageFilterText: "Bild",
                 cropFilterText: "Bildausschnitt",
@@ -124,7 +124,7 @@ export const resources = {
                     title: "Filters",
                     apply: "Apply",
                     resetFilters: "Reset Filters",
-                    noFiltersMessage: "Search to see the filters",
+                    noFiltersMessage: "No filters available for the current search.",
                 },
                 imageFilterText: "Image",
                 cropFilterText: "Crop",

package/dist/esm/{package-BMdUYWes.js → package-C4dGC2Lj.js}

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

package/dist/esm/{resources-P_CdUt8K.js → resources-ZMs5Z6zj.js}

@@ -50,7 +50,7 @@ const resources = {
                     title: "Filter",
                     apply: "Anwenden",
                     resetFilters: "Filter zurücksetzen",
-                    noFiltersMessage: "Suchen Sie, um die Filter zu sehen",
+                    noFiltersMessage: "Für die akuelle Suche sind keine Filter verfügbar.",
                 },
                 imageFilterText: "Bild",
                 cropFilterText: "Bildausschnitt",
@@ -124,7 +124,7 @@ const resources = {
                     title: "Filters",
                     apply: "Apply",
                     resetFilters: "Reset Filters",
-                    noFiltersMessage: "Search to see the filters",
+                    noFiltersMessage: "No filters available for the current search.",
                 },
                 imageFilterText: "Image",
                 cropFilterText: "Crop",

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

@@ -6,8 +6,8 @@ import { s as setLocalStorageItems, g as getLocalStorageItems, c as cleanLocalSt
 import { i as instance } from './i18next-C7V-mvcq.js';
 import { b as getDefaultExportFromCjs, u as updateGlobalState, a as addEventListenersWithSignal, t as trackEvent, f as findSlotElements, c as getSlotNames, g as globalState } from './index-CBMaqIhH.js';
 import { f as fromImage } from './Rectangle-zsZBqb9v.js';
-import { v as version, c as campaignTypeNames } from './package-BMdUYWes.js';
-import { r as resources } from './resources-P_CdUt8K.js';
+import { v as version, c as campaignTypeNames } from './package-C4dGC2Lj.js';
+import { r as resources } from './resources-ZMs5Z6zj.js';
 import { a as productCardsGridPart, p as productCardParts, m as modalParts, e as extendedFiltersParts, f as filtersParts, s as searchBarParts, b as searchWidgetFilterParts, d as searchWidgetButtonParts } from './index-Btzdx1Bw.js';
 import { R as RESULTS_WIDGET_IMAGE_RESOLUTION_WIDTH, S as SEARCH_WIDGET_IMAGE_RESOLUTION_WIDTH } from './constants-CR1-OmNa.js';
 import { D as DEFAULT_EXAMPLE_IMAGE } from './constants-DOMXsA9W.js';

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

@@ -1,13 +1,13 @@
 import { h, r as registerInstance, c as createEvent, F as Fragment, H as Host, g as getElement } from './index-BcMtFp89.js';
 import { i as has, j as tuple, a as addIfNotEmpty, _ as _functionExports, k as _ArrayExports, u as useSearchStore, l as requireSemigroup, O as OptionExports, E as EitherExports, s as searchState, n as pipe$1, o as chainW, q as makeRequest, v as fromEither, w as getApiPath, x as createInitPostRequest, A as Apply, T as TaskEitherExports } from './search.store-bQMOl96b.js';
-import { c as campaignTypeNames, f as fromString, a as fold, v as version } from './package-BMdUYWes.js';
+import { c as campaignTypeNames, f as fromString, a as fold, v as version } from './package-C4dGC2Lj.js';
 import { C as CONTENT_GROUP_CSS_CLASS, i as CAROUSEL_IMAGE_WIDTH_CSS_VAR, S as SET_MODE_IMAGE_WIDTH_CSS_VAR, j as CAROUSEL_CONTENT_WIDTH_CSS_VAR, R as RESULTS_CALCULATED_COLUMNS_CSS_VAR, D as DEFAULT_COLUMNS_NUMBER, g as getCustomLabels, k as SCROLL_POSITION_TOLERANCE, P as PlusIcon, v as v4, b as createAddToBasketEvent, d as createAddToWishlistEvent, c as createWidgetEvent, e as createResultEventByType, f as createProductEventByType, l as getRecommendationsBody } from './index-K4wrVGaJ.js';
 import { P as PRODUCT_CARD_IMAGE_WIDTH, D as DISCOVERY_WIDGET_IMAGE_RESOLUTION_WIDTH } from './constants-CR1-OmNa.js';
 import { i as instance } from './i18next-C7V-mvcq.js';
 import { s as slotChangeListener, S as SlotSkeleton } from './customized-slots-dMkaWNvg.js';
 import { g as energyLabelParts, h as priceRangeParts, i as contentCardParts, p as productCardParts } from './index-Btzdx1Bw.js';
 import { i as isIntervalFilter, b as triggerResetFilters, t as triggerFilter, g as getPriceLabel, a as isSubFilterActive, R as RenderFilterButton } from './triggerFilter-JXdQf5Ts.js';
-import { r as resources } from './resources-P_CdUt8K.js';
+import { r as resources } from './resources-ZMs5Z6zj.js';
 import { i as isClickedInRectBound } from './Rectangle-zsZBqb9v.js';
 import { g as globalState, a as addEventListenersWithSignal, u as updateGlobalState, t as trackEvent } from './index-CBMaqIhH.js';
 

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

@@ -3,7 +3,7 @@ import { _ as _functionExports, O as OptionExports, d as detectedObjectEq, a as
 import { s as scaleWithSized, c as center } from './Rectangle-zsZBqb9v.js';
 import { i as instance } from './i18next-C7V-mvcq.js';
 import { s as slotChangeListener } from './customized-slots-dMkaWNvg.js';
-import { c as campaignTypeNames, v as version } from './package-BMdUYWes.js';
+import { c as campaignTypeNames, v as version } from './package-C4dGC2Lj.js';
 import { m as modalParts } from './index-Btzdx1Bw.js';
 import { P as PRODUCT_CARD_IMAGE_WIDTH, D as DISCOVERY_WIDGET_IMAGE_RESOLUTION_WIDTH } from './constants-CR1-OmNa.js';
 import { a as addEventListenersWithSignal } from './index-CBMaqIhH.js';

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

@@ -3,7 +3,7 @@ import { F as FilterIconClose, t as triggerFilter, i as isIntervalFilter, g as g
 import { u as useSearchStore } from './search.store-bQMOl96b.js';
 import { a as addEventListenersWithSignal, g as globalState } from './index-CBMaqIhH.js';
 import { i as instance } from './i18next-C7V-mvcq.js';
-import { r as resources } from './resources-P_CdUt8K.js';
+import { r as resources } from './resources-ZMs5Z6zj.js';
 import { g as getLocalStorageItems } from './index-C5MrXMjM.js';
 import './Rectangle-zsZBqb9v.js';
 

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

@@ -2,7 +2,7 @@ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement
 import { _ as _functionExports, m as makeTextSearchRequest, g as getOrElse, u as useSearchStore } from './search.store-bQMOl96b.js';
 import { s as slotChangeListener } from './customized-slots-dMkaWNvg.js';
 import { i as instance } from './i18next-C7V-mvcq.js';
-import { r as resources } from './resources-P_CdUt8K.js';
+import { r as resources } from './resources-ZMs5Z6zj.js';
 import { s as searchBarParts } from './index-Btzdx1Bw.js';
 import { u as updateGlobalState, a as addEventListenersWithSignal, g as globalState } from './index-CBMaqIhH.js';
 import './Rectangle-zsZBqb9v.js';

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

@@ -4,7 +4,7 @@ import { D as DEFAULT_EXAMPLE_IMAGE } from './constants-DOMXsA9W.js';
 import { u as updateGlobalState, g as globalState, f as findSlotElements } from './index-CBMaqIhH.js';
 import { S as SEARCH_WIDGET_IMAGE_RESOLUTION_WIDTH } from './constants-CR1-OmNa.js';
 import { i as instance } from './i18next-C7V-mvcq.js';
-import { r as resources } from './resources-P_CdUt8K.js';
+import { r as resources } from './resources-ZMs5Z6zj.js';
 
 const SearchModalCameraIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" },
     h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18 4H20C22.21 4 24 5.79 24 8V16H22V8C22 6.9 21.1 6 20 6H16.93L16.34 5.11L14.93 3H9.07L7.66 5.11L7.07 6H4C2.9 6 2 6.9 2 8V18C2 19.1 2.9 20 4 20H9V22H4C1.79 22 0 20.21 0 18V8C0 5.79 1.79 4 4 4H6L8 1H16L18 4ZM12 8C14.76 8 17 10.24 17 13L16.99 13.01C16.99 14.02 16.68 14.97 16.16 15.76L20.7 20.3L19.29 21.71L14.75 17.17C13.96 17.69 13.02 18 12 18C9.24 18 7 15.76 7 13C7 10.24 9.24 8 12 8ZM9 13C9 14.65 10.35 16 12 16C13.65 16 15 14.65 15 13C15 11.35 13.65 10 12 10C10.35 10 9 11.35 9 13Z", fill: "#161616" })));

package/dist/vviinn-widgets/{p-a463c537.entry.js → p-07342cdd.entry.js}

@@ -1 +1 @@
-import{h as e,r as t,c as o,H as i,g as r}from"./p-BcMtFp89.js";import{_ as a,O as s,d as n,a as c,s as l,u as d}from"./p-BIbegBTH.js";import{s as f,c as h}from"./p-zsZBqb9v.js";import{i as p}from"./p-C7V-mvcq.js";import{s as b}from"./p-CUvvnl61.js";import{c as g,v as u}from"./p-BMdUYWes.js";import{m as x}from"./p-Btzdx1Bw.js";import{P as v,D as m}from"./p-CR1-OmNa.js";import{a as y}from"./p-CZ7_-mGa.js";const w=()=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e("path",{d:"M7.82499 13L12.725 17.9C12.925 18.1 13.0208 18.3333 13.0125 18.6C13.0042 18.8667 12.9 19.1 12.7 19.3C12.5 19.4833 12.2667 19.5792 12 19.5875C11.7333 19.5958 11.5 19.5 11.3 19.3L4.69999 12.7C4.59999 12.6 4.52915 12.4917 4.48749 12.375C4.44582 12.2583 4.42499 12.1333 4.42499 12C4.42499 11.8667 4.44582 11.7417 4.48749 11.625C4.52915 11.5083 4.59999 11.4 4.69999 11.3L11.3 4.69999C11.4833 4.51665 11.7125 4.42499 11.9875 4.42499C12.2625 4.42499 12.5 4.51665 12.7 4.69999C12.9 4.89999 13 5.13749 13 5.41249C13 5.68749 12.9 5.92499 12.7 6.12499L7.82499 11H19C19.2833 11 19.5208 11.0958 19.7125 11.2875C19.9042 11.4792 20 11.7167 20 12C20 12.2833 19.9042 12.5208 19.7125 12.7125C19.5208 12.9042 19.2833 13 19 13H7.82499Z",fill:"currentColor"})),C=()=>e("svg",{width:"48",height:"48",slot:"icon",class:"icon",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M24 34C24.5667 34 25.0417 33.8083 25.425 33.425C25.8083 33.0417 26 32.5667 26 32C26 31.4333 25.8083 30.9583 25.425 30.575C25.0417 30.1917 24.5667 30 24 30C23.4333 30 22.9583 30.1917 22.575 30.575C22.1917 30.9583 22 31.4333 22 32C22 32.5667 22.1917 33.0417 22.575 33.425C22.9583 33.8083 23.4333 34 24 34ZM24 26C24.5667 26 25.0417 25.8083 25.425 25.425C25.8083 25.0417 26 24.5667 26 24V16C26 15.4333 25.8083 14.9583 25.425 14.575C25.0417 14.1917 24.5667 14 24 14C23.4333 14 22.9583 14.1917 22.575 14.575C22.1917 14.9583 22 15.4333 22 16V24C22 24.5667 22.1917 25.0417 22.575 25.425C22.9583 25.8083 23.4333 26 24 26ZM24 44C21.2333 44 18.6333 43.475 16.2 42.425C13.7667 41.375 11.65 39.95 9.85 38.15C8.05 36.35 6.625 34.2333 5.575 31.8C4.525 29.3667 4 26.7667 4 24C4 21.2333 4.525 18.6333 5.575 16.2C6.625 13.7667 8.05 11.65 9.85 9.85C11.65 8.05 13.7667 6.625 16.2 5.575C18.6333 4.525 21.2333 4 24 4C26.7667 4 29.3667 4.525 31.8 5.575C34.2333 6.625 36.35 8.05 38.15 9.85C39.95 11.65 41.375 13.7667 42.425 16.2C43.475 18.6333 44 21.2333 44 24C44 26.7667 43.475 29.3667 42.425 31.8C41.375 34.2333 39.95 36.35 38.15 38.15C36.35 39.95 34.2333 41.375 31.8 42.425C29.3667 43.475 26.7667 44 24 44Z",fill:"#161616"})),k=({width:t=24,height:o=24})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:o,viewBox:"0 0 24 24",fill:"currentColor"},e("path",{d:"M4 16V15H2V16C2 19.31 4.69 22 8 22H9V20H8C5.79 20 4 18.21 4 16Z"}),e("path",{d:"M4 8C4 5.79 5.79 4 8 4H9V2H8C4.69 2 2 4.69 2 8V9H4V8Z"}),e("path",{d:"M20 8C20 5.79 18.21 4 16 4H15V2H16C19.31 2 22 4.69 22 8V9H20V8Z"}),e("path",{d:"M20 16C20 18.21 18.21 20 16 20H15V22H16C19.31 22 22 19.31 22 16V15H20V16Z"}),e("path",{d:"M9 8H7C6.45 8 6 8.45 6 9C6 9.55 6.45 10 7 10H9V11C9 11.55 9.45 12 10 12C10.55 12 11 11.55 11 11V7C11 6.45 10.55 6 10 6C9.45 6 9 6.45 9 7V8Z"}),e("path",{d:"M15 16H17C17.55 16 18 15.55 18 15C18 14.45 17.55 14 17 14H15V13C15 12.45 14.55 12 14 12C13.45 12 13 12.45 13 13V17C13 17.55 13.45 18 14 18C14.55 18 15 17.55 15 17V16Z"}),e("path",{d:"M16 9C16 8.45 15.55 8 15 8H12V10H15C15.55 10 16 9.55 16 9Z"}),e("path",{d:"M6 15C6 15.55 6.45 16 7 16H12V14H7C6.45 14 6 14.45 6 15Z"})),z=({width:t=24,height:o=24})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:o,viewBox:"0 0 24 24",fill:"currentColor"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20 13C20 13.55 20.45 14 21 14C21.55 14 22 13.55 22 13V5C22 3.35 20.65 2 19 2H11C10.45 2 10 2.45 10 3C10 3.55 10.45 4 11 4H19C19.55 4 20 4.45 20 5V13ZM2 19C2 20.65 3.35 22 5 22H13C13.55 22 14 21.55 14 21C14 20.45 13.55 20 13 20H5C4.45 20 4 19.55 4 19V11C4 10.45 3.55 10 3 10C2.45 10 2 10.45 2 11V19ZM12 16C11.45 16 11 15.55 11 15V13H9C8.45 13 8 12.55 8 12C8 11.45 8.45 11 9 11H11V9C11 8.45 11.45 8 12 8C12.55 8 13 8.45 13 9V11H15C15.55 11 16 11.45 16 12C16 12.55 15.55 13 15 13H13V15C13 15.55 12.55 16 12 16Z"})),V=class{constructor(e){t(this,e),this.vviinnSelectObject=o(this,"vviinnSelectObject"),this.position=["0","0"]}getObjectPosition(){return a.pipe(s.fromNullable(this.imageBounds),s.map((e=>{const{left:t,top:o}=a.pipe(this.detectedObject,f(e),h);return[`${t}px`,`${o}px`]})),s.getOrElse((()=>["0","0"])))}selectDetectedObject(){const e=a.pipe(s.fromNullable(this.imageBounds),s.map((e=>f(e)(this.detectedObject))),s.toNullable);this.vviinnSelectObject.emit(Object.assign(Object.assign({},this.basicEventData),{detectedObject:this.detectedObject,searchArea:e}))}isActive(){return!(!this.detectedObject||!this.selectedDetectedObject)&&n.equals(this.detectedObject,this.selectedDetectedObject)}render(){return e(i,{key:"1b53ca2bf845842ba5ae4bedfa8c248f6f3e285e",class:{active:this.isActive()},onClick:()=>this.selectDetectedObject(),style:{"--x-position":this.getObjectPosition()[0],"--y-position":this.getObjectPosition()[1]}})}};V.style=':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:#525252;--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;}:host{display:block;position:absolute;left:calc(var(--x-position));top:calc(var(--y-position));z-index:2}:host::before,:host::after{content:"";cursor:pointer;position:absolute;height:var(--size);width:var(--size);left:calc(-1 * var(--size) / 2);top:calc(-1 * var(--size) / 2)}:host::before{--size:36px;border-radius:50%;z-index:0;background:rgba(0, 0, 0, 0.16);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform 0.07s ease-in-out}:host::after{--size:13px;border-radius:50%;z-index:1;background:white;box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.15);transition:transform 0.07s ease-in-out}:host(.active)::before{transform:scale(0.88);background:rgba(0, 0, 0, 0.4)}:host(.active)::after{transform:scale(0.67)}@media (min-width: 768px){:host(:not(.active):hover)::before{transform:scale(1.08);background:rgba(0, 0, 0, 0.32)}}';const H={"empty-results":{i18nKey:"emptyResultsBlock",hasTopMargin:!0,hasText:!1,hasButton:!1},"server-error":{i18nKey:"serverErrorBlock",hasTopMargin:!1,hasText:!1,hasButton:!0},"wrong-aspect-ratio":{i18nKey:"wrongAspectRatioBlock",hasTopMargin:!0,hasText:!1,hasButton:!0},"wrong-format":{i18nKey:"wrongFormatBlock",hasTopMargin:!1,hasText:!0,hasButton:!0}},j=class{constructor(e){t(this,e),this.hasBackground=!0,this.hasTopMargin=!1}getErrorContent(){if(!this.errorType)return null;const e=H[this.errorType];return{title:p.t(`${e.i18nKey}.title`),text:e.hasText?p.t(`${e.i18nKey}.text`):null,buttonText:this.hasButton()?p.t(`${e.i18nKey}.button`):null}}hasButton(){return!!this.errorType&&(!!H[this.errorType].hasButton||"empty-results"===this.errorType&&"image"===this.searchType)}render(){var t;const o=this.getErrorContent(),r={"add-top-margin":this.hasTopMargin||this.errorType&&(null===(t=H[this.errorType])||void 0===t?void 0:t.hasTopMargin)},a={"error-content":!0,"add-background":this.hasBackground},s=this.errorType?[e(C,null),e("h4",null,null==o?void 0:o.title),(null==o?void 0:o.text)&&e("span",null,o.text),(null==o?void 0:o.buttonText)&&e("button",{onClick:this.handler},o.buttonText)]:[e("slot",{name:"icon"}),e("slot",{name:"title"}),e("slot",{name:"text"}),e("slot",{name:"action"})];return e(i,{key:"9920cc36caa82eb9f6a6fa7a429533928dbbf9fc",class:r},e("div",{key:"c4b4e92e441285783af51f5aaeb8de34d1757ec7",class:a},s))}};j.style=":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:#525252;--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;}:host{display:block;font-family:var(--font-family, var(--font-family-base))}:host(.add-background){background:var(--surface-bg-color-01)}:host(.add-top-margin){margin-top:var(--spacing-400)}.error-content{display:grid;grid-gap:var(--spacing-150);text-align:center;justify-items:center;width:356px;padding:var(--spacing-200);max-width:calc(100vw - 2 * var(--spacing-300));border-radius:var(--border-radius-200);box-sizing:border-box;margin:0 auto}.error-content.add-background{background:var(--surface-bg-color-01)}svg,::slotted(svg){display:grid;align-self:center}h4,::slotted(h4){margin:unset;font-weight:var(--font-weight-600);font-size:var(--font-size-headline);line-height:var(--line-height-headline)}span,::slotted(span){font-size:14px;line-height:20px}button,::slotted(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-size:var(--font-size-label);font-weight:var(--font-weight-500);background:var(--color-primary, var(--button-bg-color-primary));border-radius:var(--border-radius-100);padding:var(--spacing-100);font-size:var(--font-size-body);color:var(--color-text-inverse);font-family:var(--font-family, var(--font-family-base))}button:hover,::slotted(button:hover){background:var(--button-bg-color-primary-hover)}";const B=class{constructor(e){t(this,e),this.vviinnWidgetClose=o(this,"vviinnWidgetClose"),this.active=!1,this.hideBackButton=!1,this.slider=!1,this.handleEscapeKey=e=>{"Escape"===e.key&&this.active&&(e.preventDefault(),this.close())},this.handleCloseButtonKeyDown=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.close())}}handleActiveChange(e){e?document.addEventListener("keydown",this.handleEscapeKey):document.removeEventListener("keydown",this.handleEscapeKey)}componentWillLoad(){b(this,this.el)}disconnectedCallback(){document.removeEventListener("keydown",this.handleEscapeKey)}resetTopScroll(){const e=this.el.shadowRoot.querySelector(".body");null==e||e.scroll({top:0})}close(){this.active=!1,setTimeout((()=>{this.vviinnWidgetClose.emit(Object.assign({campaignTypeId:"VPS",campaignTypeName:g.VPS,widgetVersion:this.widgetVersion},c("widgetId",this.buttonElementId)))}),this.slider?500:0)}handleAnimationEnd(e){"fade-in"===e.animationName&&(this.slider=!0)}render(){return e(i,{key:"b6f270f4d2a98ae3780d87584ac80dddbfc68234",exportparts:x,class:{closed:!this.active,"first-screen":this.isFirstScreen},onAnimationEnd:e=>this.handleAnimationEnd(e),role:"dialog","aria-modal":this.active?"true":"false",inert:!this.active||void 0},e("div",{key:"27e750ec61a6b452422232f0e85dcf469534563f",class:"head"},!this.hideBackButton&&e("button",{key:"5c2efbc262f10976bac6186aedd9f468b9149f7b",part:"secondary-action",onClick:()=>{this.resetState(),this.resetTopScroll()}},e(w,{key:"7048d1e2552cb7d9b91fed9f02864b2036354527"})),e("div",{key:"8f7ac6cebf3fdcee4ba5d9670857fae10cff6adc",class:"title",part:"results-title"},(t=l.image)?e("img",{width:"28",height:"28",src:t.src,class:"title-image"}):null,e("slot",{key:"a6b4d1a590e30bb13ffc007c083b0173cd2381c9",name:"vviinn-image-search-modal-title"},p.t("imageSearchModalTitle"))),e("button",{key:"479b56a69be3e16d3bf98f72b19b69f23b9835ce",onClick:()=>this.close(),onKeyDown:this.handleCloseButtonKeyDown,class:"close-button",part:"close-button","aria-label":p.t("a11y.closeButton")},e("svg",{key:"460d1edbcf4812faa4b32bf4edf81a3a26870711",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},e("path",{key:"6960536d362de7742c66161fedb88120f14ead06",d:"M12 13.3892L6.91958 18.4696C6.72248 18.6667 6.49095 18.7653 6.225 18.7653C5.95905 18.7653 5.72753 18.6667 5.53043 18.4696C5.33333 18.2725 5.23478 18.041 5.23478 17.775C5.23478 17.5091 5.33333 17.2776 5.53043 17.0805L10.6109 12L5.53043 6.9196C5.33333 6.7225 5.23478 6.49098 5.23478 6.22503C5.23478 5.95908 5.33333 5.72755 5.53043 5.53045C5.72753 5.33335 5.95905 5.2348 6.225 5.2348C6.49095 5.2348 6.72248 5.33335 6.91958 5.53045L12 10.6109L17.0804 5.53045C17.2775 5.33335 17.5091 5.2348 17.775 5.2348C18.041 5.2348 18.2725 5.33335 18.4696 5.53045C18.6667 5.72755 18.7652 5.95908 18.7652 6.22503C18.7652 6.49098 18.6667 6.7225 18.4696 6.9196L13.3892 12L18.4696 17.0805C18.6667 17.2776 18.7652 17.5091 18.7652 17.775C18.7652 18.041 18.6667 18.2725 18.4696 18.4696C18.2725 18.6667 18.041 18.7653 17.775 18.7653C17.5091 18.7653 17.2775 18.6667 17.0804 18.4696L12 13.3892Z",fill:"currentColor"})))),e("div",{key:"51a85f347b4c9f43484e9f89c00a990c02c9ed83",class:"body"},e("slot",{key:"c798eb70f6d02db45f537e9a4cdfed89d2e72edd"})));var t}get el(){return r(this)}static get watchers(){return{active:["handleActiveChange"]}}};B.style=":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:#525252;--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;}:host{background:white;border-radius:var(--modal-border-radius, var(--border-radius-300));box-sizing:border-box;display:grid;grid-template-rows:min-content auto;max-width:960px;overflow:auto;position:relative}.head{height:64px;font-family:var(--font-family, var(--font-family-base));position:absolute;width:100%;box-sizing:border-box;display:flex;align-items:center;z-index:1;padding:16px}.title{display:flex;align-items:center;transform:translateX(-6px);font-weight:var(--font-weight-600);font-size:18px;line-height:24px;margin:0 auto}.title-image{border-radius:50%;border:1px solid rgb(244, 244, 244);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;margin-right:8px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;display:grid;padding:6px;color:#8d8d8d}button:hover{color:#000}@media (max-width: 768px){:host{animation-name:fade-in;animation-duration:0.5s;animation-fill-mode:forwards;border-radius:24px 24px 0 0}:host(.closed){animation-name:fade-out;animation-fill-mode:none}.head{z-index:1}:host(:not(.first-screen)) .head{position:sticky;background:#ffffff}.body{overflow-y:auto}:host(:not(.first-screen)) .body{padding-bottom:160px}.title{color:#161616;display:flex;align-items:center;font-weight:500;font-size:16px;line-height:24px;margin:0 auto}.title-image{border-radius:50%;border:1px solid rgb(244, 244, 244);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;margin-right:8px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;display:grid;color:#6f6f6f;padding:0}button:hover{color:#000}:host(.first-screen) button,:host(.first-screen) button:hover{color:white}}@keyframes fade-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-out{from{transform:translateY(0)}to{transform:translateY(100%)}}";const M=class{constructor(e){t(this,e)}render(){return e(i,{key:"10a06ba57fe3ef39685baff4fe982ffa5c9f5369"},e("slot",{key:"0833ee23687a24d2fff3fe76ae61d3c0cfd5523e"}))}};M.style=":host{animation:fade-in 0.5s ease-in-out;background:rgba(0, 0, 0, 0.5);display:block;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:9999}@keyframes fade-in{from{opacity:0.1}to{opacity:1}}";const T=class{constructor(e){t(this,e)}render(){return e(i,{key:"6eb2c89fc58ee9a1beca6d545a20622f2d67f54a"})}};T.style=":host{--preloader-size:24px;--preloader-width:calc(var(--preloader-size) / 6);transform-origin:center;animation:rotate 3s linear infinite;border:var(--preloader-width) solid currentColor;border-radius:50%;border-top-color:transparent;display:flex;outline:0;width:var(--preloader-size);height:var(--preloader-size);box-sizing:border-box}@keyframes rotate{from{transform:rotate(-360deg)}to{transform:rotate(360deg)}}";const Z=class{constructor(e){t(this,e),this.vviinnWidgetLoad=o(this,"vviinnWidgetLoad"),this.vviinnWidgetOpen=o(this,"vviinnWidgetOpen"),this.vviinnWidgetClose=o(this,"vviinnWidgetClose"),this.vviinnProductLoad=o(this,"vviinnProductLoad"),this.vviinnProductClick=o(this,"vviinnProductClick"),this.vviinnProductView=o(this,"vviinnProductView"),this.vviinnResultLoad=o(this,"vviinnResultLoad"),this.vviinnResultView=o(this,"vviinnResultView"),this.vviinnNoResult=o(this,"vviinnNoResult"),this.vviinnAddToBasket=o(this,"vviinnAddToBasket"),this.mode="continuity",this.campaigns="",this.excluded="",this.campaignType="set"===this.mode?"VCS":"VPR",this.color="",this.imageWidth=v,this.imageRatio=1,this.setItemsAmount=4,this.cssUrl=null,this.noResultText="",this.noResultShow=!0,this.gridArrowsDynamic=!1,this.productDetailsNewTab=!1,this.productDetailsRedirect=!0,this.addToBasketShow=!1,this.showFilters=!1,this.addPriceContainer=!1,this.setModeDiscounts="set"===this.mode?"5, 10, 15":"",this.updateButtonLocation="topAndItem",this.modalScrollbar=!1,this.position="bottom",this.addStyle=!0,this.favoriteShow=!1,this.oneClickDiscoveryMode="standalone",this.showInWidget=!1,this.imageResolutionWidth=m,this.sidebar=null,this.sidebarCloseListener=()=>{var e;this.sidebar&&(null===(e=this.targetAppendSidebarTo)||void 0===e?void 0:e.contains(this.sidebar))&&this.targetAppendSidebarTo.removeChild(this.sidebar)}}connectedCallback(){this.iconSideSize="standalone"===this.oneClickDiscoveryMode?24:14;const{onChange:e}=d(this.showInWidget);this.disposeStoreListener=e("searchStatus",(e=>{"loading"===e&&this.sidebarCloseListener()}))}componentWillLoad(){this.appendSidebarToElement?this.targetAppendSidebarTo=this.appendSidebarToElement:this.appendSidebarToId&&(this.targetAppendSidebarTo=document.getElementById(this.appendSidebarToId))}appendSidebarToElementWatcher(){this.appendSidebarToElement&&(this.targetAppendSidebarTo=this.appendSidebarToElement)}render(){return e(i,{key:"5e8bcfb23ffff51e2b5a7c2d944ae947e29f9efb",onClick:()=>{this.appendSidebarToId&&!this.targetAppendSidebarTo?setTimeout((()=>{this.handleClick()}),250):this.handleClick()},role:"button",tabindex:"0"},e("vviinn-button",{key:"cd4476091c82d65696e74316df8df3c659692cda",addStyle:this.addStyle,part:"vviinn-button"},e("slot",{key:"1b70eb2ee4eea6a847fcc17878de160f82c6040d"},e("VCS"===this.campaignType?z:k,{width:this.iconSideSize,height:this.iconSideSize}))))}handleClick(){const e=document.createElement("vviinn-recommendations-sidebar");e.token=this.token,e.locale=this.locale,e.currencySign=this.currencySign,e.pricePrefix=this.pricePrefix,e.apiPath=this.apiPath,e.sidebarTitle=this.sidebarTitle,e.productId=this.productId,e.position=this.position,e.widgetScrollbar=this.modalScrollbar,e.campaigns=this.campaigns,e.campaignType=this.campaignType,e.color=this.color,e.imageWidth=this.imageWidth,e.buttonElementId=this.el.id,e.noResultText=this.noResultText,e.noResultShow=this.noResultShow,e.gridArrowsDynamic=this.gridArrowsDynamic,e.productDetailsNewTab=this.productDetailsNewTab,e.productDetailsRedirect=this.productDetailsRedirect,e.widgetVersion=u,e.showingInButton=!0,e.excluded=this.excluded,e.addToBasketShow=this.addToBasketShow,e.buttonChildren=this.el.children,e.showFilters=this.showFilters,e.cssUrl=this.cssUrl,e.imageRatio=this.imageRatio,e.setItemsAmount=this.setItemsAmount,e.setModeDiscounts=this.setModeDiscounts,e.updateButtonLocation=this.updateButtonLocation,e.addPriceContainer=this.addPriceContainer,e.favoriteShow=this.favoriteShow,e.showInModal="modal"===this.oneClickDiscoveryMode,e.isAppended=!!this.targetAppendSidebarTo||!!this.appendSidebarToElement,e.showInWidget=this.showInWidget,this.targetAppendSidebarTo?(e.mode="grid",e.useCarousel="append-slider"===this.oneClickDiscoveryMode):(e.mode="right"===this.position?"grid":this.mode,e.useCarousel="bottom"===this.position),this.sidebar=e,this.eventAbortController=new AbortController;const{signal:t}=this.eventAbortController;if(y(document,[["vviinnWidgetClose",this.sidebarCloseListener]],t),this.targetAppendSidebarTo)return this.sidebar.showInCustomContainer=!0,this.targetAppendSidebarTo.innerHTML="",void this.targetAppendSidebarTo.append(this.sidebar);document.body.append(this.sidebar)}disconnectedCallback(){var e,t;null===(e=this.eventAbortController)||void 0===e||e.abort(),null===(t=this.disposeStoreListener)||void 0===t||t.call(this)}get el(){return r(this)}static get watchers(){return{appendSidebarToElement:["appendSidebarToElementWatcher"]}}};Z.style=":host{display:block}";export{V as vviinn_detected_object,j as vviinn_error,B as vviinn_modal,M as vviinn_overlay,T as vviinn_preloader,Z as vviinn_vpr_button}
+import{h as e,r as t,c as o,H as i,g as r}from"./p-BcMtFp89.js";import{_ as a,O as s,d as n,a as c,s as l,u as d}from"./p-BIbegBTH.js";import{s as f,c as h}from"./p-zsZBqb9v.js";import{i as p}from"./p-C7V-mvcq.js";import{s as b}from"./p-CUvvnl61.js";import{c as g,v as u}from"./p-C4dGC2Lj.js";import{m as x}from"./p-Btzdx1Bw.js";import{P as v,D as m}from"./p-CR1-OmNa.js";import{a as y}from"./p-CZ7_-mGa.js";const w=()=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e("path",{d:"M7.82499 13L12.725 17.9C12.925 18.1 13.0208 18.3333 13.0125 18.6C13.0042 18.8667 12.9 19.1 12.7 19.3C12.5 19.4833 12.2667 19.5792 12 19.5875C11.7333 19.5958 11.5 19.5 11.3 19.3L4.69999 12.7C4.59999 12.6 4.52915 12.4917 4.48749 12.375C4.44582 12.2583 4.42499 12.1333 4.42499 12C4.42499 11.8667 4.44582 11.7417 4.48749 11.625C4.52915 11.5083 4.59999 11.4 4.69999 11.3L11.3 4.69999C11.4833 4.51665 11.7125 4.42499 11.9875 4.42499C12.2625 4.42499 12.5 4.51665 12.7 4.69999C12.9 4.89999 13 5.13749 13 5.41249C13 5.68749 12.9 5.92499 12.7 6.12499L7.82499 11H19C19.2833 11 19.5208 11.0958 19.7125 11.2875C19.9042 11.4792 20 11.7167 20 12C20 12.2833 19.9042 12.5208 19.7125 12.7125C19.5208 12.9042 19.2833 13 19 13H7.82499Z",fill:"currentColor"})),C=()=>e("svg",{width:"48",height:"48",slot:"icon",class:"icon",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M24 34C24.5667 34 25.0417 33.8083 25.425 33.425C25.8083 33.0417 26 32.5667 26 32C26 31.4333 25.8083 30.9583 25.425 30.575C25.0417 30.1917 24.5667 30 24 30C23.4333 30 22.9583 30.1917 22.575 30.575C22.1917 30.9583 22 31.4333 22 32C22 32.5667 22.1917 33.0417 22.575 33.425C22.9583 33.8083 23.4333 34 24 34ZM24 26C24.5667 26 25.0417 25.8083 25.425 25.425C25.8083 25.0417 26 24.5667 26 24V16C26 15.4333 25.8083 14.9583 25.425 14.575C25.0417 14.1917 24.5667 14 24 14C23.4333 14 22.9583 14.1917 22.575 14.575C22.1917 14.9583 22 15.4333 22 16V24C22 24.5667 22.1917 25.0417 22.575 25.425C22.9583 25.8083 23.4333 26 24 26ZM24 44C21.2333 44 18.6333 43.475 16.2 42.425C13.7667 41.375 11.65 39.95 9.85 38.15C8.05 36.35 6.625 34.2333 5.575 31.8C4.525 29.3667 4 26.7667 4 24C4 21.2333 4.525 18.6333 5.575 16.2C6.625 13.7667 8.05 11.65 9.85 9.85C11.65 8.05 13.7667 6.625 16.2 5.575C18.6333 4.525 21.2333 4 24 4C26.7667 4 29.3667 4.525 31.8 5.575C34.2333 6.625 36.35 8.05 38.15 9.85C39.95 11.65 41.375 13.7667 42.425 16.2C43.475 18.6333 44 21.2333 44 24C44 26.7667 43.475 29.3667 42.425 31.8C41.375 34.2333 39.95 36.35 38.15 38.15C36.35 39.95 34.2333 41.375 31.8 42.425C29.3667 43.475 26.7667 44 24 44Z",fill:"#161616"})),k=({width:t=24,height:o=24})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:o,viewBox:"0 0 24 24",fill:"currentColor"},e("path",{d:"M4 16V15H2V16C2 19.31 4.69 22 8 22H9V20H8C5.79 20 4 18.21 4 16Z"}),e("path",{d:"M4 8C4 5.79 5.79 4 8 4H9V2H8C4.69 2 2 4.69 2 8V9H4V8Z"}),e("path",{d:"M20 8C20 5.79 18.21 4 16 4H15V2H16C19.31 2 22 4.69 22 8V9H20V8Z"}),e("path",{d:"M20 16C20 18.21 18.21 20 16 20H15V22H16C19.31 22 22 19.31 22 16V15H20V16Z"}),e("path",{d:"M9 8H7C6.45 8 6 8.45 6 9C6 9.55 6.45 10 7 10H9V11C9 11.55 9.45 12 10 12C10.55 12 11 11.55 11 11V7C11 6.45 10.55 6 10 6C9.45 6 9 6.45 9 7V8Z"}),e("path",{d:"M15 16H17C17.55 16 18 15.55 18 15C18 14.45 17.55 14 17 14H15V13C15 12.45 14.55 12 14 12C13.45 12 13 12.45 13 13V17C13 17.55 13.45 18 14 18C14.55 18 15 17.55 15 17V16Z"}),e("path",{d:"M16 9C16 8.45 15.55 8 15 8H12V10H15C15.55 10 16 9.55 16 9Z"}),e("path",{d:"M6 15C6 15.55 6.45 16 7 16H12V14H7C6.45 14 6 14.45 6 15Z"})),z=({width:t=24,height:o=24})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:o,viewBox:"0 0 24 24",fill:"currentColor"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20 13C20 13.55 20.45 14 21 14C21.55 14 22 13.55 22 13V5C22 3.35 20.65 2 19 2H11C10.45 2 10 2.45 10 3C10 3.55 10.45 4 11 4H19C19.55 4 20 4.45 20 5V13ZM2 19C2 20.65 3.35 22 5 22H13C13.55 22 14 21.55 14 21C14 20.45 13.55 20 13 20H5C4.45 20 4 19.55 4 19V11C4 10.45 3.55 10 3 10C2.45 10 2 10.45 2 11V19ZM12 16C11.45 16 11 15.55 11 15V13H9C8.45 13 8 12.55 8 12C8 11.45 8.45 11 9 11H11V9C11 8.45 11.45 8 12 8C12.55 8 13 8.45 13 9V11H15C15.55 11 16 11.45 16 12C16 12.55 15.55 13 15 13H13V15C13 15.55 12.55 16 12 16Z"})),V=class{constructor(e){t(this,e),this.vviinnSelectObject=o(this,"vviinnSelectObject"),this.position=["0","0"]}getObjectPosition(){return a.pipe(s.fromNullable(this.imageBounds),s.map((e=>{const{left:t,top:o}=a.pipe(this.detectedObject,f(e),h);return[`${t}px`,`${o}px`]})),s.getOrElse((()=>["0","0"])))}selectDetectedObject(){const e=a.pipe(s.fromNullable(this.imageBounds),s.map((e=>f(e)(this.detectedObject))),s.toNullable);this.vviinnSelectObject.emit(Object.assign(Object.assign({},this.basicEventData),{detectedObject:this.detectedObject,searchArea:e}))}isActive(){return!(!this.detectedObject||!this.selectedDetectedObject)&&n.equals(this.detectedObject,this.selectedDetectedObject)}render(){return e(i,{key:"1b53ca2bf845842ba5ae4bedfa8c248f6f3e285e",class:{active:this.isActive()},onClick:()=>this.selectDetectedObject(),style:{"--x-position":this.getObjectPosition()[0],"--y-position":this.getObjectPosition()[1]}})}};V.style=':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:#525252;--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;}:host{display:block;position:absolute;left:calc(var(--x-position));top:calc(var(--y-position));z-index:2}:host::before,:host::after{content:"";cursor:pointer;position:absolute;height:var(--size);width:var(--size);left:calc(-1 * var(--size) / 2);top:calc(-1 * var(--size) / 2)}:host::before{--size:36px;border-radius:50%;z-index:0;background:rgba(0, 0, 0, 0.16);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform 0.07s ease-in-out}:host::after{--size:13px;border-radius:50%;z-index:1;background:white;box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.15);transition:transform 0.07s ease-in-out}:host(.active)::before{transform:scale(0.88);background:rgba(0, 0, 0, 0.4)}:host(.active)::after{transform:scale(0.67)}@media (min-width: 768px){:host(:not(.active):hover)::before{transform:scale(1.08);background:rgba(0, 0, 0, 0.32)}}';const H={"empty-results":{i18nKey:"emptyResultsBlock",hasTopMargin:!0,hasText:!1,hasButton:!1},"server-error":{i18nKey:"serverErrorBlock",hasTopMargin:!1,hasText:!1,hasButton:!0},"wrong-aspect-ratio":{i18nKey:"wrongAspectRatioBlock",hasTopMargin:!0,hasText:!1,hasButton:!0},"wrong-format":{i18nKey:"wrongFormatBlock",hasTopMargin:!1,hasText:!0,hasButton:!0}},j=class{constructor(e){t(this,e),this.hasBackground=!0,this.hasTopMargin=!1}getErrorContent(){if(!this.errorType)return null;const e=H[this.errorType];return{title:p.t(`${e.i18nKey}.title`),text:e.hasText?p.t(`${e.i18nKey}.text`):null,buttonText:this.hasButton()?p.t(`${e.i18nKey}.button`):null}}hasButton(){return!!this.errorType&&(!!H[this.errorType].hasButton||"empty-results"===this.errorType&&"image"===this.searchType)}render(){var t;const o=this.getErrorContent(),r={"add-top-margin":this.hasTopMargin||this.errorType&&(null===(t=H[this.errorType])||void 0===t?void 0:t.hasTopMargin)},a={"error-content":!0,"add-background":this.hasBackground},s=this.errorType?[e(C,null),e("h4",null,null==o?void 0:o.title),(null==o?void 0:o.text)&&e("span",null,o.text),(null==o?void 0:o.buttonText)&&e("button",{onClick:this.handler},o.buttonText)]:[e("slot",{name:"icon"}),e("slot",{name:"title"}),e("slot",{name:"text"}),e("slot",{name:"action"})];return e(i,{key:"9920cc36caa82eb9f6a6fa7a429533928dbbf9fc",class:r},e("div",{key:"c4b4e92e441285783af51f5aaeb8de34d1757ec7",class:a},s))}};j.style=":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:#525252;--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;}:host{display:block;font-family:var(--font-family, var(--font-family-base))}:host(.add-background){background:var(--surface-bg-color-01)}:host(.add-top-margin){margin-top:var(--spacing-400)}.error-content{display:grid;grid-gap:var(--spacing-150);text-align:center;justify-items:center;width:356px;padding:var(--spacing-200);max-width:calc(100vw - 2 * var(--spacing-300));border-radius:var(--border-radius-200);box-sizing:border-box;margin:0 auto}.error-content.add-background{background:var(--surface-bg-color-01)}svg,::slotted(svg){display:grid;align-self:center}h4,::slotted(h4){margin:unset;font-weight:var(--font-weight-600);font-size:var(--font-size-headline);line-height:var(--line-height-headline)}span,::slotted(span){font-size:14px;line-height:20px}button,::slotted(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-size:var(--font-size-label);font-weight:var(--font-weight-500);background:var(--color-primary, var(--button-bg-color-primary));border-radius:var(--border-radius-100);padding:var(--spacing-100);font-size:var(--font-size-body);color:var(--color-text-inverse);font-family:var(--font-family, var(--font-family-base))}button:hover,::slotted(button:hover){background:var(--button-bg-color-primary-hover)}";const B=class{constructor(e){t(this,e),this.vviinnWidgetClose=o(this,"vviinnWidgetClose"),this.active=!1,this.hideBackButton=!1,this.slider=!1,this.handleEscapeKey=e=>{"Escape"===e.key&&this.active&&(e.preventDefault(),this.close())},this.handleCloseButtonKeyDown=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.close())}}handleActiveChange(e){e?document.addEventListener("keydown",this.handleEscapeKey):document.removeEventListener("keydown",this.handleEscapeKey)}componentWillLoad(){b(this,this.el)}disconnectedCallback(){document.removeEventListener("keydown",this.handleEscapeKey)}resetTopScroll(){const e=this.el.shadowRoot.querySelector(".body");null==e||e.scroll({top:0})}close(){this.active=!1,setTimeout((()=>{this.vviinnWidgetClose.emit(Object.assign({campaignTypeId:"VPS",campaignTypeName:g.VPS,widgetVersion:this.widgetVersion},c("widgetId",this.buttonElementId)))}),this.slider?500:0)}handleAnimationEnd(e){"fade-in"===e.animationName&&(this.slider=!0)}render(){return e(i,{key:"b6f270f4d2a98ae3780d87584ac80dddbfc68234",exportparts:x,class:{closed:!this.active,"first-screen":this.isFirstScreen},onAnimationEnd:e=>this.handleAnimationEnd(e),role:"dialog","aria-modal":this.active?"true":"false",inert:!this.active||void 0},e("div",{key:"27e750ec61a6b452422232f0e85dcf469534563f",class:"head"},!this.hideBackButton&&e("button",{key:"5c2efbc262f10976bac6186aedd9f468b9149f7b",part:"secondary-action",onClick:()=>{this.resetState(),this.resetTopScroll()}},e(w,{key:"7048d1e2552cb7d9b91fed9f02864b2036354527"})),e("div",{key:"8f7ac6cebf3fdcee4ba5d9670857fae10cff6adc",class:"title",part:"results-title"},(t=l.image)?e("img",{width:"28",height:"28",src:t.src,class:"title-image"}):null,e("slot",{key:"a6b4d1a590e30bb13ffc007c083b0173cd2381c9",name:"vviinn-image-search-modal-title"},p.t("imageSearchModalTitle"))),e("button",{key:"479b56a69be3e16d3bf98f72b19b69f23b9835ce",onClick:()=>this.close(),onKeyDown:this.handleCloseButtonKeyDown,class:"close-button",part:"close-button","aria-label":p.t("a11y.closeButton")},e("svg",{key:"460d1edbcf4812faa4b32bf4edf81a3a26870711",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},e("path",{key:"6960536d362de7742c66161fedb88120f14ead06",d:"M12 13.3892L6.91958 18.4696C6.72248 18.6667 6.49095 18.7653 6.225 18.7653C5.95905 18.7653 5.72753 18.6667 5.53043 18.4696C5.33333 18.2725 5.23478 18.041 5.23478 17.775C5.23478 17.5091 5.33333 17.2776 5.53043 17.0805L10.6109 12L5.53043 6.9196C5.33333 6.7225 5.23478 6.49098 5.23478 6.22503C5.23478 5.95908 5.33333 5.72755 5.53043 5.53045C5.72753 5.33335 5.95905 5.2348 6.225 5.2348C6.49095 5.2348 6.72248 5.33335 6.91958 5.53045L12 10.6109L17.0804 5.53045C17.2775 5.33335 17.5091 5.2348 17.775 5.2348C18.041 5.2348 18.2725 5.33335 18.4696 5.53045C18.6667 5.72755 18.7652 5.95908 18.7652 6.22503C18.7652 6.49098 18.6667 6.7225 18.4696 6.9196L13.3892 12L18.4696 17.0805C18.6667 17.2776 18.7652 17.5091 18.7652 17.775C18.7652 18.041 18.6667 18.2725 18.4696 18.4696C18.2725 18.6667 18.041 18.7653 17.775 18.7653C17.5091 18.7653 17.2775 18.6667 17.0804 18.4696L12 13.3892Z",fill:"currentColor"})))),e("div",{key:"51a85f347b4c9f43484e9f89c00a990c02c9ed83",class:"body"},e("slot",{key:"c798eb70f6d02db45f537e9a4cdfed89d2e72edd"})));var t}get el(){return r(this)}static get watchers(){return{active:["handleActiveChange"]}}};B.style=":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:#525252;--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;}:host{background:white;border-radius:var(--modal-border-radius, var(--border-radius-300));box-sizing:border-box;display:grid;grid-template-rows:min-content auto;max-width:960px;overflow:auto;position:relative}.head{height:64px;font-family:var(--font-family, var(--font-family-base));position:absolute;width:100%;box-sizing:border-box;display:flex;align-items:center;z-index:1;padding:16px}.title{display:flex;align-items:center;transform:translateX(-6px);font-weight:var(--font-weight-600);font-size:18px;line-height:24px;margin:0 auto}.title-image{border-radius:50%;border:1px solid rgb(244, 244, 244);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;margin-right:8px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;display:grid;padding:6px;color:#8d8d8d}button:hover{color:#000}@media (max-width: 768px){:host{animation-name:fade-in;animation-duration:0.5s;animation-fill-mode:forwards;border-radius:24px 24px 0 0}:host(.closed){animation-name:fade-out;animation-fill-mode:none}.head{z-index:1}:host(:not(.first-screen)) .head{position:sticky;background:#ffffff}.body{overflow-y:auto}:host(:not(.first-screen)) .body{padding-bottom:160px}.title{color:#161616;display:flex;align-items:center;font-weight:500;font-size:16px;line-height:24px;margin:0 auto}.title-image{border-radius:50%;border:1px solid rgb(244, 244, 244);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;margin-right:8px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;display:grid;color:#6f6f6f;padding:0}button:hover{color:#000}:host(.first-screen) button,:host(.first-screen) button:hover{color:white}}@keyframes fade-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-out{from{transform:translateY(0)}to{transform:translateY(100%)}}";const M=class{constructor(e){t(this,e)}render(){return e(i,{key:"10a06ba57fe3ef39685baff4fe982ffa5c9f5369"},e("slot",{key:"0833ee23687a24d2fff3fe76ae61d3c0cfd5523e"}))}};M.style=":host{animation:fade-in 0.5s ease-in-out;background:rgba(0, 0, 0, 0.5);display:block;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:9999}@keyframes fade-in{from{opacity:0.1}to{opacity:1}}";const T=class{constructor(e){t(this,e)}render(){return e(i,{key:"6eb2c89fc58ee9a1beca6d545a20622f2d67f54a"})}};T.style=":host{--preloader-size:24px;--preloader-width:calc(var(--preloader-size) / 6);transform-origin:center;animation:rotate 3s linear infinite;border:var(--preloader-width) solid currentColor;border-radius:50%;border-top-color:transparent;display:flex;outline:0;width:var(--preloader-size);height:var(--preloader-size);box-sizing:border-box}@keyframes rotate{from{transform:rotate(-360deg)}to{transform:rotate(360deg)}}";const L=class{constructor(e){t(this,e),this.vviinnWidgetLoad=o(this,"vviinnWidgetLoad"),this.vviinnWidgetOpen=o(this,"vviinnWidgetOpen"),this.vviinnWidgetClose=o(this,"vviinnWidgetClose"),this.vviinnProductLoad=o(this,"vviinnProductLoad"),this.vviinnProductClick=o(this,"vviinnProductClick"),this.vviinnProductView=o(this,"vviinnProductView"),this.vviinnResultLoad=o(this,"vviinnResultLoad"),this.vviinnResultView=o(this,"vviinnResultView"),this.vviinnNoResult=o(this,"vviinnNoResult"),this.vviinnAddToBasket=o(this,"vviinnAddToBasket"),this.mode="continuity",this.campaigns="",this.excluded="",this.campaignType="set"===this.mode?"VCS":"VPR",this.color="",this.imageWidth=v,this.imageRatio=1,this.setItemsAmount=4,this.cssUrl=null,this.noResultText="",this.noResultShow=!0,this.gridArrowsDynamic=!1,this.productDetailsNewTab=!1,this.productDetailsRedirect=!0,this.addToBasketShow=!1,this.showFilters=!1,this.addPriceContainer=!1,this.setModeDiscounts="set"===this.mode?"5, 10, 15":"",this.updateButtonLocation="topAndItem",this.modalScrollbar=!1,this.position="bottom",this.addStyle=!0,this.favoriteShow=!1,this.oneClickDiscoveryMode="standalone",this.showInWidget=!1,this.imageResolutionWidth=m,this.sidebar=null,this.sidebarCloseListener=()=>{var e;this.sidebar&&(null===(e=this.targetAppendSidebarTo)||void 0===e?void 0:e.contains(this.sidebar))&&this.targetAppendSidebarTo.removeChild(this.sidebar)}}connectedCallback(){this.iconSideSize="standalone"===this.oneClickDiscoveryMode?24:14;const{onChange:e}=d(this.showInWidget);this.disposeStoreListener=e("searchStatus",(e=>{"loading"===e&&this.sidebarCloseListener()}))}componentWillLoad(){this.appendSidebarToElement?this.targetAppendSidebarTo=this.appendSidebarToElement:this.appendSidebarToId&&(this.targetAppendSidebarTo=document.getElementById(this.appendSidebarToId))}appendSidebarToElementWatcher(){this.appendSidebarToElement&&(this.targetAppendSidebarTo=this.appendSidebarToElement)}render(){return e(i,{key:"5e8bcfb23ffff51e2b5a7c2d944ae947e29f9efb",onClick:()=>{this.appendSidebarToId&&!this.targetAppendSidebarTo?setTimeout((()=>{this.handleClick()}),250):this.handleClick()},role:"button",tabindex:"0"},e("vviinn-button",{key:"cd4476091c82d65696e74316df8df3c659692cda",addStyle:this.addStyle,part:"vviinn-button"},e("slot",{key:"1b70eb2ee4eea6a847fcc17878de160f82c6040d"},e("VCS"===this.campaignType?z:k,{width:this.iconSideSize,height:this.iconSideSize}))))}handleClick(){const e=document.createElement("vviinn-recommendations-sidebar");e.token=this.token,e.locale=this.locale,e.currencySign=this.currencySign,e.pricePrefix=this.pricePrefix,e.apiPath=this.apiPath,e.sidebarTitle=this.sidebarTitle,e.productId=this.productId,e.position=this.position,e.widgetScrollbar=this.modalScrollbar,e.campaigns=this.campaigns,e.campaignType=this.campaignType,e.color=this.color,e.imageWidth=this.imageWidth,e.buttonElementId=this.el.id,e.noResultText=this.noResultText,e.noResultShow=this.noResultShow,e.gridArrowsDynamic=this.gridArrowsDynamic,e.productDetailsNewTab=this.productDetailsNewTab,e.productDetailsRedirect=this.productDetailsRedirect,e.widgetVersion=u,e.showingInButton=!0,e.excluded=this.excluded,e.addToBasketShow=this.addToBasketShow,e.buttonChildren=this.el.children,e.showFilters=this.showFilters,e.cssUrl=this.cssUrl,e.imageRatio=this.imageRatio,e.setItemsAmount=this.setItemsAmount,e.setModeDiscounts=this.setModeDiscounts,e.updateButtonLocation=this.updateButtonLocation,e.addPriceContainer=this.addPriceContainer,e.favoriteShow=this.favoriteShow,e.showInModal="modal"===this.oneClickDiscoveryMode,e.isAppended=!!this.targetAppendSidebarTo||!!this.appendSidebarToElement,e.showInWidget=this.showInWidget,this.targetAppendSidebarTo?(e.mode="grid",e.useCarousel="append-slider"===this.oneClickDiscoveryMode):(e.mode="right"===this.position?"grid":this.mode,e.useCarousel="bottom"===this.position),this.sidebar=e,this.eventAbortController=new AbortController;const{signal:t}=this.eventAbortController;if(y(document,[["vviinnWidgetClose",this.sidebarCloseListener]],t),this.targetAppendSidebarTo)return this.sidebar.showInCustomContainer=!0,this.targetAppendSidebarTo.innerHTML="",void this.targetAppendSidebarTo.append(this.sidebar);document.body.append(this.sidebar)}disconnectedCallback(){var e,t;null===(e=this.eventAbortController)||void 0===e||e.abort(),null===(t=this.disposeStoreListener)||void 0===t||t.call(this)}get el(){return r(this)}static get watchers(){return{appendSidebarToElement:["appendSidebarToElementWatcher"]}}};L.style=":host{display:block}";export{V as vviinn_detected_object,j as vviinn_error,B as vviinn_modal,M as vviinn_overlay,T as vviinn_preloader,L as vviinn_vpr_button}

package/dist/vviinn-widgets/{p-13f42b81.entry.js → p-0dc53a9b.entry.js}

@@ -1 +1 @@
-import{h as t,r as i,c as s,H as e,g as h}from"./p-BcMtFp89.js";import{S as a}from"./p-CUvvnl61.js";import{D as n}from"./p-DOMXsA9W.js";import{u as o,g as l,f as d}from"./p-CZ7_-mGa.js";import{S as r}from"./p-CR1-OmNa.js";import{i as c}from"./p-C7V-mvcq.js";import{r as C}from"./p-P_CdUt8K.js";const v=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M18 4H20C22.21 4 24 5.79 24 8V16H22V8C22 6.9 21.1 6 20 6H16.93L16.34 5.11L14.93 3H9.07L7.66 5.11L7.07 6H4C2.9 6 2 6.9 2 8V18C2 19.1 2.9 20 4 20H9V22H4C1.79 22 0 20.21 0 18V8C0 5.79 1.79 4 4 4H6L8 1H16L18 4ZM12 8C14.76 8 17 10.24 17 13L16.99 13.01C16.99 14.02 16.68 14.97 16.16 15.76L20.7 20.3L19.29 21.71L14.75 17.17C13.96 17.69 13.02 18 12 18C9.24 18 7 15.76 7 13C7 10.24 9.24 8 12 8ZM9 13C9 14.65 10.35 16 12 16C13.65 16 15 14.65 15 13C15 11.35 13.65 10 12 10C10.35 10 9 11.35 9 13Z",fill:"#161616"})),p=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},t("path",{d:"M4 8C4 5.79 5.79 4 8 4H9V2H8C4.69 2 2 4.69 2 8V9H4V8Z",fill:"#161616"}),t("path",{d:"M20 8C20 5.79 18.21 4 16 4H15V2H16C19.31 2 22 4.69 22 8V9H20V8Z",fill:"#161616"}),t("path",{d:"M4 16V15H2V16C2 19.31 4.69 22 8 22H9V20H8C5.79 20 4 18.21 4 16Z",fill:"#161616"}),t("path",{d:"M17 12C17 9.24 14.76 7 12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C13.02 17 13.96 16.69 14.75 16.17L19.29 20.71L20.7 19.3L16.16 14.76C16.68 13.97 16.99 13.02 16.99 12.01L17 12ZM12 15C10.35 15 9 13.65 9 12C9 10.35 10.35 9 12 9C13.65 9 15 10.35 15 12C15 13.65 13.65 15 12 15Z",fill:"#161616"})),u=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},t("path",{d:"M4 8C4 5.79 5.79 4 8 4H9V2H8C4.69 2 2 4.69 2 8V9H4V8Z",fill:"#161616"}),t("path",{d:"M4 16V15H2V16C2 19.31 4.69 22 8 22H9V20H8C5.79 20 4 18.21 4 16Z",fill:"#161616"}),t("path",{d:"M20 16C20 18.21 18.21 20 16 20H15V22H16C19.31 22 22 19.31 22 16V15H20V16Z",fill:"#161616"}),t("path",{d:"M16 2H15V4H16C18.21 4 20 5.79 20 8V9H22V8C22 4.69 19.31 2 16 2Z",fill:"#161616"}),t("path",{d:"M17 12C17 9.24 14.76 7 12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C14.76 17 17 14.76 17 12ZM12 15C10.35 15 9 13.65 9 12C9 10.35 10.35 9 12 9C13.65 9 15 10.35 15 12C15 13.65 13.65 15 12 15Z",fill:"#161616"})),m=class{constructor(t){i(this,t),this.vviinnWidgetLoad=s(this,"vviinnWidgetLoad"),this.vviinnWidgetOpen=s(this,"vviinnWidgetOpen"),this.vviinnWidgetClose=s(this,"vviinnWidgetClose"),this.vviinnImageUploadStarted=s(this,"vviinnImageUploadStarted"),this.vviinnProductLoad=s(this,"vviinnProductLoad"),this.vviinnProductClick=s(this,"vviinnProductClick"),this.vviinnProductView=s(this,"vviinnProductView"),this.vviinnResultLoad=s(this,"vviinnResultLoad"),this.vviinnResultView=s(this,"vviinnResultView"),this.vviinnNoResult=s(this,"vviinnNoResult"),this.vviinnImageCrop=s(this,"vviinnImageCrop"),this.vviinnSelectObject=s(this,"vviinnSelectObject"),this.vviinnSelectFilter=s(this,"vviinnSelectFilter"),this.globalSlotsChanged=s(this,"globalSlotsChanged"),this.campaignId="",this.campaignIdTextSearch="",this.campaignIdVisualSearch="",this.addStyle=!1,this.mode="modal",this.excluded="",this.productDetailsNewTab=!0,this.productDetailsRedirect=!0,this.imageResolutionWidth=r,this.exampleImageSource=n,this.textSearchShow=!1,this.addToBasketShow=!1,this.favoriteShow=!1,this.oneClickDiscoveryShow=!1,this.oneClickDiscoveryMode="append-grid",this.oneClickDiscoveryCampaigns="",this.addPriceContainer=!1,this.showInWidget=!0,this.buttonPressed=!1,this.slots=[],this.handleActivation=()=>{this.buttonPressed=!0},this.resetButton=()=>{this.buttonPressed=!1},this.handleKeyDown=t=>{t.composedPath().some((t=>{var i;return null===(i=t.classList)||void 0===i?void 0:i.contains("text-search-input")}))||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleActivation())}}handleModalClosed({detail:t}){"VPS"===t.campaignTypeId&&(this.buttonPressed=!1)}connectedCallback(){o(this)}async componentWillLoad(){await c.init({lng:l.locale,fallbackLng:"en",resources:C}),this.slots=d(this.el)}componentDidLoad(){this.replaceSlotsContent()}replaceSlotsContent(t){this.globalSlotsChanged.emit({slots:Array.from(this.slots),element:this.el}),t&&this.globalSlotsChanged.emit({slots:Array.from(this.slots),element:t})}getButtonConfig(){switch(this.mode){case"camera":return{ariaLabel:c.t("a11y.cameraModeSearchButton"),buttonIcon:t(v,null)};case"modal":if(this.textSearchShow)return{ariaLabel:c.t("a11y.modalModeSearchButton"),buttonIcon:t(p,null)};default:return{ariaLabel:c.t("a11y.uploadModeSearchButton"),buttonIcon:t(u,null)}}}render(){var i;const{ariaLabel:s,buttonIcon:h}=this.getButtonConfig();return t(e,{key:"4da355cd2922a9048f2c566d19e8fffafd08fb74",role:"button",tabindex:"0","aria-label":s,onClick:this.handleActivation,onKeyDown:this.handleKeyDown},t("vviinn-button",{key:"d05c253b071f8e60515fd4a2b28e3527de01ffd4",addStyle:this.addStyle,part:"vviinn-button"},t("slot",{key:"fb34bdd15a7a1e56241dbad4504b383391cd1430"},h)),a("search"),t("vviinn-vps-widget",{key:"fbc1900d1458414914414ab46347a8d590cbb071",mode:this.mode,"currency-sign":this.currencySign,token:this.token,locale:this.locale,apiPath:this.apiPath,pricePrefix:this.pricePrefix,campaignId:this.campaignId,campaignIdTextSearch:this.campaignIdTextSearch,campaignIdVisualSearch:this.campaignIdVisualSearch,showingInButton:!0,buttonPressed:this.buttonPressed,resetVpsButton:this.resetButton,buttonElementId:this.el.id,active:this.buttonPressed&&("modal"===this.mode||"camera"===this.mode),excluded:this.excluded,productDetailsNewTab:this.productDetailsNewTab,productDetailsRedirect:this.productDetailsRedirect,imageResolutionWidth:this.imageResolutionWidth,exampleImageSource:this.exampleImageSource,textSearchShow:this.textSearchShow,addToBasketShow:this.addToBasketShow,addPriceContainer:this.addPriceContainer,replaceSlotsContentInButton:this.replaceSlotsContent.bind(this),oneClickDiscoveryShow:null!==(i=this.oneClickDiscoveryShow)&&void 0!==i?i:!!this.oneClickDiscoveryMode,oneClickDiscoveryMode:this.oneClickDiscoveryMode,oneClickDiscoveryCampaigns:this.oneClickDiscoveryCampaigns,favoriteShow:this.favoriteShow,showInWidget:this.showInWidget,parentSlots:this.slots}))}get el(){return h(this)}};m.style=":host{display:inline-block;line-height:0}";export{m as vviinn_vps_button}
+import{h as t,r as i,c as s,H as e,g as h}from"./p-BcMtFp89.js";import{S as a}from"./p-CUvvnl61.js";import{D as n}from"./p-DOMXsA9W.js";import{u as o,g as l,f as r}from"./p-CZ7_-mGa.js";import{S as d}from"./p-CR1-OmNa.js";import{i as c}from"./p-C7V-mvcq.js";import{r as C}from"./p-ZMs5Z6zj.js";const v=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M18 4H20C22.21 4 24 5.79 24 8V16H22V8C22 6.9 21.1 6 20 6H16.93L16.34 5.11L14.93 3H9.07L7.66 5.11L7.07 6H4C2.9 6 2 6.9 2 8V18C2 19.1 2.9 20 4 20H9V22H4C1.79 22 0 20.21 0 18V8C0 5.79 1.79 4 4 4H6L8 1H16L18 4ZM12 8C14.76 8 17 10.24 17 13L16.99 13.01C16.99 14.02 16.68 14.97 16.16 15.76L20.7 20.3L19.29 21.71L14.75 17.17C13.96 17.69 13.02 18 12 18C9.24 18 7 15.76 7 13C7 10.24 9.24 8 12 8ZM9 13C9 14.65 10.35 16 12 16C13.65 16 15 14.65 15 13C15 11.35 13.65 10 12 10C10.35 10 9 11.35 9 13Z",fill:"#161616"})),p=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},t("path",{d:"M4 8C4 5.79 5.79 4 8 4H9V2H8C4.69 2 2 4.69 2 8V9H4V8Z",fill:"#161616"}),t("path",{d:"M20 8C20 5.79 18.21 4 16 4H15V2H16C19.31 2 22 4.69 22 8V9H20V8Z",fill:"#161616"}),t("path",{d:"M4 16V15H2V16C2 19.31 4.69 22 8 22H9V20H8C5.79 20 4 18.21 4 16Z",fill:"#161616"}),t("path",{d:"M17 12C17 9.24 14.76 7 12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C13.02 17 13.96 16.69 14.75 16.17L19.29 20.71L20.7 19.3L16.16 14.76C16.68 13.97 16.99 13.02 16.99 12.01L17 12ZM12 15C10.35 15 9 13.65 9 12C9 10.35 10.35 9 12 9C13.65 9 15 10.35 15 12C15 13.65 13.65 15 12 15Z",fill:"#161616"})),u=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},t("path",{d:"M4 8C4 5.79 5.79 4 8 4H9V2H8C4.69 2 2 4.69 2 8V9H4V8Z",fill:"#161616"}),t("path",{d:"M4 16V15H2V16C2 19.31 4.69 22 8 22H9V20H8C5.79 20 4 18.21 4 16Z",fill:"#161616"}),t("path",{d:"M20 16C20 18.21 18.21 20 16 20H15V22H16C19.31 22 22 19.31 22 16V15H20V16Z",fill:"#161616"}),t("path",{d:"M16 2H15V4H16C18.21 4 20 5.79 20 8V9H22V8C22 4.69 19.31 2 16 2Z",fill:"#161616"}),t("path",{d:"M17 12C17 9.24 14.76 7 12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C14.76 17 17 14.76 17 12ZM12 15C10.35 15 9 13.65 9 12C9 10.35 10.35 9 12 9C13.65 9 15 10.35 15 12C15 13.65 13.65 15 12 15Z",fill:"#161616"})),m=class{constructor(t){i(this,t),this.vviinnWidgetLoad=s(this,"vviinnWidgetLoad"),this.vviinnWidgetOpen=s(this,"vviinnWidgetOpen"),this.vviinnWidgetClose=s(this,"vviinnWidgetClose"),this.vviinnImageUploadStarted=s(this,"vviinnImageUploadStarted"),this.vviinnProductLoad=s(this,"vviinnProductLoad"),this.vviinnProductClick=s(this,"vviinnProductClick"),this.vviinnProductView=s(this,"vviinnProductView"),this.vviinnResultLoad=s(this,"vviinnResultLoad"),this.vviinnResultView=s(this,"vviinnResultView"),this.vviinnNoResult=s(this,"vviinnNoResult"),this.vviinnImageCrop=s(this,"vviinnImageCrop"),this.vviinnSelectObject=s(this,"vviinnSelectObject"),this.vviinnSelectFilter=s(this,"vviinnSelectFilter"),this.globalSlotsChanged=s(this,"globalSlotsChanged"),this.campaignId="",this.campaignIdTextSearch="",this.campaignIdVisualSearch="",this.addStyle=!1,this.mode="modal",this.excluded="",this.productDetailsNewTab=!0,this.productDetailsRedirect=!0,this.imageResolutionWidth=d,this.exampleImageSource=n,this.textSearchShow=!1,this.addToBasketShow=!1,this.favoriteShow=!1,this.oneClickDiscoveryShow=!1,this.oneClickDiscoveryMode="append-grid",this.oneClickDiscoveryCampaigns="",this.addPriceContainer=!1,this.showInWidget=!0,this.buttonPressed=!1,this.slots=[],this.handleActivation=()=>{this.buttonPressed=!0},this.resetButton=()=>{this.buttonPressed=!1},this.handleKeyDown=t=>{t.composedPath().some((t=>{var i;return null===(i=t.classList)||void 0===i?void 0:i.contains("text-search-input")}))||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleActivation())}}handleModalClosed({detail:t}){"VPS"===t.campaignTypeId&&(this.buttonPressed=!1)}connectedCallback(){o(this)}async componentWillLoad(){await c.init({lng:l.locale,fallbackLng:"en",resources:C}),this.slots=r(this.el)}componentDidLoad(){this.replaceSlotsContent()}replaceSlotsContent(t){this.globalSlotsChanged.emit({slots:Array.from(this.slots),element:this.el}),t&&this.globalSlotsChanged.emit({slots:Array.from(this.slots),element:t})}getButtonConfig(){switch(this.mode){case"camera":return{ariaLabel:c.t("a11y.cameraModeSearchButton"),buttonIcon:t(v,null)};case"modal":if(this.textSearchShow)return{ariaLabel:c.t("a11y.modalModeSearchButton"),buttonIcon:t(p,null)};default:return{ariaLabel:c.t("a11y.uploadModeSearchButton"),buttonIcon:t(u,null)}}}render(){var i;const{ariaLabel:s,buttonIcon:h}=this.getButtonConfig();return t(e,{key:"4da355cd2922a9048f2c566d19e8fffafd08fb74",role:"button",tabindex:"0","aria-label":s,onClick:this.handleActivation,onKeyDown:this.handleKeyDown},t("vviinn-button",{key:"d05c253b071f8e60515fd4a2b28e3527de01ffd4",addStyle:this.addStyle,part:"vviinn-button"},t("slot",{key:"fb34bdd15a7a1e56241dbad4504b383391cd1430"},h)),a("search"),t("vviinn-vps-widget",{key:"fbc1900d1458414914414ab46347a8d590cbb071",mode:this.mode,"currency-sign":this.currencySign,token:this.token,locale:this.locale,apiPath:this.apiPath,pricePrefix:this.pricePrefix,campaignId:this.campaignId,campaignIdTextSearch:this.campaignIdTextSearch,campaignIdVisualSearch:this.campaignIdVisualSearch,showingInButton:!0,buttonPressed:this.buttonPressed,resetVpsButton:this.resetButton,buttonElementId:this.el.id,active:this.buttonPressed&&("modal"===this.mode||"camera"===this.mode),excluded:this.excluded,productDetailsNewTab:this.productDetailsNewTab,productDetailsRedirect:this.productDetailsRedirect,imageResolutionWidth:this.imageResolutionWidth,exampleImageSource:this.exampleImageSource,textSearchShow:this.textSearchShow,addToBasketShow:this.addToBasketShow,addPriceContainer:this.addPriceContainer,replaceSlotsContentInButton:this.replaceSlotsContent.bind(this),oneClickDiscoveryShow:null!==(i=this.oneClickDiscoveryShow)&&void 0!==i?i:!!this.oneClickDiscoveryMode,oneClickDiscoveryMode:this.oneClickDiscoveryMode,oneClickDiscoveryCampaigns:this.oneClickDiscoveryCampaigns,favoriteShow:this.favoriteShow,showInWidget:this.showInWidget,parentSlots:this.slots}))}get el(){return h(this)}};m.style=":host{display:inline-block;line-height:0}";export{m as vviinn_vps_button}

package/dist/vviinn-widgets/{p-91343f73.entry.js → p-31336de1.entry.js}

@@ -1 +1 @@
-import{h as e,r as t,c as r,H as i,g as o}from"./p-BcMtFp89.js";import{F as a,t as l,i as s,g as n,a as d,R as c}from"./p-jsuyeK-5.js";import{u as p}from"./p-BIbegBTH.js";import{a as f,g}from"./p-CZ7_-mGa.js";import{i as b}from"./p-C7V-mvcq.js";import{r as h}from"./p-P_CdUt8K.js";import{g as v}from"./p-C5MrXMjM.js";import"./p-zsZBqb9v.js";const u=()=>e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("svg",{width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5.5 3C4.39543 3 3.5 3.89543 3.5 5V19C3.5 20.1046 4.39543 21 5.5 21H19.5C20.6046 21 21.5 20.1046 21.5 19V5C21.5 3.89543 20.6046 3 19.5 3H5.5ZM8.5 9C8.5 8.44772 8.94772 8 9.5 8H15.5C16.0523 8 16.5 8.44772 16.5 9C16.5 9.55228 16.0523 10 15.5 10H13.5V15C13.5 15.5523 13.0523 16 12.5 16C11.9477 16 11.5 15.5523 11.5 15V10H9.5C8.94772 10 8.5 9.55228 8.5 9Z",fill:"white"}))),m=({buttonType:t,label:r,onClick:i,imageSrc:o,hidden:l})=>{const s=!!i;return e("li",{part:"filters-sub-row",class:{hidden:l}},e("button",{onClick:i,class:"filters-more-modal-button custom active "+(s?"clickable":""),part:"filters-option-button"},("image"===t||"crop"===t)&&!!(null==o?void 0:o.length)&&e("img",{part:"filters-option-image",width:"24",height:"24",src:o}),"text"===t&&e(u,null),e("span",{part:"filters-option-text"},"image"===t&&e("slot",{name:"vviinn-image-filter-text"},r),"crop"===t&&e("slot",{name:"vviinn-crop-filter-text"},r),("text"===t||"price"===t)&&r),s&&e(a,null)))},x=class{constructor(e){t(this,e),this.vviinnFiltersChanged=r(this,"vviinnFiltersChanged"),this.vviinnFilterTriggered=r(this,"vviinnFilterTriggered"),this.vviinnSelectedFiltersReset=r(this,"vviinnSelectedFiltersReset"),this.vviinnCropperResetState=r(this,"vviinnCropperResetState"),this.vviinnResetCropArea=r(this,"vviinnResetCropArea"),this.globalSlotsChanged=r(this,"globalSlotsChanged"),this.showInWidget=!1,this.requestFilters=[],this.selectedFilterButtons=[],this.textSearchCustomFilter=null,this.imageSrc=null,this.priceCustomFilter=null,this.handleSubFilterSelection=(e,t)=>{this.requestFilters=l({filterValue:e,selectedFilter:t,requestFilters:this.requestFilters,vviinnFilterTriggered:this.vviinnFilterTriggered,vviinnFiltersChanged:this.vviinnFiltersChanged,el:this.el,isTriggeredByVpsWidget:this.showInWidget})},this.getPriceFilter=()=>this.state.dynamicFilters.find((e=>s(e.column))),this.skipStateChanges=e=>this.showInWidget!==e,this.resetInnerState=(e=!1,t=!1)=>{this.requestFilters=[],this.selectedFilterButtons=[],this.priceCustomFilter=null,e&&(this.textSearchCustomFilter=null),t&&(this.imageSrc=null)},this.handleFilterTriggered=({detail:e})=>{this.skipStateChanges(e.isTriggeredByVpsWidget)||("TPS"===e.customTrigger&&(this.resetInnerState(!0,!0),this.textSearchCustomFilter=e.kind),s(e.kind)&&"select"===e.action&&(this.priceCustomFilter=n(this.getPriceFilter(),e.value.interval,g.currencySign)))},this.handleImageUploadStarted=({detail:e})=>{this.skipStateChanges(e.isTriggeredByVpsWidget)||this.resetInnerState(!0)},this.handleImageUploadFinished=({detail:e})=>{this.skipStateChanges(e.isTriggeredByVpsWidget)||this.getUploadedImageSrc()},this.handleFiltersChanged=({detail:e})=>{const{filters:t,el:r,isTriggeredByVpsWidget:i}=e;r===this.el||this.skipStateChanges(i)||(this.requestFilters=t)},this.handleSelectedFiltersReset=({detail:e})=>{this.skipStateChanges(e.isTriggeredByVpsWidget)||this.resetInnerState()},this.handleImageCrop=({detail:e})=>{this.skipStateChanges(e.isTriggeredByVpsWidget)||(this.textSearchCustomFilter=null)},this.getUploadedImageSrc=()=>{var e;const{imageSrc:t}=v(),r=(null===(e=this.state.image)||void 0===e?void 0:e.src)||t;if(!(null==r?void 0:r.length))return null;this.imageSrc=r},this.handlePriceButtonClick=()=>{this.priceCustomFilter=null;const e=this.getPriceFilter();this.handleSubFilterSelection(e.full,e)},this.handleCropButtonClick=()=>{this.vviinnResetCropArea.emit({isTriggeredByVpsWidget:this.showInWidget})}}replaceSlotsContent(){const e=this.el.querySelectorAll("[slot]");this.globalSlotsChanged.emit({slots:Array.from(e),element:this.el})}connectedCallback(){const{state:e}=p(this.showInWidget);this.state=e,this.eventAbortController=new AbortController;const{signal:t}=this.eventAbortController;f(document,[["vviinnFiltersChanged",this.handleFiltersChanged],["vviinnFilterTriggered",this.handleFilterTriggered],["vviinnSelectedFiltersReset",this.handleSelectedFiltersReset],["vviinnImageUploadStarted",this.handleImageUploadStarted],["vviinnImageUploadFinished",this.handleImageUploadFinished],["vviinnImageCrop",this.handleImageCrop]],t)}async componentWillLoad(){this.getUploadedImageSrc(),await b.init({lng:g.locale,fallbackLng:"en",resources:h})}componentDidRender(){this.replaceSlotsContent()}disconnectedCallback(){var e;null===(e=this.eventAbortController)||void 0===e||e.abort()}componentWillRender(){var e;this.selectedFilterButtons=[],((null===(e=this.state)||void 0===e?void 0:e.dynamicFilters)||[]).forEach((e=>{"values"in e&&e.values.forEach((({value:t,label:r,active:i})=>{d(this.requestFilters,t,e)&&this.selectedFilterButtons.push(c({handleSubFilterSelection:this.handleSubFilterSelection,selectedFilter:e,value:t,label:r,active:i,isSelected:!0,showClose:!0}))}))}))}render(){var t,r;return e(i,{key:"c0f3f0c285c92b62aa8f030cfdcf28a538749618",class:{"show-in-widget":this.showInWidget}},e("ul",{key:"e511dedf2e4d4872939bc14da4544172301a9144",class:"selected-filters-wrapper",part:"selected-filters-list"},m({label:this.textSearchCustomFilter,buttonType:"text",hidden:!(null===(t=this.textSearchCustomFilter)||void 0===t?void 0:t.length)}),m({label:b.t("filters.imageFilterText"),buttonType:"image",imageSrc:this.imageSrc,hidden:!(null===(r=this.imageSrc)||void 0===r?void 0:r.length)||!this.state.visualSearchStarted||!this.state.image}),m({label:b.t("filters.cropFilterText"),buttonType:"crop",imageSrc:this.state.croppedImageUrl,onClick:this.handleCropButtonClick,hidden:!this.state.searchArea}),m({label:this.priceCustomFilter,buttonType:"price",onClick:this.handlePriceButtonClick,hidden:!this.priceCustomFilter}),this.selectedFilterButtons))}get el(){return o(this)}};x.style=':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:#525252;--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;}:host{display:block;font-family:var(--font-family, var(--font-family-base));font-style:normal;display:contents;}.filters-modal-list,.sub-filters-wrapper,.main-filters-list,.filters-modal-sub-list,.selected-filters-wrapper{list-style:none;margin:0;padding:0}.main-filters-list{padding:var(--spacing-25);gap:var(--spacing-25);border-radius:8px;background:var(--surface-bg-color-01);display:inline-flex}vviinn-price-range{max-width:500px;padding-bottom:var(--spacing-150)}.filters-modal-main-button,.filters-sub-button,.filters-main-button,.filters-modal-close,.filters-sub-button-selected{font-family:var(--font-family, var(--font-family-base));cursor:pointer;border:none}.filters-sub-button,.filters-main-button{font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);display:flex;justify-content:center;align-items:center;border-radius:6px}.filters-main-button{padding:var(--spacing-100);color:var(--color-text-helper);background:none;transition:background 0.15s,\n    color 0.15s}.filters-main-button.active,.filters-main-button:hover{background:var(--surface-bg-color-02);color:var(--color-text-primary)}.sub-filters-wrapper,.selected-filters-wrapper{gap:var(--spacing-100);display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:thin}.sub-filters-wrapper{align-items:center;gap:var(--spacing-100);margin:16px -2px 0}.sub-filters-wrapper>li{padding:2px}.selected-filters-wrapper{align-items:center;gap:var(--spacing-100);flex-wrap:wrap}:host(.show-in-widget.preview-filters) .selected-filters-wrapper{flex-wrap:unset;overflow-x:auto}:host(.show-in-widget.preview-filters) .sub-filters-wrapper,:host(.show-in-widget.preview-filters) .selected-filters-wrapper{transform:translateX(-24px);padding-left:var(--spacing-300);padding-right:var(--spacing-300);width:100%}.filters-sub-button{color:var(--color-text-primary);background:var(--surface-bg-color-01);padding:var(--spacing-100);gap:var(--spacing-25);height:100%}.filters-sub-button>span,.filters-sub-button-selected>span{display:inline-flex;justify-content:center;align-items:center;gap:var(--spacing-25);white-space:nowrap}.filters-sub-button>span>span,.filters-sub-button-selected>span>span{padding:var(--spacing-25)}.filters-sub-button:hover{background:var(--surface-bg-color-01-hover)}.filters-sub-button:disabled{cursor:not-allowed;background:var(--surface-bg-color-disabled);color:var(--color-text-disabled)}.filters-more-button{display:flex;padding:var(--spacing-100);gap:var(--spacing-50);border-radius:var(--border-radius-100);align-items:flex-start;background-color:var(--button-bg-color-secondary);transition:background-color 0.1s;border:none;cursor:pointer}.filters-more-button:hover{background-color:var(--button-bg-color-secondary-hover)}.filters-modal-wrapper{display:flex;flex-direction:column;background:#ffffff}.filters-modal.button,.filters-modal.modal{display:none;position:fixed;top:0;bottom:0;right:0;left:0;z-index:99999;background-color:rgba(0, 0, 0, 0.5)}.filters-modal.button .filters-modal-wrapper{position:fixed;top:0;bottom:0;right:0;width:420px;z-index:99999;border-radius:var(--border-radius-400) var(--border-radius-none)\n    var(--border-radius-none) var(--border-radius-400)}.filters-modal.preview{display:block}.filters-modal.open{display:block}.filters-modal-header{min-height:64px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--color-text-primary);text-align:center;border-bottom:1px solid var(--color-border-01)}.filters-modal-title{margin:0;padding:0;font-size:var(--font-size-headline);font-weight:var(--font-weight-500);line-height:var(--line-height-headline);letter-spacing:var(--letter-spacing-headline)}.filters-modal-no-filters-message{font-size:var(--font-size-caption);color:var(--color-text-secondary);font-weight:var(--font-weight-500);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption);text-align:center;padding:var(--spacing-300) var(--spacing-200);display:flex;align-items:center;justify-content:center}.filters-modal-main{overflow-y:auto;scrolbar-width:thin}.filters-modal-list{margin:var(--spacing-50) 0 0 var(--spacing-300)}.filters-modal-list>li{padding-right:var(--spacing-300)}.filters-modal-list>li:not(:last-child) .filters-modal-main-button-wrapper{border-bottom:1px solid var(--color-border-01)}.filters-modal-main-button{position:relative;width:100%;background:none;text-align:left;padding:var(--spacing-200) 0;color:var(--color-text-primary);font-size:var(--font-size-label-large);font-weight:var(--font-weight-500);line-height:var(--line-height-label-large);letter-spacing:var(--letter-spacing-label-large)}.filters-modal-main-button>svg{position:absolute;right:0;top:var(--spacing-200);color:var(--color-icon-helper);transform:rotate(90deg)}.filters-modal-main-button:hover>svg{color:var(--color-icon-primary);transition:color 0.2s}.filters-modal-main-button-wrapper.open .filters-modal-main-button>svg{transform:rotate(-90deg)}.filters-modal-sub-list{display:none}.filters-modal-main-button-wrapper.open .filters-modal-sub-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-bottom:var(--spacing-150)}.filters-modal-sub-list>li{display:contents}.filters-modal-close{position:absolute;color:#6f6f6f;right:var(--spacing-100);top:var(--spacing-200);cursor:pointer;background:none}.filters-modal-close:hover{color:#000}.filters-modal.preview .filters-modal-close{display:none}.filters-more-modal-button{background:none;border:none;cursor:pointer;display:flex;padding:var(--spacing-75);align-items:center;gap:var(--spacing-50);border-radius:var(--border-radius-100);background-color:var(--surface-bg-color-01);transition:background-color 0.1s;font-family:var(--font-family, var(--font-family-base));font-size:var(--font-size-label);color:var(--color-text-primary)}.filters-more-modal-button.custom:not(.clickable){cursor:default}.filters-more-modal-button:hover{background-color:var(--surface-bg-color-01-hover)}.filters-more-modal-button.active{background:var(--surface-bg-color-inverse);color:var(--color-text-inverse)}.filters-more-modal-button>span{white-space:nowrap;padding:var(--spacing-25)}.filters-more-modal-button:disabled{cursor:not-allowed;opacity:0.5}.filters-more-modal-button img{box-sizing:border-box;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:var(--border-radius-full);border:1px solid var(--color-border-01)}.filters-modal-actions{border-top:1px solid var(--color-border-01);padding:var(--spacing-125);z-index:10;border-radius:0px 0px 0px 32px}.filters-modal-apply,.filters-modal-reset{font-family:var(--font-family, var(--font-family-base))}.filters-modal-apply{cursor:pointer;width:100%;border:none;margin-bottom:20px;display:flex;padding:var(--spacing-150);justify-content:center;align-items:center;gap:var(--spacing-50);align-self:stretch;color:var(--color-text-inverse);text-align:center;border-radius:var(--border-radius-150);background:var(--button-bg-color-primary);font-size:var(--font-size-label-large);font-weight:var(--font-weight-500);line-height:var(--line-height-label-large);letter-spacing:var(--letter-spacing-label-large)}.filters-modal-apply:disabled{background:var(--button-bg-color-disabled);color:var(--color-text-disabled)}.filters-modal-reset{background:none;border:none;cursor:pointer;display:block;text-align:center;width:100%;padding:var(--spacing-125) 0;color:var(--color-text-secondary);text-align:center;font-size:var(--font-size-label);font-weight:var(--font-weight-500);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label)}.filters-modal-reset:hover{color:var(--color-text-primary)}.selected-filters-wrapper>li .filters-sub-button-selected{border-radius:var(--border-radius-100);background:var(--surface-bg-color-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:var(--spacing-100)}.selected-filters-wrapper>li.hidden{display:none}.filters-sub-button-selected{display:flex;align-items:center;gap:var(--spacing-25);background:var(--surface-bg-color-inverse);border-radius:var(--border-radius-100);color:var(--color-text-inverse);text-overflow:ellipsis;font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);padding:var(--spacing-100)}.filters-sub-button-color-dot{box-sizing:border-box;width:24px;height:24px;border-radius:var(--border-radius-full);border:var(--stroke-width-50) solid var(--color-border-01)}.selected-filters-wrapper .filters-sub-button-selected{width:24px;height:24px;border:none}.filters-option-icon-wrapper{display:contents}.filters-modal-main-button-added-options{color:var(--color-text-secondary);text-overflow:ellipsis;padding-right:var(--spacing-100);font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.filters-modal-main-button-added-options>span::after{content:", "}.filters-modal-main-button-added-options>span:last-child::after{content:""}@media (max-width: 768px){.sub-filters-wrapper,.selected-filters-wrapper{flex-wrap:unset;overflow-x:auto;padding-bottom:0}.sub-filters-wrapper,.selected-filters-wrapper{margin-top:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.sub-filters-wrapper::-webkit-scrollbar,.selected-filters-wrapper::-webkit-scrollbar{display:none}.filters-modal.button .filters-modal-wrapper,.filters-modal.modal .filters-modal-wrapper{width:100%;border-radius:24px 24px 0px 0px}.filters-modal.button .filters-modal-wrapper{top:10%}.filters-modal.modal .filters-modal-wrapper{position:fixed;width:100%;height:calc(100% - 64px);bottom:0;transform:translateY(-64px)}.filters-modal.modal .filters-modal-header{font-size:var(--font-size-body-large)}.filters-modal.modal .filters-modal-main{padding-bottom:120px}vviinn-price-range{max-width:unset}}';export{x as vviinn_selected_filters}
+import{h as e,r as t,c as r,H as i,g as o}from"./p-BcMtFp89.js";import{F as a,t as l,i as s,g as n,a as d,R as c}from"./p-jsuyeK-5.js";import{u as p}from"./p-BIbegBTH.js";import{a as f,g}from"./p-CZ7_-mGa.js";import{i as b}from"./p-C7V-mvcq.js";import{r as h}from"./p-ZMs5Z6zj.js";import{g as v}from"./p-C5MrXMjM.js";import"./p-zsZBqb9v.js";const u=()=>e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("svg",{width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5.5 3C4.39543 3 3.5 3.89543 3.5 5V19C3.5 20.1046 4.39543 21 5.5 21H19.5C20.6046 21 21.5 20.1046 21.5 19V5C21.5 3.89543 20.6046 3 19.5 3H5.5ZM8.5 9C8.5 8.44772 8.94772 8 9.5 8H15.5C16.0523 8 16.5 8.44772 16.5 9C16.5 9.55228 16.0523 10 15.5 10H13.5V15C13.5 15.5523 13.0523 16 12.5 16C11.9477 16 11.5 15.5523 11.5 15V10H9.5C8.94772 10 8.5 9.55228 8.5 9Z",fill:"white"}))),m=({buttonType:t,label:r,onClick:i,imageSrc:o,hidden:l})=>{const s=!!i;return e("li",{part:"filters-sub-row",class:{hidden:l}},e("button",{onClick:i,class:"filters-more-modal-button custom active "+(s?"clickable":""),part:"filters-option-button"},("image"===t||"crop"===t)&&!!(null==o?void 0:o.length)&&e("img",{part:"filters-option-image",width:"24",height:"24",src:o}),"text"===t&&e(u,null),e("span",{part:"filters-option-text"},"image"===t&&e("slot",{name:"vviinn-image-filter-text"},r),"crop"===t&&e("slot",{name:"vviinn-crop-filter-text"},r),("text"===t||"price"===t)&&r),s&&e(a,null)))},x=class{constructor(e){t(this,e),this.vviinnFiltersChanged=r(this,"vviinnFiltersChanged"),this.vviinnFilterTriggered=r(this,"vviinnFilterTriggered"),this.vviinnSelectedFiltersReset=r(this,"vviinnSelectedFiltersReset"),this.vviinnCropperResetState=r(this,"vviinnCropperResetState"),this.vviinnResetCropArea=r(this,"vviinnResetCropArea"),this.globalSlotsChanged=r(this,"globalSlotsChanged"),this.showInWidget=!1,this.requestFilters=[],this.selectedFilterButtons=[],this.textSearchCustomFilter=null,this.imageSrc=null,this.priceCustomFilter=null,this.handleSubFilterSelection=(e,t)=>{this.requestFilters=l({filterValue:e,selectedFilter:t,requestFilters:this.requestFilters,vviinnFilterTriggered:this.vviinnFilterTriggered,vviinnFiltersChanged:this.vviinnFiltersChanged,el:this.el,isTriggeredByVpsWidget:this.showInWidget})},this.getPriceFilter=()=>this.state.dynamicFilters.find((e=>s(e.column))),this.skipStateChanges=e=>this.showInWidget!==e,this.resetInnerState=(e=!1,t=!1)=>{this.requestFilters=[],this.selectedFilterButtons=[],this.priceCustomFilter=null,e&&(this.textSearchCustomFilter=null),t&&(this.imageSrc=null)},this.handleFilterTriggered=({detail:e})=>{this.skipStateChanges(e.isTriggeredByVpsWidget)||("TPS"===e.customTrigger&&(this.resetInnerState(!0,!0),this.textSearchCustomFilter=e.kind),s(e.kind)&&"select"===e.action&&(this.priceCustomFilter=n(this.getPriceFilter(),e.value.interval,g.currencySign)))},this.handleImageUploadStarted=({detail:e})=>{this.skipStateChanges(e.isTriggeredByVpsWidget)||this.resetInnerState(!0)},this.handleImageUploadFinished=({detail:e})=>{this.skipStateChanges(e.isTriggeredByVpsWidget)||this.getUploadedImageSrc()},this.handleFiltersChanged=({detail:e})=>{const{filters:t,el:r,isTriggeredByVpsWidget:i}=e;r===this.el||this.skipStateChanges(i)||(this.requestFilters=t)},this.handleSelectedFiltersReset=({detail:e})=>{this.skipStateChanges(e.isTriggeredByVpsWidget)||this.resetInnerState()},this.handleImageCrop=({detail:e})=>{this.skipStateChanges(e.isTriggeredByVpsWidget)||(this.textSearchCustomFilter=null)},this.getUploadedImageSrc=()=>{var e;const{imageSrc:t}=v(),r=(null===(e=this.state.image)||void 0===e?void 0:e.src)||t;if(!(null==r?void 0:r.length))return null;this.imageSrc=r},this.handlePriceButtonClick=()=>{this.priceCustomFilter=null;const e=this.getPriceFilter();this.handleSubFilterSelection(e.full,e)},this.handleCropButtonClick=()=>{this.vviinnResetCropArea.emit({isTriggeredByVpsWidget:this.showInWidget})}}replaceSlotsContent(){const e=this.el.querySelectorAll("[slot]");this.globalSlotsChanged.emit({slots:Array.from(e),element:this.el})}connectedCallback(){const{state:e}=p(this.showInWidget);this.state=e,this.eventAbortController=new AbortController;const{signal:t}=this.eventAbortController;f(document,[["vviinnFiltersChanged",this.handleFiltersChanged],["vviinnFilterTriggered",this.handleFilterTriggered],["vviinnSelectedFiltersReset",this.handleSelectedFiltersReset],["vviinnImageUploadStarted",this.handleImageUploadStarted],["vviinnImageUploadFinished",this.handleImageUploadFinished],["vviinnImageCrop",this.handleImageCrop]],t)}async componentWillLoad(){this.getUploadedImageSrc(),await b.init({lng:g.locale,fallbackLng:"en",resources:h})}componentDidRender(){this.replaceSlotsContent()}disconnectedCallback(){var e;null===(e=this.eventAbortController)||void 0===e||e.abort()}componentWillRender(){var e;this.selectedFilterButtons=[],((null===(e=this.state)||void 0===e?void 0:e.dynamicFilters)||[]).forEach((e=>{"values"in e&&e.values.forEach((({value:t,label:r,active:i})=>{d(this.requestFilters,t,e)&&this.selectedFilterButtons.push(c({handleSubFilterSelection:this.handleSubFilterSelection,selectedFilter:e,value:t,label:r,active:i,isSelected:!0,showClose:!0}))}))}))}render(){var t,r;return e(i,{key:"c0f3f0c285c92b62aa8f030cfdcf28a538749618",class:{"show-in-widget":this.showInWidget}},e("ul",{key:"e511dedf2e4d4872939bc14da4544172301a9144",class:"selected-filters-wrapper",part:"selected-filters-list"},m({label:this.textSearchCustomFilter,buttonType:"text",hidden:!(null===(t=this.textSearchCustomFilter)||void 0===t?void 0:t.length)}),m({label:b.t("filters.imageFilterText"),buttonType:"image",imageSrc:this.imageSrc,hidden:!(null===(r=this.imageSrc)||void 0===r?void 0:r.length)||!this.state.visualSearchStarted||!this.state.image}),m({label:b.t("filters.cropFilterText"),buttonType:"crop",imageSrc:this.state.croppedImageUrl,onClick:this.handleCropButtonClick,hidden:!this.state.searchArea}),m({label:this.priceCustomFilter,buttonType:"price",onClick:this.handlePriceButtonClick,hidden:!this.priceCustomFilter}),this.selectedFilterButtons))}get el(){return o(this)}};x.style=':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:#525252;--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;}:host{display:block;font-family:var(--font-family, var(--font-family-base));font-style:normal;display:contents;}.filters-modal-list,.sub-filters-wrapper,.main-filters-list,.filters-modal-sub-list,.selected-filters-wrapper{list-style:none;margin:0;padding:0}.main-filters-list{padding:var(--spacing-25);gap:var(--spacing-25);border-radius:8px;background:var(--surface-bg-color-01);display:inline-flex}vviinn-price-range{max-width:500px;padding-bottom:var(--spacing-150)}.filters-modal-main-button,.filters-sub-button,.filters-main-button,.filters-modal-close,.filters-sub-button-selected{font-family:var(--font-family, var(--font-family-base));cursor:pointer;border:none}.filters-sub-button,.filters-main-button{font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);display:flex;justify-content:center;align-items:center;border-radius:6px}.filters-main-button{padding:var(--spacing-100);color:var(--color-text-helper);background:none;transition:background 0.15s,\n    color 0.15s}.filters-main-button.active,.filters-main-button:hover{background:var(--surface-bg-color-02);color:var(--color-text-primary)}.sub-filters-wrapper,.selected-filters-wrapper{gap:var(--spacing-100);display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:thin}.sub-filters-wrapper{align-items:center;gap:var(--spacing-100);margin:16px -2px 0}.sub-filters-wrapper>li{padding:2px}.selected-filters-wrapper{align-items:center;gap:var(--spacing-100);flex-wrap:wrap}:host(.show-in-widget.preview-filters) .selected-filters-wrapper{flex-wrap:unset;overflow-x:auto}:host(.show-in-widget.preview-filters) .sub-filters-wrapper,:host(.show-in-widget.preview-filters) .selected-filters-wrapper{transform:translateX(-24px);padding-left:var(--spacing-300);padding-right:var(--spacing-300);width:100%}.filters-sub-button{color:var(--color-text-primary);background:var(--surface-bg-color-01);padding:var(--spacing-100);gap:var(--spacing-25);height:100%}.filters-sub-button>span,.filters-sub-button-selected>span{display:inline-flex;justify-content:center;align-items:center;gap:var(--spacing-25);white-space:nowrap}.filters-sub-button>span>span,.filters-sub-button-selected>span>span{padding:var(--spacing-25)}.filters-sub-button:hover{background:var(--surface-bg-color-01-hover)}.filters-sub-button:disabled{cursor:not-allowed;background:var(--surface-bg-color-disabled);color:var(--color-text-disabled)}.filters-more-button{display:flex;padding:var(--spacing-100);gap:var(--spacing-50);border-radius:var(--border-radius-100);align-items:flex-start;background-color:var(--button-bg-color-secondary);transition:background-color 0.1s;border:none;cursor:pointer}.filters-more-button:hover{background-color:var(--button-bg-color-secondary-hover)}.filters-modal-wrapper{display:flex;flex-direction:column;background:#ffffff}.filters-modal.button,.filters-modal.modal{display:none;position:fixed;top:0;bottom:0;right:0;left:0;z-index:99999;background-color:rgba(0, 0, 0, 0.5)}.filters-modal.button .filters-modal-wrapper{position:fixed;top:0;bottom:0;right:0;width:420px;z-index:99999;border-radius:var(--border-radius-400) var(--border-radius-none)\n    var(--border-radius-none) var(--border-radius-400)}.filters-modal.preview{display:block}.filters-modal.open{display:block}.filters-modal-header{min-height:64px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--color-text-primary);text-align:center;border-bottom:1px solid var(--color-border-01)}.filters-modal-title{margin:0;padding:0;font-size:var(--font-size-headline);font-weight:var(--font-weight-500);line-height:var(--line-height-headline);letter-spacing:var(--letter-spacing-headline)}.filters-modal-no-filters-message{font-size:var(--font-size-caption);color:var(--color-text-secondary);font-weight:var(--font-weight-500);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption);text-align:center;padding:var(--spacing-300) var(--spacing-200);display:flex;align-items:center;justify-content:center}.filters-modal-main{overflow-y:auto;scrolbar-width:thin}.filters-modal-list{margin:var(--spacing-50) 0 0 var(--spacing-300)}.filters-modal-list>li{padding-right:var(--spacing-300)}.filters-modal-list>li:not(:last-child) .filters-modal-main-button-wrapper{border-bottom:1px solid var(--color-border-01)}.filters-modal-main-button{position:relative;width:100%;background:none;text-align:left;padding:var(--spacing-200) 0;color:var(--color-text-primary);font-size:var(--font-size-label-large);font-weight:var(--font-weight-500);line-height:var(--line-height-label-large);letter-spacing:var(--letter-spacing-label-large)}.filters-modal-main-button>svg{position:absolute;right:0;top:var(--spacing-200);color:var(--color-icon-helper);transform:rotate(90deg)}.filters-modal-main-button:hover>svg{color:var(--color-icon-primary);transition:color 0.2s}.filters-modal-main-button-wrapper.open .filters-modal-main-button>svg{transform:rotate(-90deg)}.filters-modal-sub-list{display:none}.filters-modal-main-button-wrapper.open .filters-modal-sub-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-bottom:var(--spacing-150)}.filters-modal-sub-list>li{display:contents}.filters-modal-close{position:absolute;color:#6f6f6f;right:var(--spacing-100);top:var(--spacing-200);cursor:pointer;background:none}.filters-modal-close:hover{color:#000}.filters-modal.preview .filters-modal-close{display:none}.filters-more-modal-button{background:none;border:none;cursor:pointer;display:flex;padding:var(--spacing-75);align-items:center;gap:var(--spacing-50);border-radius:var(--border-radius-100);background-color:var(--surface-bg-color-01);transition:background-color 0.1s;font-family:var(--font-family, var(--font-family-base));font-size:var(--font-size-label);color:var(--color-text-primary)}.filters-more-modal-button.custom:not(.clickable){cursor:default}.filters-more-modal-button:hover{background-color:var(--surface-bg-color-01-hover)}.filters-more-modal-button.active{background:var(--surface-bg-color-inverse);color:var(--color-text-inverse)}.filters-more-modal-button>span{white-space:nowrap;padding:var(--spacing-25)}.filters-more-modal-button:disabled{cursor:not-allowed;opacity:0.5}.filters-more-modal-button img{box-sizing:border-box;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:var(--border-radius-full);border:1px solid var(--color-border-01)}.filters-modal-actions{border-top:1px solid var(--color-border-01);padding:var(--spacing-125);z-index:10;border-radius:0px 0px 0px 32px}.filters-modal-apply,.filters-modal-reset{font-family:var(--font-family, var(--font-family-base))}.filters-modal-apply{cursor:pointer;width:100%;border:none;margin-bottom:20px;display:flex;padding:var(--spacing-150);justify-content:center;align-items:center;gap:var(--spacing-50);align-self:stretch;color:var(--color-text-inverse);text-align:center;border-radius:var(--border-radius-150);background:var(--button-bg-color-primary);font-size:var(--font-size-label-large);font-weight:var(--font-weight-500);line-height:var(--line-height-label-large);letter-spacing:var(--letter-spacing-label-large)}.filters-modal-apply:disabled{background:var(--button-bg-color-disabled);color:var(--color-text-disabled)}.filters-modal-reset{background:none;border:none;cursor:pointer;display:block;text-align:center;width:100%;padding:var(--spacing-125) 0;color:var(--color-text-secondary);text-align:center;font-size:var(--font-size-label);font-weight:var(--font-weight-500);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label)}.filters-modal-reset:hover{color:var(--color-text-primary)}.selected-filters-wrapper>li .filters-sub-button-selected{border-radius:var(--border-radius-100);background:var(--surface-bg-color-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:var(--spacing-100)}.selected-filters-wrapper>li.hidden{display:none}.filters-sub-button-selected{display:flex;align-items:center;gap:var(--spacing-25);background:var(--surface-bg-color-inverse);border-radius:var(--border-radius-100);color:var(--color-text-inverse);text-overflow:ellipsis;font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);padding:var(--spacing-100)}.filters-sub-button-color-dot{box-sizing:border-box;width:24px;height:24px;border-radius:var(--border-radius-full);border:var(--stroke-width-50) solid var(--color-border-01)}.selected-filters-wrapper .filters-sub-button-selected{width:24px;height:24px;border:none}.filters-option-icon-wrapper{display:contents}.filters-modal-main-button-added-options{color:var(--color-text-secondary);text-overflow:ellipsis;padding-right:var(--spacing-100);font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.filters-modal-main-button-added-options>span::after{content:", "}.filters-modal-main-button-added-options>span:last-child::after{content:""}@media (max-width: 768px){.sub-filters-wrapper,.selected-filters-wrapper{flex-wrap:unset;overflow-x:auto;padding-bottom:0}.sub-filters-wrapper,.selected-filters-wrapper{margin-top:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.sub-filters-wrapper::-webkit-scrollbar,.selected-filters-wrapper::-webkit-scrollbar{display:none}.filters-modal.button .filters-modal-wrapper,.filters-modal.modal .filters-modal-wrapper{width:100%;border-radius:24px 24px 0px 0px}.filters-modal.button .filters-modal-wrapper{top:10%}.filters-modal.modal .filters-modal-wrapper{position:fixed;width:100%;height:calc(100% - 64px);bottom:0;transform:translateY(-64px)}.filters-modal.modal .filters-modal-header{font-size:var(--font-size-body-large)}.filters-modal.modal .filters-modal-main{padding-bottom:120px}vviinn-price-range{max-width:unset}}';export{x as vviinn_selected_filters}