@jumpgroup/jump-design-system 1.0.16 → 1.0.18

package/dist/types/components/jump-card-ecommerce-showcase/jump-card-ecommerce-showcase.stories.d.ts

@@ -0,0 +1,112 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        verticalCard: {
+            name: string;
+            description: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        badge: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        link: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        img: {
+            name: string;
+            description: string;
+            control: string;
+            defaultValue: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+        imgAlt: {
+            name: string;
+            description: string;
+            control: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+        hoverImg: {
+            name: string;
+            description: string;
+            control: string;
+            defaultValue: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+        productName: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        subtitle: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        productId: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        price: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        salePrice: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        hideDiscountIfLessThreshold: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        badgeColor: {
+            name: string;
+            description: string;
+            control: string;
+            options: string[];
+        };
+        outOfStock: {
+            name: string;
+            description: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        outOfStockText: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        availableText: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        imageObjectFit: {
+            name: string;
+            description: string;
+            control: string;
+            options: string[];
+            defaultValue: string;
+        };
+    };
+};
+export default _default;
+export declare const Card: any;

package/dist/types/components.d.ts

@@ -342,6 +342,75 @@ export namespace Components {
         "sku": string;
         "taxonomy": string;
     }
+    interface JumpCardEcommerceShowcase {
+        "availableText": string;
+        /**
+          * Indicates the badge of the card
+         */
+        "badge": string;
+        /**
+          * Indicates the variant of the button
+         */
+        "badgeColor": 'primary' | 'secondary' | 'neutral' | 'warning' | 'success' | 'danger';
+        /**
+          * Indicates the currency of the card
+         */
+        "currency": string;
+        /**
+          * Indicates the threshold below which the discount will be hidden
+         */
+        "hideDiscountIfLessThreshold": number;
+        /**
+          * Controlla il comportamento dell'object-fit delle immagini
+         */
+        "imageObjectFit": 'cover' | 'scale-down' | 'contain' | 'fill' | 'none';
+        /**
+          * Indicates the image's src of the card
+         */
+        "img": string;
+        /**
+          * Indicates the img's alt of the card
+         */
+        "imgAlt": string;
+        /**
+          * Indicates the link of the card
+         */
+        "link": string;
+        /**
+          * Indicates if the product is outOfStock
+         */
+        "outOfStock": boolean;
+        /**
+          * Indicates the outOfStockText of the product
+         */
+        "outOfStockText": string;
+        /**
+          * Indicates the price of the card
+         */
+        "price": number;
+        /**
+          * Indicates the ID of the product, can be also a SKU
+         */
+        "productId": string;
+        /**
+          * Indicates the title of the card
+         */
+        "productName": string;
+        /**
+          * Indicates the sale price of the card
+         */
+        "salePrice": number;
+        /**
+          * Set the price of the product
+          * @param price
+          * @param salePrice
+         */
+        "setPrice": (price: number, salePrice: number) => Promise<void>;
+        /**
+          * Indicates the subtitle of the card
+         */
+        "subtitle": string;
+    }
     interface JumpFilter {
         "direction": 'horizontal' | 'vertical';
         "filterButtonIcon": string;
@@ -784,6 +853,10 @@ export interface JumpCardEcommerceOptionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJumpCardEcommerceOptionElement;
 }
+export interface JumpCardEcommerceShowcaseCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJumpCardEcommerceShowcaseElement;
+}
 export interface JumpFilterCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJumpFilterCheckboxElement;
@@ -924,6 +997,23 @@ declare global {
         prototype: HTMLJumpCardEcommerceOptionElement;
         new (): HTMLJumpCardEcommerceOptionElement;
     };
+    interface HTMLJumpCardEcommerceShowcaseElementEventMap {
+        "jump-card-go-to-product-page": any;
+    }
+    interface HTMLJumpCardEcommerceShowcaseElement extends Components.JumpCardEcommerceShowcase, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJumpCardEcommerceShowcaseElementEventMap>(type: K, listener: (this: HTMLJumpCardEcommerceShowcaseElement, ev: JumpCardEcommerceShowcaseCustomEvent<HTMLJumpCardEcommerceShowcaseElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJumpCardEcommerceShowcaseElementEventMap>(type: K, listener: (this: HTMLJumpCardEcommerceShowcaseElement, ev: JumpCardEcommerceShowcaseCustomEvent<HTMLJumpCardEcommerceShowcaseElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLJumpCardEcommerceShowcaseElement: {
+        prototype: HTMLJumpCardEcommerceShowcaseElement;
+        new (): HTMLJumpCardEcommerceShowcaseElement;
+    };
     interface HTMLJumpFilterElement extends Components.JumpFilter, HTMLStencilElement {
     }
     var HTMLJumpFilterElement: {
@@ -1238,6 +1328,7 @@ declare global {
         "jump-card": HTMLJumpCardElement;
         "jump-card-ecommerce": HTMLJumpCardEcommerceElement;
         "jump-card-ecommerce-option": HTMLJumpCardEcommerceOptionElement;
+        "jump-card-ecommerce-showcase": HTMLJumpCardEcommerceShowcaseElement;
         "jump-filter": HTMLJumpFilterElement;
         "jump-filter-checkbox": HTMLJumpFilterCheckboxElement;
         "jump-filter-range": HTMLJumpFilterRangeElement;
@@ -1578,6 +1669,70 @@ declare namespace LocalJSX {
         "sku"?: string;
         "taxonomy"?: string;
     }
+    interface JumpCardEcommerceShowcase {
+        "availableText"?: string;
+        /**
+          * Indicates the badge of the card
+         */
+        "badge"?: string;
+        /**
+          * Indicates the variant of the button
+         */
+        "badgeColor"?: 'primary' | 'secondary' | 'neutral' | 'warning' | 'success' | 'danger';
+        /**
+          * Indicates the currency of the card
+         */
+        "currency"?: string;
+        /**
+          * Indicates the threshold below which the discount will be hidden
+         */
+        "hideDiscountIfLessThreshold"?: number;
+        /**
+          * Controlla il comportamento dell'object-fit delle immagini
+         */
+        "imageObjectFit"?: 'cover' | 'scale-down' | 'contain' | 'fill' | 'none';
+        /**
+          * Indicates the image's src of the card
+         */
+        "img"?: string;
+        /**
+          * Indicates the img's alt of the card
+         */
+        "imgAlt"?: string;
+        /**
+          * Indicates the link of the card
+         */
+        "link"?: string;
+        "onJump-card-go-to-product-page"?: (event: JumpCardEcommerceShowcaseCustomEvent<any>) => void;
+        /**
+          * Indicates if the product is outOfStock
+         */
+        "outOfStock"?: boolean;
+        /**
+          * Indicates the outOfStockText of the product
+         */
+        "outOfStockText"?: string;
+        /**
+          * Indicates the price of the card
+         */
+        "price"?: number;
+        /**
+          * Indicates the ID of the product, can be also a SKU
+         */
+        "productId"?: string;
+        /**
+          * Indicates the title of the card
+         */
+        "productName"?: string;
+        /**
+          * Indicates the sale price of the card
+         */
+        "salePrice"?: number;
+        /**
+          * Indicates the subtitle of the card
+         */
+        "subtitle"?: string;
+    }
     interface JumpFilter {
         "direction"?: 'horizontal' | 'vertical';
         "filterButtonIcon"?: string;
@@ -1999,6 +2154,7 @@ declare namespace LocalJSX {
         "jump-card": JumpCard;
         "jump-card-ecommerce": JumpCardEcommerce;
         "jump-card-ecommerce-option": JumpCardEcommerceOption;
+        "jump-card-ecommerce-showcase": JumpCardEcommerceShowcase;
         "jump-filter": JumpFilter;
         "jump-filter-checkbox": JumpFilterCheckbox;
         "jump-filter-range": JumpFilterRange;
@@ -2032,6 +2188,7 @@ declare module "@stencil/core" {
             "jump-card": LocalJSX.JumpCard & JSXBase.HTMLAttributes<HTMLJumpCardElement>;
             "jump-card-ecommerce": LocalJSX.JumpCardEcommerce & JSXBase.HTMLAttributes<HTMLJumpCardEcommerceElement>;
             "jump-card-ecommerce-option": LocalJSX.JumpCardEcommerceOption & JSXBase.HTMLAttributes<HTMLJumpCardEcommerceOptionElement>;
+            "jump-card-ecommerce-showcase": LocalJSX.JumpCardEcommerceShowcase & JSXBase.HTMLAttributes<HTMLJumpCardEcommerceShowcaseElement>;
             "jump-filter": LocalJSX.JumpFilter & JSXBase.HTMLAttributes<HTMLJumpFilterElement>;
             "jump-filter-checkbox": LocalJSX.JumpFilterCheckbox & JSXBase.HTMLAttributes<HTMLJumpFilterCheckboxElement>;
             "jump-filter-range": LocalJSX.JumpFilterRange & JSXBase.HTMLAttributes<HTMLJumpFilterRangeElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jumpgroup/jump-design-system",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",