@jumpgroup/jump-design-system 0.2.7 → 0.3.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"jump-tab-item-rounded.stories.js","sourceRoot":"","sources":["../../../src/components/jump-tab-item/jump-tab-item-rounded.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAE1E,eAAe;IACX,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACL,UAAU,EAAE;YACT,IAAI,EAAE,YAAY;YAClB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,0BAA0B;SAC1C;QACD,KAAK,EAAE;YACH,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,iBAAiB;SACjC;QACD,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,YAAY;SAC5B;QACD,QAAQ,EAAE;YACN,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,kBAAkB;SAClC;KACJ;CACJ,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;IACtB,MAAM,UAAU,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC;IACpD,OAAO,UAAU,CAAC;qCACe,UAAU;gBAC/B,CAAC,CAAC;AAClB,CAAC,CAAA;AAGD,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;IAChB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,KAAK;CAClB,CAAC","sourcesContent":["import { generateAttributesFromArgs, formatHtml} from '../../utils/utils';\n\nexport default {\n    title: 'Components/Tab/Item/Rounded',\n    tags: ['autodocs'],\n    argTypes: {\n         identifier: {\n            name: 'identifier',\n            control: 'text',\n            description: 'Identificatore della tab',\n        },\n        label: {\n            name: 'label',\n            control: 'text',\n            description: 'Label della tab',\n        },\n        active: {\n            name: 'active',\n            control: 'boolean',\n            description: 'Tab attiva'\n        },\n        disabled: {\n            name: 'disabled',\n            control: 'boolean',\n            description: 'Tab disabilitata'\n        }\n    }\n}\n\nconst Template = (args) => {\n    const attributes = generateAttributesFromArgs(args);\n    return formatHtml(`<jump-tab variant=\"rounded\" tab-group-name=\"tabRounded\">\n    <jump-tab-item slot=\"tab-item\" ${attributes}></jump-tab-item>\n    </jump-tab>`);\n}\n\n\nexport const TabBoxedItem = Template.bind({});\nTabBoxedItem.args = {\n    label: 'Tab1',\n    active: true,\n    identifier: 'tab1',\n    disabled: false\n};"]}

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

@@ -0,0 +1,42 @@
+import { generateAttributesFromArgs, formatHtml } from "../../utils/utils";
+export default {
+    title: 'Components/Tab/Item/Sheet',
+    tags: ['autodocs'],
+    argTypes: {
+        identifier: {
+            name: 'identifier',
+            control: 'text',
+            description: 'Identificatore della tab',
+        },
+        label: {
+            name: 'label',
+            control: 'text',
+            description: 'Label della tab',
+        },
+        active: {
+            name: 'active',
+            control: 'boolean',
+            description: 'Tab attiva'
+        },
+        disabled: {
+            name: 'disabled',
+            control: 'boolean',
+            description: 'Tab disabilitata'
+        }
+    }
+};
+const Template = (args) => {
+    const attributes = generateAttributesFromArgs(args);
+    return formatHtml(`<div style="background-color: #EEEEEE; padding: 2rem;">
+    <jump-tab variant="sheet" tab-group-name="tabsheet">
+    <jump-tab-item slot="tab-item" ${attributes}></jump-tab-item>
+    </jump-tab></div>`);
+};
+export const TabBoxedItem = Template.bind({});
+TabBoxedItem.args = {
+    label: 'Tab1',
+    active: true,
+    identifier: 'tab1',
+    disabled: false
+};
+//# sourceMappingURL=jump-tab-item-sheet.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jump-tab-item-sheet.stories.js","sourceRoot":"","sources":["../../../src/components/jump-tab-item/jump-tab-item-sheet.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAE1E,eAAe;IACX,KAAK,EAAE,2BAA2B;IAClC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACL,UAAU,EAAE;YACT,IAAI,EAAE,YAAY;YAClB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,0BAA0B;SAC1C;QACD,KAAK,EAAE;YACH,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,iBAAiB;SACjC;QACD,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,YAAY;SAC5B;QACD,QAAQ,EAAE;YACN,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,kBAAkB;SAClC;KACJ;CACJ,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;IACtB,MAAM,UAAU,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC;IACpD,OAAO,UAAU,CAAC;;qCAEe,UAAU;sBACzB,CAAC,CAAC;AACxB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;IAChB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,KAAK;CAClB,CAAC","sourcesContent":["import { generateAttributesFromArgs, formatHtml} from '../../utils/utils';\n\nexport default {\n    title: 'Components/Tab/Item/Sheet',\n    tags: ['autodocs'],\n    argTypes: {\n         identifier: {\n            name: 'identifier',\n            control: 'text',\n            description: 'Identificatore della tab',\n        },\n        label: {\n            name: 'label',\n            control: 'text',\n            description: 'Label della tab',\n        },\n        active: {\n            name: 'active',\n            control: 'boolean',\n            description: 'Tab attiva'\n        },\n        disabled: {\n            name: 'disabled',\n            control: 'boolean',\n            description: 'Tab disabilitata'\n        }\n    }\n}\n\nconst Template = (args) => {\n    const attributes = generateAttributesFromArgs(args);\n    return formatHtml(`<div style=\"background-color: #EEEEEE; padding: 2rem;\">\n    <jump-tab variant=\"sheet\" tab-group-name=\"tabsheet\">\n    <jump-tab-item slot=\"tab-item\" ${attributes}></jump-tab-item>\n    </jump-tab></div>`);\n}\n\nexport const TabBoxedItem = Template.bind({});\nTabBoxedItem.args = {\n    label: 'Tab1',\n    active: true,\n    identifier: 'tab1',\n    disabled: false\n};"]}

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

@@ -0,0 +1,109 @@
+:host {
+  display: block;
+  --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);
+}
+:host .Content {
+  display: flex;
+  /*Tipologia inline */
+  /* Tipologia boxed */
+  /* Tipologia rounded */
+  /** Tipologia sheet */
+  /* Disabilitato */
+}
+:host .Content label {
+  font-size: 16px;
+}
+:host .Content.left {
+  flex-direction: row;
+  gap: 6px;
+  align-items: center;
+}
+:host .Content.top {
+  flex-direction: column;
+  gap: 2px;
+  align-items: center;
+}
+:host .Content.inline {
+  color: var(--jump-tabitem-color);
+  padding: 12px 24px;
+}
+:host .Content.inline.active {
+  color: var(--jump-tabitem-active-color);
+}
+:host .Content.inline.active span {
+  font-weight: bold;
+}
+:host .Content.boxed {
+  color: var(--jump-tabitem-color);
+  padding: 15px 39px;
+  background-color: transparent;
+  border: 1px solid var(--jump-tabitem-boxed-bg-color);
+}
+:host .Content.boxed:hover:not(.disabled), :host .Content.boxed:hover:not(.active) {
+  background-color: transparent;
+}
+:host .Content.boxed:hover:not(.disabled) span, :host .Content.boxed:hover:not(.active) span {
+  font-weight: bold;
+}
+:host .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);
+}
+:host .Content.boxed.active span {
+  font-weight: bold;
+}
+:host .Content.rounded {
+  padding: 12px 32px;
+  color: var(--jump-tabitem-color);
+}
+:host .Content.rounded:hover:not(.disabled) {
+  cursor: pointer;
+}
+:host .Content.rounded:hover:not(.disabled) span {
+  font-weight: bold;
+}
+:host .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;
+}
+:host .Content.sheet {
+  padding: 12px 32px;
+  color: var(--neutral-grey-secondary);
+}
+:host .Content.sheet:hover:not(.disabled) {
+  cursor: pointer;
+}
+:host .Content.sheet:hover:not(.disabled) span {
+  font-weight: bold;
+}
+:host .Content.sheet.active {
+  color: var(--jump-tabitem-active-color);
+  background-color: var(--jump-tabitem-rounded-bg-color);
+  border-radius: 8px 8px 0px 0px;
+}
+:host .Content.disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+:host(.inline) {
+  border-bottom: 1px solid var(--jump-tabitem-hover-color);
+}
+
+:host(.inline):hover:not(.disabled):not(.active) {
+  border-bottom: 3px solid var(--jump-tabitem-hover-color);
+  cursor: pointer;
+}
+
+:host(.inline.active) {
+  border-bottom: 3px solid var(--jump-tabitem-active-color);
+}

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

@@ -0,0 +1,173 @@
+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: '99a63732d7cc75ed92a2b7fb9469a2bf18d75235', ref: (el) => { this.tabEl = el; }, class: "JumpTabItem " + (this.active ? 'active' : '') + " " + (this.variant) }, h("div", { key: 'ee7170cae00c17615e5e528bf103aebd9d97b45f', class: "Content " + (this.iconName ? this.iconPosition : '') + " " + (this.variant) + " " + (this.active ? 'active' : '') + " " + (this.disabled ? 'disabled' : ''), onClick: () => this.changeTab(this.identifier), id: this.identifier }, (this.iconName && (this.variant == 'inline' || this.variant == 'boxed')) &&
+            h("jump-icon", { key: 'd198fc5756bd145454d7298969905e8bcf306b20', library: "fa", category: "regular", name: this.iconName, size: "small" }), h("span", { key: 'bc008babf73fef929062f127a8eb976405046434', class: "label" }, this.label))));
+    }
+    static get is() { return "jump-tab-item"; }
+    static get encapsulation() { return "shadow"; }
+    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,UAAU,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;gBAC1O,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,QAAQ,IAAI,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,CAAC;oBACvE,kEAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,OAAO,GAAa;gBAE3F,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: true,\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={\"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 library=\"fa\" category=\"regular\" name={this.iconName} size=\"small\"></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: '90108df0339c76ec7ffef78722400cbd5e5b125d', class: "JumpTabPanel", id: this.identifier }, h("div", { key: '4e127ffdeb05efdd63dc538cb38976252ff5a060', class: "JumpTabPanel__Content " + (this.active ? 'active' : '') }, h("slot", { key: '5e54c0eaed6558e97226ffdc347e0ca8c0d9aa1b' }))));
+    }
+    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;