@jumpgroup/jump-design-system 0.2.7 → 0.3.1

package/dist/collection/components/jump-filtergroup/jump-filtergroup.css

@@ -0,0 +1,17 @@
+:host {
+  display: block;
+}
+:host slot {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  margin-bottom: 1rem;
+}
+
+h5 {
+  margin: 0 0 0.25rem;
+}
+
+[data-hide=true] {
+  display: none;
+}

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

@@ -0,0 +1,328 @@
+import { Host, h } from "@stencil/core";
+export class JumpFiltergroup {
+    constructor() {
+        this.name = 'tax-name';
+        this.heading = 'Titolo del filtro';
+        this.otherLabel = 'Mostra altro';
+        this.lessLabel = 'Mostra meno';
+        this.maxElements = 8;
+        this.variant = 'default';
+        this.values = [];
+        this.value = '';
+        this.slotItems = undefined;
+        this.inputs = [];
+        this.showMore = true;
+    }
+    async getValues() {
+        return this.values;
+    }
+    async getActiveAmount() {
+        return this.values.length;
+    }
+    async getInputs() {
+        return this.inputs;
+    }
+    async getName() {
+        return this.name;
+    }
+    toggleHiddenItems() {
+        this.slotItemsWrapper.assignedElements().forEach((item, index) => {
+            if (index > this.maxElements) {
+                item.setAttribute('data-hide', this.showMore ? 'true' : 'false');
+            }
+        });
+    }
+    handleShowMore() {
+        this.showMore = !this.showMore;
+        this.toggleHiddenItems();
+    }
+    handleChange(event) {
+        const target = event.target;
+        const newValue = target.value;
+        if (target.tagName === 'INPUT') {
+            if (target.type === 'checkbox') {
+                // @ts-ignore
+                if (target.checked) {
+                    this.values.push(newValue);
+                }
+                else {
+                    const index = this.values.indexOf(newValue);
+                    if (index !== -1) {
+                        this.values.splice(index, 1);
+                    }
+                }
+            }
+            else if (target.type === 'radio') {
+                // Se è un input radio selezionato, imposta il valore e aggiorna this.values
+                this.value = newValue;
+                this.values = [newValue]; // Assicurati che this.values contenga solo il valore selezionato
+            }
+        }
+        else if (target.tagName === 'SELECT') {
+            // Se è un select, aggiorna semplicemente il valore
+            this.value = newValue;
+            this.values = [newValue];
+        }
+        // Emit event con i valori aggiornati
+        this.change.emit({
+            name: this.name,
+            values: this.values,
+        });
+    }
+    componentDidLoad() {
+        this.slotItems = this.slotItemsWrapper.assignedElements();
+        this.slotItemsWrapper.addEventListener('change', this.handleChange.bind(this));
+        let index = 0;
+        this.slotItems.forEach((item) => {
+            if (index > this.maxElements) {
+                item.setAttribute('data-hide', 'true');
+            }
+            if (item.tagName === 'INPUT' || item.tagName === 'SELECT') {
+                this.inputs.push(item);
+                if (item.tagName === 'INPUT' && item.type === 'radio') {
+                    item.name = this.name;
+                }
+            }
+            else {
+                const inputs = item.querySelectorAll('input, select');
+                if (inputs.length > 0) {
+                    inputs.forEach((input) => {
+                        this.inputs.push(input);
+                        if (input.tagName === 'INPUT' && input.type === 'radio') {
+                            input.name = this.name;
+                        }
+                    });
+                }
+            }
+            index++;
+        });
+    }
+    render() {
+        return (h(Host, { key: '6ea498729a7279ad7b686ef158e6d912c7ec86ce' }, this.heading && h("h5", { key: 'a4d4a1b71dec49d90bd92a30c2335c8a69034906' }, this.heading), h("div", { key: '215a8386f89ba7026b2e1b05aad67157e7f512d6', class: "filterGroup" }, h("slot", { key: '6e96d228078df165e364adccae8d6dceac8626f4', ref: (el) => (this.slotItemsWrapper = el) })), this.inputs.length > this.maxElements &&
+            h("jump-button", { key: '6f1a595c19d8d7528b8f99d3665607e56b4c1d27', variant: "primary", size: "small", text: true, name: this.showMore ? this.otherLabel : this.lessLabel, "aria-label": this.showMore ? this.otherLabel : this.lessLabel, onClick: () => this.handleShowMore() }, this.showMore ? this.otherLabel : this.lessLabel, h("jump-icon", { key: '79e9c1540e53fee842bc5ba0658b0437eddbf47d', slot: "suffix", name: this.showMore ? 'chevron-down' : 'chevron-down' }))));
+    }
+    static get is() { return "jump-filtergroup"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["jump-filtergroup.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["jump-filtergroup.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "name",
+                "reflect": false,
+                "defaultValue": "'tax-name'"
+            },
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "heading",
+                "reflect": false,
+                "defaultValue": "'Titolo del filtro'"
+            },
+            "otherLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "other-label",
+                "reflect": false,
+                "defaultValue": "'Mostra altro'"
+            },
+            "lessLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "less-label",
+                "reflect": false,
+                "defaultValue": "'Mostra meno'"
+            },
+            "maxElements": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "max-elements",
+                "reflect": false,
+                "defaultValue": "8"
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'accordion' | 'default'",
+                    "resolved": "\"accordion\" | \"default\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "variant",
+                "reflect": false,
+                "defaultValue": "'default'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "values": {},
+            "value": {},
+            "slotItems": {},
+            "inputs": {},
+            "showMore": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "change",
+                "name": "jump-filterchange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "getValues": {
+                "complexType": {
+                    "signature": "() => Promise<string[]>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<string[]>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "getActiveAmount": {
+                "complexType": {
+                    "signature": "() => Promise<number>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<number>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "getInputs": {
+                "complexType": {
+                    "signature": "() => Promise<any>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<any>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "getName": {
+                "complexType": {
+                    "signature": "() => Promise<string>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<string>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+}
+//# sourceMappingURL=jump-filtergroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jump-filtergroup.js","sourceRoot":"","sources":["../../../src/components/jump-filtergroup/jump-filtergroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Event, Method } from '@stencil/core';\n\n@Component({\n  tag: 'jump-filtergroup',\n  styleUrl: 'jump-filtergroup.scss',\n  shadow: true,\n})\nexport class JumpFiltergroup {\n  @Prop() name: string = 'tax-name';\n  @Prop() heading: string = 'Titolo del filtro';\n  @Prop() otherLabel: string = 'Mostra altro';\n  @Prop() lessLabel: string = 'Mostra meno';\n  @Prop() maxElements: number = 8;\n  //TODO: Add Accordion variant within jump-acccordion component\n  @Prop() variant: 'accordion' | 'default' = 'default';\n\n  @State() values: string[] = [];\n  @State() value: string = '';\n  @State() slotItems: any;\n  @State() inputs: any = [];\n  @State() showMore: boolean = true;\n\n  @Event({ eventName: 'jump-filterchange' }) change;\n\n  slotItemsWrapper: HTMLSlotElement;\n\n  @Method('getValues')\n  async getValues() {\n    return this.values;\n  }\n\n  @Method('getActiveAmount')\n  async getActiveAmount() {\n    return this.values.length;\n  }\n\n  @Method('getInputs')\n  async getInputs() {\n    return this.inputs;\n  }\n\n  @Method('getName')\n  async getName() {\n    return this.name;\n  }\n\n  toggleHiddenItems() {\n    this.slotItemsWrapper.assignedElements().forEach((item, index) => {\n      if(index > this.maxElements) {\n        item.setAttribute('data-hide', this.showMore ? 'true' : 'false');\n      }\n    });\n  }\n\n  handleShowMore() {\n    this.showMore = !this.showMore;\n    this.toggleHiddenItems();\n  }\n\n  handleChange(event: Event) {\n    const target = event.target as HTMLInputElement | HTMLSelectElement;\n    const newValue = target.value;\n\n    if (target.tagName === 'INPUT') {\n      if (target.type === 'checkbox') {\n        // @ts-ignore\n        if (target.checked) {\n          this.values.push(newValue);\n        } else {\n          const index = this.values.indexOf(newValue);\n          if (index !== -1) {\n            this.values.splice(index, 1);\n          }\n        }\n      } else if (target.type === 'radio') {\n        // Se è un input radio selezionato, imposta il valore e aggiorna this.values\n        this.value = newValue;\n        this.values = [newValue]; // Assicurati che this.values contenga solo il valore selezionato\n      }\n    } else if (target.tagName === 'SELECT') {\n      // Se è un select, aggiorna semplicemente il valore\n      this.value = newValue;\n      this.values = [newValue];\n    }\n\n    // Emit event con i valori aggiornati\n    this.change.emit({\n      name: this.name,\n      values: this.values,\n    });\n  }\n\n  componentDidLoad() {\n    this.slotItems = this.slotItemsWrapper.assignedElements();\n    this.slotItemsWrapper.addEventListener('change', this.handleChange.bind(this));\n\n    let index = 0;\n    this.slotItems.forEach((item) => {\n      if(index > this.maxElements) {\n        item.setAttribute('data-hide', 'true');\n      }\n      if (item.tagName === 'INPUT' || item.tagName === 'SELECT') {\n        this.inputs.push(item);\n        if (item.tagName === 'INPUT' && item.type === 'radio') {\n          item.name = this.name;\n        }\n      } else {\n        const inputs = item.querySelectorAll('input, select');\n        if (inputs.length > 0) {\n          inputs.forEach((input) => {\n            this.inputs.push(input);\n\n            if (input.tagName === 'INPUT' && input.type === 'radio') {\n              input.name = this.name;\n            }\n          });\n        }\n      }\n      index++;\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.heading && <h5>{this.heading}</h5>}\n        <div class=\"filterGroup\">\n          <slot ref={(el) => (this.slotItemsWrapper = el as HTMLSlotElement)}></slot>\n        </div>\n        {this.inputs.length > this.maxElements &&\n          <jump-button variant=\"primary\" size=\"small\" text name={this.showMore ? this.otherLabel : this.lessLabel}\n                       aria-label={this.showMore ? this.otherLabel : this.lessLabel}\n                       onClick={() => this.handleShowMore() }>\n            {this.showMore ? this.otherLabel : this.lessLabel}\n            <jump-icon slot=\"suffix\" name={this.showMore ? 'chevron-down' : 'chevron-down'}></jump-icon>\n          </jump-button>\n        }\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,49 @@
+import { generateAttributesFromArgs, formatHtml } from "../../utils/utils";
+export default {
+    title: 'Components/Filters/JumpFilterGroup',
+    tags: ['autodocs'],
+    argTypes: {
+        //list all props
+        name: {
+            control: {
+                type: 'text',
+                description: 'Nome del filtro',
+                defaultValue: 'tax-name'
+            }
+        },
+        title: {
+            control: {
+                type: 'text',
+                description: 'Titolo del gruppo di filtri',
+                defaultValue: 'Titolo del gruppo di filtri'
+            }
+        },
+        otherLabel: {
+            control: {
+                type: 'text',
+                description: 'Label per il pulsante di espansione',
+                defaultValue: 'Mostra altro'
+            }
+        },
+        lessLabel: {
+            control: {
+                type: 'text',
+                description: 'Label per il pulsante di chiusura',
+                defaultValue: 'Mostra meno'
+            }
+        },
+        maxElements: {
+            control: {
+                type: 'number',
+                description: 'Numero massimo di elementi visibili'
+            },
+            defaultValue: 8
+        }
+    }
+};
+const Template = (args) => {
+    const attributes = generateAttributesFromArgs(args);
+    return formatHtml(`<jump-filtergroup ${attributes}></jump-filtergroup>`);
+};
+export const Default = Template.bind({});
+//# sourceMappingURL=jump-filtergroup.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jump-filtergroup.stories.js","sourceRoot":"","sources":["../../../src/components/jump-filtergroup/jump-filtergroup.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAE1E,eAAe;IACb,KAAK,EAAE,oCAAoC;IAC3C,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,gBAAgB;QAChB,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;gBACZ,WAAW,EAAE,iBAAiB;gBAC9B,YAAY,EAAE,UAAU;aACzB;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;gBACZ,WAAW,EAAE,6BAA6B;gBAC1C,YAAY,EAAE,6BAA6B;aAC5C;SACF;QACD,UAAU,EAAE;YACV,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;gBACZ,WAAW,EAAE,qCAAqC;gBAClD,YAAY,EAAE,cAAc;aAC7B;SACF;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;gBACZ,WAAW,EAAE,mCAAmC;gBAChD,YAAY,EAAE,aAAa;aAC5B;SACF;QACD,WAAW,EAAE;YACX,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,qCAAqC;aACnD;YACD,YAAY,EAAE,CAAC;SAChB;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;IACxB,MAAM,UAAU,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC;IACpD,OAAO,UAAU,CAAC,qBAAqB,UAAU,sBAAsB,CAAC,CAAC;AAC3E,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC","sourcesContent":["import { generateAttributesFromArgs, formatHtml} from '../../utils/utils';\n\nexport default {\n  title: 'Components/Filters/JumpFilterGroup',\n  tags: ['autodocs'],\n  argTypes: {\n    //list all props\n    name: {\n      control: {\n        type: 'text',\n        description: 'Nome del filtro',\n        defaultValue: 'tax-name'\n      }\n    },\n    title: {\n      control: {\n        type: 'text',\n        description: 'Titolo del gruppo di filtri',\n        defaultValue: 'Titolo del gruppo di filtri'\n      }\n    },\n    otherLabel: {\n      control: {\n        type: 'text',\n        description: 'Label per il pulsante di espansione',\n        defaultValue: 'Mostra altro'\n      }\n    },\n    lessLabel: {\n      control: {\n        type: 'text',\n        description: 'Label per il pulsante di chiusura',\n        defaultValue: 'Mostra meno'\n      }\n    },\n    maxElements: {\n      control: {\n        type: 'number',\n        description: 'Numero massimo di elementi visibili'\n      },\n      defaultValue: 8\n    }\n  }\n};\n\nconst Template = (args) => {\n  const attributes = generateAttributesFromArgs(args);\n  return formatHtml(`<jump-filtergroup ${attributes}></jump-filtergroup>`);\n};\n\nexport const Default = Template.bind({});\n"]}

package/dist/collection/components/jump-icon/jump-icon-custom.stories.js

@@ -0,0 +1,67 @@
+import { generateAttributesFromArgs } from "../../utils/utils";
+export default {
+    title: 'Components/Icon/Custom',
+    tags: ['autodocs'],
+    argTypes: {
+        library: {
+            name: 'library',
+            control: 'select',
+            options: {
+                custom: 'custom',
+            },
+            defaultValue: 'custom',
+            description: "Seleziona la libreria dell'icona",
+        },
+        size: {
+            name: 'size',
+            control: 'select',
+            options: {
+                inherit: 'inherit',
+                small: 'small',
+                medium: 'medium',
+                large: 'large',
+            },
+            defaultValue: 'inherit',
+            description: "Seleziona la dimensione dell'icona",
+        },
+        label: {
+            name: 'label',
+            control: 'text',
+            description: "Aggiungi una label all'icona",
+        },
+        src: {
+            name: 'src',
+            control: 'text',
+            description: "Aggiungi un'immagine all'icona",
+        },
+    },
+};
+const TemplateDefault = args => {
+    const attributes = generateAttributesFromArgs(args);
+    return `<jump-icon ${attributes}></jump-icon>`;
+};
+const Template = args => {
+    const attributes = generateAttributesFromArgs(args);
+    if (args.size === 'inherit') {
+        return `
+    <jump-icon ${attributes} style="width: 5rem; height: 5rem;"></jump-icon>
+    <br>
+    <br> 
+    Se l'attributo size è impostato su 'inherit', l'icona eredita la dimensione dallo stile CSS, che sia sull'elemento stesso o su un elemento padre.
+    `;
+    }
+    return `<jump-icon ${attributes}></jump-icon>`;
+};
+export const IconDefault = TemplateDefault.bind({});
+IconDefault.args = {
+    library: 'custom',
+    size: 'small',
+    src: 'https://shoelace.style/assets/images/shoe.svg',
+};
+export const IconInherit = Template.bind({});
+IconInherit.args = {
+    library: 'custom',
+    size: 'inherit',
+    src: 'https://shoelace.style/assets/images/shoe.svg',
+};
+//# sourceMappingURL=jump-icon-custom.stories.js.map

package/dist/collection/components/jump-icon/jump-icon-custom.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-icon-custom.stories.js","sourceRoot":"","sources":["../../../src/components/jump-icon/jump-icon-custom.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAE/D,eAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE;gBACP,MAAM,EAAE,QAAQ;aACjB;YACD,YAAY,EAAE,QAAQ;YACtB,WAAW,EAAE,kCAAkC;SAChD;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE;gBACP,OAAO,EAAE,SAAS;gBAClB,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,QAAQ;gBAChB,KAAK,EAAE,OAAO;aACf;YACD,YAAY,EAAE,SAAS;YACvB,WAAW,EAAE,oCAAoC;SAClD;QACD,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,8BAA8B;SAC5C;QACD,GAAG,EAAE;YACH,IAAI,EAAE,KAAK;YACX,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,gCAAgC;SAC9C;KACF;CACF,CAAC;AAEF,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE;IAC7B,MAAM,UAAU,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC;IACpD,OAAO,cAAc,UAAU,eAAe,CAAC;AACjD,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE;IACtB,MAAM,UAAU,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC;IACpD,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC5B,OAAO;iBACM,UAAU;;;;KAItB,CAAC;IACJ,CAAC;IACD,OAAO,cAAc,UAAU,eAAe,CAAC;AACjD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,WAAW,CAAC,IAAI,GAAG;IACjB,OAAO,EAAE,QAAQ;IACjB,IAAI,EAAE,OAAO;IACb,GAAG,EAAE,+CAA+C;CACrD,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IACjB,OAAO,EAAE,QAAQ;IACjB,IAAI,EAAE,SAAS;IACf,GAAG,EAAE,+CAA+C;CACrD,CAAC","sourcesContent":["import { generateAttributesFromArgs } from '../../utils/utils';\n\nexport default {\n  title: 'Components/Icon/Custom',\n  tags: ['autodocs'],\n  argTypes: {\n    library: {\n      name: 'library',\n      control: 'select',\n      options: {\n        custom: 'custom',\n      },\n      defaultValue: 'custom',\n      description: \"Seleziona la libreria dell'icona\",\n    },\n    size: {\n      name: 'size',\n      control: 'select',\n      options: {\n        inherit: 'inherit',\n        small: 'small',\n        medium: 'medium',\n        large: 'large',\n      },\n      defaultValue: 'inherit',\n      description: \"Seleziona la dimensione dell'icona\",\n    },\n    label: {\n      name: 'label',\n      control: 'text',\n      description: \"Aggiungi una label all'icona\",\n    },\n    src: {\n      name: 'src',\n      control: 'text',\n      description: \"Aggiungi un'immagine all'icona\",\n    },\n  },\n};\n\nconst TemplateDefault = args => {\n  const attributes = generateAttributesFromArgs(args);\n  return `<jump-icon ${attributes}></jump-icon>`;\n};\n\nconst Template = args => {\n  const attributes = generateAttributesFromArgs(args);\n  if (args.size === 'inherit') {\n    return `\n    <jump-icon ${attributes} style=\"width: 5rem; height: 5rem;\"></jump-icon>\n    <br>\n    <br> \n    Se l'attributo size è impostato su 'inherit', l'icona eredita la dimensione dallo stile CSS, che sia sull'elemento stesso o su un elemento padre.\n    `;\n  }\n  return `<jump-icon ${attributes}></jump-icon>`;\n};\n\nexport const IconDefault = TemplateDefault.bind({});\nIconDefault.args = {\n  library: 'custom',\n  size: 'small',\n  src: 'https://shoelace.style/assets/images/shoe.svg',\n};\n\nexport const IconInherit = Template.bind({});\nIconInherit.args = {\n  library: 'custom',\n  size: 'inherit',\n  src: 'https://shoelace.style/assets/images/shoe.svg',\n};\n"]}

package/dist/collection/components/jump-icon/jump-icon-fa-brands.stories.js

@@ -0,0 +1,73 @@
+import { generateAttributesFromArgs } from "../../utils/utils";
+export default {
+    title: 'Components/Icon/Font Awesome/Brands',
+    tags: ['autodocs'],
+    argTypes: {
+        library: {
+            name: 'library',
+            control: 'select',
+            options: ['fa'],
+            defaultValue: 'fa',
+            description: "Seleziona la libreria dell'icona",
+        },
+        category: {
+            name: 'category',
+            control: 'select',
+            options: ['brands'],
+            description: "Seleziona la categoria dell'icona",
+        },
+        name: {
+            name: 'name',
+            control: 'text',
+            defaultValue: '42-group',
+            description: "Seleziona il nome dal seguente <a href='https://fontawesome.com/search?o=r&f=brands' target='_blank'>link</a>",
+        },
+        size: {
+            name: 'size',
+            control: 'select',
+            options: {
+                inherit: 'inherit',
+                small: 'small',
+                medium: 'medium',
+                large: 'large',
+            },
+            defaultValue: 'inherit',
+            description: "Seleziona la dimensione dell'icona",
+        },
+        label: {
+            name: 'label',
+            control: 'text',
+            description: "Aggiungi una label all'icona",
+        },
+    },
+};
+const TemplateDefault = args => {
+    const attributes = generateAttributesFromArgs(args);
+    return `<jump-icon ${attributes}></jump-icon>`;
+};
+const Template = args => {
+    const attributes = generateAttributesFromArgs(args);
+    if (args.size === 'inherit') {
+        return `<jump-icon ${attributes} style="font-size: 5rem;"></jump-icon>
+    <br>
+    <br> 
+    Se l'attributo size è impostato su 'inherit', l'icona eredita la dimensione dallo stile CSS, che sia sull'elemento stesso o su un elemento padre.`;
+    }
+    return `<jump-icon ${attributes}></jump-icon
+  >`;
+};
+export const IconDefault = TemplateDefault.bind({});
+IconDefault.args = {
+    library: 'fa',
+    category: 'brands',
+    name: '42-group',
+    size: 'small',
+};
+export const IconInherit = Template.bind({});
+IconInherit.args = {
+    library: 'fa',
+    category: 'brands',
+    name: '42-group',
+    size: 'inherit',
+};
+//# sourceMappingURL=jump-icon-fa-brands.stories.js.map

package/dist/collection/components/jump-icon/jump-icon-fa-brands.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-icon-fa-brands.stories.js","sourceRoot":"","sources":["../../../src/components/jump-icon/jump-icon-fa-brands.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAE/D,eAAe;IACb,KAAK,EAAE,qCAAqC;IAC5C,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,IAAI,CAAC;YACf,YAAY,EAAE,IAAI;YAClB,WAAW,EAAE,kCAAkC;SAChD;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,QAAQ,CAAC;YACnB,WAAW,EAAE,mCAAmC;SACjD;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,MAAM;YACf,YAAY,EAAE,UAAU;YACxB,WAAW,EAAE,+GAA+G;SAC7H;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE;gBACP,OAAO,EAAE,SAAS;gBAClB,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,QAAQ;gBAChB,KAAK,EAAE,OAAO;aACf;YACD,YAAY,EAAE,SAAS;YACvB,WAAW,EAAE,oCAAoC;SAClD;QACD,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,8BAA8B;SAC5C;KACF;CACF,CAAC;AAEF,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE;IAC7B,MAAM,UAAU,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC;IACpD,OAAO,cAAc,UAAU,eAAe,CAAC;AACjD,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE;IACtB,MAAM,UAAU,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC;IACpD,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC5B,OAAO,cAAc,UAAU;;;sJAGmH,CAAC;IACrJ,CAAC;IACD,OAAO,cAAc,UAAU;IAC7B,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,WAAW,CAAC,IAAI,GAAG;IACjB,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,OAAO;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IACjB,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,SAAS;CAChB,CAAC","sourcesContent":["import { generateAttributesFromArgs } from '../../utils/utils';\n\nexport default {\n  title: 'Components/Icon/Font Awesome/Brands',\n  tags: ['autodocs'],\n  argTypes: {\n    library: {\n      name: 'library',\n      control: 'select',\n      options: ['fa'],\n      defaultValue: 'fa',\n      description: \"Seleziona la libreria dell'icona\",\n    },\n    category: {\n      name: 'category',\n      control: 'select',\n      options: ['brands'],\n      description: \"Seleziona la categoria dell'icona\",\n    },\n    name: {\n      name: 'name',\n      control: 'text',\n      defaultValue: '42-group',\n      description: \"Seleziona il nome dal seguente <a href='https://fontawesome.com/search?o=r&f=brands' target='_blank'>link</a>\",\n    },\n    size: {\n      name: 'size',\n      control: 'select',\n      options: {\n        inherit: 'inherit',\n        small: 'small',\n        medium: 'medium',\n        large: 'large',\n      },\n      defaultValue: 'inherit',\n      description: \"Seleziona la dimensione dell'icona\",\n    },\n    label: {\n      name: 'label',\n      control: 'text',\n      description: \"Aggiungi una label all'icona\",\n    },\n  },\n};\n\nconst TemplateDefault = args => {\n  const attributes = generateAttributesFromArgs(args);\n  return `<jump-icon ${attributes}></jump-icon>`;\n};\n\nconst Template = args => {\n  const attributes = generateAttributesFromArgs(args);\n  if (args.size === 'inherit') {\n    return `<jump-icon ${attributes} style=\"font-size: 5rem;\"></jump-icon>\n    <br>\n    <br> \n    Se l'attributo size è impostato su 'inherit', l'icona eredita la dimensione dallo stile CSS, che sia sull'elemento stesso o su un elemento padre.`;\n  }\n  return `<jump-icon ${attributes}></jump-icon\n  >`;\n};\n\nexport const IconDefault = TemplateDefault.bind({});\nIconDefault.args = {\n  library: 'fa',\n  category: 'brands',\n  name: '42-group',\n  size: 'small',\n};\n\nexport const IconInherit = Template.bind({});\nIconInherit.args = {\n  library: 'fa',\n  category: 'brands',\n  name: '42-group',\n  size: 'inherit',\n};\n"]}

package/dist/collection/components/jump-icon/jump-icon-fa-duotone.stories.js

@@ -0,0 +1,73 @@
+import { generateAttributesFromArgs } from "../../utils/utils";
+export default {
+    title: 'Components/Icon/Font Awesome/Duotone',
+    tags: ['autodocs'],
+    argTypes: {
+        library: {
+            name: 'library',
+            control: 'select',
+            options: ['fa'],
+            defaultValue: 'fa',
+            description: "Seleziona la libreria dell'icona",
+        },
+        category: {
+            name: 'category',
+            control: 'select',
+            options: ['duotone'],
+            description: "Seleziona la categoria dell'icona",
+        },
+        name: {
+            name: 'name',
+            control: 'text',
+            defaultValue: 'house',
+            description: "Seleziona il nome dal seguente <a href='https://fontawesome.com/search?o=r&s=duotone' target='_blank'>link</a>",
+        },
+        size: {
+            name: 'size',
+            control: 'select',
+            options: {
+                inherit: 'inherit',
+                small: 'small',
+                medium: 'medium',
+                large: 'large',
+            },
+            defaultValue: 'inherit',
+            description: "Seleziona la dimensione dell'icona",
+        },
+        label: {
+            name: 'label',
+            control: 'text',
+            description: "Aggiungi una label all'icona",
+        },
+    },
+};
+const TemplateDefault = args => {
+    const attributes = generateAttributesFromArgs(args);
+    return `<jump-icon ${attributes}></jump-icon>`;
+};
+const Template = args => {
+    const attributes = generateAttributesFromArgs(args);
+    if (args.size === 'inherit') {
+        return `<jump-icon ${attributes} style="font-size: 5rem;"></jump-icon>
+    <br>
+    <br> 
+    Se l'attributo size è impostato su 'inherit', l'icona eredita la dimensione dallo stile CSS, che sia sull'elemento stesso o su un elemento padre.`;
+    }
+    return `<jump-icon ${attributes}></jump-icon
+  >`;
+};
+export const IconDefault = TemplateDefault.bind({});
+IconDefault.args = {
+    library: 'fa',
+    category: 'duotone',
+    name: 'house',
+    size: 'small',
+};
+export const IconInherit = Template.bind({});
+IconInherit.args = {
+    library: 'fa',
+    category: 'duotone',
+    name: 'house',
+    size: 'inherit',
+};
+//# sourceMappingURL=jump-icon-fa-duotone.stories.js.map