vviinn-widgets 2.226.3 → 2.227.1

package/README.md

@@ -72,7 +72,7 @@ defineCustomElements();
 ```
 
 Angular needs `CUSTOM_ELEMENTS_SCHEMA`, and Vue needs the `isCustomElement` compiler option;
-both are covered in the [installation guide](https://widgets.vviinn.com/?path=/docs/getting-started-installation--docs).
+both are covered in the [installation guide](https://docs.vviinn.com/widgets/getting-started/installation/).
 
 ## Usage
 
@@ -134,9 +134,11 @@ notice.
 
 ## Documentation
 
-- **Widget docs and live playground:** https://widgets.vviinn.com — props, events, CSS
-  variables, CSS parts and slots for every public component.
-- **API documentation:** https://docs.vviinn.com
+- **Widget documentation:** https://docs.vviinn.com/widgets/ — integration guides, events
+  and customization for every widget.
+- **Live playground:** https://widgets.vviinn.com — try the widgets with their props, CSS
+  variables, CSS parts and slots, and read the widget changelog.
+- **API documentation:** https://docs.vviinn.com/api/
 - **Release notes:** [CHANGELOG.md](https://github.com/vviinn/widgets/blob/develop/CHANGELOG.md)
 
 ## Contributing

package/dist/cjs/{Rectangle-BAynbVmH.js → Rectangle-C7YEjoJP.js}

@@ -1,13 +1,13 @@
 /*!
- * vviinn-widgets v2.226.3
+ * vviinn-widgets v2.227.1
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/NOTICE
  */
 'use strict';
 
-var store = require('./store-DviebCXf.js');
+var store = require('./store-DP-BHWKc.js');
 
 var Apply$1 = {};
 

package/dist/cjs/{SecondaryActionIcon-Ct9s2ePH.js → SecondaryActionIcon-CsYodCdS.js}

@@ -1,13 +1,13 @@
 /*!
- * vviinn-widgets v2.226.3
+ * vviinn-widgets v2.227.1
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/NOTICE
  */
 'use strict';
 
-var index = require('./index-CfBEHd3i.js');
+var index = require('./index-qn892fyO.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" })));

package/dist/cjs/{app-globals-CDLKBsOV.js → app-globals-CRcD2vMJ.js}

@@ -1,9 +1,9 @@
 /*!
- * vviinn-widgets v2.226.3
+ * vviinn-widgets v2.227.1
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/NOTICE
  */
 'use strict';
 

package/dist/cjs/{cropperUtils-D5GmhKJx.js → cropperUtils-Cy7tuzJr.js}

@@ -1,13 +1,13 @@
 /*!
- * vviinn-widgets v2.226.3
+ * vviinn-widgets v2.227.1
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/NOTICE
  */
 'use strict';
 
-var store = require('./store-DviebCXf.js');
+var store = require('./store-DP-BHWKc.js');
 
 var cropper$1 = {exports: {}};
 

package/dist/cjs/{cssUrlHelper-BWbrM54g.js → cssUrlHelper-BXzVWweD.js}

@@ -1,13 +1,13 @@
 /*!
- * vviinn-widgets v2.226.3
+ * vviinn-widgets v2.227.1
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/NOTICE
  */
 'use strict';
 
-var index = require('./index-CfBEHd3i.js');
+var index = require('./index-qn892fyO.js');
 
 const SEARCH_WIDGET_IMAGE_RESOLUTION_WIDTH = 320;
 const RESULTS_WIDGET_IMAGE_RESOLUTION_WIDTH = 500;

package/dist/cjs/{exampleImage-Vk0ybVb3.js → exampleImage-BSaNPKJV.js}

@@ -1,9 +1,9 @@
 /*!
- * vviinn-widgets v2.226.3
+ * vviinn-widgets v2.227.1
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/NOTICE
  */
 'use strict';
 

package/dist/cjs/{index-Dn244VmS.js → index--w4RDaLU.js}

@@ -1,15 +1,15 @@
 /*!
- * vviinn-widgets v2.226.3
+ * vviinn-widgets v2.227.1
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/NOTICE
  */
 'use strict';
 
-var index = require('./index-CfBEHd3i.js');
-var search_store = require('./search.store-C8Q3XmeF.js');
-var store = require('./store-DviebCXf.js');
+var index = require('./index-qn892fyO.js');
+var search_store = require('./search.store-BWUQXMFM.js');
+var store = require('./store-DP-BHWKc.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" },
     index.h("path", { d: "M14.6667 17.3333H8.00001C7.62223 17.3333 7.30556 17.2056 7.05001 16.95C6.79445 16.6944 6.66667 16.3778 6.66667 16C6.66667 15.6222 6.79445 15.3056 7.05001 15.05C7.30556 14.7944 7.62223 14.6667 8.00001 14.6667H14.6667V8.00001C14.6667 7.62223 14.7944 7.30556 15.05 7.05001C15.3056 6.79445 15.6222 6.66667 16 6.66667C16.3778 6.66667 16.6944 6.79445 16.95 7.05001C17.2056 7.30556 17.3333 7.62223 17.3333 8.00001V14.6667H24C24.3778 14.6667 24.6944 14.7944 24.95 15.05C25.2056 15.3056 25.3333 15.6222 25.3333 16C25.3333 16.3778 25.2056 16.6944 24.95 16.95C24.6944 17.2056 24.3778 17.3333 24 17.3333H17.3333V24C17.3333 24.3778 17.2056 24.6944 16.95 24.95C16.6944 25.2056 16.3778 25.3333 16 25.3333C15.6222 25.3333 15.3056 25.2056 15.05 24.95C14.7944 24.6944 14.6667 24.3778 14.6667 24V17.3333Z", fill: "currentColor" })));

package/dist/cjs/{index-Cfmbrt_h.js → index-Cv3DwP3e.js}

@@ -1,13 +1,13 @@
 /*!
- * vviinn-widgets v2.226.3
+ * vviinn-widgets v2.227.1
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/NOTICE
  */
 'use strict';
 
-var store = require('./store-DviebCXf.js');
+var store = require('./store-DP-BHWKc.js');
 
 const generalFiltersPartsList = [
     "filters-sub-row",

package/dist/cjs/{index-DwqgK-lJ.js → index-D_CGQF6-.js}

@@ -1,13 +1,13 @@
 /*!
- * vviinn-widgets v2.226.3
+ * vviinn-widgets v2.227.1
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/NOTICE
  */
 'use strict';
 
-var index = require('./index-CfBEHd3i.js');
+var index = require('./index-qn892fyO.js');
 
 const vprSlotNames = [
     "vviinn-recommendations-title",

package/dist/cjs/{index-CfBEHd3i.js → index-qn892fyO.js}

@@ -1,9 +1,9 @@
 /*!
- * vviinn-widgets v2.226.3
+ * vviinn-widgets v2.227.1
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/NOTICE
  */
 'use strict';
 

package/dist/cjs/index.cjs.js

@@ -1,9 +1,9 @@
 /*!
- * vviinn-widgets v2.226.3
+ * vviinn-widgets v2.227.1
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/NOTICE
  */
 'use strict';
 

package/dist/cjs/loader.cjs.js

@@ -1,14 +1,14 @@
 /*!
- * vviinn-widgets v2.226.3
+ * vviinn-widgets v2.227.1
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/NOTICE
  */
 'use strict';
 
-var index = require('./index-CfBEHd3i.js');
-var appGlobals = require('./app-globals-CDLKBsOV.js');
+var index = require('./index-qn892fyO.js');
+var appGlobals = require('./app-globals-CRcD2vMJ.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/cjs/{openProductLink-N8TXbnuk.js → openProductLink-CQ-1Vkir.js}

@@ -1,9 +1,9 @@
 /*!
- * vviinn-widgets v2.226.3
+ * vviinn-widgets v2.227.1
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/NOTICE
  */
 'use strict';
 

package/dist/cjs/{resultsPageUrl-DS_YiCo-.js → resultsPageUrl-Bo7rgnTV.js}

@@ -1,9 +1,9 @@
 /*!
- * vviinn-widgets v2.226.3
+ * vviinn-widgets v2.227.1
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/NOTICE
  */
 'use strict';
 

package/dist/cjs/{search.store-C8Q3XmeF.js → search.store-BWUQXMFM.js}

@@ -1,14 +1,14 @@
 /*!
- * vviinn-widgets v2.226.3
+ * vviinn-widgets v2.227.1
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/NOTICE
  */
 'use strict';
 
-var index = require('./index-CfBEHd3i.js');
-var Rectangle = require('./Rectangle-BAynbVmH.js');
+var index = require('./index-qn892fyO.js');
+var Rectangle = require('./Rectangle-C7YEjoJP.js');
 
 var _Array = {};
 
@@ -8637,7 +8637,7 @@ const startSearch = (store) => {
     return () => latestSearch.get(store) !== sequence;
 };
 
-const version = "2.226.3";
+const version = "2.227.1";
 
 const appStateGlobalDefaults = {
     excluded: null,

package/dist/cjs/{store-DviebCXf.js → store-DP-BHWKc.js}

@@ -1,9 +1,9 @@
 /*!
- * vviinn-widgets v2.226.3
+ * vviinn-widgets v2.227.1
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/NOTICE
  */
 'use strict';
 

package/dist/cjs/{swiper-element-pxcaPnlG.js → swiper-element-D515CZ70.js}

@@ -1,9 +1,9 @@
 /*!
- * vviinn-widgets v2.226.3
+ * vviinn-widgets v2.227.1
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/NOTICE
  */
 'use strict';
 

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

@@ -1,20 +1,20 @@
 /*!
- * vviinn-widgets v2.226.3
+ * vviinn-widgets v2.227.1
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/NOTICE
  */
 'use strict';
 
-var index = require('./index-CfBEHd3i.js');
-var store = require('./store-DviebCXf.js');
-var search_store = require('./search.store-C8Q3XmeF.js');
-var index$1 = require('./index-DwqgK-lJ.js');
-var SecondaryActionIcon = require('./SecondaryActionIcon-Ct9s2ePH.js');
-var index$2 = require('./index-Cfmbrt_h.js');
-var cssUrlHelper = require('./cssUrlHelper-BWbrM54g.js');
-var Rectangle = require('./Rectangle-BAynbVmH.js');
+var index = require('./index-qn892fyO.js');
+var store = require('./store-DP-BHWKc.js');
+var search_store = require('./search.store-BWUQXMFM.js');
+var index$1 = require('./index-D_CGQF6-.js');
+var SecondaryActionIcon = require('./SecondaryActionIcon-CsYodCdS.js');
+var index$2 = require('./index-Cv3DwP3e.js');
+var cssUrlHelper = require('./cssUrlHelper-BXzVWweD.js');
+var Rectangle = require('./Rectangle-C7YEjoJP.js');
 
 const CrossIcon = () => (index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     index.h("path", { d: "M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z", fill: "currentColor" })));
@@ -553,6 +553,7 @@ const VviinnVprButton = class {
         sidebar.color = this.color;
         sidebar.imageWidth = this.imageWidth;
         sidebar.showMultipleImages = this.showMultipleImages;
+        sidebar.imageResolutionWidth = this.imageResolutionWidth;
         sidebar.buttonElementId = this.el.id;
         sidebar.noResultText = this.noResultText;
         sidebar.noResultShow = this.noResultShow;

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

@@ -1,24 +1,24 @@
 /*!
- * vviinn-widgets v2.226.3
+ * vviinn-widgets v2.227.1
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/NOTICE
  */
 'use strict';
 
-var index = require('./index-CfBEHd3i.js');
-var Rectangle = require('./Rectangle-BAynbVmH.js');
-var search_store = require('./search.store-C8Q3XmeF.js');
-var index$2 = require('./index-DwqgK-lJ.js');
-var index$1 = require('./index-Dn244VmS.js');
-var store = require('./store-DviebCXf.js');
-var cropperUtils = require('./cropperUtils-D5GmhKJx.js');
-var cssUrlHelper = require('./cssUrlHelper-BWbrM54g.js');
-var index$3 = require('./index-Cfmbrt_h.js');
-var resultsPageUrl = require('./resultsPageUrl-DS_YiCo-.js');
-var openProductLink = require('./openProductLink-N8TXbnuk.js');
-var exampleImage = require('./exampleImage-Vk0ybVb3.js');
+var index = require('./index-qn892fyO.js');
+var Rectangle = require('./Rectangle-C7YEjoJP.js');
+var search_store = require('./search.store-BWUQXMFM.js');
+var index$2 = require('./index-D_CGQF6-.js');
+var index$1 = require('./index--w4RDaLU.js');
+var store = require('./store-DP-BHWKc.js');
+var cropperUtils = require('./cropperUtils-Cy7tuzJr.js');
+var cssUrlHelper = require('./cssUrlHelper-BXzVWweD.js');
+var index$3 = require('./index-Cv3DwP3e.js');
+var resultsPageUrl = require('./resultsPageUrl-Bo7rgnTV.js');
+var openProductLink = require('./openProductLink-CQ-1Vkir.js');
+var exampleImage = require('./exampleImage-BSaNPKJV.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" })));
@@ -796,7 +796,7 @@ const oneClickDiscoveryModes = [
     "unset",
 ];
 
-const vviinnResultsCss = ":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-display:32px;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-display:40px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--product-card-widget-min-width:135px;--product-card-results-min-width:250px;--image-set-mode-min-width:155px;--source-card-set-mode-max-width:500px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#707070;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--button-bg-color-positive:#dcfce7;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--surface-bg-color-shadow-01:#dddddd;--surface-bg-color-shadow-02:#c6c6c6;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;--label-bg-color-accent:#ff3944;--sidebar-animation-duration-default:0.5s;--search-modal-animation-duration-default:0.25s;--search-modal-animation-duration-mobile-default:0.35s;}:host{display:block}:host(.show-in-widget){display:grid;overflow-y:auto;overflow-x:hidden;padding:unset;position:relative;width:100%}:host::part(product-card){width:100%;height:100%}:host::part(content-card){height:100%}:host::part(list-card){height:calc(100% - 20px)}.products{width:100%;align-content:center;align-items:start;box-sizing:border-box;display:grid;grid-gap:32px 16px;grid-template-columns:repeat(\n    auto-fill,\n    minmax(\n      var(--product-card-width, var(--product-card-results-min-width)),\n      1fr\n    )\n  );justify-items:center;padding:0 24px 24px 16px;position:absolute}:host(.show-in-widget) .products{grid-template-columns:repeat(\n    auto-fill,\n    minmax(var(--product-card-width, var(--product-card-widget-min-width)), 1fr)\n  )}:host(:not(.show-in-widget)) .products{position:static;padding:0}.hidden{visibility:hidden;height:1px}products.hidden{display:none}.vviinn-results-product-card-actions vviinn-vpr-button::part(button){position:relative;display:flex;justify-content:center;align-items:center;color:var(--color-icon-inverse);padding:var(--spacing-50);gap:var(--spacing-50);border-radius:var(--border-radius-100);background:var(--button-bg-color-frosted);backdrop-filter:blur(calc(var(--filter-blur-150, 12px) / 2))}.vviinn-results-product-card-actions vviinn-vpr-button::part(button)::after{content:\"\";position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(1.55)}.vviinn-results-product-card-actions vviinn-vpr-button::part(button):hover{background:var(--button-bg-color-frosted-hover)}#one-click-discovery-append{width:100%;grid-column:1 / -1}vviinn-recommendations-sidebar::part(body){border:1px solid var(--color-border-02);border-left:none;border-right:none;margin-top:-9px;max-height:unset}@media screen and (max-width: 768px){vviinn-recommendations-sidebar::part(body){margin-top:-1px}}vviinn-recommendations-sidebar::part(source-image){display:none}vviinn-recommendations-sidebar::part(sidebar-header){padding:0;min-height:40px;margin-bottom:24px;align-items:center;justify-items:left;text-align:left}vviinn-recommendations-sidebar::part(sidebar-content){padding:0}:host(.matching-discovery) vviinn-recommendations-sidebar::part(items-group){grid-template-columns:repeat(\n    auto-fill,\n    minmax(\n      var(--product-card-width, var(--product-card-results-min-width)),\n      1fr\n    )\n  )}:host(.show-in-widget) vviinn-recommendations-sidebar::part(recommendations-results),:host(.show-in-widget) vviinn-recommendations-sidebar::part(items-group){grid-template-columns:repeat(\n    auto-fill,\n    minmax(var(--product-card-widget-min-width), 1fr)\n  )}@media (max-width: 768px){:host(.show-in-widget){align-content:start;position:static;overflow-y:unset;width:100%;padding-top:0;margin-top:12px}.products{position:static;padding:0;width:unset;row-gap:24px;justify-content:center}.nothing-found{position:static;grid-gap:64px;padding:unset;align-content:start;width:unset}}@media (max-width: 380px){.products{-moz-column-gap:10px;column-gap:10px}}";
+const vviinnResultsCss = ":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{--vviinn-results-row-gap-default:var(--spacing-400);display:block}:host(.show-in-widget){display:grid;overflow-y:auto;overflow-x:hidden;padding:unset;position:relative;width:100%}:host::part(product-card){width:100%;height:100%}:host::part(content-card){height:100%}:host::part(list-card){height:calc(100% - 20px)}.products{width:100%;align-content:center;align-items:start;box-sizing:border-box;display:grid;row-gap:var(--vviinn-results-row-gap, var(--vviinn-results-row-gap-default));-moz-column-gap:var(--spacing-200);column-gap:var(--spacing-200);grid-template-columns:repeat(\n    auto-fill,\n    minmax(\n      var(--product-card-width, var(--product-card-results-min-width)),\n      1fr\n    )\n  );justify-items:center;padding:0 24px 24px 16px;position:absolute}:host(.show-in-widget) .products{grid-template-columns:repeat(\n    auto-fill,\n    minmax(var(--product-card-width, var(--product-card-widget-min-width)), 1fr)\n  )}:host(:not(.show-in-widget)) .products{position:static;padding:0}.hidden{visibility:hidden;height:1px}products.hidden{display:none}.vviinn-results-product-card-actions vviinn-vpr-button::part(button){position:relative;display:flex;justify-content:center;align-items:center;color:var(--color-icon-inverse);padding:var(--spacing-50);gap:var(--spacing-50);border-radius:var(--border-radius-100);background:var(--button-bg-color-frosted);backdrop-filter:blur(calc(var(--filter-blur-150, 12px) / 2))}.vviinn-results-product-card-actions vviinn-vpr-button::part(button)::after{content:\"\";position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(1.55)}.vviinn-results-product-card-actions vviinn-vpr-button::part(button):hover{background:var(--button-bg-color-frosted-hover)}#one-click-discovery-append{width:100%;grid-column:1 / -1}vviinn-recommendations-sidebar::part(body){border:1px solid var(--color-border-02);border-left:none;border-right:none;margin-top:calc(\n    22px - var(--vviinn-results-row-gap, var(--vviinn-results-row-gap-default))\n  );max-height:unset}vviinn-recommendations-sidebar::part(source-image){display:none}vviinn-recommendations-sidebar::part(sidebar-header){padding:0;min-height:40px;margin-bottom:24px;align-items:center;justify-items:left;text-align:left}vviinn-recommendations-sidebar::part(sidebar-content){padding:0}:host(.matching-discovery) vviinn-recommendations-sidebar::part(items-group){grid-template-columns:repeat(\n    auto-fill,\n    minmax(\n      var(--product-card-width, var(--product-card-results-min-width)),\n      1fr\n    )\n  )}:host(.show-in-widget) vviinn-recommendations-sidebar::part(recommendations-results),:host(.show-in-widget) vviinn-recommendations-sidebar::part(items-group){grid-template-columns:repeat(\n    auto-fill,\n    minmax(var(--product-card-widget-min-width), 1fr)\n  )}@media (max-width: 768px){:host(.show-in-widget){align-content:start;position:static;overflow-y:unset;width:100%;padding-top:0;margin-top:12px}:host{--vviinn-results-row-gap-default:var(--spacing-300)}.products{position:static;padding:0;width:unset;justify-content:center}.nothing-found{position:static;grid-gap:64px;padding:unset;align-content:start;width:unset}}@media (max-width: 380px){.products{-moz-column-gap:10px;column-gap:10px}}";
 
 var __rest$1 = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -1201,19 +1201,19 @@ const VviinnResults = class {
                     ? "one-click-discovery-append"
                     : undefined, appendSidebarToElement: isOneClickDiscoveryAppendMode
                     ? this.el.shadowRoot.getElementById("one-click-discovery-append")
-                    : undefined, oneClickDiscoveryMode: this.oneClickDiscoveryMode, addToBasketShow: this.addToBasketShow, favoriteShow: this.favoriteShow, campaigns: this.oneClickDiscoveryCampaigns, showInWidget: this.showInWidget, uiSessionId: this.uiSessionId, onVviinnVprButtonActivated: () => oneClickDiscoveryHandler(i) }, this.renderProductCardSlots(), this.renderVprIconSlot())))));
+                    : undefined, oneClickDiscoveryMode: this.oneClickDiscoveryMode, addToBasketShow: this.addToBasketShow, favoriteShow: this.favoriteShow, campaigns: this.oneClickDiscoveryCampaigns, cssUrl: this.cssUrl, imageResolutionWidth: this.imageResolutionWidth, showMultipleImages: this.showMultipleImages, showInWidget: this.showInWidget, uiSessionId: this.uiSessionId, onVviinnVprButtonActivated: () => oneClickDiscoveryHandler(i) }, this.renderProductCardSlots(), this.renderVprIconSlot())))));
         });
     }
     render() {
         var _a;
         const resultsLength = this.getResults().length;
-        return (index.h(index.Host, { key: '790d9a8de6038a80aab7d985dc0a58a0271147c8', id: "results-block", class: {
+        return (index.h(index.Host, { key: '1f5e7b912b8aa1b25e87772c4c4e96e2c9b9a2a0', 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: '2624453450be0b0b3f54decfc0c36475e0ee50fe', class: "nothing-found" }, this.getCurrentErrorType() && (index.h("vviinn-error", { key: 'ba6053509df7c4cdb4d11df5b1a88fe2b21aa4d1', errorType: this.getCurrentErrorType(), handler: this.resetWidgetState, hasBackground: this.showInWidget, searchType: this.state.searchType }))), index.h("div", { key: '1886397deed8c6d3bda186f577048c61d61547cc', class: {
+            }, exportparts: `${index$3.productCardParts}, ${index$3.listCardParts}, ${index$3.contentCardParts}, ${index$3.productCardsGridPart}` }, cssUrlHelper.renderExternalCSS(this.cssUrl), index.h("div", { key: 'a20bf97ab034112743b92d9641dbb6d0ab984b69', class: "nothing-found" }, this.getCurrentErrorType() && (index.h("vviinn-error", { key: 'd44c5711f23cf8945de4e0e7c1f30c6959747f83', errorType: this.getCurrentErrorType(), handler: this.resetWidgetState, hasBackground: this.showInWidget, searchType: this.state.searchType }))), index.h("div", { key: '016470c1782289440ce773c650e43b0bc02571c2', class: {
                 hidden: this.showAspectRatioError || resultsLength === 0,
                 products: true,
-            }, part: index$3.productCardsGridPart, id: "vviinn-results-products" }, resultsLength > 0 && this.renderResults(), index.h("div", { key: '93f1b795ca6b63cf6a99f4bcb249d442ee515df4', id: "one-click-discovery-append", style: {
+            }, part: index$3.productCardsGridPart, id: "vviinn-results-products" }, resultsLength > 0 && this.renderResults(), index.h("div", { key: 'f2fb9e57b0ce5ed95c6515c6035b85d870defca9', id: "one-click-discovery-append", style: {
                 order: ((_a = this.oneClickDiscoveryAppendIndex) !== null && _a !== void 0 ? _a : resultsLength).toString(),
             } }))));
     }

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

@@ -1,22 +1,22 @@
 /*!
- * vviinn-widgets v2.226.3
+ * vviinn-widgets v2.227.1
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/NOTICE
  */
 'use strict';
 
-var index = require('./index-CfBEHd3i.js');
-var search_store = require('./search.store-C8Q3XmeF.js');
-var Rectangle = require('./Rectangle-BAynbVmH.js');
-var store = require('./store-DviebCXf.js');
-var index$1 = require('./index-Dn244VmS.js');
-var cssUrlHelper = require('./cssUrlHelper-BWbrM54g.js');
-var index$2 = require('./index-DwqgK-lJ.js');
-var index$3 = require('./index-Cfmbrt_h.js');
-var swiperElement = require('./swiper-element-pxcaPnlG.js');
-var openProductLink = require('./openProductLink-N8TXbnuk.js');
+var index = require('./index-qn892fyO.js');
+var search_store = require('./search.store-BWUQXMFM.js');
+var Rectangle = require('./Rectangle-C7YEjoJP.js');
+var store = require('./store-DP-BHWKc.js');
+var index$1 = require('./index--w4RDaLU.js');
+var cssUrlHelper = require('./cssUrlHelper-BXzVWweD.js');
+var index$2 = require('./index-D_CGQF6-.js');
+var index$3 = require('./index-Cv3DwP3e.js');
+var swiperElement = require('./swiper-element-D515CZ70.js');
+var openProductLink = require('./openProductLink-CQ-1Vkir.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" },
@@ -1400,6 +1400,13 @@ function getLastUrlPath(url) {
 }
 
 const HOVER_DELAY_MS = 65;
+/**
+ * Brand and non-empty custom labels as host attributes, so a stylesheet loaded
+ * through css-url can select cards by product data, e.g. [data-custom-label-1="Bestseller"]
+ */
+const getProductDataAttributes = (brand, customLabels) => (Object.assign(Object.assign({}, search_store.addIfNotEmpty("data-brand", brand)), Object.fromEntries(customLabels
+    .map((label, index) => [`data-custom-label-${index}`, label])
+    .filter(([, label]) => label))));
 const shouldShowMultipleImages = (showMultipleImages, imagesLength) => showMultipleImages && imagesLength >= 2;
 const isFirstImageMatchingMain = (mainImage, images) => {
     var _a;
@@ -1804,8 +1811,10 @@ const VviinnProductCard = class {
     }
     render() {
         var _a, _b, _c;
+        const customLabels = this.customLabels.split(index$1.CUSTOM_LABELS_DELIMITER);
+        const productDataAttributes = getProductDataAttributes(this.brand, customLabels);
         if (this.isContentCard || this.isListCard) {
-            return (index.h(index.Host, { part: `product-card ${this.entityType}-card`, class: `${this.entityType}-card`, exportparts: this.isContentCard ? index$3.contentCardParts : index$3.listCardParts, "data-id": this.productId }, cssUrlHelper.renderExternalCSS(this.cssUrl), index.h("div", { class: `image-container ${this.entityType}-card-image-container`, part: "image-container" }, renderProductCardImage({
+            return (index.h(index.Host, Object.assign({ part: `product-card ${this.entityType}-card`, class: `${this.entityType}-card`, exportparts: this.isContentCard ? index$3.contentCardParts : index$3.listCardParts, "data-id": this.productId }, productDataAttributes), cssUrlHelper.renderExternalCSS(this.cssUrl), index.h("div", { class: `image-container ${this.entityType}-card-image-container`, part: "image-container" }, renderProductCardImage({
                 src: this.imageProps.src,
                 width: this.imageProps.width,
                 title: this.imageProps.title,
@@ -1825,11 +1834,11 @@ const VviinnProductCard = class {
                 ? ContentCardContent(this.productTitle, this.deeplink, store.instance.t("contentLabel"))
                 : ListCardContent(this.productTitle, store.instance.t("listLabel")), this.isListCard && this.deeplink && (index.h("a", { href: this.deeplink, class: "list-card-overlay-link", "aria-label": this.productTitle }))));
         }
-        return (index.h(index.Host, { part: "product-card", class: {
+        return (index.h(index.Host, Object.assign({ part: "product-card", class: {
                 animated: this.isTransitioning,
                 "product-card--source": this.isSourceProduct,
                 "set-mode": this.isSetMode,
-            }, exportparts: index$3.productCardParts, "data-id": this.productId }, cssUrlHelper.renderExternalCSS(this.cssUrl), index.h("div", { class: "content-container", part: "content-container" }, this.showSkeleton() ? (index.h(index.Fragment, null, index.h("vviinn-skeleton", { height: 40 }), index.h("vviinn-skeleton", { height: 20, halfWidth: true }), index.h("vviinn-skeleton", { height: 40 }))) : (index.h(index.Fragment, null, index.h(Linked, { deeplink: this.deeplink, part: "deeplink", tabindex: 0 }, index.h("span", { class: "title", part: "title" }, this.productTitle)), ((_a = this.brand) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("span", { class: "brand", part: "brand" }, this.brand)), ((_b = this.productType) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("span", { class: "product-type", part: "product-type" }, this.productType)), ((_c = this === null || this === void 0 ? void 0 : this.energyCertifications) !== null && _c !== void 0 ? _c : []).map((energyCertification) => (index.h("vviinn-energy-label", { classIconUrls: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.classIconUrls, classDataSheetUrl: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.classDataSheetUrl, productType: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.productType, certificationClass: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.certificationClass, classRange: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.classRange }))), index.h(Price, { prefix: this.pricePrefix, currency: this.effectiveCurrencySign, numberLocale: this.effectiveNumberLocale, price: this.price, basePrice: parseBasePrice(this.basePrice), salePrice: this.salePrice, baseSalePrice: parseBasePrice(this.baseSalePrice), showInContainer: this.addPriceContainer }), renderCustomLabels(this.customLabels.split(index$1.CUSTOM_LABELS_DELIMITER), "content")))), index.h("div", { class: {
+            }, exportparts: index$3.productCardParts, "data-id": this.productId }, productDataAttributes), cssUrlHelper.renderExternalCSS(this.cssUrl), index.h("div", { class: "content-container", part: "content-container" }, this.showSkeleton() ? (index.h(index.Fragment, null, index.h("vviinn-skeleton", { height: 40 }), index.h("vviinn-skeleton", { height: 20, halfWidth: true }), index.h("vviinn-skeleton", { height: 40 }))) : (index.h(index.Fragment, null, index.h(Linked, { deeplink: this.deeplink, part: "deeplink", tabindex: 0 }, index.h("span", { class: "title", part: "title" }, this.productTitle)), ((_a = this.brand) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("span", { class: "brand", part: "brand" }, this.brand)), ((_b = this.productType) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("span", { class: "product-type", part: "product-type" }, this.productType)), ((_c = this === null || this === void 0 ? void 0 : this.energyCertifications) !== null && _c !== void 0 ? _c : []).map((energyCertification) => (index.h("vviinn-energy-label", { classIconUrls: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.classIconUrls, classDataSheetUrl: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.classDataSheetUrl, productType: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.productType, certificationClass: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.certificationClass, classRange: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.classRange }))), index.h(Price, { prefix: this.pricePrefix, currency: this.effectiveCurrencySign, numberLocale: this.effectiveNumberLocale, price: this.price, basePrice: parseBasePrice(this.basePrice), salePrice: this.salePrice, baseSalePrice: parseBasePrice(this.baseSalePrice), showInContainer: this.addPriceContainer }), renderCustomLabels(customLabels, "content")))), index.h("div", { class: {
                 "basket-button-container": true,
                 hidden: !this.isShowBasketButton() || this.showSkeleton(),
             }, part: "basket-button-container" }, index.h("button", { class: {
@@ -1877,7 +1886,7 @@ const VviinnProductCard = class {
                     animationInterval: generateRandomNumber(800, 1400),
                     productData: this.productData,
                 });
-            }, "aria-label": store.instance.t("a11y.findSimilarProducts") }, index.h("div", null, index.h("slot", { name: "vviinn-update-button-icon" }, index.h(UpdateIcon, { width: 14, height: 14 }))))), index.h("div", { class: "product-card-actions", part: "product-card-actions" }, index.h("slot", { name: "vviinn-product-card-actions" })), renderCustomLabels(this.customLabels.split(index$1.CUSTOM_LABELS_DELIMITER), "image")), this.showFooterArrow && index.h("div", { class: "footer-arrow" })));
+            }, "aria-label": store.instance.t("a11y.findSimilarProducts") }, index.h("div", null, index.h("slot", { name: "vviinn-update-button-icon" }, index.h(UpdateIcon, { width: 14, height: 14 }))))), index.h("div", { class: "product-card-actions", part: "product-card-actions" }, index.h("slot", { name: "vviinn-product-card-actions" })), renderCustomLabels(customLabels, "image")), this.showFooterArrow && index.h("div", { class: "footer-arrow" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,15 +1,15 @@
 /*!
- * vviinn-widgets v2.226.3
+ * vviinn-widgets v2.227.1
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.3/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.1/NOTICE
  */
 'use strict';
 
-var index = require('./index-CfBEHd3i.js');
-var Rectangle = require('./Rectangle-BAynbVmH.js');
-var store = require('./store-DviebCXf.js');
+var index = require('./index-qn892fyO.js');
+var Rectangle = require('./Rectangle-C7YEjoJP.js');
+var store = require('./store-DP-BHWKc.js');
 
 const vviinnDetectedObjectCss = ":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{--button-size:36px;display:block;position:absolute;left:calc(var(--x-position));top:calc(var(--y-position));z-index:2}.detected-object-button{background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;position:absolute;left:calc(-1 * var(--button-size) / 2);top:calc(-1 * var(--button-size) / 2);width:var(--button-size);height:var(--button-size);border-radius:50%;cursor:pointer;z-index:3}:host::before,:host::after{content:\"\";cursor:pointer;position:absolute;height:var(--size);width:var(--size);left:calc(-1 * var(--size) / 2);top:calc(-1 * var(--size) / 2);will-change:transform;transform:translateZ(0)}:host::before{--size:var(--button-size);border-radius:50%;z-index:0;background:rgba(0, 0, 0, 0.16);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:transform 0.07s ease-in-out}:host::after{--size:13px;border-radius:50%;z-index:1;background:white;box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.15);transition:transform 0.07s ease-in-out}:host(.active)::before{transform:scale(0.88);background:rgba(0, 0, 0, 0.4)}:host(.active)::after{transform:scale(0.67)}@media (min-width: 768px){:host(:not(.active):hover)::before{transform:scale(1.08);background:rgba(0, 0, 0, 0.32)}}";