vviinn-widgets 2.2.1 → 2.3.1

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

@@ -0,0 +1,207 @@
+export declare const argTypes: {
+  buttonSize: {
+    name: string;
+    options: string[];
+    mapping: {
+      Default: number;
+      Small: number;
+      Large: number;
+    };
+    control: {
+      type: string;
+      labels: {
+        Default: string;
+        Small: string;
+        Large: string;
+      };
+    };
+    defaultValue: string;
+  };
+  iconColor: {
+    name: string;
+    control: {
+      type: string;
+    };
+    defaultValue: string;
+  };
+  backgroundColor: {
+    name: string;
+    control: {
+      type: string;
+    };
+    defaultValue: string;
+  };
+  backgroundOpacity: {
+    name: string;
+    control: {
+      type: string;
+    };
+    defaultValue: number;
+  };
+  radius: {
+    name: string;
+    control: {
+      type: string;
+    };
+    defaultValue: number;
+  };
+  border: {
+    name: string;
+    control: {
+      type: string;
+    };
+    defaultValue: boolean;
+  };
+  borderColor: {
+    name: string;
+    control: {
+      type: string;
+    };
+    defaultValue: string;
+  };
+  shadow: {
+    name: string;
+    control: {
+      type: string;
+    };
+    defaultValue: boolean;
+  };
+  position: {
+    name: string;
+    options: string[];
+    control: {
+      type: string;
+      labels: {
+        bottom: string;
+        right: string;
+      };
+    };
+    defaultValue: string;
+  };
+  backdropOpacity: {
+    name: string;
+    control: {
+      type: string;
+    };
+    defaultValue: number;
+  };
+  sidebarBorderRadius: {
+    name: string;
+    control: {
+      type: string;
+    };
+    defaultValue: number;
+  };
+  showSourceImage: {
+    name: string;
+    control: {
+      type: string;
+    };
+    defaultValue: boolean;
+  };
+  sourceImageSize: {
+    name: string;
+    options: string[];
+    mapping: {
+      Default: number;
+      Small: number;
+      Large: number;
+    };
+    control: {
+      type: string;
+      labels: {
+        Default: string;
+        Small: string;
+        Large: string;
+      };
+    };
+    defaultValue: string;
+  };
+  sourceImageBorder: {
+    name: string;
+    control: {
+      type: string;
+    };
+    defaultValue: boolean;
+  };
+  sourceImageBorderColor: {
+    name: string;
+    control: {
+      type: string;
+    };
+    defaultValue: string;
+  };
+  sourceImageShadow: {
+    name: string;
+    control: {
+      type: string;
+    };
+    defaultValue: boolean;
+  };
+  font: {
+    name: string;
+    options: string[];
+    mapping: {
+      Inter: string;
+      System: string;
+      Arial: string;
+    };
+    control: {
+      type: string;
+      labels: {
+        Inter: string;
+        System: string;
+        Arial: string;
+      };
+    };
+    defaultValue: string;
+  };
+  primaryTextColor: {
+    name: string;
+    control: {
+      type: string;
+    };
+    defaultValue: string;
+  };
+  secondaryTextColor: {
+    name: string;
+    control: {
+      type: string;
+    };
+    defaultValue: string;
+  };
+  modalTitle: {
+    name: string;
+    control: {
+      type: string;
+    };
+    defaultValue: boolean;
+  };
+  sidebarTitle: {
+    name: string;
+    control: {
+      type: string;
+    };
+    defaultValue: string;
+  };
+  modalTitleFontSize: {
+    name: string;
+    control: {
+      type: string;
+    };
+    defaultValue: number;
+  };
+  modalScrollbar: {
+    name: string;
+    control: {
+      type: string;
+    };
+    defaultValue: boolean;
+  };
+  productId: {
+    name: string;
+  };
+  token: {
+    name: string;
+  };
+};

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

@@ -0,0 +1,214 @@
+declare const _default: {
+  title: string;
+  component: string;
+  decorators: ((...args: any) => any)[];
+  argTypes: {
+    buttonSize: {
+      name: string;
+      options: string[];
+      mapping: {
+        Default: number;
+        Small: number;
+        Large: number;
+      };
+      control: {
+        type: string;
+        labels: {
+          Default: string;
+          Small: string;
+          Large: string;
+        };
+      };
+      defaultValue: string;
+    };
+    iconColor: {
+      name: string;
+      control: {
+        type: string;
+      };
+      defaultValue: string;
+    };
+    backgroundColor: {
+      name: string;
+      control: {
+        type: string;
+      };
+      defaultValue: string;
+    };
+    backgroundOpacity: {
+      name: string;
+      control: {
+        type: string;
+      };
+      defaultValue: number;
+    };
+    radius: {
+      name: string;
+      control: {
+        type: string;
+      };
+      defaultValue: number;
+    };
+    border: {
+      name: string;
+      control: {
+        type: string;
+      };
+      defaultValue: boolean;
+    };
+    borderColor: {
+      name: string;
+      control: {
+        type: string;
+      };
+      defaultValue: string;
+    };
+    shadow: {
+      name: string;
+      control: {
+        type: string;
+      };
+      defaultValue: boolean;
+    };
+    position: {
+      name: string;
+      options: string[];
+      control: {
+        type: string;
+        labels: {
+          bottom: string;
+          right: string;
+        };
+      };
+      defaultValue: string;
+    };
+    backdropOpacity: {
+      name: string;
+      control: {
+        type: string;
+      };
+      defaultValue: number;
+    };
+    sidebarBorderRadius: {
+      name: string;
+      control: {
+        type: string;
+      };
+      defaultValue: number;
+    };
+    showSourceImage: {
+      name: string;
+      control: {
+        type: string;
+      };
+      defaultValue: boolean;
+    };
+    sourceImageSize: {
+      name: string;
+      options: string[];
+      mapping: {
+        Default: number;
+        Small: number;
+        Large: number;
+      };
+      control: {
+        type: string;
+        labels: {
+          Default: string;
+          Small: string;
+          Large: string;
+        };
+      };
+      defaultValue: string;
+    };
+    sourceImageBorder: {
+      name: string;
+      control: {
+        type: string;
+      };
+      defaultValue: boolean;
+    };
+    sourceImageBorderColor: {
+      name: string;
+      control: {
+        type: string;
+      };
+      defaultValue: string;
+    };
+    sourceImageShadow: {
+      name: string;
+      control: {
+        type: string;
+      };
+      defaultValue: boolean;
+    };
+    font: {
+      name: string;
+      options: string[];
+      mapping: {
+        Inter: string;
+        System: string;
+        Arial: string;
+      };
+      control: {
+        type: string;
+        labels: {
+          Inter: string;
+          System: string;
+          Arial: string;
+        };
+      };
+      defaultValue: string;
+    };
+    primaryTextColor: {
+      name: string;
+      control: {
+        type: string;
+      };
+      defaultValue: string;
+    };
+    secondaryTextColor: {
+      name: string;
+      control: {
+        type: string;
+      };
+      defaultValue: string;
+    };
+    modalTitle: {
+      name: string;
+      control: {
+        type: string;
+      };
+      defaultValue: boolean;
+    };
+    sidebarTitle: {
+      name: string;
+      control: {
+        type: string;
+      };
+      defaultValue: string;
+    };
+    modalTitleFontSize: {
+      name: string;
+      control: {
+        type: string;
+      };
+      defaultValue: number;
+    };
+    modalScrollbar: {
+      name: string;
+      control: {
+        type: string;
+      };
+      defaultValue: boolean;
+    };
+    productId: {
+      name: string;
+    };
+    token: {
+      name: string;
+    };
+  };
+};
+export default _default;
+export declare const Default: any;

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

@@ -9,6 +9,9 @@ export declare class VviinnVprButton {
   sourceImage: string | null;
   sidebarTitle: string;
   modalScrollbar: boolean;
+  private sidebar;
+  private sidebarCloseListener;
   render(): any;
   handleClick(): void;
+  disconnectedCallback(): void;
 }

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

@@ -0,0 +1,198 @@
+export declare const apiPath: {
+  name: string;
+  control: {
+    type: string;
+  };
+  table: {
+    defaultValue: {
+      summary: string;
+    };
+  };
+};
+export declare const campaignType: {
+  name: string;
+  control: {
+    type: string;
+    labels: {
+      VPR: string;
+      VCS: string;
+    };
+  };
+  required: boolean;
+};
+export declare const argTypes: {
+  analyticsId: {
+    name: string;
+    description: string;
+    control: {
+      type: string;
+    };
+    required: boolean;
+  };
+  apiPath: {
+    name: string;
+    control: {
+      type: string;
+    };
+    table: {
+      defaultValue: {
+        summary: string;
+      };
+    };
+  };
+  campaignType: {
+    name: string;
+    control: {
+      type: string;
+      labels: {
+        VPR: string;
+        VCS: string;
+      };
+    };
+    required: boolean;
+  };
+  contentAlignment: {
+    name: string;
+    options: string[];
+    mapping: {
+      Left: number;
+      Centered: number;
+      Right: number;
+    };
+    control: {
+      type: string;
+      default: number;
+    };
+  };
+  cssUrl: {
+    name: string;
+    description: string;
+    control: {
+      type: string;
+    };
+    required: boolean;
+  };
+  imageWidth: {
+    name: string;
+    control: {
+      type: string;
+    };
+  };
+  primaryTextColor: {
+    name: string;
+    control: {
+      type: string;
+    };
+    description: string;
+  };
+  productId: {
+    name: string;
+    control: {
+      type: string;
+    };
+  };
+  secondaryTextColor: {
+    name: string;
+    description: string;
+    control: {
+      type: string;
+    };
+  };
+  showScrollbars: {
+    name: string;
+    description: string;
+    control: {
+      type: string;
+    };
+    required: boolean;
+  };
+  showTitle: {
+    name: string;
+    control: {
+      type: string;
+    };
+    table: {
+      defaultValue: {
+        summary: boolean;
+      };
+    };
+    required: boolean;
+  };
+  titleFontSize: {
+    name: string;
+    control: {
+      type: string;
+    };
+    required: boolean;
+  };
+  titleName: {
+    name: string;
+    control: {
+      type: string;
+    };
+    table: {
+      defaultValue: {
+        summary: string;
+      };
+    };
+    required: boolean;
+  };
+  token: {
+    name: string;
+    control: {
+      type: string;
+    };
+  };
+};
+export declare const gridLayoutArgs: {
+  recommendationsGridProductsDesktop: {
+    name: string;
+    description: string;
+    control: {
+      type: string;
+    };
+    required: boolean;
+  };
+  recommendationsGridProductsTablet: {
+    name: string;
+    description: string;
+    control: {
+      type: string;
+    };
+    required: boolean;
+  };
+  recommendationsGridProductsMobile: {
+    name: string;
+    description: string;
+    control: {
+      type: string;
+    };
+    required: boolean;
+  };
+};
+export declare const continuityLayoutArgs: {
+  recommendationsContinuityProductsDesktop: {
+    name: string;
+    description: string;
+    control: {
+      type: string;
+    };
+    required: boolean;
+  };
+  recommendationsContinuityProductsTablet: {
+    name: string;
+    description: string;
+    control: {
+      type: string;
+    };
+    required: boolean;
+  };
+  recommendationsContinuityProductsMobile: {
+    name: string;
+    description: string;
+    control: {
+      type: string;
+    };
+    required: boolean;
+  };
+};

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

@@ -0,0 +1,2 @@
+export declare const gridDecorator: (story: () => any) => string;
+export declare const continuityDecorator: (story: () => any) => string;