vviinn-widgets 2.167.0 → 2.168.1

package/dist/cjs/constants-DHaugTOE.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const DEFAULT_EXAMPLE_IMAGE = "https://cdn.vviinn.com/assets/merchant/default/vviinn_img_start-hero.jpg";
+
+exports.DEFAULT_EXAMPLE_IMAGE = DEFAULT_EXAMPLE_IMAGE;

package/dist/cjs/{constants-wmamV_ry.js → index-B7VfQ5vd.js}

@@ -2,9 +2,12 @@
 
 const findSlotElements = (el) => Array.from(el.querySelectorAll("[slot]"));
 const getSlotNames = (slotElements) => slotElements.map((el) => el.getAttribute("slot"));
+function addEventListenersWithSignal(target, listeners, signal) {
+    listeners.forEach(([type, handler]) => {
+        target.addEventListener(type, handler, { signal });
+    });
+}
 
-const DEFAULT_EXAMPLE_IMAGE = "https://cdn.vviinn.com/assets/merchant/default/vviinn_img_start-hero.jpg";
-
-exports.DEFAULT_EXAMPLE_IMAGE = DEFAULT_EXAMPLE_IMAGE;
+exports.addEventListenersWithSignal = addEventListenersWithSignal;
 exports.findSlotElements = findSlotElements;
 exports.getSlotNames = getSlotNames;

package/dist/cjs/{package-CTmKiTyO.js → package-DeG1AEbB.js}

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

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

@@ -6,12 +6,13 @@ var customizedSlots = require('./customized-slots-Da3rVnNM.js');
 var index$2 = require('./index-D_wGgGZa.js');
 var index$1 = require('./index-C3G9W48a.js');
 var Rectangle = require('./Rectangle-oExct0ft.js');
-var _package = require('./package-CTmKiTyO.js');
+var index$3 = require('./index-B7VfQ5vd.js');
+var _package = require('./package-DeG1AEbB.js');
 var resources = require('./resources-fyqfpLC2.js');
-var index$3 = require('./index-DYvhURIh.js');
-var constants$1 = require('./constants-wmamV_ry.js');
+var index$4 = require('./index-DYvhURIh.js');
 var constants = require('./constants-CgBx7Czu.js');
 var WarningIcon = require('./WarningIcon-DOMzuRV9.js');
+var constants$1 = require('./constants-DHaugTOE.js');
 
 const CameraActionIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
     index.h("path", { d: "M12 17.5C13.25 17.5 14.3125 17.0625 15.1875 16.1875C16.0625 15.3125 16.5 14.25 16.5 13C16.5 11.75 16.0625 10.6875 15.1875 9.8125C14.3125 8.9375 13.25 8.5 12 8.5C10.75 8.5 9.6875 8.9375 8.8125 9.8125C7.9375 10.6875 7.5 11.75 7.5 13C7.5 14.25 7.9375 15.3125 8.8125 16.1875C9.6875 17.0625 10.75 17.5 12 17.5ZM12 15.5C11.3 15.5 10.7083 15.2583 10.225 14.775C9.74167 14.2917 9.5 13.7 9.5 13C9.5 12.3 9.74167 11.7083 10.225 11.225C10.7083 10.7417 11.3 10.5 12 10.5C12.7 10.5 13.2917 10.7417 13.775 11.225C14.2583 11.7083 14.5 12.3 14.5 13C14.5 13.7 14.2583 14.2917 13.775 14.775C13.2917 15.2583 12.7 15.5 12 15.5ZM4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V7C2 6.45 2.19583 5.97917 2.5875 5.5875C2.97917 5.19583 3.45 5 4 5H7.15L8.4 3.65C8.58333 3.45 8.80417 3.29167 9.0625 3.175C9.32083 3.05833 9.59167 3 9.875 3H14.125C14.4083 3 14.6792 3.05833 14.9375 3.175C15.1958 3.29167 15.4167 3.45 15.6 3.65L16.85 5H20C20.55 5 21.0208 5.19583 21.4125 5.5875C21.8042 5.97917 22 6.45 22 7V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4Z", fill: "currentColor" })));
@@ -3642,16 +3643,18 @@ const VviinnCropper = class {
         this.state = state;
         this.storeName = storeName;
         this.initPreloadedImage();
-        document.addEventListener("vviinnImageUploadFinished", this.imageUploadFinishedHandler);
-        document.addEventListener("vviinnCropperResetState", this.resetStateHandler);
-        document.addEventListener("vviinnResetCropArea", this.resetCropAreaHandler);
+        this.eventAbortController = new AbortController();
+        const { signal } = this.eventAbortController;
+        index$3.addEventListenersWithSignal(document, [
+            ["vviinnImageUploadFinished", this.imageUploadFinishedHandler],
+            ["vviinnCropperResetState", this.resetStateHandler],
+            ["vviinnResetCropArea", this.resetCropAreaHandler],
+        ], signal);
     }
     disconnectedCallback() {
-        var _a, _b;
-        document.removeEventListener("vviinnImageUploadFinished", this.imageUploadFinishedHandler);
-        document.removeEventListener("vviinnCropperResetState", this.resetStateHandler);
-        document.removeEventListener("vviinnResetCropArea", this.resetCropAreaHandler);
-        (_b = (_a = this.cropper) === null || _a === void 0 ? void 0 : _a.destroy) === null || _b === void 0 ? void 0 : _b.call(_a);
+        var _a, _b, _c;
+        (_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);
         search_store.componentsState.image = null;
     }
     selectDetectedObject({ detail }) {
@@ -3694,11 +3697,11 @@ const VviinnCropper = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: 'f1bae6a9564dad26b93047f5e700c1e317450fa2', class: {
+        return (index.h(index.Host, { key: '3d893072d0e91ebfac9c437679eea13573fc4f88', class: {
                 "show-in-widget": this.showInWidget,
                 active: !!this.state.image,
-            } }, index.h("div", { key: '0659c8029d8aa2201380815837bd3e6fb0d2b7bd', class: "container" }, index.h("div", { key: '5a9f6e3f8aeb13ac5301dfbadff733099aaec475', class: "image-container", style: { width: `${this.width.toString()}px`, overflow: "hidden" } }, index.h("img", { key: 'd6480a6de6b161ec8c4bcdf3a54e83d87ae97b01', decoding: "async", width: this.width, height: this.height, src: (_a = this.state.image) === null || _a === void 0 ? void 0 : _a.src, draggable: false, onLoad: this.loadImage }), (_b = this.state.detectedObjects) === null || _b === void 0 ? void 0 :
-            _b.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: '80a31f0c2a6291b63acd9fe7958f7dde2c776aed', class: "image-preloader" }, index.h("vviinn-preloader", { key: 'e7d207bde456762ec438c5659e2f6921809b9f50' }))))));
+            } }, index.h("div", { key: '2ad54a9800fab5876f543d5b2ee87687bb9903e0', class: "container" }, index.h("div", { key: '7d80b9e796906f2cc6ae2a0d3bef638e0dd8cbac', class: "image-container", style: { width: `${this.width.toString()}px`, overflow: "hidden" } }, index.h("img", { key: '4d86852740e6e77de4fd368122ade89ed3ac653e', decoding: "async", width: this.width, height: this.height, src: (_a = this.state.image) === null || _a === void 0 ? void 0 : _a.src, draggable: false, onLoad: this.loadImage }), (_b = this.state.detectedObjects) === null || _b === void 0 ? void 0 :
+            _b.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: '62eff0eca821cda5e16ae99112da2c764eb330f1', class: "image-preloader" }, index.h("vviinn-preloader", { key: '04a92436b270f840827e736d4d417085a2835986' }))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -3910,7 +3913,7 @@ const VviinnResults = class {
                 this.getTextSearchResults(this.state.textSearchId);
             }
             else {
-                search_store.makeVisualSearchRequest(this.storeName, this.searchId);
+                search_store.makeVisualSearchRequest(this.storeName, this.state.visualSearchId);
             }
         };
         this.filterTriggeredHandler = ({ detail, }) => {
@@ -3976,8 +3979,8 @@ const VviinnResults = class {
     }
     async componentWillLoad() {
         customizedSlots.slotChangeListener(this, this.el);
-        this.slots = constants$1.findSlotElements(this.el);
-        this.passedSlotNames = constants$1.getSlotNames([...this.parentSlots, ...this.slots]);
+        this.slots = index$3.findSlotElements(this.el);
+        this.passedSlotNames = index$3.getSlotNames([...this.parentSlots, ...this.slots]);
         if (!this.showInWidget) {
             await Rectangle.instance.init({
                 lng: search_store.globalState.locale,
@@ -4036,12 +4039,16 @@ const VviinnResults = class {
         if (!this.uiSessionId) {
             this.uiSessionId = index$2.v4();
         }
-        document.addEventListener("vviinnImageUploadStarted", this.imageUploadStartedHandler);
-        document.addEventListener("vviinnTextSearchStarted", this.textSearchStartedHandler);
-        document.addEventListener("vviinnFiltersChanged", this.filtersChangedHandler);
-        document.addEventListener("vviinnFilterTriggered", this.filterTriggeredHandler);
-        document.addEventListener("vviinnImageCrop", this.imageCropHandler);
-        document.addEventListener("vviinnOneClickDiscoveryClosed", this.oneClickDiscoveryClosedHandler);
+        this.eventAbortController = new AbortController();
+        const { signal } = this.eventAbortController;
+        index$3.addEventListenersWithSignal(document, [
+            ["vviinnImageUploadStarted", this.imageUploadStartedHandler],
+            ["vviinnTextSearchStarted", this.textSearchStartedHandler],
+            ["vviinnFiltersChanged", this.filtersChangedHandler],
+            ["vviinnFilterTriggered", this.filterTriggeredHandler],
+            ["vviinnImageCrop", this.imageCropHandler],
+            ["vviinnOneClickDiscoveryClosed", this.oneClickDiscoveryClosedHandler],
+        ], signal);
         if (!!this.searchId)
             search_store.makeVisualSearchRequest(this.storeName, this.searchId);
         this.getResultsByCategory();
@@ -4049,15 +4056,10 @@ const VviinnResults = class {
         !this.showInWidget && this.getTextSearchResults();
     }
     disconnectedCallback() {
-        var _a;
+        var _a, _b;
         search_store.resetStore(this.storeName, "all");
-        document.removeEventListener("vviinnImageUploadStarted", this.imageUploadStartedHandler);
-        document.removeEventListener("vviinnTextSearchStarted", this.textSearchStartedHandler);
-        document.removeEventListener("vviinnFiltersChanged", this.filtersChangedHandler);
-        document.removeEventListener("vviinnFilterTriggered", this.filterTriggeredHandler);
-        document.removeEventListener("vviinnImageCrop", this.imageCropHandler);
-        document.removeEventListener("vviinnOneClickDiscoveryClosed", this.oneClickDiscoveryClosedHandler);
-        (_a = this.disposeStoreListener) === null || _a === void 0 ? void 0 : _a.call(this);
+        (_a = this.eventAbortController) === null || _a === void 0 ? void 0 : _a.abort();
+        (_b = this.disposeStoreListener) === null || _b === void 0 ? void 0 : _b.call(this);
         this.resizeObserver.disconnect();
     }
     watchTextSearchQuery(newQuery) {
@@ -4190,13 +4192,13 @@ const VviinnResults = class {
     render() {
         var _a;
         const resultsLength = this.getResults().length;
-        return (index.h(index.Host, { key: '01c3147ae6603cf1c353afb3d234c7b4952d3a8d', id: "results-block", class: {
+        return (index.h(index.Host, { key: '4130287ba2797e13e13ef459aefb7454ad529a8a', id: "results-block", class: {
                 "show-in-widget": this.showInWidget,
                 "matching-discovery": this.oneClickDiscoveryMode === "append-slider",
-            }, exportparts: `${index$3.productCardParts}, ${index$3.productCardsGridPart}` }, index.h("div", { key: 'f11e370143ecee3aa4c433ca5cb9c44544705e8a', class: "nothing-found" }, resultsLength === 0 && this.showInWidget && (index.h("vviinn-empty-results", { key: '8e0c25a09e22f03ff2ccd9b08448579095b3f734', handler: () => this === null || this === void 0 ? void 0 : this.resetWidgetState() })), this.showAspectRatioError && this.showInWidget && (index.h("vviinn-wrong-aspect-ratio", { key: '97fc821f704b24da0e5dc23a27c6748f192c9e25', handler: () => this === null || this === void 0 ? void 0 : this.resetWidgetState() }))), index.h("div", { key: 'bac7a906840e576e84961c5fbcff0ffebe2c677c', class: {
+            }, exportparts: `${index$4.productCardParts}, ${index$4.productCardsGridPart}` }, index.h("div", { key: 'cf45f881e64d3e48d4072250799205d5d140207b', class: "nothing-found" }, resultsLength === 0 && this.showInWidget && (index.h("vviinn-empty-results", { key: '28965b07a17bc4215a9d19468148b1d1816b75cc', handler: () => this === null || this === void 0 ? void 0 : this.resetWidgetState() })), this.showAspectRatioError && this.showInWidget && (index.h("vviinn-wrong-aspect-ratio", { key: 'ab5ffce3145e7ef6865efee9d0e24a8dc04d8643', handler: () => this === null || this === void 0 ? void 0 : this.resetWidgetState() }))), index.h("div", { key: '802d30495385f9f4d6b203fd715c207b1253c76d', class: {
                 hidden: this.showAspectRatioError || resultsLength === 0,
                 products: true,
-            }, part: index$3.productCardsGridPart, id: "vviinn-results-products" }, resultsLength > 0 && this.renderResults(), index.h("div", { key: 'e9d7f969ab5a725e7798787405d211e700c74888', id: "one-click-discovery-append", style: {
+            }, part: index$4.productCardsGridPart, id: "vviinn-results-products" }, resultsLength > 0 && this.renderResults(), index.h("div", { key: '488e5683bc1ae77b021b2cdda3d73d00e5b35a84', id: "one-click-discovery-append", style: {
                 order: ((_a = this.oneClickDiscoveryAppendIndex) !== null && _a !== void 0 ? _a : resultsLength).toString(),
             } }))));
     }
@@ -4546,7 +4548,7 @@ const VviinnVpsWidget = class {
             fallbackLng: "en",
             resources: resources.resources,
         });
-        this.slots = constants$1.findSlotElements(this.el);
+        this.slots = index$3.findSlotElements(this.el);
         customizedSlots.slotChangeListener(this, this.el);
         this.vviinnWidgetLoad.emit(this.getBasicEventData());
         this.trackWidgetEvent("load");
@@ -4625,10 +4627,13 @@ const VviinnVpsWidget = class {
         this.state.excluded = search_store.parseStringToExcluded(this.excluded);
         this.uiSessionId = index$2.v4();
         this.widgetElementId = this.el.id;
-        document.addEventListener("vviinnCropperAspectRatioError", this.handleAspectRatioError);
+        this.eventAbortController = new AbortController();
+        const { signal } = this.eventAbortController;
+        index$3.addEventListenersWithSignal(document, [["vviinnCropperAspectRatioError", this.handleAspectRatioError]], signal);
     }
     disconnectedCallback() {
-        document.removeEventListener("vviinnCropperAspectRatioError", this.handleAspectRatioError);
+        var _a;
+        (_a = this.eventAbortController) === null || _a === void 0 ? void 0 : _a.abort();
     }
     trackWidgetEvent(action) {
         const _a = this.getBasicEventData(), rest = __rest(_a, ["campaignTypeId"]);
@@ -4683,26 +4688,26 @@ const VviinnVpsWidget = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h(index.Host, { key: 'd4f54ba50a239b393e6e0d101f3c2c146f768f71', exportparts: `${index$3.modalParts}, ${index$3.productCardParts}, ${index$3.searchBarParts}, ${index$3.searchWidgetFilterParts}, ${index$3.searchWidgetButtonParts}, ${index$3.productCardsGridPart}` }, !this.showingInButton && customizedSlots.SlotSkeleton("search"), index.h("vviinn-overlayed-modal", { key: '2c914b9aab31aaf076b0a92fdb2600de09a37b1f', class: { "first-screen": this.isOnboardingSlide() }, isFirstScreen: this.isOnboardingSlide(), active: this.active, resetState: this.resetState, onVviinnWidgetClose: ({ detail }) => {
+        return (index.h(index.Host, { key: 'c5738fb67466b93d3f119bf6ada9804826fef846', exportparts: `${index$4.modalParts}, ${index$4.productCardParts}, ${index$4.searchBarParts}, ${index$4.searchWidgetFilterParts}, ${index$4.searchWidgetButtonParts}, ${index$4.productCardsGridPart}` }, !this.showingInButton && customizedSlots.SlotSkeleton("search"), index.h("vviinn-overlayed-modal", { key: '1e8ab116b6f7608c11068f2aac44ae54d965d842', class: { "first-screen": this.isOnboardingSlide() }, isFirstScreen: this.isOnboardingSlide(), active: this.active, resetState: this.resetState, onVviinnWidgetClose: ({ detail }) => {
                 if (detail.campaignTypeId !== "VPR")
                     this.handleModalClose();
             }, buttonElementId: (_a = this.buttonElementId) !== null && _a !== void 0 ? _a : this.widgetElementId, widgetVersion: _package.version, hideBackButton: (this.mode === "upload" && this.showingInButton) ||
-                (!this.isCameraEnabled && this.isOnboardingSlide()), exportparts: index$3.modalParts }, index.h("vviinn-slider", { key: 'e66cc061bb5d939bfa3774a4bb4c7b46fbdb7252', position: this.slidePosition }, index.h("vviinn-slide", { key: '32cdf59d1bd01154012d7daf564139ac677e5ea4', class: {
+                (!this.isCameraEnabled && this.isOnboardingSlide()), exportparts: index$4.modalParts }, index.h("vviinn-slider", { key: '2affa844da5a3a7eaeb9daaf78763041987141b1', position: this.slidePosition }, index.h("vviinn-slide", { key: '2c5a8391a7e2bce025cbb667f797814d3ed6b3dc', class: {
                 "start-page": true,
                 "camera-enabled": this.isCameraEnabled,
-            } }, index.h("vviinn-camera", { key: '418143acc4fddea1288718d9f839d4a337506045', onVviinnImageUploadFinished: this.handleVviinnImageUploadFinished, onVviinnImageUploadStarted: () => {
+            } }, index.h("vviinn-camera", { key: '2804c62558ee750995eee136b0c68e2d5aa8265b', onVviinnImageUploadFinished: this.handleVviinnImageUploadFinished, onVviinnImageUploadStarted: () => {
                 this.handleVviinnImageUpload("startCamera");
-            }, basicEventData: this.getBasicEventData(), srcObject: this.stream, cameraButtonClicked: this.isCameraButtonClicked, exampleImageSource: this.exampleImageSource, showInWidget: this.showInWidget, storeName: this.storeName, state: this.state }), index.h("div", { key: 'b0b15d1347137b169bdb0acda55e5da8fbea1a0b', class: {
+            }, basicEventData: this.getBasicEventData(), srcObject: this.stream, cameraButtonClicked: this.isCameraButtonClicked, exampleImageSource: this.exampleImageSource, showInWidget: this.showInWidget, storeName: this.storeName, state: this.state }), index.h("div", { key: '2741ce461985eb0c34f440d973621ece4b1c6087', class: {
                 error: this.haveErrors(),
-            }, id: "start-page_block" }, index.h("div", { key: '3ea6ce99ca5c974544f47818ef24c5820f201515', class: "start-page_main-content" }, (this.wrongImageFormat || this.state.serverError) && (index.h("div", { key: '4153c474b0bebb57d16f844881e509b1e12da553', class: "start-page_errors-block" }, index.h("vviinn-wrong-format", { key: 'eb3a12ccfe34b2c8355e0222be1207aa22ea9ac0', class: { hidden: !this.wrongImageFormat }, handler: () => this.resetState() }), index.h("vviinn-server-error", { key: 'f14931c8e1d0b3808994cdc94e5b41bcd0f12896', class: { hidden: !this.state.serverError }, handler: () => this.resetState() }))), !this.haveErrors() && (index.h(index.Fragment, { key: 'b57de4bb5c9cfd2425dec113584c9b9ed26bb5ac' }, index.h("vviinn-teaser", { key: '25b5f5e51532f28901acdfae7e3b3b498e8f71e5' }), index.h("div", { key: '5635e68c3a6da9a234cdfd0cb89d302ccbc9ed3a', class: "buttons-group" }, this.renderButtons()), this.textSearchShow && (index.h("vviinn-text-search", { key: 'e1653def9f6829084e4671f56cac4c947f523548', token: search_store.globalState.token, apiPath: search_store.globalState.apiPath, locale: search_store.globalState.locale, showInWidget: true, showOnFirstScreen: true, searchQuery: this.textSearchQuery, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), "save-image-mode": "never" }))))), index.h("vviinn-privacy-badge", { key: 'fef4ac05c2122274e1b9d8403c2cd4152301db4a', privacyBadgeText: Rectangle.instance.t("privacyBadgeText", {
+            }, id: "start-page_block" }, index.h("div", { key: '49401113b70d469d56f4fa3668c49b8746dd54de', class: "start-page_main-content" }, (this.wrongImageFormat || this.state.serverError) && (index.h("div", { key: '2c91e1b9999c175583ebf5b27862d77e97ae86f1', class: "start-page_errors-block" }, index.h("vviinn-wrong-format", { key: '86070e8af39765c8678af29933d1e1869073a0e0', class: { hidden: !this.wrongImageFormat }, handler: () => this.resetState() }), index.h("vviinn-server-error", { key: 'f92dbd1a986c949e245ecaf8b367f401eb69d753', class: { hidden: !this.state.serverError }, handler: () => this.resetState() }))), !this.haveErrors() && (index.h(index.Fragment, { key: '6039f9b062946cbc08a0503be3ce23cafc6cf30a' }, index.h("vviinn-teaser", { key: '705f22147cfb02b8a7936ab7fa4736025dac5ab0' }), index.h("div", { key: '481b524aefa54cd7b3270002fde6a65afb69f0ab', class: "buttons-group" }, this.renderButtons()), this.textSearchShow && (index.h("vviinn-text-search", { key: '3f02db2dfd75b50f1918abf96f71a1876124953d', token: search_store.globalState.token, apiPath: search_store.globalState.apiPath, locale: search_store.globalState.locale, showInWidget: true, showOnFirstScreen: true, searchQuery: this.textSearchQuery, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), "save-image-mode": "never" }))))), index.h("vviinn-privacy-badge", { key: '66d67bff12b6341197acb41e1d67137f62c5807b', privacyBadgeText: Rectangle.instance.t("privacyBadgeText", {
                 interpolation: { escapeValue: false },
-            }), class: { invisible: this.haveErrors() } }))), index.h("vviinn-slide", { key: 'fd15ce24bee0b78886145c3e3d9f4ad29d14b852', class: {
+            }), class: { invisible: this.haveErrors() } }))), index.h("vviinn-slide", { key: '5500e9601a8dcaebbe8b5af0e911528f5a9e293d', class: {
                 "results-page": true,
                 active: this.isResultSlide(),
-            } }, this.isResultSlide() && (index.h("div", { key: '6d8994850e600ef04072aec3dc88fe94fc94e194', class: "source-wrapper" }, this.state.searchType === "text" ? (index.h("vviinn-text-search", { token: this.token, showInWidget: true, searchQuery: this.textSearchQuery, apiPath: this.apiPath, locale: this.locale, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), "save-image-mode": "never" })) : (index.h("vviinn-cropper", { basicEventData: this.getBasicEventData(), showAspectRatioError: this.showAspectRatioError, apiPath: this.apiPath, showInWidget: true, "save-image-mode": "never" })), ((_b = this.state.dynamicFilters) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("div", { key: '465f732964bf517d95f86de3a180f057df8fbf22', class: {
+            } }, this.isResultSlide() && (index.h("div", { key: '24f1ae2b4d20dc7cb30d9cee2b27ad20bc5d326b', class: "source-wrapper" }, this.state.searchType === "text" ? (index.h("vviinn-text-search", { token: this.token, showInWidget: true, searchQuery: this.textSearchQuery, apiPath: this.apiPath, locale: this.locale, uiSessionId: this.uiSessionId, basicEventData: this.getBasicEventData(true), "save-image-mode": "never" })) : (index.h("vviinn-cropper", { basicEventData: this.getBasicEventData(), showAspectRatioError: this.showAspectRatioError, apiPath: this.apiPath, showInWidget: true, "save-image-mode": "never" })), ((_b = this.state.dynamicFilters) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("div", { key: 'f54fc565fc457ae649cc02864e26c41f40c91105', class: {
                 "filters-wrapper": true,
                 hidden: this.showAspectRatioError,
-            } }, index.h("vviinn-filters", { key: '3c28d99c105d858503646b4266d1bcc1d7ae4473', class: "preview-filters", showInWidget: true, exportparts: index$3.filtersParts }), index.h("vviinn-extended-filters", { key: '2df9ec5937f09f792b2323e84ffebba2fe9a04f7', class: "preview-extended-filters", mode: "preview", showHeader: false, exportparts: index$3.extendedFiltersParts, showInWidget: true }), index.h("vviinn-extended-filters-button", { key: '6c4d1308abd13e73a730488d2ef100ef5d04fe9b', class: "extended-filters-button", exportparts: "extended-filters-button", showInWidget: true }))))), this.isResultSlide() && (index.h("vviinn-results", { key: '024d97470e701ddc323f03d8c3d2c1c0a44626d8', token: search_store.globalState.token, locale: search_store.globalState.locale, pricePrefix: search_store.globalState.pricePrefix, "currency-sign": search_store.globalState.currencySign, apiPath: search_store.globalState.apiPath, campaignIdTextSearch: this.campaignIdTextSearch, campaignIdVisualSearch: this.campaignIdVisualSearch, uiSessionId: this.uiSessionId, widgetElementId: (_c = this.buttonElementId) !== null && _c !== void 0 ? _c : this.widgetElementId, showInWidget: true, buttonElementId: this.buttonElementId, imageResolutionWidth: this.imageResolutionWidth, productDetailsNewTab: this.productDetailsNewTab, productDetailsRedirect: this.productDetailsRedirect, addToBasketShow: this.addToBasketShow, favoriteShow: this.favoriteShow, showAspectRatioError: this.showAspectRatioError, resetWidgetState: this.resetState, replaceSlotsContentInWidget: this.replaceSlotsContent.bind(this), replaceSlotsContentInButton: this.replaceSlotsContentInButton, textSearchQuery: this.textSearchQuery, addPriceContainer: this.addPriceContainer, oneClickDiscoveryMode: (_d = this.oneClickDiscoveryMode) !== null && _d !== void 0 ? _d : (this.oneClickDiscoveryShow ? "append-grid" : undefined), oneClickDiscoveryCampaigns: this.oneClickDiscoveryCampaigns, parentSlots: [...this.parentSlots, ...this.slots], scrollableModalBody: this.modalBody })))), index.h("vviinn-extended-filters", { key: 'c927dfdeda2a4bdba3f6f5fb04d17db6f16e3019', class: "modal-extended-filters", mode: "modal", exportparts: index$3.extendedFiltersParts, showInWidget: true }))));
+            } }, index.h("vviinn-filters", { key: '58933172e973e0bff76aa55d525c55b966ca4453', class: "preview-filters", showInWidget: true, exportparts: index$4.filtersParts }), index.h("vviinn-extended-filters", { key: '6197bd739eaa770b819842b18cf9869eb00ae5ad', class: "preview-extended-filters", mode: "preview", showHeader: false, exportparts: index$4.extendedFiltersParts, showInWidget: true }), index.h("vviinn-extended-filters-button", { key: 'b0b88f608e65e4b90c693a7bcfffab68e6c1347f', class: "extended-filters-button", exportparts: "extended-filters-button", showInWidget: true }))))), this.isResultSlide() && (index.h("vviinn-results", { key: 'e4a18c06c375d3d0ab311a7721a8dbf0c2e4774f', token: search_store.globalState.token, locale: search_store.globalState.locale, pricePrefix: search_store.globalState.pricePrefix, "currency-sign": search_store.globalState.currencySign, apiPath: search_store.globalState.apiPath, campaignIdTextSearch: this.campaignIdTextSearch, campaignIdVisualSearch: this.campaignIdVisualSearch, uiSessionId: this.uiSessionId, widgetElementId: (_c = this.buttonElementId) !== null && _c !== void 0 ? _c : this.widgetElementId, showInWidget: true, buttonElementId: this.buttonElementId, imageResolutionWidth: this.imageResolutionWidth, productDetailsNewTab: this.productDetailsNewTab, productDetailsRedirect: this.productDetailsRedirect, addToBasketShow: this.addToBasketShow, favoriteShow: this.favoriteShow, showAspectRatioError: this.showAspectRatioError, resetWidgetState: this.resetState, replaceSlotsContentInWidget: this.replaceSlotsContent.bind(this), replaceSlotsContentInButton: this.replaceSlotsContentInButton, textSearchQuery: this.textSearchQuery, addPriceContainer: this.addPriceContainer, oneClickDiscoveryMode: (_d = this.oneClickDiscoveryMode) !== null && _d !== void 0 ? _d : (this.oneClickDiscoveryShow ? "append-grid" : undefined), oneClickDiscoveryCampaigns: this.oneClickDiscoveryCampaigns, parentSlots: [...this.parentSlots, ...this.slots], scrollableModalBody: this.modalBody })))), index.h("vviinn-extended-filters", { key: 'f846bbbd4d6c62305e45666d1eeec2e627d1fc2f', class: "modal-extended-filters", mode: "modal", exportparts: index$4.extendedFiltersParts, showInWidget: true }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-A2FtmPS7.js');
 var search_store = require('./search.store-BLHPjH2B.js');
-var _package = require('./package-CTmKiTyO.js');
+var _package = require('./package-DeG1AEbB.js');
 var index$1 = require('./index-D_wGgGZa.js');
 var constants = require('./constants-CgBx7Czu.js');
 var Rectangle = require('./Rectangle-oExct0ft.js');
@@ -10,6 +10,7 @@ var customizedSlots = require('./customized-slots-Da3rVnNM.js');
 var index$2 = require('./index-DYvhURIh.js');
 var triggerFilter = require('./triggerFilter-CJzx3fGm.js');
 var resources = require('./resources-fyqfpLC2.js');
+var index$3 = require('./index-B7VfQ5vd.js');
 
 const BasketIcon = () => (index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     index.h("g", { id: "shopping-bag" },
@@ -729,17 +730,25 @@ const VviinnExtendedFilters = class {
     connectedCallback() {
         const { state } = search_store.useSearchStore(this.showInWidget);
         this.state = state;
-        document.addEventListener("vviinnFiltersChanged", this.handleFiltersChanged);
-        document.addEventListener("vviinnSelectedFiltersReset", this.handleSelectedFiltersReset);
-        this.mode !== "preview" &&
-            document.addEventListener("vviinnExtendedFiltersButtonClicked", this.handleExtendedFiltersButtonClicked);
+        this.eventAbortController = new AbortController();
+        const { signal } = this.eventAbortController;
+        index$3.addEventListenersWithSignal(document, [
+            ["vviinnFiltersChanged", this.handleFiltersChanged],
+            ["vviinnSelectedFiltersReset", this.handleSelectedFiltersReset],
+            ...(this.mode !== "preview"
+                ? [
+                    [
+                        "vviinnExtendedFiltersButtonClicked",
+                        this.handleExtendedFiltersButtonClicked,
+                    ],
+                ]
+                : []),
+        ], signal);
         this.filtersStringWatcher();
     }
     disconnectedCallback() {
-        document.addEventListener("vviinnFiltersChanged", this.handleFiltersChanged);
-        document.addEventListener("vviinnSelectedFiltersReset", this.handleSelectedFiltersReset);
-        this.mode !== "preview" &&
-            document.removeEventListener("vviinnExtendedFiltersButtonClicked", this.handleExtendedFiltersButtonClicked);
+        var _a;
+        (_a = this.eventAbortController) === null || _a === void 0 ? void 0 : _a.abort();
     }
     getAsideElement() {
         return this.el.shadowRoot.querySelector("aside");
@@ -761,9 +770,9 @@ const VviinnExtendedFilters = class {
     }
     render() {
         const filters = this.getFilters();
-        return (index.h(index.Host, { key: '982b6b78f6e27996a540d906fd5651c02514d068', class: {
+        return (index.h(index.Host, { key: '8a4ef085c41ae1b683d9cae4f700950b259aa146', class: {
                 "show-in-widget": this.showInWidget,
-            } }, customizedSlots.SlotSkeleton("filters"), (filters === null || filters === void 0 ? void 0 : filters.length) > 0 && this.mode === "button" && (index.h("vviinn-extended-filters-button", { key: '2fd7c42697106608be4953483dac2537de08d9b8' })), this.renderModal(filters)));
+            } }, customizedSlots.SlotSkeleton("filters"), (filters === null || filters === void 0 ? void 0 : filters.length) > 0 && this.mode === "button" && (index.h("vviinn-extended-filters-button", { key: '8a79f04a7eb3855c289a22cee25e1e1eb3e8a4c2' })), this.renderModal(filters)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -879,26 +888,29 @@ const VviinnFilters = class {
     connectedCallback() {
         const { state } = search_store.useSearchStore(this.showInWidget);
         this.state = state;
-        document.addEventListener("vviinnFiltersChanged", this.handleFiltersChanged);
-        document.addEventListener("vviinnSelectedFiltersReset", this.handleSelectedFiltersReset);
-        document.addEventListener("vviinnFilterTriggered", this.handleFilterTriggered);
+        this.eventAbortController = new AbortController();
+        const { signal } = this.eventAbortController;
+        index$3.addEventListenersWithSignal(document, [
+            ["vviinnFiltersChanged", this.handleFiltersChanged],
+            ["vviinnSelectedFiltersReset", this.handleSelectedFiltersReset],
+            ["vviinnFilterTriggered", this.handleFilterTriggered],
+        ], signal);
         this.filtersStringWatcher();
     }
     disconnectedCallback() {
-        document.removeEventListener("vviinnFiltersChanged", this.handleFiltersChanged);
-        document.removeEventListener("vviinnSelectedFiltersReset", this.handleSelectedFiltersReset);
-        document.removeEventListener("vviinnFilterTriggered", this.handleFilterTriggered);
+        var _a;
+        (_a = this.eventAbortController) === null || _a === void 0 ? void 0 : _a.abort();
     }
     render() {
         var _a;
         const filters = this.getFilters().filter((filter) => filter.isPrimary);
         const { column } = (_a = this.selectedFilter) !== null && _a !== void 0 ? _a : {};
         const filterOptions = getFilterOptions(this.selectedFilter);
-        return (index.h(index.Host, { key: 'f9c94f81573fc12c516b2318143d7e61b08d553e', class: {
+        return (index.h(index.Host, { key: 'ac3c346440969183059de30ec9aa055d7b7b2f64', class: {
                 "show-in-widget": this.showInWidget,
-            } }, (filters === null || filters === void 0 ? void 0 : filters.length) > 0 && (index.h("ul", { key: '10470d638f61a6b50adc629b6c7120a90dbc13f8', class: "main-filters-list", part: "filters-list" }, filters.map((filter) => {
+            } }, (filters === null || filters === void 0 ? void 0 : filters.length) > 0 && (index.h("ul", { key: 'e27099922c14511101044370e6df8cea89a4c462', class: "main-filters-list", part: "filters-list" }, filters.map((filter) => {
             return (index.h("li", null, index.h("button", { class: `filters-main-button ${this.showActiveOnMainButton(filter)}`, onClick: () => this.handleMainFilterSelection(filter), part: "filters-main-button" }, filter.label)));
-        }))), !!this.selectedFilter && this.selectedFilter.isPrimary && (index.h("div", { key: 'd80bc074fb51878f0a754862a2a930f8558f4a6c', class: "filters-footer", part: "filters-footer" }, triggerFilter.isIntervalFilter(column) ? (index.h("vviinn-price-range", { histogram: filterOptions.filter((item) => item.value.frequency > 0), priceChangeHandler: this.priceChangeHandler, selectedInterval: this.getSelectedPriceInterval() })) : (index.h("ul", { class: "sub-filters-wrapper", part: "filters-footer-list" }, !!filterOptions &&
+        }))), !!this.selectedFilter && this.selectedFilter.isPrimary && (index.h("div", { key: 'e5b10d63489aea533cf52d8f80bcdf2894aebc6d', class: "filters-footer", part: "filters-footer" }, triggerFilter.isIntervalFilter(column) ? (index.h("vviinn-price-range", { histogram: filterOptions.filter((item) => item.value.frequency > 0), priceChangeHandler: this.priceChangeHandler, selectedInterval: this.getSelectedPriceInterval() })) : (index.h("ul", { class: "sub-filters-wrapper", part: "filters-footer-list" }, !!filterOptions &&
             filterOptions.map(({ value, label, active }) => {
                 const isSelected = triggerFilter.isSubFilterActive(this.requestFilters, value, this.selectedFilter);
                 return triggerFilter.RenderFilterButton({
@@ -1359,14 +1371,25 @@ const VviinnProductCard = class {
         search_store._functionExports.pipe(getAnalyticsModule, search_store.OptionExports.match(() => null, (analytics) => analytics.sendClick(this.getProduct())));
     }
     addLinksEventListeners() {
+        this.linkEventAbortController = new AbortController();
+        const { signal } = this.linkEventAbortController;
         const links = this.el.shadowRoot.querySelectorAll("a");
         links.forEach((link) => {
-            link.addEventListener("click", this.productClickHandler.bind(this));
-            link.addEventListener("auxclick", () => {
+            const clickHandler = this.productClickHandler.bind(this);
+            const auxClickHandler = () => {
                 this.vviinnAuxClick.emit(Object.assign({}, this.productData));
-            });
+            };
+            index$3.addEventListenersWithSignal(link, [
+                ["click", clickHandler],
+                ["auxclick", auxClickHandler],
+            ], signal);
         });
     }
+    disconnectedCallback() {
+        var _a, _b;
+        (_a = this.linkEventAbortController) === null || _a === void 0 ? void 0 : _a.abort();
+        (_b = this.intersectionObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+    }
     getProduct() {
         return search_store.searchState.results.find((r) => r.productId === this.productId);
     }

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

@@ -5,9 +5,10 @@ var search_store = require('./search.store-BLHPjH2B.js');
 var Rectangle = require('./Rectangle-oExct0ft.js');
 var WarningIcon = require('./WarningIcon-DOMzuRV9.js');
 var customizedSlots = require('./customized-slots-Da3rVnNM.js');
-var _package = require('./package-CTmKiTyO.js');
+var _package = require('./package-DeG1AEbB.js');
 var index$1 = require('./index-DYvhURIh.js');
 var constants = require('./constants-CgBx7Czu.js');
+var index$2 = require('./index-B7VfQ5vd.js');
 
 const SecondaryActionIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
     index.h("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" })));
@@ -235,7 +236,7 @@ const VviinnVprButton = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '09dfd61dbbc3bc43ae2d4cc034faa105d676999f', onClick: () => {
+        return (index.h(index.Host, { key: '7ba746d38e2891f961af15d0aa57653b417b8e4a', onClick: () => {
                 if (this.appendSidebarToId && !this.targetAppendSidebarTo) {
                     setTimeout(() => {
                         this.handleClick();
@@ -244,7 +245,7 @@ const VviinnVprButton = class {
                 else {
                     this.handleClick();
                 }
-            }, role: "button", tabindex: "0" }, index.h("vviinn-button", { key: '60b4167b9189c9b396c003a043ed231776bf8210', addStyle: this.addStyle, part: "vviinn-button" }, index.h("slot", { key: '158ae74be03b06097840931dba71301354368ac8' }, this.campaignType === "VCS" ? (index.h(CrossSellingIcon, { width: this.iconSideSize, height: this.iconSideSize })) : (index.h(SimilarProductsIcon, { width: this.iconSideSize, height: this.iconSideSize }))))));
+            }, role: "button", tabindex: "0" }, index.h("vviinn-button", { key: '557da5e4a5828fc68ef47f4320d75546d420b609', addStyle: this.addStyle, part: "vviinn-button" }, index.h("slot", { key: '8c68592b700325c440f12a5d6155eaad79a7a64a' }, this.campaignType === "VCS" ? (index.h(CrossSellingIcon, { width: this.iconSideSize, height: this.iconSideSize })) : (index.h(SimilarProductsIcon, { width: this.iconSideSize, height: this.iconSideSize }))))));
     }
     handleClick() {
         const sidebar = document.createElement("vviinn-recommendations-sidebar");
@@ -293,7 +294,9 @@ const VviinnVprButton = class {
             sidebar.useCarousel = this.position === "bottom";
         }
         this.sidebar = sidebar;
-        document.addEventListener("vviinnWidgetClose", this.sidebarCloseListener);
+        this.eventAbortController = new AbortController();
+        const { signal } = this.eventAbortController;
+        index$2.addEventListenersWithSignal(document, [["vviinnWidgetClose", this.sidebarCloseListener]], signal);
         if (this.targetAppendSidebarTo) {
             this.sidebar.showInCustomContainer = true;
             this.targetAppendSidebarTo.innerHTML = "";
@@ -303,11 +306,9 @@ const VviinnVprButton = class {
         document.body.append(this.sidebar);
     }
     disconnectedCallback() {
-        var _a;
-        if (this.sidebar) {
-            document.removeEventListener("vviinnWidgetClose", this.sidebarCloseListener);
-        }
-        (_a = this.disposeStoreListener) === null || _a === void 0 ? void 0 : _a.call(this);
+        var _a, _b;
+        (_a = this.eventAbortController) === null || _a === void 0 ? void 0 : _a.abort();
+        (_b = this.disposeStoreListener) === null || _b === void 0 ? void 0 : _b.call(this);
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -6,6 +6,7 @@ var search_store = require('./search.store-BLHPjH2B.js');
 var Rectangle = require('./Rectangle-oExct0ft.js');
 var resources = require('./resources-fyqfpLC2.js');
 var index$1 = require('./index-C3G9W48a.js');
+var index$2 = require('./index-B7VfQ5vd.js');
 
 const TextIcon = () => (index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     index.h("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
@@ -130,12 +131,16 @@ const VviinnSelectedFilters = class {
     connectedCallback() {
         const { state } = search_store.useSearchStore(this.showInWidget);
         this.state = state;
-        document.addEventListener("vviinnFiltersChanged", this.handleFiltersChanged);
-        document.addEventListener("vviinnFilterTriggered", this.handleFilterTriggered);
-        document.addEventListener("vviinnSelectedFiltersReset", this.handleSelectedFiltersReset);
-        document.addEventListener("vviinnImageUploadStarted", this.handleImageUploadStarted);
-        document.addEventListener("vviinnImageUploadFinished", this.handleImageUploadFinished);
-        document.addEventListener("vviinnImageCrop", this.handleImageCrop);
+        this.eventAbortController = new AbortController();
+        const { signal } = this.eventAbortController;
+        index$2.addEventListenersWithSignal(document, [
+            ["vviinnFiltersChanged", this.handleFiltersChanged],
+            ["vviinnFilterTriggered", this.handleFilterTriggered],
+            ["vviinnSelectedFiltersReset", this.handleSelectedFiltersReset],
+            ["vviinnImageUploadStarted", this.handleImageUploadStarted],
+            ["vviinnImageUploadFinished", this.handleImageUploadFinished],
+            ["vviinnImageCrop", this.handleImageCrop],
+        ], signal);
     }
     async componentWillLoad() {
         this.getUploadedImageSrc();
@@ -149,12 +154,8 @@ const VviinnSelectedFilters = class {
         this.replaceSlotsContent();
     }
     disconnectedCallback() {
-        document.removeEventListener("vviinnFiltersChanged", this.handleFiltersChanged);
-        document.removeEventListener("vviinnFilterTriggered", this.handleFilterTriggered);
-        document.removeEventListener("vviinnSelectedFiltersReset", this.handleSelectedFiltersReset);
-        document.removeEventListener("vviinnImageUploadStarted", this.handleImageUploadStarted);
-        document.removeEventListener("vviinnImageUploadFinished", this.handleImageUploadFinished);
-        document.removeEventListener("vviinnImageCrop", this.handleImageCrop);
+        var _a;
+        (_a = this.eventAbortController) === null || _a === void 0 ? void 0 : _a.abort();
     }
     componentWillRender() {
         var _a;
@@ -180,9 +181,9 @@ const VviinnSelectedFilters = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: 'f833bd49b706dac3351b9601f42f235130767e6c', class: {
+        return (index.h(index.Host, { key: '092778e5d05c7f11b9f360d9d7eafd739999d909', class: {
                 "show-in-widget": this.showInWidget,
-            } }, index.h("ul", { key: '760b94867d45706723ff679302c8b3602849f9dc', class: "selected-filters-wrapper", part: "selected-filters-list" }, RenderCustomButton({
+            } }, index.h("ul", { key: '1f81b7813bceea2153128678e713761b4a63c30f', class: "selected-filters-wrapper", part: "selected-filters-list" }, RenderCustomButton({
             label: this.textSearchCustomFilter,
             buttonType: "text",
             hidden: !((_a = this.textSearchCustomFilter) === null || _a === void 0 ? void 0 : _a.length),

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

@@ -5,7 +5,8 @@ var search_store = require('./search.store-BLHPjH2B.js');
 var customizedSlots = require('./customized-slots-Da3rVnNM.js');
 var Rectangle = require('./Rectangle-oExct0ft.js');
 var resources = require('./resources-fyqfpLC2.js');
-var index$1 = require('./index-DYvhURIh.js');
+var index$2 = require('./index-DYvhURIh.js');
+var index$1 = require('./index-B7VfQ5vd.js');
 
 const TextSearchIcon = () => (index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     index.h("path", { d: "M20.6 4.57C17.39 4.19 16.88 3.68 16.42 0.37C16.38 0.15 16.22 0 16.01 0C15.8 0 15.63 0.15 15.59 0.37C15.12 3.66 14.63 4.13 11.41 4.57C11.17 4.61 11.01 4.77 11.01 5C11.01 5.23 11.17 5.39 11.41 5.42C14.63 5.81 15.14 6.31 15.59 9.62C15.63 9.84 15.8 10 16.01 10C16.22 10 16.39 9.84 16.42 9.62C16.89 6.31 17.39 5.81 20.6 5.42C20.84 5.38 21 5.22 21 5C21 4.78 20.83 4.6 20.6 4.57Z", fill: "#525252" }),
@@ -154,12 +155,16 @@ const VviinnTextSearch = class {
         const { state, storeName } = search_store.useSearchStore(this.showInWidget);
         this.state = state;
         this.storeName = storeName;
-        document.addEventListener("vviinnFilterTriggered", this.filterTriggeredHandler);
-        document.addEventListener("vviinnImageUploadFinished", this.imageUploadFinishedHandler);
+        this.eventAbortController = new AbortController();
+        const { signal } = this.eventAbortController;
+        index$1.addEventListenersWithSignal(document, [
+            ["vviinnFilterTriggered", this.filterTriggeredHandler],
+            ["vviinnImageUploadFinished", this.imageUploadFinishedHandler],
+        ], signal);
     }
     disconnectedCallback() {
-        document.removeEventListener("vviinnFilterTriggered", this.filterTriggeredHandler);
-        document.removeEventListener("vviinnImageUploadFinished", this.imageUploadFinishedHandler);
+        var _a;
+        (_a = this.eventAbortController) === null || _a === void 0 ? void 0 : _a.abort();
         clearTimeout(this.triggerTooltipStart);
         clearTimeout(this.triggerTooltipEnd);
     }
@@ -228,8 +233,8 @@ const VviinnTextSearch = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c4929073c1229ccdc941c4168ce4c20e7ab86748', exportparts: index$1.searchBarParts }, index.h("div", { key: '6b18110e89fce5f80de212cdcd8bb4aa93c9a252', class: "text-search-container", part: "text-search-container" }, index.h("input", { key: 'd65c310e2ead8f2e918e29c23c6ee6810d3f023f', class: "text-search-input", part: "text-search-input", type: "text", placeholder: this.getPlaceholderText(), value: this.searchQuery, onInput: (event) => this.handleInputChange(event), onKeyUp: (event) => this.handleKeyPress(event) }), this.mode === "extended" && (index.h("vviinn-vps-button", { key: '63c12d90c876c52d3b1ac0672657ba9034d566e2', token: search_store.globalState.token, locale: search_store.globalState.locale, apiPath: search_store.globalState.apiPath, addStyle: false, showInWidget: false, exportparts: "vviinn-button" })), this.mode === "basic" && (index.h("slot", { key: 'b0d3250b809ea692bff4a0c9f8ae9c88e4afe702', name: "vviinn-text-search-actions" })), (this.mode === "extended" || this.showInWidget) &&
-            this.recognition && (index.h("button", { key: 'f59432039bddcae76e224e9ad4dd1dc4a57f56da', class: "speech-button", part: "speech-button", onClick: () => this.handleSpeech() }, index.h(MicIcon, { key: '155bee4ac5cb4e7b86ffcd28483027d36a378caa' }), this.isShowRecording() && (index.h("span", { key: 'da1ab308baab739ccb48f0eb68f32c6c40b68e30', class: "recording-indicator" })))), index.h("button", { key: 'bbe403e8e4a5940fa43f884782a788765d55b846', class: "text-search-button", part: "text-search-button", onClick: () => this.handleTextSearch(), disabled: this.state.loading }, this.isShowPreloader() ? (index.h("vviinn-preloader", null)) : (index.h("slot", { name: "vviinn-text-search-icon" }, index.h(TextSearchIcon, null))))), this.showTooltip && (index.h("p", { key: '8e40fff9010c28394a8896d5387a5c4141d72f19', class: "text-search-tooltip", part: "text-search-tooltip" }, Rectangle.instance.t(this.tooltipText)))));
+        return (index.h(index.Host, { key: 'fea1ae2912905e8002a61b98f88272b5606e6bc1', exportparts: index$2.searchBarParts }, index.h("div", { key: '2bfdaed4f750b539c188e4dc86fcfb8f21fc5eba', class: "text-search-container", part: "text-search-container" }, index.h("input", { key: '70c93d58739345c6ddb9aa1cc441b9358c3191f5', class: "text-search-input", part: "text-search-input", type: "text", placeholder: this.getPlaceholderText(), value: this.searchQuery, onInput: (event) => this.handleInputChange(event), onKeyUp: (event) => this.handleKeyPress(event) }), this.mode === "extended" && (index.h("vviinn-vps-button", { key: '371a9346320a0f889eb823c7c7333728be68b1ad', token: search_store.globalState.token, locale: search_store.globalState.locale, apiPath: search_store.globalState.apiPath, addStyle: false, showInWidget: false, exportparts: "vviinn-button" })), this.mode === "basic" && (index.h("slot", { key: '72a8e429c39ca5cd3af4d3ba52b863bcaaa9e674', name: "vviinn-text-search-actions" })), (this.mode === "extended" || this.showInWidget) &&
+            this.recognition && (index.h("button", { key: 'a9235dad1dabc1bcf387b0af0866d0941bdcc212', class: "speech-button", part: "speech-button", onClick: () => this.handleSpeech() }, index.h(MicIcon, { key: '72b1034441cd79b45c24de4eaf58ee9a01526f80' }), this.isShowRecording() && (index.h("span", { key: 'f612982ac800d1ed8c89c22b3eaad656d81d7fd1', class: "recording-indicator" })))), index.h("button", { key: '2a086eca7d9dbc228dbb6b2bde8c81a75b701747', class: "text-search-button", part: "text-search-button", onClick: () => this.handleTextSearch(), disabled: this.state.loading }, this.isShowPreloader() ? (index.h("vviinn-preloader", null)) : (index.h("slot", { name: "vviinn-text-search-icon" }, index.h(TextSearchIcon, null))))), this.showTooltip && (index.h("p", { key: '14fcb7c58089030f32db8f8c2b3fa9da9fe31c0b', class: "text-search-tooltip", part: "text-search-tooltip" }, Rectangle.instance.t(this.tooltipText)))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -2,7 +2,8 @@
 
 var index = require('./index-A2FtmPS7.js');
 var customizedSlots = require('./customized-slots-Da3rVnNM.js');
-var constants$1 = require('./constants-wmamV_ry.js');
+var constants$1 = require('./constants-DHaugTOE.js');
+var index$1 = require('./index-B7VfQ5vd.js');
 var constants = require('./constants-CgBx7Czu.js');
 
 const SearchModalCameraIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
@@ -85,7 +86,7 @@ const VviinnVpsButton = class {
         }
     }
     componentWillLoad() {
-        this.slots = constants$1.findSlotElements(this.el);
+        this.slots = index$1.findSlotElements(this.el);
     }
     componentDidLoad() {
         this.replaceSlotsContent();