vviinn-widgets 2.2.2 → 2.4.0

package/dist/types/Image/fromFile.d.ts

@@ -1,3 +1,4 @@
 import { Task } from "fp-ts/Task";
 export declare const fromFile: (f: File) => Promise<HTMLImageElement>;
 export declare const imageFromFileTask: (f: File) => Task<HTMLImageElement>;
+//# sourceMappingURL=fromFile.d.ts.map

package/dist/types/Image/imageToB64.d.ts

@@ -1 +1,2 @@
 export declare const imageToB64: (i: HTMLImageElement) => string;
+//# sourceMappingURL=imageToB64.d.ts.map

package/dist/types/Image/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/dist/types/Image/renderPromise.d.ts

@@ -1,2 +1,3 @@
 export declare const renderPromise: (url: string) => Promise<void>;
 export declare const imagesRenderedPromise: (urls: string[]) => Promise<void[]>;
+//# sourceMappingURL=renderPromise.d.ts.map

package/dist/types/Image/resizeImage.d.ts

@@ -1 +1,2 @@
 export declare const resizeImage: (width: number, i: HTMLImageElement) => string;
+//# sourceMappingURL=resizeImage.d.ts.map

package/dist/types/Image/sizing.d.ts

@@ -8,3 +8,4 @@ declare type ImageDimensions = ImageDimension[];
 export declare const scaleByLargestSide: (toSize: number) => (dimensions: ImageDimensions) => ImageDimensions;
 export declare const dimensionsFromImage: (image: HTMLImageElement) => ImageDimensions;
 export {};
+//# sourceMappingURL=sizing.d.ts.map

package/dist/types/Image/toFile.d.ts

@@ -1,3 +1,4 @@
 import { Task } from "fp-ts/Task";
 export declare const toFile: (b64data: string) => Promise<File>;
 export declare const convertB64toFileTask: (b64data: string) => Task<File>;
+//# sourceMappingURL=toFile.d.ts.map

package/dist/types/analytics/GAnalytics.d.ts

@@ -13,3 +13,4 @@ export declare class GAnalytics implements ProductAnalytics {
   sendImpression(product: Interfaces['VisualProductSearch']): any;
   sendClick(product: Interfaces['VisualProductSearch']): any;
 }
+//# sourceMappingURL=GAnalytics.d.ts.map

package/dist/types/analytics/GeneralAnalytics.d.ts

@@ -1,3 +1,4 @@
 import { Option } from "fp-ts/lib/Option";
 import { ProductAnalytics } from "./ProductAnalytics";
 export declare const getAnalyticsModule: Option<ProductAnalytics>;
+//# sourceMappingURL=GeneralAnalytics.d.ts.map

package/dist/types/analytics/GtagAnalytics.d.ts

@@ -4,3 +4,4 @@ export declare class GtagAnalytics implements ProductAnalytics {
   sendImpression(product: Interfaces['VisualProductSearch']): any;
   sendClick(product: Interfaces['VisualProductSearch']): any;
 }
+//# sourceMappingURL=GtagAnalytics.d.ts.map

package/dist/types/analytics/ProductAnalytics.d.ts

@@ -3,3 +3,4 @@ export interface ProductAnalytics {
   sendImpression: (product: Recommendation) => undefined;
   sendClick: (product: Recommendation) => undefined;
 }
+//# sourceMappingURL=ProductAnalytics.d.ts.map

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

@@ -10,3 +10,4 @@ export declare const isVCS: (c: Campaign) => c is VCS;
 export declare type Campaign = VPR | VCS;
 export declare function fold<A, B>(onVPR: () => A, onVCS: () => B): (c: Campaign) => A | B;
 export declare function fromString(s: CampaignName): Campaign;
+//# sourceMappingURL=Campaign.d.ts.map

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

@@ -1,2 +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>);
+//# sourceMappingURL=CampaignService.d.ts.map

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

@@ -1,2 +1,3 @@
 export interface VCSCampaign {
 }
+//# sourceMappingURL=VCSCampaign.d.ts.map

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

@@ -1,2 +1,3 @@
 import { Recommendation } from "../recommendation/recommendation";
 export declare type VCSCampaignResponse = Recommendation[];
+//# sourceMappingURL=VCSCampaignResponse.d.ts.map

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

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

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

@@ -3,3 +3,4 @@ export interface VPRCampaignResponse {
   bestFits?: string[];
   extended?: Recommendation[];
 }
+//# sourceMappingURL=VPRCampaignResponse.d.ts.map

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

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

package/dist/types/components/customized-slots.d.ts

@@ -1,2 +1,3 @@
 export declare const SlotSkeleton: () => any[];
 export declare const slotChangeListener: (component: any, element: HTMLElement) => void;
+//# sourceMappingURL=customized-slots.d.ts.map

package/dist/types/components/image-search/image-view/highlight-box/highlight-box.d.ts

@@ -3,3 +3,4 @@ export declare class HighlightBox {
   private renderImage;
   render(): any;
 }
+//# sourceMappingURL=highlight-box.d.ts.map

package/dist/types/components/image-search/image-view/image-cropper/cropper-handler/cropper-handler.d.ts

@@ -4,3 +4,4 @@ export declare class CropperHandler {
   disabled: boolean;
   render(): any;
 }
+//# sourceMappingURL=cropper-handler.d.ts.map

package/dist/types/components/image-search/image-view/image-cropper/image-cropper.d.ts

@@ -1,7 +1,9 @@
+import { EventEmitter } from "../../../../stencil-public-runtime";
 export declare class ImageCropper {
   el: HTMLElement;
   disabled: boolean;
   handleMove: boolean;
+  cropperChanged: EventEmitter;
   private handlerMoveDirection;
   private mouseStartPoint;
   private pointerMoveListener;
@@ -9,9 +11,11 @@ export declare class ImageCropper {
   private bounds;
   componentDidLoad(): void;
   private handleHandlerMove;
+  private outOfBounds;
   private handleCropperMove;
   private handlePointerDown;
   private handleSearchAreaRelease;
   private getStyleMap;
   render(): any;
 }
+//# sourceMappingURL=image-cropper.d.ts.map

package/dist/types/components/image-search/search-filters/search-filters.d.ts

@@ -1,9 +1,12 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { FilterAction } from "@vviinn/tracking-client-ts";
 import { SearchSessionFilter } from "../../../searchSession/searchSession";
 export declare class SearchFilters {
   el: HTMLElement;
   filter: SearchSessionFilter | null;
   selectedCategoryId: string | null;
   hideFilters: boolean;
+  filterSelected: EventEmitter<FilterAction>;
   private handleFilterSelection;
   private selectFilter;
   private clearSelectedFilter;
@@ -13,3 +16,4 @@ export declare class SearchFilters {
   private isFilterSelected;
   render(): any;
 }
+//# sourceMappingURL=search-filters.d.ts.map

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

@@ -1,6 +1,9 @@
 import { Recommendation } from "../../recommendation/recommendation";
 declare type MoveDirection = "left" | "right";
 export declare type CarouselMode = "grid" | "continuity";
+/**
+ * @part carousel-button
+ **/
 export declare class VviinnCarousel {
   el: HTMLElement;
   moveDirection: MoveDirection;
@@ -47,3 +50,4 @@ export declare class VviinnCarousel {
   render(): any;
 }
 export {};
+//# sourceMappingURL=vviinn-carousel.d.ts.map

package/dist/types/components/vviinn-error/vviinn-empty-results/vviinn-empty-results.d.ts

@@ -3,3 +3,4 @@ export declare class VviinnEmptyResults {
   actionClick: EventEmitter<void>;
   render(): any;
 }
+//# sourceMappingURL=vviinn-empty-results.d.ts.map

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

@@ -1,3 +1,4 @@
 export declare class VviinnError {
   render(): any;
 }
+//# sourceMappingURL=vviinn-error.d.ts.map

package/dist/types/components/vviinn-error/vviinn-server-error/vviinn-server-error.d.ts

@@ -3,3 +3,4 @@ export declare class VviinnServerError {
   actionClick: EventEmitter<void>;
   render(): any;
 }
+//# sourceMappingURL=vviinn-server-error.d.ts.map

package/dist/types/components/vviinn-error/vviinn-wrong-format/vviinn-wrong-format.d.ts

@@ -3,3 +3,4 @@ export declare class VviinnWrongFormat {
   actionClick: EventEmitter<void>;
   render(): any;
 }
+//# sourceMappingURL=vviinn-wrong-format.d.ts.map

package/dist/types/components/vviinn-example-images/vviinn-example-image/vviinn-example-image.d.ts

@@ -10,3 +10,4 @@ export declare class VviinnExampleImage {
   private showPreloader;
   render(): any;
 }
+//# sourceMappingURL=vviinn-example-image.d.ts.map

package/dist/types/components/vviinn-example-images/vviinn-example-images.d.ts

@@ -8,3 +8,4 @@ export declare class VviinnExampleImages {
   componentWillLoad(): void;
   render(): any;
 }
+//# sourceMappingURL=vviinn-example-images.d.ts.map

package/dist/types/components/vviinn-icons/index.d.ts

@@ -8,3 +8,4 @@ export declare const LoaderIcon: () => any;
 export declare const ChevronIcon: () => any;
 export declare const VisualSearchIcon: () => any;
 export declare const CrossIcon: () => any;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/vviinn-image-selector/vviinn-image-selector.d.ts

@@ -11,3 +11,4 @@ export declare class VviinnImageSelector {
   private isLoading;
   render(): any;
 }
+//# sourceMappingURL=vviinn-image-selector.d.ts.map

package/dist/types/components/vviinn-image-view/vviinn-detected-object/vviinn-detected-object.d.ts

@@ -1,10 +1,13 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
 import { ValueObject } from "../../../network/ion/ValueObject";
 import { DetectedObject } from "../../../searchSession/searchSession";
 export declare class VviinnDetectedObject {
   detectedObject: ValueObject<DetectedObject>;
+  detectedObjectClicked: EventEmitter;
   private getObjectPosition;
   private selectDetectedObject;
   private isActive;
   position: [string, string];
   render(): any;
 }
+//# sourceMappingURL=vviinn-detected-object.d.ts.map

package/dist/types/components/vviinn-image-view/vviinn-image-view.d.ts

@@ -5,3 +5,4 @@ export declare class VviinnImageView {
   private renderCropper;
   render(): any;
 }
+//# sourceMappingURL=vviinn-image-view.d.ts.map

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

@@ -10,3 +10,4 @@ export declare class VviinnModal {
   private handleAnimationEnd;
   render(): any;
 }
+//# sourceMappingURL=vviinn-modal.d.ts.map

package/dist/types/components/vviinn-onboarding/onboarding-cards/vviinn-onboarding-card-1/vviinn-onboarding-card-1.d.ts

@@ -3,3 +3,4 @@ export declare class VviinnOnboardingCard1 {
   componentWillLoad(): void;
   render(): any;
 }
+//# sourceMappingURL=vviinn-onboarding-card-1.d.ts.map

package/dist/types/components/vviinn-onboarding/onboarding-cards/vviinn-onboarding-card-2/vviinn-onboarding-card-2.d.ts

@@ -3,3 +3,4 @@ export declare class VviinnOnboardingCard2 {
   componentWillLoad(): void;
   render(): any;
 }
+//# sourceMappingURL=vviinn-onboarding-card-2.d.ts.map

package/dist/types/components/vviinn-onboarding/onboarding-cards/vviinn-onboarding-card-3/vviinn-onboarding-card-3.d.ts

@@ -3,3 +3,4 @@ export declare class VviinnOnboardingCard3 {
   componentWillLoad(): void;
   render(): any;
 }
+//# sourceMappingURL=vviinn-onboarding-card-3.d.ts.map

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

@@ -3,3 +3,4 @@ export declare class VviinnOnboarding {
   componentWillLoad(): void;
   render(): any;
 }
+//# sourceMappingURL=vviinn-onboarding.d.ts.map

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

@@ -1,3 +1,4 @@
 export declare class VviinnOverlay {
   render(): any;
 }
+//# sourceMappingURL=vviinn-overlay.d.ts.map

package/dist/types/components/vviinn-overlayed-modal/vviinn-overlayed-modal.d.ts

@@ -5,3 +5,4 @@ export declare class VviinnOverlayedModal {
   modalClosed: EventEmitter<void>;
   render(): any;
 }
+//# sourceMappingURL=vviinn-overlayed-modal.d.ts.map

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

@@ -2,3 +2,4 @@ export declare class VviinnPreloader {
   private isActive;
   render(): any;
 }
+//# sourceMappingURL=vviinn-preloader.d.ts.map

package/dist/types/components/vviinn-privacy-badge/vviinn-privacy-badge.d.ts

@@ -3,3 +3,4 @@ export declare class VviinnPrivacyBadge {
   componentWillLoad(): void;
   render(): any;
 }
+//# sourceMappingURL=vviinn-privacy-badge.d.ts.map

package/dist/types/components/vviinn-product-card/render-helpers.d.ts

@@ -23,3 +23,4 @@ export declare type ImageProps = {
 export declare const Image: (props: ImageProps, onLoadEnd?: () => any) => any;
 export declare const ResponsiveImage: (props: ImageProps, onLoadEnd?: () => any) => any;
 export {};
+//# sourceMappingURL=render-helpers.d.ts.map

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

@@ -0,0 +1,74 @@
+export declare const argTypes: {
+  imageWidth: {
+    name: string;
+  };
+  imageBorder: {
+    name: string;
+  };
+  imageBorderColor: {
+    name: string;
+    control: {
+      type: string;
+    };
+  };
+  imageBackground: {
+    name: string;
+    description: string;
+  };
+  showBrand: {
+    name: string;
+    description: string;
+  };
+  titleLineCount: {
+    name: string;
+    options: number[];
+    control: {
+      type: string;
+      default: number;
+    };
+  };
+  locale: {
+    name: string;
+    options: string[];
+    control: {
+      type: string;
+      default: number;
+    };
+  };
+  currencyValue: {
+    name: string;
+    options: string[];
+    control: {
+      type: string;
+      default: number;
+    };
+  };
+  contentAlignment: {
+    name: string;
+    options: string[];
+    mapping: {
+      Left: number;
+      Centered: number;
+      Right: number;
+    };
+    control: {
+      type: string;
+      default: number;
+    };
+  };
+  primaryTextColor: {
+    name: string;
+    control: {
+      type: string;
+    };
+    description: string;
+  };
+  secondaryTextColor: {
+    name: string;
+    description: string;
+    control: {
+      type: string;
+    };
+  };
+};
+//# sourceMappingURL=args.d.ts.map

package/dist/types/components/vviinn-product-card/stories/decorators.d.ts

@@ -0,0 +1,2 @@
+export declare const productDecorator: (story: () => any) => string;
+//# sourceMappingURL=decorators.d.ts.map

package/dist/types/components/vviinn-product-card/stories/vviinn-product-card.stories.d.ts

@@ -0,0 +1,81 @@
+declare const _default: {
+  title: string;
+  component: string;
+  decorators: ((story: () => any) => string)[];
+  argTypes: {
+    imageWidth: {
+      name: string;
+    };
+    imageBorder: {
+      name: string;
+    };
+    imageBorderColor: {
+      name: string;
+      control: {
+        type: string;
+      };
+    };
+    imageBackground: {
+      name: string;
+      description: string;
+    };
+    showBrand: {
+      name: string;
+      description: string;
+    };
+    titleLineCount: {
+      name: string;
+      options: number[];
+      control: {
+        type: string;
+        default: number;
+      };
+    };
+    locale: {
+      name: string;
+      options: string[];
+      control: {
+        type: string;
+        default: number;
+      };
+    };
+    currencyValue: {
+      name: string;
+      options: string[];
+      control: {
+        type: string;
+        default: number;
+      };
+    };
+    contentAlignment: {
+      name: string;
+      options: string[];
+      mapping: {
+        Left: number;
+        Centered: number;
+        Right: number;
+      };
+      control: {
+        type: string;
+        default: number;
+      };
+    };
+    primaryTextColor: {
+      name: string;
+      control: {
+        type: string;
+      };
+      description: string;
+    };
+    secondaryTextColor: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const Default: any;
+//# sourceMappingURL=vviinn-product-card.stories.d.ts.map

package/dist/types/components/vviinn-product-card/vviinn-product-card.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { ProductCardEventData } from "../../recommendation/events";
 /**
  * @part brand - product brand.
  * @part currency - currency sign. Renders after price-amount.
@@ -30,15 +31,19 @@ export declare class VviinnProductCard {
   salePrice: number | undefined;
   responsive: boolean;
   dimmedBackground: boolean;
+  /** @internal */
+  index: number;
   imageLoaded: boolean;
   /** Event fires ones when recommendation rendered on page */
-  recommendationLoad: EventEmitter<string>;
+  recommendationLoad: EventEmitter<ProductCardEventData>;
   /** Event fires ones when recommendation appears on the viewport */
-  recommendationView: EventEmitter<string>;
+  recommendationView: EventEmitter<ProductCardEventData>;
   /** Event fires ones when user click on deeplink */
-  recommendationClick: EventEmitter<string>;
+  recommendationClick: EventEmitter<ProductCardEventData>;
   productImageLoaded: EventEmitter<string>;
+  private productData;
   private intersectionObserver;
+  connectedCallback(): void;
   private intersectionCallback;
   componentDidLoad(): void;
   private getProduct;
@@ -46,3 +51,4 @@ export declare class VviinnProductCard {
   private kek;
   render(): any;
 }
+//# sourceMappingURL=vviinn-product-card.d.ts.map

package/dist/types/components/vviinn-slider/arrow.d.ts

@@ -9,3 +9,4 @@ declare type ArrowProp = {
 };
 export declare const Arrow: FunctionalComponent<ArrowProp>;
 export {};
+//# sourceMappingURL=arrow.d.ts.map

package/dist/types/components/vviinn-slider/vviinn-slide/vviinn-slide.d.ts

@@ -1,3 +1,4 @@
 export declare class VviinnSlide {
   render(): any;
 }
+//# sourceMappingURL=vviinn-slide.d.ts.map

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

@@ -21,3 +21,4 @@ export declare class VviinnSlider {
   private handleTouchEnd;
   render(): any;
 }
+//# sourceMappingURL=vviinn-slider.d.ts.map

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

@@ -3,3 +3,4 @@ export declare class VviinnTeaser {
   componentWillLoad(): void;
   render(): any;
 }
+//# sourceMappingURL=vviinn-teaser.d.ts.map

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

@@ -23,3 +23,4 @@ export declare class RecommendationsSidebar {
   private handleAnimationEnd;
 }
 export {};
+//# sourceMappingURL=recommendations-sidebar.d.ts.map