@jumpgroup/jump-design-system 0.3.58 → 0.3.63

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

@@ -585,6 +585,72 @@
         }
       ]
     },
+    {
+      "name": "jump-filter-select",
+      "description": {
+        "kind": "markdown",
+        "value": "Componente select per filtri con supporto per opzioni e stato"
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Stato del select (disabilitato)"
+        },
+        {
+          "name": "label",
+          "description": "L'etichetta del select"
+        },
+        {
+          "name": "loading",
+          "description": "Flag per indicare se il select è in stato di caricamento"
+        },
+        {
+          "name": "multiple",
+          "description": "Flag per indicare se è possibile selezionare più opzioni"
+        },
+        {
+          "name": "options",
+          "description": "Opzioni del select come array di oggetti {value, label} o come stringa JSON"
+        },
+        {
+          "name": "placeholder",
+          "description": "Il placeholder da mostrare quando nessun valore è selezionato"
+        },
+        {
+          "name": "required",
+          "description": "Flag per indicare se la selezione è obbligatoria"
+        },
+        {
+          "name": "value",
+          "description": "Il valore selezionato"
+        }
+      ]
+    },
+    {
+      "name": "jump-filter-switch",
+      "description": {
+        "kind": "markdown",
+        "value": "Componente switch per filtri con supporto per label e stato"
+      },
+      "attributes": [
+        {
+          "name": "checked",
+          "description": "Stato del switch (acceso/spento)"
+        },
+        {
+          "name": "disabled",
+          "description": "Stato del switch (disabilitato)"
+        },
+        {
+          "name": "label",
+          "description": "La label da mostrare accanto al switch"
+        },
+        {
+          "name": "value",
+          "description": "Il valore associato al switch"
+        }
+      ]
+    },
     {
       "name": "jump-filtergroup",
       "description": {

package/dist/types/components/jump-filter-checkbox/jump-filter-checkbox.stories.d.ts

@@ -18,11 +18,6 @@ declare const _default: {
             control: string;
             description: string;
         };
-        count: {
-            name: string;
-            control: string;
-            description: string;
-        };
     };
 };
 export default _default;

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

@@ -0,0 +1,76 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import '@shoelace-style/shoelace/dist/components/select/select.js';
+import '@shoelace-style/shoelace/dist/components/option/option.js';
+/**
+ * Componente select per filtri con supporto per opzioni e stato
+ * @slot - Contenitore per elementi sl-option quando le opzioni sono definite come figli
+ */
+export declare class JumpFilterSelect {
+    /** Riferimento all'elemento host */
+    hostElement: HTMLElement;
+    /** Il valore selezionato */
+    value: string;
+    /** Il placeholder da mostrare quando nessun valore è selezionato */
+    placeholder: string;
+    /** L'etichetta del select */
+    label: string;
+    /** Opzioni del select come array di oggetti {value, label} o come stringa JSON */
+    options: string | {
+        value: string;
+        label: string;
+    }[];
+    /** Stato del select (disabilitato) */
+    disabled: boolean;
+    /** Flag per indicare se è possibile selezionare più opzioni */
+    multiple: boolean;
+    /** Flag per indicare se la selezione è obbligatoria */
+    required: boolean;
+    /** Flag per indicare se il select è in stato di caricamento */
+    loading: boolean;
+    /** Stato interno per gestire l'apertura del dropdown */
+    open: boolean;
+    /** Flag per determinare se sono presenti opzioni come slot */
+    hasSlottedOptions: boolean;
+    /** Riferimento all'elemento host */
+    host: HTMLElement;
+    /** Riferimento all'elemento sl-select interno */
+    el: any;
+    /**
+     * Controlla se ci sono opzioni definite come slot
+     */
+    componentWillRender(): void;
+    /**
+     * Converte le opzioni da string o array a array di oggetti
+     */
+    private getOptionsArray;
+    componentDidLoad(): void;
+    /**
+     * Ascolta gli eventi di cambio selezione dal select Shoelace
+     */
+    listenSLChange(): void;
+    /**
+     * Evento emesso quando cambia la selezione
+     */
+    selectionChange: EventEmitter;
+    /**
+     * Metodo pubblico per ottenere il valore selezionato
+     * @returns Il valore attualmente selezionato
+     */
+    getSelectedValue(): Promise<string>;
+    /**
+     * Metodo pubblico per ottenere l'opzione selezionata
+     * @returns L'opzione attualmente selezionata come oggetto {value, label}
+     */
+    getSelectedOption(): Promise<{
+        value: string;
+        label: string;
+    }>;
+    /**
+     * Metodo pubblico per impostare programmaticamente il valore selezionato
+     * @param newValue - Il nuovo valore da selezionare
+     * @param emitEvent - Se emettere l'evento di cambio (default: true)
+     * @returns Il nuovo valore impostato
+     */
+    setValue(newValue: string, emitEvent?: boolean): Promise<string>;
+    render(): any;
+}

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

@@ -0,0 +1,35 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import '@shoelace-style/shoelace/dist/components/switch/switch.js';
+/**
+ * Componente switch per filtri con supporto per label e stato
+ * @slot - Contenuto opzionale da mostrare accanto al switch (alternativo alla label)
+ */
+export declare class JumpFilterSwitch {
+    /** Il valore associato al switch */
+    value: string;
+    /** La label da mostrare accanto al switch */
+    label: string;
+    /** Stato del switch (acceso/spento) */
+    checked: boolean;
+    /** Stato del switch (disabilitato) */
+    disabled: boolean;
+    /** Riferimento all'elemento host */
+    host: HTMLElement;
+    /** Riferimento all'elemento sl-switch interno */
+    el: any;
+    componentDidLoad(): void;
+    /**
+     * Ascolta gli eventi di cambio stato dal switch Shoelace
+     */
+    listenSLChange(): void;
+    /**
+     * Evento emesso quando cambia lo stato del switch
+     */
+    toggleCheckbox: EventEmitter;
+    /**
+     * Metodo pubblico per verificare lo stato corrente del switch
+     * @returns {boolean} Lo stato corrente del switch (true = acceso, false = spento)
+     */
+    isChecked(): Promise<boolean>;
+    render(): any;
+}

package/dist/types/components/jump-filter-switch/jump-filter-switch.stories.d.ts

@@ -0,0 +1,24 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        value: {
+            control: string;
+        };
+        label: {
+            control: string;
+        };
+        checked: {
+            control: string;
+        };
+        disabled: {
+            control: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: any;
+export declare const Checked: any;
+export declare const Disabled: any;
+export declare const DisabledChecked: any;
+export declare const CustomStyles: any;

package/dist/types/components/jump-quantity/jump-quantity.d.ts

@@ -17,6 +17,10 @@ export declare class JumpQuantity {
      * Get the current value
      */
     getValue(): Promise<number>;
+    /**
+     * Set the current value
+     */
+    setMax(value: number): Promise<void>;
     reset(): Promise<void>;
     componentWillLoad(): void;
     formResetCallback(): void;

package/dist/types/components.d.ts

@@ -309,6 +309,86 @@ export namespace Components {
         "label": string;
         "value": string;
     }
+    /**
+     * Componente select per filtri con supporto per opzioni e stato
+     */
+    interface JumpFilterSelect {
+        /**
+          * Stato del select (disabilitato)
+         */
+        "disabled": boolean;
+        /**
+          * Metodo pubblico per ottenere l'opzione selezionata
+          * @returns L'opzione attualmente selezionata come oggetto {value, label}
+         */
+        "getSelectedOption": () => Promise<{ value: string; label: string; }>;
+        /**
+          * Metodo pubblico per ottenere il valore selezionato
+          * @returns Il valore attualmente selezionato
+         */
+        "getSelectedValue": () => Promise<string>;
+        /**
+          * L'etichetta del select
+         */
+        "label": string;
+        /**
+          * Flag per indicare se il select è in stato di caricamento
+         */
+        "loading": boolean;
+        /**
+          * Flag per indicare se è possibile selezionare più opzioni
+         */
+        "multiple": boolean;
+        /**
+          * Opzioni del select come array di oggetti {value, label} o come stringa JSON
+         */
+        "options": string | { value: string; label: string }[];
+        /**
+          * Il placeholder da mostrare quando nessun valore è selezionato
+         */
+        "placeholder": string;
+        /**
+          * Flag per indicare se la selezione è obbligatoria
+         */
+        "required": boolean;
+        /**
+          * Metodo pubblico per impostare programmaticamente il valore selezionato
+          * @param newValue - Il nuovo valore da selezionare
+          * @param emitEvent - Se emettere l'evento di cambio (default: true)
+          * @returns Il nuovo valore impostato
+         */
+        "setValue": (newValue: string, emitEvent?: boolean) => Promise<string>;
+        /**
+          * Il valore selezionato
+         */
+        "value": string;
+    }
+    /**
+     * Componente switch per filtri con supporto per label e stato
+     */
+    interface JumpFilterSwitch {
+        /**
+          * Stato del switch (acceso/spento)
+         */
+        "checked": boolean;
+        /**
+          * Stato del switch (disabilitato)
+         */
+        "disabled": boolean;
+        /**
+          * Metodo pubblico per verificare lo stato corrente del switch
+          * @returns Lo stato corrente del switch (true = acceso, false = spento)
+         */
+        "isChecked": () => Promise<boolean>;
+        /**
+          * La label da mostrare accanto al switch
+         */
+        "label": string;
+        /**
+          * Il valore associato al switch
+         */
+        "value": string;
+    }
     interface JumpFiltergroup {
         "getActiveAmount": () => Promise<number>;
         "getInputs": () => Promise<any>;
@@ -448,6 +528,10 @@ export namespace Components {
         "max": number;
         "min": number;
         "reset": () => Promise<void>;
+        /**
+          * Set the current value
+         */
+        "setMax": (value: number) => Promise<void>;
         "showButtons": boolean;
         "step": number;
         "type": 'buttons' | 'dropdown' | 'input';
@@ -541,6 +625,14 @@ export interface JumpFilterCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJumpFilterCheckboxElement;
 }
+export interface JumpFilterSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJumpFilterSelectElement;
+}
+export interface JumpFilterSwitchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJumpFilterSwitchElement;
+}
 export interface JumpFiltergroupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJumpFiltergroupElement;
@@ -679,6 +771,46 @@ declare global {
         prototype: HTMLJumpFilterCheckboxElement;
         new (): HTMLJumpFilterCheckboxElement;
     };
+    interface HTMLJumpFilterSelectElementEventMap {
+        "jump-select-change": any;
+    }
+    /**
+     * Componente select per filtri con supporto per opzioni e stato
+     */
+    interface HTMLJumpFilterSelectElement extends Components.JumpFilterSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJumpFilterSelectElementEventMap>(type: K, listener: (this: HTMLJumpFilterSelectElement, ev: JumpFilterSelectCustomEvent<HTMLJumpFilterSelectElementEventMap[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 HTMLJumpFilterSelectElementEventMap>(type: K, listener: (this: HTMLJumpFilterSelectElement, ev: JumpFilterSelectCustomEvent<HTMLJumpFilterSelectElementEventMap[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 HTMLJumpFilterSelectElement: {
+        prototype: HTMLJumpFilterSelectElement;
+        new (): HTMLJumpFilterSelectElement;
+    };
+    interface HTMLJumpFilterSwitchElementEventMap {
+        "jump-switch-change": any;
+    }
+    /**
+     * Componente switch per filtri con supporto per label e stato
+     */
+    interface HTMLJumpFilterSwitchElement extends Components.JumpFilterSwitch, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJumpFilterSwitchElementEventMap>(type: K, listener: (this: HTMLJumpFilterSwitchElement, ev: JumpFilterSwitchCustomEvent<HTMLJumpFilterSwitchElementEventMap[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 HTMLJumpFilterSwitchElementEventMap>(type: K, listener: (this: HTMLJumpFilterSwitchElement, ev: JumpFilterSwitchCustomEvent<HTMLJumpFilterSwitchElementEventMap[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 HTMLJumpFilterSwitchElement: {
+        prototype: HTMLJumpFilterSwitchElement;
+        new (): HTMLJumpFilterSwitchElement;
+    };
     interface HTMLJumpFiltergroupElementEventMap {
         "jump-filterchange": any;
     }
@@ -866,6 +998,8 @@ declare global {
         "jump-card-ecommerce-option": HTMLJumpCardEcommerceOptionElement;
         "jump-filter": HTMLJumpFilterElement;
         "jump-filter-checkbox": HTMLJumpFilterCheckboxElement;
+        "jump-filter-select": HTMLJumpFilterSelectElement;
+        "jump-filter-switch": HTMLJumpFilterSwitchElement;
         "jump-filtergroup": HTMLJumpFiltergroupElement;
         "jump-icon": HTMLJumpIconElement;
         "jump-navbar": HTMLJumpNavbarElement;
@@ -1180,6 +1314,72 @@ declare namespace LocalJSX {
         "onJump-checkbox-change"?: (event: JumpFilterCheckboxCustomEvent<any>) => void;
         "value"?: string;
     }
+    /**
+     * Componente select per filtri con supporto per opzioni e stato
+     */
+    interface JumpFilterSelect {
+        /**
+          * Stato del select (disabilitato)
+         */
+        "disabled"?: boolean;
+        /**
+          * L'etichetta del select
+         */
+        "label"?: string;
+        /**
+          * Flag per indicare se il select è in stato di caricamento
+         */
+        "loading"?: boolean;
+        /**
+          * Flag per indicare se è possibile selezionare più opzioni
+         */
+        "multiple"?: boolean;
+        /**
+          * Evento emesso quando cambia la selezione
+         */
+        "onJump-select-change"?: (event: JumpFilterSelectCustomEvent<any>) => void;
+        /**
+          * Opzioni del select come array di oggetti {value, label} o come stringa JSON
+         */
+        "options"?: string | { value: string; label: string }[];
+        /**
+          * Il placeholder da mostrare quando nessun valore è selezionato
+         */
+        "placeholder"?: string;
+        /**
+          * Flag per indicare se la selezione è obbligatoria
+         */
+        "required"?: boolean;
+        /**
+          * Il valore selezionato
+         */
+        "value"?: string;
+    }
+    /**
+     * Componente switch per filtri con supporto per label e stato
+     */
+    interface JumpFilterSwitch {
+        /**
+          * Stato del switch (acceso/spento)
+         */
+        "checked"?: boolean;
+        /**
+          * Stato del switch (disabilitato)
+         */
+        "disabled"?: boolean;
+        /**
+          * La label da mostrare accanto al switch
+         */
+        "label"?: string;
+        /**
+          * Evento emesso quando cambia lo stato del switch
+         */
+        "onJump-switch-change"?: (event: JumpFilterSwitchCustomEvent<any>) => void;
+        /**
+          * Il valore associato al switch
+         */
+        "value"?: string;
+    }
     interface JumpFiltergroup {
         "heading"?: string;
         "lessLabel"?: string;
@@ -1418,6 +1618,8 @@ declare namespace LocalJSX {
         "jump-card-ecommerce-option": JumpCardEcommerceOption;
         "jump-filter": JumpFilter;
         "jump-filter-checkbox": JumpFilterCheckbox;
+        "jump-filter-select": JumpFilterSelect;
+        "jump-filter-switch": JumpFilterSwitch;
         "jump-filtergroup": JumpFiltergroup;
         "jump-icon": JumpIcon;
         "jump-navbar": JumpNavbar;
@@ -1445,6 +1647,14 @@ declare module "@stencil/core" {
             "jump-card-ecommerce-option": LocalJSX.JumpCardEcommerceOption & JSXBase.HTMLAttributes<HTMLJumpCardEcommerceOptionElement>;
             "jump-filter": LocalJSX.JumpFilter & JSXBase.HTMLAttributes<HTMLJumpFilterElement>;
             "jump-filter-checkbox": LocalJSX.JumpFilterCheckbox & JSXBase.HTMLAttributes<HTMLJumpFilterCheckboxElement>;
+            /**
+             * Componente select per filtri con supporto per opzioni e stato
+             */
+            "jump-filter-select": LocalJSX.JumpFilterSelect & JSXBase.HTMLAttributes<HTMLJumpFilterSelectElement>;
+            /**
+             * Componente switch per filtri con supporto per label e stato
+             */
+            "jump-filter-switch": LocalJSX.JumpFilterSwitch & JSXBase.HTMLAttributes<HTMLJumpFilterSwitchElement>;
             "jump-filtergroup": LocalJSX.JumpFiltergroup & JSXBase.HTMLAttributes<HTMLJumpFiltergroupElement>;
             "jump-icon": LocalJSX.JumpIcon & JSXBase.HTMLAttributes<HTMLJumpIconElement>;
             "jump-navbar": LocalJSX.JumpNavbar & JSXBase.HTMLAttributes<HTMLJumpNavbarElement>;

package/package.json

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

package/readme.md

@@ -69,16 +69,8 @@ La riga **defaultValue** popola la colonna Default.
 
 ### Script tag
 
-#### unpkg
-- This tag `<script type='module' src='https://unpkg.com/@jumpgroup/jump-design-system/dist/jump-design-system/jump-design-system.esm.js'></script>` in the head of your index.html.
-- To include also the style, add `<style src='https://unpkg.com/@jumpgroup/jump-design-system/dist/jump-design-system/jump-design-system.css'></style>`in the head of your index.html.
-- Then you can use the element anywhere in your template, JSX, html etc
-
-#### jsdeliver
-- Includi i seguenti tag
+Per utilizzare nel progetto il DS includi il seguente script
 `<script type='module' src='https://cdn.jsdelivr.net/npm/@jumpgroup/jump-design-system/dist/jump-design-system/jump-design-system.esm.js'></script>`
-`<script type='module' src='https://cdn.jsdelivr.net/npm/@jumpgroup/jump-components/dist/jump-components/jump-components.esm.js'></script>`
-Preferscili alla soluzione unpkg
 
 ### Node Modules