@jumpgroup/jump-design-system 0.2.6 → 0.3.0

package/dist/collection/components/jump-tab-item/jump-tab-item.css

@@ -0,0 +1,109 @@
+:host {
+  display: block;
+}
+
+.JumpTabItem {
+  --jump-tabitem-active-color: var(--secondary-standard);
+  --jump-tabitem-color: var(--neutral-grey-secondary);
+  --jump-tabitem-hover-color: var(--neutral-grey-disabled, #CBCBCB);
+  --jump-tabitem-boxed-bg-color: var(--secondary-soft, #EDF2FA);
+  --jump-tabitem-rounded-bg-color: white;
+  font-family: var(--ff-primary);
+}
+.JumpTabItem.inline {
+  border-bottom: 1px solid var(--jump-tabitem-hover-color);
+}
+.JumpTabItem.inline:hover:not(.disabled):not(.active) {
+  border-bottom: 3px solid var(--jump-tabitem-hover-color);
+  cursor: pointer;
+}
+.JumpTabItem.inline.active {
+  border-bottom: 3px solid var(--jump-tabitem-active-color);
+}
+.JumpTabItem__Content {
+  display: flex;
+  /*Tipologia inline */
+  /* Tipologia boxed */
+  /* Tipologia rounded */
+  /** Tipologia sheet */
+  /* Disabilitato */
+}
+.JumpTabItem__Content label {
+  font-size: 16px;
+}
+.JumpTabItem__Content.left {
+  flex-direction: row;
+  gap: 6px;
+  align-items: center;
+}
+.JumpTabItem__Content.top {
+  flex-direction: column;
+  gap: 2px;
+  align-items: center;
+}
+.JumpTabItem__Content.inline {
+  color: var(--jump-tabitem-color);
+  padding: 12px 24px;
+}
+.JumpTabItem__Content.inline.active {
+  color: var(--jump-tabitem-active-color);
+}
+.JumpTabItem__Content.inline.active span {
+  font-weight: bold;
+}
+.JumpTabItem__Content.boxed {
+  color: var(--jump-tabitem-color);
+  padding: 15px 39px;
+  background-color: transparent;
+  border: 1px solid var(--jump-tabitem-boxed-bg-color);
+}
+.JumpTabItem__Content.boxed:hover:not(.disabled), .JumpTabItem__Content.boxed:hover:not(.active) {
+  background-color: transparent;
+}
+.JumpTabItem__Content.boxed:hover:not(.disabled) span, .JumpTabItem__Content.boxed:hover:not(.active) span {
+  font-weight: bold;
+}
+.JumpTabItem__Content.boxed.active {
+  color: var(--jump-tabitem-active-color);
+  background-color: var(--jump-tabitem-boxed-bg-color);
+  border: 1px solid var(--jump-tabitem-boxed-bg-color);
+}
+.JumpTabItem__Content.boxed.active span {
+  font-weight: bold;
+}
+.JumpTabItem__Content.rounded {
+  padding: 12px 32px;
+  color: var(--jump-tabitem-color);
+}
+.JumpTabItem__Content.rounded:hover:not(.disabled) {
+  cursor: pointer;
+}
+.JumpTabItem__Content.rounded:hover:not(.disabled) span {
+  font-weight: bold;
+}
+.JumpTabItem__Content.rounded.active {
+  color: var(--jump-tabitem-active-color);
+  background-color: var(--jump-tabitem-rounded-bg-color);
+  border: 1px solid var(--jump-tabitem-active-color);
+  border-radius: 50px;
+}
+.JumpTabItem__Content.sheet {
+  padding: 12px 32px;
+  color: var(--neutral-grey-secondary);
+}
+.JumpTabItem__Content.sheet:hover:not(.disabled) {
+  cursor: pointer;
+}
+.JumpTabItem__Content.sheet:hover:not(.disabled) span {
+  font-weight: bold;
+}
+.JumpTabItem__Content.sheet.active {
+  color: var(--jump-tabitem-active-color);
+  background-color: var(--jump-tabitem-rounded-bg-color);
+  border-radius: 8px 8px 0px 0px;
+}
+.JumpTabItem__Content.disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+  pointer-events: none;
+}

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

@@ -0,0 +1,172 @@
+import { Host, h } from "@stencil/core";
+export class JumpTabItem {
+    constructor() {
+        this.identifier = undefined;
+        this.iconName = undefined;
+        this.iconPosition = 'left';
+        this.label = '';
+        this.active = false;
+        this.disabled = false;
+        this.variant = 'inline';
+    }
+    changeTab(identifier) {
+        this.changeActiveTab.emit({ id: identifier });
+    }
+    componentDidLoad() {
+        console.log('Component has been rendered');
+        // Deve leggere la prop "variant" del componente babbo jump-tab e popolare la propria prop "variant"
+        let parentVariant = this.tabEl.parentElement.getAttribute('variant');
+        this.variant = parentVariant;
+    }
+    render() {
+        return (h(Host, { key: '82864ca72b0febf6a25431ad2788b11e80744d57', ref: (el) => { this.tabEl = el; }, class: "JumpTabItem " + (this.active ? 'active' : '') + " " + (this.variant) }, h("div", { key: '9275613b491731afc823f0c63be2ae797b372fa6', class: "JumpTabItem__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: 'fcd4ab436a0695fdf3ca07f2ca9d1a6343c79d56', class: "small", name: this.iconName }), h("span", { key: '1d518eb336443596c090beafe74b5186f0a1ff37', class: "label" }, this.label))));
+    }
+    static get is() { return "jump-tab-item"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["jump-tab-item.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["jump-tab-item.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "identifier": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Identifier of the tab"
+                },
+                "attribute": "identifier",
+                "reflect": false,
+                "defaultValue": "undefined"
+            },
+            "iconName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Name of the icon. If not provided, the icon will not be displayed"
+                },
+                "attribute": "icon-name",
+                "reflect": false,
+                "defaultValue": "undefined"
+            },
+            "iconPosition": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Icon position, apply only if the icon is present\nChoosed from \"left\", \"top\""
+                },
+                "attribute": "icon-position",
+                "reflect": false,
+                "defaultValue": "'left'"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "label",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "active": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "active",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "variant": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "changeActiveTab",
+                "name": "jump-change-active-tab",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=jump-tab-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jump-tab-item.js","sourceRoot":"","sources":["../../../src/components/jump-tab-item/jump-tab-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAC,KAAK,EAAG,CAAC,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAOrF,MAAM,OAAO,WAAW;;0BAOO,SAAS;wBAKX,SAAS;4BAML,MAAM;qBACb,EAAE;sBACA,KAAK;wBAEH,KAAK;uBAMN,QAAQ;;IAInC,SAAS,CAAC,UAAU;QAClB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAC,EAAE,EAAE,UAAU,EAAC,CAAC,CAAC;IAC9C,CAAC;IAED,gBAAgB;QACd,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC;QAC3C,oGAAoG;QACpG,IAAI,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;QACtE,IAAI,CAAC,OAAO,GAAG,aAAa,CAAC;IAC9B,CAAC;IAkED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA,CAAC,CAAC,EACjC,KAAK,EAAE,cAAc,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,GAAE,CAAC,IAAI,CAAC,OAAO,CAAC;YAC1E,4DAAK,KAAK,EAAE,uBAAuB,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,UAAU;gBACvP,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,QAAQ,IAAI,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,CAAC;oBACvE,kEAAW,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAc;gBAE5D,6DAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ,CACnC,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop,State,  h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'jump-tab-item',\n  styleUrl: 'jump-tab-item.scss',\n  shadow: false,\n})\nexport class JumpTabItem {\n\n  /* ---------------------- @PROPERTIES ------------------------- */\n\n  /**\n   * Identifier of the tab\n   */\n  @Prop() identifier: string = undefined;\n\n  /**\n   * Name of the icon. If not provided, the icon will not be displayed\n   */\n  @Prop() iconName: string = undefined;\n\n  /**\n   * Icon position, apply only if the icon is present\n   * Choosed from \"left\", \"top\"\n   */\n  @Prop() iconPosition: string = 'left';\n  @Prop() label: string = '';\n  @Prop() active: boolean = false;\n\n  @Prop() disabled: boolean = false;\n\n  /**\n   * The style of the tab item\n   * Choosed from \"inline\", \"boxed\", \"sheet\", \"rounded\"\n   */\n  @State() variant: string = 'inline';\n\n  @Event({ eventName: 'jump-change-active-tab' }) changeActiveTab: EventEmitter;\n\n  changeTab(identifier){\n    this.changeActiveTab.emit({id: identifier});\n  }\n\n  componentDidLoad() {\n    console.log('Component has been rendered');\n    // Deve leggere la prop \"variant\" del componente babbo jump-tab e popolare la propria prop \"variant\"\n    let parentVariant = this.tabEl.parentElement.getAttribute('variant');\n   this.variant = parentVariant;\n  }\n\n  // componentDidLoad() {\n  //   console.log('Component has been rendered');\n    \n  //   // console.log('THIS', this);\n  //   if(this.active){\n  //     let tab = this.tabEl.previousElementSibling as any;\n  //     if(tab){\n  //       tab.style.borderRight = 'none';\n  //     }\n  //   }\n  // }\n\n  // @Watch('active')\n  // watchActive(newValue) {\n  //   console.log('watch active');\n  //     // Devo ripristinare i bordi di tutti i fratelli di this.tabEl\n  //     let siblings = this.tabEl.parentElement.children as any;\n  //     for (let i = 0; i < siblings.length; i++) {\n  //       siblings[i].style.borderRight = '1px solid red';\n  //     }\n\n  //     console.log('thisel', this.tabEl);\n  //     console.log('newvalue', newValue);\n  //   console.log('xxxxxx', this.tabEl.classList);\n\n  //     // Se this.tabEl ha la classe 'active' allora rimuovo il bordo destro\n  //     if (newValue && this.tabEl.classList.contains('active')) {\n  //       console.log('contiene ');\n  //       this.tabEl.style.borderRight = 'none';\n\n  //       // Rimuovere il bordo destro dal fratello precedente, se esiste\n  //       let prevEl = this.tabEl.previousElementSibling as any;\n  //       console.log('revEl', prevEl);\n  //       if (prevEl) {\n  //         prevEl.style.borderRight = 'none';\n  //       }\n  //     }\n  // }\n\n  // @Watch('active')\n  // watchActive(newValue) {\n  //   // Ripristina i bordi di tutti gli elementi\n  //   const items = document.querySelectorAll('.JumpTabItem')  as any;\n  //   console.log('ITEMS', items);\n  //   items.forEach(item => {\n  //     item.style.borderRight = '1px solid red';\n  //   });\n\n  //   // Verifica se this.tabEl ha la classe 'active'\n  //   if (newValue && this.tabEl.classList.contains('active')) {\n  //     // Rimuovere il bordo destro dal nuovo elemento attivo\n  //     this.tabEl.style.borderRight = 'none';\n\n  //     // Rimuovere il bordo destro dal fratello precedente, se esiste\n  //     let prevEl = this.tabEl.previousElementSibling as any;\n  //     if (prevEl) {\n  //       prevEl.style.borderRight = 'none';\n  //     }\n  //   }\n  // }\n\n\n  tabEl: HTMLElement;\n\n  render() {\n    return (\n      <Host\n        ref={(el) => { this.tabEl = el }}\n       class={\"JumpTabItem \" + (this.active ? 'active' : '') + \" \" +(this.variant)}>\n        <div class={\"JumpTabItem__Content \" + (this.iconName ? this.iconPosition : '') + \" \" + (this.variant) + \" \" + (this.active ? 'active' : '') + \" \" + (this.disabled ? 'disabled' : '')} onClick={() => this.changeTab(this.identifier)} id={this.identifier}>\n          {(this.iconName && (this.variant == 'inline' || this.variant == 'boxed')) &&\n            <jump-icon class=\"small\" name={this.iconName}></jump-icon>\n          }\n          <span class=\"label\">{this.label}</span>\n        </div>\n      </Host>\n    );\n  }\n}\n\n"]}

package/dist/collection/components/jump-tab-item/test/jump-tab-item.e2e.js

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

package/dist/collection/components/jump-tab-item/test/jump-tab-item.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-tab-item.e2e.js","sourceRoot":"","sources":["../../../../src/components/jump-tab-item/test/jump-tab-item.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,iCAAiC,CAAC,CAAC;QAEzD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACjD,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-tab-item', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<jump-tab-item></jump-tab-item>');\n\n    const element = await page.find('jump-tab-item');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}

package/dist/collection/components/jump-tab-item/test/jump-tab-item.spec.js

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

package/dist/collection/components/jump-tab-item/test/jump-tab-item.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-tab-item.spec.js","sourceRoot":"","sources":["../../../../src/components/jump-tab-item/test/jump-tab-item.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,iCAAiC;SACxC,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 { JumpTabItem } from '../jump-tab-item';\n\ndescribe('jump-tab-item', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [JumpTabItem],\n      html: `<jump-tab-item></jump-tab-item>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <jump-tab-item>\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n      </jump-tab-item>\n    `);\n  });\n});\n"]}

package/dist/collection/components/jump-tab-panel/jump-tab-panel.css

@@ -0,0 +1,11 @@
+:host {
+  display: block;
+}
+
+.JumpTabPanel__Content {
+  display: none;
+  padding: 1rem 0;
+}
+.JumpTabPanel__Content.active {
+  display: block;
+}

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

@@ -0,0 +1,63 @@
+import { Host, h } from "@stencil/core";
+export class JumpTabPanel {
+    constructor() {
+        this.identifier = undefined;
+        this.active = false;
+    }
+    render() {
+        return (h(Host, { key: '5a2a846c7470d079a668b9951d9463a312be4341', class: "JumpTabPanel", id: this.identifier }, h("div", { key: '0b04369ba6c7ed54566383516b8e736cad30b2c3', class: "JumpTabPanel__Content " + (this.active ? 'active' : '') }, h("slot", { key: '1381d2e4e39f2ddbac4b9532458419c5c03dc704' }))));
+    }
+    static get is() { return "jump-tab-panel"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["jump-tab-panel.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["jump-tab-panel.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "identifier": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "identifier",
+                "reflect": false,
+                "defaultValue": "undefined"
+            },
+            "active": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "active",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+}
+//# sourceMappingURL=jump-tab-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jump-tab-panel.js","sourceRoot":"","sources":["../../../src/components/jump-tab-panel/jump-tab-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,YAAY;;0BAEM,SAAS;sBACZ,KAAK;;IAE/B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAC,cAAc,EAAC,EAAE,EAAE,IAAI,CAAC,UAAU;YAC5C,4DAAK,KAAK,EAAE,wBAAwB,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;gBAClE,8DAAa,CACT,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'jump-tab-panel',\n  styleUrl: 'jump-tab-panel.scss',\n  shadow: true,\n})\nexport class JumpTabPanel {\n\n  @Prop() identifier: string = undefined;\n  @Prop() active: boolean = false;\n\n  render() {\n    return (\n      <Host class=\"JumpTabPanel\" id={this.identifier}>\n        <div class={\"JumpTabPanel__Content \" + (this.active ? 'active' : '')}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"]}

package/dist/collection/components/jump-tab-panel/test/jump-tab-panel.e2e.js

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

package/dist/collection/components/jump-tab-panel/test/jump-tab-panel.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-tab-panel.e2e.js","sourceRoot":"","sources":["../../../../src/components/jump-tab-panel/test/jump-tab-panel.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;QAE3D,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAClD,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-tab-panel', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<jump-tab-panel></jump-tab-panel>');\n\n    const element = await page.find('jump-tab-panel');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}

package/dist/collection/components/jump-tab-panel/test/jump-tab-panel.spec.js

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

package/dist/collection/components/jump-tab-panel/test/jump-tab-panel.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-tab-panel.spec.js","sourceRoot":"","sources":["../../../../src/components/jump-tab-panel/test/jump-tab-panel.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,mCAAmC;SAC1C,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 { JumpTabPanel } from '../jump-tab-panel';\n\ndescribe('jump-tab-panel', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [JumpTabPanel],\n      html: `<jump-tab-panel></jump-tab-panel>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <jump-tab-panel>\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n      </jump-tab-panel>\n    `);\n  });\n});\n"]}

package/dist/collection/utils/utils.js

@@ -1,8 +1,9 @@
 import { html as beautifyHtml } from "js-beautify";
-export const generateAttributesFromArgs = (arg) => {
+export const generateAttributesFromArgs = arg => {
     // map attributes to strings. If the attribute is a boolean and is false, don't include it, otherwise include only the attribute name. otherwise include the attribute name and its value
-    console.log('arg', arg);
-    return Object.entries(arg).map(([name, value]) => {
+    // console.log('arg', arg);
+    return (Object.entries(arg)
+        .map(([name, value]) => {
         name = camelToKebabCase(name);
         //console.log('name', name);
         if (typeof value === 'boolean') {
@@ -12,19 +13,51 @@ export const generateAttributesFromArgs = (arg) => {
             // take the snake case and convert it to kebab case
             return `${name}="${value}"`;
         }
-    }).join(' ')
+    })
+        .join(' ')
         // replace all the spaces with a single space
         .replace(/\s+/g, ' ')
-        .trim();
+        .trim());
 };
-const camelToKebabCase = (str) => {
+const camelToKebabCase = str => {
     return str.replace(/[A-Z]/g, function (match) {
         return '-' + match.toLowerCase();
     });
 };
-export const formatHtml = (html) => {
+export const formatHtml = html => {
     return beautifyHtml(html, {
-        indent_size: 2
+        indent_size: 2,
     });
 };
+// NOTE: utile se vogliamo listare le icone di font awesome nel menu a tendina di storybook
+export const fontAwesomeLibraryList = async () => {
+    const folders = ['solid', 'regular', 'brands'];
+    const iconList = [];
+    for (const folder of folders) {
+        const response = await fetch(`https://designsystem-media.jumpgroup.it/svgs/${folder}/`);
+        const text = await response.text();
+        const parser = new DOMParser();
+        const html = parser.parseFromString(text, 'text/html');
+        const icons = Array.from(html.querySelectorAll('a')).map(a => {
+            if (a.href.includes('.svg')) {
+                return a.href.split('/').pop().replace('.svg', '');
+            }
+        });
+        iconList[folder] = [];
+        iconList[folder].push(...icons.filter(icon => icon !== undefined));
+    }
+    return iconList;
+};
+export const lucideLibraryList = async () => {
+    const response = await fetch('https://cdn.jsdelivr.net/npm/lucide-static@0.16.29/icons/');
+    const text = await response.text();
+    const parser = new DOMParser();
+    const html = parser.parseFromString(text, 'text/html');
+    const icons = Array.from(html.querySelectorAll('a')).map(a => {
+        if (a.href.includes('.svg')) {
+            return a.href.split('/').pop().replace('.svg', '');
+        }
+    });
+    return icons.filter(icon => icon !== undefined);
+};
 //# sourceMappingURL=utils.js.map

package/dist/collection/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,aAAa,CAAC;AAEnD,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,GAAG,EAAE,EAAE;IAChD,yLAAyL;IACzL,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACxB,OAAO,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE;QAC/C,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC9B,4BAA4B;QAC5B,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;YAC/B,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAA;QAC1B,CAAC;aAAM,CAAC;YACN,mDAAmD;YACnD,OAAO,GAAG,IAAI,KAAK,KAAK,GAAG,CAAA;QAC7B,CAAC;IACH,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QACZ,6CAA6C;SAC5C,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;SACpB,IAAI,EAAE,CAAC;AACV,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,GAAG,EAAE,EAAE;IAC/B,OAAO,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAS,KAAK;QACzC,OAAO,GAAG,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;AACL,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,EAAE;IACjC,OAAO,YAAY,CAAC,IAAI,EAAE;QACxB,WAAW,EAAE,CAAC;KACf,CAAC,CAAC;AACL,CAAC,CAAA","sourcesContent":["import { html as beautifyHtml } from 'js-beautify';\n\nexport const generateAttributesFromArgs = (arg) => {\n  // map attributes to strings. If the attribute is a boolean and is false, don't include it, otherwise include only the attribute name. otherwise include the attribute name and its value\n  console.log('arg', arg);\n  return Object.entries(arg).map(([name, value]) => {\n    name = camelToKebabCase(name);\n    //console.log('name', name);\n    if (typeof value === 'boolean') {\n      return value ? name : ''\n    } else {\n      // take the snake case and convert it to kebab case\n      return `${name}=\"${value}\"`\n    }\n  }).join(' ')\n  // replace all the spaces with a single space\n  .replace(/\\s+/g, ' ')\n  .trim();\n};\n\nconst camelToKebabCase = (str) => {\n  return str.replace(/[A-Z]/g, function(match) {\n    return '-' + match.toLowerCase();\n  });\n}\n\nexport const formatHtml = (html) => {\n  return beautifyHtml(html, {\n    indent_size: 2\n  });\n}  "]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { html as beautifyHtml } from 'js-beautify';\n\nexport const generateAttributesFromArgs = arg => {\n  // map attributes to strings. If the attribute is a boolean and is false, don't include it, otherwise include only the attribute name. otherwise include the attribute name and its value\n  // console.log('arg', arg);\n  return (\n    Object.entries(arg)\n      .map(([name, value]) => {\n        name = camelToKebabCase(name);\n        //console.log('name', name);\n        if (typeof value === 'boolean') {\n          return value ? name : '';\n        } else {\n          // take the snake case and convert it to kebab case\n          return `${name}=\"${value}\"`;\n        }\n      })\n      .join(' ')\n      // replace all the spaces with a single space\n      .replace(/\\s+/g, ' ')\n      .trim()\n  );\n};\n\nconst camelToKebabCase = str => {\n  return str.replace(/[A-Z]/g, function (match) {\n    return '-' + match.toLowerCase();\n  });\n};\n\nexport const formatHtml = html => {\n  return beautifyHtml(html, {\n    indent_size: 2,\n  });\n};\n\n// NOTE: utile se vogliamo listare le icone di font awesome nel menu a tendina di storybook\nexport const fontAwesomeLibraryList = async () => {\n  const folders = ['solid', 'regular', 'brands'];\n  const iconList = [];\n\n  for (const folder of folders) {\n    const response = await fetch(`https://designsystem-media.jumpgroup.it/svgs/${folder}/`);\n    const text = await response.text();\n    const parser = new DOMParser();\n    const html = parser.parseFromString(text, 'text/html');\n    const icons = Array.from(html.querySelectorAll('a')).map(a => {\n      if (a.href.includes('.svg')) {\n        return a.href.split('/').pop().replace('.svg', '');\n      }\n    });\n    iconList[folder] = [];\n    iconList[folder].push(...icons.filter(icon => icon !== undefined));\n  }\n\n  return iconList;\n};\n\nexport const lucideLibraryList = async () => {\n  const response = await fetch('https://cdn.jsdelivr.net/npm/lucide-static@0.16.29/icons/');\n  const text = await response.text();\n  const parser = new DOMParser();\n  const html = parser.parseFromString(text, 'text/html');\n  const icons = Array.from(html.querySelectorAll('a')).map(a => {\n    if (a.href.includes('.svg')) {\n      return a.href.split('/').pop().replace('.svg', '');\n    }\n  });\n\n  return icons.filter(icon => icon !== undefined);\n};\n"]}

package/dist/components/jump-accordion.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JumpAccordion extends Components.JumpAccordion, HTMLElement {}
+export const JumpAccordion: {
+    prototype: JumpAccordion;
+    new (): JumpAccordion;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/jump-accordion.js

@@ -0,0 +1,36 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const jumpAccordionCss = ":host{display:block}";
+const JumpAccordionStyle0 = jumpAccordionCss;
+
+const JumpAccordion$1 = /*@__PURE__*/ proxyCustomElement(class JumpAccordion extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h(Host, { key: '08c6f14d1b4c9fcd99c62679bbc16b02b985644f' }, h("slot", { key: 'd86efa130f7c545957223bfe25bd016d52031095' })));
+    }
+    static get style() { return JumpAccordionStyle0; }
+}, [1, "jump-accordion"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["jump-accordion"];
+    components.forEach(tagName => { switch (tagName) {
+        case "jump-accordion":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JumpAccordion$1);
+            }
+            break;
+    } });
+}
+
+const JumpAccordion = JumpAccordion$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JumpAccordion, defineCustomElement };
+
+//# sourceMappingURL=jump-accordion.js.map

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

@@ -0,0 +1 @@
+{"file":"jump-accordion.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,sBAAsB,CAAC;AAChD,4BAAe,gBAAgB;;MCMlBA,eAAa;;;;;;IAExB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;","names":["JumpAccordion"],"sources":["src/components/jump-accordion/jump-accordion.scss?tag=jump-accordion&encapsulation=shadow","src/components/jump-accordion/jump-accordion.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'jump-accordion',\n  styleUrl: 'jump-accordion.scss',\n  shadow: true,\n})\nexport class JumpAccordion {\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}

package/dist/components/jump-badge.js

@@ -1,36 +1,4 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const jumpBadgeCss = "jump-badge{--jump-badge-background:var(--primary-standard);--jump-badge-color:#fff;--jump-bafge-border-radius:50px;display:inline-flex;color:var(--jump-badge-color);background-color:var(--jump-badge-background);align-items:center;justify-content:center;font-size:var(--fs-300);font-weight:var(--fw-900);line-height:1;border-radius:var(--jump-bafge-border-radius);border:solid 1px var(--jump-bafge-border-radius);white-space:nowrap;padding:0.35em 0.6em;user-select:none;cursor:inherit}jump-badge[variant=primary]{--jump-badge-background:var(--primary-standard)}jump-badge[variant=secondary]{--jump-badge-background:var(--secondary-standard)}";
-const JumpBadgeStyle0 = jumpBadgeCss;
-
-const AppBadge = /*@__PURE__*/ proxyCustomElement(class AppBadge extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.label = '';
-        this.variant = 'primary';
-    }
-    render() {
-        return (h(Host, { key: '1a0a2b2bf95c1217ca9546b19c4ff6b25ca2a86a', variant: this.variant }, this.label));
-    }
-    static get style() { return JumpBadgeStyle0; }
-}, [0, "jump-badge", {
-        "label": [1],
-        "variant": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["jump-badge"];
-    components.forEach(tagName => { switch (tagName) {
-        case "jump-badge":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AppBadge);
-            }
-            break;
-    } });
-}
+import { A as AppBadge, d as defineCustomElement$1 } from './jump-badge2.js';
 
 const JumpBadge = AppBadge;
 const defineCustomElement = defineCustomElement$1;