@jumpgroup/jump-design-system 0.3.68 → 0.3.69

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"

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.d.ts

@@ -317,6 +317,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 +332,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 +349,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
          */
@@ -795,6 +809,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
@@ -1358,11 +1373,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
          */

package/package.json

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