vviinn-widgets 2.74.1 → 2.74.2

package/dist/cjs/{package-d7e6b392.js → package-8b9fd099.js}

@@ -1,5 +1,5 @@
 'use strict';
 
-const version = "2.74.1";
+const version = "2.74.2";
 
 exports.version = version;

package/dist/cjs/search-filters_18.cjs.entry.js

@@ -7,7 +7,7 @@ const search_store = require('./search.store-155814d5.js');
 const index$1 = require('./index-d3fb3be1.js');
 const customizedSlots = require('./customized-slots-dacb282b.js');
 const PlusIcon = require('./PlusIcon-835a5dcc.js');
-const _package = require('./package-d7e6b392.js');
+const _package = require('./package-8b9fd099.js');
 const CameraIcon = require('./CameraIcon-5b8efacb.js');
 
 const ArrowIcon = () => (index.h("svg", { width: "12", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },

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

@@ -7,7 +7,7 @@ const search_store = require('./search.store-155814d5.js');
 const customizedSlots = require('./customized-slots-dacb282b.js');
 const index$1 = require('./index-d3fb3be1.js');
 const PlusIcon = require('./PlusIcon-835a5dcc.js');
-const _package = require('./package-d7e6b392.js');
+const _package = require('./package-8b9fd099.js');
 
 const BasketIcon = () => (index.h("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   index.h("path", { d: "M7.5 22C6.95 22 6.47917 21.8042 6.0875 21.4125C5.69583 21.0208 5.5 20.55 5.5 20C5.5 19.45 5.69583 18.9792 6.0875 18.5875C6.47917 18.1958 6.95 18 7.5 18C8.05 18 8.52083 18.1958 8.9125 18.5875C9.30417 18.9792 9.5 19.45 9.5 20C9.5 20.55 9.30417 21.0208 8.9125 21.4125C8.52083 21.8042 8.05 22 7.5 22ZM17.5 22C16.95 22 16.4792 21.8042 16.0875 21.4125C15.6958 21.0208 15.5 20.55 15.5 20C15.5 19.45 15.6958 18.9792 16.0875 18.5875C16.4792 18.1958 16.95 18 17.5 18C18.05 18 18.5208 18.1958 18.9125 18.5875C19.3042 18.9792 19.5 19.45 19.5 20C19.5 20.55 19.3042 21.0208 18.9125 21.4125C18.5208 21.8042 18.05 22 17.5 22ZM6.65 6L9.05 11H16.05L18.8 6H6.65ZM5.7 4H20.45C20.8333 4 21.125 4.17083 21.325 4.5125C21.525 4.85417 21.5333 5.2 21.35 5.55L17.8 11.95C17.6167 12.2833 17.3708 12.5417 17.0625 12.725C16.7542 12.9083 16.4167 13 16.05 13H8.6L7.5 15H18.5C18.7833 15 19.0208 15.0958 19.2125 15.2875C19.4042 15.4792 19.5 15.7167 19.5 16C19.5 16.2833 19.4042 16.5208 19.2125 16.7125C19.0208 16.9042 18.7833 17 18.5 17H7.5C6.75 17 6.18333 16.6708 5.8 16.0125C5.41667 15.3542 5.4 14.7 5.75 14.05L7.1 11.6L3.5 4H2.5C2.21667 4 1.97917 3.90417 1.7875 3.7125C1.59583 3.52083 1.5 3.28333 1.5 3C1.5 2.71667 1.59583 2.47917 1.7875 2.2875C1.97917 2.09583 2.21667 2 2.5 2H4.125C4.30833 2 4.48333 2.05 4.65 2.15C4.81667 2.25 4.94167 2.39167 5.025 2.575L5.7 4Z", fill: "#525252" })));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4474431a.js');
-const _package = require('./package-d7e6b392.js');
+const _package = require('./package-8b9fd099.js');
 const VisualSearchIcon = require('./VisualSearchIcon-f435f5b0.js');
 
 const vviinnVprButtonCss = ":host{display:block}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4474431a.js');
-const _package = require('./package-d7e6b392.js');
+const _package = require('./package-8b9fd099.js');
 const CameraIcon = require('./CameraIcon-5b8efacb.js');
 const customizedSlots = require('./customized-slots-dacb282b.js');
 const constants = require('./constants-7684cbfc.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4474431a.js');
 const search_store = require('./search.store-155814d5.js');
 const index$1 = require('./index-d3fb3be1.js');
-const _package = require('./package-d7e6b392.js');
+const _package = require('./package-8b9fd099.js');
 const customizedSlots = require('./customized-slots-dacb282b.js');
 const constants = require('./constants-7684cbfc.js');
 

package/dist/collection/components/vviinn-filters/stories/args.js

@@ -2,7 +2,4 @@ export const argTypes = {
   filters: {
     control: false,
   },
-  filtersString: {
-    control: false,
-  },
 };

package/dist/collection/components/vviinn-filters/stories/constants.js

@@ -1,53 +1,71 @@
 export const filters = [
   {
-    column: "brand",
-    label: "Brand",
-    values: [
-      {
-        value: "MAGMA",
-        label: "MAGMA",
-        selected: false,
-      },
-      {
-        value: "WENKO",
-        label: "WENKO",
-        selected: false,
-      },
-    ],
-  },
-  {
-    column: "color",
+    column: "color_confirmed",
     label: "Color",
+    isPrimary: true,
     values: [
       {
-        value: "",
-        label: "",
-        selected: false,
-      },
-      {
-        value: "",
-        label: "",
+        value: {
+          value: "beige > #C7B3A8",
+          name: "beige",
+          hexCode: "#C7B3A8",
+          rgb: {
+            red: 199,
+            green: 179,
+            blue: 168,
+          },
+          family: "beige",
+        },
+        label: "Beige",
+        active: true,
         selected: false,
       },
       {
-        value: "",
-        label: "",
+        value: {
+          value: "blue > #339BCD",
+          name: "blue",
+          hexCode: "#339BCD",
+          rgb: {
+            red: 51,
+            green: 155,
+            blue: 205,
+          },
+          family: "blue",
+        },
+        label: "Blue",
+        active: true,
         selected: false,
       },
-    ],
-  },
-  {
-    column: "google_product_category",
-    label: "Category",
-    values: [
       {
-        value: "SGVpbSAm",
-        label: "Kopfkissen",
+        value: {
+          value: "blue > #A4CCE5",
+          name: "blue",
+          hexCode: "#A4CCE5",
+          rgb: {
+            red: 164,
+            green: 204,
+            blue: 229,
+          },
+          family: "blue",
+        },
+        label: "Blue",
+        active: true,
         selected: false,
       },
       {
-        value: "TcO2YmVs",
-        label: "Möbel",
+        value: {
+          value: "brown > #483526",
+          name: "brown",
+          hexCode: "#483526",
+          rgb: {
+            red: 72,
+            green: 53,
+            blue: 38,
+          },
+          family: "brown",
+        },
+        label: "Brown",
+        active: true,
         selected: false,
       },
     ],
@@ -55,52 +73,208 @@ export const filters = [
   {
     column: "price",
     label: "Price",
+    isPrimary: true,
     full: {
-      start: 3,
-      end: 25,
+      start: 0,
+      end: 49,
     },
+    selectedValues: [],
     suggestions: [
       {
         value: {
-          frequency: 0.2222222238779068,
+          frequency: 0.2083333283662796,
+          interval: {
+            start: 0,
+            end: 3,
+          },
+        },
+        label: "[0-3)",
+        active: true,
+      },
+      {
+        value: {
+          frequency: 0.1822916716337204,
           interval: {
             start: 3,
+            end: 5,
+          },
+        },
+        label: "[3-5)",
+        active: true,
+      },
+      {
+        value: {
+          frequency: 0.1927083283662796,
+          interval: {
+            start: 5,
+            end: 7,
+          },
+        },
+        label: "[5-7)",
+        active: true,
+      },
+      {
+        value: {
+          frequency: 0.4166666567325592,
+          interval: {
+            start: 7,
+            end: 49,
+          },
+        },
+        label: "[7-49)",
+        active: true,
+      },
+    ],
+    histogram: [
+      {
+        value: {
+          frequency: 0.1347150206565857,
+          interval: {
+            start: 0,
+            end: 1,
+          },
+        },
+        label: "[0-1)",
+        active: true,
+      },
+      {
+        value: {
+          frequency: 0.07253886014223099,
+          interval: {
+            start: 1,
+            end: 2,
+          },
+        },
+        label: "[1-2)",
+        active: true,
+      },
+      {
+        value: {
+          frequency: 0,
+          interval: {
+            start: 2,
+            end: 3,
+          },
+        },
+        label: "[2-3)",
+        active: true,
+      },
+      {
+        value: {
+          frequency: 0.062176164239645004,
+          interval: {
+            start: 3,
+            end: 4,
+          },
+        },
+        label: "[3-4)",
+        active: true,
+      },
+      {
+        value: {
+          frequency: 0.11917098611593246,
+          interval: {
+            start: 4,
+            end: 5,
+          },
+        },
+        label: "[4-5)",
+        active: true,
+      },
+      {
+        value: {
+          frequency: 0.0984455943107605,
+          interval: {
+            start: 5,
+            end: 6,
+          },
+        },
+        label: "[5-6)",
+        active: true,
+      },
+      {
+        value: {
+          frequency: 0.09326425194740295,
+          interval: {
+            start: 6,
+            end: 7,
+          },
+        },
+        label: "[6-7)",
+        active: true,
+      },
+      {
+        value: {
+          frequency: 0.33678755164146423,
+          interval: {
+            start: 7,
+            end: 8,
+          },
+        },
+        label: "[7-8)",
+        active: true,
+      },
+      {
+        value: {
+          frequency: 0.02590673603117466,
+          interval: {
+            start: 8,
             end: 9,
           },
         },
-        label: "[3-9)",
-        selected: false,
+        label: "[8-9)",
+        active: true,
       },
       {
         value: {
-          frequency: 0.2698412835597992,
+          frequency: 0.031088082119822502,
           interval: {
-            start: 9,
-            end: 11,
+            start: 19,
+            end: 20,
           },
         },
-        label: "[9-11)",
-        selected: false,
+        label: "[19-20)",
+        active: true,
+      },
+      {
+        value: {
+          frequency: 0,
+          interval: {
+            start: 20,
+            end: 21,
+          },
+        },
+        label: "[20-21)",
+        active: true,
+      },
+      {
+        value: {
+          frequency: 0.020725388079881668,
+          interval: {
+            start: 48,
+            end: 49,
+          },
+        },
+        label: "[48-49)",
+        active: true,
       },
     ],
   },
   {
     column: "product_type",
     label: "Category",
+    isPrimary: true,
     values: [
       {
-        value: "LaXNzZW4",
-        label: "Gefüllte Kissen",
-        selected: false,
-      },
-      {
-        value: "LaXNzZW4g",
-        label: "Kissenhüllen",
+        value: "Y2VsZWJyYXRlPlRlc3QgQnVja2V0",
+        label: "Test Bucket",
+        active: true,
         selected: false,
       },
       {
-        value: "RpbGllbj",
-        label: "Badematten",
+        value: "Y2VsZWJyYXRlPkhvY2h6ZWl0c2VpbmxhZHVuZ2Vu",
+        label: "Hochzeitseinladungen",
+        active: true,
         selected: false,
       },
     ],

package/dist/collection/components/vviinn-filters/vviinn-extended-filters.js

@@ -5,6 +5,10 @@ import i18next from "i18next";
 import { resources } from "../../locale";
 import { SlotSkeleton, slotChangeListener } from "../customized-slots";
 /**
+ * @slot vviinn-extended-filters-title - Text on widget's header.
+ * @slot vviinn-extended-filters-apply - Title of Apply Button.
+ * @slot vviinn-extended-filters-reset - Title of Reset Button.
+ *
  * @part filters - Wrapper itself.
  */
 export class VviinnExtendedFilters {
@@ -178,7 +182,10 @@ export class VviinnExtendedFilters {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [],
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
           "text": ""
         },
         "attribute": "filters-string",

package/dist/collection/components/vviinn-filters/vviinn-filters.js

@@ -140,7 +140,10 @@ export class VviinnFilters {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [],
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
           "text": ""
         },
         "attribute": "filters-string",

package/dist/esm/{package-a324ea99.js → package-25f24f03.js}

@@ -1,3 +1,3 @@
-const version = "2.74.1";
+const version = "2.74.2";
 
 export { version as v };

package/dist/esm/search-filters_18.entry.js

@@ -3,7 +3,7 @@ import { s as searchState, _ as _function, O as Option, l as fromAlt, n as foldV
 import { i as instance, c as createTrackingApi, v as v4, n as createResultVpsEventByType, o as createProductVpsEventByType, r as resources } from './index-d7915af0.js';
 import { s as slotChangeListener, c as campaignTypeNames } from './customized-slots-299054d1.js';
 import { P as PlusIcon } from './PlusIcon-8f8206c3.js';
-import { v as version } from './package-a324ea99.js';
+import { v as version } from './package-25f24f03.js';
 import { C as CameraIcon } from './CameraIcon-785208d2.js';
 
 const ArrowIcon = () => (h("svg", { width: "12", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },

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

@@ -3,7 +3,7 @@ import { h as has, t as tuple, s as searchState, _ as _function, a as _Array, O
 import { c as campaignTypeNames, s as slotChangeListener, S as SlotSkeleton, f as fromString, a as fold } from './customized-slots-299054d1.js';
 import { i as instance, r as resources, v as v4, c as createTrackingApi, a as createAddToBasketVpcEvent, b as createAddToBasketVprEvent, d as createWidgetVpcEvent, e as createWidgetVprEvent, f as createResultVpcEventByType, g as createResultVprEventByType, h as createProductVpcEventByType, j as createProductVprEventByType } from './index-d7915af0.js';
 import { P as PlusIcon } from './PlusIcon-8f8206c3.js';
-import { v as version } from './package-a324ea99.js';
+import { v as version } from './package-25f24f03.js';
 
 const BasketIcon = () => (h("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   h("path", { d: "M7.5 22C6.95 22 6.47917 21.8042 6.0875 21.4125C5.69583 21.0208 5.5 20.55 5.5 20C5.5 19.45 5.69583 18.9792 6.0875 18.5875C6.47917 18.1958 6.95 18 7.5 18C8.05 18 8.52083 18.1958 8.9125 18.5875C9.30417 18.9792 9.5 19.45 9.5 20C9.5 20.55 9.30417 21.0208 8.9125 21.4125C8.52083 21.8042 8.05 22 7.5 22ZM17.5 22C16.95 22 16.4792 21.8042 16.0875 21.4125C15.6958 21.0208 15.5 20.55 15.5 20C15.5 19.45 15.6958 18.9792 16.0875 18.5875C16.4792 18.1958 16.95 18 17.5 18C18.05 18 18.5208 18.1958 18.9125 18.5875C19.3042 18.9792 19.5 19.45 19.5 20C19.5 20.55 19.3042 21.0208 18.9125 21.4125C18.5208 21.8042 18.05 22 17.5 22ZM6.65 6L9.05 11H16.05L18.8 6H6.65ZM5.7 4H20.45C20.8333 4 21.125 4.17083 21.325 4.5125C21.525 4.85417 21.5333 5.2 21.35 5.55L17.8 11.95C17.6167 12.2833 17.3708 12.5417 17.0625 12.725C16.7542 12.9083 16.4167 13 16.05 13H8.6L7.5 15H18.5C18.7833 15 19.0208 15.0958 19.2125 15.2875C19.4042 15.4792 19.5 15.7167 19.5 16C19.5 16.2833 19.4042 16.5208 19.2125 16.7125C19.0208 16.9042 18.7833 17 18.5 17H7.5C6.75 17 6.18333 16.6708 5.8 16.0125C5.41667 15.3542 5.4 14.7 5.75 14.05L7.1 11.6L3.5 4H2.5C2.21667 4 1.97917 3.90417 1.7875 3.7125C1.59583 3.52083 1.5 3.28333 1.5 3C1.5 2.71667 1.59583 2.47917 1.7875 2.2875C1.97917 2.09583 2.21667 2 2.5 2H4.125C4.30833 2 4.48333 2.05 4.65 2.15C4.81667 2.25 4.94167 2.39167 5.025 2.575L5.7 4Z", fill: "#525252" })));

package/dist/esm/vviinn-vpr-button.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-abf408d8.js';
-import { v as version } from './package-a324ea99.js';
+import { v as version } from './package-25f24f03.js';
 import { V as VisualSearchIcon } from './VisualSearchIcon-b301a1d4.js';
 
 const vviinnVprButtonCss = ":host{display:block}";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-abf408d8.js';
-import { v as version } from './package-a324ea99.js';
+import { v as version } from './package-25f24f03.js';
 import { C as CameraIcon } from './CameraIcon-785208d2.js';
 import { c as campaignTypeNames, S as SlotSkeleton } from './customized-slots-299054d1.js';
 import { D as DEFAULT_EXAMPLE_IMAGE } from './constants-8bf233a9.js';

package/dist/esm/vviinn-vps-widget.entry.js

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, c as createEvent, F as Fragment, H as Host, g as getElement } from './index-abf408d8.js';
 import { s as searchState, j as makeTextSearchRequest, d as state, k as parseExcludedToParams, O as Option } from './search.store-1a984942.js';
 import { i as instance, r as resources, k as createSearchEvent, l as createFilterEvent, v as v4, c as createTrackingApi, m as createWidgetVpsEvent } from './index-d7915af0.js';
-import { v as version } from './package-a324ea99.js';
+import { v as version } from './package-25f24f03.js';
 import { c as campaignTypeNames, s as slotChangeListener, S as SlotSkeleton } from './customized-slots-299054d1.js';
 import { D as DEFAULT_EXAMPLE_IMAGE } from './constants-8bf233a9.js';
 

package/dist/types/components/vviinn-filters/stories/args.d.ts

@@ -2,7 +2,4 @@ export declare const argTypes: {
   filters: {
     control: boolean;
   };
-  filtersString: {
-    control: boolean;
-  };
 };

package/dist/types/components/vviinn-filters/stories/constants.d.ts

@@ -1,20 +1,36 @@
 export declare const filters: ({
   column: string;
   label: string;
+  isPrimary: boolean;
   values: {
-    value: string;
+    value: {
+      value: string;
+      name: string;
+      hexCode: string;
+      rgb: {
+        red: number;
+        green: number;
+        blue: number;
+      };
+      family: string;
+    };
     label: string;
+    active: boolean;
     selected: boolean;
   }[];
   full?: undefined;
+  selectedValues?: undefined;
   suggestions?: undefined;
+  histogram?: undefined;
 } | {
   column: string;
   label: string;
+  isPrimary: boolean;
   full: {
     start: number;
     end: number;
   };
+  selectedValues: any[];
   suggestions: {
     value: {
       frequency: number;
@@ -24,7 +40,32 @@ export declare const filters: ({
       };
     };
     label: string;
-    selected: boolean;
+    active: boolean;
+  }[];
+  histogram: {
+    value: {
+      frequency: number;
+      interval: {
+        start: number;
+        end: number;
+      };
+    };
+    label: string;
+    active: boolean;
   }[];
   values?: undefined;
+} | {
+  column: string;
+  label: string;
+  isPrimary: boolean;
+  values: {
+    value: string;
+    label: string;
+    active: boolean;
+    selected: boolean;
+  }[];
+  full?: undefined;
+  selectedValues?: undefined;
+  suggestions?: undefined;
+  histogram?: undefined;
 })[];

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

@@ -11,9 +11,6 @@ declare const _default: {
     filters: {
       control: boolean;
     };
-    filtersString: {
-      control: boolean;
-    };
   };
 };
 export default _default;

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

@@ -11,9 +11,6 @@ declare const _default: {
     filters: {
       control: boolean;
     };
-    filtersString: {
-      control: boolean;
-    };
   };
 };
 export default _default;

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

@@ -4,11 +4,16 @@ import { DynamicFilters, RequestDynamicFilters } from "../../campaign/VPRCampaig
 import { Locale } from "../../locale";
 import { ChangedFiltersEventData, DynamicFiltersEventData } from "../../recommendation/events";
 /**
+ * @slot vviinn-extended-filters-title - Text on widget's header.
+ * @slot vviinn-extended-filters-apply - Title of Apply Button.
+ * @slot vviinn-extended-filters-reset - Title of Reset Button.
+ *
  * @part filters - Wrapper itself.
  */
 export declare class VviinnExtendedFilters {
   el: HTMLElement;
   filters: DynamicFilters;
+  /** @internal */
   filtersString: string;
   /** The locale for currency formatting and text localization */
   locale: Locale;

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

@@ -8,6 +8,7 @@ import { ChangedFiltersEventData, DynamicFiltersEventData } from "../../recommen
 export declare class VviinnFilters {
   el: HTMLElement;
   filters: DynamicFilters;
+  /** @internal */
   filtersString: string;
   selectedFilter: DynamicFilter;
   requestFilters: RequestDynamicFilters;

package/dist/types/components.d.ts

@@ -1025,7 +1025,6 @@ declare namespace LocalJSX {
     }
     interface VviinnExtendedFilters {
         "filters"?: DynamicFilters;
-        "filtersString"?: string;
         /**
           * The locale for currency formatting and text localization
          */
@@ -1037,7 +1036,6 @@ declare namespace LocalJSX {
     }
     interface VviinnFilters {
         "filters"?: DynamicFilters;
-        "filtersString"?: string;
         /**
           * The filter's state changes
          */