vviinn-widgets 2.221.0 → 2.223.0

package/dist/cjs/{index-sL3iGA57.js → index-DZw3p4dq.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BU8FMTXn.js');
-var search_store = require('./search.store-C-fS-eJR.js');
+var search_store = require('./search.store-Bh2_GSpU.js');
 var store = require('./store-jPZ4ROqV.js');
 
 const PlusIcon = () => (index.h("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "plus-icon", "aria-hidden": "true" },

package/dist/cjs/{search.store-C-fS-eJR.js → search.store-Bh2_GSpU.js}

@@ -8598,7 +8598,7 @@ const encodeToBase64UTF8 = (str) => {
     return btoa(String.fromCharCode.apply(null, utf8Array));
 };
 
-const version = "2.221.0";
+const version = "2.223.0";
 
 const appStateGlobalDefaults = {
     excluded: null,
@@ -8901,6 +8901,7 @@ exports.campaignTypeNames = campaignTypeNames;
 exports.checkDeviceType = checkDeviceType;
 exports.checkImageType = checkImageType;
 exports.extractFilterValue = extractFilterValue;
+exports.extractSelectedFilters = extractSelectedFilters;
 exports.fold = fold;
 exports.fromString = fromString;
 exports.getAcceptableFileFormats = getAcceptableFileFormats;

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BU8FMTXn.js');
 var store = require('./store-jPZ4ROqV.js');
-var search_store = require('./search.store-C-fS-eJR.js');
+var search_store = require('./search.store-Bh2_GSpU.js');
 var index$1 = require('./index-CP1QUrJT.js');
 var SecondaryActionIcon = require('./SecondaryActionIcon-CuNEBTWD.js');
 var index$2 = require('./index-BF9aENF8.js');

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

@@ -2,9 +2,9 @@
 
 var index = require('./index-BU8FMTXn.js');
 var Rectangle = require('./Rectangle-7dF6_xf3.js');
-var search_store = require('./search.store-C-fS-eJR.js');
+var search_store = require('./search.store-Bh2_GSpU.js');
 var index$2 = require('./index-CP1QUrJT.js');
-var index$1 = require('./index-sL3iGA57.js');
+var index$1 = require('./index-DZw3p4dq.js');
 var store = require('./store-jPZ4ROqV.js');
 var cropperUtils = require('./cropperUtils-DCDOLeBS.js');
 var cssUrlHelper = require('./cssUrlHelper-B5A2BBm7.js');
@@ -246,6 +246,46 @@ const ValidateCropBoxData = (cropBoxData) => {
     return result;
 };
 
+const MODALITY_COLUMN = "modality";
+const OCR_VALUE = "OCR";
+const hasSelectedOcrFilter = (dynamicFilters) => search_store.extractSelectedFilters(dynamicFilters !== null && dynamicFilters !== void 0 ? dynamicFilters : []).some((filter) => filter.column === MODALITY_COLUMN && filter.values.includes(OCR_VALUE));
+
+/**
+ * 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.
+ */
+class CropperOcrGate {
+    constructor() {
+        this.engaged = false;
+        this.lastImage = null;
+        this.awaitingFilters = false;
+    }
+    /** Re-arm OCR gating for a freshly loaded image. */
+    onImage(image) {
+        if (image === this.lastImage)
+            return;
+        this.lastImage = image;
+        this.engaged = false;
+        this.awaitingFilters = true;
+    }
+    /** Fresh dynamicFilters for the current image have arrived. */
+    onFreshFilters() {
+        this.awaitingFilters = false;
+    }
+    /** Mark that the user started working with the cropper. */
+    onUserAdjust() {
+        this.engaged = true;
+    }
+    /** True when the cropper should be hidden. */
+    isGated(dynamicFilters, isSearchLoading = false) {
+        // Defer while the image's search is still resolving, to avoid a flash.
+        if (this.awaitingFilters && isSearchLoading)
+            return true;
+        return !this.engaged && hasSelectedOcrFilter(dynamicFilters);
+    }
+}
+
 const VviinnCropper = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -268,6 +308,45 @@ const VviinnCropper = class {
         this.showInWidget = false;
         this.cropper = null;
         this.selectedDetectedObject = null;
+        this.imageElement = null;
+        this.gate = new CropperOcrGate();
+        this.destroyCropper = () => {
+            var _a;
+            (_a = this.cropper) === null || _a === void 0 ? void 0 : _a.destroy();
+            this.cropper = null;
+        };
+        this.clearCropSelection = () => {
+            this.state.searchArea = null;
+            this.state.croppedImageUrl = null;
+            this.selectedDetectedObject = null;
+        };
+        /** Tear down the cropper and drop any applied crop. */
+        this.discardCrop = () => {
+            this.destroyCropper();
+            this.clearCropSelection();
+        };
+        this.resetCropperState = () => {
+            this.discardCrop();
+            this.state.image = null;
+        };
+        /** Show or hide the cropper to match the current OCR gate decision. */
+        this.reconcileCropper = () => {
+            // Trust the fresh filters even before the image DOM is ready.
+            this.gate.onFreshFilters();
+            if (!this.state.image || !this.imageElement || !this.state.imageBounds)
+                return;
+            if (this.gate.isGated(this.state.dynamicFilters)) {
+                // Drop only the frame, keep the region/object so OCR searches within it.
+                this.destroyCropper();
+                return;
+            }
+            // Guard geometry here so initCropper doesn't re-emit the aspect-ratio error on every filter change.
+            if (!this.cropper &&
+                this.hasSupportedAspectRatio() &&
+                this.hasSupportedSize()) {
+                this.initCropper(this.imageElement);
+            }
+        };
         this.initPreloadedImage = () => {
             var _a;
             if (this.showInWidget && this.state.image) {
@@ -291,14 +370,12 @@ const VviinnCropper = class {
                 cleanLocalStorage();
         };
         this.resetStateHandler = ({ detail, }) => {
-            var _a, _b;
+            var _a;
             if (this.skipStateChanges(detail.isTriggeredByVpsWidget))
                 return;
-            this.selectedDetectedObject = null;
             (_a = this.state.image) === null || _a === void 0 ? void 0 : _a.setAttribute("src", "");
             this.state.detectedObjects = [];
-            this.state.image = null;
-            (_b = this.cropper) === null || _b === void 0 ? void 0 : _b.destroy();
+            this.resetCropperState();
             cleanLocalStorage();
         };
         this.resetCropAreaHandler = ({ detail, }) => {
@@ -306,9 +383,7 @@ const VviinnCropper = class {
             if (this.skipStateChanges(detail.isTriggeredByVpsWidget))
                 return;
             (_a = this.cropper) === null || _a === void 0 ? void 0 : _a.reset();
-            this.state.searchArea = null;
-            this.state.croppedImageUrl = null;
-            this.selectedDetectedObject = null;
+            this.clearCropSelection();
             this.vviinnImageCrop.emit({
                 isTriggeredByVpsWidget: this.showInWidget,
             });
@@ -336,32 +411,62 @@ const VviinnCropper = class {
                 this.cropper.replace(this.state.image.src);
         };
         this.loadImage = () => {
-            const renderedImageElement = this.el.shadowRoot.querySelector("img");
-            if (this.state.image) {
-                let data = {};
-                if (this.cropper) {
-                    data = this.cropper.getData(true);
-                    this.cropper.destroy();
-                }
-                const imageBounds = Rectangle.fromImage(renderedImageElement);
-                const { width, height } = imageBounds;
-                this.vviinnCropperLoadImage.emit({
-                    imageBounds,
-                });
-                this.state.imageBounds = imageBounds;
-                if (width / height < cropperUtils.SUPPORTED_ASPECT_RATIO ||
-                    height / width < cropperUtils.SUPPORTED_ASPECT_RATIO) {
-                    this.vviinnCropperAspectRatioError.emit(true);
-                    return;
-                }
-                if (width < cropperUtils.MIN_IMAGE_SIDE_FOR_CROPPER ||
-                    height < cropperUtils.MIN_IMAGE_SIDE_FOR_CROPPER) {
-                    return;
-                }
-                this.cropper = new cropperUtils.Cropper(renderedImageElement, Object.assign(Object.assign({}, cropperUtils.cropperOptions), { cropstart: this.cropStart, cropend: this.cropEnd, ready: () => this.cropper.reset(), data }));
+            var _a;
+            if (!this.state.image)
+                return;
+            const renderedImageElement = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("img");
+            if (!renderedImageElement)
+                return;
+            this.imageElement = renderedImageElement;
+            this.gate.onImage(this.state.image);
+            let data = {};
+            if (this.cropper) {
+                data = this.cropper.getData(true);
+                this.destroyCropper();
             }
+            const imageBounds = Rectangle.fromImage(renderedImageElement);
+            this.vviinnCropperLoadImage.emit({
+                imageBounds,
+            });
+            this.state.imageBounds = imageBounds;
+            const isSearchLoading = this.state.searchStatus === "loading";
+            if (this.gate.isGated(this.state.dynamicFilters, isSearchLoading)) {
+                this.discardCrop();
+                // Still surface aspect-ratio errors while hidden — geometry matters regardless.
+                this.checkAspectRatio();
+                return;
+            }
+            this.initCropper(renderedImageElement, data);
+        };
+        this.hasSupportedAspectRatio = () => {
+            if (!this.state.imageBounds)
+                return false;
+            const { width, height } = this.state.imageBounds;
+            return (width / height >= cropperUtils.SUPPORTED_ASPECT_RATIO &&
+                height / width >= cropperUtils.SUPPORTED_ASPECT_RATIO);
+        };
+        this.hasSupportedSize = () => {
+            if (!this.state.imageBounds)
+                return false;
+            const { width, height } = this.state.imageBounds;
+            return (width >= cropperUtils.MIN_IMAGE_SIDE_FOR_CROPPER &&
+                height >= cropperUtils.MIN_IMAGE_SIDE_FOR_CROPPER);
+        };
+        this.checkAspectRatio = () => {
+            if (this.hasSupportedAspectRatio())
+                return true;
+            this.vviinnCropperAspectRatioError.emit(true);
+            return false;
+        };
+        this.initCropper = (imageElement, data = {}) => {
+            if (!imageElement)
+                return;
+            if (!this.checkAspectRatio() || !this.hasSupportedSize())
+                return;
+            this.cropper = new cropperUtils.Cropper(imageElement, Object.assign(Object.assign({}, cropperUtils.cropperOptions), { cropstart: this.cropStart, cropend: this.cropEnd, ready: () => { var _a; return (_a = this.cropper) === null || _a === void 0 ? void 0 : _a.reset(); }, data }));
         };
         this.cropStart = () => {
+            this.gate.onUserAdjust();
             this.startEndCropBoxData = cropperUtils.getCropBoxData(this.cropper);
         };
         this.cropEnd = () => {
@@ -387,9 +492,10 @@ const VviinnCropper = class {
             !this.showAspectRatioError;
     }
     connectedCallback() {
-        const { state, storeName } = search_store.useSearchStore(this.showInWidget);
+        const { state, storeName, onChange } = search_store.useSearchStore(this.showInWidget);
         this.state = state;
         this.storeName = storeName;
+        this.disposeStoreListener = onChange("dynamicFilters", this.reconcileCropper);
         this.initPreloadedImage();
         this.eventAbortController = new AbortController();
         const { signal } = this.eventAbortController;
@@ -400,10 +506,13 @@ const VviinnCropper = class {
         ], signal);
     }
     disconnectedCallback() {
-        var _a, _b, _c;
+        var _a, _b;
         (_a = this.eventAbortController) === null || _a === void 0 ? void 0 : _a.abort();
-        (_c = (_b = this.cropper) === null || _b === void 0 ? void 0 : _b.destroy) === null || _c === void 0 ? void 0 : _c.call(_b);
-        this.state.image = null;
+        (_b = this.disposeStoreListener) === null || _b === void 0 ? void 0 : _b.call(this);
+        this.destroyCropper();
+        // "never" keeps no image across mounts, so clear it from the shared store.
+        if (this.saveImageMode === "never")
+            this.state.image = null;
     }
     selectDetectedObject({ detail }) {
         this.selectedDetectedObject = detail.detectedObject;
@@ -436,14 +545,14 @@ const VviinnCropper = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'ae2656d0782e723ffe5c8ba9ad6074db55e219c0', class: {
+        return (index.h(index.Host, { key: 'b50ccb5595b27ef6673ff9d9350fc30359a6f7ce', class: {
                 "show-in-widget": this.showInWidget,
                 active: !!this.state.image,
-            } }, cssUrlHelper.renderExternalCSS(this.cssUrl), index.h("div", { key: '0c547762649ddc68aa2755681c6637ec1556b315', class: "container" }, this.state.image && (index.h("div", { key: '811e79aaf4ee1144c8c6ce0017300ba9aeda8803', class: "image-container", style: {
+            } }, cssUrlHelper.renderExternalCSS(this.cssUrl), index.h("div", { key: 'efd816ed4e19082091567714fee4ef40efe9a6c4', class: "container" }, this.state.image && (index.h("div", { key: '13f35758ba243eb73513e17375daca8431538383', class: "image-container", style: {
                 width: `${this.width.toString()}px`,
                 overflow: "hidden",
-            } }, index.h("img", { key: '458474fa006a1397daa335fb9ee50477ab0e62ce', decoding: "async", width: this.width, height: this.height, src: this.state.image.src, draggable: false, onLoad: this.loadImage, alt: store.instance.t("a11y.cropperImage") }), (_a = this.state.detectedObjects) === null || _a === void 0 ? void 0 :
-            _a.map((object) => (index.h("vviinn-detected-object", { detectedObject: object, selectedDetectedObject: this.selectedDetectedObject, basicEventData: this.basicEventData, imageBounds: this.state.imageBounds, showInWidget: this.showInWidget }))))), this.showPreloader() && (index.h("div", { key: 'd002cf170858ae7e5a46ca0f36bc64a425990119', class: "image-preloader" }, index.h("vviinn-preloader", { key: '2867876e7f492364528636d4b77dc4c7f80bee71' }))))));
+            } }, index.h("img", { key: '7525aae0654325fb25c88106a9ee1fface11a62e', decoding: "async", width: this.width, height: this.height, src: this.state.image.src, draggable: false, onLoad: this.loadImage, alt: store.instance.t("a11y.cropperImage") }), (_a = this.state.detectedObjects) === null || _a === void 0 ? void 0 :
+            _a.map((object) => (index.h("vviinn-detected-object", { detectedObject: object, selectedDetectedObject: this.selectedDetectedObject, basicEventData: this.basicEventData, imageBounds: this.state.imageBounds, showInWidget: this.showInWidget }))))), this.showPreloader() && (index.h("div", { key: 'b89ad46bda5279b77f4fe258f7a6d4af08f81c29', class: "image-preloader" }, index.h("vviinn-preloader", { key: '34f55578c05321480d7e3d8141a4638df8aad08b' }))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -1040,13 +1149,13 @@ const VviinnResults = class {
     render() {
         var _a;
         const resultsLength = this.getResults().length;
-        return (index.h(index.Host, { key: '0767d0c21dee72b9a0f09a80dfe2ca7c375e4d50', id: "results-block", class: {
+        return (index.h(index.Host, { key: 'd62957bb1294f3a62e14fa9a3eb97c7ef6007eae', id: "results-block", class: {
                 "show-in-widget": this.showInWidget,
                 "matching-discovery": this.oneClickDiscoveryMode === "append-slider",
-            }, exportparts: `${index$3.productCardParts}, ${index$3.listCardParts}, ${index$3.contentCardParts}, ${index$3.productCardsGridPart}` }, cssUrlHelper.renderExternalCSS(this.cssUrl), index.h("div", { key: 'bfd01f2bf39be84501ce0cf42f5672acda3e500b', class: "nothing-found" }, this.getCurrentErrorType() && (index.h("vviinn-error", { key: 'ce077ad92253c7727a509567571d821ebda6dbd4', errorType: this.getCurrentErrorType(), handler: this.resetWidgetState, hasBackground: this.showInWidget, searchType: this.state.searchType }))), index.h("div", { key: 'dc63984664328f04abe6011aa0db856cb862f37c', class: {
+            }, exportparts: `${index$3.productCardParts}, ${index$3.listCardParts}, ${index$3.contentCardParts}, ${index$3.productCardsGridPart}` }, cssUrlHelper.renderExternalCSS(this.cssUrl), index.h("div", { key: '69f7a38dc02f42c357dbae8cf154ecb78380f270', class: "nothing-found" }, this.getCurrentErrorType() && (index.h("vviinn-error", { key: 'd78ed9f6d777d7ec1686b10b709deee018c4391e', errorType: this.getCurrentErrorType(), handler: this.resetWidgetState, hasBackground: this.showInWidget, searchType: this.state.searchType }))), index.h("div", { key: 'be3db62dcfd508b6f60036454d3c825d6c27f5ae', class: {
                 hidden: this.showAspectRatioError || resultsLength === 0,
                 products: true,
-            }, part: index$3.productCardsGridPart, id: "vviinn-results-products" }, resultsLength > 0 && this.renderResults(), index.h("div", { key: '2e39c5d65c5c7981c0b9a93dfe97ad62165a25b4', id: "one-click-discovery-append", style: {
+            }, part: index$3.productCardsGridPart, id: "vviinn-results-products" }, resultsLength > 0 && this.renderResults(), index.h("div", { key: '88d3d2d5880806b9e24799694cc540de676d17f8', id: "one-click-discovery-append", style: {
                 order: ((_a = this.oneClickDiscoveryAppendIndex) !== null && _a !== void 0 ? _a : resultsLength).toString(),
             } }))));
     }
@@ -1444,6 +1553,72 @@ ${e}</tr>
 `}strong({tokens:e}){return `<strong>${this.parser.parseInline(e)}</strong>`}em({tokens:e}){return `<em>${this.parser.parseInline(e)}</em>`}codespan({text:e}){return `<code>${O(e,true)}</code>`}br(e){return "<br>"}del({tokens:e}){return `<del>${this.parser.parseInline(e)}</del>`}link({href:e,title:t,tokens:n}){let r=this.parser.parseInline(n),i=J(e);if(i===null)return r;e=i;let s='<a href="'+e+'"';return t&&(s+=' title="'+O(t)+'"'),s+=">"+r+"</a>",s}image({href:e,title:t,text:n,tokens:r}){r&&(n=this.parser.parseInline(r,this.parser.textRenderer));let i=J(e);if(i===null)return O(n);e=i;let s=`<img src="${e}" alt="${O(n)}"`;return t&&(s+=` title="${O(t)}"`),s+=">",s}text(e){return "tokens"in e&&e.tokens?this.parser.parseInline(e.tokens):"escaped"in e&&e.escaped?e.text:O(e.text)}};var $=class{strong({text:e}){return e}em({text:e}){return e}codespan({text:e}){return e}del({text:e}){return e}html({text:e}){return e}text({text:e}){return e}link({text:e}){return ""+e}image({text:e}){return ""+e}br(){return ""}checkbox({raw:e}){return e}};var b=class u{options;renderer;textRenderer;constructor(e){this.options=e||T,this.options.renderer=this.options.renderer||new y,this.renderer=this.options.renderer,this.renderer.options=this.options,this.renderer.parser=this,this.textRenderer=new $;}static parse(e,t){return new u(t).parse(e)}static parseInline(e,t){return new u(t).parseInline(e)}parse(e){this.renderer.parser=this;let t="";for(let n=0;n<e.length;n++){let r=e[n];if(this.options.extensions?.renderers?.[r.type]){let s=r,a=this.options.extensions.renderers[s.type].call({parser:this},s);if(a!==false||!["space","hr","heading","code","table","blockquote","list","html","def","paragraph","text"].includes(s.type)){t+=a||"";continue}}let i=r;switch(i.type){case "space":{t+=this.renderer.space(i);break}case "hr":{t+=this.renderer.hr(i);break}case "heading":{t+=this.renderer.heading(i);break}case "code":{t+=this.renderer.code(i);break}case "table":{t+=this.renderer.table(i);break}case "blockquote":{t+=this.renderer.blockquote(i);break}case "list":{t+=this.renderer.list(i);break}case "checkbox":{t+=this.renderer.checkbox(i);break}case "html":{t+=this.renderer.html(i);break}case "def":{t+=this.renderer.def(i);break}case "paragraph":{t+=this.renderer.paragraph(i);break}case "text":{t+=this.renderer.text(i);break}default:{let s='Token with "'+i.type+'" type was not found.';if(this.options.silent)return console.error(s),"";throw new Error(s)}}}return t}parseInline(e,t=this.renderer){this.renderer.parser=this;let n="";for(let r=0;r<e.length;r++){let i=e[r];if(this.options.extensions?.renderers?.[i.type]){let a=this.options.extensions.renderers[i.type].call({parser:this},i);if(a!==false||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(i.type)){n+=a||"";continue}}let s=i;switch(s.type){case "escape":{n+=t.text(s);break}case "html":{n+=t.html(s);break}case "link":{n+=t.link(s);break}case "image":{n+=t.image(s);break}case "checkbox":{n+=t.checkbox(s);break}case "strong":{n+=t.strong(s);break}case "em":{n+=t.em(s);break}case "codespan":{n+=t.codespan(s);break}case "br":{n+=t.br(s);break}case "del":{n+=t.del(s);break}case "text":{n+=t.text(s);break}default:{let a='Token with "'+s.type+'" type was not found.';if(this.options.silent)return console.error(a),"";throw new Error(a)}}}return n}};var P=class{options;block;constructor(e){this.options=e||T;}static passThroughHooks=new Set(["preprocess","postprocess","processAllTokens","emStrongMask"]);static passThroughHooksRespectAsync=new Set(["preprocess","postprocess","processAllTokens"]);preprocess(e){return e}postprocess(e){return e}processAllTokens(e){return e}emStrongMask(e){return e}provideLexer(){return this.block?x.lex:x.lexInline}provideParser(){return this.block?b.parse:b.parseInline}};var D=class{defaults=M();options=this.setOptions;parse=this.parseMarkdown(true);parseInline=this.parseMarkdown(false);Parser=b;Renderer=y;TextRenderer=$;Lexer=x;Tokenizer=w;Hooks=P;constructor(...e){this.use(...e);}walkTokens(e,t){let n=[];for(let r of e)switch(n=n.concat(t.call(this,r)),r.type){case "table":{let i=r;for(let s of i.header)n=n.concat(this.walkTokens(s.tokens,t));for(let s of i.rows)for(let a of s)n=n.concat(this.walkTokens(a.tokens,t));break}case "list":{let i=r;n=n.concat(this.walkTokens(i.items,t));break}default:{let i=r;this.defaults.extensions?.childTokens?.[i.type]?this.defaults.extensions.childTokens[i.type].forEach(s=>{let a=i[s].flat(1/0);n=n.concat(this.walkTokens(a,t));}):i.tokens&&(n=n.concat(this.walkTokens(i.tokens,t)));}}return n}use(...e){let t=this.defaults.extensions||{renderers:{},childTokens:{}};return e.forEach(n=>{let r={...n};if(r.async=this.defaults.async||r.async||false,n.extensions&&(n.extensions.forEach(i=>{if(!i.name)throw new Error("extension name required");if("renderer"in i){let s=t.renderers[i.name];s?t.renderers[i.name]=function(...a){let o=i.renderer.apply(this,a);return o===false&&(o=s.apply(this,a)),o}:t.renderers[i.name]=i.renderer;}if("tokenizer"in i){if(!i.level||i.level!=="block"&&i.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");let s=t[i.level];s?s.unshift(i.tokenizer):t[i.level]=[i.tokenizer],i.start&&(i.level==="block"?t.startBlock?t.startBlock.push(i.start):t.startBlock=[i.start]:i.level==="inline"&&(t.startInline?t.startInline.push(i.start):t.startInline=[i.start]));}"childTokens"in i&&i.childTokens&&(t.childTokens[i.name]=i.childTokens);}),r.extensions=t),n.renderer){let i=this.defaults.renderer||new y(this.defaults);for(let s in n.renderer){if(!(s in i))throw new Error(`renderer '${s}' does not exist`);if(["options","parser"].includes(s))continue;let a=s,o=n.renderer[a],l=i[a];i[a]=(...p)=>{let c=o.apply(i,p);return c===false&&(c=l.apply(i,p)),c||""};}r.renderer=i;}if(n.tokenizer){let i=this.defaults.tokenizer||new w(this.defaults);for(let s in n.tokenizer){if(!(s in i))throw new Error(`tokenizer '${s}' does not exist`);if(["options","rules","lexer"].includes(s))continue;let a=s,o=n.tokenizer[a],l=i[a];i[a]=(...p)=>{let c=o.apply(i,p);return c===false&&(c=l.apply(i,p)),c};}r.tokenizer=i;}if(n.hooks){let i=this.defaults.hooks||new P;for(let s in n.hooks){if(!(s in i))throw new Error(`hook '${s}' does not exist`);if(["options","block"].includes(s))continue;let a=s,o=n.hooks[a],l=i[a];P.passThroughHooks.has(s)?i[a]=p=>{if(this.defaults.async&&P.passThroughHooksRespectAsync.has(s))return (async()=>{let d=await o.call(i,p);return l.call(i,d)})();let c=o.call(i,p);return l.call(i,c)}:i[a]=(...p)=>{if(this.defaults.async)return (async()=>{let d=await o.apply(i,p);return d===false&&(d=await l.apply(i,p)),d})();let c=o.apply(i,p);return c===false&&(c=l.apply(i,p)),c};}r.hooks=i;}if(n.walkTokens){let i=this.defaults.walkTokens,s=n.walkTokens;r.walkTokens=function(a){let o=[];return o.push(s.call(this,a)),i&&(o=o.concat(i.call(this,a))),o};}this.defaults={...this.defaults,...r};}),this}setOptions(e){return this.defaults={...this.defaults,...e},this}lexer(e,t){return x.lex(e,t??this.defaults)}parser(e,t){return b.parse(e,t??this.defaults)}parseMarkdown(e){return (n,r)=>{let i={...r},s={...this.defaults,...i},a=this.onError(!!s.silent,!!s.async);if(this.defaults.async===true&&i.async===false)return a(new Error("marked(): The async option was set to true by an extension. Remove async: false from the parse options object to return a Promise."));if(typeof n>"u"||n===null)return a(new Error("marked(): input parameter is undefined or null"));if(typeof n!="string")return a(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(n)+", string expected"));if(s.hooks&&(s.hooks.options=s,s.hooks.block=e),s.async)return (async()=>{let o=s.hooks?await s.hooks.preprocess(n):n,p=await(s.hooks?await s.hooks.provideLexer():e?x.lex:x.lexInline)(o,s),c=s.hooks?await s.hooks.processAllTokens(p):p;s.walkTokens&&await Promise.all(this.walkTokens(c,s.walkTokens));let h=await(s.hooks?await s.hooks.provideParser():e?b.parse:b.parseInline)(c,s);return s.hooks?await s.hooks.postprocess(h):h})().catch(a);try{s.hooks&&(n=s.hooks.preprocess(n));let l=(s.hooks?s.hooks.provideLexer():e?x.lex:x.lexInline)(n,s);s.hooks&&(l=s.hooks.processAllTokens(l)),s.walkTokens&&this.walkTokens(l,s.walkTokens);let c=(s.hooks?s.hooks.provideParser():e?b.parse:b.parseInline)(l,s);return s.hooks&&(c=s.hooks.postprocess(c)),c}catch(o){return a(o)}}}onError(e,t){return n=>{if(n.message+=`
 Please report this to https://github.com/markedjs/marked.`,e){let r="<p>An error occurred:</p><pre>"+O(n.message+"",true)+"</pre>";return t?Promise.resolve(r):r}if(t)return Promise.reject(n);throw n}}};var L=new D;function g(u,e){return L.parse(u,e)}g.options=g.setOptions=function(u){return L.setOptions(u),g.defaults=L.defaults,G(g.defaults),g};g.getDefaults=M;g.defaults=T;g.use=function(...u){return L.use(...u),g.defaults=L.defaults,G(g.defaults),g};g.walkTokens=function(u,e){return L.walkTokens(u,e)};g.parseInline=L.parseInline;g.Parser=b;g.parser=b.parse;g.Renderer=y;g.TextRenderer=$;g.Lexer=x;g.lexer=x.lex;g.Tokenizer=w;g.Hooks=P;g.parse=g;
 
+const toggleFilterInSet = (appliedFilters, suggestionText) => {
+    const newAppliedFilters = new Set(appliedFilters);
+    if (newAppliedFilters.has(suggestionText)) {
+        newAppliedFilters.delete(suggestionText);
+    }
+    else {
+        newAppliedFilters.add(suggestionText);
+    }
+    return newAppliedFilters;
+};
+const formatIntervalKey = (column, start, end) => `${column}:${start}-${end}`;
+const extractActiveFilterValues = (activeFilters) => {
+    const activeValues = new Set();
+    activeFilters.forEach((filter) => {
+        if (!Array.isArray(filter.values))
+            return;
+        filter.values.forEach((v) => {
+            // Interval values are `{start, end}` objects; categorical values are strings.
+            if (v !== null && typeof v === "object" && "start" in v) {
+                activeValues.add(formatIntervalKey(filter.column, v.start, v.end));
+            }
+            else {
+                activeValues.add(`${filter.column}:${String(v)}`);
+            }
+        });
+    });
+    return activeValues;
+};
+const syncSuggestionFilters = (activeFilters, stream) => {
+    var _a, _b, _c;
+    const activeValues = extractActiveFilterValues(activeFilters);
+    const updatedAppliedFilters = new Set();
+    if (!(stream === null || stream === void 0 ? void 0 : stream.items))
+        return updatedAppliedFilters;
+    for (const item of stream.items) {
+        if (item.role !== "assistant" || !item.parts)
+            continue;
+        for (const part of item.parts) {
+            if (!((_a = part.text) === null || _a === void 0 ? void 0 : _a.annotations))
+                continue;
+            for (const annotation of part.text.annotations) {
+                if (!((_c = (_b = annotation.interactions) === null || _b === void 0 ? void 0 : _b.dynamicFilters) === null || _c === void 0 ? void 0 : _c.length))
+                    continue;
+                for (const filter of annotation.interactions.dynamicFilters) {
+                    if (filter.type === "categorical" && "values" in filter) {
+                        filter.values.forEach((value) => {
+                            if (activeValues.has(`${filter.column}:${String(value.value)}`)) {
+                                updatedAppliedFilters.add(`${filter.column}:${value.value}`);
+                            }
+                        });
+                    }
+                    else if (filter.type === "interval" && "selectedValues" in filter) {
+                        filter.selectedValues.forEach((interval) => {
+                            const key = formatIntervalKey(filter.column, interval.start, interval.end);
+                            if (activeValues.has(key)) {
+                                updatedAppliedFilters.add(key);
+                            }
+                        });
+                    }
+                }
+            }
+        }
+    }
+    return updatedAppliedFilters;
+};
+
 const extractDataItems = (annotation) => annotation.data.items;
 const findMatchingFilterValue = (item, filter) => {
     if (filter.type !== "categorical" ||
@@ -1464,18 +1639,38 @@ const applyFiltersForItems = (dataItems, interactions, currentRequestFilters, ha
     let updatedFilters = currentRequestFilters;
     if (dataItems.length === 0) {
         for (const filter of filters) {
-            if (filter.type !== "categorical" || !("values" in filter))
-                continue;
-            for (const filterValue of filter.values) {
-                updatedFilters = index$1.triggerFilter({
-                    filterValue: filterValue,
-                    selectedFilter: filter,
-                    requestFilters: updatedFilters,
-                    vviinnFilterTriggered: handlers.vviinnFilterTriggered,
-                    vviinnFiltersChanged: handlers.vviinnFiltersChanged,
-                    el: handlers.el,
-                    isTriggeredByVpsWidget: handlers.isTriggeredByVpsWidget,
-                });
+            if (filter.type === "categorical" && "values" in filter) {
+                for (const filterValue of filter.values) {
+                    updatedFilters = index$1.triggerFilter({
+                        filterValue: filterValue,
+                        selectedFilter: filter,
+                        requestFilters: updatedFilters,
+                        vviinnFilterTriggered: handlers.vviinnFilterTriggered,
+                        vviinnFiltersChanged: handlers.vviinnFiltersChanged,
+                        el: handlers.el,
+                        isTriggeredByVpsWidget: handlers.isTriggeredByVpsWidget,
+                    });
+                }
+            }
+            else if (filter.type === "interval" && "selectedValues" in filter) {
+                // A suggestion chip represents one specific range to toggle, not a slider.
+                // The backend emits `full === selectedValues[0]`, which would make
+                // `isFullRangeInterval` read every click as "cleared to the full range"
+                // (deselect-only). Neutralize `full` so the shared toggle logic selects /
+                // deselects this exact interval by value match. Only the object passed to
+                // `triggerFilter` is affected; `value` still carries the real interval.
+                const chipFilter = Object.assign(Object.assign({}, filter), { full: { start: undefined, end: undefined } });
+                for (const interval of filter.selectedValues) {
+                    updatedFilters = index$1.triggerFilter({
+                        filterValue: { interval },
+                        selectedFilter: chipFilter,
+                        requestFilters: updatedFilters,
+                        vviinnFilterTriggered: handlers.vviinnFilterTriggered,
+                        vviinnFiltersChanged: handlers.vviinnFiltersChanged,
+                        el: handlers.el,
+                        isTriggeredByVpsWidget: handlers.isTriggeredByVpsWidget,
+                    });
+                }
             }
         }
         return updatedFilters;
@@ -1524,9 +1719,15 @@ const splitContentByLocators = (content, annotations) => {
 };
 const getAnnotationFilterKeys = (annotation) => {
     var _a, _b, _c;
-    return (_c = (_b = (_a = annotation.interactions) === null || _a === void 0 ? void 0 : _a.dynamicFilters) === null || _b === void 0 ? void 0 : _b.flatMap((filter) => "values" in filter
-        ? filter.values.map((v) => `${filter.column}:${v.value}`)
-        : [])) !== null && _c !== void 0 ? _c : [];
+    return (_c = (_b = (_a = annotation.interactions) === null || _a === void 0 ? void 0 : _a.dynamicFilters) === null || _b === void 0 ? void 0 : _b.flatMap((filter) => {
+        if (filter.type === "categorical" && "values" in filter) {
+            return filter.values.map((v) => `${filter.column}:${v.value}`);
+        }
+        if (filter.type === "interval" && "selectedValues" in filter) {
+            return filter.selectedValues.map((interval) => formatIntervalKey(filter.column, interval.start, interval.end));
+        }
+        return [];
+    })) !== null && _c !== void 0 ? _c : [];
 };
 const getAnnotationDeeplink = (annotation) => {
     for (const item of annotation.data.items) {
@@ -1553,55 +1754,6 @@ const renderAnnotatedContent = (content, annotations, onAnnotationClick, applied
 };
 const renderInfoText = (content, key) => (index.h("div", { class: "suggestion-info-text", part: "suggestion-info-text", key: key, innerHTML: g.parse(content) }));
 
-const toggleFilterInSet = (appliedFilters, suggestionText) => {
-    const newAppliedFilters = new Set(appliedFilters);
-    if (newAppliedFilters.has(suggestionText)) {
-        newAppliedFilters.delete(suggestionText);
-    }
-    else {
-        newAppliedFilters.add(suggestionText);
-    }
-    return newAppliedFilters;
-};
-const extractActiveFilterValues = (activeFilters) => {
-    const activeValues = new Set();
-    activeFilters.forEach((filter) => {
-        if (Array.isArray(filter.values)) {
-            filter.values.forEach((v) => activeValues.add(`${filter.column}:${String(v)}`));
-        }
-    });
-    return activeValues;
-};
-const syncSuggestionFilters = (activeFilters, stream) => {
-    var _a, _b, _c;
-    const activeValues = extractActiveFilterValues(activeFilters);
-    const updatedAppliedFilters = new Set();
-    if (!(stream === null || stream === void 0 ? void 0 : stream.items))
-        return updatedAppliedFilters;
-    for (const item of stream.items) {
-        if (item.role !== "assistant" || !item.parts)
-            continue;
-        for (const part of item.parts) {
-            if (!((_a = part.text) === null || _a === void 0 ? void 0 : _a.annotations))
-                continue;
-            for (const annotation of part.text.annotations) {
-                if (!((_c = (_b = annotation.interactions) === null || _b === void 0 ? void 0 : _b.dynamicFilters) === null || _c === void 0 ? void 0 : _c.length))
-                    continue;
-                for (const filter of annotation.interactions.dynamicFilters) {
-                    if (filter.type !== "categorical" || !("values" in filter))
-                        continue;
-                    filter.values.forEach((value) => {
-                        if (activeValues.has(`${filter.column}:${String(value.value)}`)) {
-                            updatedAppliedFilters.add(`${filter.column}:${value.value}`);
-                        }
-                    });
-                }
-            }
-        }
-    }
-    return updatedAppliedFilters;
-};
-
 const vviinnSuggestionsCss = ":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:contents}.container{display:flex;flex-direction:column;gap:var(--spacing-150);font-family:var(--font-family, var(--font-family-base));padding-right:var(--spacing-100);line-height:normal}.header{display:flex;align-items:center;gap:var(--spacing-100)}.icon{font-size:20px}.title{margin:0;font-size:var(--font-size-headline);line-height:var(--line-height-headline);font-weight:600;color:var(--color-text-primary)}.suggestions-wrapper{display:flex;flex-direction:column;gap:var(--spacing-100);width:100%}.suggestions-list{list-style:none;margin:0;padding:0;padding-right:var(--spacing-100);display:flex;align-items:center;gap:var(--spacing-100);flex-wrap:wrap;font-size:var(--font-size-label)}.suggestion-item{display:contents}.suggestion-link{background:none;border:none;color:var(--color-primary-500);text-decoration:underline;cursor:pointer;font-size:inherit;line-height:inherit;padding:0;margin:0}.suggestion-link:hover{color:var(--color-primary-600)}.suggestion-link:focus{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:2px}.suggestion-filter-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;height:36px;padding:var(--spacing-75);gap:var(--spacing-50);white-space:nowrap;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)}.suggestion-filter-button:hover{background-color:var(--surface-bg-color-01-hover)}.suggestion-filter-button.active{background:var(--surface-bg-color-inverse);color:var(--color-text-inverse)}.suggestion-info-text{font-size:var(--font-size-label);color:var(--color-text-primary)}.suggestion-info-text *{font-size:var(--font-size-label);margin:0}";
 
 const VviinnSuggestions = class {