@jumpgroup/jump-design-system 0.3.21 → 0.3.23

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

@@ -81,9 +81,9 @@ const JumpPaginationTable = class {
     /* --------------------- RENDER ------------------------------- */
     render() {
         var _a;
-        return (index.h(index.Host, { key: '9b2d529a1a4dafefe9107bedf7704d73d75b8fcb', class: "JumpPaginationTable" }, index.h("div", { key: 'd09e5e9b4b368332b7f92f86be272c4a12d4ffec', class: "JumpPaginationTable__Wrapper" }, index.h("div", { key: 'e3af23dcf805cc6f529517c91f3f2fabbc543b35', class: "elementsPerPage" }, index.h("label", { key: 'c7558061326b23be95e391657224792d590bb918', htmlFor: "elements" }, (_a = this.labelElementsPerPage) !== null && _a !== void 0 ? _a : 'Elements per page'), index.h("select", { key: '96f73a7f3f3aedd6d059b2e0dd8ce9133ab6654e', name: "elements", id: "elements", onChange: (e) => this.setElPerPage(e) }, this.elementsRangesArray.map((range) => (index.h("option", { value: range, selected: (this.elPerPage == range) && true }, range))))), index.h("div", { key: '9160bf35ac48db7d2de9644da5f590b0bf6b0a3d', class: "indicators" }, index.h("div", { key: '09a475d1ac56cdfeb6135fe2b97f5758490981c3', class: "elements" }, index.h("span", { key: '3f11d9667843fb263353f2cdaa15fcfe7a6949dd' }, index.h("span", { key: '93024d6f5a7d7c44cc52a8c74dda2a62de0760e0' }, this.first), " - ", index.h("span", { key: '86324150394c9b2703919e05414d39e189738c9c' }, this.last), " ", this.pagLabel, " ", index.h("span", { key: '263569874c6a61abc9b4a854123496a4a2c3e6b8' }, this.total))), index.h("div", { key: '33730450809d5a29e0b878991c5dc33b9b15e03f', class: "arrow" }, this.showFirstAndLast &&
-            index.h("jump-button", { key: 'a56e565e29993942be493299fdcf7e52ca771f26', 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 }, " ", index.h("jump-icon", { key: '996ac7867f6216d82f19367c5ffa68f2e76a62d5', slot: "suffix", name: "chevrons-left" }), " "), index.h("jump-button", { key: '981929a37256f2b5dec3a7cee990bb48b49a4cc4', 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 }, " ", index.h("jump-icon", { key: '2b52a244117ec4b788ca0c09c6e5d43cdb61ef2d', slot: "suffix", name: "chevron-left" }), " "), index.h("jump-button", { key: '1150e0c8b53c344d3217224873b2303257070e16', 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 }, " ", index.h("jump-icon", { key: '7877f5b820eee313b898c1f60d81643217a84b62', slot: "suffix", name: "chevron-right" }), " "), this.showFirstAndLast &&
-            index.h("jump-button", { key: '2a28e054e8fb46b256f5d6ea3d35a68e1f510458', 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 }, " ", index.h("jump-icon", { key: '913d1c6baaed22a5e746322866dc17b409c46cde', slot: "suffix", name: "chevrons-right" }), " "))))));
+        return (index.h(index.Host, { key: '05cc7342c23f7addfc29dcd2e2ce15ee979d5978', class: "JumpPaginationTable" }, index.h("div", { key: 'cfa4b3f89e06dfe13ec965ac40ce031ed1871763', class: "JumpPaginationTable__Wrapper" }, index.h("div", { key: '4f876ccf87d40b9e9243416f58af9b15a2feba2e', class: "elementsPerPage" }, index.h("label", { key: '9a3cce63a825cb410445f66679080ebc7f9b188b', htmlFor: "elements" }, (_a = this.labelElementsPerPage) !== null && _a !== void 0 ? _a : 'Elements per page'), index.h("select", { key: '5bca39ee7fd8d301a23888ad19e8cb97155cdd26', name: "elements", id: "elements", onChange: (e) => this.setElPerPage(e) }, this.elementsRangesArray.map((range) => (index.h("option", { value: range, selected: (this.elPerPage == range) && true }, range))))), index.h("div", { key: 'be7da51c23244f749cf1422898f8cbc950fec886', class: "indicators" }, index.h("div", { key: '2ea6d1cb27c01757182941cb7079aa27c23db88f', class: "elements" }, index.h("span", { key: '7dd6136cbb0cbeec9c0bd7da1cfd9052777ffb8c' }, index.h("span", { key: '75955627db16a0346816ff3d19da8a733e35278e' }, this.first), " - ", index.h("span", { key: 'df317f7c7aac18421c66a79201a5775f59baba10' }, this.last), " ", this.pagLabel, " ", index.h("span", { key: '5502d41a0e0fa0318da443fd2989668eeaae182d' }, this.total))), index.h("div", { key: 'da0e8a247346c37c0835210e3e94ff96c058be2a', class: "arrow" }, this.showFirstAndLast &&
+            index.h("jump-button", { key: '909ad386104dfa8514fc7da5c1257696a90af4c1', 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 }, " ", index.h("jump-icon", { key: '3b3fdef996e042bdc33f88b47f861ee4ecc413c1', slot: "suffix", name: "chevrons-left" }), " "), index.h("jump-button", { key: 'ac09f89f7cfa0a409538b1e02323a33b07badb59', 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 }, " ", index.h("jump-icon", { key: '7d0b19c2767c667b34d01a180f0efd204ccba3b7', slot: "suffix", name: "chevron-left" }), " "), index.h("jump-button", { key: 'd3517acb7e443ba5f2acaf37e577ce45e669e517', 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 }, " ", index.h("jump-icon", { key: '31910f4c14100cd7b77b5252c0f3efed98b23e9d', slot: "suffix", name: "chevron-right" }), " "), this.showFirstAndLast &&
+            index.h("jump-button", { key: 'dbb858d2a2c8501b1698af3627aea4d2643f2d48', 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 }, " ", index.h("jump-icon", { key: '4befdc4e4a8735cc970faeb4ff8d50e718ad0907', slot: "suffix", name: "chevrons-right" }), " "))))));
     }
     static get watchers() { return {
         "elementsRanges": ["elementsRangesChanged"],

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

@@ -32,7 +32,7 @@ const JumpPagination = class {
     }
     /* --------------------- RENDER ------------------------------- */
     render() {
-        return (index.h(index.Host, { key: '65046c855bd1191502ecbe892f623b4f10d36f26', class: "JumpPagination" }, index.h("div", { key: '028b565a05e0fa852245e9899bb5c6cd98263cce', class: "JumpPagination__Wrapper" }, index.h("div", { key: 'e6c2d1402547dd8468e28764ba7e008a1624abb4', class: "indicators" }, index.h("div", { key: '53f9585d4cf3f99b37e25f84626553d79876d569', class: "elements" }, index.h("span", { key: '734c0828eeca8698a190c81d1a50899e4fcd0989' }, index.h("span", { key: 'd777032abe327a870b87194ddc7361601051ff6c' }, this.current), " ", this.pagLabel, " ", index.h("span", { key: '68433e5f31462e39561bbcc2fbff17ae4ebaa8a7' }, this.last))), index.h("div", { key: '36dd0dbd2f91d97e089cfe08664b70815d7d825a', class: "arrow" }, this.showFirstAndLast &&
+        return (index.h(index.Host, { key: '6dfabf0d657b923bfe827907e2d607c4bd593115', class: "JumpPagination" }, index.h("div", { key: 'c650c3684c5fa6c3c81e4e26d8b5c0d2711f1f4a', class: "JumpPagination__Wrapper" }, index.h("div", { key: 'a5b900b96f1688d0ee7ee127c3b76b18c8e991c5', class: "indicators" }, index.h("div", { key: '6c2ab60611f5afdee28ac75298df6e5586fa6517', class: "elements" }, index.h("span", { key: 'd30b3989ea3a2ab86b2aa7e776df3c314b03a3d1' }, index.h("span", { key: '6ede11163b85988f3b7952c0bc7809e6f0020ac5' }, this.current), " ", this.pagLabel, " ", index.h("span", { key: '1a3757f38cf9b676e65e5d0b1924255fc2056bb0' }, this.last))), index.h("div", { key: 'f1f8bf078f214faca027767f05b933dcc98e2df4', class: "arrow" }, this.showFirstAndLast &&
             // <button 
             //   onClick={() => {this.current = 1} }
             //   disabled={(this.current === 1) ? true : false}> 
@@ -40,14 +40,14 @@ const JumpPagination = class {
             //     disabled={(this.current === 1) ? true : false}
             //     ></jump-icon>   
             // </button>
-            index.h("jump-button", { key: 'a5d7ebcae749f265b8efe90fc04ad18dca4bdae2', 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 }, " ", index.h("jump-icon", { key: '7cdf207787fe88998e0850ec85f64b917b170c74', slot: "suffix", name: "chevrons-left" }), " "), index.h("jump-button", { key: '297ff533f48da04c0da5a7ab33342c5913768fcb', 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 }, " ", index.h("jump-icon", { key: '13167c3b923ec229ff6112d246deaf7b59c3fbc7', slot: "suffix", name: "chevron-left" }), " "), index.h("jump-button", { key: 'b06cbb03ebc2c8fc4123051fd03177a80bc5a5ae', 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 }, " ", index.h("jump-icon", { key: 'be3783abb94b0e7b7fc7cbc3542923ecb22e0211', slot: "suffix", name: "chevron-right" }), " "), this.showFirstAndLast &&
+            index.h("jump-button", { key: '8dfd1d3851b8cd28c14ae55950b01e06b9647cce', 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 }, " ", index.h("jump-icon", { key: 'f45e7ec9bd1186c7d4689f2585ede2e320443a7b', slot: "suffix", name: "chevrons-left" }), " "), index.h("jump-button", { key: '684984168c728a9c687ae9c48002259f939c00e6', 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 }, " ", index.h("jump-icon", { key: 'dff0cc8d6f49ad1cb38cf7ea6041531a1d2e8edb', slot: "suffix", name: "chevron-left" }), " "), index.h("jump-button", { key: '432d2378ce09d2848cfd4a2e2bd279a8104aed79', 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 }, " ", index.h("jump-icon", { key: 'b3749b007c9957aaa4385106460494dd8e628bb9', 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> 
-            index.h("jump-button", { key: 'a2c99a817aee2a4d3382e23952f30c7248a08b58', 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 }, " ", index.h("jump-icon", { key: '6233f7f08663f11f680b23d376a168339c3b48ec', slot: "suffix", name: "chevrons-right" }), " "))))));
+            index.h("jump-button", { key: '1139a6c84e1867208f402615e3a9f758ff56a4a4', 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 }, " ", index.h("jump-icon", { key: '01385e77b0c8b039af414cb6ce8c7fa179f76b96', slot: "suffix", name: "chevrons-right" }), " "))))));
     }
     static get watchers() { return {
         "current": ["watchcurrent"]

package/dist/cjs/jump-quantity.cjs.entry.js

@@ -61,11 +61,11 @@ const JumpQuantity = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e6811567495ec8f0f16869fe2b212dab943a4270', value: this.value, "data-variant": this.variant, "data-hasbuttons": this.showButtons }, this.label && index.h("label", { key: 'dd4d955b9a235c21332047bc095c82a1d094c88a' }, this.label), index.h("div", { key: 'aef877055f40d01b7d10380ca6ed31e43361cf48', class: `jump-quantity__InnerWrapper` }, this.showButtons &&
-            index.h("jump-button", { key: '9475c6106e9b671e43ccf152b4ee2cb7ff08792a', onClick: () => this.value = this.value - this.step, disabled: this.value <= this.min, variant: 'neutral', size: 'custom' }, index.h("jump-icon", { key: '5f8035d8f1247efb13b5cc10740ed371d2b6a692', library: "lucide", name: "minus", size: "small" })), index.h("input", { key: '980ab6a976445d76346b3819d0656bbb38072f31', ref: (el) => {
+        return (index.h(index.Host, { key: 'ddbdb7054f022710743a0e1be66e1483764877aa', value: this.value, "data-variant": this.variant, "data-hasbuttons": this.showButtons }, this.label && index.h("label", { key: '81427af22327a3942b26cd9bc191659ec94e4442' }, this.label), index.h("div", { key: '73b09e58f64a9c5075e3735a7f65a4f0352b52f4', class: `jump-quantity__InnerWrapper` }, this.showButtons &&
+            index.h("jump-button", { key: '1fb3364874ffeae4f49d47d988b8ed4abcaf0786', onClick: () => this.value = this.value - this.step, disabled: this.value <= this.min, variant: 'neutral', size: 'custom' }, index.h("jump-icon", { key: 'd2285a71c9a26d14015f93f961814bd8d6ba2938', library: "lucide", name: "minus", size: "small" })), index.h("input", { key: '0d6daa4896d64165eca2c856765f1cf0720ccd48', ref: (el) => {
                 this.inputEl = el;
             }, 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 &&
-            index.h("jump-button", { key: '9ebffb55fe109434fd5816bb9eb3772880f6bbe6', onClick: () => this.value = this.value + this.step, disabled: this.value >= this.max, variant: 'neutral', size: 'custom' }, index.h("jump-icon", { key: '348f7746cdbf81dc3661ee94655d594e52349463', library: "lucide", name: "plus", size: "small" })))));
+            index.h("jump-button", { key: '58b4df54beabe0480ac2a4962ffcb494333cb99c', onClick: () => this.value = this.value + this.step, disabled: this.value >= this.max, variant: 'neutral', size: 'custom' }, index.h("jump-icon", { key: '7563ce381545ca32848ea2d42b8c93ab7a2cc5ff', library: "lucide", name: "plus", size: "small" })))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/jump-tab-item.cjs.entry.js

@@ -29,8 +29,8 @@ const JumpTabItem = class {
         this.variant = parentVariant;
     }
     render() {
-        return (index.h(index.Host, { key: '0bc03e23fbe7133b152ee378b40437975cabf5f8', ref: (el) => { this.tabEl = el; }, class: "JumpTabItem " + (this.active ? 'active' : '') + " " + (this.variant) }, index.h("div", { key: 'f34ea1bf3292b6ae1995f3b4d055d811fd3f8d80', 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')) &&
-            index.h("jump-icon", { key: 'd2c483a3a4b997227336d31fe25f342951aeaf60', library: "fa", category: "regular", name: this.iconName, size: "small" }), index.h("span", { key: 'e4b14bbec4dee6288b618c2c6cfb1b1377b070c8', class: "label" }, this.label))));
+        return (index.h(index.Host, { key: 'f7d5e1dd4f895739a30af71e5a717f597c9fb531', ref: (el) => { this.tabEl = el; }, class: "JumpTabItem " + (this.active ? 'active' : '') + " " + (this.variant) }, index.h("div", { key: '9cb6191f3f860fa1e17e440dc009173d07d94f24', 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')) &&
+            index.h("jump-icon", { key: '39714079d26a8bafe0da96cd317f00755b9999b5', library: "fa", category: "regular", name: this.iconName, size: "small" }), index.h("span", { key: 'f1e254bbadf8c94ce034eb346ade54fc20b3e3da', class: "label" }, this.label))));
     }
 };
 JumpTabItem.style = JumpTabItemStyle0;

package/dist/cjs/jump-tab-panel.cjs.entry.js

@@ -14,7 +14,7 @@ const JumpTabPanel = class {
         this.active = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'f1915ec3ee0123aa64a1b7e5fca21617ccbc4ee0', class: "JumpTabPanel", id: this.identifier }, index.h("div", { key: 'd559e4945498ec4d17fd0ed6c4cc7fd79410b94b', class: "JumpTabPanel__Content " + (this.active ? 'active' : '') }, index.h("slot", { key: 'cddc57310ed0fc0a9090267a3f61eabd4770f8ee' }))));
+        return (index.h(index.Host, { key: '359fc4d638f54a0a773fa2693cce1e671debe39f', class: "JumpTabPanel", id: this.identifier }, index.h("div", { key: '766c75c1c8df88c36452b488aab737bddc8ff893', class: "JumpTabPanel__Content " + (this.active ? 'active' : '') }, index.h("slot", { key: '3ed59d7eaf7430c669ee1317fd2f0e1796e281d6' }))));
     }
 };
 JumpTabPanel.style = JumpTabPanelStyle0;

package/dist/cjs/jump-tab.cjs.entry.js

@@ -82,7 +82,7 @@ const JumpTab = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '3a44a455188ba68c8a032673181732b78cd9354e', class: "JumpTab", id: this.tabGroupName, ref: (el) => { this.JumpTabEl = el; } }, index.h("div", { key: 'c96a5609bbe3f72f1d587376cfae0e2dba5df433', class: "Wrapper " + this.variant }, index.h("slot", { key: 'aca6f37c75035073855dafcfb811065b23c40b75', name: "tab-item" })), index.h("div", { key: 'c16d14edc24c21f69e4bb72bc4a118b5011411df' }, index.h("slot", { key: 'ca9bf6d369db3be19d716c6395d6f922f0d477e2', name: "tab-content" }))));
+        return (index.h(index.Host, { key: '448b1af679f938cf07c8389c38fa577bc9c2f425', class: "JumpTab", id: this.tabGroupName, ref: (el) => { this.JumpTabEl = el; } }, index.h("div", { key: '2a16ce043e5aee8e2ab2a08ecf9be13ff904eace', class: "Wrapper " + this.variant }, index.h("slot", { key: 'bb719dcd643d0e85504bd94ef6dc85ac5a86c624', name: "tab-item" })), index.h("div", { key: '5c3ac375fbd779ef6da03ab867200916f020c20b' }, index.h("slot", { key: 'd34fe6675bb5ceaf9f1c76351b577ea97c74c004', name: "tab-content" }))));
     }
 };
 JumpTab.style = JumpTabStyle0;

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["jump-button_2.cjs",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}],[1,"jump-icon",{"class":[1],"library":[1],"name":[1],"category":[1],"size":[1],"label":[1],"src":[1]}]]],["jump-card-ecommerce.cjs",[[1,"jump-card-ecommerce",{"onlyIconButton":[4,"only-icon-button"],"hasBackground":[4,"has-background"],"badge":[1],"favorite":[1540],"hasFavorite":[4,"has-favorite"],"hasSlotForFavorite":[4,"has-slot-for-favorite"],"favoriteHref":[1,"favorite-href"],"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],"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]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["jump-filter.cjs",[[1,"jump-filter",{"direction":[1],"filterHeading":[1,"filter-heading"],"filterButtonLabel":[1,"filter-button-label"],"filterButtonIcon":[1,"filter-button-icon"],"mobileThreshold":[2,"mobile-threshold"],"filters":[8],"activeFilters":[32],"showMobileFilters":[32],"isMobile":[32],"getFilters":[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]]]]],["jump-filtergroup.cjs",[[1,"jump-filtergroup",{"name":[1],"heading":[1],"otherLabel":[1,"other-label"],"lessLabel":[1,"less-label"],"maxElements":[2,"max-elements"],"variant":[1],"values":[32],"value":[32],"slotItems":[32],"inputs":[32],"showMore":[32],"getValues":[64],"getActiveAmount":[64],"getInputs":[64],"getName":[64]}]]],["jump-pagination.cjs",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table.cjs",[[0,"jump-pagination-table",{"elementsRanges":[1,"elements-ranges"],"pagLabel":[513,"pag-label"],"labelElementsPerPage":[513,"label-elements-per-page"],"total":[514],"first":[514],"last":[514],"showFirstAndLast":[516,"show-first-and-last"],"elementsRangesArray":[32],"elPerPage":[32]},null,{"elementsRanges":["elementsRangesChanged"],"elPerPage":["elPerPageChanged"]}]]],["jump-quantity.cjs",[[65,"jump-quantity",{"min":[2],"max":[2],"step":[2],"label":[1],"type":[1],"variant":[1],"showButtons":[4,"show-buttons"],"value":[2],"getValue":[64],"reset":[64]},null,{"value":["onValueChange"]}]]],["jump-accordion.cjs",[[1,"jump-accordion",{"variant":[1],"summary":[1],"disabled":[4],"open":[516],"icon":[1],"id":[1]},[[0,"sl-show","handleShow"]]]]],["jump-tab-item.cjs",[[1,"jump-tab-item",{"identifier":[1],"iconName":[1,"icon-name"],"iconPosition":[1,"icon-position"],"label":[1],"active":[4],"disabled":[4],"variant":[32]}]]],["jump-card.cjs",[[4,"jump-card",{"horizontal":[4],"dark":[4],"shadow":[4],"border":[4],"borderRadius":[4,"border-radius"],"topBorderContentRadius":[4,"top-border-content-radius"],"boxed":[4],"roundedMedia":[4,"rounded-media"],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"]}]]],["jump-card-ecommerce-option.cjs",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1]}]]],["jump-filter-checkbox.cjs",[[1,"jump-filter-checkbox",{"value":[1],"label":[1],"checked":[516],"count":[8],"isChecked":[64]}]]],["jump-tab.cjs",[[1,"jump-tab",{"tabGroupName":[1,"tab-group-name"],"variant":[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["jump-tab-panel.cjs",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge.cjs",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]]], options);
+  return index.bootstrapLazy([["jump-button_2.cjs",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}],[1,"jump-icon",{"class":[1],"library":[1],"name":[1],"category":[1],"size":[1],"label":[1],"src":[1]}]]],["jump-card-ecommerce.cjs",[[1,"jump-card-ecommerce",{"onlyIconButton":[4,"only-icon-button"],"hasBackground":[4,"has-background"],"badge":[1],"favorite":[1540],"hasFavorite":[4,"has-favorite"],"hasSlotForFavorite":[4,"has-slot-for-favorite"],"favoriteHref":[1,"favorite-href"],"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],"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]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["jump-filter.cjs",[[1,"jump-filter",{"direction":[1],"filterHeading":[1,"filter-heading"],"filterButtonLabel":[1,"filter-button-label"],"filterButtonIcon":[1,"filter-button-icon"],"mobileThreshold":[2,"mobile-threshold"],"filters":[8],"activeFilters":[32],"showMobileFilters":[32],"isMobile":[32],"getFilters":[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]]]]],["jump-filtergroup.cjs",[[1,"jump-filtergroup",{"name":[1],"heading":[1],"otherLabel":[1,"other-label"],"lessLabel":[1,"less-label"],"maxElements":[2,"max-elements"],"variant":[1],"values":[32],"value":[32],"slotItems":[32],"inputs":[32],"showMore":[32],"getValues":[64],"getActiveAmount":[64],"getInputs":[64],"getName":[64]}]]],["jump-pagination.cjs",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table.cjs",[[0,"jump-pagination-table",{"elementsRanges":[1,"elements-ranges"],"pagLabel":[513,"pag-label"],"labelElementsPerPage":[513,"label-elements-per-page"],"total":[514],"first":[514],"last":[514],"showFirstAndLast":[516,"show-first-and-last"],"elementsRangesArray":[32],"elPerPage":[32]},null,{"elementsRanges":["elementsRangesChanged"],"elPerPage":["elPerPageChanged"]}]]],["jump-quantity.cjs",[[65,"jump-quantity",{"min":[2],"max":[2],"step":[2],"label":[1],"type":[1],"variant":[1],"showButtons":[4,"show-buttons"],"value":[2],"getValue":[64],"reset":[64]},null,{"value":["onValueChange"]}]]],["jump-accordion.cjs",[[1,"jump-accordion",{"variant":[1],"summary":[1],"disabled":[4],"open":[516],"icon":[1],"identifier":[1]},[[0,"sl-show","handleShow"]]]]],["jump-tab-item.cjs",[[1,"jump-tab-item",{"identifier":[1],"iconName":[1,"icon-name"],"iconPosition":[1,"icon-position"],"label":[1],"active":[4],"disabled":[4],"variant":[32]}]]],["jump-accordion-group.cjs",[[1,"jump-accordion-group",{"variant":[1],"groupIdentifier":[1,"group-identifier"]}]]],["jump-card.cjs",[[4,"jump-card",{"horizontal":[4],"dark":[4],"shadow":[4],"border":[4],"borderRadius":[4,"border-radius"],"topBorderContentRadius":[4,"top-border-content-radius"],"boxed":[4],"roundedMedia":[4,"rounded-media"],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"]}]]],["jump-card-ecommerce-option.cjs",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1]}]]],["jump-filter-checkbox.cjs",[[1,"jump-filter-checkbox",{"value":[1],"label":[1],"checked":[516],"count":[8],"isChecked":[64]}]]],["jump-tab.cjs",[[1,"jump-tab",{"tabGroupName":[1,"tab-group-name"],"variant":[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["jump-tab-panel.cjs",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge.cjs",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -1,6 +1,7 @@
 {
   "entries": [
     "components/jump-accordion/jump-accordion.js",
+    "components/jump-accordion-group/jump-accordion-group.js",
     "components/jump-badge/jump-badge.js",
     "components/jump-button/jump-button.js",
     "components/jump-card/jump-card.js",

package/dist/collection/components/jump-accordion/jump-accordion.js

@@ -7,7 +7,7 @@ export class JumpAccordion {
         this.disabled = undefined;
         this.open = undefined;
         this.icon = undefined;
-        this.id = undefined;
+        this.identifier = undefined;
     }
     /* ---------------------- @LISTEN ------------------------- */
     handleShow() {
@@ -30,7 +30,7 @@ export class JumpAccordion {
         }
     }
     render() {
-        return (h(Host, { key: '55c161e236dd934ad4046a8621f30fb982cb616e', class: "JumpAccordion " + (this.variant), open: this.open }, h("sl-details", { key: 'b567334b3eead4dd1b974ac5ffe048972386d9a1', class: "item", summary: this.summary, disabled: this.disabled, open: this.open }, this.renderIcons(), h("slot", { key: '911e4e49e513b4b2806315eef1f0e7e0a5993bb6', name: "acc-content" }))));
+        return (h(Host, { key: '0bf4df9cd8b59e2dbb716360d2c55c294c1e7cd5', class: "JumpAccordion " + (this.variant), open: this.open, id: this.identifier }, h("sl-details", { key: 'b453e7c90758e88ed92bb479ee0a87d10716d653', class: "item", summary: this.summary, disabled: this.disabled, open: this.open }, this.renderIcons(), h("slot", { key: 'ea98bc779ab7aca79eeef5436c26d53bb4ac3b16', name: "acc-content" }))));
     }
     static get is() { return "jump-accordion"; }
     static get encapsulation() { return "shadow"; }
@@ -131,7 +131,7 @@ export class JumpAccordion {
                 "attribute": "icon",
                 "reflect": false
             },
-            "id": {
+            "identifier": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -145,7 +145,7 @@ export class JumpAccordion {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "id",
+                "attribute": "identifier",
                 "reflect": false
             }
         };

package/dist/collection/components/jump-accordion/jump-accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"jump-accordion.js","sourceRoot":"","sources":["../../../src/components/jump-accordion/jump-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACtF,OAAO,6DAA6D,CAAC;AAMrE,MAAM,OAAO,aAAa;;;;;;;;;IAaxB,8DAA8D;IAE9D,UAAU;QACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;IAED,kEAAkE;IAClE,WAAW;QACT,IAAG,IAAI,CAAC,IAAI,KAAK,MAAM,EAAC,CAAC;YACvB,OAAO;gBACL,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,GAAa;gBACnG,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,eAAe,GAAa;aACvG,CAAA;QACH,CAAC;aAAM,CAAC;YACN,OAAO;gBACL,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,GAAa;gBAC3G,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,eAAe,GAAa;aAC5G,CAAA;QACH,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,gBAAgB,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI;YAC7D,mEAAY,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI;gBACrF,IAAI,CAAC,WAAW,EAAE;gBACjB,6DAAM,IAAI,EAAC,aAAa,GAAQ,CACvB,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Event, EventEmitter, Listen, Host, h } from '@stencil/core';\nimport '@shoelace-style/shoelace/dist/components/details/details.js';\n@Component({\n  tag: 'jump-accordion',\n  styleUrl: 'jump-accordion.scss',\n  shadow: true,\n})\nexport class JumpAccordion {\n\n  /* ---------------------- @PROPERTIES ------------------------- */\n  @Prop() variant: \"divider\" | \"boxed\" | \"boxedheader\" | \"sidestroke\";\n  @Prop() summary: string;\n  @Prop() disabled: boolean;\n  @Prop({reflect: true}) open: boolean;\n  @Prop() icon: \"plus\" | \"chevron\";\n  @Prop() id: string;\n\n  /* ---------------------- @EVENTS ------------------------- */\n  @Event({ eventName: 'jump-accordion-open'}) jumpAccordionOpen : EventEmitter;\n\n  /* ---------------------- @LISTEN ------------------------- */\n  @Listen('sl-show')\n  handleShow() {\n    this.open = true;\n    this.jumpAccordionOpen.emit('open');\n  }\n\n  /* --------------------- RENDER ------------------------------- */\n  renderIcons() {\n    if(this.icon === 'plus'){\n      return [\n        <jump-icon library=\"fa\" category=\"regular\" name=\"plus\" size=\"small\" slot=\"expand-icon\"></jump-icon>,\n        <jump-icon library=\"fa\" category=\"regular\" name=\"minus\" size=\"small\" slot=\"collapse-icon\"></jump-icon>\n      ]\n    } else {\n      return [\n        <jump-icon library=\"fa\" category=\"regular\" name=\"chevron-down\" size=\"small\" slot=\"expand-icon\"></jump-icon>,\n        <jump-icon library=\"fa\" category=\"regular\" name=\"chevron-up\" size=\"small\" slot=\"collapse-icon\"></jump-icon>\n      ]\n    }\n  }\n\n  render() {\n    return (\n      <Host class={\"JumpAccordion \" + (this.variant)} open={this.open}>\n        <sl-details class=\"item\" summary={this.summary} disabled={this.disabled} open={this.open}>\n          {this.renderIcons()}\n            <slot name=\"acc-content\"></slot>\n        </sl-details>\n      </Host>\n    );\n  }\n}"]}
+{"version":3,"file":"jump-accordion.js","sourceRoot":"","sources":["../../../src/components/jump-accordion/jump-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACtF,OAAO,6DAA6D,CAAC;AAMrE,MAAM,OAAO,aAAa;;;;;;;;;IAaxB,8DAA8D;IAE9D,UAAU;QACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;IAED,kEAAkE;IAClE,WAAW;QACT,IAAG,IAAI,CAAC,IAAI,KAAK,MAAM,EAAC,CAAC;YACvB,OAAO;gBACL,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,GAAa;gBACnG,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,eAAe,GAAa;aACvG,CAAA;QACH,CAAC;aAAM,CAAC;YACN,OAAO;gBACL,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,GAAa;gBAC3G,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,eAAe,GAAa;aAC5G,CAAA;QACH,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,gBAAgB,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,UAAU;YAClF,mEAAY,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI;gBACrF,IAAI,CAAC,WAAW,EAAE;gBACjB,6DAAM,IAAI,EAAC,aAAa,GAAQ,CACvB,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Event, EventEmitter, Listen, Host, h } from '@stencil/core';\nimport '@shoelace-style/shoelace/dist/components/details/details.js';\n@Component({\n  tag: 'jump-accordion',\n  styleUrl: 'jump-accordion.scss',\n  shadow: true,\n})\nexport class JumpAccordion {\n\n  /* ---------------------- @PROPERTIES ------------------------- */\n  @Prop() variant: \"divider\" | \"boxed\" | \"boxedheader\" | \"sidestroke\";\n  @Prop() summary: string;\n  @Prop() disabled: boolean;\n  @Prop({reflect: true}) open: boolean;\n  @Prop() icon: \"plus\" | \"chevron\";\n  @Prop() identifier: string;\n\n  /* ---------------------- @EVENTS ------------------------- */\n  @Event({ eventName: 'jump-accordion-open'}) jumpAccordionOpen : EventEmitter;\n\n  /* ---------------------- @LISTEN ------------------------- */\n  @Listen('sl-show')\n  handleShow() {\n    this.open = true;\n    this.jumpAccordionOpen.emit('open');\n  }\n\n  /* --------------------- RENDER ------------------------------- */\n  renderIcons() {\n    if(this.icon === 'plus'){\n      return [\n        <jump-icon library=\"fa\" category=\"regular\" name=\"plus\" size=\"small\" slot=\"expand-icon\"></jump-icon>,\n        <jump-icon library=\"fa\" category=\"regular\" name=\"minus\" size=\"small\" slot=\"collapse-icon\"></jump-icon>\n      ]\n    } else {\n      return [\n        <jump-icon library=\"fa\" category=\"regular\" name=\"chevron-down\" size=\"small\" slot=\"expand-icon\"></jump-icon>,\n        <jump-icon library=\"fa\" category=\"regular\" name=\"chevron-up\" size=\"small\" slot=\"collapse-icon\"></jump-icon>\n      ]\n    }\n  }\n\n  render() {\n    return (\n      <Host class={\"JumpAccordion \" + (this.variant)} open={this.open} id={this.identifier}>\n        <sl-details class=\"item\" summary={this.summary} disabled={this.disabled} open={this.open}>\n          {this.renderIcons()}\n            <slot name=\"acc-content\"></slot>\n        </sl-details>\n      </Host>\n    );\n  }\n}"]}

package/dist/collection/components/jump-accordion/jump-accordion.stories.js

@@ -1,10 +1,10 @@
 import { generateAttributesFromArgs } from "../../utils/utils";
 export default {
-    title: 'Components/Accordion',
+    title: 'Components/Accordion/Accordion',
     tags: ['autodocs'],
     argTypes: {
-        id: {
-            name: 'id',
+        identifier: {
+            name: 'identifier',
             description: 'identificativo dell\'accordion',
             control: 'text',
         },
@@ -44,7 +44,7 @@ AccordionBoxed.args = {
     summary: 'Titolo accordion',
     variant: 'boxed',
     icon: 'chevron',
-    id: 'accordion1',
+    identifier: 'accordion1',
 };
 /*----- Divider ----*/
 const TemplateAccordionDivider = (args) => {
@@ -58,7 +58,7 @@ AccordionDivider.args = {
     summary: 'Titolo accordion',
     variant: 'divider',
     icon: 'chevron',
-    id: 'accordion2',
+    identifier: 'accordion2',
 };
 /*----- Sidestroke ----*/
 const TemplateAccordionSidestroke = (args) => {
@@ -72,7 +72,7 @@ AccordionSidestroke1.args = {
     summary: 'Titolo accordion',
     variant: 'sidestroke',
     icon: 'plus',
-    id: 'accordion3',
+    identifier: 'accordion3',
 };
 /*----- Boxedheader ----*/
 const TemplateAccordionBoxedheader = (args) => {
@@ -86,7 +86,7 @@ AccordionBoxedHeader.args = {
     summary: 'Titolo accordion',
     variant: 'boxedheader',
     icon: 'plus',
-    id: 'accordion4',
+    identifier: 'accordion4',
 };
 /** Template per mostrare l'esempio di come usare un gruppo di accordion */
 const TemplateGroup = (args, data) => {

package/dist/collection/components/jump-accordion/jump-accordion.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"jump-accordion.stories.js","sourceRoot":"","sources":["../../../src/components/jump-accordion/jump-accordion.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { generateAttributesFromArgs} from '../../utils/utils';\n\nexport default {\n  title: 'Components/Accordion',\n  tags: ['autodocs'],\n  argTypes: {\n    id:{\n      name: 'id',\n      description: 'identificativo dell\\'accordion',\n      control: 'text',\n    },\n    summary: {\n      name: 'summary',\n      description: 'inserire la scritta che sarà visualizzata come titolo',\n      control: 'text',\n    },\n    variant: {\n      name: 'variant',\n      description: 'scegliere lo stile dell\\'accordion',\n      control: 'select',\n      options: ['divider', 'boxed', 'boxedheader', 'sidestroke'],\n    },\n    disabled: {\n      name: 'disabled',\n      description: 'disabilita l\\'apertura dell\\'accordion',\n      control: 'boolean',\n    },\n    icon: {\n      name: 'icon',\n      description: 'Scegliere il tipo di icona',\n      control: 'select',\n      options: ['chevron', 'plus'],\n    }\n  }\n};\n\n/*----- Boxed ----*/\nconst TemplateAccordionBoxed = (args) => {\nconst attributes = generateAttributesFromArgs(args);\n  return `<jump-accordion ${attributes}>\n    <div slot=\"acc-content\">Contenuto dell'accordion</div>  \n  </jump-accordion>`\n}\n\nexport const AccordionBoxed = TemplateAccordionBoxed.bind({});\nAccordionBoxed.args = {\n  summary: 'Titolo accordion',\n  variant: 'boxed',\n  icon: 'chevron',\n  id: 'accordion1',\n};\n\n/*----- Divider ----*/\nconst TemplateAccordionDivider = (args) => {\nconst attributes = generateAttributesFromArgs(args);\n  return `<jump-accordion ${attributes}>\n    <div slot=\"acc-content\">Contenuto dell'accordion</div>  \n  </jump-accordion>`\n}\n\nexport const AccordionDivider = TemplateAccordionDivider.bind({});\nAccordionDivider.args = {\n  summary: 'Titolo accordion',\n  variant: 'divider',\n  icon: 'chevron',\n  id: 'accordion2',\n};\n\n/*----- Sidestroke ----*/\nconst TemplateAccordionSidestroke = (args) => {\nconst attributes = generateAttributesFromArgs(args);\n  return `<jump-accordion ${attributes}>\n    <div slot=\"acc-content\">Contenuto dell'accordion</div>  \n  </jump-accordion>`\n}\n\nexport const AccordionSidestroke1 = TemplateAccordionSidestroke.bind({});\nAccordionSidestroke1.args = {\n  summary: 'Titolo accordion',\n  variant: 'sidestroke',\n  icon: 'plus',\n  id: 'accordion3',\n};\n\n/*----- Boxedheader ----*/\nconst TemplateAccordionBoxedheader = (args) => {\nconst attributes = generateAttributesFromArgs(args);\n  return `<jump-accordion ${attributes}>\n<div slot=\"acc-content\">Contenuto dell'accordion</div>  \n  </jump-accordion>`\n}\n\nexport const AccordionBoxedHeader = TemplateAccordionBoxedheader.bind({});\nAccordionBoxedHeader.args = {\n  summary: 'Titolo accordion',\n  variant: 'boxedheader',\n  icon: 'plus',\n  id: 'accordion4',\n};\n\n/** Template per mostrare l'esempio di come usare un gruppo di accordion */\nconst TemplateGroup = (args, data) => {\n  console.log('args', args);\n  let id = data.id;\n  return `<div class=\"accordion-group\" style=\"display: flex; flex-direction: column; gap: 8px;\">\n            <jump-accordion summary=\"accordion 1\" variant=\"boxed\">\n              <div slot=\"acc-content\">Contenuto dell'accordion</div>  \n            </jump-accordion><jump-accordion summary=\"accordion 2\" variant=\"boxed\">\n              <div slot=\"acc-content\">Contenuto dell'accordion</div>  \n            </jump-accordion><jump-accordion summary=\"accordion 3\" variant=\"boxed\">\n              <div slot=\"acc-content\">Contenuto dell'accordion</div>  \n            </jump-accordion>\n          </div>\n          <script>\n            (function() {\n            let container = document.querySelector('#story--${id}');\n            container.addEventListener('jump-accordion-open', event => {\n              if (event.target.localName === 'jump-accordion') {\n                container.querySelectorAll('jump-accordion').forEach(details => {\n                  if (details !== event.target) {\n                    details.open = false;\n                  } else {\n                  //  console.log('entro true');\n                    details.open = true;\n                  }\n                });\n              }\n            });\n          })();\n        </script>`\n}\n\nexport const AccordionGroup = TemplateGroup.bind({});\nAccordionGroup.args = {\n  summary: 'Titolo accordion',\n  variant: 'boxed',\n};"]}
+{"version":3,"file":"jump-accordion.stories.js","sourceRoot":"","sources":["../../../src/components/jump-accordion/jump-accordion.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { generateAttributesFromArgs} from '../../utils/utils';\n\nexport default {\n  title: 'Components/Accordion/Accordion',\n  tags: ['autodocs'],\n  argTypes: {\n    identifier:{\n      name: 'identifier',\n      description: 'identificativo dell\\'accordion',\n      control: 'text',\n    },\n    summary: {\n      name: 'summary',\n      description: 'inserire la scritta che sarà visualizzata come titolo',\n      control: 'text',\n    },\n    variant: {\n      name: 'variant',\n      description: 'scegliere lo stile dell\\'accordion',\n      control: 'select',\n      options: ['divider', 'boxed', 'boxedheader', 'sidestroke'],\n    },\n    disabled: {\n      name: 'disabled',\n      description: 'disabilita l\\'apertura dell\\'accordion',\n      control: 'boolean',\n    },\n    icon: {\n      name: 'icon',\n      description: 'Scegliere il tipo di icona',\n      control: 'select',\n      options: ['chevron', 'plus'],\n    }\n  }\n};\n\n/*----- Boxed ----*/\nconst TemplateAccordionBoxed = (args) => {\nconst attributes = generateAttributesFromArgs(args);\n  return `<jump-accordion ${attributes}>\n    <div slot=\"acc-content\">Contenuto dell'accordion</div>  \n  </jump-accordion>`\n}\n\nexport const AccordionBoxed = TemplateAccordionBoxed.bind({});\nAccordionBoxed.args = {\n  summary: 'Titolo accordion',\n  variant: 'boxed',\n  icon: 'chevron',\n  identifier: 'accordion1',\n};\n\n/*----- Divider ----*/\nconst TemplateAccordionDivider = (args) => {\nconst attributes = generateAttributesFromArgs(args);\n  return `<jump-accordion ${attributes}>\n    <div slot=\"acc-content\">Contenuto dell'accordion</div>  \n  </jump-accordion>`\n}\n\nexport const AccordionDivider = TemplateAccordionDivider.bind({});\nAccordionDivider.args = {\n  summary: 'Titolo accordion',\n  variant: 'divider',\n  icon: 'chevron',\n  identifier: 'accordion2',\n};\n\n/*----- Sidestroke ----*/\nconst TemplateAccordionSidestroke = (args) => {\nconst attributes = generateAttributesFromArgs(args);\n  return `<jump-accordion ${attributes}>\n    <div slot=\"acc-content\">Contenuto dell'accordion</div>  \n  </jump-accordion>`\n}\n\nexport const AccordionSidestroke1 = TemplateAccordionSidestroke.bind({});\nAccordionSidestroke1.args = {\n  summary: 'Titolo accordion',\n  variant: 'sidestroke',\n  icon: 'plus',\n  identifier: 'accordion3',\n};\n\n/*----- Boxedheader ----*/\nconst TemplateAccordionBoxedheader = (args) => {\nconst attributes = generateAttributesFromArgs(args);\n  return `<jump-accordion ${attributes}>\n<div slot=\"acc-content\">Contenuto dell'accordion</div>  \n  </jump-accordion>`\n}\n\nexport const AccordionBoxedHeader = TemplateAccordionBoxedheader.bind({});\nAccordionBoxedHeader.args = {\n  summary: 'Titolo accordion',\n  variant: 'boxedheader',\n  icon: 'plus',\n  identifier: 'accordion4',\n};\n\n/** Template per mostrare l'esempio di come usare un gruppo di accordion */\nconst TemplateGroup = (args, data) => {\n  console.log('args', args);\n  let id = data.id;\n  return `<div class=\"accordion-group\" style=\"display: flex; flex-direction: column; gap: 8px;\">\n            <jump-accordion summary=\"accordion 1\" variant=\"boxed\">\n              <div slot=\"acc-content\">Contenuto dell'accordion</div>  \n            </jump-accordion><jump-accordion summary=\"accordion 2\" variant=\"boxed\">\n              <div slot=\"acc-content\">Contenuto dell'accordion</div>  \n            </jump-accordion><jump-accordion summary=\"accordion 3\" variant=\"boxed\">\n              <div slot=\"acc-content\">Contenuto dell'accordion</div>  \n            </jump-accordion>\n          </div>\n          <script>\n            (function() {\n            let container = document.querySelector('#story--${id}');\n            container.addEventListener('jump-accordion-open', event => {\n              if (event.target.localName === 'jump-accordion') {\n                container.querySelectorAll('jump-accordion').forEach(details => {\n                  if (details !== event.target) {\n                    details.open = false;\n                  } else {\n                  //  console.log('entro true');\n                    details.open = true;\n                  }\n                });\n              }\n            });\n          })();\n        </script>`\n}\n\nexport const AccordionGroup = TemplateGroup.bind({});\nAccordionGroup.args = {\n  summary: 'Titolo accordion',\n  variant: 'boxed',\n};"]}

package/dist/collection/components/jump-accordion-group/jump-accordion-group.css

@@ -0,0 +1,12 @@
+:host {
+  display: flex;
+  flex-direction: column;
+}
+
+:host(.boxed), :host(.boxedheader), :host(.sidestroke) {
+  gap: 8px;
+}
+
+:host(.divider) {
+  gap: 4px;
+}

package/dist/collection/components/jump-accordion-group/jump-accordion-group.js

@@ -0,0 +1,61 @@
+import { Host, h } from "@stencil/core";
+export class JumpAccordionGroup {
+    constructor() {
+        this.variant = undefined;
+        this.groupIdentifier = undefined;
+    }
+    render() {
+        return (h(Host, { key: '38cc6b122de79f7a7df088028b09fcd2807f84d6', class: "JumpAccordionGroup " + (this.variant), id: this.groupIdentifier }, h("slot", { key: 'e22ef6902ad5dc8d9e4d6c78efa250f617770d6d' })));
+    }
+    static get is() { return "jump-accordion-group"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["jump-accordion-group.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["jump-accordion-group.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"divider\" | \"boxed\" | \"boxedheader\" | \"sidestroke\"",
+                    "resolved": "\"boxed\" | \"boxedheader\" | \"divider\" | \"sidestroke\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "variant",
+                "reflect": false
+            },
+            "groupIdentifier": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "group-identifier",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=jump-accordion-group.js.map

package/dist/collection/components/jump-accordion-group/jump-accordion-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-accordion-group.js","sourceRoot":"","sources":["../../../src/components/jump-accordion-group/jump-accordion-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,kBAAkB;;;;;IAI7B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,qBAAqB,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,eAAe;YAC3E,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'jump-accordion-group',\n  styleUrl: 'jump-accordion-group.css',\n  shadow: true,\n})\nexport class JumpAccordionGroup {\n  @Prop() variant: \"divider\" | \"boxed\" | \"boxedheader\" | \"sidestroke\";\n  @Prop() groupIdentifier: string;\n\n  render() {\n    return (\n      <Host class={\"JumpAccordionGroup \" + (this.variant)} id={this.groupIdentifier}>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/jump-accordion-group/jump-accordion-group.stories.js

@@ -0,0 +1,52 @@
+import { generateAttributesFromArgs } from "../../utils/utils";
+export default {
+    title: 'Components/Accordion/Group',
+    tags: ['autodocs'],
+    argTypes: {
+        variant: {
+            name: 'variant',
+            description: 'scegliere lo stile dell\'accordion',
+            control: 'select',
+            options: ['divider', 'boxed', 'boxedheader', 'sidestroke'],
+        },
+        groupIdentifier: {
+            name: 'groupIdentifier',
+            description: 'identificativo del gruppo di accordion',
+            control: 'text'
+        }
+    }
+};
+const TemplateAccordionGroup = (args) => {
+    const attributes = generateAttributesFromArgs(args);
+    console.log('args', args);
+    // console.log('attribtes', attributes.variant);
+    return `<jump-accordion-group ${attributes}>
+            <jump-accordion summary="Titolo accordion" variant=${args.variant} icon="chevron" identifier="accordion1">
+              <div slot="acc-content">Contenuto dell'accordion</div>  
+            </jump-accordion>
+            <jump-accordion summary="Titolo accordion 2" variant=${args.variant} icon="chevron" identifier="accordion1">
+              <div slot="acc-content">Contenuto dell'accordion 2</div>  
+            </jump-accordion>
+  </jump-accordion-group>`;
+};
+export const GroupBoxed = TemplateAccordionGroup.bind({});
+GroupBoxed.args = {
+    variant: 'boxed',
+    groupIdentifier: 'accordionGroup1',
+};
+export const GroupDivider = TemplateAccordionGroup.bind({});
+GroupDivider.args = {
+    variant: 'divider',
+    groupIdentifier: 'accordionGroup1',
+};
+export const GroupSidestroke = TemplateAccordionGroup.bind({});
+GroupSidestroke.args = {
+    variant: 'sidestroke',
+    groupIdentifier: 'accordionGroup1',
+};
+export const GroupBoxedHeader = TemplateAccordionGroup.bind({});
+GroupBoxedHeader.args = {
+    variant: 'boxedheader',
+    groupIdentifier: 'accordionGroup1',
+};
+//# sourceMappingURL=jump-accordion-group.stories.js.map

package/dist/collection/components/jump-accordion-group/jump-accordion-group.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-accordion-group.stories.js","sourceRoot":"","sources":["../../../src/components/jump-accordion-group/jump-accordion-group.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAC,MAAM,mBAAmB,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,4BAA4B;IACnC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,WAAW,EAAE,oCAAoC;YACjD,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,CAAC;SAC3D;QACD,eAAe,EAAE;YACf,IAAI,EAAE,iBAAiB;YACvB,WAAW,EAAE,wCAAwC;YACrD,OAAO,EAAE,MAAM;SAChB;KACF;CACF,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAAC,IAAI,EAAE,EAAE;IACxC,MAAM,UAAU,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC;IACpD,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC1B,gDAAgD;IAC9C,OAAO,yBAAyB,UAAU;iEACqB,IAAI,CAAC,OAAO;;;mEAGV,IAAI,CAAC,OAAO;;;0BAGrD,CAAA;AAC1B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1D,UAAU,CAAC,IAAI,GAAG;IAChB,OAAO,EAAE,OAAO;IAChB,eAAe,EAAE,iBAAiB;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5D,YAAY,CAAC,IAAI,GAAG;IAClB,OAAO,EAAE,SAAS;IAClB,eAAe,EAAE,iBAAiB;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/D,eAAe,CAAC,IAAI,GAAG;IACrB,OAAO,EAAE,YAAY;IACrB,eAAe,EAAE,iBAAiB;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChE,gBAAgB,CAAC,IAAI,GAAG;IACtB,OAAO,EAAE,aAAa;IACtB,eAAe,EAAE,iBAAiB;CACnC,CAAC","sourcesContent":["import { generateAttributesFromArgs} from '../../utils/utils';\n\nexport default {\n  title: 'Components/Accordion/Group',\n  tags: ['autodocs'],\n  argTypes: {\n    variant: {\n      name: 'variant',\n      description: 'scegliere lo stile dell\\'accordion',\n      control: 'select',\n      options: ['divider', 'boxed', 'boxedheader', 'sidestroke'],\n    },\n    groupIdentifier: {\n      name: 'groupIdentifier',\n      description: 'identificativo del gruppo di accordion',\n      control: 'text'\n    }\n  }\n};\n\nconst TemplateAccordionGroup = (args) => {\nconst attributes = generateAttributesFromArgs(args);\nconsole.log('args', args);\n// console.log('attribtes', attributes.variant);\n  return `<jump-accordion-group ${attributes}>\n            <jump-accordion summary=\"Titolo accordion\" variant=${args.variant} icon=\"chevron\" identifier=\"accordion1\">\n              <div slot=\"acc-content\">Contenuto dell'accordion</div>  \n            </jump-accordion>\n            <jump-accordion summary=\"Titolo accordion 2\" variant=${args.variant} icon=\"chevron\" identifier=\"accordion1\">\n              <div slot=\"acc-content\">Contenuto dell'accordion 2</div>  \n            </jump-accordion>\n  </jump-accordion-group>`\n}\n\nexport const GroupBoxed = TemplateAccordionGroup.bind({});\nGroupBoxed.args = {\n  variant: 'boxed',\n  groupIdentifier: 'accordionGroup1',\n};\n\nexport const GroupDivider = TemplateAccordionGroup.bind({});\nGroupDivider.args = {\n  variant: 'divider',\n  groupIdentifier: 'accordionGroup1',\n};\n\nexport const GroupSidestroke = TemplateAccordionGroup.bind({});\nGroupSidestroke.args = {\n  variant: 'sidestroke',\n  groupIdentifier: 'accordionGroup1',\n};\n\nexport const GroupBoxedHeader = TemplateAccordionGroup.bind({});\nGroupBoxedHeader.args = {\n  variant: 'boxedheader',\n  groupIdentifier: 'accordionGroup1',\n};\n"]}

package/dist/collection/components/jump-accordion-group/test/jump-accordion-group.e2e.js

@@ -0,0 +1,10 @@
+import { newE2EPage } from "@stencil/core/testing";
+describe('jump-accordion-group', () => {
+    it('renders', async () => {
+        const page = await newE2EPage();
+        await page.setContent('<jump-accordion-group></jump-accordion-group>');
+        const element = await page.find('jump-accordion-group');
+        expect(element).toHaveClass('hydrated');
+    });
+});
+//# sourceMappingURL=jump-accordion-group.e2e.js.map

package/dist/collection/components/jump-accordion-group/test/jump-accordion-group.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-accordion-group.e2e.js","sourceRoot":"","sources":["../../../../src/components/jump-accordion-group/test/jump-accordion-group.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,+CAA+C,CAAC,CAAC;QAEvE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QACxD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('jump-accordion-group', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<jump-accordion-group></jump-accordion-group>');\n\n    const element = await page.find('jump-accordion-group');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}

package/dist/collection/components/jump-accordion-group/test/jump-accordion-group.spec.js

@@ -0,0 +1,18 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { JumpAccordionGroup } from "../jump-accordion-group";
+describe('jump-accordion-group', () => {
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [JumpAccordionGroup],
+            html: `<jump-accordion-group></jump-accordion-group>`,
+        });
+        expect(page.root).toEqualHtml(`
+      <jump-accordion-group>
+        <mock:shadow-root>
+          <slot></slot>
+        </mock:shadow-root>
+      </jump-accordion-group>
+    `);
+    });
+});
+//# sourceMappingURL=jump-accordion-group.spec.js.map

package/dist/collection/components/jump-accordion-group/test/jump-accordion-group.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-accordion-group.spec.js","sourceRoot":"","sources":["../../../../src/components/jump-accordion-group/test/jump-accordion-group.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,kBAAkB,CAAC;YAChC,IAAI,EAAE,+CAA+C;SACtD,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { JumpAccordionGroup } from '../jump-accordion-group';\n\ndescribe('jump-accordion-group', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [JumpAccordionGroup],\n      html: `<jump-accordion-group></jump-accordion-group>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <jump-accordion-group>\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n      </jump-accordion-group>\n    `);\n  });\n});\n"]}

package/dist/collection/components/jump-badge/jump-badge.js

@@ -8,7 +8,7 @@ export class AppBadge {
         this.outline = false;
     }
     render() {
-        return (h(Host, { key: 'cb6b061c119b4179edf9ae44e0657dc29f7197af' }, h("slot", { key: 'ad318695570d0b19e7e5186de5398a1b782e653c', name: "prefix" }), this.label));
+        return (h(Host, { key: '67bda06ef732e918bd7bfe0fb200223ce632d457' }, h("slot", { key: '6dc51ae8e6bf4bf8b8801da19827e405d5e7d288', name: "prefix" }), this.label));
     }
     static get is() { return "jump-badge"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/jump-button/jump-button.js

@@ -22,7 +22,7 @@ export class JumpButton {
         this.target = this.href ? this.target : '_self';
     }
     render() {
-        return (h(Host, { key: '4c6dcee31ac2408473021a81fbb3386bf8997e57' }, this.href ? (h("a", { href: this.href, id: this.buttonId, class: this.class, "data-variant": this.variant, "data-outline": this.outline, "data-size": this.size, "data-full": this.full, "data-pill": this.pill, "data-text": this.text, "data-only-icon": this.onlyIcon, "aria-label": this.ariaLabel, target: this.target }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" }))) : (h("button", { id: this.buttonId, class: this.class, "data-variant": this.variant, "data-outline": this.outline, "data-size": this.size, "data-full": this.full, "data-pill": this.pill, "data-text": this.text, "data-only-icon": this.onlyIcon, disabled: this.disabled, "aria-label": this.ariaLabel, type: this.type, name: this.name, value: this.value }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" })))));
+        return (h(Host, { key: '6f99ae1db5d06b5c93d406abc2d33f7e6724b21e' }, this.href ? (h("a", { href: this.href, id: this.buttonId, class: this.class, "data-variant": this.variant, "data-outline": this.outline, "data-size": this.size, "data-full": this.full, "data-pill": this.pill, "data-text": this.text, "data-only-icon": this.onlyIcon, "aria-label": this.ariaLabel, target: this.target }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" }))) : (h("button", { id: this.buttonId, class: this.class, "data-variant": this.variant, "data-outline": this.outline, "data-size": this.size, "data-full": this.full, "data-pill": this.pill, "data-text": this.text, "data-only-icon": this.onlyIcon, disabled: this.disabled, "aria-label": this.ariaLabel, type: this.type, name: this.name, value: this.value }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" })))));
     }
     static get is() { return "jump-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/jump-card/jump-card.js

@@ -14,8 +14,8 @@ export class AppCard {
         this.videoSrc = '';
     }
     render() {
-        return (h(Host, { key: 'cba5f0bc03e0f108fe4c4fd01e18c4d76bb8591c', horizontal: this.horizontal, "border-radius": this.borderRadius, "rounded-media": this.roundedMedia, "top-border-content-radius": this.topBorderContentRadius, boxed: this.boxed, shadow: this.shadow, border: this.border }, this.imgSrc && !this.videoSrc ? h("img", { src: this.imgSrc, alt: this.imgAlt }) : '', this.videoSrc && !this.imgSrc ?
-            h("video", { autoplay: true }, h("source", { src: this.videoSrc, type: "video/mp4" }), h("source", { src: this.videoSrc, type: "video/mov" }), h("source", { src: this.videoSrc, type: "video/webm" })) : '', h("div", { key: '785c447a4b82ed14891844de5921e847703cd330', class: "Content" }, h("slot", { key: '9f72083fca37d3c029d7762fc1269c02124fb998', name: "body" }), h("slot", { key: '5512fbb7b1dabfc22eb65fc55aecee61a7ce4b2f', name: "footer" }))));
+        return (h(Host, { key: '859c5b361632f4f2da6991f02fff431a416140c1', horizontal: this.horizontal, "border-radius": this.borderRadius, "rounded-media": this.roundedMedia, "top-border-content-radius": this.topBorderContentRadius, boxed: this.boxed, shadow: this.shadow, border: this.border }, this.imgSrc && !this.videoSrc ? h("img", { src: this.imgSrc, alt: this.imgAlt }) : '', this.videoSrc && !this.imgSrc ?
+            h("video", { autoplay: true }, h("source", { src: this.videoSrc, type: "video/mp4" }), h("source", { src: this.videoSrc, type: "video/mov" }), h("source", { src: this.videoSrc, type: "video/webm" })) : '', h("div", { key: 'a2b3a8375b500608538b1f2686e9d0ece9ca2310', class: "Content" }, h("slot", { key: 'de27c4e22869a4eaf75db1428c9f43c560f069fc', name: "body" }), h("slot", { key: 'fa30981b62c5f20cb3c2dfdf1dab082f5162bc37', name: "footer" }))));
     }
     static get is() { return "jump-card"; }
     static get originalStyleUrls() {

package/dist/collection/components/jump-card-ecommerce/jump-card-ecommerce.js

@@ -37,7 +37,9 @@ export class JumpCardEcommerce {
         let props = e.detail; // es {code: 'sku1', imageUrl: 'https://google.com/'}
         this.variations = [...this.variations, Object.assign({}, props)];
     }
-    onVariationSelected(variation) {
+    onVariationSelected() {
+        let currentValue = this.variationSelectEl.value;
+        let variation = this.variations.find((variation) => variation.code == currentValue);
         this.selectedVariation = variation;
         this.variationSelected.emit(variation); // verificare se corretto: emetto l'evento
     }
@@ -71,13 +73,17 @@ export class JumpCardEcommerce {
         });
     }
     addProductToCart() {
-        var _a, _b;
+        var _a;
         this.addedToCart = true;
+        let variations = this.selectedVariation;
+        if (!variations && this.variations.length > 0) {
+            variations = this.variations[0];
+        }
         const payload = {
             productId: this.productId,
             addedToCart: this.addedToCart,
             quantity: (_a = this.quantity) !== null && _a !== void 0 ? _a : null,
-            variation: (_b = this.selectedVariation) !== null && _b !== void 0 ? _b : null
+            variation: variations !== null && variations !== void 0 ? variations : null
         };
         this.productAddToCart.emit(payload);
         setTimeout(() => {
@@ -125,9 +131,7 @@ export class JumpCardEcommerce {
             : null), !this.isMini ?
             h("div", { class: "SelectVariations" }, this.variations.length != 0 ?
                 h("select", { ref: (el) => (this.variationSelectEl = el), onChange: () => {
-                        let currentValue = this.variationSelectEl.value;
-                        let currentVariation = this.variations.find((variation) => variation.code == currentValue);
-                        this.onVariationSelected(currentVariation);
+                        this.onVariationSelected();
                     } }, this.variations
                     .filter((variation) => !variation.imgUrl)
                     .map((variation) => (h("option", { value: variation.code }, variation.label))))