@jumpgroup/jump-design-system 0.3.70 → 0.3.72

package/dist/components/jump-pagination.js

@@ -32,7 +32,7 @@ const JumpPagination$1 = /*@__PURE__*/ proxyCustomElement(class JumpPagination e
     }
     /* --------------------- RENDER ------------------------------- */
     render() {
-        return (h(Host, { key: 'daa4ea1acee46e591d0b723c52291ee411c4f282', class: "JumpPagination" }, h("div", { key: '023afb01feacf36c1427e03e87e3695963322e6e', class: "JumpPagination__Wrapper" }, h("div", { key: '94b6eeab6b1dc2bbf18faaea7e926bc657838429', class: "indicators" }, h("div", { key: 'd3d1a55f975757ec032aff3011fa7c8683182e33', class: "elements" }, h("span", { key: '9d4dfeb0efa6da247c1e210aff0994d33c9a22f9' }, h("span", { key: 'd98f272362517f6d67ec463b16508510cf710630' }, this.current), " ", this.pagLabel, " ", h("span", { key: 'f0e3dcfdde172119495142d5479f642bc34d6a98' }, this.last))), h("div", { key: 'a2fbf14f2135ddaf7ae0a017d2bbc2b2e3173125', class: "arrow" }, this.showFirstAndLast &&
+        return (h(Host, { key: '6d59cfd7f9bee81d599c42e804d0be48c1183b2c', class: "JumpPagination" }, h("div", { key: 'a3620c928b3302e6d5c9c51e99a5770ccf2eed08', class: "JumpPagination__Wrapper" }, h("div", { key: '6afc40de5d106e6a1427d5e7fdcf77628526c697', class: "indicators" }, h("div", { key: '6b2d8c5ccd7d70a5771d0e081d6bd2ef601b24f1', class: "elements" }, h("span", { key: '504c32d0067207719004ea4ad50b560fde48ccaa' }, h("span", { key: 'e22630f7a9523a8c36e5ae5e16aecc95fd6fb9b3' }, this.current), " ", this.pagLabel, " ", h("span", { key: '9627d631cf2dbebf81d4a97a5f62f35320907156' }, this.last))), h("div", { key: 'f513997580f67b7f58a73909bb6046413b1d47ae', class: "arrow" }, this.showFirstAndLast &&
             // <button 
             //   onClick={() => {this.current = 1} }
             //   disabled={(this.current === 1) ? true : false}> 
@@ -40,14 +40,14 @@ const JumpPagination$1 = /*@__PURE__*/ proxyCustomElement(class JumpPagination e
             //     disabled={(this.current === 1) ? true : false}
             //     ></jump-icon>   
             // </button>
-            h("jump-button", { key: '259e503d12209b40444801f4696492ab6261f9ad', onClick: () => { this.current = 1; }, variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: (this.current === 1) ? true : false }, " ", h("jump-icon", { key: 'f113f22ce185ea152408f8497563ff1a05164f85', slot: "suffix", name: "chevrons-left" }), " "), h("jump-button", { key: '58334f0c40274d1541aa5070fd105907841f1eb9', onClick: () => { this.current--; }, variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: (this.current === 1) ? true : false }, " ", h("jump-icon", { key: '1287849fc018a53e7167c09854e0d2dc6371423c', slot: "suffix", name: "chevron-left" }), " "), h("jump-button", { key: '285028224a87de99c35d9388c4a7762db96c14c0', onClick: () => { this.current++; }, variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: (this.current === this.last) ? true : false }, " ", h("jump-icon", { key: '314e94eced88d8d9bc735f11f5d9e13144de04bb', slot: "suffix", name: "chevron-right" }), " "), this.showFirstAndLast &&
+            h("jump-button", { key: '479d23ea1aed06af78a0aca4546cbd470db41fc6', onClick: () => { this.current = 1; }, variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: (this.current === 1) ? true : false }, " ", h("jump-icon", { key: 'c66720f530c76a0e251a4dd05adc57ba50db0032', slot: "suffix", name: "chevrons-left" }), " "), h("jump-button", { key: '490c17ffdc9f4b584338bcc0047eb8d5c5aefb53', onClick: () => { this.current--; }, variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: (this.current === 1) ? true : false }, " ", h("jump-icon", { key: 'e78b9de2a3640f71d1a6834adfee60abeb147c70', slot: "suffix", name: "chevron-left" }), " "), h("jump-button", { key: 'b4a8f249de7e4187cd8884b1edfc7329233e5f28', onClick: () => { this.current++; }, variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: (this.current === this.last) ? true : false }, " ", h("jump-icon", { key: '52e2ceada52102d6fc546d48a61dc97a8540ad57', slot: "suffix", name: "chevron-right" }), " "), this.showFirstAndLast &&
             // <button 
             //   onClick={() => {this.current = this.last}}
             //   disabled={(this.current === this.last) ? true : false}
             //   >
             //   <jump-icon library="fa" category="regular" name="chevrons-right" size="small" slot="prefix"></jump-icon>   
             // </button> 
-            h("jump-button", { key: '8eb0e583e59fef64245948b76cd48c4f29dc1c9f', onClick: () => { this.current = this.last; }, variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: (this.current === this.last) ? true : false }, " ", h("jump-icon", { key: '5895c3a6e74698cbb0015af3cafde30fe4535c2a', slot: "suffix", name: "chevrons-right" }), " "))))));
+            h("jump-button", { key: 'e81f401f008130ca0ff380f1fa520649709fade6', onClick: () => { this.current = this.last; }, variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: (this.current === this.last) ? true : false }, " ", h("jump-icon", { key: 'd7bb704276c1aa16e046d56b23a41f94ff00aa74', slot: "suffix", name: "chevrons-right" }), " "))))));
     }
     static get watchers() { return {
         "current": ["watchcurrent"]

package/dist/components/jump-quantity.js

@@ -75,11 +75,11 @@ const JumpQuantity$1 = /*@__PURE__*/ proxyCustomElement(class JumpQuantity exten
         }
     }
     render() {
-        return (h(Host, { key: '16fa43e6148a64681d5cf1c199e890c589375dae', value: this.value, "data-variant": this.variant, "data-hasbuttons": this.showButtons }, this.label && h("label", { key: 'af99311b2fde98f695d7fe6e30cb61f3ee087d89' }, this.label), h("div", { key: 'e19baf0b29bee7b4aece1cc42c60ea88f5a9e9df', class: `jump-quantity__InnerWrapper` }, this.showButtons &&
-            h("jump-button", { key: '7b397b23b21df5447b66791a60f7782c471b5bde', onClick: () => this.value = this.value - this.step, disabled: this.value <= this.min, variant: 'neutral', size: 'custom' }, h("jump-icon", { key: '2a76ed1efa4ce83386c0953660b8a61e1e6e50de', library: "lucide", name: "minus", size: "small" })), h("input", { key: '096583968aeb0dec8811983bbd4dec3d30319d77', ref: (el) => {
+        return (h(Host, { key: '73eafaacfbd4cd97a05b1fb092f46e6eae738c42', value: this.value, "data-variant": this.variant, "data-hasbuttons": this.showButtons }, this.label && h("label", { key: 'ce899f6cdf37f0c8e1a72d08c84dbfacb689f312' }, this.label), h("div", { key: '3f61a515fda000b4a992d7ddf084b0690a6113df', class: `jump-quantity__InnerWrapper` }, this.showButtons &&
+            h("jump-button", { key: '662d1a2c8b89bd18203557e1bdba166329f171fa', onClick: () => this.value = this.value - this.step, disabled: this.value <= this.min, variant: 'neutral', size: 'custom' }, h("jump-icon", { key: 'b8820c8e48fc8fe8e1d8ffdf99a83234d81bcc88', library: "lucide", name: "minus", size: "small" })), h("input", { key: '95a661f30661ffe2badd7a5da4e9c6bba0767348', ref: (el) => {
                 this.inputEl = el;
             }, type: 'number', value: this.internalValue, onInput: (event) => this.handleChange(event), min: this.min, max: this.max, step: this.step, "aria-hasbuttons": this.showButtons }), this.showButtons &&
-            h("jump-button", { key: 'ea55769654b304cf23ec5863592ed1c6419e9ccd', onClick: () => this.value = this.value + this.step, disabled: this.value >= this.max, variant: 'neutral', size: 'custom' }, h("jump-icon", { key: 'd23d4b89d44d12e6f099e3034bb952bc1c06bb30', library: "lucide", name: "plus", size: "small" })))));
+            h("jump-button", { key: '8fa249d9bae3bcd162369d2a61dca3d255a8fa51', onClick: () => this.value = this.value + this.step, disabled: this.value >= this.max, variant: 'neutral', size: 'custom' }, h("jump-icon", { key: '284beb1782560b3e081f1ad67a52ae90de7a9233', library: "lucide", name: "plus", size: "small" })))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }

package/dist/components/jump-search-bar-dropdown-item.js

@@ -34,7 +34,7 @@ const JumpSearchBarDropdownItem$1 = /*@__PURE__*/ proxyCustomElement(class JumpS
         });
     }
     render() {
-        return (h(Host, { key: '71a7bb156013483eb6b35bdb6008a82becaedc62', ref: (el) => this.componentRef = el }));
+        return (h(Host, { key: '1d47a172947f5873fa5ee72e30b966d0b4676b0c', ref: (el) => this.componentRef = el }));
     }
     static get style() { return JumpSearchBarDropdownItemStyle0; }
 }, [1, "jump-search-bar-dropdown-item", {

package/dist/components/jump-search-bar-mobile.js

@@ -108,16 +108,16 @@ const JumpSearchBarMobile$1 = /*@__PURE__*/ proxyCustomElement(class JumpSearchB
     ;
     /* --------------------- RENDER ------------------------------- */
     render() {
-        return (h(Host, { key: '945581bd026d7fa4ecbcf8e1c1e643e218a24f55', class: "JumpSearchBarMobile", ref: (el) => (this.componentRef = el) }, h("jump-icon", { key: 'fdedfd5df7476ce9aa1f3e91895d4649d186104f', name: "magnifying-glass", category: "light", onClick: () => this.openDropdown() }), h("div", { key: 'ed4a9dd17a2aa33fa696cc08e7f7dfffa4e6cb13', class: "DropdownWrapper " + (this.isOpen ? 'open' : '') }, h("div", { key: '908d363c439a43ebce40a5fac70aec908daf9714', class: "InputWrapper" }, h("jump-icon", { key: 'cff6538be35630feadd7415b1f69143837c7e10e', class: "closeButton", category: "light", name: "arrow-left", onClick: () => this.closeDropdown() }), h("input", { key: 'd4fe30add80cf969850e4322c10d57db11194bbd', placeholder: this.placeholder, type: "search", id: this.identifier, class: "search-input", ref: (el) => { this.jumpSearchBar = el; }, onInput: this.debounce(this.doSearch), onFocus: this.handleFocus, onBlur: this.handleBlur }), h("jump-icon", { key: '52258975154aa6393dd2a6b89c46615cfad64ada', name: "magnifying-glass", category: "light" })), h("div", { key: 'c678e92004f5c0fca9989289fd44e7a80063b194', class: "Results" }, (this.resType == 'recents') &&
-            h("div", { key: '3222eb927ced985b3569531c41f4320a160781ac', class: "Results__Recents" }, this.recents.length != 0 && h("span", { key: '548a3faaf6ad46704459c826955708f2dbcd338b', class: "title" }, this.recentsTitle), h("div", { key: '2b6514cd31fac5e569597bb2748cf6c133007b63', class: "ResWrapper" }, this.innerResults.length > 0 && this.innerResults.map((item) => (h("div", { onClick: () => this.handleResClicked(item) }, h("jump-icon", { name: "magnifying-glass", category: "light" }), item['value']))))), this.resType == 'results' &&
-            h("div", { key: 'b5d1d0756ceb4694ccb1aae51645ed9b7cdfff69', class: "Results__Results" }, h("div", { key: 'bd3d7d79da59b4b98e3e247e8d074be7a6f27421', class: "ResWrapper" }, this.innerResults === undefined ?
+        return (h(Host, { key: '2536b1f0ae49a8846f83de2a6619a2879fb5c007', class: "JumpSearchBarMobile", ref: (el) => (this.componentRef = el) }, h("jump-icon", { key: 'a0bcb9ee2cd8dec0a6c37132ef65232739120bc7', name: "magnifying-glass", category: "light", onClick: () => this.openDropdown() }), h("div", { key: '672612e8637351b3e558d876e2f9a195e10c8e9e', class: "DropdownWrapper " + (this.isOpen ? 'open' : '') }, h("div", { key: 'e051c440647d74967aa879723306bfc70458ddfa', class: "InputWrapper" }, h("jump-icon", { key: '1cf122efb81cc37fe2521978ee3bcabcbe150a8c', class: "closeButton", category: "light", name: "arrow-left", onClick: () => this.closeDropdown() }), h("input", { key: '18b175b318847b95c24cc245d2d7a3b1a87fa520', placeholder: this.placeholder, type: "search", id: this.identifier, class: "search-input", ref: (el) => { this.jumpSearchBar = el; }, onInput: this.debounce(this.doSearch), onFocus: this.handleFocus, onBlur: this.handleBlur }), h("jump-icon", { key: '799b2ec7419725fe9d6ccd38559b33b4885985e2', name: "magnifying-glass", category: "light" })), h("div", { key: 'f09906b6d56210753c6bb0a22e69e2e0950edd88', class: "Results" }, (this.resType == 'recents') &&
+            h("div", { key: 'fd32c692c51f584db8023585a105b471c407abda', class: "Results__Recents" }, this.recents.length != 0 && h("span", { key: 'eb838189df07f24a255f5cef1faa559c3cf50f22', class: "title" }, this.recentsTitle), h("div", { key: '2409d4e8937101f71cb2306e692d11cdcc049038', class: "ResWrapper" }, this.innerResults.length > 0 && this.innerResults.map((item) => (h("div", { onClick: () => this.handleResClicked(item) }, h("jump-icon", { name: "magnifying-glass", category: "light" }), item['value']))))), this.resType == 'results' &&
+            h("div", { key: '947f63941d7b7a962d4a6ce51f23771c86e4a57c', class: "Results__Results" }, h("div", { key: '9a960729de62217ae7102b903338800af55fb5eb', class: "ResWrapper" }, this.innerResults === undefined ?
                 h("div", { class: "helperText" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid", width: "252", height: "252" }, h("g", null, h("g", { transform: "rotate(0 50 50)" }, h("rect", { fill: "#707070", height: "11", width: "4", ry: "1.87", rx: "1.87", y: "27.5", x: "48" }, h("animate", { repeatCount: "indefinite", begin: "-0.9s", dur: "1s", keyTimes: "0;1", values: "1;0", attributeName: "opacity" }))), h("g", { transform: "rotate(36 50 50)" }, h("rect", { fill: "#707070", height: "11", width: "4", ry: "1.87", rx: "1.87", y: "27.5", x: "48" }, h("animate", { repeatCount: "indefinite", begin: "-0.8s", dur: "1s", keyTimes: "0;1", values: "1;0", attributeName: "opacity" }))), h("g", { transform: "rotate(72 50 50)" }, h("rect", { fill: "#707070", height: "11", width: "4", ry: "1.87", rx: "1.87", y: "27.5", x: "48" }, h("animate", { repeatCount: "indefinite", begin: "-0.7s", dur: "1s", keyTimes: "0;1", values: "1;0", attributeName: "opacity" }))), h("g", { transform: "rotate(108 50 50)" }, h("rect", { fill: "#707070", height: "11", width: "4", ry: "1.87", rx: "1.87", y: "27.5", x: "48" }, h("animate", { repeatCount: "indefinite", begin: "-0.6s", dur: "1s", keyTimes: "0;1", values: "1;0", attributeName: "opacity" }))), h("g", { transform: "rotate(144 50 50)" }, h("rect", { fill: "#707070", height: "11", width: "4", ry: "1.87", rx: "1.87", y: "27.5", x: "48" }, h("animate", { repeatCount: "indefinite", begin: "-0.5s", dur: "1s", keyTimes: "0;1", values: "1;0", attributeName: "opacity" }))), h("g", { transform: "rotate(180 50 50)" }, h("rect", { fill: "#707070", height: "11", width: "4", ry: "1.87", rx: "1.87", y: "27.5", x: "48" }, h("animate", { repeatCount: "indefinite", begin: "-0.4s", dur: "1s", keyTimes: "0;1", values: "1;0", attributeName: "opacity" }))), h("g", { transform: "rotate(216 50 50)" }, h("rect", { fill: "#707070", height: "11", width: "4", ry: "1.87", rx: "1.87", y: "27.5", x: "48" }, h("animate", { repeatCount: "indefinite", begin: "-0.3s", dur: "1s", keyTimes: "0;1", values: "1;0", attributeName: "opacity" }))), h("g", { transform: "rotate(252 50 50)" }, h("rect", { fill: "#707070", height: "11", width: "4", ry: "1.87", rx: "1.87", y: "27.5", x: "48" }, h("animate", { repeatCount: "indefinite", begin: "-0.2s", dur: "1s", keyTimes: "0;1", values: "1;0", attributeName: "opacity" }))), h("g", { transform: "rotate(288 50 50)" }, h("rect", { fill: "#707070", height: "11", width: "4", ry: "1.87", rx: "1.87", y: "27.5", x: "48" }, h("animate", { repeatCount: "indefinite", begin: "-0.1s", dur: "1s", keyTimes: "0;1", values: "1;0", attributeName: "opacity" }))), h("g", { transform: "rotate(324 50 50)" }, h("rect", { fill: "#707070", height: "11", width: "4", ry: "1.87", rx: "1.87", y: "27.5", x: "48" }, h("animate", { repeatCount: "indefinite", begin: "0s", dur: "1s", keyTimes: "0;1", values: "1;0", attributeName: "opacity" }))), h("g", null))), this.loadingText)
                 :
                     (this.innerResults.length > 0 ?
                         this.innerResults.map((item) => (h("div", { onClick: () => this.handleResClicked(item), key: item['id'] }, item['img'] && h("img", { src: item['img'], alt: "result" }), item['value'])))
                         :
                             h("div", { class: "helperText" }, this.noResultText)), (this.innerResults && this.innerResults.length > 0) &&
-                h("div", { key: '6d912d69fd8d882abb2a6a4736b81801b02b4e40', class: "totalRes" }, h("jump-button", { key: '9e339094d55d59e4a8ac4537e8e429f168e66055', variant: "secondary", size: "small", text: true, onClick: () => this.btnOrShowOtherClicked(), target: "_blank" }, " ", this.showAllResText, " "), this.totalResults && h("div", { key: '9b6c14f1345247b25c4d8fe142ffd4779e5340da' }, this.totalResults, " ", this.resultsText))))))));
+                h("div", { key: 'a89d62259384695b2662ed092aa7d9f828b5e43d', class: "totalRes" }, h("jump-button", { key: 'faf62951a5a42d2a0f2bf80b75545fd3e4e49f37', variant: "secondary", size: "small", text: true, onClick: () => this.btnOrShowOtherClicked(), target: "_blank" }, " ", this.showAllResText, " "), this.totalResults && h("div", { key: '2f8e1ce5496deaaefdb5d5367232bf7f58dbb1a2' }, this.totalResults, " ", this.resultsText))))))));
     }
     static get watchers() { return {
         "searchValue": ["searchValueChanged"]

package/dist/components/jump-side-cart-example.js

@@ -59,7 +59,7 @@ const JumpSideCartExample$1 = /*@__PURE__*/ proxyCustomElement(class JumpSideCar
         ];
     }
     render() {
-        return (h("div", { key: '263ff4bc44226fca8d8e57c92097af18ddfe41db', class: "example-container" }, h("button", { key: '98787bd2f48f5ece860ac9b783a3ba06f479fd52', class: "example-button", onClick: this.openCartFromRight }, "Open Cart from Right"), h("button", { key: '355979d01f454baebd41f551ef9179c6ec2c8785', class: "example-button", onClick: this.openCartFromLeft }, "Open Cart from Left"), h("jump-side-cart", { key: '59a0cb733540119f856a6aad356862bfbb9e6f39', isOpen: this.isCartOpen, items: this.cartItems, position: this.position, discountThreshold: {
+        return (h("div", { key: 'e7b39ed60d93c4cf1b1950eb825e4b9adc469423', class: "example-container" }, h("button", { key: 'cbbf5e1da70c5051ffaaa42e341a213371ad1ce3', class: "example-button", onClick: this.openCartFromRight }, "Open Cart from Right"), h("button", { key: '9c8ce9eb9455591dcd8053837d768c555cddd920', class: "example-button", onClick: this.openCartFromLeft }, "Open Cart from Left"), h("jump-side-cart", { key: '089052d928794db594a4edb1bdc448587497b6cb', isOpen: this.isCartOpen, items: this.cartItems, position: this.position, discountThreshold: {
                 amount: 170,
                 percentage: 3
             }, progressPercentage: 30, checkoutLabel: "Vai al Checkout", viewCartLabel: "Vedi carrello", onCartClosed: this.handleCartClosed, onItemQuantityChanged: this.handleUpdateQuantity, onItemRemoved: this.handleRemoveItem, onCheckoutClicked: this.handleCheckout, onViewCartClicked: this.handleViewCart })));

package/dist/components/jump-tab-item.js

@@ -27,8 +27,8 @@ const JumpTabItem$1 = /*@__PURE__*/ proxyCustomElement(class JumpTabItem extends
         this.variant = parentVariant;
     }
     render() {
-        return (h(Host, { key: 'a4c96d6aa528be6ef7585117065610a4ab259477', ref: (el) => { this.tabEl = el; }, class: "JumpTabItem " + (this.active ? 'active' : '') + " " + (this.variant) + " " + (this.disabled ? 'disabled' : '') }, h("div", { key: '938011134a1e7b8b779529c98c82287e6074d544', class: "Content " + (this.iconName ? this.iconPosition : '') + " " + (this.variant) + " " + (this.active ? 'active' : '') + " " + (this.disabled ? 'disabled' : ''), onClick: () => this.changeTab(this.identifier), id: this.identifier }, (this.iconName && (this.variant == 'inline' || this.variant == 'boxed')) &&
-            h("jump-icon", { key: 'fc52b89c2dfe2e00928bf7df8231a1efed0934f5', library: "fa", category: "regular", name: this.iconName, size: "small" }), h("span", { key: '505a8245b25b7ea1f9c63221f344aba04ab438e1', class: "label" }, this.label))));
+        return (h(Host, { key: '82ce82a7661b0677f7f4041a7ae499cec593f14f', ref: (el) => { this.tabEl = el; }, class: "JumpTabItem " + (this.active ? 'active' : '') + " " + (this.variant) + " " + (this.disabled ? 'disabled' : '') }, h("div", { key: '1805ac3582d5f6d87bcc2e6fb51ac336f5128e57', class: "Content " + (this.iconName ? this.iconPosition : '') + " " + (this.variant) + " " + (this.active ? 'active' : '') + " " + (this.disabled ? 'disabled' : ''), onClick: () => this.changeTab(this.identifier), id: this.identifier }, (this.iconName && (this.variant == 'inline' || this.variant == 'boxed')) &&
+            h("jump-icon", { key: '0227962214c89e1da7a574163952ab23a17dd7af', library: "fa", category: "regular", name: this.iconName, size: "small" }), h("span", { key: '5922dedce82d6ac398cf72ae12cd7bb0e1400e70', class: "label" }, this.label))));
     }
     static get style() { return JumpTabItemStyle0; }
 }, [1, "jump-tab-item", {

package/dist/components/jump-tab-panel.js

@@ -12,7 +12,7 @@ const JumpTabPanel$1 = /*@__PURE__*/ proxyCustomElement(class JumpTabPanel exten
         this.active = false;
     }
     render() {
-        return (h(Host, { key: 'd9f90af98ebb99d55241c3fef49e5d8e08f8540f', class: "JumpTabPanel", id: this.identifier }, h("div", { key: '6fc79b82988a87e0c3e13b08dcd08305e173eaab', class: "JumpTabPanel__Content " + (this.active ? 'active' : '') }, h("slot", { key: 'ac3bfea8a132096ae27e9fbd146e090626c72ff5' }))));
+        return (h(Host, { key: '3ed1150190842c832987a664f0349558427968a1', class: "JumpTabPanel", id: this.identifier }, h("div", { key: '5541d0e120b67894b2636b6f3870472f13347afe', class: "JumpTabPanel__Content " + (this.active ? 'active' : '') }, h("slot", { key: 'c0a04d8bad8c7553866c872ff19e40ed56a08b0a' }))));
     }
     static get style() { return JumpTabPanelStyle0; }
 }, [1, "jump-tab-panel", {

package/dist/components/jump-tab.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 
-const jumpTabCss = ":host{display:block;--jump-tab-bg-color:var(--gray-ultralight, #f8f8f8);--jump-tab-border-color:var(--neutral-grey-disabled, #CBCBCB);overflow-x:auto;scrollbar-width:none;}:host::-webkit-scrollbar{display:none;}.Wrapper{display:flex;flex-direction:column;overflow-x:auto;scrollbar-width:none;}.Wrapper::-webkit-scrollbar{display:none;}.ContentWrapper{display:flex;width:100%;justify-content:var(--alignment, flex-start)}@media (max-width: 768px){.ContentWrapper.ContentWrapper--Items{justify-content:flex-start;overflow-x:auto}.ContentWrapper.ContentWrapper--Items .fullBorder{justify-content:flex-start}}.Content{display:flex;flex-direction:row;align-items:flex-end;width:fit-content}.Content.fullBorder{width:100%;border-bottom:1px solid var(--jump-tab-border-color);justify-content:var(--alignment, flex-start)}.Content.fullBorder.inline ::slotted([slot=tab-item]){margin-bottom:-1px}.Content.rounded{border-radius:50px;background-color:var(--jump-tab-bg-color)}.Content.disabled{cursor:not-allowed;opacity:0.5;pointer-events:none}jump-tab-item{display:flex;align-items:flex-end;overflow:hidden}jump-tab-item .tab-title{display:block;white-space:normal;text-align:center}";
+const jumpTabCss = ":host{display:block;--jump-tab-bg-color:var(--gray-ultralight, #f8f8f8);--jump-tab-border-color:var(--neutral-grey-disabled, #CBCBCB);overflow-x:auto;scrollbar-width:none;}:host::-webkit-scrollbar{display:none;}.Wrapper{display:flex;flex-direction:column;overflow-x:auto;scrollbar-width:none;}.Wrapper::-webkit-scrollbar{display:none;}.ContentWrapper{display:flex;flex-direction:column;width:100%;justify-content:var(--alignment, flex-start)}@media (max-width: 768px){.ContentWrapper.ContentWrapper--Items{justify-content:flex-start;overflow-x:auto}.ContentWrapper.ContentWrapper--Items .fullBorder{justify-content:flex-start}}.Content{display:flex;flex-direction:row;align-items:flex-end;width:fit-content}.Content.fullBorder{width:100%;border-bottom:1px solid var(--jump-tab-border-color);justify-content:var(--alignment, flex-start)}.Content.fullBorder.inline ::slotted([slot=tab-item]){margin-bottom:-1px}.Content.rounded{border-radius:50px;background-color:var(--jump-tab-bg-color)}.Content.disabled{cursor:not-allowed;opacity:0.5;pointer-events:none}jump-tab-item{display:flex;align-items:flex-end;overflow:hidden}jump-tab-item .tab-title{display:block;white-space:normal;text-align:center}";
 const JumpTabStyle0 = jumpTabCss;
 
 const JumpTab$1 = /*@__PURE__*/ proxyCustomElement(class JumpTab extends HTMLElement {
@@ -74,7 +74,7 @@ const JumpTab$1 = /*@__PURE__*/ proxyCustomElement(class JumpTab extends HTMLEle
         }
     }
     render() {
-        return (h(Host, { key: 'eb67c13009a3d5bb2ea7275c02a0cf4936496244', class: "JumpTab " + this.variant, id: this.tabGroupName, ref: (el) => { this.JumpTabEl = el; } }, h("div", { key: '2be879c8dc231a42c69457353855d52ef438339d', class: "Wrapper " + (this.fullBorder ? 'fullBorder' : '') }, h("div", { key: '7dcbffc75c62e3dd64ecf47f50f0b308c4882a04', class: "ContentWrapper ContentWrapper--Items", style: { '--alignment': this.getAlignment(this.alignment) } }, h("div", { key: '17c437c456684b5fcac81e5df964ac316c8b7371', class: "Content " + this.variant + " " + (this.disabled ? 'disabled' : '') + " " + (this.fullBorder ? 'fullBorder' : ''), style: { '--alignment': this.getAlignment(this.alignment) } }, h("slot", { key: '14b413cc2687aa73e848bb0bdccb2b9121d46fc3', name: "tab-item" }))), h("div", { key: 'fd9ed0cddc9fec9779b5a76e5a378bdd7f153c08', class: "ContentWrapper ContentWrapper--Panel" }, h("slot", { key: '0bd78d8369b8402f5e8d1182b82d0110209c57c2', name: "tab-content" })))));
+        return (h(Host, { key: 'a9487cf3bd46c5dac915b90636b9d45e87e576c0', class: "JumpTab " + this.variant, id: this.tabGroupName, ref: (el) => { this.JumpTabEl = el; } }, h("div", { key: '6b4f8dd93c4ecea25f998196f91057b321657926', class: "Wrapper " + (this.fullBorder ? 'fullBorder' : '') }, h("div", { key: '5987a837094386a68d8262287f23f775d82d049c', class: "ContentWrapper ContentWrapper--Items", style: { '--alignment': this.getAlignment(this.alignment) } }, h("div", { key: '68f9660eaf3b9b5d7afa25ba8c06b50a8cd68acb', class: "Content " + this.variant + " " + (this.disabled ? 'disabled' : '') + " " + (this.fullBorder ? 'fullBorder' : ''), style: { '--alignment': this.getAlignment(this.alignment) } }, h("slot", { key: '046bc6775c4d3417d2ad3356df08710500c010b7', name: "tab-item" }))), h("div", { key: 'a8ada645deff60fafd590dd118ed80d2d318978a', class: "ContentWrapper ContentWrapper--Panel" }, h("slot", { key: '28c698d7c775f5488fd6be00be26a068954d6ecd', name: "tab-content" })))));
     }
     getAlignment(alignment) {
         switch (alignment) {

package/dist/components/jump-tab.js.map

@@ -1 +1 @@
-{"file":"jump-tab.js","mappings":"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","names":["JumpTab"],"sources":["src/components/jump-tab/jump-tab.scss?tag=jump-tab&encapsulation=shadow","src/components/jump-tab/jump-tab.tsx"],"sourcesContent":[":host {\n  display: block;\n\n  --jump-tab-bg-color: var(--gray-ultralight, #f8f8f8);\n  --jump-tab-border-color: var(--neutral-grey-disabled, #CBCBCB);\n\n  /* Permette lo scroll orizzontale */\n  overflow-x: auto;\n  scrollbar-width: none;\n  /* Nasconde la scrollbar in Firefox */\n}\n\n:host::-webkit-scrollbar {\n  display: none;\n  /* Nasconde la scrollbar in Chrome, Safari e Edge */\n}\n\n.Wrapper {\n  display: flex;\n  flex-direction: column;\n\n  /* Permette lo scroll orizzontale */\n  overflow-x: auto;\n  scrollbar-width: none;\n  /* Nasconde la scrollbar in Firefox */\n}\n\n.Wrapper::-webkit-scrollbar {\n  display: none;\n  /* Nasconde la scrollbar in Chrome, Safari e Edge */\n}\n\n.ContentWrapper {\n  display: flex;\n  width: 100%;\n  justify-content: var(--alignment, flex-start);\n\n  &.ContentWrapper--Items {\n    @media (max-width: 768px) {\n      justify-content: flex-start;\n      overflow-x: auto;\n\n      .fullBorder {\n        justify-content: flex-start;\n      }\n    }\n  }\n}\n\n.Content {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n  width: fit-content;\n\n  &.fullBorder {\n    width: 100%;\n    border-bottom: 1px solid var(--jump-tab-border-color);\n    justify-content: var(--alignment, flex-start);\n  }\n\n  &.fullBorder.inline ::slotted([slot=\"tab-item\"]) {\n    margin-bottom: -1px;\n  }\n\n  &.rounded {\n    border-radius: 50px;\n    background-color: var(--jump-tab-bg-color);\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n\njump-tab-item {\n  display: flex;\n  align-items: flex-end;\n  overflow: hidden;\n\n  .tab-title {\n    display: block;\n    white-space: normal;\n    text-align: center;\n  }\n}\n","import { Component, Host, Event, EventEmitter, Prop, h, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'jump-tab',\n  styleUrl: 'jump-tab.scss',\n  shadow: true,\n})\nexport class JumpTab {\n  JumpTabEl: HTMLElement;\n\n  @Prop() disabled: boolean = false;\n  @Prop() alignment: string = 'left';\n  @Prop() fullBorder: boolean = false;\n  @Prop() tabGroupName: string = undefined;\n  @Prop() variant: string = 'inline';\n\n  @Event({ eventName: 'jump-change-activetab' }) setActiveTab: EventEmitter;\n\n  @Listen('jump-change-active-tab')\n  changeActiveTabHandler(event: CustomEvent) {\n    this.setActiveTab.emit(event.detail);\n\n    const rootStyles = getComputedStyle(document.documentElement);\n    const primaryColor = rootStyles.getPropertyValue('--neutral-grey-secondary').trim();\n\n    let items = this.JumpTabEl.querySelectorAll('jump-tab-item');\n    if (items.length > 0) {\n      items.forEach((item) => {\n        if (item.getAttribute('identifier') === event.detail.id) {\n          item.setAttribute('active', '');\n\n          if (this.variant === 'sheet') {\n            items.forEach((sibling, index) => {\n              if (sibling !== item && index !== items.length - 1) {\n                sibling.style.borderRight = `1px solid ${primaryColor}`;\n              } else {\n                sibling.style.borderRight = '1px solid transparent';\n              }\n            });\n\n            let previousSibling = item.previousElementSibling as any;\n            if (previousSibling) {\n              previousSibling.style.borderRight = '1px solid transparent';\n            }\n          }\n\n        } else {\n          item.removeAttribute('active');\n        }\n      });\n    }\n\n    let panel = this.JumpTabEl.querySelectorAll('jump-tab-panel');\n    if (panel.length > 0) {\n      panel.forEach((panel) => {\n        if (panel.getAttribute('identifier') === event.detail.id) {\n          panel.setAttribute('active', '');\n        } else {\n          panel.removeAttribute('active');\n        }\n      });\n    }\n  }\n\n  componentDidLoad() {\n    if (this.variant === 'sheet') {\n      const rootStyles = getComputedStyle(document.documentElement);\n      const primaryColor = rootStyles.getPropertyValue('--neutral-grey-secondary').trim();\n\n      let items = this.JumpTabEl.querySelectorAll('jump-tab-item');\n      if (items.length > 0) {\n        items.forEach((item, index) => {\n          if (index === items.length - 1 || item.classList.contains('active')) {\n            item.style.borderRight = '1px solid transparent';\n          } else {\n            item.style.borderRight = `1px solid ${primaryColor}`;\n          }\n        });\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host class={\"JumpTab \" + this.variant} id={this.tabGroupName} ref={(el) => { this.JumpTabEl = el; }}>\n        <div class={\"Wrapper \" + (this.fullBorder ? 'fullBorder' : '')}>\n          <div class={\"ContentWrapper ContentWrapper--Items\"} style={{ '--alignment': this.getAlignment(this.alignment) }}>\n            <div class={\"Content \" + this.variant + \" \" + (this.disabled ? 'disabled' : '') + \" \" + (this.fullBorder ? 'fullBorder' : '')} style={{ '--alignment': this.getAlignment(this.alignment) }}>\n              <slot name=\"tab-item\"></slot>\n            </div>\n          </div>\n          <div class=\"ContentWrapper ContentWrapper--Panel\">\n            <slot name=\"tab-content\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n  private getAlignment(alignment: string): string {\n    switch (alignment) {\n      case 'center':\n        return 'center';\n      case 'right':\n        return 'flex-end';\n      default:\n        return 'flex-start';\n    }\n  }\n}\n"],"version":3}
+{"file":"jump-tab.js","mappings":"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","names":["JumpTab"],"sources":["src/components/jump-tab/jump-tab.scss?tag=jump-tab&encapsulation=shadow","src/components/jump-tab/jump-tab.tsx"],"sourcesContent":[":host {\n  display: block;\n\n  --jump-tab-bg-color: var(--gray-ultralight, #f8f8f8);\n  --jump-tab-border-color: var(--neutral-grey-disabled, #CBCBCB);\n\n  /* Permette lo scroll orizzontale */\n  overflow-x: auto;\n  scrollbar-width: none;\n  /* Nasconde la scrollbar in Firefox */\n}\n\n:host::-webkit-scrollbar {\n  display: none;\n  /* Nasconde la scrollbar in Chrome, Safari e Edge */\n}\n\n.Wrapper {\n  display: flex;\n  flex-direction: column;\n\n  /* Permette lo scroll orizzontale */\n  overflow-x: auto;\n  scrollbar-width: none;\n  /* Nasconde la scrollbar in Firefox */\n}\n\n.Wrapper::-webkit-scrollbar {\n  display: none;\n  /* Nasconde la scrollbar in Chrome, Safari e Edge */\n}\n\n.ContentWrapper {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  justify-content: var(--alignment, flex-start);\n\n  &.ContentWrapper--Items {\n    @media (max-width: 768px) {\n      justify-content: flex-start;\n      overflow-x: auto;\n\n      .fullBorder {\n        justify-content: flex-start;\n      }\n    }\n  }\n}\n\n.Content {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n  width: fit-content;\n\n  &.fullBorder {\n    width: 100%;\n    border-bottom: 1px solid var(--jump-tab-border-color);\n    justify-content: var(--alignment, flex-start);\n  }\n\n  &.fullBorder.inline ::slotted([slot=\"tab-item\"]) {\n    margin-bottom: -1px;\n  }\n\n  &.rounded {\n    border-radius: 50px;\n    background-color: var(--jump-tab-bg-color);\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n\njump-tab-item {\n  display: flex;\n  align-items: flex-end;\n  overflow: hidden;\n\n  .tab-title {\n    display: block;\n    white-space: normal;\n    text-align: center;\n  }\n}\n","import { Component, Host, Event, EventEmitter, Prop, h, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'jump-tab',\n  styleUrl: 'jump-tab.scss',\n  shadow: true,\n})\nexport class JumpTab {\n  JumpTabEl: HTMLElement;\n\n  @Prop() disabled: boolean = false;\n  @Prop() alignment: string = 'left';\n  @Prop() fullBorder: boolean = false;\n  @Prop() tabGroupName: string = undefined;\n  @Prop() variant: string = 'inline';\n\n  @Event({ eventName: 'jump-change-activetab' }) setActiveTab: EventEmitter;\n\n  @Listen('jump-change-active-tab')\n  changeActiveTabHandler(event: CustomEvent) {\n    this.setActiveTab.emit(event.detail);\n\n    const rootStyles = getComputedStyle(document.documentElement);\n    const primaryColor = rootStyles.getPropertyValue('--neutral-grey-secondary').trim();\n\n    let items = this.JumpTabEl.querySelectorAll('jump-tab-item');\n    if (items.length > 0) {\n      items.forEach((item) => {\n        if (item.getAttribute('identifier') === event.detail.id) {\n          item.setAttribute('active', '');\n\n          if (this.variant === 'sheet') {\n            items.forEach((sibling, index) => {\n              if (sibling !== item && index !== items.length - 1) {\n                sibling.style.borderRight = `1px solid ${primaryColor}`;\n              } else {\n                sibling.style.borderRight = '1px solid transparent';\n              }\n            });\n\n            let previousSibling = item.previousElementSibling as any;\n            if (previousSibling) {\n              previousSibling.style.borderRight = '1px solid transparent';\n            }\n          }\n\n        } else {\n          item.removeAttribute('active');\n        }\n      });\n    }\n\n    let panel = this.JumpTabEl.querySelectorAll('jump-tab-panel');\n    if (panel.length > 0) {\n      panel.forEach((panel) => {\n        if (panel.getAttribute('identifier') === event.detail.id) {\n          panel.setAttribute('active', '');\n        } else {\n          panel.removeAttribute('active');\n        }\n      });\n    }\n  }\n\n  componentDidLoad() {\n    if (this.variant === 'sheet') {\n      const rootStyles = getComputedStyle(document.documentElement);\n      const primaryColor = rootStyles.getPropertyValue('--neutral-grey-secondary').trim();\n\n      let items = this.JumpTabEl.querySelectorAll('jump-tab-item');\n      if (items.length > 0) {\n        items.forEach((item, index) => {\n          if (index === items.length - 1 || item.classList.contains('active')) {\n            item.style.borderRight = '1px solid transparent';\n          } else {\n            item.style.borderRight = `1px solid ${primaryColor}`;\n          }\n        });\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host class={\"JumpTab \" + this.variant} id={this.tabGroupName} ref={(el) => { this.JumpTabEl = el; }}>\n        <div class={\"Wrapper \" + (this.fullBorder ? 'fullBorder' : '')}>\n          <div class={\"ContentWrapper ContentWrapper--Items\"} style={{ '--alignment': this.getAlignment(this.alignment) }}>\n            <div class={\"Content \" + this.variant + \" \" + (this.disabled ? 'disabled' : '') + \" \" + (this.fullBorder ? 'fullBorder' : '')} style={{ '--alignment': this.getAlignment(this.alignment) }}>\n              <slot name=\"tab-item\"></slot>\n            </div>\n          </div>\n          <div class=\"ContentWrapper ContentWrapper--Panel\">\n            <slot name=\"tab-content\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n  private getAlignment(alignment: string): string {\n    switch (alignment) {\n      case 'center':\n        return 'center';\n      case 'right':\n        return 'flex-end';\n      default:\n        return 'flex-start';\n    }\n  }\n}\n"],"version":3}

package/dist/esm/jump-design-system.js

@@ -16,7 +16,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["jump-card-ecommerce",[[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",[[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",[[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",[[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",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table",[[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",[[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",[[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",[[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",[[1,"jump-accordion",{"variant":[1],"summary":[1],"disabled":[4],"open":[516],"icon":[1],"identifier":[1]},[[0,"sl-show","handleShow"]]]]],["jump-side-cart",[[1,"jump-side-cart",{"isOpen":[4,"is-open"],"position":[1],"items":[16],"discountThreshold":[16],"freeShippingThreshold":[2,"free-shipping-threshold"],"progressPercentage":[2,"progress-percentage"],"checkoutLabel":[1,"checkout-label"],"viewCartLabel":[1,"view-cart-label"],"shippingInfo":[1,"shipping-info"],"cartItems":[32]}]]],["jump-side-cart-example",[[1,"jump-side-cart-example",{"isCartOpen":[32],"position":[32],"cartItems":[32]}]]],["jump-tab-item",[[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",[[1,"jump-accordion-group",{"variant":[1],"groupIdentifier":[1,"group-identifier"]}]]],["jump-card",[[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",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1]}]]],["jump-filter-checkbox",[[1,"jump-filter-checkbox",{"value":[1],"label":[1],"checked":[516],"count":[8],"isChecked":[64]}]]],["jump-filter-select",[[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",[[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",[[1,"jump-search-bar-dropdown-item",{"value":[1],"img":[1],"href":[1],"details":[32]}]]],["jump-tab",[[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",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]],["jump-button_2",[[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]}]]]], options);
+  return bootstrapLazy([["jump-card-ecommerce",[[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",[[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",[[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",[[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",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table",[[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",[[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",[[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",[[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",[[1,"jump-accordion",{"variant":[1],"summary":[1],"disabled":[4],"open":[516],"icon":[1],"identifier":[1]},[[0,"sl-show","handleShow"]]]]],["jump-side-cart-example",[[1,"jump-side-cart-example",{"isCartOpen":[32],"position":[32],"cartItems":[32]}]]],["jump-tab-item",[[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",[[1,"jump-accordion-group",{"variant":[1],"groupIdentifier":[1,"group-identifier"]}]]],["jump-card",[[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",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1]}]]],["jump-filter-checkbox",[[1,"jump-filter-checkbox",{"value":[1],"label":[1],"checked":[516],"count":[8],"isChecked":[64]}]]],["jump-filter-range",[[1,"jump-filter-range",{"name":[1],"labelMinBefore":[1,"label-min-before"],"labelMinAfter":[1,"label-min-after"],"labelMaxBefore":[1,"label-max-before"],"labelMaxAfter":[1,"label-max-after"],"min":[2],"max":[2],"step":[2],"value":[1040],"disabled":[516],"minVal":[32],"maxVal":[32],"setValue":[64],"getValues":[64],"getName":[64]},null,{"value":["valueWatcher"]}]]],["jump-filter-select",[[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",[[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",[[1,"jump-search-bar-dropdown-item",{"value":[1],"img":[1],"href":[1],"details":[32]}]]],["jump-tab",[[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",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-side-cart",[[1,"jump-side-cart",{"isOpen":[4,"is-open"],"position":[1],"items":[16],"discountThreshold":[16],"freeShippingThreshold":[2,"free-shipping-threshold"],"progressPercentage":[2,"progress-percentage"],"checkoutLabel":[1,"checkout-label"],"viewCartLabel":[1,"view-cart-label"],"shippingInfo":[1,"shipping-info"],"cartItems":[32]}]]],["jump-badge",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]],["jump-button_2",[[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]}]]]], options);
 });
 
 //# sourceMappingURL=jump-design-system.js.map

package/dist/esm/jump-filter-range.entry.js

@@ -0,0 +1,105 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4363ffe4.js';
+
+const jumpFilterRangeCss = ":host{--jump-range-track-height:4px;--jump-range-thumb-color:var(--neutral-white, #ffffff);--jump-range-thumb-size:18px;--jump-range-fill-color:var(--secondary-standard, #5e79ba);--jump-range-track-color:var(--gray-ultralight, #f8f8f8);display:block;width:100%}:host(.is-disabled){opacity:0.5;cursor:not-allowed;--jump-range-fill-color:var(--gray-light, #e0e0e0)}.label-container{display:flex;justify-content:space-between;margin-bottom:0.75rem;font-size:0.9em;color:#333}.slider-container{position:relative;height:var(--jump-range-thumb-size);display:flex;align-items:center}.slider-track,.slider-fill{position:absolute;left:0;height:var(--jump-range-track-height);border-radius:var(--jump-range-track-height);width:100%}.slider-track{background-color:var(--jump-range-track-color);z-index:1}.slider-fill{background-color:var(--jump-range-fill-color);z-index:2}.range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;width:100%;height:var(--jump-range-thumb-size);background:transparent;pointer-events:none;margin:0;z-index:3}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:var(--jump-range-thumb-size);width:var(--jump-range-thumb-size);border-radius:50%;background:var(--jump-range-thumb-color);border:1px solid #ccc;cursor:pointer;pointer-events:auto;margin-top:calc((var(--jump-range-thumb-size) - var(--jump-range-track-height)) / -2)}input[type=range]::-moz-range-thumb{-moz-appearance:none;height:var(--jump-range-thumb-size);width:var(--jump-range-thumb-size);border-radius:50%;background:var(--jump-range-thumb-color);border:1px solid #ccc;cursor:pointer;pointer-events:auto}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;height:var(--jump-range-track-height);background:transparent;border:none}input[type=range]::-moz-range-track{-moz-appearance:none;height:var(--jump-range-track-height);background:transparent;border:none}";
+const JumpFilterRangeStyle0 = jumpFilterRangeCss;
+
+const MIN_GAP = 0;
+const JumpFilterRange = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.rangeChange = createEvent(this, "jump-range-change", 7);
+        this.filterChange = createEvent(this, "jump-filterchange", 7);
+        this.handleMinInput = (event) => {
+            const input = event.target;
+            let newMinVal = parseInt(input.value, 10);
+            if (newMinVal > this.maxVal - MIN_GAP) {
+                newMinVal = this.maxVal - MIN_GAP;
+                input.value = newMinVal.toString();
+            }
+            this.minVal = newMinVal;
+            this.emitChangeEvents();
+        };
+        this.handleMaxInput = (event) => {
+            const input = event.target;
+            let newMaxVal = parseInt(input.value, 10);
+            if (newMaxVal < this.minVal + MIN_GAP) {
+                newMaxVal = this.minVal + MIN_GAP;
+                input.value = newMaxVal.toString();
+            }
+            this.maxVal = newMaxVal;
+            this.emitChangeEvents();
+        };
+        this.name = 'range-filter';
+        this.labelMinBefore = 'Min:';
+        this.labelMinAfter = '';
+        this.labelMaxBefore = 'Max:';
+        this.labelMaxAfter = '';
+        this.min = 0;
+        this.max = 100;
+        this.step = 1;
+        this.value = [];
+        this.disabled = false;
+        this.minVal = undefined;
+        this.maxVal = undefined;
+    }
+    valueWatcher(newValue) {
+        this.setComponentValues(newValue);
+    }
+    componentWillLoad() {
+        this.setComponentValues(this.value);
+    }
+    setComponentValues(values) {
+        if (values && values.length === 2) {
+            this.minVal = values[0];
+            this.maxVal = values[1];
+        }
+        else {
+            this.minVal = this.min;
+            this.maxVal = this.max;
+        }
+        this.value = [this.minVal, this.maxVal];
+    }
+    emitChangeEvents() {
+        const currentValues = [this.minVal, this.maxVal];
+        this.value = currentValues;
+        const eventDetail = { name: this.name, values: currentValues };
+        this.rangeChange.emit(eventDetail);
+        this.filterChange.emit(eventDetail);
+    }
+    getFillStyle() {
+        const range = this.max - this.min;
+        if (range === 0)
+            return { left: '0%', width: '0%' };
+        const leftPercent = ((this.minVal - this.min) / range) * 100;
+        const rightPercent = ((this.maxVal - this.min) / range) * 100;
+        return { left: `${leftPercent}%`, width: `${rightPercent - leftPercent}%` };
+    }
+    async setValue(values, emitEvent = true) {
+        if (this.disabled || !values || values.length !== 2) {
+            return this.getValues();
+        }
+        this.setComponentValues(values);
+        if (emitEvent) {
+            this.emitChangeEvents();
+        }
+        return this.getValues();
+    }
+    async getValues() {
+        return [this.minVal, this.maxVal];
+    }
+    async getName() {
+        return this.name;
+    }
+    render() {
+        return (h(Host, { key: '7db1339ac56ae016c5a050a7266bbc353b33bdb0', class: { 'is-disabled': this.disabled } }, h("div", { key: '81be4dbe27ecb9a0ae7e2ec8aa83630d8caf21b0', class: "label-container" }, h("label", { key: 'fc8ad6c1e5e2cef6aca4c3abe3358d51c23a05e8', class: "label-min" }, this.labelMinBefore, " ", this.minVal, this.labelMinAfter), h("label", { key: '5c21deff42c6e9e6b6bfd560b3f5af158ccdedbb', class: "label-max" }, this.labelMaxBefore, " ", this.maxVal, this.labelMaxAfter)), h("div", { key: '799c8f97eaecfffe4940e0b36879024cba0c0610', class: "slider-container" }, h("div", { key: 'f9f344075857009d4bbb9c6ed882363099d5fba9', class: "slider-track" }), h("div", { key: '0f7a60252ca1d39a43a8c5e98b4fd93daa80a4c9', class: "slider-fill", style: this.getFillStyle() }), h("input", { key: '0318aec31145df2a4193eefcb43011ab7df3464d', type: "range", min: this.min, max: this.max, step: this.step, value: this.minVal, onInput: this.handleMinInput, disabled: this.disabled, class: "range-input", "aria-label": this.labelMinBefore }), h("input", { key: '5340fe9c8ac6658d58cafcd95182cc7562571aee', type: "range", min: this.min, max: this.max, step: this.step, value: this.maxVal, onInput: this.handleMaxInput, disabled: this.disabled, class: "range-input", "aria-label": this.labelMaxBefore }))));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "value": ["valueWatcher"]
+    }; }
+};
+JumpFilterRange.style = JumpFilterRangeStyle0;
+
+export { JumpFilterRange as jump_filter_range };
+
+//# sourceMappingURL=jump-filter-range.entry.js.map

package/dist/esm/jump-filter-range.entry.js.map

@@ -0,0 +1 @@
+{"file":"jump-filter-range.entry.js","mappings":"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","names":[],"sources":["src/components/jump-filter-range/jump-filter-range.scss?tag=jump-filter-range&encapsulation=shadow","src/components/jump-filter-range/jump-filter-range.tsx"],"sourcesContent":[":host {\n  --jump-range-track-height: 4px;\n  --jump-range-thumb-color: var(--neutral-white, #ffffff);\n  --jump-range-thumb-size: 18px;\n  --jump-range-fill-color: var(--secondary-standard, #5e79ba);\n  --jump-range-track-color: var(--gray-ultralight, #f8f8f8);\n\n  display: block;\n  width: 100%;\n}\n\n:host(.is-disabled) {\n  opacity: 0.5;\n  cursor: not-allowed;\n  --jump-range-fill-color: var(--gray-light, #e0e0e0);\n}\n\n.label-container {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 0.75rem;\n  font-size: 0.9em;\n  color: #333;\n}\n\n.slider-container {\n  position: relative;\n  height: var(--jump-range-thumb-size);\n  display: flex;\n  align-items: center;\n}\n\n// Traccia visiva di background\n.slider-track,\n.slider-fill {\n  position: absolute;\n  left: 0;\n  height: var(--jump-range-track-height);\n  border-radius: var(--jump-range-track-height);\n  width: 100%;\n}\n\n.slider-track {\n  background-color: var(--jump-range-track-color);\n  z-index: 1;\n}\n\n.slider-fill {\n  background-color: var(--jump-range-fill-color);\n  z-index: 2;\n}\n\n// Stili per gli input nativi\n.range-input {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  position: absolute;\n  width: 100%;\n  height: var(--jump-range-thumb-size);\n  background: transparent;\n  pointer-events: none; // Permette di cliccare attraverso l'input\n  margin: 0;\n  z-index: 3;\n}\n\n// Stili per il selettore (thumb)\n// Il pointer-events qui è fondamentale per rendere solo il thumb cliccabile\ninput[type=\"range\"]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  height: var(--jump-range-thumb-size);\n  width: var(--jump-range-thumb-size);\n  border-radius: 50%;\n  background: var(--jump-range-thumb-color);\n  border: 1px solid #ccc;\n  cursor: pointer;\n  pointer-events: auto;\n  margin-top: calc((var(--jump-range-thumb-size) - var(--jump-range-track-height)) / -2);\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n  -moz-appearance: none;\n  height: var(--jump-range-thumb-size);\n  width: var(--jump-range-thumb-size);\n  border-radius: 50%;\n  background: var(--jump-range-thumb-color);\n  border: 1px solid #ccc;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n// Rende la traccia nativa dell'input invisibile\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n  -webkit-appearance: none;\n  height: var(--jump-range-track-height);\n  background: transparent;\n  border: none;\n}\n\ninput[type=\"range\"]::-moz-range-track {\n  -moz-appearance: none;\n  height: var(--jump-range-track-height);\n  background: transparent;\n  border: none;\n}","import { Component, Host, Prop, h, Event, EventEmitter, Method, State, Watch, Element } from '@stencil/core';\n\nconst MIN_GAP = 0;\n\n@Component({\n  tag: 'jump-filter-range',\n  styleUrl: 'jump-filter-range.scss',\n  shadow: true,\n})\nexport class JumpFilterRange {\n  @Element() host: HTMLElement;\n\n  /** Nome identificativo del filtro, utilizzato negli eventi */\n  @Prop() name: string = 'range-filter';\n\n  // --- Props delle etichette modificate ---\n  /** Testo da mostrare prima del valore minimo. */\n  @Prop() labelMinBefore: string = 'Min:';\n  /** Testo da mostrare dopo il valore minimo (es. unità di misura). */\n  @Prop() labelMinAfter: string = '';\n\n  /** Testo da mostrare prima del valore massimo. */\n  @Prop() labelMaxBefore: string = 'Max:';\n  /** Testo da mostrare dopo il valore massimo (es. unità di misura). */\n  @Prop() labelMaxAfter: string = '';\n  // --- Fine props modificate ---\n\n  /** Il valore minimo possibile per lo slider */\n  @Prop() min: number = 0;\n  /** Il valore massimo possibile per lo slider */\n  @Prop() max: number = 100;\n  /** L'incremento tra i valori dello slider */\n  @Prop() step: number = 1;\n  /** I valori iniziali dello slider, come array [min, max] */\n  @Prop({ mutable: true }) value: number[] = [];\n  /** Stato disabilitato dello slider */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  @State() minVal: number;\n  @State() maxVal: number;\n\n  @Watch('value')\n  valueWatcher(newValue: number[]) {\n    this.setComponentValues(newValue);\n  }\n\n  @Event({ eventName: 'jump-range-change' }) rangeChange: EventEmitter;\n  @Event({ eventName: 'jump-filterchange' }) filterChange: EventEmitter;\n\n  componentWillLoad() {\n    this.setComponentValues(this.value);\n  }\n\n  private setComponentValues(values: number[]) {\n    if (values && values.length === 2) {\n      this.minVal = values[0];\n      this.maxVal = values[1];\n    } else {\n      this.minVal = this.min;\n      this.maxVal = this.max;\n    }\n    this.value = [this.minVal, this.maxVal];\n  }\n\n  private handleMinInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    let newMinVal = parseInt(input.value, 10);\n    if (newMinVal > this.maxVal - MIN_GAP) {\n      newMinVal = this.maxVal - MIN_GAP;\n      input.value = newMinVal.toString();\n    }\n    this.minVal = newMinVal;\n    this.emitChangeEvents();\n  };\n\n  private handleMaxInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    let newMaxVal = parseInt(input.value, 10);\n    if (newMaxVal < this.minVal + MIN_GAP) {\n      newMaxVal = this.minVal + MIN_GAP;\n      input.value = newMaxVal.toString();\n    }\n    this.maxVal = newMaxVal;\n    this.emitChangeEvents();\n  };\n\n  private emitChangeEvents() {\n    const currentValues = [this.minVal, this.maxVal];\n    this.value = currentValues;\n    const eventDetail = { name: this.name, values: currentValues };\n    this.rangeChange.emit(eventDetail);\n    this.filterChange.emit(eventDetail);\n  }\n\n  private getFillStyle() {\n    const range = this.max - this.min;\n    if (range === 0) return { left: '0%', width: '0%' };\n    const leftPercent = ((this.minVal - this.min) / range) * 100;\n    const rightPercent = ((this.maxVal - this.min) / range) * 100;\n    return { left: `${leftPercent}%`, width: `${rightPercent - leftPercent}%` };\n  }\n\n  @Method()\n  async setValue(values: number[], emitEvent: boolean = true): Promise<number[]> {\n    if (this.disabled || !values || values.length !== 2) {\n      return this.getValues();\n    }\n    this.setComponentValues(values);\n    if (emitEvent) {\n      this.emitChangeEvents();\n    }\n    return this.getValues();\n  }\n  \n  @Method()\n  async getValues(): Promise<number[]> {\n    return [this.minVal, this.maxVal];\n  }\n\n  @Method()\n  async getName(): Promise<string> {\n    return this.name;\n  }\n\n  render() {\n    return (\n      <Host class={{ 'is-disabled': this.disabled }}>\n        <div class=\"label-container\">\n          {/* Etichetta MIN aggiornata */}\n          <label class=\"label-min\">\n            {this.labelMinBefore} {this.minVal}{this.labelMinAfter}\n          </label>\n          \n          {/* Etichetta MAX aggiornata */}\n          <label class=\"label-max\">\n            {this.labelMaxBefore} {this.maxVal}{this.labelMaxAfter}\n          </label>\n        </div>\n        <div class=\"slider-container\">\n          <div class=\"slider-track\"></div>\n          <div class=\"slider-fill\" style={this.getFillStyle()}></div>\n          <input\n            type=\"range\"\n            min={this.min} max={this.max} step={this.step}\n            value={this.minVal}\n            onInput={this.handleMinInput}\n            disabled={this.disabled}\n            class=\"range-input\"\n            // aria-label aggiornato\n            aria-label={this.labelMinBefore}\n          />\n          <input\n            type=\"range\"\n            min={this.min} max={this.max} step={this.step}\n            value={this.maxVal}\n            onInput={this.handleMaxInput}\n            disabled={this.disabled}\n            class=\"range-input\"\n            // aria-label aggiornato\n            aria-label={this.labelMaxBefore}\n          />\n        </div>\n      </Host>\n    );\n  }\n}"],"version":3}

package/dist/esm/jump-filter-select.entry.js

@@ -4279,7 +4279,7 @@ const JumpFilterSelect = class {
     }
     render() {
         const optionsArray = this.getOptionsArray();
-        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' }))));
+        return (h(Host, { key: 'b20f199ca8f48e9e3c068605a752a3c0d4e890f7', ref: (host) => (this.host = host) }, this.label && (h("div", { key: '040d2a5c5c97ed1a1fef948d00c260224adcf1da', class: "select-label" }, this.label)), h("sl-select", { key: '79b62f0c01b8a75a9bdd357395896db1c6ed0c1b', 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: '7f4e8595fe45ddbd9d5957e819a06667e819f322' }))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/jump-filter-switch.entry.js

@@ -525,7 +525,7 @@ const JumpFilterSwitch = class {
         return this.name;
     }
     render() {
-        return (h(Host, { key: '5aaeb4633e6b9392d4adc3c461d1842ec3a90173', ref: (host) => (this.host = host) }, this.value && this.label && (h("sl-switch", { key: 'd261e71b29afd307de4941f8e81e71d47246e036', value: this.value, ref: (el) => (this.el = el), checked: this.checked, disabled: this.disabled }, this.label))));
+        return (h(Host, { key: 'f7e5939637497219f44aa6ba22acb4a68937d019', ref: (host) => (this.host = host) }, this.value && this.label && (h("sl-switch", { key: '4025228df5c5b4ef987d8ee70cb613ef9c993d9b', value: this.value, ref: (el) => (this.el = el), checked: this.checked, disabled: this.disabled }, this.label))));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]

package/dist/esm/jump-filtergroup.entry.js

@@ -132,10 +132,10 @@ const JumpFiltergroup = class {
         //this.toggleHiddenItems();
     }
     render() {
-        return (h(Host, { key: 'dee7e7b4f944475835ecba5d39ae7d019bbc1f92' }, this.heading && h("h5", { key: '787e19d51042ce51b0eec8b57ad2f3d359a306ba' }, this.heading), h("div", { key: '91b955e133db5069d6110513e1b6bef6e80967cc', class: "filterGroup" }, h("slot", { key: '5e965e3b4d770b60f200a9cfacae8dc20b2e7ab7', ref: (el) => (this.slotItemsWrapper = el) })), this.inputs.length > this.maxElements &&
-            h("jump-button", { key: '8a3d43f0e8215a29992a35f8ec493ae74db302d5', variant: "primary", size: "small", text: true, name: this.label, "aria-label": this.label, ref: (showMoreBtn) => {
+        return (h(Host, { key: 'd48d500b033b0706d566bf2fc288af58647ced44' }, this.heading && h("h5", { key: '61a498d5c8f5f4e619565942fac2f42e35c249b8' }, this.heading), h("div", { key: '8e39330b5c1fdcb1921667831bc2eeb24f503e5c', class: "filterGroup" }, h("slot", { key: '01694d0edb05bf1e4939bd6397f2f9a475f0e0f1', ref: (el) => (this.slotItemsWrapper = el) })), this.inputs.length > this.maxElements &&
+            h("jump-button", { key: 'ba5452865b1ff2e5ecb61e481be9e593882b6a13', variant: "primary", size: "small", text: true, name: this.label, "aria-label": this.label, ref: (showMoreBtn) => {
                     this.showMoreBtn = showMoreBtn;
-                }, onClick: () => this.handleShowMore() }, this.label, h("jump-icon", { key: '2a9b619b6d967fc62f0c2505d0123d62acb57998', slot: "suffix", name: !this.showMore ? 'chevron-down' : 'chevron-up' }))));
+                }, onClick: () => this.handleShowMore() }, this.label, h("jump-icon", { key: '8219159cbd596cc6cefa6b07440fb4c5cdbacd03', slot: "suffix", name: !this.showMore ? 'chevron-down' : 'chevron-up' }))));
     }
     static get watchers() { return {
         "showMore": ["watchShowMore"]

package/dist/esm/jump-navbar.entry.js

@@ -24,14 +24,14 @@ const JumpNavbar = class {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'c2e24aa88f60587f2177fc082cbb651bae5d9cbe' }, h("jump-button", { key: 'b539b91af97f734a800ac37385b7a67c3e477f64', variant: "primary", size: "small", text: true, href: this.logo['link'], target: (_a = this.logo['target']) !== null && _a !== void 0 ? _a : '_self' }, h("img", { key: 'bf67619c3980ea53d4ff216ebc55e2e5cebcd640', src: this.logo['image_url'], alt: this.logo['alt'] })), this.isMobile &&
-            h("div", { key: '70a5c44b45e239609e7c4a6e31f18e7b7d3699b7', class: "MobileMenuOffCanvas" }, h("div", { key: '86d5bfe1f9988ebc876036cb85562606e05213e4', class: "MobileMenuOffCanvas__Header" }, "/* TODO: ricerca + pulsante chiusura + profilo utente con immagine */"), h("div", { key: '00dc80ae32cec4435ffa4d95a2676dab96d07b10', class: "MobileMenuOffCanvas__Navbar" }, this.navbar.cloneNode(true)), h("div", { key: '6f2af08da187ffa416118095159b6d41fcb0e16d', class: "MobileMenuOffCanvas__Footer" }, "/* TODO: langswitcher */", this.mobileLogo &&
-                h("jump-button", { key: 'ce7beeb4d06feb1b6c104f209cfeac448d4bf090', variant: "primary", size: "small", text: true, href: this.mobileLogo['link'], target: (_b = this.mobileLogo['target']) !== null && _b !== void 0 ? _b : '_self' }, h("img", { key: 'c1b0258390efb012574ad30e98ecd78cfb3544a6', src: this.mobileLogo['image_url'], alt: this.mobileLogo['alt'] })))), h("nav", { key: '4f31f3704c53cfffd099b1801fc67396e3a05a2a', ref: (el) => {
+        return (h(Host, { key: '6f08de69934587d46d0e97ac63e409b5613e4d84' }, h("jump-button", { key: 'a21f05cbacf04e83236733e588045e047fb95d00', variant: "primary", size: "small", text: true, href: this.logo['link'], target: (_a = this.logo['target']) !== null && _a !== void 0 ? _a : '_self' }, h("img", { key: '7ae0333a9644192c7699eecf8dd9b79f01e6c292', src: this.logo['image_url'], alt: this.logo['alt'] })), this.isMobile &&
+            h("div", { key: 'bcac331190313c3958b62496c3a6b1799dbf0a06', class: "MobileMenuOffCanvas" }, h("div", { key: '815fcfc1a539d9d7a5353bcfce811ce6067fd7ab', class: "MobileMenuOffCanvas__Header" }, "/* TODO: ricerca + pulsante chiusura + profilo utente con immagine */"), h("div", { key: 'e5a3453677332d6d06e867679f1fce9e2c0d73e8', class: "MobileMenuOffCanvas__Navbar" }, this.navbar.cloneNode(true)), h("div", { key: 'b21b16958faa252dff66cb0e01b0dfbcb9840d8e', class: "MobileMenuOffCanvas__Footer" }, "/* TODO: langswitcher */", this.mobileLogo &&
+                h("jump-button", { key: '8e1234c5ed43013e828fbd95e8fcb5031f623b07', variant: "primary", size: "small", text: true, href: this.mobileLogo['link'], target: (_b = this.mobileLogo['target']) !== null && _b !== void 0 ? _b : '_self' }, h("img", { key: 'ca384db7ad14349b6baa2b7438f1164feeb96b80', src: this.mobileLogo['image_url'], alt: this.mobileLogo['alt'] })))), h("nav", { key: '059a7b48b8cfd33154fef936c25f8321249f1250', ref: (el) => {
                 this.navbar = el;
-            } }, h("ul", { key: '21e88dff7d087077f3ed2314f4c208f9b8daaae3' }, this.navItems.map((item) => (h("li", null, h("jump-button", { variant: "primary", size: "small", text: true, href: item.link, target: item.target, class: item.class }, item.text, this.secondaryNavItems.some(secondaryItem => secondaryItem.parent === item.id) &&
+            } }, h("ul", { key: 'da9bbcb6f853f74c5b7c86a50f9bfbcdd7429a02' }, this.navItems.map((item) => (h("li", null, h("jump-button", { variant: "primary", size: "small", text: true, href: item.link, target: item.target, class: item.class }, item.text, this.secondaryNavItems.some(secondaryItem => secondaryItem.parent === item.id) &&
             h("jump-icon", { slot: "suffix", library: "lucide", name: "chevron-down", size: "small" })), this.secondaryNavItems.map((secondaryItem) => (secondaryItem.parent === item.id &&
             h("ul", { "data-parent": secondaryItem.parent }, secondaryItem.title &&
-                h("h4", null, secondaryItem.title), " /* TODO: utilizzare jump-heading? */", secondaryItem.items.map((subItem) => (h("li", null, h("jump-button", { variant: "primary", size: "small", text: true, href: subItem.link, target: subItem.target, class: subItem.class }, subItem.text)))))))))))), h("slot", { key: '2bb867630eb5322ae556da2d37709d1e1c7e35de', name: "actions" }, h("slot", { key: 'd54c3ac869ede8f12093bda287927410be6a15c3', name: "lang_switcher" }), h("slot", { key: 'fd64141fa21f390ce8ce5121de38d0c68c83880f', name: "search" }), h("slot", { key: '14cbf3f5cdaf9102835f8ddeb633e283a63a4cee', name: "buttons" }), h("slot", { key: '63c496bba54fb7fcb68cf607cbc9f9d83b4324f5', name: "cart" }))));
+                h("h4", null, secondaryItem.title), " /* TODO: utilizzare jump-heading? */", secondaryItem.items.map((subItem) => (h("li", null, h("jump-button", { variant: "primary", size: "small", text: true, href: subItem.link, target: subItem.target, class: subItem.class }, subItem.text)))))))))))), h("slot", { key: '744976cc652586c06c8d57b6c72bcecbad6f18a2', name: "actions" }, h("slot", { key: '015abc23a87fe0463a66ecb582262f5bb9df08c8', name: "lang_switcher" }), h("slot", { key: 'eb48590e68a8a142901fcd1aa765dcb68f543002', name: "search" }), h("slot", { key: 'd8ec80bc6bd8063d884520aba59e0ed70ed2965f', name: "buttons" }), h("slot", { key: '6a26ce21dd00a2bc6c4eb92961e9e8bfcb3be7ba', name: "cart" }))));
     }
 };
 JumpNavbar.style = JumpNavbarStyle0;

package/dist/esm/jump-pagination-table.entry.js

@@ -77,9 +77,9 @@ const JumpPaginationTable = class {
     /* --------------------- RENDER ------------------------------- */
     render() {
         var _a;
-        return (h(Host, { key: '6a42ae0a8005203b2f13f6d46fb470ac4691a5de', class: "JumpPaginationTable" }, h("div", { key: 'cadff129eb21d242d0e3fa109a2b1eab8398a0f9', class: "JumpPaginationTable__Wrapper" }, h("div", { key: '51cf43620689ebc2e4c3617a9680143b5885f196', class: "elementsPerPage" }, h("label", { key: 'f59c18268d71fa486535f6a5432cd88cfddef0b1', htmlFor: "elements" }, (_a = this.labelElementsPerPage) !== null && _a !== void 0 ? _a : 'Elements per page'), h("select", { key: '13e06813b30e08ee9bf506db3d288f1908ae5bd5', name: "elements", id: "elements", onChange: (e) => this.setElPerPage(e) }, this.elementsRangesArray.map((range) => (h("option", { value: range, selected: (this.elPerPage == range) && true }, range))))), h("div", { key: 'b2bc9b2ede7cc4ca94a28d1725a91a75f30553d4', class: "indicators" }, h("div", { key: 'ed068a28e8719cea5d32cc33b8f935c8459c4026', class: "elements" }, h("span", { key: '8bcbedca1400a6f5f285304a1e9e658dbd15d4e6' }, h("span", { key: 'e0eaf549f834c38a530a76559db8189044bda390' }, this.first), " - ", h("span", { key: 'a7775a41a5931f37789cbc57b371203cf2d31e65' }, this.last), " ", this.pagLabel, " ", h("span", { key: '29d72598b5fcb9a1e9f06ad328f2164394defbf6' }, this.total))), h("div", { key: 'dbdde182111d2afbe2324ed004158b51143cdbd7', class: "arrow" }, this.showFirstAndLast &&
-            h("jump-button", { key: 'ecd2375623aef3014244100539d6b0722130bbb3', onClick: () => this.doChangePage('first'), variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: this.first === 1 }, " ", h("jump-icon", { key: 'f9bc40fed16b1f230748db55ba39faec6fafc107', slot: "suffix", name: "chevrons-left" }), " "), h("jump-button", { key: '1382cb2939e5427ef669d8d7d25a1dd108113a46', onClick: () => this.doChangePage('previous'), variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: this.first === 1 }, " ", h("jump-icon", { key: '355ef9e6fbdb8a03933b2b955e6ce4acaf5f1237', slot: "suffix", name: "chevron-left" }), " "), h("jump-button", { key: '2626fbadbb4c5a50eb9d0ae676a6885e5b7f90bd', onClick: () => this.doChangePage('next'), variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: this.last === this.total }, " ", h("jump-icon", { key: 'a830c7a19ec218ecd7ecb4be9010f3c5fef509c4', slot: "suffix", name: "chevron-right" }), " "), this.showFirstAndLast &&
-            h("jump-button", { key: 'aac1eff6a4827fe76d729a131228860ffb50f1b3', onClick: () => this.doChangePage('last'), variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: this.last === this.total }, " ", h("jump-icon", { key: 'd0d4ffbb647933e7b1ffc68d5126ca3eec058db7', slot: "suffix", name: "chevrons-right" }), " "))))));
+        return (h(Host, { key: '47cc6b24347df37305f7df4fe5a8afd7514e6e10', class: "JumpPaginationTable" }, h("div", { key: 'f55fceb2be6ded4feff7aa6755a2cbeaa5945ef9', class: "JumpPaginationTable__Wrapper" }, h("div", { key: '0b01c97f6b6bed5ffb75473f511607c7e8dd5372', class: "elementsPerPage" }, h("label", { key: '74b35bb0d6f5d7fdd5a1ec893662dd0a7e019151', htmlFor: "elements" }, (_a = this.labelElementsPerPage) !== null && _a !== void 0 ? _a : 'Elements per page'), h("select", { key: '4572cf12b14a2ba4cd83ba130a195a41e02612e3', name: "elements", id: "elements", onChange: (e) => this.setElPerPage(e) }, this.elementsRangesArray.map((range) => (h("option", { value: range, selected: (this.elPerPage == range) && true }, range))))), h("div", { key: '585299d1d1e3e7a87657a1c96ba387b1922ac67c', class: "indicators" }, h("div", { key: 'e040c1efd9b97d3957c3b7f848db3485caa832ea', class: "elements" }, h("span", { key: '2b0d31316aa647f835536d441288fce844c1a654' }, h("span", { key: 'b824d7c687b1a865c889fc4706c646d8d8848ffa' }, this.first), " - ", h("span", { key: '572dd73f4a9efa7e93ce40211798b35e7c70dbc1' }, this.last), " ", this.pagLabel, " ", h("span", { key: 'b3c51986ed329c5bfe4a096a8eeea0eaf17b9a5d' }, this.total))), h("div", { key: 'f92bd2eb072b9d84860b3e971bad0eb7a665b3c8', class: "arrow" }, this.showFirstAndLast &&
+            h("jump-button", { key: 'a99b6a74d3e5cd2e41ed7555f73fcae79e7a0f47', onClick: () => this.doChangePage('first'), variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: this.first === 1 }, " ", h("jump-icon", { key: '69530966896abe5880b9806105617e1e5b97602f', slot: "suffix", name: "chevrons-left" }), " "), h("jump-button", { key: '1c6df3f2752d92c276b3a279e74dff939ac3f56f', onClick: () => this.doChangePage('previous'), variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: this.first === 1 }, " ", h("jump-icon", { key: 'afd4a54bed701892067cb83677877b0b3a1deae6', slot: "suffix", name: "chevron-left" }), " "), h("jump-button", { key: '4a41c1520ffd5e185c416d9b89c82dd406361815', onClick: () => this.doChangePage('next'), variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: this.last === this.total }, " ", h("jump-icon", { key: 'f5e95f77772ed5b1ad757b292900dd597cd4d885', slot: "suffix", name: "chevron-right" }), " "), this.showFirstAndLast &&
+            h("jump-button", { key: '3647bdcd23f181b9d7969bf2a895a7c8b7ac5db8', onClick: () => this.doChangePage('last'), variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: this.last === this.total }, " ", h("jump-icon", { key: '963a4017dea5172684587208992277b0086e80c0', slot: "suffix", name: "chevrons-right" }), " "))))));
     }
     static get watchers() { return {
         "elementsRanges": ["elementsRangesChanged"],

package/dist/esm/jump-pagination.entry.js

@@ -28,7 +28,7 @@ const JumpPagination = class {
     }
     /* --------------------- RENDER ------------------------------- */
     render() {
-        return (h(Host, { key: 'daa4ea1acee46e591d0b723c52291ee411c4f282', class: "JumpPagination" }, h("div", { key: '023afb01feacf36c1427e03e87e3695963322e6e', class: "JumpPagination__Wrapper" }, h("div", { key: '94b6eeab6b1dc2bbf18faaea7e926bc657838429', class: "indicators" }, h("div", { key: 'd3d1a55f975757ec032aff3011fa7c8683182e33', class: "elements" }, h("span", { key: '9d4dfeb0efa6da247c1e210aff0994d33c9a22f9' }, h("span", { key: 'd98f272362517f6d67ec463b16508510cf710630' }, this.current), " ", this.pagLabel, " ", h("span", { key: 'f0e3dcfdde172119495142d5479f642bc34d6a98' }, this.last))), h("div", { key: 'a2fbf14f2135ddaf7ae0a017d2bbc2b2e3173125', class: "arrow" }, this.showFirstAndLast &&
+        return (h(Host, { key: '6d59cfd7f9bee81d599c42e804d0be48c1183b2c', class: "JumpPagination" }, h("div", { key: 'a3620c928b3302e6d5c9c51e99a5770ccf2eed08', class: "JumpPagination__Wrapper" }, h("div", { key: '6afc40de5d106e6a1427d5e7fdcf77628526c697', class: "indicators" }, h("div", { key: '6b2d8c5ccd7d70a5771d0e081d6bd2ef601b24f1', class: "elements" }, h("span", { key: '504c32d0067207719004ea4ad50b560fde48ccaa' }, h("span", { key: 'e22630f7a9523a8c36e5ae5e16aecc95fd6fb9b3' }, this.current), " ", this.pagLabel, " ", h("span", { key: '9627d631cf2dbebf81d4a97a5f62f35320907156' }, this.last))), h("div", { key: 'f513997580f67b7f58a73909bb6046413b1d47ae', class: "arrow" }, this.showFirstAndLast &&
             // <button 
             //   onClick={() => {this.current = 1} }
             //   disabled={(this.current === 1) ? true : false}> 
@@ -36,14 +36,14 @@ const JumpPagination = class {
             //     disabled={(this.current === 1) ? true : false}
             //     ></jump-icon>   
             // </button>
-            h("jump-button", { key: '259e503d12209b40444801f4696492ab6261f9ad', onClick: () => { this.current = 1; }, variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: (this.current === 1) ? true : false }, " ", h("jump-icon", { key: 'f113f22ce185ea152408f8497563ff1a05164f85', slot: "suffix", name: "chevrons-left" }), " "), h("jump-button", { key: '58334f0c40274d1541aa5070fd105907841f1eb9', onClick: () => { this.current--; }, variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: (this.current === 1) ? true : false }, " ", h("jump-icon", { key: '1287849fc018a53e7167c09854e0d2dc6371423c', slot: "suffix", name: "chevron-left" }), " "), h("jump-button", { key: '285028224a87de99c35d9388c4a7762db96c14c0', onClick: () => { this.current++; }, variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: (this.current === this.last) ? true : false }, " ", h("jump-icon", { key: '314e94eced88d8d9bc735f11f5d9e13144de04bb', slot: "suffix", name: "chevron-right" }), " "), this.showFirstAndLast &&
+            h("jump-button", { key: '479d23ea1aed06af78a0aca4546cbd470db41fc6', onClick: () => { this.current = 1; }, variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: (this.current === 1) ? true : false }, " ", h("jump-icon", { key: 'c66720f530c76a0e251a4dd05adc57ba50db0032', slot: "suffix", name: "chevrons-left" }), " "), h("jump-button", { key: '490c17ffdc9f4b584338bcc0047eb8d5c5aefb53', onClick: () => { this.current--; }, variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: (this.current === 1) ? true : false }, " ", h("jump-icon", { key: 'e78b9de2a3640f71d1a6834adfee60abeb147c70', slot: "suffix", name: "chevron-left" }), " "), h("jump-button", { key: 'b4a8f249de7e4187cd8884b1edfc7329233e5f28', onClick: () => { this.current++; }, variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: (this.current === this.last) ? true : false }, " ", h("jump-icon", { key: '52e2ceada52102d6fc546d48a61dc97a8540ad57', slot: "suffix", name: "chevron-right" }), " "), this.showFirstAndLast &&
             // <button 
             //   onClick={() => {this.current = this.last}}
             //   disabled={(this.current === this.last) ? true : false}
             //   >
             //   <jump-icon library="fa" category="regular" name="chevrons-right" size="small" slot="prefix"></jump-icon>   
             // </button> 
-            h("jump-button", { key: '8eb0e583e59fef64245948b76cd48c4f29dc1c9f', onClick: () => { this.current = this.last; }, variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: (this.current === this.last) ? true : false }, " ", h("jump-icon", { key: '5895c3a6e74698cbb0015af3cafde30fe4535c2a', slot: "suffix", name: "chevrons-right" }), " "))))));
+            h("jump-button", { key: 'e81f401f008130ca0ff380f1fa520649709fade6', onClick: () => { this.current = this.last; }, variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: (this.current === this.last) ? true : false }, " ", h("jump-icon", { key: 'd7bb704276c1aa16e046d56b23a41f94ff00aa74', slot: "suffix", name: "chevrons-right" }), " "))))));
     }
     static get watchers() { return {
         "current": ["watchcurrent"]