vviinn-widgets 2.0.0 → 2.1.0

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

@@ -1,4 +1,4 @@
-export declare type CampaignName = "VPR" | "VSC";
+export declare type CampaignName = "VPR" | "VCS";
 export interface VPR {
   readonly _tag: "VPR";
 }

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

@@ -1,5 +1,6 @@
+import { Recommendation } from "../../recommendation/recommendation";
 declare type MoveDirection = "left" | "right";
-export declare type CarouselMode = "classic" | "modern";
+export declare type CarouselMode = "grid" | "continuity";
 export declare class VviinnCarousel {
   el: HTMLElement;
   moveDirection: MoveDirection;
@@ -8,29 +9,26 @@ export declare class VviinnCarousel {
   mode: CarouselMode;
   imageWidth: number;
   showScroll: boolean;
-  private content;
+  recommendations: Recommendation[];
   private columns;
   private resizeObserver;
   private mutationObserver;
   connectedCallback(): void;
   disconnectedCallback(): void;
-  componentDidRender(): void;
+  componentDidLoad(): void;
   private getItemWidthFromDocument;
   private setItemWidth;
   private getContentClassMap;
   private handleResize;
   private calculateMoveStep;
+  private getHostParent;
   private setWidth;
   private cloneSlottedContent;
-  private renderContent;
-  private renderGroup;
-  private renderLine;
   private getActiveGroupIndex;
   private getContentNode;
   private getContent;
   private getColumnsNumber;
   private getContentGroups;
-  private appendToContent;
   private showNext;
   private showPrev;
   private scroll;
@@ -38,6 +36,13 @@ export declare class VviinnCarousel {
   private showBullets;
   private showScrollbar;
   private getClassMap;
+  private renderRecommendation;
+  private renderRecommendationGroup;
+  private renderRecommendationGroups;
+  private renderRecommendations;
+  private renderRecommendationsElements;
+  private renderGrid;
+  private renderBullets;
   render(): any;
 }
 export {};

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

@@ -1,12 +1,25 @@
 import { ComponentInterface } from "../../stencil-public-runtime";
 import { Interfaces } from "../../interfaces/recommendation";
 import { CampaignName } from "../../campaign/Campaign";
+import { CarouselMode } from "../vviinn-carousel/vviinn-carousel";
+/**
+ * @part product-card - product card itself
+ * @part title - title inside product card
+ * @part brand - brand inside product card
+ * @part currency - brand inside product card
+ * @part image - product card image
+ * @part image-link - anchor element around product image
+ * @part price-amount - span element around every prices
+ * @part price-container - block of prices
+ * @part price-outdated - block for outdated price. rendered when product contains sale price
+ * @part price-prefix - block rendered before each price element (for ex. "from")
+ * @part price-regular - block for price if no sale price presented
+ * @part price-sale -  block for sale price. rendered only if sale price presented
+ */
 export declare class VviinnVprWidget implements ComponentInterface {
   el: HTMLElement;
   /** Title for recommendations widget */
   blockTitle: string;
-  /** Number of columns for recommendations */
-  columns: number;
   /** Ratio of each recommended product image */
   imageRatio: number;
   /** Width of each recommended product image */
@@ -20,7 +33,7 @@ export declare class VviinnVprWidget implements ComponentInterface {
   /** prefix will shown before price */
   pricePrefix: string;
   /** Use slider or grid view */
-  mode: "classic" | "modern";
+  mode: CarouselMode;
   /** Campaign type */
   campaignType: CampaignName;
   /** Locale for currency formatting */
@@ -28,13 +41,18 @@ export declare class VviinnVprWidget implements ComponentInterface {
   /** @internal */
   apiPath: string | undefined;
   showScroll: boolean;
+  cssUrl: string | null;
   recommendations: Interfaces["VisualProductSearch"][];
   loaded: boolean;
   handleProductIdChange(): void;
+  handleCampaignTypeChange(): void;
+  handleApiPathChange(newPath: string): void;
   connectedCallback(): void;
   componentWillLoad(): Promise<void>;
   private getRecommendations;
-  handleError(error: unknown): any;
-  handleRecommendationsSucces(data: any): void;
+  private handleError;
+  private handleRecommendationsSucces;
+  private isExternalCSS;
+  private renderExternalCSS;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -8,7 +8,9 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Handler } from "./cropper/Handler";
 import { DetectedObject, SearchSessionFilter } from "./searchSession/searchSession";
 import { CarouselMode } from "./components/vviinn-carousel/vviinn-carousel";
+import { Recommendation } from "./recommendation/recommendation";
 import { ValueObject } from "./network/ion/ValueObject";
+import { CarouselMode as CarouselMode1 } from "./components/vviinn-carousel/vviinn-carousel";
 import { CampaignName } from "./campaign/Campaign";
 export namespace Components {
     interface CropperHandler {
@@ -26,6 +28,7 @@ export namespace Components {
     interface VviinnCarousel {
         "imageWidth": number;
         "mode": CarouselMode;
+        "recommendations": Recommendation[];
         "showScroll": boolean;
     }
     interface VviinnDetectedObject {
@@ -104,10 +107,7 @@ export namespace Components {
           * Campaign type
          */
         "campaignType": CampaignName;
-        /**
-          * Number of columns for recommendations
-         */
-        "columns": number;
+        "cssUrl": string | null;
         /**
           * Currency sign will shown after price
          */
@@ -127,7 +127,7 @@ export namespace Components {
         /**
           * Use slider or grid view
          */
-        "mode": "classic" | "modern";
+        "mode": CarouselMode;
         /**
           * prefix will shown before price
          */
@@ -409,6 +409,7 @@ declare namespace LocalJSX {
     interface VviinnCarousel {
         "imageWidth"?: number;
         "mode"?: CarouselMode;
+        "recommendations"?: Recommendation[];
         "showScroll"?: boolean;
     }
     interface VviinnDetectedObject {
@@ -522,10 +523,7 @@ declare namespace LocalJSX {
           * Campaign type
          */
         "campaignType"?: CampaignName;
-        /**
-          * Number of columns for recommendations
-         */
-        "columns"?: number;
+        "cssUrl"?: string | null;
         /**
           * Currency sign will shown after price
          */
@@ -545,7 +543,7 @@ declare namespace LocalJSX {
         /**
           * Use slider or grid view
          */
-        "mode"?: "classic" | "modern";
+        "mode"?: CarouselMode;
         /**
           * prefix will shown before price
          */