@jumpgroup/jump-design-system 0.3.68 → 0.3.69

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["jump-button_2.cjs",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}],[1,"jump-icon",{"class":[1],"library":[1],"name":[1],"category":[1],"size":[1],"label":[1],"src":[1]}]]],["jump-card-ecommerce.cjs",[[1,"jump-card-ecommerce",{"onlyIconButton":[4,"only-icon-button"],"hasBackground":[4,"has-background"],"badge":[1],"favorite":[1540],"hasFavorite":[4,"has-favorite"],"hasSlotForFavorite":[4,"has-slot-for-favorite"],"hasSlotAddToCart":[4,"has-slot-add-to-cart"],"link":[1],"img":[1],"imgAlt":[1,"img-alt"],"hoverImg":[1,"hover-img"],"hoverImgAlt":[1,"hover-img-alt"],"videoSrc":[1,"video-src"],"notificationUrl":[1,"notification-url"],"notificationText":[1,"notification-text"],"productName":[1,"product-name"],"subtitle":[1],"productId":[1,"product-id"],"price":[2],"salePrice":[2,"sale-price"],"currency":[1],"addToCartColor":[1,"add-to-cart-color"],"badgeColor":[1,"badge-color"],"outOfStock":[1540,"out-of-stock"],"outOfStockText":[1,"out-of-stock-text"],"addToCartText":[1,"add-to-cart-text"],"waitingListText":[1,"waiting-list-text"],"addToWaitingList":[4,"add-to-waiting-list"],"isMini":[4,"is-mini"],"addedToCart":[4,"added-to-cart"],"endAddedToCart":[4,"end-added-to-cart"],"variations":[32],"selectedVariation":[32],"priceFormatted":[32],"salePriceFormatted":[32],"setPrice":[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["jump-filter.cjs",[[1,"jump-filter",{"direction":[1],"filterHeading":[1,"filter-heading"],"filterButtonLabel":[1,"filter-button-label"],"filterButtonIcon":[1,"filter-button-icon"],"mobileThreshold":[2,"mobile-threshold"],"filters":[8],"showCount":[4,"show-count"],"offCanvasOverlay":[4,"off-canvas-overlay"],"activeFilters":[32],"showMobileFilters":[32],"isMobile":[32],"offCanvasClasses":[32],"getFilters":[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{"showMobileFilters":["watchHandler"]}]]],["jump-filtergroup.cjs",[[1,"jump-filtergroup",{"name":[1],"heading":[1],"otherLabel":[1,"other-label"],"lessLabel":[1,"less-label"],"maxElements":[2,"max-elements"],"variant":[1],"label":[32],"values":[32],"value":[32],"slotItems":[32],"inputs":[32],"showMore":[32],"getValues":[64],"getActiveAmount":[64],"getInputs":[64],"getName":[64]},null,{"showMore":["watchShowMore"]}]]],["jump-navbar.cjs",[[1,"jump-navbar",{"logo":[16],"navItems":[16],"secondaryNavItems":[16],"mobileThreshold":[2,"mobile-threshold"],"type":[1],"navPosition":[1,"nav-position"],"megaMenuAlignment":[1,"mega-menu-alignment"],"sticky":[4],"stickyThreshold":[2,"sticky-threshold"],"mobileLogo":[16],"user":[16],"isMobile":[32]},[[9,"resize","handleResize"]]]]],["jump-pagination.cjs",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table.cjs",[[0,"jump-pagination-table",{"elementsRanges":[1,"elements-ranges"],"elPerPage":[2,"el-per-page"],"pagLabel":[513,"pag-label"],"labelElementsPerPage":[513,"label-elements-per-page"],"total":[514],"first":[514],"last":[514],"showFirstAndLast":[516,"show-first-and-last"],"elementsRangesArray":[32]},null,{"elementsRanges":["elementsRangesChanged"],"elPerPage":["elPerPageChanged"]}]]],["jump-quantity.cjs",[[65,"jump-quantity",{"min":[2],"max":[2],"step":[2],"label":[1],"type":[1],"variant":[1],"showButtons":[4,"show-buttons"],"value":[2],"internalValue":[32],"getValue":[64],"setMax":[64],"reset":[64]},null,{"value":["onValueChange"]}]]],["jump-search-bar.cjs",[[1,"jump-search-bar",{"placeholder":[1],"noResultText":[1,"no-result-text"],"loadingText":[1,"loading-text"],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"identifier":[1],"debounceTime":[2,"debounce-time"],"variant":[1],"withBtn":[4,"with-btn"],"recentsTitle":[1,"recents-title"],"recents":[16],"results":[16],"dropdown":[4],"linearIconOnly":[4,"linear-icon-only"],"dropdownPosition":[1,"dropdown-position"],"dropdownVisible":[32],"searchValue":[32],"resType":[32],"innerResults":[32],"totalResults":[32],"isExpanded":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-search-bar-mobile.cjs",[[1,"jump-search-bar-mobile",{"identifier":[1],"placeholder":[1],"recents":[16],"recentsTitle":[1,"recents-title"],"debounceTime":[2,"debounce-time"],"loadingText":[1,"loading-text"],"noResultText":[1,"no-result-text"],"results":[16],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"isOpen":[32],"innerResults":[32],"totalResults":[32],"resType":[32],"searchValue":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-accordion.cjs",[[1,"jump-accordion",{"variant":[1],"summary":[1],"disabled":[4],"open":[516],"icon":[1],"identifier":[1]},[[0,"sl-show","handleShow"]]]]],["jump-tab-item.cjs",[[1,"jump-tab-item",{"identifier":[1],"iconName":[1,"icon-name"],"iconPosition":[1,"icon-position"],"label":[1],"active":[4],"disabled":[4],"variant":[32]}]]],["jump-accordion-group.cjs",[[1,"jump-accordion-group",{"variant":[1],"groupIdentifier":[1,"group-identifier"]}]]],["jump-card.cjs",[[4,"jump-card",{"horizontal":[4],"dark":[4],"shadow":[4],"border":[4],"borderRadius":[4,"border-radius"],"topBorderContentRadius":[4,"top-border-content-radius"],"boxed":[4],"roundedMedia":[4,"rounded-media"],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"]}]]],["jump-card-ecommerce-option.cjs",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1]}]]],["jump-filter-checkbox.cjs",[[1,"jump-filter-checkbox",{"value":[1],"label":[1],"checked":[516],"count":[8],"isChecked":[64]}]]],["jump-filter-select.cjs",[[1,"jump-filter-select",{"value":[1537],"placeholder":[1],"label":[1],"options":[1],"disabled":[516],"multiple":[4],"required":[4],"loading":[4],"open":[32],"hasSlottedOptions":[32],"getSelectedValue":[64],"getSelectedOption":[64],"setValue":[64]}]]],["jump-filter-switch.cjs",[[1,"jump-filter-switch",{"value":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[516],"values":[32],"setValue":[64],"isChecked":[64],"getValues":[64],"getName":[64]},null,{"checked":["checkedChanged"]}]]],["jump-search-bar-dropdown-item.cjs",[[1,"jump-search-bar-dropdown-item",{"value":[1],"img":[1],"href":[1],"details":[32]}]]],["jump-tab.cjs",[[1,"jump-tab",{"disabled":[4],"alignment":[1],"fullBorder":[4,"full-border"],"tabGroupName":[1,"tab-group-name"],"variant":[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["jump-tab-panel.cjs",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge.cjs",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]]], options);
+  return index.bootstrapLazy([["jump-button_2.cjs",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}],[1,"jump-icon",{"class":[1],"library":[1],"name":[1],"category":[1],"size":[1],"label":[1],"src":[1]}]]],["jump-card-ecommerce.cjs",[[1,"jump-card-ecommerce",{"onlyIconButton":[4,"only-icon-button"],"hasBackground":[4,"has-background"],"badge":[1],"favorite":[1540],"hasFavorite":[4,"has-favorite"],"hasSlotForFavorite":[4,"has-slot-for-favorite"],"hasSlotAddToCart":[4,"has-slot-add-to-cart"],"link":[1],"img":[1],"imgAlt":[1,"img-alt"],"hoverImg":[1,"hover-img"],"hoverImgAlt":[1,"hover-img-alt"],"videoSrc":[1,"video-src"],"notificationUrl":[1,"notification-url"],"notificationText":[1,"notification-text"],"productName":[1,"product-name"],"subtitle":[1],"productId":[1,"product-id"],"price":[2],"salePrice":[2,"sale-price"],"currency":[1],"addToCartColor":[1,"add-to-cart-color"],"badgeColor":[1,"badge-color"],"outOfStock":[1540,"out-of-stock"],"outOfStockText":[1,"out-of-stock-text"],"addToCartText":[1,"add-to-cart-text"],"waitingListText":[1,"waiting-list-text"],"addToWaitingList":[4,"add-to-waiting-list"],"isMini":[4,"is-mini"],"addedToCart":[4,"added-to-cart"],"endAddedToCart":[4,"end-added-to-cart"],"variations":[32],"selectedVariation":[32],"priceFormatted":[32],"salePriceFormatted":[32],"setPrice":[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["jump-filter.cjs",[[1,"jump-filter",{"direction":[1],"filterHeading":[1,"filter-heading"],"filterButtonLabel":[1,"filter-button-label"],"filterButtonIcon":[1,"filter-button-icon"],"mobileThreshold":[2,"mobile-threshold"],"filters":[8],"showCount":[4,"show-count"],"offCanvasOverlay":[4,"off-canvas-overlay"],"activeFilters":[32],"showMobileFilters":[32],"isMobile":[32],"offCanvasClasses":[32],"getFilters":[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{"showMobileFilters":["watchHandler"]}]]],["jump-filtergroup.cjs",[[1,"jump-filtergroup",{"name":[1],"heading":[1],"otherLabel":[1,"other-label"],"lessLabel":[1,"less-label"],"maxElements":[2,"max-elements"],"variant":[1],"label":[32],"values":[32],"value":[32],"slotItems":[32],"inputs":[32],"showMore":[32],"getValues":[64],"getActiveAmount":[64],"getInputs":[64],"getName":[64]},null,{"showMore":["watchShowMore"]}]]],["jump-navbar.cjs",[[1,"jump-navbar",{"logo":[16],"navItems":[16],"secondaryNavItems":[16],"mobileThreshold":[2,"mobile-threshold"],"type":[1],"navPosition":[1,"nav-position"],"megaMenuAlignment":[1,"mega-menu-alignment"],"sticky":[4],"stickyThreshold":[2,"sticky-threshold"],"mobileLogo":[16],"user":[16],"isMobile":[32]},[[9,"resize","handleResize"]]]]],["jump-pagination.cjs",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table.cjs",[[0,"jump-pagination-table",{"elementsRanges":[1,"elements-ranges"],"elPerPage":[2,"el-per-page"],"pagLabel":[513,"pag-label"],"labelElementsPerPage":[513,"label-elements-per-page"],"total":[514],"first":[514],"last":[514],"showFirstAndLast":[516,"show-first-and-last"],"elementsRangesArray":[32]},null,{"elementsRanges":["elementsRangesChanged"],"elPerPage":["elPerPageChanged"]}]]],["jump-quantity.cjs",[[65,"jump-quantity",{"min":[2],"max":[2],"step":[2],"label":[1],"type":[1],"variant":[1],"showButtons":[4,"show-buttons"],"value":[2],"internalValue":[32],"getValue":[64],"setMax":[64],"reset":[64]},null,{"value":["onValueChange"]}]]],["jump-search-bar.cjs",[[1,"jump-search-bar",{"placeholder":[1],"noResultText":[1,"no-result-text"],"loadingText":[1,"loading-text"],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"identifier":[1],"debounceTime":[2,"debounce-time"],"variant":[1],"withBtn":[4,"with-btn"],"recentsTitle":[1,"recents-title"],"recents":[16],"results":[16],"dropdown":[4],"linearIconOnly":[4,"linear-icon-only"],"dropdownPosition":[1,"dropdown-position"],"dropdownVisible":[32],"searchValue":[32],"resType":[32],"innerResults":[32],"totalResults":[32],"isExpanded":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-search-bar-mobile.cjs",[[1,"jump-search-bar-mobile",{"identifier":[1],"placeholder":[1],"recents":[16],"recentsTitle":[1,"recents-title"],"debounceTime":[2,"debounce-time"],"loadingText":[1,"loading-text"],"noResultText":[1,"no-result-text"],"results":[16],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"isOpen":[32],"innerResults":[32],"totalResults":[32],"resType":[32],"searchValue":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-accordion.cjs",[[1,"jump-accordion",{"variant":[1],"summary":[1],"disabled":[4],"open":[516],"icon":[1],"identifier":[1]},[[0,"sl-show","handleShow"]]]]],["jump-tab-item.cjs",[[1,"jump-tab-item",{"identifier":[1],"iconName":[1,"icon-name"],"iconPosition":[1,"icon-position"],"label":[1],"active":[4],"disabled":[4],"variant":[32]}]]],["jump-accordion-group.cjs",[[1,"jump-accordion-group",{"variant":[1],"groupIdentifier":[1,"group-identifier"]}]]],["jump-card.cjs",[[4,"jump-card",{"horizontal":[4],"dark":[4],"shadow":[4],"border":[4],"borderRadius":[4,"border-radius"],"topBorderContentRadius":[4,"top-border-content-radius"],"boxed":[4],"roundedMedia":[4,"rounded-media"],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"]}]]],["jump-card-ecommerce-option.cjs",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1]}]]],["jump-filter-checkbox.cjs",[[1,"jump-filter-checkbox",{"value":[1],"label":[1],"checked":[516],"count":[8],"isChecked":[64]}]]],["jump-filter-select.cjs",[[1,"jump-filter-select",{"value":[1537],"placeholder":[1],"label":[1],"name":[1],"options":[1],"disabled":[516],"multiple":[4],"required":[4],"loading":[4],"open":[32],"hasSlottedOptions":[32],"values":[32],"getSelectedValue":[64],"getSelectedOption":[64],"getValues":[64],"getName":[64],"setValue":[64]}]]],["jump-filter-switch.cjs",[[1,"jump-filter-switch",{"value":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[516],"values":[32],"setValue":[64],"isChecked":[64],"getValues":[64],"getName":[64]},null,{"checked":["checkedChanged"]}]]],["jump-search-bar-dropdown-item.cjs",[[1,"jump-search-bar-dropdown-item",{"value":[1],"img":[1],"href":[1],"details":[32]}]]],["jump-tab.cjs",[[1,"jump-tab",{"disabled":[4],"alignment":[1],"fullBorder":[4,"full-border"],"tabGroupName":[1,"tab-group-name"],"variant":[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["jump-tab-panel.cjs",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge.cjs",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/jump-filter-select/jump-filter-select.js

@@ -10,6 +10,7 @@ export class JumpFilterSelect {
         this.value = undefined;
         this.placeholder = 'Seleziona un\'opzione';
         this.label = undefined;
+        this.name = 'select-filter';
         this.options = [];
         this.disabled = false;
         this.multiple = false;
@@ -17,6 +18,7 @@ export class JumpFilterSelect {
         this.loading = false;
         this.open = false;
         this.hasSlottedOptions = false;
+        this.values = [];
     }
     /**
      * Controlla se ci sono opzioni definite come slot
@@ -41,8 +43,16 @@ export class JumpFilterSelect {
         }
         return this.options;
     }
+    /**
+     * Aggiorna l'array dei valori in base al valore selezionato
+     */
+    updateValues() {
+        this.values = this.value ? [this.value] : [];
+    }
     componentDidLoad() {
         this.listenSLChange();
+        // Inizializza l'array dei valori
+        this.updateValues();
     }
     /**
      * Ascolta gli eventi di cambio selezione dal select Shoelace
@@ -54,14 +64,23 @@ export class JumpFilterSelect {
                     return;
                 }
                 this.value = event.target.value;
+                this.updateValues();
                 const optionsArray = this.getOptionsArray();
                 const selectedOption = optionsArray.find(option => option.value === this.value);
-                const eventData = {
+                // Evento specifico per il componente select
+                const selectEventData = {
+                    value: this.value,
+                    selectedOption
+                };
+                this.selectionChange.emit(selectEventData);
+                // Evento standard per il sistema di filtri
+                const filterEventData = {
+                    name: this.name,
+                    values: this.values,
                     value: this.value,
                     selectedOption
                 };
-                this.selectionChange.emit(eventData);
-                this.selectionFilterChange.emit(eventData);
+                this.selectionFilterChange.emit(filterEventData);
             });
         }
     }
@@ -80,6 +99,20 @@ export class JumpFilterSelect {
         const optionsArray = this.getOptionsArray();
         return optionsArray.find(option => option.value === this.value);
     }
+    /**
+     * Metodo pubblico per ottenere i valori selezionati come array
+     * @returns Array contenente il valore selezionato o un array vuoto
+     */
+    async getValues() {
+        return this.values;
+    }
+    /**
+     * Metodo pubblico per ottenere il nome del filtro
+     * @returns Il nome del filtro
+     */
+    async getName() {
+        return this.name;
+    }
     /**
      * Metodo pubblico per impostare programmaticamente il valore selezionato
      * @param newValue - Il nuovo valore da selezionare
@@ -87,7 +120,18 @@ export class JumpFilterSelect {
      * @returns Il nuovo valore impostato
      */
     async setValue(newValue, emitEvent = true) {
+        // Se il componente è disabilitato, non fare nulla
+        if (this.disabled) {
+            return this.value;
+        }
+        // Salva il valore precedente per l'evento
+        const oldValue = this.value;
+        // Non fare nulla se il valore non è cambiato
+        if (oldValue === newValue) {
+            return this.value;
+        }
         this.value = newValue;
+        this.updateValues();
         // Aggiorna anche il valore dell'elemento sl-select interno
         if (this.el) {
             this.el.value = newValue;
@@ -96,19 +140,36 @@ export class JumpFilterSelect {
         if (emitEvent) {
             const optionsArray = this.getOptionsArray();
             const selectedOption = optionsArray.find(option => option.value === this.value);
-            const eventData = {
+            // Evento specifico per il componente select
+            const selectEventData = {
                 value: this.value,
+                oldValue: oldValue,
                 selectedOption,
                 programmatic: true // Flag per indicare che il cambio è avvenuto programmaticamente
             };
-            this.selectionChange.emit(eventData);
-            this.selectionFilterChange.emit(eventData);
+            this.selectionChange.emit(selectEventData);
+            // Evento standard per il sistema di filtri
+            const filterEventData = {
+                name: this.name,
+                values: this.values,
+                value: this.value,
+                oldValue: oldValue,
+                selectedOption,
+                programmatic: true
+            };
+            this.selectionFilterChange.emit(filterEventData);
+            // Evento specifico per cambio programmato
+            this.valueChange.emit({
+                value: this.value,
+                oldValue: oldValue,
+                selectedOption
+            });
         }
         return this.value;
     }
     render() {
         const optionsArray = this.getOptionsArray();
-        return (h(Host, { key: '3bbb46b827ae88ce31d6c1da17fc75b6da4269ec', ref: (host) => (this.host = host) }, this.label && (h("div", { key: 'c0d89bc2668692fe9920a20aaf45a5ad9989d7b2', class: "select-label" }, this.label)), h("sl-select", { key: '299284224f4981547900d0bcb215747ebc17d22c', value: this.value, placeholder: this.placeholder, disabled: this.disabled, multiple: this.multiple, required: this.required, loading: this.loading, ref: (el) => (this.el = el) }, !this.hasSlottedOptions && optionsArray.map(option => (h("sl-option", { value: option.value }, option.label))), h("slot", { key: 'f481903e85538e396e4d270e4545dbd8024ed7ef' }))));
+        return (h(Host, { key: '26ecef5862a3d5ef1d903ac9dad378027841d78c', ref: (host) => (this.host = host) }, this.label && (h("div", { key: '24bc20afb81ebe4b760889b3be866cc4c94b43f4', class: "select-label" }, this.label)), h("sl-select", { key: '7b578cf8ab02dd40df93848af918c51f7061bbbe', value: this.value, placeholder: this.placeholder, disabled: this.disabled, multiple: this.multiple, required: this.required, loading: this.loading, ref: (el) => (this.el = el) }, !this.hasSlottedOptions && optionsArray.map(option => (h("sl-option", { value: option.value }, option.label))), h("slot", { key: 'dc85029632cf9c9f6b00b72c4f9a83a8281e25dc' }))));
     }
     static get is() { return "jump-filter-select"; }
     static get encapsulation() { return "shadow"; }
@@ -176,6 +237,24 @@ export class JumpFilterSelect {
                 "attribute": "label",
                 "reflect": false
             },
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Nome identificativo del filtro, utilizzato negli eventi"
+                },
+                "attribute": "name",
+                "reflect": false,
+                "defaultValue": "'select-filter'"
+            },
             "options": {
                 "type": "string",
                 "mutable": false,
@@ -271,7 +350,8 @@ export class JumpFilterSelect {
     static get states() {
         return {
             "open": {},
-            "hasSlottedOptions": {}
+            "hasSlottedOptions": {},
+            "values": {}
         };
     }
     static get events() {
@@ -305,6 +385,21 @@ export class JumpFilterSelect {
                     "resolved": "any",
                     "references": {}
                 }
+            }, {
+                "method": "valueChange",
+                "name": "jump-select-value-change",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Evento emesso quando il valore viene cambiato programmaticamente"
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
             }];
     }
     static get methods() {
@@ -349,6 +444,46 @@ export class JumpFilterSelect {
                         }]
                 }
             },
+            "getValues": {
+                "complexType": {
+                    "signature": "() => Promise<string[]>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<string[]>"
+                },
+                "docs": {
+                    "text": "Metodo pubblico per ottenere i valori selezionati come array",
+                    "tags": [{
+                            "name": "returns",
+                            "text": "Array contenente il valore selezionato o un array vuoto"
+                        }]
+                }
+            },
+            "getName": {
+                "complexType": {
+                    "signature": "() => Promise<string>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<string>"
+                },
+                "docs": {
+                    "text": "Metodo pubblico per ottenere il nome del filtro",
+                    "tags": [{
+                            "name": "returns",
+                            "text": "Il nome del filtro"
+                        }]
+                }
+            },
             "setValue": {
                 "complexType": {
                     "signature": "(newValue: string, emitEvent?: boolean) => Promise<string>",

package/dist/collection/components/jump-filter-select/jump-filter-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"jump-filter-select.js","sourceRoot":"","sources":["../../../src/components/jump-filter-select/jump-filter-select.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter, Method, State, Element } from '@stencil/core';\nimport '@shoelace-style/shoelace/dist/components/select/select.js';\nimport '@shoelace-style/shoelace/dist/components/option/option.js';\n\n/**\n * Componente select per filtri con supporto per opzioni e stato\n * @slot - Contenitore per elementi sl-option quando le opzioni sono definite come figli\n */\n@Component({\n  tag: 'jump-filter-select',\n  styleUrl: 'jump-filter-select.scss',\n  shadow: true,\n})\nexport class JumpFilterSelect {\n  /** Riferimento all'elemento host */\n  @Element() hostElement: HTMLElement;\n\n  /** Il valore selezionato */\n  @Prop({ reflect: true, mutable: true }) value: string;\n\n  /** Il placeholder da mostrare quando nessun valore è selezionato */\n  @Prop() placeholder: string = 'Seleziona un\\'opzione';\n\n  /** L'etichetta del select */\n  @Prop() label: string;\n\n  /** Opzioni del select come array di oggetti {value, label} o come stringa JSON */\n  @Prop() options: string | { value: string; label: string }[] = [];\n\n  /** Stato del select (disabilitato) */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Flag per indicare se è possibile selezionare più opzioni */\n  @Prop() multiple: boolean = false;\n\n  /** Flag per indicare se la selezione è obbligatoria */\n  @Prop() required: boolean = false;\n\n  /** Flag per indicare se il select è in stato di caricamento */\n  @Prop() loading: boolean = false;\n\n  /** Stato interno per gestire l'apertura del dropdown */\n  @State() open: boolean = false;\n\n  /** Flag per determinare se sono presenti opzioni come slot */\n  @State() hasSlottedOptions: boolean = false;\n\n  /** Riferimento all'elemento host */\n  host: HTMLElement;\n\n  /** Riferimento all'elemento sl-select interno */\n  el: any;\n\n  /**\n   * Controlla se ci sono opzioni definite come slot\n   */\n  componentWillRender() {\n    // Verifica se ci sono elementi sl-option definiti come figli\n    const slotNodes = this.hostElement.childNodes;\n    this.hasSlottedOptions = Array.from(slotNodes).some(node =>\n      node.nodeName && node.nodeName.toLowerCase() === 'sl-option'\n    );\n  }\n\n  /**\n   * Converte le opzioni da string o array a array di oggetti\n   */\n  private getOptionsArray(): { value: string; label: string }[] {\n    if (typeof this.options === 'string') {\n      try {\n        return JSON.parse(this.options);\n      } catch (e) {\n        console.error('Errore nel parsing delle opzioni:', e);\n        return [];\n      }\n    }\n    return this.options;\n  }\n\n  componentDidLoad() {\n    this.listenSLChange();\n  }\n\n  /**\n   * Ascolta gli eventi di cambio selezione dal select Shoelace\n   */\n  listenSLChange() {\n    if (this.host) {\n      this.host.addEventListener('sl-change', (event: any) => {\n        if (this.disabled) {\n          return;\n        }\n\n        this.value = event.target.value;\n\n        const optionsArray = this.getOptionsArray();\n        const selectedOption = optionsArray.find(option => option.value === this.value);\n\n        const eventData = {\n          value: this.value,\n          selectedOption\n        };\n\n        this.selectionChange.emit(eventData);\n        this.selectionFilterChange.emit(eventData);\n      });\n    }\n  }\n\n  /**\n   * Evento emesso quando cambia la selezione\n   */\n  @Event({ eventName: 'jump-select-change' }) selectionChange: EventEmitter;\n  @Event({ eventName: 'jump-filterchange' }) selectionFilterChange: EventEmitter;\n\n  /**\n   * Metodo pubblico per ottenere il valore selezionato\n   * @returns Il valore attualmente selezionato\n   */\n  @Method()\n  async getSelectedValue() {\n    return this.value;\n  }\n\n  /**\n   * Metodo pubblico per ottenere l'opzione selezionata\n   * @returns L'opzione attualmente selezionata come oggetto {value, label}\n   */\n  @Method()\n  async getSelectedOption() {\n    const optionsArray = this.getOptionsArray();\n    return optionsArray.find(option => option.value === this.value);\n  }\n\n  /**\n   * Metodo pubblico per impostare programmaticamente il valore selezionato\n   * @param newValue - Il nuovo valore da selezionare\n   * @param emitEvent - Se emettere l'evento di cambio (default: true)\n   * @returns Il nuovo valore impostato\n   */\n  @Method()\n  async setValue(newValue: string, emitEvent: boolean = true) {\n    this.value = newValue;\n\n    // Aggiorna anche il valore dell'elemento sl-select interno\n    if (this.el) {\n      this.el.value = newValue;\n    }\n\n    // Emetti l'evento di cambio se richiesto\n    if (emitEvent) {\n      const optionsArray = this.getOptionsArray();\n      const selectedOption = optionsArray.find(option => option.value === this.value);\n\n      const eventData = {\n        value: this.value,\n        selectedOption,\n        programmatic: true // Flag per indicare che il cambio è avvenuto programmaticamente\n      };\n\n      this.selectionChange.emit(eventData);\n      this.selectionFilterChange.emit(eventData);\n    }\n\n    return this.value;\n  }\n\n  render() {\n    const optionsArray = this.getOptionsArray();\n\n    return (\n      <Host ref={(host: HTMLElement) => (this.host = host)}>\n        {this.label && (\n          <div class=\"select-label\">{this.label}</div>\n        )}\n        <sl-select\n          value={this.value}\n          placeholder={this.placeholder}\n          disabled={this.disabled}\n          multiple={this.multiple}\n          required={this.required}\n          loading={this.loading}\n          ref={(el: any) => (this.el = el)}\n        >\n          {/* Renderizza le opzioni dalla prop options solo se non ci sono sl-option nello slot */}\n          {!this.hasSlottedOptions && optionsArray.map(option => (\n            <sl-option value={option.value}>{option.label}</sl-option>\n          ))}\n\n          {/* Slot per le opzioni definite come figli */}\n          <slot></slot>\n        </sl-select>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"jump-filter-select.js","sourceRoot":"","sources":["../../../src/components/jump-filter-select/jump-filter-select.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter, Method, State, Element } from '@stencil/core';\nimport '@shoelace-style/shoelace/dist/components/select/select.js';\nimport '@shoelace-style/shoelace/dist/components/option/option.js';\n\n/**\n * Componente select per filtri con supporto per opzioni e stato\n * @slot - Contenitore per elementi sl-option quando le opzioni sono definite come figli\n */\n@Component({\n  tag: 'jump-filter-select',\n  styleUrl: 'jump-filter-select.scss',\n  shadow: true,\n})\nexport class JumpFilterSelect {\n  /** Riferimento all'elemento host */\n  @Element() hostElement: HTMLElement;\n\n  /** Il valore selezionato */\n  @Prop({ reflect: true, mutable: true }) value: string;\n\n  /** Il placeholder da mostrare quando nessun valore è selezionato */\n  @Prop() placeholder: string = 'Seleziona un\\'opzione';\n\n  /** L'etichetta del select */\n  @Prop() label: string;\n\n  /** Nome identificativo del filtro, utilizzato negli eventi */\n  @Prop() name: string = 'select-filter';\n  \n  /** Opzioni del select come array di oggetti {value, label} o come stringa JSON */\n  @Prop() options: string | { value: string; label: string }[] = [];\n\n  /** Stato del select (disabilitato) */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Flag per indicare se è possibile selezionare più opzioni */\n  @Prop() multiple: boolean = false;\n\n  /** Flag per indicare se la selezione è obbligatoria */\n  @Prop() required: boolean = false;\n\n  /** Flag per indicare se il select è in stato di caricamento */\n  @Prop() loading: boolean = false;\n\n  /** Stato interno per gestire l'apertura del dropdown */\n  @State() open: boolean = false;\n\n  /** Flag per determinare se sono presenti opzioni come slot */\n  @State() hasSlottedOptions: boolean = false;\n  \n  /** Stato interno per tenere traccia dei valori selezionati come array per compatibilità con gli altri filtri */\n  @State() values: string[] = [];\n\n  /** Riferimento all'elemento host */\n  host: HTMLElement;\n\n  /** Riferimento all'elemento sl-select interno */\n  el: any;\n\n  /**\n   * Controlla se ci sono opzioni definite come slot\n   */\n  componentWillRender() {\n    // Verifica se ci sono elementi sl-option definiti come figli\n    const slotNodes = this.hostElement.childNodes;\n    this.hasSlottedOptions = Array.from(slotNodes).some(node =>\n      node.nodeName && node.nodeName.toLowerCase() === 'sl-option'\n    );\n  }\n\n  /**\n   * Converte le opzioni da string o array a array di oggetti\n   */\n  private getOptionsArray(): { value: string; label: string }[] {\n    if (typeof this.options === 'string') {\n      try {\n        return JSON.parse(this.options);\n      } catch (e) {\n        console.error('Errore nel parsing delle opzioni:', e);\n        return [];\n      }\n    }\n    return this.options;\n  }\n  \n  /**\n   * Aggiorna l'array dei valori in base al valore selezionato\n   */\n  private updateValues() {\n    this.values = this.value ? [this.value] : [];\n  }\n\n  componentDidLoad() {\n    this.listenSLChange();\n    // Inizializza l'array dei valori\n    this.updateValues();\n  }\n\n  /**\n   * Ascolta gli eventi di cambio selezione dal select Shoelace\n   */\n  listenSLChange() {\n    if (this.host) {\n      this.host.addEventListener('sl-change', (event: any) => {\n        if (this.disabled) {\n          return;\n        }\n\n        this.value = event.target.value;\n        this.updateValues();\n  \n        const optionsArray = this.getOptionsArray();\n        const selectedOption = optionsArray.find(option => option.value === this.value);\n  \n        // Evento specifico per il componente select\n        const selectEventData = {\n          value: this.value,\n          selectedOption\n        };\n        this.selectionChange.emit(selectEventData);\n        \n        // Evento standard per il sistema di filtri\n        const filterEventData = {\n          name: this.name,\n          values: this.values,\n          value: this.value,\n          selectedOption\n        };\n        this.selectionFilterChange.emit(filterEventData);\n      });\n    }\n  }\n\n  /**\n   * Evento emesso quando cambia la selezione\n   */\n  @Event({ eventName: 'jump-select-change' }) selectionChange: EventEmitter;\n  @Event({ eventName: 'jump-filterchange' }) selectionFilterChange: EventEmitter;\n  /**\n   * Evento emesso quando il valore viene cambiato programmaticamente\n   */\n  @Event({ eventName: 'jump-select-value-change' }) valueChange: EventEmitter;\n\n  /**\n   * Metodo pubblico per ottenere il valore selezionato\n   * @returns Il valore attualmente selezionato\n   */\n  @Method()\n  async getSelectedValue() {\n    return this.value;\n  }\n\n  /**\n   * Metodo pubblico per ottenere l'opzione selezionata\n   * @returns L'opzione attualmente selezionata come oggetto {value, label}\n   */\n  @Method()\n  async getSelectedOption() {\n    const optionsArray = this.getOptionsArray();\n    return optionsArray.find(option => option.value === this.value);\n  }\n  \n  /**\n   * Metodo pubblico per ottenere i valori selezionati come array\n   * @returns Array contenente il valore selezionato o un array vuoto\n   */\n  @Method()\n  async getValues() {\n    return this.values;\n  }\n  \n  /**\n   * Metodo pubblico per ottenere il nome del filtro\n   * @returns Il nome del filtro\n   */\n  @Method()\n  async getName() {\n    return this.name;\n  }\n\n  /**\n   * Metodo pubblico per impostare programmaticamente il valore selezionato\n   * @param newValue - Il nuovo valore da selezionare\n   * @param emitEvent - Se emettere l'evento di cambio (default: true)\n   * @returns Il nuovo valore impostato\n   */\n  @Method()\n  async setValue(newValue: string, emitEvent: boolean = true) {\n    // Se il componente è disabilitato, non fare nulla\n    if (this.disabled) {\n      return this.value;\n    }\n    \n    // Salva il valore precedente per l'evento\n    const oldValue = this.value;\n    \n    // Non fare nulla se il valore non è cambiato\n    if (oldValue === newValue) {\n      return this.value;\n    }\n    \n    this.value = newValue;\n    this.updateValues();\n  \n    // Aggiorna anche il valore dell'elemento sl-select interno\n    if (this.el) {\n      this.el.value = newValue;\n    }\n  \n    // Emetti l'evento di cambio se richiesto\n    if (emitEvent) {\n      const optionsArray = this.getOptionsArray();\n      const selectedOption = optionsArray.find(option => option.value === this.value);\n      \n      // Evento specifico per il componente select\n      const selectEventData = {\n        value: this.value,\n        oldValue: oldValue,\n        selectedOption,\n        programmatic: true // Flag per indicare che il cambio è avvenuto programmaticamente\n      };\n      this.selectionChange.emit(selectEventData);\n      \n      // Evento standard per il sistema di filtri\n      const filterEventData = {\n        name: this.name,\n        values: this.values,\n        value: this.value,\n        oldValue: oldValue,\n        selectedOption,\n        programmatic: true\n      };\n      this.selectionFilterChange.emit(filterEventData);\n      \n      // Evento specifico per cambio programmato\n      this.valueChange.emit({\n        value: this.value,\n        oldValue: oldValue,\n        selectedOption\n      });\n    }\n\n    return this.value;\n  }\n\n  render() {\n    const optionsArray = this.getOptionsArray();\n\n    return (\n      <Host ref={(host: HTMLElement) => (this.host = host)}>\n        {this.label && (\n          <div class=\"select-label\">{this.label}</div>\n        )}\n        <sl-select\n          value={this.value}\n          placeholder={this.placeholder}\n          disabled={this.disabled}\n          multiple={this.multiple}\n          required={this.required}\n          loading={this.loading}\n          ref={(el: any) => (this.el = el)}\n        >\n          {/* Renderizza le opzioni dalla prop options solo se non ci sono sl-option nello slot */}\n          {!this.hasSlottedOptions && optionsArray.map(option => (\n            <sl-option value={option.value}>{option.label}</sl-option>\n          ))}\n\n          {/* Slot per le opzioni definite come figli */}\n          <slot></slot>\n        </sl-select>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/components/jump-filter-select.js

@@ -4118,9 +4118,11 @@ const JumpFilterSelect$1 = /*@__PURE__*/ proxyCustomElement(class JumpFilterSele
         this.__attachShadow();
         this.selectionChange = createEvent(this, "jump-select-change", 7);
         this.selectionFilterChange = createEvent(this, "jump-filterchange", 7);
+        this.valueChange = createEvent(this, "jump-select-value-change", 7);
         this.value = undefined;
         this.placeholder = 'Seleziona un\'opzione';
         this.label = undefined;
+        this.name = 'select-filter';
         this.options = [];
         this.disabled = false;
         this.multiple = false;
@@ -4128,6 +4130,7 @@ const JumpFilterSelect$1 = /*@__PURE__*/ proxyCustomElement(class JumpFilterSele
         this.loading = false;
         this.open = false;
         this.hasSlottedOptions = false;
+        this.values = [];
     }
     /**
      * Controlla se ci sono opzioni definite come slot
@@ -4152,8 +4155,16 @@ const JumpFilterSelect$1 = /*@__PURE__*/ proxyCustomElement(class JumpFilterSele
         }
         return this.options;
     }
+    /**
+     * Aggiorna l'array dei valori in base al valore selezionato
+     */
+    updateValues() {
+        this.values = this.value ? [this.value] : [];
+    }
     componentDidLoad() {
         this.listenSLChange();
+        // Inizializza l'array dei valori
+        this.updateValues();
     }
     /**
      * Ascolta gli eventi di cambio selezione dal select Shoelace
@@ -4165,14 +4176,23 @@ const JumpFilterSelect$1 = /*@__PURE__*/ proxyCustomElement(class JumpFilterSele
                     return;
                 }
                 this.value = event.target.value;
+                this.updateValues();
                 const optionsArray = this.getOptionsArray();
                 const selectedOption = optionsArray.find(option => option.value === this.value);
-                const eventData = {
+                // Evento specifico per il componente select
+                const selectEventData = {
+                    value: this.value,
+                    selectedOption
+                };
+                this.selectionChange.emit(selectEventData);
+                // Evento standard per il sistema di filtri
+                const filterEventData = {
+                    name: this.name,
+                    values: this.values,
                     value: this.value,
                     selectedOption
                 };
-                this.selectionChange.emit(eventData);
-                this.selectionFilterChange.emit(eventData);
+                this.selectionFilterChange.emit(filterEventData);
             });
         }
     }
@@ -4191,6 +4211,20 @@ const JumpFilterSelect$1 = /*@__PURE__*/ proxyCustomElement(class JumpFilterSele
         const optionsArray = this.getOptionsArray();
         return optionsArray.find(option => option.value === this.value);
     }
+    /**
+     * Metodo pubblico per ottenere i valori selezionati come array
+     * @returns Array contenente il valore selezionato o un array vuoto
+     */
+    async getValues() {
+        return this.values;
+    }
+    /**
+     * Metodo pubblico per ottenere il nome del filtro
+     * @returns Il nome del filtro
+     */
+    async getName() {
+        return this.name;
+    }
     /**
      * Metodo pubblico per impostare programmaticamente il valore selezionato
      * @param newValue - Il nuovo valore da selezionare
@@ -4198,7 +4232,18 @@ const JumpFilterSelect$1 = /*@__PURE__*/ proxyCustomElement(class JumpFilterSele
      * @returns Il nuovo valore impostato
      */
     async setValue(newValue, emitEvent = true) {
+        // Se il componente è disabilitato, non fare nulla
+        if (this.disabled) {
+            return this.value;
+        }
+        // Salva il valore precedente per l'evento
+        const oldValue = this.value;
+        // Non fare nulla se il valore non è cambiato
+        if (oldValue === newValue) {
+            return this.value;
+        }
         this.value = newValue;
+        this.updateValues();
         // Aggiorna anche il valore dell'elemento sl-select interno
         if (this.el) {
             this.el.value = newValue;
@@ -4207,19 +4252,36 @@ const JumpFilterSelect$1 = /*@__PURE__*/ proxyCustomElement(class JumpFilterSele
         if (emitEvent) {
             const optionsArray = this.getOptionsArray();
             const selectedOption = optionsArray.find(option => option.value === this.value);
-            const eventData = {
+            // Evento specifico per il componente select
+            const selectEventData = {
                 value: this.value,
+                oldValue: oldValue,
                 selectedOption,
                 programmatic: true // Flag per indicare che il cambio è avvenuto programmaticamente
             };
-            this.selectionChange.emit(eventData);
-            this.selectionFilterChange.emit(eventData);
+            this.selectionChange.emit(selectEventData);
+            // Evento standard per il sistema di filtri
+            const filterEventData = {
+                name: this.name,
+                values: this.values,
+                value: this.value,
+                oldValue: oldValue,
+                selectedOption,
+                programmatic: true
+            };
+            this.selectionFilterChange.emit(filterEventData);
+            // Evento specifico per cambio programmato
+            this.valueChange.emit({
+                value: this.value,
+                oldValue: oldValue,
+                selectedOption
+            });
         }
         return this.value;
     }
     render() {
         const optionsArray = this.getOptionsArray();
-        return (h(Host, { key: '3bbb46b827ae88ce31d6c1da17fc75b6da4269ec', ref: (host) => (this.host = host) }, this.label && (h("div", { key: 'c0d89bc2668692fe9920a20aaf45a5ad9989d7b2', class: "select-label" }, this.label)), h("sl-select", { key: '299284224f4981547900d0bcb215747ebc17d22c', value: this.value, placeholder: this.placeholder, disabled: this.disabled, multiple: this.multiple, required: this.required, loading: this.loading, ref: (el) => (this.el = el) }, !this.hasSlottedOptions && optionsArray.map(option => (h("sl-option", { value: option.value }, option.label))), h("slot", { key: 'f481903e85538e396e4d270e4545dbd8024ed7ef' }))));
+        return (h(Host, { key: '26ecef5862a3d5ef1d903ac9dad378027841d78c', ref: (host) => (this.host = host) }, this.label && (h("div", { key: '24bc20afb81ebe4b760889b3be866cc4c94b43f4', class: "select-label" }, this.label)), h("sl-select", { key: '7b578cf8ab02dd40df93848af918c51f7061bbbe', value: this.value, placeholder: this.placeholder, disabled: this.disabled, multiple: this.multiple, required: this.required, loading: this.loading, ref: (el) => (this.el = el) }, !this.hasSlottedOptions && optionsArray.map(option => (h("sl-option", { value: option.value }, option.label))), h("slot", { key: 'dc85029632cf9c9f6b00b72c4f9a83a8281e25dc' }))));
     }
     get hostElement() { return this; }
     static get style() { return JumpFilterSelectStyle0; }
@@ -4227,6 +4289,7 @@ const JumpFilterSelect$1 = /*@__PURE__*/ proxyCustomElement(class JumpFilterSele
         "value": [1537],
         "placeholder": [1],
         "label": [1],
+        "name": [1],
         "options": [1],
         "disabled": [516],
         "multiple": [4],
@@ -4234,8 +4297,11 @@ const JumpFilterSelect$1 = /*@__PURE__*/ proxyCustomElement(class JumpFilterSele
         "loading": [4],
         "open": [32],
         "hasSlottedOptions": [32],
+        "values": [32],
         "getSelectedValue": [64],
         "getSelectedOption": [64],
+        "getValues": [64],
+        "getName": [64],
         "setValue": [64]
     }]);
 function defineCustomElement$1() {