vviinn-widgets 2.226.2 → 2.227.0

package/dist/cjs/{Rectangle-CopOhKfk.js → Rectangle-B7-dl4zr.js}

@@ -1,13 +1,13 @@
 /*!
- * vviinn-widgets v2.226.2
+ * vviinn-widgets v2.227.0
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/NOTICE
  */
 'use strict';
 
-var store = require('./store-B4_GxlAy.js');
+var store = require('./store-ncQ0GnDP.js');
 
 var Apply$1 = {};
 

package/dist/cjs/{SecondaryActionIcon-DJkiqzKf.js → SecondaryActionIcon-CqnCQG1V.js}

@@ -1,13 +1,13 @@
 /*!
- * vviinn-widgets v2.226.2
+ * vviinn-widgets v2.227.0
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/NOTICE
  */
 'use strict';
 
-var index = require('./index-Bx3A7Ug3.js');
+var index = require('./index-Bz6kK4Kq.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-BI4YcnGX.js → app-globals-Bhojy5Uj.js}

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

package/dist/cjs/{cropperUtils-C-XU1J_8.js → cropperUtils-HujLFYz-.js}

@@ -1,13 +1,13 @@
 /*!
- * vviinn-widgets v2.226.2
+ * vviinn-widgets v2.227.0
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/NOTICE
  */
 'use strict';
 
-var store = require('./store-B4_GxlAy.js');
+var store = require('./store-ncQ0GnDP.js');
 
 var cropper$1 = {exports: {}};
 

package/dist/cjs/{cssUrlHelper-CNX5gTl3.js → cssUrlHelper-wYUS6juZ.js}

@@ -1,13 +1,13 @@
 /*!
- * vviinn-widgets v2.226.2
+ * vviinn-widgets v2.227.0
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/NOTICE
  */
 'use strict';
 
-var index = require('./index-Bx3A7Ug3.js');
+var index = require('./index-Bz6kK4Kq.js');
 
 const SEARCH_WIDGET_IMAGE_RESOLUTION_WIDTH = 320;
 const RESULTS_WIDGET_IMAGE_RESOLUTION_WIDTH = 500;

package/dist/cjs/{exampleImage-DXnq1_gm.js → exampleImage-DyZl-Zfz.js}

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

package/dist/cjs/{index-Bx3A7Ug3.js → index-Bz6kK4Kq.js}

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

package/dist/cjs/{index-wKjld6Ft.js → index-DD2wckQQ.js}

@@ -1,13 +1,13 @@
 /*!
- * vviinn-widgets v2.226.2
+ * vviinn-widgets v2.227.0
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/NOTICE
  */
 'use strict';
 
-var store = require('./store-B4_GxlAy.js');
+var store = require('./store-ncQ0GnDP.js');
 
 const generalFiltersPartsList = [
     "filters-sub-row",

package/dist/cjs/{index-Dc37VzG4.js → index-Ddq5Gwq2.js}

@@ -1,15 +1,15 @@
 /*!
- * vviinn-widgets v2.226.2
+ * vviinn-widgets v2.227.0
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/NOTICE
  */
 'use strict';
 
-var index = require('./index-Bx3A7Ug3.js');
-var search_store = require('./search.store-D5Zu3JJX.js');
-var store = require('./store-B4_GxlAy.js');
+var index = require('./index-Bz6kK4Kq.js');
+var search_store = require('./search.store-DO0B1GDy.js');
+var store = require('./store-ncQ0GnDP.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-DdqDxuZV.js → index-XHzTQzNR.js}

@@ -1,13 +1,13 @@
 /*!
- * vviinn-widgets v2.226.2
+ * vviinn-widgets v2.227.0
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/NOTICE
  */
 'use strict';
 
-var index = require('./index-Bx3A7Ug3.js');
+var index = require('./index-Bz6kK4Kq.js');
 
 const vprSlotNames = [
     "vviinn-recommendations-title",

package/dist/cjs/index.cjs.js

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

package/dist/cjs/loader.cjs.js

@@ -1,14 +1,14 @@
 /*!
- * vviinn-widgets v2.226.2
+ * vviinn-widgets v2.227.0
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/NOTICE
  */
 'use strict';
 
-var index = require('./index-Bx3A7Ug3.js');
-var appGlobals = require('./app-globals-BI4YcnGX.js');
+var index = require('./index-Bz6kK4Kq.js');
+var appGlobals = require('./app-globals-Bhojy5Uj.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/cjs/{openProductLink-D1JdHh_O.js → openProductLink-B5aaa2i4.js}

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

package/dist/cjs/{resultsPageUrl-BSyynJ_k.js → resultsPageUrl-DkgA_BG5.js}

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

package/dist/cjs/{search.store-D5Zu3JJX.js → search.store-DO0B1GDy.js}

@@ -1,14 +1,14 @@
 /*!
- * vviinn-widgets v2.226.2
+ * vviinn-widgets v2.227.0
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/NOTICE
  */
 'use strict';
 
-var index = require('./index-Bx3A7Ug3.js');
-var Rectangle = require('./Rectangle-CopOhKfk.js');
+var index = require('./index-Bz6kK4Kq.js');
+var Rectangle = require('./Rectangle-B7-dl4zr.js');
 
 var _Array = {};
 
@@ -8637,7 +8637,7 @@ const startSearch = (store) => {
     return () => latestSearch.get(store) !== sequence;
 };
 
-const version = "2.226.2";
+const version = "2.227.0";
 
 const appStateGlobalDefaults = {
     excluded: null,

package/dist/cjs/{store-B4_GxlAy.js → store-ncQ0GnDP.js}

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

package/dist/cjs/{swiper-element-CxrhMTDw.js → swiper-element-iOnGr8Sh.js}

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

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

@@ -1,20 +1,20 @@
 /*!
- * vviinn-widgets v2.226.2
+ * vviinn-widgets v2.227.0
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/NOTICE
  */
 'use strict';
 
-var index = require('./index-Bx3A7Ug3.js');
-var store = require('./store-B4_GxlAy.js');
-var search_store = require('./search.store-D5Zu3JJX.js');
-var index$1 = require('./index-DdqDxuZV.js');
-var SecondaryActionIcon = require('./SecondaryActionIcon-DJkiqzKf.js');
-var index$2 = require('./index-wKjld6Ft.js');
-var cssUrlHelper = require('./cssUrlHelper-CNX5gTl3.js');
-var Rectangle = require('./Rectangle-CopOhKfk.js');
+var index = require('./index-Bz6kK4Kq.js');
+var store = require('./store-ncQ0GnDP.js');
+var search_store = require('./search.store-DO0B1GDy.js');
+var index$1 = require('./index-XHzTQzNR.js');
+var SecondaryActionIcon = require('./SecondaryActionIcon-CqnCQG1V.js');
+var index$2 = require('./index-DD2wckQQ.js');
+var cssUrlHelper = require('./cssUrlHelper-wYUS6juZ.js');
+var Rectangle = require('./Rectangle-B7-dl4zr.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.2
+ * vviinn-widgets v2.227.0
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/NOTICE
  */
 'use strict';
 
-var index = require('./index-Bx3A7Ug3.js');
-var Rectangle = require('./Rectangle-CopOhKfk.js');
-var search_store = require('./search.store-D5Zu3JJX.js');
-var index$2 = require('./index-DdqDxuZV.js');
-var index$1 = require('./index-Dc37VzG4.js');
-var store = require('./store-B4_GxlAy.js');
-var cropperUtils = require('./cropperUtils-C-XU1J_8.js');
-var cssUrlHelper = require('./cssUrlHelper-CNX5gTl3.js');
-var index$3 = require('./index-wKjld6Ft.js');
-var resultsPageUrl = require('./resultsPageUrl-BSyynJ_k.js');
-var openProductLink = require('./openProductLink-D1JdHh_O.js');
-var exampleImage = require('./exampleImage-DXnq1_gm.js');
+var index = require('./index-Bz6kK4Kq.js');
+var Rectangle = require('./Rectangle-B7-dl4zr.js');
+var search_store = require('./search.store-DO0B1GDy.js');
+var index$2 = require('./index-XHzTQzNR.js');
+var index$1 = require('./index-Ddq5Gwq2.js');
+var store = require('./store-ncQ0GnDP.js');
+var cropperUtils = require('./cropperUtils-HujLFYz-.js');
+var cssUrlHelper = require('./cssUrlHelper-wYUS6juZ.js');
+var index$3 = require('./index-DD2wckQQ.js');
+var resultsPageUrl = require('./resultsPageUrl-DkgA_BG5.js');
+var openProductLink = require('./openProductLink-B5aaa2i4.js');
+var exampleImage = require('./exampleImage-DyZl-Zfz.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.2
+ * vviinn-widgets v2.227.0
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/NOTICE
  */
 'use strict';
 
-var index = require('./index-Bx3A7Ug3.js');
-var search_store = require('./search.store-D5Zu3JJX.js');
-var Rectangle = require('./Rectangle-CopOhKfk.js');
-var store = require('./store-B4_GxlAy.js');
-var index$1 = require('./index-Dc37VzG4.js');
-var cssUrlHelper = require('./cssUrlHelper-CNX5gTl3.js');
-var index$2 = require('./index-DdqDxuZV.js');
-var index$3 = require('./index-wKjld6Ft.js');
-var swiperElement = require('./swiper-element-CxrhMTDw.js');
-var openProductLink = require('./openProductLink-D1JdHh_O.js');
+var index = require('./index-Bz6kK4Kq.js');
+var search_store = require('./search.store-DO0B1GDy.js');
+var Rectangle = require('./Rectangle-B7-dl4zr.js');
+var store = require('./store-ncQ0GnDP.js');
+var index$1 = require('./index-Ddq5Gwq2.js');
+var cssUrlHelper = require('./cssUrlHelper-wYUS6juZ.js');
+var index$2 = require('./index-XHzTQzNR.js');
+var index$3 = require('./index-DD2wckQQ.js');
+var swiperElement = require('./swiper-element-iOnGr8Sh.js');
+var openProductLink = require('./openProductLink-B5aaa2i4.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.2
+ * vviinn-widgets v2.227.0
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/NOTICE
  */
 'use strict';
 
-var index = require('./index-Bx3A7Ug3.js');
-var Rectangle = require('./Rectangle-CopOhKfk.js');
-var store = require('./store-B4_GxlAy.js');
+var index = require('./index-Bz6kK4Kq.js');
+var Rectangle = require('./Rectangle-B7-dl4zr.js');
+var store = require('./store-ncQ0GnDP.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)}}";