vviinn-widgets 2.5.1 → 2.6.0

package/dist/types/campaign/CampaignService.d.ts

@@ -1,3 +1,3 @@
 import * as C from "./Campaign";
-export declare const getRecommendationsService: (campaignType: C.CampaignName) => ((productId: string) => (options: RequestInit) => import("fp-ts/lib/TaskEither").TaskEither<import("../error").BasicError<string | Response>, import("./VPRCampaignResponse").VPRCampaignResponse>) | ((productId: string) => (options: RequestInit) => import("fp-ts/lib/TaskEither").TaskEither<import("../error").BasicError<string | Response>, import("./VCSCampaignResponse").VCSCampaignResponse>);
+export declare const getRecommendationsService: (campaignType: C.CampaignName) => ((productId: string) => (campaigns: import("fp-ts/lib/Option").Option<string>) => (options: RequestInit) => import("fp-ts/lib/TaskEither").TaskEither<import("../error").BasicError<string | Response>, import("./VPRCampaignResponse").VPRCampaignResponse>) | ((productId: string) => (campaigns: import("fp-ts/lib/Option").Option<string>) => (options: RequestInit) => import("fp-ts/lib/TaskEither").TaskEither<import("../error").BasicError<string | Response>, import("./VCSCampaignResponse").VCSCampaignResponse>);
 //# sourceMappingURL=CampaignService.d.ts.map

package/dist/types/campaign/VCSCampaignService.d.ts

@@ -1,3 +1,4 @@
 import { VCSCampaignResponse } from "./VCSCampaignResponse";
-export declare const getVCSRecommendations: (productId: string) => (options: RequestInit) => import("fp-ts/lib/TaskEither").TaskEither<import("../error").BasicError<string | Response>, VCSCampaignResponse>;
+import * as O from "fp-ts/Option";
+export declare const getVCSRecommendations: (productId: string) => (campaigns: O.Option<string>) => (options: RequestInit) => import("fp-ts/lib/TaskEither").TaskEither<import("../error").BasicError<string | Response>, VCSCampaignResponse>;
 //# sourceMappingURL=VCSCampaignService.d.ts.map

package/dist/types/campaign/VPRCampaignService.d.ts

@@ -1,3 +1,4 @@
 import { VPRCampaignResponse } from "./VPRCampaignResponse";
-export declare const getVPRRecommendations: (productId: string) => (options: RequestInit) => import("fp-ts/lib/TaskEither").TaskEither<import("../error").BasicError<string | Response>, VPRCampaignResponse>;
+import * as O from "fp-ts/Option";
+export declare const getVPRRecommendations: (productId: string) => (campaigns: O.Option<string>) => (options: RequestInit) => import("fp-ts/lib/TaskEither").TaskEither<import("../error").BasicError<string | Response>, VPRCampaignResponse>;
 //# sourceMappingURL=VPRCampaignService.d.ts.map

package/dist/types/components/vviinn-vpr-button/recommendations-sidebar/recommendations-sidebar.d.ts

@@ -12,6 +12,8 @@ export declare class RecommendationsSidebar {
   position: "bottom" | "right";
   sourceImage: string | null;
   widgetScrollbar: boolean;
+  /** comma-separated list of campaign-ids */
+  campaigns: string;
   state: SidebarState;
   modalClosed: EventEmitter<void>;
   bodyClickListener(event: ClickEvent): void;

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

@@ -204,5 +204,11 @@ export declare const argTypes: {
   token: {
     name: string;
   };
+  campaigns: {
+    name: string;
+    control: {
+      type: string;
+    };
+  };
 };
 //# sourceMappingURL=args.d.ts.map

package/dist/types/components/vviinn-vpr-button/stories/vviinn-vpr-button.stories.d.ts

@@ -208,6 +208,12 @@ declare const _default: {
     token: {
       name: string;
     };
+    campaigns: {
+      name: string;
+      control: {
+        type: string;
+      };
+    };
   };
 };
 export default _default;

package/dist/types/components/vviinn-vpr-button/vviinn-vpr-button.d.ts

@@ -9,6 +9,8 @@ export declare class VviinnVprButton {
   sourceImage: string | null;
   sidebarTitle: string;
   modalScrollbar: boolean;
+  /** comma-separated list of campaign-ids */
+  campaigns: string;
   private sidebar;
   private sidebarCloseListener;
   render(): any;

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

@@ -51,6 +51,12 @@ export declare const argTypes: {
     };
     required: boolean;
   };
+  campaigns: {
+    name: string;
+    control: {
+      type: string;
+    };
+  };
   contentAlignment: {
     name: string;
     options: string[];

package/dist/types/components/vviinn-vpr-widget/stories/vviinn-vpr-widget.stories.d.ts

@@ -37,6 +37,12 @@ declare const _default: {
       };
       required: boolean;
     };
+    campaigns: {
+      name: string;
+      control: {
+        type: string;
+      };
+    };
     contentAlignment: {
       name: string;
       options: string[];

package/dist/types/components/vviinn-vpr-widget/vviinn-vpr-vidget.d.ts

@@ -41,6 +41,8 @@ export declare class VviinnVprWidget implements ComponentInterface {
   campaignType: CampaignName;
   /** Locale for currency formatting */
   locale: string;
+  /** comma-separated list of campaign-ids */
+  campaigns: string;
   /** @internal */
   apiPath: string | undefined;
   /** @internal */
@@ -56,6 +58,7 @@ export declare class VviinnVprWidget implements ComponentInterface {
   uiSessionId: string;
   handleProductIdChange(): void;
   handleCampaignTypeChange(): void;
+  handleCampaignsChange(): void;
   handleApiPathChange(newPath: string): void;
   handleImageLoading({ detail }: CustomEvent<string>): void;
   trackRecommendationView({ detail }: ProductCardEvent): void;

package/dist/types/components.d.ts

@@ -90,6 +90,10 @@ export namespace Components {
         "salePrice": number | undefined;
     }
     interface VviinnRecommendationsSidebar {
+        /**
+          * comma-separated list of campaign-ids
+         */
+        "campaigns": string;
         "position": "bottom" | "right";
         "productId": string;
         "sidebarTitle": string;
@@ -109,6 +113,10 @@ export namespace Components {
     interface VviinnTeaser {
     }
     interface VviinnVprButton {
+        /**
+          * comma-separated list of campaign-ids
+         */
+        "campaigns": string;
         "modalScrollbar": boolean;
         "position": "bottom" | "right";
         "productId": string;
@@ -126,6 +134,10 @@ export namespace Components {
           * Campaign type
          */
         "campaignType": CampaignName;
+        /**
+          * comma-separated list of campaign-ids
+         */
+        "campaigns": string;
         "cssUrl": string | null;
         /**
           * Currency sign will shown after price
@@ -541,6 +553,10 @@ declare namespace LocalJSX {
         "salePrice"?: number | undefined;
     }
     interface VviinnRecommendationsSidebar {
+        /**
+          * comma-separated list of campaign-ids
+         */
+        "campaigns"?: string;
         "onModalClosed"?: (event: CustomEvent<void>) => void;
         "position"?: "bottom" | "right";
         "productId"?: string;
@@ -562,6 +578,10 @@ declare namespace LocalJSX {
     interface VviinnTeaser {
     }
     interface VviinnVprButton {
+        /**
+          * comma-separated list of campaign-ids
+         */
+        "campaigns"?: string;
         "modalScrollbar"?: boolean;
         "position"?: "bottom" | "right";
         "productId"?: string;
@@ -578,6 +598,10 @@ declare namespace LocalJSX {
           * Campaign type
          */
         "campaignType"?: CampaignName;
+        /**
+          * comma-separated list of campaign-ids
+         */
+        "campaigns"?: string;
         "cssUrl"?: string | null;
         /**
           * Currency sign will shown after price

package/dist/vviinn-widgets/{app-globals-11a5a1c1.js → app-globals-26a61baa.js}

@@ -1,4 +1,4 @@
-import { E as Env } from './index-aa272585.js';
+import { E as Env } from './index-89051fa8.js';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.

package/dist/vviinn-widgets/cropper-handler.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, e as Host } from './index-aa272585.js';
+import { r as registerInstance, h, e as Host } from './index-89051fa8.js';
 import { R as getCursorValue } from './Handler-edcb46f4.js';
 
 const cropperHandlerCss = ":host{--size:20px;background:transparent;border:4px solid white;box-sizing:content-box;display:block;height:var(--size);touch-action:none;position:absolute;width:var(--size);z-index:4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.disabled){opacity:0.25}:host(.nw-resize){border-bottom:none;border-right:none;top:0;left:0}:host(.ne-resize){border-left:none;border-bottom:none;right:0;top:0}:host(.sw-resize){border-right:none;border-top:none;left:0;bottom:0}:host(.se-resize){border-left:none;border-top:none;bottom:0;right:0}";

package/{www/build/customized-slots-d5bb8a00.js → dist/vviinn-widgets/customized-slots-fb9b3e5f.js}

@@ -1,4 +1,4 @@
-import { h } from './index-aa272585.js';
+import { h } from './index-89051fa8.js';
 
 const defaultSlotsNames = [
   "vviinn-onboarding-title",

package/dist/vviinn-widgets/highlight-box.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, e as Host } from './index-aa272585.js';
-import { s as sequenceToOption, O as Option } from './number-dd70557d.js';
+import { r as registerInstance, h, e as Host } from './index-89051fa8.js';
+import { s as sequenceToOption, O as Option } from './number-171db649.js';
 import { p as pipe } from './Handler-edcb46f4.js';
-import { i as imageSearchState } from './imageSearch.store-fb3493d0.js';
+import { i as imageSearchState } from './imageSearch.store-15bda6de.js';
 import './NonEmptyArray-947ab7b3.js';
 import './Array-bdfc75db.js';
 

package/dist/vviinn-widgets/image-cropper.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, f as createEvent, h, e as Host, g as getElement } from './index-aa272585.js';
-import { i as imageSearchState, t as transform, b as move, n as makeRectangularSearchRequest } from './imageSearch.store-fb3493d0.js';
+import { r as registerInstance, f as createEvent, h, e as Host, g as getElement } from './index-89051fa8.js';
+import { i as imageSearchState, t as transform, b as move, q as makeRectangularSearchRequest } from './imageSearch.store-15bda6de.js';
 import { P as fromMouseEvent, Q as pointDiffSemigroup } from './Handler-edcb46f4.js';
 import { _ as _function } from './NonEmptyArray-947ab7b3.js';
-import { O as Option } from './number-dd70557d.js';
+import { O as Option } from './number-171db649.js';
 import './Array-bdfc75db.js';
 
 const findTarget = (ev) => {

package/dist/vviinn-widgets/{imageSearch.store-fb3493d0.js → imageSearch.store-15bda6de.js}

@@ -1,5 +1,5 @@
-import { i as getRenderingRef, j as forceUpdate } from './index-aa272585.js';
-import { O as Option, A as Applicative$6, P as Predicate, a as Ord$1, s as sequenceToOption } from './number-dd70557d.js';
+import { i as getRenderingRef, j as forceUpdate } from './index-89051fa8.js';
+import { O as Option, A as Applicative$6, P as Predicate, a as Ord$1, s as sequenceToOption } from './number-171db649.js';
 import { h as has, t as tuple, p as pipe, i as isNone$1, l as left$4, r as right$4, f as flow, s as some$3, n as none$1, a as identity, b as isLeft$1, c as isRight$1, e as emptyRecord, d as emptyReadonlyArray, g as head$4, j as isNonEmpty$4, k as constFalse, m as constTrue, o as isSome$1, q as constNull, u as constUndefined, v as first, w as last$4, x as tail$4, y as singleton, S as SK, z as fromReadonlyNonEmptyArray$1, A as getMonoid$4, B as fromEquals, C as min$2, D as max$2, E as struct, F as getStructSemigroup, G as semigroupDiv, H as contramap$1, I as ordNumber, J as fromRectangle, K as pointSumSemigroup, L as HandlerDirection, M as pointProductSemigroup, N as fromCompare, O as fromRectangle$1 } from './Handler-edcb46f4.js';
 import { c as createCommonjsModule, a as commonjsGlobal, S as Separated, F as Functor$9, _ as _function, g as getDefaultExportFromCjs, i as internal, W as Witherable$3, b as FromEither$5, A as Apply$6, C as Chain$8, O as Ord$2 } from './NonEmptyArray-947ab7b3.js';
 import { n as number, _ as _Array } from './Array-bdfc75db.js';
@@ -193,12 +193,6 @@ const trackingStore = {
 };
 
 const { state: state$1, onChange: onChange$1 } = createStore(Object.assign({ fallbackStyles: "", pricePrefix: null, currencySign: null, apiPath: null, token: null, locale: "de-DE" }, trackingStore));
-onChange$1("apiPath", (val) => {
-  console.log("apiPathChanged", val);
-});
-onChange$1("token", (val) => {
-  console.log("tokenChanged", val);
-});
 
 function ap$9(F, G) {
     return function (fa) { return function (fab) {
@@ -16036,4 +16030,4 @@ const processSelectedFile = async (file) => {
   return session;
 };
 
-export { Apply$5 as A, Either as E, TaskEither as T, scaleByLargestSide as a, move as b, sequenceT as c, dimensionsFromImage as d, createInitGetRequest as e, fromImage as f, getApiPath as g, fromEither$2 as h, imageSearchState as i, chainW as j, makeRequest as k, createInitPostRequest as l, match$5 as m, makeRectangularSearchRequest as n, fromAlt as o, processSelectedFile as p, foldValueObject as q, scaleWithSized as r, state$1 as s, transform as t, center as u, detectedObjectEq as v, toFile as w };
+export { Apply$5 as A, Either as E, TaskEither as T, scaleByLargestSide as a, move as b, sequenceT as c, dimensionsFromImage as d, createInitGetRequest as e, fromImage as f, getApiPath as g, fromEither$2 as h, imageSearchState as i, chainW as j, makeRequest as k, createInitPostRequest as l, match$5 as m, map$7 as n, match$4 as o, processSelectedFile as p, makeRectangularSearchRequest as q, fromAlt as r, state$1 as s, transform as t, foldValueObject as u, scaleWithSized as v, center as w, detectedObjectEq as x, toFile as y };

package/{www/build/index-9374b45b.js → dist/vviinn-widgets/index-533f9255.js}

@@ -1,4 +1,4 @@
-import { h } from './index-aa272585.js';
+import { h } from './index-89051fa8.js';
 
 const ArrowIcon = () => (h("svg", { width: "12", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   h("path", { d: "M0 10 10 0l1.4 1.4L2.8 10l8.6 8.6L10 20 0 10Z" })));

package/dist/vviinn-widgets/{index-aa272585.js → index-89051fa8.js}

@@ -1,6 +1,6 @@
 const NAMESPACE = 'vviinn-widgets';
 const BUILD = /* vviinn-widgets */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, cssVarShim: false, devTools: true, disconnectedCallback: true, dynamicImportShim: false, element: false, event: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: true, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: true, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: true, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, safari10: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: false, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: false, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
-const Env = /* vviinn-widgets */ {"packageVersion":"2.5.0","packageName":"vviinn-widgets","environment":"local"};
+const Env = /* vviinn-widgets */ {"packageVersion":"2.5.2","packageName":"vviinn-widgets","environment":"local"};
 
 let scopeId;
 let contentRef;

package/dist/vviinn-widgets/{number-dd70557d.js → number-171db649.js}

@@ -1496,4 +1496,4 @@ var Field = {
     mod: function (first, second) { return first % second; }
 };
 
-export { Applicative as A, Option as O, Predicate as P, Ord as a, sequenceToOption as s };
+export { Applicative as A, Option as O, Predicate as P, Ord as a, checkEmpryString as c, sequenceToOption as s };

package/dist/vviinn-widgets/search-filters.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, f as createEvent, h, e as Host, g as getElement } from './index-aa272585.js';
-import { i as imageSearchState } from './imageSearch.store-fb3493d0.js';
-import { b as CheckIcon } from './index-9374b45b.js';
-import './number-dd70557d.js';
+import { r as registerInstance, f as createEvent, h, e as Host, g as getElement } from './index-89051fa8.js';
+import { i as imageSearchState } from './imageSearch.store-15bda6de.js';
+import { b as CheckIcon } from './index-533f9255.js';
+import './number-171db649.js';
 import './NonEmptyArray-947ab7b3.js';
 import './Handler-edcb46f4.js';
 import './Array-bdfc75db.js';

package/dist/vviinn-widgets/vviinn-carousel.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-aa272585.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-89051fa8.js';
 import { _ as _Array } from './Array-bdfc75db.js';
-import { c as ChevronIcon } from './index-9374b45b.js';
+import { c as ChevronIcon } from './index-533f9255.js';
 import './NonEmptyArray-947ab7b3.js';
 
 const vviinnCarouselCss = ":host{--vviinn-progressbar-width:0;--vviinn-carousel-item-width:150px;--vviinn-carousel-columns-internal:var(--vviinn-carousel-columns, 4);--vviinn-carousel-image-width-system:140px}.body{display:flex;position:relative;width:var(--vviinn-carousel-content-width);flex-direction:column}.content-wrapper *{box-sizing:border-box}.content-wrapper{overflow-y:hidden;overflow-x:auto;flex-grow:1}.bullets{margin-top:16px;display:flex;flex-direction:row;grid-gap:24px;justify-content:center}.bullet{width:10px;height:10px;background:#E0E0E0;border-radius:50%;cursor:pointer}.bullet.active{background:#161616}.content:not(.show-scrollbar),.content.grid{scrollbar-color:#fff0 #fff0}.content:not(.show-scrollbar)::-webkit-scrollbar,.content.grid::-webkit-scrollbar{opacity:0}.content{display:flex;flex-direction:row;grid-gap:8px;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-y:hidden;overflow-x:auto;flex-grow:1;padding-bottom:16px}.content.left>*{scroll-snap-align:start}.content.right>*{scroll-snap-align:end}:host(.continuity) button{border-radius:2px}:host(.grid) button{border-radius:50%}button{align-items:center;background-color:white;border:none;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.15);cursor:pointer;display:grid;height:40px;justify-items:center;position:absolute;top:calc(50% - 20px);width:40px;z-index:1;padding:0;margin:0}button{fill:#525252}button.prev svg{transform:rotate(180deg);margin-left:-5px}.prev{left:0}.next{right:0}.items-group{display:grid;grid-gap:16px;grid-template-columns:repeat(var(--vviinn-carousel-columns-internal), 1fr);min-width:100%}vviinn-product-card::part(price-container){text-align:center}:host(.classic) vviinn-product-card::part(title),:host(.classic) vviinn-product-card::part(brand),:host(.classic) vviinn-product-card::part(type){text-align:center}@media (max-width: 480px){:host(.modern) button{display:none}.items-group{grid-template-columns:repeat(2, 1fr)}}";

package/dist/vviinn-widgets/vviinn-detected-object.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, f as createEvent, h, e as Host } from './index-aa272585.js';
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-89051fa8.js';
 import { _ as _function } from './NonEmptyArray-947ab7b3.js';
-import { O as Option } from './number-dd70557d.js';
-import { i as imageSearchState, o as fromAlt, q as foldValueObject, r as scaleWithSized, u as center, n as makeRectangularSearchRequest, v as detectedObjectEq } from './imageSearch.store-fb3493d0.js';
+import { O as Option } from './number-171db649.js';
+import { i as imageSearchState, r as fromAlt, u as foldValueObject, v as scaleWithSized, w as center, q as makeRectangularSearchRequest, x as detectedObjectEq } from './imageSearch.store-15bda6de.js';
 import './Handler-edcb46f4.js';
 import './Array-bdfc75db.js';
 

package/dist/vviinn-widgets/vviinn-empty-results.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, f as createEvent, h, e as Host } from './index-aa272585.js';
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-89051fa8.js';
 
 const vviinnEmptyResultsCss = ":host{display:grid}vviinn-error{justify-items:center}";
 

package/dist/vviinn-widgets/vviinn-error.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, e as Host } from './index-aa272585.js';
+import { r as registerInstance, h, e as Host } from './index-89051fa8.js';
 
 const vviinnErrorCss = ":host{background:#F4F4F4;border-radius:8px;display:grid;grid-gap:20px;padding:24px;text-align:center}::slotted(svg){display:grid;align-self:center}::slotted(h4){margin:unset;font-weight:600;font-size:18px;line-height:24px}::slotted(span){font-size:14px;line-height:20px}::slotted(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--color-primary, var(--color-primary-system));font-weight:600;font-size:16px;line-height:20px;cursor:pointer}";
 

package/dist/vviinn-widgets/vviinn-example-image.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, f as createEvent, h, e as Host } from './index-aa272585.js';
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-89051fa8.js';
 import { _ as _function } from './NonEmptyArray-947ab7b3.js';
-import { w as toFile, p as processSelectedFile, E as Either, i as imageSearchState } from './imageSearch.store-fb3493d0.js';
-import './number-dd70557d.js';
+import { y as toFile, p as processSelectedFile, E as Either, i as imageSearchState } from './imageSearch.store-15bda6de.js';
+import './number-171db649.js';
 import './Handler-edcb46f4.js';
 import './Array-bdfc75db.js';
 

package/dist/vviinn-widgets/vviinn-example-images.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, f as createEvent, h, e as Host, g as getElement } from './index-aa272585.js';
-import { s as slotChangeListener } from './customized-slots-d5bb8a00.js';
+import { r as registerInstance, f as createEvent, h, e as Host, g as getElement } from './index-89051fa8.js';
+import { s as slotChangeListener } from './customized-slots-fb9b3e5f.js';
 
 const vviinnExampleImagesCss = "h3{font-size:22px;font-weight:600;line-height:32px;margin:0;margin-bottom:16px;text-align:center}.images{display:block;-moz-column-count:2;column-count:2;-moz-column-gap:16px;column-gap:16px}";
 

package/dist/vviinn-widgets/vviinn-image-selector.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, f as createEvent, h, e as Host } from './index-aa272585.js';
-import { p as processSelectedFile, m as match, i as imageSearchState } from './imageSearch.store-fb3493d0.js';
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-89051fa8.js';
+import { p as processSelectedFile, m as match, i as imageSearchState } from './imageSearch.store-15bda6de.js';
 import { _ as _function } from './NonEmptyArray-947ab7b3.js';
-import './number-dd70557d.js';
+import './number-171db649.js';
 import './Handler-edcb46f4.js';
 import './Array-bdfc75db.js';
 

package/dist/vviinn-widgets/vviinn-image-view.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, e as Host } from './index-aa272585.js';
-import { d as dimensionsFromImage, a as scaleByLargestSide, f as fromImage, b as move, i as imageSearchState } from './imageSearch.store-fb3493d0.js';
+import { r as registerInstance, h, e as Host } from './index-89051fa8.js';
+import { d as dimensionsFromImage, a as scaleByLargestSide, f as fromImage, b as move, i as imageSearchState } from './imageSearch.store-15bda6de.js';
 import { _ as _function } from './NonEmptyArray-947ab7b3.js';
-import { O as Option, s as sequenceToOption } from './number-dd70557d.js';
+import { O as Option, s as sequenceToOption } from './number-171db649.js';
 import './Handler-edcb46f4.js';
 import './Array-bdfc75db.js';
 

package/dist/vviinn-widgets/vviinn-modal.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, f as createEvent, h, e as Host } from './index-aa272585.js';
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-89051fa8.js';
 
 const vviinnModalCss = ":host{background:white;border-radius:4px;box-sizing:border-box;display:grid;grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;max-width:960px}@media (max-width: 415px){:host{-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.closed){-webkit-animation-name:fade-out;animation-name:fade-out;-webkit-animation-fill-mode:none;animation-fill-mode:none}.body{overflow-y:auto}}@media (max-width: 640px) and (min-width: 415px){:host{max-width:80%}}.head{align-items:center;border-bottom:1px solid #F4F4F4;display:grid;grid-gap:16px;grid-template-columns:-webkit-min-content auto -webkit-min-content;grid-template-columns:min-content auto min-content;justify-items:center;padding:16px}.title{font-weight:600;font-size:18px;line-height:24px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;display:grid;padding:unset}@-webkit-keyframes fade-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes fade-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fade-out{from{transform:translateY(0)}to{transform:translateY(100%)}}";
 

package/dist/vviinn-widgets/vviinn-onboarding-card-1.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-aa272585.js';
-import { s as slotChangeListener } from './customized-slots-d5bb8a00.js';
-import { O as OnboardingCard1Icon } from './index-9374b45b.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-89051fa8.js';
+import { s as slotChangeListener } from './customized-slots-fb9b3e5f.js';
+import { O as OnboardingCard1Icon } from './index-533f9255.js';
 
 const onboardingCardCss = ":host{align-items:center;background:#f4f4f4;display:grid;grid-template-rows:repeat(2, 1fr);justify-items:center;padding:24px;width:100%}h4{color:#161616;font-size:18px;font-weight:600;line-height:24px;margin:unset;text-align:center}svg{padding:16px 0}p{color:#525252;font-size:14px;font-style:normal;font-weight:normal;line-height:20px;margin:unset;text-align:center}.colored{fill:var(--color-icons, var(--color-icons-system))}.text{display:grid;grid-gap:8px}";
 

package/dist/vviinn-widgets/vviinn-onboarding-card-2.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-aa272585.js';
-import { d as OnboardingCard2Icon } from './index-9374b45b.js';
-import { s as slotChangeListener } from './customized-slots-d5bb8a00.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-89051fa8.js';
+import { d as OnboardingCard2Icon } from './index-533f9255.js';
+import { s as slotChangeListener } from './customized-slots-fb9b3e5f.js';
 
 const onboardingCardCss = ":host{align-items:center;background:#f4f4f4;display:grid;grid-template-rows:repeat(2, 1fr);justify-items:center;padding:24px;width:100%}h4{color:#161616;font-size:18px;font-weight:600;line-height:24px;margin:unset;text-align:center}svg{padding:16px 0}p{color:#525252;font-size:14px;font-style:normal;font-weight:normal;line-height:20px;margin:unset;text-align:center}.colored{fill:var(--color-icons, var(--color-icons-system))}.text{display:grid;grid-gap:8px}";
 

package/dist/vviinn-widgets/vviinn-onboarding-card-3.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-aa272585.js';
-import { e as OnboardingCard3Icon } from './index-9374b45b.js';
-import { s as slotChangeListener } from './customized-slots-d5bb8a00.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-89051fa8.js';
+import { e as OnboardingCard3Icon } from './index-533f9255.js';
+import { s as slotChangeListener } from './customized-slots-fb9b3e5f.js';
 
 const onboardingCardCss = ":host{align-items:center;background:#f4f4f4;display:grid;grid-template-rows:repeat(2, 1fr);justify-items:center;padding:24px;width:100%}h4{color:#161616;font-size:18px;font-weight:600;line-height:24px;margin:unset;text-align:center}svg{padding:16px 0}p{color:#525252;font-size:14px;font-style:normal;font-weight:normal;line-height:20px;margin:unset;text-align:center}.colored{fill:var(--color-icons, var(--color-icons-system))}.text{display:grid;grid-gap:8px}";
 

package/dist/vviinn-widgets/vviinn-onboarding.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-aa272585.js';
-import { s as slotChangeListener } from './customized-slots-d5bb8a00.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-89051fa8.js';
+import { s as slotChangeListener } from './customized-slots-fb9b3e5f.js';
 
 const vviinnOnboardingCss = ":host{--color-primary-system:#0F62FE;--color-primary-hover-system:#014CDA;--color-icons-system:#2F8EDF;--spacer:8px}::host{display:block}h3{font-size:22px;font-weight:600;line-height:32px;margin:0;margin-bottom:16px;text-align:center}vviinn-slide{background:#f4f4f4;padding:24px}svg{padding:16px 0}.text{display:grid;grid-gap:8px}.text>h4{color:#161616;font-size:18px;font-weight:600;line-height:24px;margin:unset;text-align:center}.text>p{color:#525252;font-size:14px;font-style:normal;font-weight:normal;line-height:20px;margin:unset;text-align:center}.colored{fill:var(--color-icons, var(--color-icons-system))}";
 

package/dist/vviinn-widgets/vviinn-overlay.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, e as Host } from './index-aa272585.js';
+import { r as registerInstance, h, e as Host } from './index-89051fa8.js';
 
 const vviinnOverlayCss = ":host{-webkit-animation:fade-in 0.5s ease-in-out;animation:fade-in 0.5s ease-in-out;background:rgba(0, 0, 0, 0.5);display:block;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:9999}@-webkit-keyframes fade-in{from{opacity:0.1}to{opacity:1}}@keyframes fade-in{from{opacity:0.1}to{opacity:1}}";
 

package/dist/vviinn-widgets/vviinn-overlayed-modal.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, f as createEvent, h, e as Host } from './index-aa272585.js';
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-89051fa8.js';
 
 const vviinnOverlayedModalCss = ":host{display:none}:host(.active){display:block}vviinn-overlay{align-items:center;display:grid;justify-items:center}@media (max-width: 415px){vviinn-modal{border-radius:4px 4px 0 0;height:100vh;margin-top:32px;transform:translateY(100%);width:100vw}vviinn-overlay{align-items:end;display:grid;justify-items:center}}";
 

package/dist/vviinn-widgets/vviinn-preloader.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, e as Host } from './index-aa272585.js';
-import { i as imageSearchState } from './imageSearch.store-fb3493d0.js';
-import './number-dd70557d.js';
+import { r as registerInstance, h, e as Host } from './index-89051fa8.js';
+import { i as imageSearchState } from './imageSearch.store-15bda6de.js';
+import './number-171db649.js';
 import './NonEmptyArray-947ab7b3.js';
 import './Handler-edcb46f4.js';
 import './Array-bdfc75db.js';

package/dist/vviinn-widgets/vviinn-privacy-badge.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-aa272585.js';
-import { s as slotChangeListener } from './customized-slots-d5bb8a00.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-89051fa8.js';
+import { s as slotChangeListener } from './customized-slots-fb9b3e5f.js';
 
 const vviinnPrivacyBadgeCss = ":host{display:block;background:#F4F4F4;padding:17px}.content{display:grid;grid-template-columns:-webkit-min-content auto;grid-template-columns:min-content auto;grid-gap:9px}.content p{color:#525252;font-size:12px;line-height:16px;margin:unset}";
 

package/dist/vviinn-widgets/vviinn-product-card.entry.js

@@ -1,7 +1,7 @@
-import { h, r as registerInstance, f as createEvent, e as Host, g as getElement } from './index-aa272585.js';
+import { h, r as registerInstance, f as createEvent, e as Host, g as getElement } from './index-89051fa8.js';
 import { _ as _function, d as Semigroup } from './NonEmptyArray-947ab7b3.js';
-import { O as Option } from './number-dd70557d.js';
-import { E as Either, i as imageSearchState, s as state } from './imageSearch.store-fb3493d0.js';
+import { O as Option } from './number-171db649.js';
+import { E as Either, i as imageSearchState, s as state } from './imageSearch.store-15bda6de.js';
 import './Handler-edcb46f4.js';
 import './Array-bdfc75db.js';
 

package/dist/vviinn-widgets/vviinn-recommendations-sidebar.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, f as createEvent, h, e as Host, g as getElement } from './index-aa272585.js';
-import { a as CrossIcon } from './index-9374b45b.js';
+import { r as registerInstance, f as createEvent, h, e as Host, g as getElement } from './index-89051fa8.js';
+import { a as CrossIcon } from './index-533f9255.js';
 
 const recommendationsSidebarCss = ":host{--vviinn-carousel-columns:0;box-sizing:border-box;display:block;display:flex;height:100vh;left:0;position:fixed;top:0;transition:background 0.1s ease-in-out;width:100vw}:host(.open){background:rgba(0, 0, 0, 0.2)}:host(.bottom){flex-direction:column;justify-content:end}:host(.right){flex-direction:row;justify-content:flex-end}header{position:relative;text-align:center;padding:32px}header.contains-source-img{display:grid;justify-items:center;grid-gap:12px}img.source-image{width:64px;height:64px;border-radius:50%;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.15);padding:8px}:host(.right) header{box-shadow:0px 2px 6px rgba(0, 0, 0, 0.1)}main{padding:0 24px}:host(.right) main{overflow:auto}.sidebar{background:white;box-sizing:border-box;display:flex;flex-direction:column}:host(.bottom.idle) .sidebar,:host(.bottom.closed) .sidebar{transform:translateY(100%)}:host(.bottom.closed) .sidebar{-webkit-animation-name:slideOutFromBottom;animation-name:slideOutFromBottom;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.bottom.open) .sidebar{-webkit-animation-name:slideInFromBottom;animation-name:slideInFromBottom;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.right.idle) .sidebar{transform:translateX(100%)}:host(.right.closed) .sidebar{-webkit-animation-name:slideOutFromRight;animation-name:slideOutFromRight;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.right.open) .sidebar{-webkit-animation-name:slideInFromRight;animation-name:slideInFromRight;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.right) .sidebar{max-width:480px}:host(.right) vviinn-vpr-widget::part(recommendations-grid){display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:24px}:host(.right) vviinn-vpr-widget{overflow:auto}:host(.right) vviinn-vpr-widget::part(image){border:none}.title{font-style:normal;font-weight:500;font-size:28px;line-height:40px;text-align:center;color:#000000}vviinn-vpr-widget::part(title),vviinn-vpr-widget::part(brand),vviinn-vpr-widget::part(type){text-align:left}vviinn-vpr-widget::part(price-container){align-self:start}.close-sidebar{background:transparent;border:none;cursor:pointer;margin:0;padding:0;position:absolute;right:24px;top:24px}@-webkit-keyframes slideInFromBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInFromBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes slideOutFromBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideOutFromBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@-webkit-keyframes slideInFromRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideInFromRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@-webkit-keyframes slideOutFromRight{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slideOutFromRight{from{transform:translateX(0)}to{transform:translateX(100%)}}";
 
@@ -10,6 +10,8 @@ let RecommendationsSidebar = class {
     this.position = "bottom";
     this.sourceImage = null;
     this.widgetScrollbar = false;
+    /** comma-separated list of campaign-ids */
+    this.campaigns = "";
     this.state = "idle";
   }
   bodyClickListener(event) {
@@ -37,7 +39,7 @@ let RecommendationsSidebar = class {
     return (_a = this.el.shadowRoot.querySelector("aside")) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
   }
   render() {
-    return (h(Host, { class: this.getClassMap() }, h("aside", { class: "sidebar", part: "body", onAnimationEnd: (e) => this.handleAnimationEnd(e) }, h("header", { class: { "contains-source-img": this.isSourceImageValid() }, part: "sidebar-header" }, this.isSourceImageValid() ? this.renderSourceImage() : null, h("span", { class: "title", part: "title" }, this.sidebarTitle), h("button", { class: "close-sidebar", onClick: () => (this.state = "closed") }, h(CrossIcon, null))), h("main", { part: "sidebar-content" }, h("vviinn-vpr-widget", { exportparts: "brand, currency, deeplink, image, image-link, price-amount, price-container, price-outdated, price-prefix, price-regular, price-sale, title: product-title", token: this.token, productId: this.productId, imageWidth: 300, blockTitle: "", mode: this.position === "bottom" ? "continuity" : "grid", useCarousel: this.position === "bottom", onRecommendationsLoaded: () => (this.state = "open"), showScroll: this.widgetScrollbar })))));
+    return (h(Host, { class: this.getClassMap() }, h("aside", { class: "sidebar", part: "body", onAnimationEnd: (e) => this.handleAnimationEnd(e) }, h("header", { class: { "contains-source-img": this.isSourceImageValid() }, part: "sidebar-header" }, this.isSourceImageValid() ? this.renderSourceImage() : null, h("span", { class: "title", part: "title" }, this.sidebarTitle), h("button", { class: "close-sidebar", onClick: () => (this.state = "closed") }, h(CrossIcon, null))), h("main", { part: "sidebar-content" }, h("vviinn-vpr-widget", { exportparts: "brand, currency, deeplink, image, image-link, price-amount, price-container, price-outdated, price-prefix, price-regular, price-sale, title: product-title", token: this.token, productId: this.productId, imageWidth: 300, blockTitle: "", mode: this.position === "bottom" ? "continuity" : "grid", useCarousel: this.position === "bottom", onRecommendationsLoaded: () => (this.state = "open"), showScroll: this.widgetScrollbar, campaigns: this.campaigns })))));
   }
   renderSourceImage() {
     return (h("img", { class: "source-image", part: "source-image", src: this.sourceImage }));

package/dist/vviinn-widgets/vviinn-server-error.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, f as createEvent, h, e as Host } from './index-aa272585.js';
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-89051fa8.js';
 
 const vviinnServerErrorCss = ":host{display:block}";
 

package/dist/vviinn-widgets/vviinn-slide.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, e as Host } from './index-aa272585.js';
+import { r as registerInstance, h, e as Host } from './index-89051fa8.js';
 
 const vviinnSlideCss = ":host{display:grid;justify-items:center}";
 

package/dist/vviinn-widgets/vviinn-slider.entry.js

@@ -1,7 +1,7 @@
-import { h, r as registerInstance, e as Host, g as getElement } from './index-aa272585.js';
+import { h, r as registerInstance, e as Host, g as getElement } from './index-89051fa8.js';
 import { N as NonEmptyArray, _ as _function } from './NonEmptyArray-947ab7b3.js';
-import { O as Option, s as sequenceToOption, a as Ord } from './number-dd70557d.js';
-import { A as ArrowIcon } from './index-9374b45b.js';
+import { O as Option, s as sequenceToOption, a as Ord } from './number-171db649.js';
+import { A as ArrowIcon } from './index-533f9255.js';
 
 const getStyleMap = (data) => {
   return {

package/dist/vviinn-widgets/vviinn-teaser.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-aa272585.js';
-import { s as slotChangeListener } from './customized-slots-d5bb8a00.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-89051fa8.js';
+import { s as slotChangeListener } from './customized-slots-fb9b3e5f.js';
 
 const vviinnTeaserCss = ":host{align-items:center;display:grid;justify-items:center;grid-gap:16px}.vviinn-teaser-text{font-size:28px;font-weight:600;line-height:40px;size:28px;text-align:center}";
 

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, e as Host } from './index-aa272585.js';
-import { V as VisualSearchIcon } from './index-9374b45b.js';
+import { r as registerInstance, h, e as Host } from './index-89051fa8.js';
+import { V as VisualSearchIcon } from './index-533f9255.js';
 
 const vviinnVprButtonCss = ":host{display:block}.open-button{align-items:center;background:rgba(255, 255, 255, 0.8);border-radius:50%;border:none;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.15);box-sizing:border-box;cursor:pointer;display:grid;height:40px;justify-items:center;padding:0;width:40px;transition:all 0.25s ease-in-out}.open-button:hover{box-shadow:0px 2px 6px rgba(0, 0, 0, 0.25)}.open-button:focus{border:2px solid rgba(15, 98, 254, 0.5);outline:none}.open-button:active{background:#F4F4F4;outline:none}";
 
@@ -10,6 +10,8 @@ let VviinnVprButton = class {
     this.sourceImage = null;
     this.sidebarTitle = "Visually similar products";
     this.modalScrollbar = false;
+    /** comma-separated list of campaign-ids */
+    this.campaigns = "";
     this.sidebar = null;
     this.sidebarCloseListener = () => {
       document.body.removeChild(this.sidebar);
@@ -26,11 +28,14 @@ let VviinnVprButton = class {
     sidebar.position = this.position;
     sidebar.sourceImage = this.sourceImage;
     sidebar.widgetScrollbar = this.modalScrollbar;
+    sidebar.campaigns = this.campaigns;
     this.sidebar = sidebar;
     sidebar.addEventListener("modalClosed", this.sidebarCloseListener);
     document.body.append(this.sidebar);
   }
   disconnectedCallback() {
+    if (!this.sidebar)
+      return;
     this.sidebar.removeEventListener("modalCLosed", this.sidebarCloseListener);
     document.body.removeChild(this.sidebar);
   }