vviinn-widgets 2.221.0 → 2.223.0

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

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, c as createEvent, f as forceUpdate, F as Fragment, H as Host, g as getElement } from './index-B89nCb_F.js';
-import { f as campaignTypeNames, h as addIfNotEmpty, _ as _ArrayExports, u as useSearchStore, B as isMobile, C as fromString, D as fold, v as version } from './search.store-C8LIDQfX.js';
+import { f as campaignTypeNames, h as addIfNotEmpty, _ as _ArrayExports, u as useSearchStore, C as isMobile, D as fromString, E as fold, v as version } from './search.store-lTerE9Yh.js';
 import { X as has, Y as tuple, _ as _functionExports, g as requireSemigroup, O as OptionExports, v as pipe$1, N as chainW, Z as makeRequest, L as fromEither, $ as resolveApiPath, a0 as createInitPostRequest, a1 as Apply, a2 as TaskEitherExports, E as EitherExports } from './Rectangle-dmgo4KMB.js';
 import { i as instance, d as defaultConfig, t as trackEvent, a as isTrackingEnabled } from './store-BJxQCbNV.js';
-import { S as SET_MODE_IMAGE_WIDTH_CSS_VAR, C as CONTENT_GROUP_CSS_CLASS, o as CAROUSEL_IMAGE_WIDTH_CSS_VAR, p as CAROUSEL_CONTENT_WIDTH_CSS_VAR, R as RESULTS_CALCULATED_COLUMNS_CSS_VAR, q as CAROUSEL_COLUMNS_CSS_VAR, D as DEFAULT_COLUMNS_NUMBER, h as getCustomLabels, r as SCROLL_POSITION_TOLERANCE, u as triggerResetFilters, t as triggerFilter, j as announceToScreenReader, m as getIntervalLabel, w as isPriceFilter, k as isSubFilterActive, l as RenderFilterButton, s as syncRequestFilters, P as PlusIcon, x as CUSTOM_LABELS_DELIMITER, v as v4, c as createWidgetEvent, e as createResultEventByType, b as createAddToBasketEvent, d as createAddToWishlistEvent, f as createProductEventByType, y as getRecommendationsBody } from './index-D5yWioO8.js';
+import { S as SET_MODE_IMAGE_WIDTH_CSS_VAR, C as CONTENT_GROUP_CSS_CLASS, o as CAROUSEL_IMAGE_WIDTH_CSS_VAR, p as CAROUSEL_CONTENT_WIDTH_CSS_VAR, R as RESULTS_CALCULATED_COLUMNS_CSS_VAR, q as CAROUSEL_COLUMNS_CSS_VAR, D as DEFAULT_COLUMNS_NUMBER, h as getCustomLabels, r as SCROLL_POSITION_TOLERANCE, u as triggerResetFilters, t as triggerFilter, j as announceToScreenReader, m as getIntervalLabel, w as isPriceFilter, k as isSubFilterActive, l as RenderFilterButton, s as syncRequestFilters, P as PlusIcon, x as CUSTOM_LABELS_DELIMITER, v as v4, c as createWidgetEvent, e as createResultEventByType, b as createAddToBasketEvent, d as createAddToWishlistEvent, f as createProductEventByType, y as getRecommendationsBody } from './index-DQQYIioG.js';
 import { P as PRODUCT_CARD_IMAGE_WIDTH, D as DISCOVERY_WIDGET_IMAGE_RESOLUTION_WIDTH, c as PRODUCT_CARD_IMAGE_RESOLUTION_WIDTH } from './constants-rqiiCPBX.js';
 import { s as slotChangeListener, a as addEventListenersWithSignal, i as isElementInSelector, S as SlotSkeleton } from './index-C1-PYhS4.js';
 import { o as energyLabelParts, i as initializeLocale, j as extendedFiltersParts, h as filtersParts, q as imageParts, e as contentCardParts, l as listCardParts, p as productCardParts, t as priceRangeParts } from './index-BCrstDkj.js';
@@ -654,57 +654,6 @@ const filterOptionsBySearch = (filterOptions, searchTerm) => {
 
 const vviinnFiltersCss$2 = ":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-display:32px;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-display:40px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--product-card-widget-min-width:135px;--product-card-results-min-width:250px;--image-set-mode-min-width:155px;--source-card-set-mode-max-width:500px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#707070;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--button-bg-color-positive:#dcfce7;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--surface-bg-color-shadow-01:#dddddd;--surface-bg-color-shadow-02:#c6c6c6;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;--label-bg-color-accent:#ff3944;--sidebar-animation-duration-default:0.5s;--search-modal-animation-duration-default:0.25s;--search-modal-animation-duration-mobile-default:0.35s;}:host{display:block;font-family:var(--font-family, var(--font-family-base));font-style:normal;display:contents;}.filters-modal-list,.sub-filters-wrapper,.main-filters-list,.filters-modal-sub-list,.selected-filters-wrapper{list-style:none;margin:0;padding:0}.main-filters-list{padding:var(--spacing-25);gap:var(--spacing-25);border-radius:8px;background:var(--surface-bg-color-01);display:inline-flex}vviinn-range-filter{width:100%;max-width:500px;padding-bottom:var(--spacing-150)}.filters-search-input-container{position:relative;box-sizing:border-box;width:100%;display:flex;align-items:center}.filters-search-icon{position:absolute;left:var(--spacing-100);color:var(--color-icon-helper);z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:center}.filters-search-input{width:100%;padding:var(--spacing-100) var(--spacing-100) var(--spacing-100)\n    var(--spacing-500);border:none;background:var(--color-bg-base);font-family:var(--font-family, var(--font-family-base));font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);color:var(--color-text-primary);box-sizing:border-box;outline:none}.filters-search-input::-moz-placeholder{color:var(--color-text-placeholder)}.filters-search-input::placeholder{color:var(--color-text-placeholder)}.filters-modal-main-button,.filters-sub-button,.filters-main-button,.filters-modal-close,.filters-sub-button-selected{font-family:var(--font-family, var(--font-family-base));cursor:pointer;border:none}.filters-sub-button,.filters-main-button{font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);display:flex;justify-content:center;align-items:center;border-radius:6px}.filters-main-button{padding:var(--spacing-100);color:var(--color-text-secondary);background:none;transition:background 0.15s,\n    color 0.15s}.filters-main-button.active,.filters-main-button:hover{background:var(--surface-bg-color-02);color:var(--color-text-primary)}.sub-filters-wrapper,.selected-filters-wrapper{gap:var(--spacing-100);display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:thin}.sub-filters-wrapper{align-items:center;gap:var(--spacing-100);margin:16px -2px 0}.sub-filters-wrapper>li{padding:2px}.selected-filters-wrapper{align-items:center;gap:var(--spacing-100);flex-wrap:wrap}.filters-sub-button{color:var(--color-text-primary);background:var(--surface-bg-color-01);padding:var(--spacing-100);gap:var(--spacing-25);height:100%}.filters-sub-button>span,.filters-sub-button-selected>span{display:inline-flex;justify-content:center;align-items:center;gap:var(--spacing-25);white-space:nowrap}.filters-sub-button>span>span,.filters-sub-button-selected>span>span{padding:var(--spacing-25)}.filters-sub-button:hover{background:var(--surface-bg-color-01-hover)}.filters-sub-button:disabled{cursor:not-allowed;background:var(--surface-bg-color-disabled);color:var(--color-text-disabled)}.filters-more-button{display:flex;padding:var(--spacing-100);gap:var(--spacing-50);border-radius:var(--border-radius-100);align-items:flex-start;background-color:var(--button-bg-color-secondary);transition:background-color 0.1s;border:none;cursor:pointer}.filters-more-button:hover{background-color:var(--button-bg-color-secondary-hover)}.filters-modal-wrapper{display:flex;flex-direction:column;background:#ffffff}.filters-modal.button,.filters-modal.modal{display:none;position:fixed;top:0;bottom:0;right:0;left:0;z-index:99999;background-color:rgba(0, 0, 0, 0.5)}.filters-modal.button .filters-modal-wrapper{position:fixed;top:0;bottom:0;right:0;width:420px;z-index:99999;border-radius:var(--border-radius-400) var(--border-radius-none)\n    var(--border-radius-none) var(--border-radius-400)}.filters-modal.preview{display:block}.filters-modal.open{display:block}.filters-modal-header{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--color-text-primary);text-align:center;border-bottom:1px solid var(--color-border-01)}.filters-modal-header.show-header-content{min-height:64px}.filters-modal-title{margin:0;padding:0;font-size:var(--font-size-headline);font-weight:var(--font-weight-500);line-height:var(--line-height-headline);letter-spacing:var(--letter-spacing-headline)}.filters-modal-no-filters-message{font-size:var(--font-size-caption);color:var(--color-text-secondary);font-weight:var(--font-weight-500);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption);text-align:center;padding:var(--spacing-300) var(--spacing-200);display:flex;align-items:center;justify-content:center}.filters-modal-main{overflow-y:auto;scrolbar-width:thin}.filters-modal-list{margin:var(--spacing-50) 0 0 var(--spacing-300)}.filters-modal-list>li{padding-right:var(--spacing-300)}.filters-modal:not(.preview-inline) .filters-modal-list>li:not(:last-child) .filters-modal-main-button-wrapper{border-bottom:1px solid var(--color-border-01)}.filters-modal-main-button{position:relative;width:100%;background:none;text-align:left;padding:var(--spacing-200) 0;color:var(--color-text-primary);font-size:var(--font-size-label-large);font-weight:var(--font-weight-500);line-height:var(--line-height-label-large);letter-spacing:var(--letter-spacing-label-large)}.filters-modal-main-button>svg{position:absolute;right:0;top:var(--spacing-200);color:var(--color-icon-helper);transform:rotate(90deg)}.filters-modal-main-button:hover>svg{color:var(--color-icon-primary);transition:color 0.2s}.filters-modal-main-button-wrapper.open .filters-modal-main-button>svg{transform:rotate(-90deg);color:var(--color-icon-primary)}.filters-modal-sub-list{display:none}.filters-modal-main-button-wrapper.open .filters-modal-sub-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-bottom:var(--spacing-150)}.filters-modal-sub-list>li{display:contents}.filters-modal-close{position:absolute;color:#6f6f6f;right:var(--spacing-100);top:var(--spacing-200);cursor:pointer;background:none}.filters-modal-close:hover{color:#000}.filters-modal.preview .filters-modal-close{display:none}.filters-more-modal-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;height:36px;padding:var(--spacing-75);gap:var(--spacing-50);border-radius:var(--border-radius-100);background-color:var(--surface-bg-color-01);transition:background-color 0.1s;font-family:var(--font-family, var(--font-family-base));font-size:var(--font-size-label);color:var(--color-text-primary)}.filters-more-modal-button.custom:not(.clickable){cursor:default}.filters-more-modal-button:hover{background-color:var(--surface-bg-color-01-hover)}.filters-more-modal-button.active{background:var(--surface-bg-color-inverse);color:var(--color-text-inverse)}.filters-more-modal-button.active .filters-option-icon-wrapper{border-color:var(--color-bg-base);background-color:var(--color-bg-base);color:var(--color-icon-primary)}.filters-more-modal-button>span{white-space:nowrap;padding:var(--spacing-25)}.filters-more-modal-button:disabled{cursor:not-allowed;opacity:0.5}.filters-more-modal-button img{box-sizing:border-box;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:var(--border-radius-full);border:1px solid var(--color-border-01)}.filters-modal-actions{border-top:1px solid var(--color-border-01);padding:var(--spacing-125);z-index:10;border-radius:0px 0px 0px 32px}.filters-modal-apply,.filters-modal-reset{font-family:var(--font-family, var(--font-family-base))}.filters-modal-apply{cursor:pointer;width:100%;border:none;margin-bottom:20px;display:flex;padding:var(--spacing-150);justify-content:center;align-items:center;gap:var(--spacing-50);align-self:stretch;color:var(--color-text-inverse);text-align:center;border-radius:var(--border-radius-150);background:var(--button-bg-color-primary);font-size:var(--font-size-label-large);font-weight:var(--font-weight-500);line-height:var(--line-height-label-large);letter-spacing:var(--letter-spacing-label-large)}.filters-modal-apply:disabled{background:var(--button-bg-color-disabled);color:var(--color-text-disabled)}.filters-modal-reset{background:none;border:none;cursor:pointer;display:block;text-align:center;width:100%;padding:var(--spacing-125) 0;color:var(--color-text-secondary);text-align:center;font-size:var(--font-size-label);font-weight:var(--font-weight-500);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label)}.filters-modal-reset:hover{color:var(--color-text-primary)}.selected-filters-wrapper>li .filters-sub-button-selected{border-radius:var(--border-radius-100);background:var(--surface-bg-color-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:var(--spacing-100)}.selected-filters-wrapper>li.hidden{display:none}.filters-sub-button-selected{display:flex;align-items:center;gap:var(--spacing-25);background:var(--surface-bg-color-inverse);border-radius:var(--border-radius-100);color:var(--color-text-inverse);text-overflow:ellipsis;font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);padding:var(--spacing-100)}.filters-sub-button-color-dot{box-sizing:border-box;width:24px;height:24px;border-radius:var(--border-radius-full);border:var(--stroke-width-50) solid var(--color-border-01)}.selected-filters-wrapper .filters-sub-button-selected{width:24px;height:24px;border:none}.filters-option-icon-wrapper{display:flex;box-sizing:border-box;align-items:center;justify-content:center;border-radius:4px;border:2px solid #e0e0e0;background:#fff;width:20px;height:20px}.filters-modal-main-button-added-options{color:var(--color-text-secondary);text-overflow:ellipsis;padding-right:var(--spacing-100);font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.filters-modal-main-button-added-options>span::after{content:\", \"}.filters-modal-main-button-added-options>span:last-child::after{content:\"\"}.filters-modal.preview-inline,.filters-modal.preview-inline .filters-modal-wrapper,.filters-modal.preview-inline .filters-modal-main{overflow:visible}.filters-modal.preview-inline .filters-modal-header,.filters-modal.preview-inline .filters-modal-actions{display:none}.filters-modal.preview-inline .filters-modal-list{margin:0;flex-direction:row;gap:var(--spacing-100);display:flex;flex-wrap:wrap}.filters-modal.preview-inline .extended-filters-row{box-sizing:border-box;padding-right:0;border-radius:var(--border-radius-100);background:var(--surface-bg-color-01)}.filters-modal.preview-inline .filters-modal-main-button{width:100%;display:flex;align-items:center;padding:var(--spacing-75);gap:var(--spacing-25);justify-content:space-between;font-size:var(--font-size-body);font-weight:var(--font-weight-400)}.filters-modal.preview-inline .filters-modal-main-button>svg{position:static}.filters-modal.preview-inline .extended-filters-row{position:relative}.filters-modal.preview-inline .filters-search-container{max-height:225px;width:-moz-max-content;width:max-content;min-width:140px;height:-moz-fit-content;height:fit-content;overflow:hidden;position:absolute;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;padding:0;top:calc(100% + var(--spacing-75));left:0;right:0;z-index:1000;border-radius:var(--border-radius-150);border:1px solid var(--color-border-01);background-color:var(--color-bg-base);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1);box-sizing:border-box}.filters-modal.preview-inline .filters-search-input-container{position:sticky;top:0;background-color:var(--color-bg-base);padding:var(--spacing-50);border-bottom:1px solid var(--color-border-01);z-index:1}.filters-modal.preview-inline .filters-modal-sub-list{position:static;border:none;background:none;box-shadow:none;padding:var(--spacing-50);margin:0;max-height:165px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:8px;overflow-y:auto;scrollbar-width:thin}.filters-modal.preview-inline .align-right .filters-search-container{left:auto;right:0}.filters-modal.preview-inline .filters-more-modal-button{width:100%;gap:var(--spacing-150);background-color:var(--color-bg-base)}.filters-modal.preview-inline .filters-option-icon-wrapper{margin-left:auto}.filters-modal.preview-inline .filters-more-modal-button:hover{background-color:var(--surface-bg-color-01-hover)}.filters-modal.preview-inline .filters-more-modal-button.active{color:var(--color-text-primary)}.filters-modal.preview-inline .filters-more-modal-button.active .filters-option-icon-wrapper{border-color:var(--color-bg-inverse);background-color:var(--color-bg-inverse);color:var(--color-icon-inverse)}.filters-modal.preview-inline .filters-modal-sub-list:has(vviinn-range-filter){padding:0 var(--spacing-75);width:220px;max-height:unset}.filters-modal.preview-inline vviinn-range-filter{width:100%}@media (max-width: 768px){.sub-filters-wrapper,.selected-filters-wrapper{flex-wrap:unset;overflow-x:auto;scrollbar-width:none;padding-bottom:0}.sub-filters-wrapper,.selected-filters-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.sub-filters-wrapper::-webkit-scrollbar,.selected-filters-wrapper::-webkit-scrollbar{display:none}:host(.show-in-widget) .selected-filters-container{overflow-x:auto;width:100%}:host(.show-in-widget) .selected-filters-wrapper{padding:0 var(--spacing-300)}.filters-modal.button .filters-modal-wrapper,.filters-modal.modal .filters-modal-wrapper{width:100%;border-radius:24px 24px 0px 0px}.filters-modal.button .filters-modal-wrapper{top:10%}.filters-modal.modal .filters-modal-wrapper{position:fixed;width:100%;height:calc(100% - 64px);bottom:0;transform:translateY(-64px)}.filters-modal.modal .filters-modal-header{font-size:var(--font-size-body-large)}.filters-modal.modal .filters-modal-main{padding-bottom:120px}vviinn-range-filter{max-width:unset}:host(.show-in-widget.primary-filters) vviinn-range-filter{max-width:calc(100% - 48px);transform:translateX(24px)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}";
 
-/**
- * @slot vviinn-extended-filters-title - Text on widget's header.
- * @slot vviinn-extended-filters-apply - Title of Apply Button.
- * @slot vviinn-extended-filters-reset - Title of Reset Button.
- * @slot vviinn-extended-filters-no-filters - Message shown when no filters are available.
- * @slot vviinn-filters-search-icon - Custom icon for the search input.
- * @slot vviinn-range-filter-from-label - Label text for the "From" input field in range filters.
- * @slot vviinn-range-filter-to-label - Label text for the "To" input field in range filters.
- *
- * @part extended-filters-modal - Modal itself.
- * @part extended-filters-modal-wrapper - Wrapper for the modal.
- * @part extended-filters-header - Header of the modal.
- * @part extended-filters-title - Title heading (h2) of the modal.
- * @part extended-filters-modal-close - Close button of the modal.
- * @part extended-filters-no-filters - No filters message container.
- * @part extended-filters-main - Wrapper for the main modal content.
- * @part extended-filters-list - List of filters.
- * @part extended-filters-row - Row of the filters.
- * @part extended-filters-row-wrapper - Wrapper for the row.
- * @part extended-filters-main-button - Main button of the row.
- * @part extended-filters-selected-wrapper - Wrapper for the selected options.
- * @part extended-filters-sub-list - List of sub filters.
- * @part extended-filters-actions - Wrapper for the actions.
- * @part extended-filters-apply - Apply button.
- * @part extended-filters-reset - Reset button.
- *
- * @part filters-search-container - Container wrapping search input and filter list.
- * @part filters-search-input-container - Container for the search input with icon.
- * @part filters-search-icon - Icon wrapper for the search input.
- * @part filters-search-input - Search input field.
- *
- * @part filters-sub-row - Row of the sub filters.
- * @part filters-option-button - Button of the sub filter.
- * @part filters-option-image - Image of the sub filter.
- * @part filters-option-color-dot - Color Dot of the sub filter.
- * @part filters-option-text - Text of the sub filter.
- * @part filters-option-icon-wrapper - Icon Wrapper of the sub filter.
- *
- * @part histogram - Wrapper itself.
- * @part histogram-bar - Bar of the histogram.
- * @part histogram-range-container - Container for the range sliders.
- * @part histogram-sliders-control - Container for the range sliders control.
- * @part histogram-from-slider - Slider for the minimum value.
- * @part histogram-to-slider - Slider for the maximum value.
- * @part histogram-label-wrapper - Wrapper for the labels/inputs.
- * @part histogram-label - Label for the histogram (when showIntervalInputs is false).
- * @part histogram-input-container - Container for the input field (when showIntervalInputs is true).
- * @part histogram-input-label - Label text for the input (From/Till).
- * @part histogram-from-input - Input field for the minimum value.
- * @part histogram-to-input - Input field for the maximum value.
- */
 const FILTER_OPTIONS_INITIAL_COUNT = 8;
 const FILTER_OPTIONS_STEP_COUNT = 5;
 const VviinnExtendedFilters = class {

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

@@ -2,7 +2,7 @@ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement
 import { a as divideOnSized, E as EitherExports } from './Rectangle-dmgo4KMB.js';
 import { C as Cropper, c as cropperOptions, g as getCropBoxData, i as isCropBoxChangeMinimal } from './cropperUtils-CkB6bG3L.js';
 import { g as getSwiperStyles, c as configureSwiperElement, r as register, e as extractSlideIndex, s as setupIntersectionObserver } from './swiper-element-Er2KrWw1.js';
-import { i as isDesktop$1, s as shopTheLookState, m as makeVisualSearchRequest, a as makeVisualSearchByUrlRequest, b as imageFromFileTask, c as makeUploadFileRequest, g as getAcceptableFileFormats } from './search.store-C8LIDQfX.js';
+import { i as isDesktop$1, s as shopTheLookState, m as makeVisualSearchRequest, a as makeVisualSearchByUrlRequest, b as imageFromFileTask, c as makeUploadFileRequest, g as getAcceptableFileFormats } from './search.store-lTerE9Yh.js';
 import { S as SecondaryActionIcon } from './SecondaryActionIcon-D4f3aMUD.js';
 import { i as initializeLocale, a as shopTheLookParts } from './index-BCrstDkj.js';
 import { d as defaultConfig } from './store-BJxQCbNV.js';

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

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-B89nCb_F.js';
 import { _ as _functionExports, f as fold } from './Rectangle-dmgo4KMB.js';
-import { d as setTextSearchQuery, e as makeAutoSuggestRequest, v as version, f as campaignTypeNames, h as addIfNotEmpty, j as makeTextSearchRequest, u as useSearchStore } from './search.store-C8LIDQfX.js';
+import { d as setTextSearchQuery, e as makeAutoSuggestRequest, v as version, f as campaignTypeNames, h as addIfNotEmpty, j as makeTextSearchRequest, u as useSearchStore } from './search.store-lTerE9Yh.js';
 import { s as slotChangeListener, f as findSlotElements } from './index-C1-PYhS4.js';
 import { i as instance, d as defaultConfig } from './store-BJxQCbNV.js';
 import { i as initializeLocale, b as searchBarParts, s as searchModalFirstScreenParts } from './index-BCrstDkj.js';

package/dist/storybook/helpers/industryToken.js

@@ -9,10 +9,9 @@ const data = {
         filterValue: "Möbel > Schränke & Regale",
         description: "company: 'vviinn', site: 'widgets.vviinn.home&living'",
         shopTheLookImageUrls: [
-            "https://cdn.vviinn.com/assets/merchant/default/shop-the-look/home_01.jpg",
-            "https://cdn.vviinn.com/assets/merchant/default/shop-the-look/home_02.jpg",
-            "https://cdn.vviinn.com/assets/merchant/default/shop-the-look/home_03.jpg",
-            "https://cdn.vviinn.com/assets/merchant/default/shop-the-look/home_04.jpg",
+            "https://cdn.vviinn.com/assets/merchant/default/shop-the-look-v2/home_01v2.jpg",
+            "https://cdn.vviinn.com/assets/merchant/default/shop-the-look-v2/home_02v2.jpg",
+            "https://cdn.vviinn.com/assets/merchant/default/shop-the-look-v2/home_03v2.jpg",
         ],
     },
     fashion: {
@@ -23,10 +22,9 @@ const data = {
         filterValue: "Beauty > Düfte",
         description: "company: 'Vviinn Demo Company', site: 'widgets.vviinn.fashion'",
         shopTheLookImageUrls: [
-            "https://cdn.vviinn.com/assets/merchant/default/shop-the-look/fashion_01.jpg",
-            "https://cdn.vviinn.com/assets/merchant/default/shop-the-look/fashion_02.jpg",
-            "https://cdn.vviinn.com/assets/merchant/default/shop-the-look/fashion_03.jpg",
-            "https://cdn.vviinn.com/assets/merchant/default/shop-the-look/fashion_04.jpg",
+            "https://cdn.vviinn.com/assets/merchant/default/shop-the-look-v2/fashion_01v2.jpg",
+            "https://cdn.vviinn.com/assets/merchant/default/shop-the-look-v2/fashion_02v2.jpg",
+            "https://cdn.vviinn.com/assets/merchant/default/shop-the-look-v2/fashion_03v2.jpg",
         ],
     },
     "manufacturer-spare-parts": {

package/dist/types/components/vviinn-cropper/helpers/cropperOcrGate.d.ts

@@ -0,0 +1,19 @@
+import { ResponseDynamicFilterItem } from "../../../interfaces";
+/**
+ * Decides whether the cropper must be hidden because an OCR filter is active.
+ * Once the user adjusts the crop box the cropper stays regardless of OCR.
+ * Engagement resets whenever a different image is loaded.
+ */
+export declare class CropperOcrGate {
+    private engaged;
+    private lastImage;
+    private awaitingFilters;
+    /** Re-arm OCR gating for a freshly loaded image. */
+    onImage(image: HTMLImageElement | null): void;
+    /** Fresh dynamicFilters for the current image have arrived. */
+    onFreshFilters(): void;
+    /** Mark that the user started working with the cropper. */
+    onUserAdjust(): void;
+    /** True when the cropper should be hidden. */
+    isGated(dynamicFilters: ResponseDynamicFilterItem[] | undefined, isSearchLoading?: boolean): boolean;
+}

package/dist/types/components/vviinn-cropper/helpers/hasSelectedOcrFilter.d.ts

@@ -0,0 +1,2 @@
+import { ResponseDynamicFilterItem } from "../../../interfaces";
+export declare const hasSelectedOcrFilter: (dynamicFilters: ResponseDynamicFilterItem[] | undefined) => boolean;

package/dist/types/components/vviinn-cropper/vviinn-cropper.d.ts

@@ -44,8 +44,18 @@ export declare class VviinnCropper {
     private storeName?;
     private startEndCropBoxData?;
     private eventAbortController?;
+    private disposeStoreListener?;
+    private imageElement;
+    private gate;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    private destroyCropper;
+    private clearCropSelection;
+    /** Tear down the cropper and drop any applied crop. */
+    private discardCrop;
+    private resetCropperState;
+    /** Show or hide the cropper to match the current OCR gate decision. */
+    private reconcileCropper;
     private initPreloadedImage;
     private resetStateHandler;
     private resetCropAreaHandler;
@@ -56,6 +66,10 @@ export declare class VviinnCropper {
     selectDetectedObject({ detail }: CustomEvent<SelectObjectEventData>): void;
     imageCropHandler({ detail }: CustomEvent<TriggerSourceEventData>): void;
     private loadImage;
+    private hasSupportedAspectRatio;
+    private hasSupportedSize;
+    private checkAspectRatio;
+    private initCropper;
     private cropStart;
     private cropEnd;
     private showPreloader;

package/dist/types/components/vviinn-filters/vviinn-extended-filters.d.ts

@@ -2,6 +2,57 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { ResponseDynamicFilterItem, RequestDynamicFilterItem } from "../../campaign/VPRCampaignService";
 import { Locale } from "../../locale";
 import { ChangedFiltersEventData, DynamicFilterTrackingData, TriggerSourceEventData } from "../../recommendation/events";
+/**
+ * @slot vviinn-extended-filters-title - Text on widget's header.
+ * @slot vviinn-extended-filters-apply - Title of Apply Button.
+ * @slot vviinn-extended-filters-reset - Title of Reset Button.
+ * @slot vviinn-extended-filters-no-filters - Message shown when no filters are available.
+ * @slot vviinn-filters-search-icon - Custom icon for the search input.
+ * @slot vviinn-range-filter-from-label - Label text for the "From" input field in range filters.
+ * @slot vviinn-range-filter-to-label - Label text for the "To" input field in range filters.
+ *
+ * @part extended-filters-modal - Modal itself.
+ * @part extended-filters-modal-wrapper - Wrapper for the modal.
+ * @part extended-filters-header - Header of the modal.
+ * @part extended-filters-title - Title heading (h2) of the modal.
+ * @part extended-filters-modal-close - Close button of the modal.
+ * @part extended-filters-no-filters - No filters message container.
+ * @part extended-filters-main - Wrapper for the main modal content.
+ * @part extended-filters-list - List of filters.
+ * @part extended-filters-row - Row of the filters.
+ * @part extended-filters-row-wrapper - Wrapper for the row.
+ * @part extended-filters-main-button - Main button of the row.
+ * @part extended-filters-selected-wrapper - Wrapper for the selected options.
+ * @part extended-filters-sub-list - List of sub filters.
+ * @part extended-filters-actions - Wrapper for the actions.
+ * @part extended-filters-apply - Apply button.
+ * @part extended-filters-reset - Reset button.
+ *
+ * @part filters-search-container - Container wrapping search input and filter list.
+ * @part filters-search-input-container - Container for the search input with icon.
+ * @part filters-search-icon - Icon wrapper for the search input.
+ * @part filters-search-input - Search input field.
+ *
+ * @part filters-sub-row - Row of the sub filters.
+ * @part filters-option-button - Button of the sub filter.
+ * @part filters-option-image - Image of the sub filter.
+ * @part filters-option-color-dot - Color Dot of the sub filter.
+ * @part filters-option-text - Text of the sub filter.
+ * @part filters-option-icon-wrapper - Icon Wrapper of the sub filter.
+ *
+ * @part histogram - Wrapper itself.
+ * @part histogram-bar - Bar of the histogram.
+ * @part histogram-range-container - Container for the range sliders.
+ * @part histogram-sliders-control - Container for the range sliders control.
+ * @part histogram-from-slider - Slider for the minimum value.
+ * @part histogram-to-slider - Slider for the maximum value.
+ * @part histogram-label-wrapper - Wrapper for the labels/inputs.
+ * @part histogram-label - Label for the histogram (when showIntervalInputs is false).
+ * @part histogram-input-container - Container for the input field (when showIntervalInputs is true).
+ * @part histogram-input-label - Label text for the input (From/Till).
+ * @part histogram-from-input - Input field for the minimum value.
+ * @part histogram-to-input - Input field for the maximum value.
+ */
 export declare class VviinnExtendedFilters {
     el: HTMLElement;
     mode: "button" | "preview" | "preview-inline" | "modal";

package/dist/types/components/vviinn-results/vviinn-results.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { BasicEventData, Locale, Recommendation } from "../../components";
 import { ChangedFiltersEventData, ProductCardEvent, ProductCardEventData, TextSearchEventData, TriggerSourceEventData } from "../../recommendation/events";
 import { OneClickDiscoveryMode } from "../../widget/types";
+export type ReplaceSlotsContentInParent = (childrenElement?: HTMLElement) => void;
 /**
  * @part products - Products container.
  * @part product-card - Product Card itself.
@@ -77,7 +78,6 @@ import { OneClickDiscoveryMode } from "../../widget/types";
  * @slot vviinn-custom-label-4 - Custom label with index 4.
  * @slot vviinn-image-placeholder-icon - Icon or content for the image placeholder.
  */
-export type ReplaceSlotsContentInParent = (childrenElement?: HTMLElement) => void;
 export declare class VviinnResults {
     el: HTMLElement;
     /** Recommended product renders on the page */

package/dist/types/components/vviinn-suggestions/helpers.d.ts

@@ -1,5 +1,6 @@
 import { RequestDynamicFilterItem } from "../../campaign/VPRCampaignService";
 import { Stream } from "../../interfaces";
 export declare const toggleFilterInSet: (appliedFilters: Set<string>, suggestionText: string) => Set<string>;
+export declare const formatIntervalKey: (column: string, start: unknown, end: unknown) => string;
 export declare const extractActiveFilterValues: (activeFilters: RequestDynamicFilterItem[]) => Set<string>;
 export declare const syncSuggestionFilters: (activeFilters: RequestDynamicFilterItem[], stream: Stream | null) => Set<string>;