@jumpgroup/jump-design-system 0.3.59 → 0.3.64

package/dist/components/jump-navbar.js

@@ -28,14 +28,14 @@ const JumpNavbar$1 = /*@__PURE__*/ proxyCustomElement(class JumpNavbar extends H
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '4d846e61a027637ebe6023e9e155d754a716a0cb' }, h("jump-button", { key: '590ef7421967e36e061d4d2d49d9d8b10b0cb7d3', variant: "primary", size: "small", text: true, href: this.logo['link'], target: (_a = this.logo['target']) !== null && _a !== void 0 ? _a : '_self' }, h("img", { key: '951c8ad45b8e3cd754fd4426c73358541d7bb612', src: this.logo['image_url'], alt: this.logo['alt'] })), this.isMobile &&
-            h("div", { key: '4deeaa5bbdf1b9434dd8a4afbf32953aa7eabbe6', class: "MobileMenuOffCanvas" }, h("div", { key: '284504331b55f1fcb79408da6616c85b7d9542ee', class: "MobileMenuOffCanvas__Header" }, "/* TODO: ricerca + pulsante chiusura + profilo utente con immagine */"), h("div", { key: 'a8ba842d267d77aecf0a211e9c37052617b3ffd8', class: "MobileMenuOffCanvas__Navbar" }, this.navbar.cloneNode(true)), h("div", { key: '7b08ba459362c3c6ee68ad2915f9a8addadafbde', class: "MobileMenuOffCanvas__Footer" }, "/* TODO: langswitcher */", this.mobileLogo &&
-                h("jump-button", { key: '28ca557df1446898114567a84813c41cc1d47d73', variant: "primary", size: "small", text: true, href: this.mobileLogo['link'], target: (_b = this.mobileLogo['target']) !== null && _b !== void 0 ? _b : '_self' }, h("img", { key: '315be508f2902a9a5a69aff78b4c36d8daf3e1aa', src: this.mobileLogo['image_url'], alt: this.mobileLogo['alt'] })))), h("nav", { key: '19ece653a9c3c6d7728a12744ffe8c06618c1f97', ref: (el) => {
+        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) => {
                 this.navbar = el;
-            } }, h("ul", { key: 'e60bf04441e02eca702dcc7760df97388c1f1043' }, 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: '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("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: 'cde57eeb4d6586c370fbfb5d10e02dc423427af5', name: "actions" }, h("slot", { key: 'ad86ec7167939e4624489d0db2cbd3a7aa6bc721', name: "lang_switcher" }), h("slot", { key: 'c87b4a71d6183f21aff9155143e22a1fbe6cc7c4', name: "search" }), h("slot", { key: 'ac62a46a3aac954fb915e134ffcc149ece432a5f', name: "buttons" }), h("slot", { key: '0d49662ba2bba745efbd9d8151917c780cdfd632', 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: '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" }))));
     }
     static get style() { return JumpNavbarStyle0; }
 }, [1, "jump-navbar", {

package/dist/components/jump-pagination-table.js

@@ -80,9 +80,9 @@ const JumpPaginationTable$1 = /*@__PURE__*/ proxyCustomElement(class JumpPaginat
     /* --------------------- RENDER ------------------------------- */
     render() {
         var _a;
-        return (h(Host, { key: '6edc329e44cf550e18300dd949e985103e7ca907', class: "JumpPaginationTable" }, h("div", { key: '74763ae5bcead30bdb79c2f177042007e4f22d2b', class: "JumpPaginationTable__Wrapper" }, h("div", { key: 'fe9d73f1e28cebce87b9a6b26f1a252827b2e409', class: "elementsPerPage" }, h("label", { key: '69a557884ae8156f5090ae6414ad3ca6b381a1e6', htmlFor: "elements" }, (_a = this.labelElementsPerPage) !== null && _a !== void 0 ? _a : 'Elements per page'), h("select", { key: 'f63030a70690021611c1d6a29945bd8cc9977e90', 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: '7dd82fa0620bbbdbeb825ab28ec6264257f18cbd', class: "indicators" }, h("div", { key: '09989643cd7073e9b7db95e4746d209f4294c7de', class: "elements" }, h("span", { key: '6f4bbd59fa39504953989a7692842a148733d9bc' }, h("span", { key: '12e664c2d3bad1033188da673e37e1dd58f32e26' }, this.first), " - ", h("span", { key: 'c22ca1d793efc54078699c9b7f35169c814f905c' }, this.last), " ", this.pagLabel, " ", h("span", { key: '64e26a44bbb9c524138925db2b9bd2588dcef3b8' }, this.total))), h("div", { key: 'f9527eaf1adf59530f470eeb03897cbd3d88d4c4', class: "arrow" }, this.showFirstAndLast &&
-            h("jump-button", { key: 'a0b3d12ea97aac3c53b5276ec4218bb79b8dd0dd', 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: '5a680f20e3a7db2898d13058153bd6426141598e', slot: "suffix", name: "chevrons-left" }), " "), h("jump-button", { key: '54450a58c6779efd7034449a9bf45b72c6250627', 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: 'c4ecfdef4dad35eda6a1cba4796fcd7f22cb508f', slot: "suffix", name: "chevron-left" }), " "), h("jump-button", { key: 'c8b17abee650024dab962db11bcc99d0a55660dd', 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: '871208668717b1fcab6af32989239a9a98aa8c4b', slot: "suffix", name: "chevron-right" }), " "), this.showFirstAndLast &&
-            h("jump-button", { key: '8acd4bdceb333afa582d68342c09dff0b62e20a7', 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: 'cb0da9e45ad20c89534f62ac4f5a36032aeb3311', slot: "suffix", name: "chevrons-right" }), " "))))));
+        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" }), " "))))));
     }
     static get watchers() { return {
         "elementsRanges": ["elementsRangesChanged"],

package/dist/components/jump-pagination.js

@@ -32,7 +32,7 @@ const JumpPagination$1 = /*@__PURE__*/ proxyCustomElement(class JumpPagination e
     }
     /* --------------------- RENDER ------------------------------- */
     render() {
-        return (h(Host, { key: '0d8a0a487d41050eff65c41bff0e20e7f8abe433', class: "JumpPagination" }, h("div", { key: 'c1c91aac8d9ad943ba38f17299d413f6b3a1d5aa', class: "JumpPagination__Wrapper" }, h("div", { key: '8dbead9e599c4750a30c7490c4a704d43c7ca9bb', class: "indicators" }, h("div", { key: '895b683174acd6517689a1b2e3f69378d5cf2b48', class: "elements" }, h("span", { key: 'b0ce7fb257a15f3a1e35548f976bf6baa2308017' }, h("span", { key: '84e42742f53628b69f90b88a88817d3c4d2ea5f1' }, this.current), " ", this.pagLabel, " ", h("span", { key: 'f85a4f32cf66fec16efa76bfc88e21d4c41e3406' }, this.last))), h("div", { key: 'd33612fdd1a9d917256ce8e9f7fce45c158243dc', class: "arrow" }, this.showFirstAndLast &&
+        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 &&
             // <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: '26db97e47f3254b72643f7bb73bbdecdc733c2d6', 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: '16c2e37bd1726c5c6852d74eec67d042cba25d46', slot: "suffix", name: "chevrons-left" }), " "), h("jump-button", { key: '105c2ea910ffbfe4d00957158d546c198e3f11b6', 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: 'b0066718df5f60bd148dffad1c9485f631d0a840', slot: "suffix", name: "chevron-left" }), " "), h("jump-button", { key: '00f6565f368c82a16d9819208b3babfef09fe1cf', 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: '337627fd7d3486776f609153522df3ba77c44ce0', slot: "suffix", name: "chevron-right" }), " "), this.showFirstAndLast &&
+            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 &&
             // <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: '2c052d95c792f43f7899b0503ddbfed79c187ef2', 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: 'f77d6a81d0a9e281dd8a845b100cce5a107085cc', slot: "suffix", name: "chevrons-right" }), " "))))));
+            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" }), " "))))));
     }
     static get watchers() { return {
         "current": ["watchcurrent"]

package/dist/components/jump-quantity.js

@@ -20,7 +20,6 @@ const JumpQuantity$1 = /*@__PURE__*/ proxyCustomElement(class JumpQuantity exten
         this.variant = 'vertical';
         this.showButtons = true;
         this.value = undefined;
-        this.currentValue = undefined;
     }
     onValueChange(newValue, oldValue) {
         this.change.emit({
@@ -33,7 +32,7 @@ const JumpQuantity$1 = /*@__PURE__*/ proxyCustomElement(class JumpQuantity exten
      * Get the current value
      */
     async getValue() {
-        return this.currentValue;
+        return this.value;
     }
     /**
      * Set the current value
@@ -43,11 +42,9 @@ const JumpQuantity$1 = /*@__PURE__*/ proxyCustomElement(class JumpQuantity exten
     }
     async reset() {
         this.value = this.min;
-        this.currentValue = this.value;
     }
     componentWillLoad() {
         this.value = this.min;
-        this.currentValue = this.value;
         this.internals.setFormValue(this.value.toString());
     }
     formResetCallback() {
@@ -57,28 +54,27 @@ const JumpQuantity$1 = /*@__PURE__*/ proxyCustomElement(class JumpQuantity exten
     handleChange(event) {
         let value = parseInt(event.target.value);
         if (value < this.min) {
-            this.currentValue = this.min;
+            this.value = this.min;
         }
         else if (value > this.max) {
-            this.currentValue = this.max;
+            this.value = this.max;
         }
         else {
-            this.currentValue = event.target.value;
+            this.value = event.target.value;
         }
     }
     //avoid user can change the value below the min
     handleBlur(event) {
         if (event.target.value < this.min) {
             this.value = this.min;
-            this.currentValue = this.min;
         }
     }
     render() {
-        return (h(Host, { key: '3ab4698ff9623e5d1b8ff06fd75a33da3d3fda46', value: this.value, "data-variant": this.variant, "data-hasbuttons": this.showButtons }, this.label && h("label", { key: '9df63ac37048a7ab40a6a4555bd0bd55706ff119' }, this.label), h("div", { key: 'f0e1bd3913949e7951650a6a9ec06d4598d0101c', class: `jump-quantity__InnerWrapper` }, this.showButtons &&
-            h("jump-button", { key: '93697bea1c7a368077ef20d463beb608f7143717', onClick: () => this.currentValue = this.currentValue - this.step, disabled: this.currentValue <= this.min, variant: 'neutral', size: 'custom' }, h("jump-icon", { key: 'af7da8534f334cfdcd1bd68747443e9a0d0759a4', library: "lucide", name: "minus", size: "small" })), h("input", { key: 'ebe0ef40e44c0f8bb910ef6f22ad216c5d3f5896', ref: (el) => {
+        return (h(Host, { key: '2545759aea7e95d367e1071c56fd2713d28b94c3', value: this.value, "data-variant": this.variant, "data-hasbuttons": this.showButtons }, this.label && h("label", { key: '75f20b28bc74cdf237100778aeb118a860d37227' }, this.label), h("div", { key: '528eb66ad0b83b22cb1b4edf083d48398146a1f2', class: `jump-quantity__InnerWrapper` }, this.showButtons &&
+            h("jump-button", { key: 'ee6e87290d2f3e01b3228956817b274ba854d46f', onClick: () => this.value = this.value - this.step, disabled: this.value <= this.min, variant: 'neutral', size: 'custom' }, h("jump-icon", { key: 'bb19f472ea27e02127db5436d7bbc87a1aaa1438', library: "lucide", name: "minus", size: "small" })), h("input", { key: '4eab2afcaef6295ee8e6e92528af6602d065a9d1', ref: (el) => {
                 this.inputEl = el;
-            }, type: 'number', value: this.currentValue, onInput: (event) => this.handleChange(event), min: this.min, max: this.max, step: this.step, "aria-hasbuttons": this.showButtons }), this.showButtons &&
-            h("jump-button", { key: '1fecaf20f4edd753aa2cff3174d79ed1d9c315e0', onClick: () => this.currentValue = this.currentValue + this.step, disabled: this.currentValue >= this.max, variant: 'neutral', size: 'custom' }, h("jump-icon", { key: '6ff459686f4713928f0cb5830ea59fbcd0ec44e7', library: "lucide", name: "plus", size: "small" })))));
+            }, type: 'number', value: this.value, onInput: (event) => this.handleChange(event), min: this.min, max: this.max, step: this.step, "aria-hasbuttons": this.showButtons }), this.showButtons &&
+            h("jump-button", { key: '0f1bb0b97fc591c3baa3a1c98791c4b8658ab73e', onClick: () => this.value = this.value + this.step, disabled: this.value >= this.max, variant: 'neutral', size: 'custom' }, h("jump-icon", { key: '901b8a21adcf844227c5193d801cee415f495ff2', library: "lucide", name: "plus", size: "small" })))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -95,7 +91,6 @@ const JumpQuantity$1 = /*@__PURE__*/ proxyCustomElement(class JumpQuantity exten
         "variant": [1],
         "showButtons": [4, "show-buttons"],
         "value": [2],
-        "currentValue": [32],
         "getValue": [64],
         "setMax": [64],
         "reset": [64]

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

@@ -1 +1 @@
-{"file":"jump-quantity.js","mappings":"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","names":["JumpQuantity"],"sources":["src/components/jump-quantity/jump-quantity.scss?tag=jump-quantity&encapsulation=shadow","src/components/jump-quantity/jump-quantity.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  align-items: flex-start;\n  justify-content: center;\n  flex-direction: column;\n  gap: 0.5rem;\n\n  jump-button, button{\n    --jump-button-padding: 0.5rem;\n  }\n\n  [data-variant='horizontal'] {\n    flex-direction: row;\n  }\n\n  label {\n    color: var(--neutral-grey-secondary);\n    font-size: 0.875rem;\n  }\n\n  input {\n    //remove user agent styles\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    background: none;\n    margin: 0;\n\n    //remove + and - buttons\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n\n    outline: none;\n\n    &:focus {\n      border-color: var(--secondary-standard);\n    }\n\n    border: 1px solid transparent;\n    border-radius: 3px;\n    padding: 0.5rem;\n    height: 14px;\n    width: 36px;\n    font-size: 0.875rem;\n    text-align: center;\n\n    &:not([aria-hasbuttons]) {\n      border-color: var(--neutral-grey-secondary);\n    }\n\n    &[type='button'] {\n      cursor: pointer;\n    }\n  }\n\n  ::slotted(jump-button) {\n    --jump-button-padding: 0;\n  }\n\n\n  .jump-quantity__InnerWrapper {\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: center;\n    gap: 0;\n  }\n}\n","import { Component, Host, AttachInternals, Watch, Method, Prop, h, Event, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'jump-quantity',\n  styleUrl: 'jump-quantity.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class JumpQuantity {\n\n  @AttachInternals() internals: ElementInternals;\n  @Element() el;\n\n  @Prop() min: number = 1;\n  @Prop() max: number;\n  @Prop() step: number = 1;\n  @Prop() label: string = '';\n  @Prop() type: 'buttons' | 'dropdown' | 'input' = 'buttons';\n  @Prop() variant: 'vertical' | 'horizontal' = 'vertical';\n  @Prop() showButtons: boolean = true;\n  @Prop() value: number;\n\n  @State() currentValue: number;\n\n  @Event({ eventName: 'jump-change' }) change;\n\n  inputEl: HTMLInputElement;\n\n  @Watch('value')\n  onValueChange(newValue, oldValue) {\n    this.change.emit({\n      value: newValue,\n      oldValue: oldValue,\n    });\n    this.internals.setFormValue(newValue);\n  }\n\n  /**\n   * Get the current value\n   */\n  @Method()\n  async getValue() {\n    return this.currentValue;\n  }\n\n  /**\n   * Set the current value\n   */\n  @Method()\n  async setMax(value: number) {\n    this.max = value;\n  }\n\n  @Method()\n  async reset() {\n    this.value = this.min;\n    this.currentValue = this.value;\n  }\n\n  componentWillLoad() {\n    this.value = this.min;\n    this.currentValue = this.value;\n    this.internals.setFormValue(this.value.toString());\n  }\n\n  formResetCallback() {\n    this.internals.setValidity({});\n    this.internals.setFormValue('');\n  }\n\n  handleChange(event) {\n    let value = parseInt(event.target.value);\n    if(value < this.min){\n      this.currentValue = this.min;\n    } else if(value > this.max){\n      this.currentValue = this.max;\n    } else {\n      this.currentValue = event.target.value;\n    }\n  }\n\n  //avoid user can change the value below the min\n  handleBlur(event) {\n    if (event.target.value < this.min) {\n      this.value = this.min;\n      this.currentValue = this.min;\n    }\n  }\n\n  render() {\n    return (\n      <Host value={this.value} data-variant={this.variant} data-hasbuttons={this.showButtons}>\n        {this.label && <label>{this.label}</label>}\n        <div class={`jump-quantity__InnerWrapper`}>\n        {this.showButtons &&\n            <jump-button onClick={() => this.currentValue = this.currentValue - this.step} disabled={this.currentValue <= this.min}\n                         variant='neutral' size='custom'>\n              <jump-icon library=\"lucide\" name=\"minus\" size=\"small\"></jump-icon>\n            </jump-button>}\n          <input ref={(el) => {\n            this.inputEl = el;\n          }}\n                 type='number'\n                 value={this.currentValue}\n                 onInput={(event) => this.handleChange(event)}\n                 min={this.min}\n                 max={this.max}\n                 step={this.step}\n                 aria-hasbuttons={this.showButtons}\n          />\n          {this.showButtons &&\n            <jump-button onClick={() => this.currentValue = this.currentValue + this.step} disabled={this.currentValue >= this.max}\n                         variant='neutral' size='custom'>\n              <jump-icon library=\"lucide\" name=\"plus\" size=\"small\"></jump-icon>\n            </jump-button>}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"jump-quantity.js","mappings":"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","names":["JumpQuantity"],"sources":["src/components/jump-quantity/jump-quantity.scss?tag=jump-quantity&encapsulation=shadow","src/components/jump-quantity/jump-quantity.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  align-items: flex-start;\n  justify-content: center;\n  flex-direction: column;\n  gap: 0.5rem;\n\n  jump-button, button{\n    --jump-button-padding: 0.5rem;\n  }\n\n  [data-variant='horizontal'] {\n    flex-direction: row;\n  }\n\n  label {\n    color: var(--neutral-grey-secondary);\n    font-size: 0.875rem;\n  }\n\n  input {\n    //remove user agent styles\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    background: none;\n    margin: 0;\n\n    //remove + and - buttons\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n\n    outline: none;\n\n    &:focus {\n      border-color: var(--secondary-standard);\n    }\n\n    border: 1px solid transparent;\n    border-radius: 3px;\n    padding: 0.5rem;\n    height: 14px;\n    width: 36px;\n    font-size: 0.875rem;\n    text-align: center;\n\n    &:not([aria-hasbuttons]) {\n      border-color: var(--neutral-grey-secondary);\n    }\n\n    &[type='button'] {\n      cursor: pointer;\n    }\n  }\n\n  ::slotted(jump-button) {\n    --jump-button-padding: 0;\n  }\n\n\n  .jump-quantity__InnerWrapper {\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: center;\n    gap: 0;\n  }\n}\n","import { Component, Host, AttachInternals, Watch, Method, Prop, h, Event, Element } from '@stencil/core';\n\n@Component({\n  tag: 'jump-quantity',\n  styleUrl: 'jump-quantity.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class JumpQuantity {\n\n  @AttachInternals() internals: ElementInternals;\n  @Element() el;\n\n  @Prop() min: number = 1;\n  @Prop() max: number;\n  @Prop() step: number = 1;\n  @Prop() label: string = '';\n  @Prop() type: 'buttons' | 'dropdown' | 'input' = 'buttons';\n  @Prop() variant: 'vertical' | 'horizontal' = 'vertical';\n  @Prop() showButtons: boolean = true;\n  @Prop() value: number;\n\n  @Event({ eventName: 'jump-change' }) change;\n\n  inputEl: HTMLInputElement;\n\n  @Watch('value')\n  onValueChange(newValue, oldValue) {\n    this.change.emit({\n      value: newValue,\n      oldValue: oldValue,\n    });\n    this.internals.setFormValue(newValue);\n  }\n\n  /**\n   * Get the current value\n   */\n  @Method()\n  async getValue() {\n    return this.value;\n  }\n\n  /**\n   * Set the current value\n   */\n  @Method()\n  async setMax(value: number) {\n    this.max = value;\n  }\n\n  @Method()\n  async reset() {\n    this.value = this.min;\n  }\n\n  componentWillLoad() {\n    this.value = this.min;\n    this.internals.setFormValue(this.value.toString());\n  }\n\n  formResetCallback() {\n    this.internals.setValidity({});\n    this.internals.setFormValue('');\n  }\n\n  handleChange(event) {\n    let value = parseInt(event.target.value);\n    if(value < this.min){\n      this.value = this.min;\n    } else if(value > this.max){\n      this.value = this.max;\n    } else {\n      this.value = event.target.value;\n    }\n  }\n\n  //avoid user can change the value below the min\n  handleBlur(event) {\n    if (event.target.value < this.min) {\n      this.value = this.min;\n    }\n  }\n\n  render() {\n    return (\n      <Host value={this.value} data-variant={this.variant} data-hasbuttons={this.showButtons}>\n        {this.label && <label>{this.label}</label>}\n        <div class={`jump-quantity__InnerWrapper`}>\n        {this.showButtons &&\n            <jump-button onClick={() => this.value = this.value - this.step} disabled={this.value <= this.min}\n                         variant='neutral' size='custom'>\n              <jump-icon library=\"lucide\" name=\"minus\" size=\"small\"></jump-icon>\n            </jump-button>}\n          <input ref={(el) => {\n            this.inputEl = el;\n          }}\n                 type='number'\n                 value={this.value}\n                 onInput={(event) => this.handleChange(event)}\n                 min={this.min}\n                 max={this.max}\n                 step={this.step}\n                 aria-hasbuttons={this.showButtons}\n          />\n          {this.showButtons &&\n            <jump-button onClick={() => this.value = this.value + this.step} disabled={this.value >= this.max}\n                         variant='neutral' size='custom'>\n              <jump-icon library=\"lucide\" name=\"plus\" size=\"small\"></jump-icon>\n            </jump-button>}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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: '2cd1b4ef033699ffa631a6529da6c167756ca77b', ref: (el) => this.componentRef = el }));
+        return (h(Host, { key: '71a7bb156013483eb6b35bdb6008a82becaedc62', 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: 'f0535a70395bacabc372999896fc410c948bbed4', class: "JumpSearchBarMobile", ref: (el) => (this.componentRef = el) }, h("jump-icon", { key: '34431a69c6c68f48b5f92b03f5a876f485d66e34', name: "magnifying-glass", category: "light", onClick: () => this.openDropdown() }), h("div", { key: '89575c7a7a1c0a601a589ac451242e591d907a43', class: "DropdownWrapper " + (this.isOpen ? 'open' : '') }, h("div", { key: '633c8543dc2eaf36b7fc61857d7d63aadf852cd8', class: "InputWrapper" }, h("jump-icon", { key: '3c85be9683007c77faf9fe705c382b753dc8d6fb', class: "closeButton", category: "light", name: "arrow-left", onClick: () => this.closeDropdown() }), h("input", { key: '29f98929f8ed596072f1fe31d5820e9bde0a5604', 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: '0e577fbdc3cfcc3d1628360487a828437459e01a', name: "magnifying-glass", category: "light" })), h("div", { key: 'da670ec6f527cc0015b42eea74acc355d081e260', class: "Results" }, (this.resType == 'recents') &&
-            h("div", { key: 'bb8eed320957070598e1fb57b3db5a7aa0cea4bd', class: "Results__Recents" }, this.recents.length != 0 && h("span", { key: '748a65cfbb955af507acc30a86afa2366b31d99a', class: "title" }, this.recentsTitle), h("div", { key: 'e3fd0b306f42a56a85d1efc4898a4ead272ce15d', 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: '29f82834ad14a34547f9f856f045c7cccc9431e0', class: "Results__Results" }, h("div", { key: '1c005fe5f1d9a88c151886eda65f372c52f4710f', class: "ResWrapper" }, this.innerResults === undefined ?
+        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 ?
                 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: '084038e82063eb93fea6ea10d0a405fb7f1e04a8', class: "totalRes" }, h("jump-button", { key: 'f09ae73865768a64e75fcc2b887c4631e3271697', variant: "secondary", size: "small", text: true, onClick: () => this.btnOrShowOtherClicked(), target: "_blank" }, " ", this.showAllResText, " "), this.totalResults && h("div", { key: '66c370a16342ebfe68e3032299bf3da32ed53acd' }, this.totalResults, " ", this.resultsText))))))));
+                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))))))));
     }
     static get watchers() { return {
         "searchValue": ["searchValueChanged"]

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: '0a4383e01bea0539424876f8b0d8d04d4482c957', ref: (el) => { this.tabEl = el; }, class: "JumpTabItem " + (this.active ? 'active' : '') + " " + (this.variant) + " " + (this.disabled ? 'disabled' : '') }, h("div", { key: 'cee073351151f5468e4b72d4af2deacc7e080d22', 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: 'c65754b06a1b2404f146c71adc7498d4c8c6423c', library: "fa", category: "regular", name: this.iconName, size: "small" }), h("span", { key: 'd256f97d32910c594e12a6ca8b9de1fe483989b5', class: "label" }, this.label))));
+        return (h(Host, { key: '20bcab66648d2c1a2dab7fa45aeaf160cba65be0', ref: (el) => { this.tabEl = el; }, class: "JumpTabItem " + (this.active ? 'active' : '') + " " + (this.variant) + " " + (this.disabled ? 'disabled' : '') }, h("div", { key: '31fbceda6a68188b055c0e1d15ca2911a584c87a', 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: 'e3760a45cfc90383b284268d5185b04cfdc30a8e', library: "fa", category: "regular", name: this.iconName, size: "small" }), h("span", { key: 'ee2b41643c241569429b359c121d1c0827de7cbf', 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: '75fb1adb1af140bba218b890891234b01be1534f', class: "JumpTabPanel", id: this.identifier }, h("div", { key: '08ddae107776c29aa2b869e7b2e541e43e33b6a8', class: "JumpTabPanel__Content " + (this.active ? 'active' : '') }, h("slot", { key: 'bdf0d20e086f2b9def8df7f9abdae1df293a78c8' }))));
+        return (h(Host, { key: 'cf92120024b87b2226981c093ff8addeb9f6047e', class: "JumpTabPanel", id: this.identifier }, h("div", { key: 'b3705621ee187894cdf1f0eda5fef73573046646', class: "JumpTabPanel__Content " + (this.active ? 'active' : '') }, h("slot", { key: '8f42f264b401f8f9c5336bdb6216bdb13fb2ba0d' }))));
     }
     static get style() { return JumpTabPanelStyle0; }
 }, [1, "jump-tab-panel", {

package/dist/components/jump-tab.js

@@ -74,7 +74,7 @@ const JumpTab$1 = /*@__PURE__*/ proxyCustomElement(class JumpTab extends HTMLEle
         }
     }
     render() {
-        return (h(Host, { key: '497e52126ca025e5bd75ec2d611eb7e31288e165', class: "JumpTab " + this.variant, id: this.tabGroupName, ref: (el) => { this.JumpTabEl = el; } }, h("div", { key: 'f466e49311a54ec21317237335cbbdf5518766fb', class: "Wrapper " + (this.fullBorder ? 'fullBorder' : '') }, h("div", { key: '9ea2361990221d411600a19858c61ea70bc4701f', class: "ContentWrapper ContentWrapper--Items", style: { '--alignment': this.getAlignment(this.alignment) } }, h("div", { key: '9190d13fc70bec3709e3b7603836806349172e8d', class: "Content " + this.variant + " " + (this.disabled ? 'disabled' : '') + " " + (this.fullBorder ? 'fullBorder' : ''), style: { '--alignment': this.getAlignment(this.alignment) } }, h("slot", { key: '52c0f5898b72fc938a0bf082ba43bd88d2ff30c6', name: "tab-item" }))), h("div", { key: '27ea1ebf944e2ccf856b1b7704e16493171ef6c9', class: "ContentWrapper ContentWrapper--Panel" }, h("slot", { key: '6f96926996d8efb7e11e6c78d60d18dd142ee38a', name: "tab-content" })))));
+        return (h(Host, { key: '8a0199ca73b829bf916eb0065ea2349e3893b6d0', class: "JumpTab " + this.variant, id: this.tabGroupName, ref: (el) => { this.JumpTabEl = el; } }, h("div", { key: 'dbdef0b65d8149dd17f71022b802b53e6917dd4f', class: "Wrapper " + (this.fullBorder ? 'fullBorder' : '') }, h("div", { key: 'e8115b34e124bc2d85a273867dac7ab82a09db65', class: "ContentWrapper ContentWrapper--Items", style: { '--alignment': this.getAlignment(this.alignment) } }, h("div", { key: '973243bfa74224b6184d62ce36536f4720561f9c', class: "Content " + this.variant + " " + (this.disabled ? 'disabled' : '') + " " + (this.fullBorder ? 'fullBorder' : ''), style: { '--alignment': this.getAlignment(this.alignment) } }, h("slot", { key: 'c6ee4fb22decdb4f1e3d89e679987cd211e722ec', name: "tab-item" }))), h("div", { key: 'fa9565bba6ab3bc3eff4f9f232bfbd80829f6d4c', class: "ContentWrapper ContentWrapper--Panel" }, h("slot", { key: '0754dcab98e5e8ca3bd27babd3b90f9083c0c489', name: "tab-content" })))));
     }
     getAlignment(alignment) {
         switch (alignment) {

package/dist/components/live.js

@@ -0,0 +1,12 @@
+import { f, d as w, T, m } from './directive-helpers.js';
+import { b as e, i, t } from './class-map.js';
+
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const l=e(class extends i{constructor(r){if(super(r),r.type!==t.PROPERTY&&r.type!==t.ATTRIBUTE&&r.type!==t.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!f(r))throw Error("`live` bindings can only contain a single expression")}render(r){return r}update(i,[t$1]){if(t$1===w||t$1===T)return t$1;const o=i.element,l=i.name;if(i.type===t.PROPERTY){if(t$1===o[l])return w}else if(i.type===t.BOOLEAN_ATTRIBUTE){if(!!t$1===o.hasAttribute(l))return w}else if(i.type===t.ATTRIBUTE&&o.getAttribute(l)===t$1+"")return w;return m(i),t$1}});
+
+export { l };
+
+//# sourceMappingURL=live.js.map

package/dist/components/live.js.map

@@ -0,0 +1 @@
+{"file":"live.js","mappings":";;;AACA;AACA;AACA;AACA;AACA,GAAQ,MAAC,CAAC,CAACA,CAAC,CAAC,cAAcC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAGC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,GAAGA,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,IAAI,GAAGA,CAAC,CAAC,iBAAiB,CAAC,MAAM,KAAK,CAAC,gEAAgE,CAAC,CAAC,GAAG,CAACC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,sDAAsD,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAACF,GAAC,CAAC,CAAC,CAAC,GAAGA,GAAC,GAAGG,CAAC,EAAEH,GAAC,GAAGI,CAAC,CAAC,OAAOJ,GAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,GAAGC,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAGD,GAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,OAAOG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,GAAGF,CAAC,CAAC,iBAAiB,CAAC,CAAC,GAAG,CAAC,CAACD,GAAC,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,OAAOG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,GAAGF,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAGD,GAAC,CAAC,EAAE,CAAC,OAAOG,CAAC,CAAC,OAAOE,CAAC,CAAC,CAAC,CAAC,CAACL,GAAC,CAAC,CAAC;;;;","names":["i","t","n","o","r","e","s"],"sources":["node_modules/lit-html/directives/live.js"],"sourcesContent":["import{noChange as r,nothing as e}from\"../lit-html.js\";import{directive as i,Directive as t,PartType as n}from\"../directive.js\";import{isSingleExpression as o,setCommittedValue as s}from\"../directive-helpers.js\";\n/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const l=i(class extends t{constructor(r){if(super(r),r.type!==n.PROPERTY&&r.type!==n.ATTRIBUTE&&r.type!==n.BOOLEAN_ATTRIBUTE)throw Error(\"The `live` directive is not allowed on child or event bindings\");if(!o(r))throw Error(\"`live` bindings can only contain a single expression\")}render(r){return r}update(i,[t]){if(t===r||t===e)return t;const o=i.element,l=i.name;if(i.type===n.PROPERTY){if(t===o[l])return r}else if(i.type===n.BOOLEAN_ATTRIBUTE){if(!!t===o.hasAttribute(l))return r}else if(i.type===n.ATTRIBUTE&&o.getAttribute(l)===t+\"\")return r;return s(i),t}});export{l as live};\n//# sourceMappingURL=live.js.map\n"],"version":3}