@jumpgroup/jump-design-system 0.3.68 → 0.3.70

package/dist/jump-design-system-elements.json

@@ -608,6 +608,10 @@
           "name": "multiple",
           "description": "Flag per indicare se è possibile selezionare più opzioni"
         },
+        {
+          "name": "name",
+          "description": "Nome identificativo del filtro, utilizzato negli eventi"
+        },
         {
           "name": "options",
           "description": "Opzioni del select come array di oggetti {value, label} o come stringa JSON"
@@ -1073,6 +1077,59 @@
         }
       ]
     },
+    {
+      "name": "jump-side-cart",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "checkout-label",
+          "description": ""
+        },
+        {
+          "name": "free-shipping-threshold",
+          "description": ""
+        },
+        {
+          "name": "is-open",
+          "description": ""
+        },
+        {
+          "name": "position",
+          "description": "",
+          "values": [
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            }
+          ]
+        },
+        {
+          "name": "progress-percentage",
+          "description": ""
+        },
+        {
+          "name": "shipping-info",
+          "description": ""
+        },
+        {
+          "name": "view-cart-label",
+          "description": ""
+        }
+      ]
+    },
+    {
+      "name": "jump-side-cart-example",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": []
+    },
     {
       "name": "jump-tab",
       "description": {

package/dist/types/components/jump-filter-select/jump-filter-select.d.ts

@@ -14,6 +14,8 @@ export declare class JumpFilterSelect {
     placeholder: string;
     /** L'etichetta del select */
     label: string;
+    /** Nome identificativo del filtro, utilizzato negli eventi */
+    name: string;
     /** Opzioni del select come array di oggetti {value, label} o come stringa JSON */
     options: string | {
         value: string;
@@ -31,6 +33,8 @@ export declare class JumpFilterSelect {
     open: boolean;
     /** Flag per determinare se sono presenti opzioni come slot */
     hasSlottedOptions: boolean;
+    /** Stato interno per tenere traccia dei valori selezionati come array per compatibilità con gli altri filtri */
+    values: string[];
     /** Riferimento all'elemento host */
     host: HTMLElement;
     /** Riferimento all'elemento sl-select interno */
@@ -43,6 +47,10 @@ export declare class JumpFilterSelect {
      * Converte le opzioni da string o array a array di oggetti
      */
     private getOptionsArray;
+    /**
+     * Aggiorna l'array dei valori in base al valore selezionato
+     */
+    private updateValues;
     componentDidLoad(): void;
     /**
      * Ascolta gli eventi di cambio selezione dal select Shoelace
@@ -53,6 +61,10 @@ export declare class JumpFilterSelect {
      */
     selectionChange: EventEmitter;
     selectionFilterChange: EventEmitter;
+    /**
+     * Evento emesso quando il valore viene cambiato programmaticamente
+     */
+    valueChange: EventEmitter;
     /**
      * Metodo pubblico per ottenere il valore selezionato
      * @returns Il valore attualmente selezionato
@@ -66,6 +78,16 @@ export declare class JumpFilterSelect {
         value: string;
         label: string;
     }>;
+    /**
+     * Metodo pubblico per ottenere i valori selezionati come array
+     * @returns Array contenente il valore selezionato o un array vuoto
+     */
+    getValues(): Promise<string[]>;
+    /**
+     * Metodo pubblico per ottenere il nome del filtro
+     * @returns Il nome del filtro
+     */
+    getName(): Promise<string>;
     /**
      * Metodo pubblico per impostare programmaticamente il valore selezionato
      * @param newValue - Il nuovo valore da selezionare

package/dist/types/components/jump-side-cart/jump-side-cart.d.ts

@@ -0,0 +1,45 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface CartItem {
+    id: string | number;
+    name: string;
+    brand: string;
+    price: number;
+    originalPrice?: number;
+    quantity: number;
+    image: string;
+    description: string;
+}
+export interface DiscountThreshold {
+    amount: number;
+    percentage: number;
+}
+export declare class JumpSideCart {
+    isOpen: boolean;
+    position: 'left' | 'right';
+    items: CartItem[];
+    discountThreshold?: DiscountThreshold;
+    freeShippingThreshold?: number;
+    progressPercentage: number;
+    checkoutLabel: string;
+    viewCartLabel: string;
+    shippingInfo?: string;
+    cartItems: CartItem[];
+    cartClosed: EventEmitter<void>;
+    itemQuantityChanged: EventEmitter<{
+        itemId: string | number;
+        quantity: number;
+    }>;
+    itemRemoved: EventEmitter<string | number>;
+    checkoutClicked: EventEmitter<void>;
+    viewCartClicked: EventEmitter<void>;
+    componentWillLoad(): void;
+    componentWillUpdate(): void;
+    private handleClose;
+    private handleQuantityChange;
+    private handleRemoveItem;
+    private calculateSubtotal;
+    private calculateSavings;
+    private renderCartItem;
+    private renderProgressBar;
+    render(): any;
+}

package/dist/types/components/jump-side-cart/jump-side-cart.example.d.ts

@@ -0,0 +1,14 @@
+import type { CartItem } from './jump-side-cart';
+export declare class JumpSideCartExample {
+    isCartOpen: boolean;
+    position: 'left' | 'right';
+    cartItems: CartItem[];
+    private handleUpdateQuantity;
+    private handleRemoveItem;
+    private handleCartClosed;
+    private handleCheckout;
+    private handleViewCart;
+    private openCartFromRight;
+    private openCartFromLeft;
+    render(): any;
+}

package/dist/types/components/jump-side-cart/jump-side-cart.stories.d.ts

@@ -0,0 +1,43 @@
+declare const meta: {
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const RightSide: {
+    render: (args: any) => HTMLDivElement;
+    args: {
+        position: string;
+        discountThreshold: {
+            amount: number;
+            percentage: number;
+        };
+        progressPercentage: number;
+        checkoutLabel: string;
+        viewCartLabel: string;
+    };
+};
+export declare const LeftSide: {
+    render: (args: any) => HTMLDivElement;
+    args: {
+        position: string;
+        discountThreshold: {
+            amount: number;
+            percentage: number;
+        };
+        progressPercentage: number;
+        checkoutLabel: string;
+        viewCartLabel: string;
+    };
+};
+export declare const WithFreeShipping: {
+    render: (args: any) => HTMLDivElement;
+    args: {
+        position: string;
+        freeShippingThreshold: number;
+        progressPercentage: number;
+        shippingInfo: string;
+    };
+};

package/dist/types/components.d.ts

@@ -5,6 +5,8 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { CartItem, DiscountThreshold } from "./components/jump-side-cart/jump-side-cart";
+export { CartItem, DiscountThreshold } from "./components/jump-side-cart/jump-side-cart";
 export namespace Components {
     interface JumpAccordion {
         "disabled": boolean;
@@ -317,6 +319,11 @@ export namespace Components {
           * Stato del select (disabilitato)
          */
         "disabled": boolean;
+        /**
+          * Metodo pubblico per ottenere il nome del filtro
+          * @returns Il nome del filtro
+         */
+        "getName": () => Promise<string>;
         /**
           * Metodo pubblico per ottenere l'opzione selezionata
           * @returns L'opzione attualmente selezionata come oggetto {value, label}
@@ -327,6 +334,11 @@ export namespace Components {
           * @returns Il valore attualmente selezionato
          */
         "getSelectedValue": () => Promise<string>;
+        /**
+          * Metodo pubblico per ottenere i valori selezionati come array
+          * @returns Array contenente il valore selezionato o un array vuoto
+         */
+        "getValues": () => Promise<string[]>;
         /**
           * L'etichetta del select
          */
@@ -339,6 +351,10 @@ export namespace Components {
           * Flag per indicare se è possibile selezionare più opzioni
          */
         "multiple": boolean;
+        /**
+          * Nome identificativo del filtro, utilizzato negli eventi
+         */
+        "name": string;
         /**
           * Opzioni del select come array di oggetti {value, label} o come stringa JSON
          */
@@ -601,6 +617,19 @@ export namespace Components {
         "setResults": (results: any, tot?: number) => Promise<void>;
         "showAllResText": string;
     }
+    interface JumpSideCart {
+        "checkoutLabel": string;
+        "discountThreshold"?: DiscountThreshold;
+        "freeShippingThreshold"?: number;
+        "isOpen": boolean;
+        "items": CartItem[];
+        "position": 'left' | 'right';
+        "progressPercentage": number;
+        "shippingInfo"?: string;
+        "viewCartLabel": string;
+    }
+    interface JumpSideCartExample {
+    }
     interface JumpTab {
         "alignment": string;
         "disabled": boolean;
@@ -682,6 +711,10 @@ export interface JumpSearchBarMobileCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJumpSearchBarMobileElement;
 }
+export interface JumpSideCartCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJumpSideCartElement;
+}
 export interface JumpTabCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJumpTabElement;
@@ -795,6 +828,7 @@ declare global {
     interface HTMLJumpFilterSelectElementEventMap {
         "jump-select-change": any;
         "jump-filterchange": any;
+        "jump-select-value-change": any;
     }
     /**
      * Componente select per filtri con supporto per opzioni e stato
@@ -972,6 +1006,33 @@ declare global {
         prototype: HTMLJumpSearchBarMobileElement;
         new (): HTMLJumpSearchBarMobileElement;
     };
+    interface HTMLJumpSideCartElementEventMap {
+        "cartClosed": void;
+        "itemQuantityChanged": {itemId: string | number, quantity: number};
+        "itemRemoved": string | number;
+        "checkoutClicked": void;
+        "viewCartClicked": void;
+    }
+    interface HTMLJumpSideCartElement extends Components.JumpSideCart, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJumpSideCartElementEventMap>(type: K, listener: (this: HTMLJumpSideCartElement, ev: JumpSideCartCustomEvent<HTMLJumpSideCartElementEventMap[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 HTMLJumpSideCartElementEventMap>(type: K, listener: (this: HTMLJumpSideCartElement, ev: JumpSideCartCustomEvent<HTMLJumpSideCartElementEventMap[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 HTMLJumpSideCartElement: {
+        prototype: HTMLJumpSideCartElement;
+        new (): HTMLJumpSideCartElement;
+    };
+    interface HTMLJumpSideCartExampleElement extends Components.JumpSideCartExample, HTMLStencilElement {
+    }
+    var HTMLJumpSideCartExampleElement: {
+        prototype: HTMLJumpSideCartExampleElement;
+        new (): HTMLJumpSideCartExampleElement;
+    };
     interface HTMLJumpTabElementEventMap {
         "jump-change-activetab": any;
     }
@@ -1033,6 +1094,8 @@ declare global {
         "jump-search-bar": HTMLJumpSearchBarElement;
         "jump-search-bar-dropdown-item": HTMLJumpSearchBarDropdownItemElement;
         "jump-search-bar-mobile": HTMLJumpSearchBarMobileElement;
+        "jump-side-cart": HTMLJumpSideCartElement;
+        "jump-side-cart-example": HTMLJumpSideCartExampleElement;
         "jump-tab": HTMLJumpTabElement;
         "jump-tab-item": HTMLJumpTabItemElement;
         "jump-tab-panel": HTMLJumpTabPanelElement;
@@ -1358,11 +1421,19 @@ declare namespace LocalJSX {
           * Flag per indicare se è possibile selezionare più opzioni
          */
         "multiple"?: boolean;
+        /**
+          * Nome identificativo del filtro, utilizzato negli eventi
+         */
+        "name"?: string;
         "onJump-filterchange"?: (event: JumpFilterSelectCustomEvent<any>) => void;
         /**
           * Evento emesso quando cambia la selezione
          */
         "onJump-select-change"?: (event: JumpFilterSelectCustomEvent<any>) => void;
+        /**
+          * Evento emesso quando il valore viene cambiato programmaticamente
+         */
+        "onJump-select-value-change"?: (event: JumpFilterSelectCustomEvent<any>) => void;
         /**
           * Opzioni del select come array di oggetti {value, label} o come stringa JSON
          */
@@ -1612,6 +1683,24 @@ declare namespace LocalJSX {
         "resultsText"?: string;
         "showAllResText"?: string;
     }
+    interface JumpSideCart {
+        "checkoutLabel"?: string;
+        "discountThreshold"?: DiscountThreshold;
+        "freeShippingThreshold"?: number;
+        "isOpen"?: boolean;
+        "items"?: CartItem[];
+        "onCartClosed"?: (event: JumpSideCartCustomEvent<void>) => void;
+        "onCheckoutClicked"?: (event: JumpSideCartCustomEvent<void>) => void;
+        "onItemQuantityChanged"?: (event: JumpSideCartCustomEvent<{itemId: string | number, quantity: number}>) => void;
+        "onItemRemoved"?: (event: JumpSideCartCustomEvent<string | number>) => void;
+        "onViewCartClicked"?: (event: JumpSideCartCustomEvent<void>) => void;
+        "position"?: 'left' | 'right';
+        "progressPercentage"?: number;
+        "shippingInfo"?: string;
+        "viewCartLabel"?: string;
+    }
+    interface JumpSideCartExample {
+    }
     interface JumpTab {
         "alignment"?: string;
         "disabled"?: boolean;
@@ -1663,6 +1752,8 @@ declare namespace LocalJSX {
         "jump-search-bar": JumpSearchBar;
         "jump-search-bar-dropdown-item": JumpSearchBarDropdownItem;
         "jump-search-bar-mobile": JumpSearchBarMobile;
+        "jump-side-cart": JumpSideCart;
+        "jump-side-cart-example": JumpSideCartExample;
         "jump-tab": JumpTab;
         "jump-tab-item": JumpTabItem;
         "jump-tab-panel": JumpTabPanel;
@@ -1698,6 +1789,8 @@ declare module "@stencil/core" {
             "jump-search-bar": LocalJSX.JumpSearchBar & JSXBase.HTMLAttributes<HTMLJumpSearchBarElement>;
             "jump-search-bar-dropdown-item": LocalJSX.JumpSearchBarDropdownItem & JSXBase.HTMLAttributes<HTMLJumpSearchBarDropdownItemElement>;
             "jump-search-bar-mobile": LocalJSX.JumpSearchBarMobile & JSXBase.HTMLAttributes<HTMLJumpSearchBarMobileElement>;
+            "jump-side-cart": LocalJSX.JumpSideCart & JSXBase.HTMLAttributes<HTMLJumpSideCartElement>;
+            "jump-side-cart-example": LocalJSX.JumpSideCartExample & JSXBase.HTMLAttributes<HTMLJumpSideCartExampleElement>;
             "jump-tab": LocalJSX.JumpTab & JSXBase.HTMLAttributes<HTMLJumpTabElement>;
             "jump-tab-item": LocalJSX.JumpTabItem & JSXBase.HTMLAttributes<HTMLJumpTabItemElement>;
             "jump-tab-panel": LocalJSX.JumpTabPanel & JSXBase.HTMLAttributes<HTMLJumpTabPanelElement>;

package/package.json

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