@jumpgroup/jump-design-system 0.1.3 → 0.1.5

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

@@ -0,0 +1,344 @@
+import feather from "feather-icons";
+export default {
+    title: 'Components/Atoms/Button',
+    tags: ['autodocs'],
+    argTypes: {
+        label: {
+            name: 'Etichetta',
+            description: 'Imposta il testo del bottone',
+            control: 'text'
+        },
+        variant: {
+            name: 'Variante',
+            description: 'Imposta la variante di colore del bottone',
+            control: 'select',
+            options: [
+                'primary',
+                'secondary'
+            ],
+        },
+        outline: {
+            name: 'Outline',
+            description: 'Imposta se il bottone deve avere il solo bordo',
+            control: 'boolean'
+        },
+        size: {
+            name: 'Dimensione',
+            description: 'Imposta la dimensione del bottone',
+            control: 'select',
+            options: [
+                'small',
+                'medium',
+                'large'
+            ],
+            labels: {
+                small: 'Piccolo',
+                medium: 'Medio',
+                large: 'Grande'
+            }
+        },
+        pill: {
+            name: 'Bordo a Pillola',
+            description: 'Imposta se il bottone deve avere il bordo completamente stondato a pillola',
+            control: 'boolean'
+        },
+        disabled: {
+            name: 'Disabilitato',
+            description: 'Imposta se il bottone deve essere disabilitato',
+            control: 'boolean'
+        },
+        text: {
+            name: 'Testo',
+            description: 'Imposta se il bottone essere solo testo, quindi senza bordo, sfondo e padding',
+            control: 'boolean'
+        },
+        showIcon: {
+            name: 'Mostra Icona',
+            description: 'Imposta se il bottone deve mostrare un\'icona',
+            control: 'boolean'
+        },
+        iconOnly: {
+            name: 'Mostra solo Icona',
+            description: 'Imposta se il bottone deve mostrare solo l\'icona',
+            control: 'boolean',
+            if: {
+                arg: 'showIcon',
+                eq: true
+            },
+        },
+        iconName: {
+            name: 'Nome Icona',
+            control: 'select',
+            options: Object.keys(feather.icons),
+            description: 'Seleziona il nome dell\'icona dal menu a tendina',
+            defaultValue: Object.keys(feather.icons)[0],
+            if: {
+                arg: 'showIcon',
+                eq: true
+            },
+        },
+        iconPosition: {
+            name: 'Posizione Icona',
+            description: 'Imposta la posizione dell\'icona',
+            defaultValue: 'left',
+            control: 'select',
+            options: [
+                'left',
+                'right'
+            ],
+            if: {
+                arg: 'showIcon',
+                eq: true
+            },
+            labels: {
+                left: 'Sinistra',
+                right: 'Destra'
+            }
+        },
+        type: {
+            name: 'Tipo di bottone',
+            description: 'Imposta il tipo di bottone',
+            default: 'button',
+            control: 'select',
+            if: {
+                arg: 'anchor',
+                eq: false
+            },
+            options: [
+                'button',
+                'submit',
+                'reset'
+            ],
+            labels: {
+                button: 'button',
+                submit: 'submit',
+                reset: 'reset',
+            }
+        },
+        name: {
+            name: 'Nome del bottone',
+            description: 'Imposta il nome del bottone',
+            control: 'text',
+            if: {
+                arg: 'href',
+                exists: false
+            }
+        },
+        value: {
+            name: 'Value del bottone',
+            description: 'Imposta il value del bottone',
+            control: 'text',
+            if: {
+                arg: 'href',
+                exists: false
+            }
+        },
+        ariaLabel: {
+            name: 'Aria Label',
+            description: 'Imposta aria label',
+            control: 'text',
+        },
+        href: {
+            name: 'Href',
+            description: 'Imposta l\'href del link',
+            control: 'text',
+        },
+        target: {
+            name: 'Target',
+            description: 'Imposta il target del link',
+            default: '_self',
+            control: 'select',
+            if: {
+                arg: 'href',
+                exists: true
+            },
+            options: [
+                '_blank',
+                '_parent',
+                '_self',
+                '_top'
+            ],
+            labels: {
+                _blank: '_blank',
+                _parent: '_parent',
+                _self: '_self',
+                _top: '_top'
+            }
+        },
+    }
+};
+// regular expression to remove all the spaces indenting the template string
+// const AnchorTemplate = (args) => 
+// `${ `<jump-button variant="${args.variant}" size="${args.size}" href="${args.href}" target="${args.target}" ariaLabel="${args.ariaLabel}" ${args.pill == true ? ' pill' : ''} ${args.outline == true ? ' outline' : ''}${args.text == true ? ' text' : ''}${ !args.label || args.iconOnly ? ' only-icon' : ''}>${args.iconPosition == 'left' && args.showIcon ? `<jump-icon slot="prefix" name="${args.iconName}"></jump-icon>` : ''}${ !args.iconOnly ? args.label : ''}${args.iconPosition == 'right' && args.showIcon ? `<jump-icon slot="suffix" name="${args.iconName}"></jump-icon>` : ''}
+// </jump-button>`.replace(/\s\s+/g, '')
+// }`;
+const Template = (args) => `${args.href ?
+    `<jump-button
+      variant="${args.variant}" 
+      size="${args.size}" 
+      href="${args.href}" 
+      target="${args.target}" 
+      ariaLabel="${args.ariaLabel}" 
+      ${args.pill == true ? ' pill' : ''} 
+      ${args.outline == true ? ' outline' : ''}
+      ${args.text == true ? ' text' : ''}
+      ${!args.label || args.iconOnly ? ' only-icon' : ''}>
+      ${args.iconPosition == 'left' && args.showIcon ? `<jump-icon slot="prefix" name="${args.iconName}"></jump-icon>` : ''}
+      ${!args.iconOnly ? args.label : ''}
+      ${args.iconPosition == 'right' && args.showIcon ? `<jump-icon slot="suffix" name="${args.iconName}"></jump-icon>` : ''}
+    </jump-button>`
+    :
+        !args.label && !args.showIcon ? 'Errore nella configurazione del bottone' :
+            `<jump-button 
+      variant="${args.variant}" 
+      size="${args.size}" 
+      type="${args.type}" 
+      ariaLabel="${args.ariaLabel}" 
+      name="${args.name}" 
+      value="${args.value}" 
+      ${args.disabled == true ? ' disabled' : ''} 
+      ${args.pill == true ? ' pill' : ''} 
+      ${args.outline == true ? ' outline' : ''}
+      ${args.text == true ? ' text' : ''} 
+      ${!args.label || args.iconOnly ? ' only-icon' : ''}>
+      ${args.iconPosition == 'left' && args.showIcon ? `<jump-icon slot="prefix" name="${args.iconName}"></jump-icon>` : ''}
+      ${!args.iconOnly ? args.label : ''}
+      ${args.iconPosition == 'right' && args.showIcon ? `<jump-icon slot="suffix" name="${args.iconName}"></jump-icon>` : ''}
+    </jump-button>`}`;
+// TODO: gestire la prop che è opzione: cmq se copio il codice e tolgo le props undefined dovrebbe andare tutto
+export const Name = Template.bind({});
+Name.args = {
+    label: 'Primary',
+    variant: 'primary',
+    outline: false,
+    pill: false,
+    size: 'medium',
+    disabled: false,
+    text: false,
+    showIcon: false,
+    iconOnly: false,
+    iconName: Object.keys(feather.icons)[0],
+    iconPosition: 'left',
+    name: 'sono un nome'
+};
+export const Primary = Template.bind({});
+Primary.args = {
+    label: 'Primary',
+    variant: 'primary',
+    outline: false,
+    pill: false,
+    size: 'medium',
+    disabled: false,
+    text: false,
+    showIcon: false,
+    iconOnly: false,
+    iconName: Object.keys(feather.icons)[0],
+    iconPosition: 'left'
+};
+export const OutlinePrimary = Template.bind({});
+OutlinePrimary.args = {
+    label: 'Outline Primary',
+    variant: 'primary',
+    outline: true,
+    pill: false,
+    size: 'medium',
+    disabled: false,
+    text: false,
+    showIcon: false,
+    iconOnly: false,
+    iconName: Object.keys(feather.icons)[0],
+    iconPosition: 'left'
+};
+export const PillPrimary = Template.bind({});
+PillPrimary.args = {
+    label: 'Pill Primary',
+    variant: 'primary',
+    outline: false,
+    pill: true,
+    size: 'medium',
+    disabled: false,
+    text: false,
+    showIcon: false,
+    iconOnly: false,
+    iconName: Object.keys(feather.icons)[0],
+    iconPosition: 'left'
+};
+export const OutlinePillPrimary = Template.bind({});
+OutlinePillPrimary.args = {
+    label: 'Pill Primary',
+    variant: 'primary',
+    outline: true,
+    pill: true,
+    size: 'medium',
+    disabled: false,
+    text: false,
+    showIcon: false,
+    iconOnly: false,
+    iconName: Object.keys(feather.icons)[0],
+    iconPosition: 'left'
+};
+export const Disabled = Template.bind({});
+Disabled.args = {
+    label: 'Disabled',
+    variant: 'primary',
+    outline: false,
+    pill: false,
+    size: 'medium',
+    disabled: true,
+    text: false,
+    showIcon: false,
+    iconOnly: false,
+    iconName: Object.keys(feather.icons)[0],
+    iconPosition: 'left'
+};
+export const Text = Template.bind({});
+Text.args = {
+    label: 'Text',
+    variant: 'secondary',
+    outline: false,
+    pill: false,
+    size: 'medium',
+    disabled: false,
+    text: true,
+    showIcon: false,
+    iconOnly: false,
+    iconName: Object.keys(feather.icons)[0],
+    iconPosition: 'left'
+};
+// const TemplateWithIcon = (args) => `<jump-button variant="${args.variant}" size="${args.size}"${args.disabled == true ? ' disabled' : ''}${args.pill == true ? ' pill' : ''}${args.outline == true ? ' outline' : ''}${args.text == true ? ' text' : ''}>
+//   ${args.iconPosition == 'left' && args.showIcon ? `<jump-icon slot="prefix" name="${args.iconName}"></jump-icon>` : ''}
+//   ${args.label}
+//   ${args.iconPosition == 'right' && args.showIcon ? `<jump-icon slot="suffix" name="${args.iconName}"></jump-icon>` : ''}
+// </jump-button>`;
+// export const WithIcon = TemplateWithIcon.bind({});
+// WithIcon.args = {
+//   label: 'Primary',
+//   variant: 'primary',
+//   outline: false,
+//   pill: false,
+//   size: 'medium',
+//   disabled: false,
+//   text: false,
+//   showIcon: true,
+//   iconName: 'home',
+//   iconPosition: 'left'
+// };
+// const TemplateWithOnlyIcon = (args) => `<jump-button variant="${args.variant}" size="${args.size}"${args.disabled == true ? ' disabled' : ''}${args.pill == true ? ' pill' : ''}${args.outline == true ? ' outline' : ''}${args.text == true ? ' text' : ''}${ !args.label ? ' only-icon' : ''}>
+//   ${args.iconPosition == 'left' && args.showIcon ? `<jump-icon slot="prefix" name="${args.iconName}"></jump-icon>` : ''}
+//   ${args.label}
+//   ${args.iconPosition == 'right' && args.showIcon ? `<jump-icon slot="suffix" name="${args.iconName}"></jump-icon>` : ''}
+// </jump-button>`;
+// export const WithOnlyIcon = TemplateWithOnlyIcon.bind({});
+// WithOnlyIcon.args = {
+//   label: '',
+//   variant: 'primary',
+//   outline: false,
+//   pill: true,
+//   size: 'medium',
+//   disabled: false,
+//   text: false,
+//   showIcon: true,
+//   iconName: 'home',
+//   iconPosition: 'left',
+// };
+//# sourceMappingURL=jump-button.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jump-button.stories.js","sourceRoot":"","sources":["../../../src/components/jump-button/jump-button.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import feather from 'feather-icons';\n\nexport default {\n  title: 'Components/Atoms/Button',\n  tags: ['autodocs'],\n  argTypes: {\n    label: {\n      name: 'Etichetta',\n      description: 'Imposta il testo del bottone',\n      control: 'text'\n    },\n    variant: {\n      name: 'Variante',\n      description: 'Imposta la variante di colore del bottone',\n      control: 'select',\n      options: [\n        'primary',\n        'secondary'\n      ],\n    },\n    outline : {\n      name: 'Outline',\n      description: 'Imposta se il bottone deve avere il solo bordo',\n      control: 'boolean'\n    },\n    size: {\n      name: 'Dimensione',\n      description: 'Imposta la dimensione del bottone',\n      control: 'select',\n      options: [\n        'small',\n        'medium',\n        'large'\n      ],\n      labels: {\n        small: 'Piccolo',\n        medium: 'Medio',\n        large: 'Grande'\n      }\n    },\n    pill: {\n      name: 'Bordo a Pillola',\n      description: 'Imposta se il bottone deve avere il bordo completamente stondato a pillola',\n      control: 'boolean'\n    },\n    disabled: {\n      name: 'Disabilitato',\n      description: 'Imposta se il bottone deve essere disabilitato',\n      control: 'boolean'\n    },\n    text: {\n      name: 'Testo',\n      description: 'Imposta se il bottone essere solo testo, quindi senza bordo, sfondo e padding',\n      control: 'boolean'\n    },\n    showIcon: {\n      name: 'Mostra Icona',\n      description: 'Imposta se il bottone deve mostrare un\\'icona',\n      control: 'boolean'\n    },\n    iconOnly: {\n      name: 'Mostra solo Icona',\n      description: 'Imposta se il bottone deve mostrare solo l\\'icona',\n      control: 'boolean',\n      if: {\n        arg: 'showIcon',\n        eq: true\n      },\n    },\n    iconName: {\n      name: 'Nome Icona',\n      control: 'select',\n      options: Object.keys(feather.icons),\n      description: 'Seleziona il nome dell\\'icona dal menu a tendina',\n      defaultValue: Object.keys(feather.icons)[0],\n      if: {\n        arg: 'showIcon',\n        eq: true\n      },\n    },\n    iconPosition: {\n      name: 'Posizione Icona',\n      description: 'Imposta la posizione dell\\'icona',\n      defaultValue: 'left',\n      control: 'select',\n      options: [\n        'left',\n        'right'\n      ],\n      if: {\n        arg: 'showIcon',\n        eq: true\n      },\n      labels: {\n        left: 'Sinistra',\n        right: 'Destra'\n      }\n    },\n    type: {\n      name: 'Tipo di bottone',\n      description: 'Imposta il tipo di bottone',\n      default: 'button',\n      control: 'select',\n      if:{\n        arg: 'anchor',\n        eq: false\n      },\n      options: [\n        'button',\n        'submit',\n        'reset'\n      ],\n      labels: {\n        button: 'button',\n        submit: 'submit',\n        reset: 'reset',\n      }\n    },\n    name: {\n      name: 'Nome del bottone',\n      description: 'Imposta il nome del bottone',\n      control: 'text',\n      if:{\n        arg: 'href',\n        exists: false\n      }\n    },\n    value: {\n      name: 'Value del bottone',\n      description: 'Imposta il value del bottone',\n      control: 'text',\n      if:{\n        arg: 'href',\n        exists: false\n      }\n    },\n    ariaLabel: {\n      name: 'Aria Label',\n      description: 'Imposta aria label',\n      control: 'text',\n    },\n    href: {\n      name: 'Href',\n      description: 'Imposta l\\'href del link',\n      control: 'text',\n    },\n    target: {\n      name: 'Target',\n      description: 'Imposta il target del link',\n      default: '_self',\n      control: 'select',\n      if:{\n        arg: 'href',\n        exists: true\n      },\n      options: [\n        '_blank',\n        '_parent',\n        '_self',\n        '_top'\n      ],\n      labels: {\n        _blank: '_blank',\n        _parent: '_parent',\n        _self: '_self',\n        _top: '_top'\n      }\n    },\n\n  }\n};\n\n// regular expression to remove all the spaces indenting the template string\n\n\n// const AnchorTemplate = (args) => \n// `${ `<jump-button variant=\"${args.variant}\" size=\"${args.size}\" href=\"${args.href}\" target=\"${args.target}\" ariaLabel=\"${args.ariaLabel}\" ${args.pill == true ? ' pill' : ''} ${args.outline == true ? ' outline' : ''}${args.text == true ? ' text' : ''}${ !args.label || args.iconOnly ? ' only-icon' : ''}>${args.iconPosition == 'left' && args.showIcon ? `<jump-icon slot=\"prefix\" name=\"${args.iconName}\"></jump-icon>` : ''}${ !args.iconOnly ? args.label : ''}${args.iconPosition == 'right' && args.showIcon ? `<jump-icon slot=\"suffix\" name=\"${args.iconName}\"></jump-icon>` : ''}\n// </jump-button>`.replace(/\\s\\s+/g, '')\n// }`;\n\nconst Template = (args) => \n`${ \n  args.href ? \n    `<jump-button\n      variant=\"${args.variant}\" \n      size=\"${args.size}\" \n      href=\"${args.href}\" \n      target=\"${args.target}\" \n      ariaLabel=\"${args.ariaLabel}\" \n      ${args.pill == true ? ' pill' : ''} \n      ${args.outline == true ? ' outline' : ''}\n      ${args.text == true ? ' text' : ''}\n      ${ !args.label || args.iconOnly ? ' only-icon' : ''}>\n      ${args.iconPosition == 'left' && args.showIcon ? `<jump-icon slot=\"prefix\" name=\"${args.iconName}\"></jump-icon>` : ''}\n      ${ !args.iconOnly ? args.label : ''}\n      ${args.iconPosition == 'right' && args.showIcon ? `<jump-icon slot=\"suffix\" name=\"${args.iconName}\"></jump-icon>` : ''}\n    </jump-button>`\n  :\n    !args.label && !args.showIcon ? 'Errore nella configurazione del bottone' : \n    `<jump-button \n      variant=\"${args.variant}\" \n      size=\"${args.size}\" \n      type=\"${args.type}\" \n      ariaLabel=\"${args.ariaLabel}\" \n      name=\"${args.name}\" \n      value=\"${args.value}\" \n      ${args.disabled == true ? ' disabled' : ''} \n      ${args.pill == true ? ' pill' : ''} \n      ${args.outline == true ? ' outline' : ''}\n      ${args.text == true ? ' text' : ''} \n      ${ !args.label || args.iconOnly ? ' only-icon' : ''}>\n      ${args.iconPosition == 'left' && args.showIcon ? `<jump-icon slot=\"prefix\" name=\"${args.iconName}\"></jump-icon>` : ''}\n      ${ !args.iconOnly ? args.label : ''}\n      ${args.iconPosition == 'right' && args.showIcon ? `<jump-icon slot=\"suffix\" name=\"${args.iconName}\"></jump-icon>` : ''}\n    </jump-button>`\n}`;\n\n// TODO: gestire la prop che è opzione: cmq se copio il codice e tolgo le props undefined dovrebbe andare tutto\n\nexport const Name = Template.bind({});\nName.args = {\n  label: 'Primary',\n  variant: 'primary',\n  outline: false,\n  pill: false,\n  size: 'medium',\n  disabled: false,\n  text: false,\n  showIcon: false,\n  iconOnly: false,\n  iconName: Object.keys(feather.icons)[0],\n  iconPosition: 'left',\n  name: 'sono un nome'\n};\n\nexport const Primary = Template.bind({});\nPrimary.args = {\n  label: 'Primary',\n  variant: 'primary',\n  outline: false,\n  pill: false,\n  size: 'medium',\n  disabled: false,\n  text: false,\n  showIcon: false,\n  iconOnly: false,\n  iconName: Object.keys(feather.icons)[0],\n  iconPosition: 'left'\n};\n\nexport const OutlinePrimary = Template.bind({});\nOutlinePrimary.args = {\n  label: 'Outline Primary',\n  variant: 'primary',\n  outline: true,\n  pill: false,\n  size: 'medium',\n  disabled: false,\n  text: false,\n  showIcon: false,\n  iconOnly: false,\n  iconName: Object.keys(feather.icons)[0],\n  iconPosition: 'left'\n};\n\nexport const PillPrimary = Template.bind({});\nPillPrimary.args = {\n  label: 'Pill Primary',\n  variant: 'primary',\n  outline: false,\n  pill: true,\n  size: 'medium',\n  disabled: false,\n  text: false,\n  showIcon: false,\n  iconOnly: false,\n  iconName: Object.keys(feather.icons)[0],\n  iconPosition: 'left'\n};\n\nexport const OutlinePillPrimary = Template.bind({});\nOutlinePillPrimary.args = {\n  label: 'Pill Primary',\n  variant: 'primary',\n  outline: true,\n  pill: true,\n  size: 'medium',\n  disabled: false,\n  text: false,\n  showIcon: false,\n  iconOnly: false,\n  iconName: Object.keys(feather.icons)[0],\n  iconPosition: 'left'\n};\n\nexport const Disabled = Template.bind({});\nDisabled.args = {\n  label: 'Disabled',\n  variant: 'primary',\n  outline: false,\n  pill: false,\n  size: 'medium',\n  disabled: true,\n  text: false,\n  showIcon: false,\n  iconOnly: false,\n  iconName: Object.keys(feather.icons)[0],\n  iconPosition: 'left'\n};\n\nexport const Text = Template.bind({});\nText.args = {\n  label: 'Text',\n  variant: 'secondary',\n  outline: false,\n  pill: false,\n  size: 'medium',\n  disabled: false,\n  text: true,\n  showIcon: false,\n  iconOnly: false,\n  iconName: Object.keys(feather.icons)[0],\n  iconPosition: 'left'\n};\n\n// const TemplateWithIcon = (args) => `<jump-button variant=\"${args.variant}\" size=\"${args.size}\"${args.disabled == true ? ' disabled' : ''}${args.pill == true ? ' pill' : ''}${args.outline == true ? ' outline' : ''}${args.text == true ? ' text' : ''}>\n//   ${args.iconPosition == 'left' && args.showIcon ? `<jump-icon slot=\"prefix\" name=\"${args.iconName}\"></jump-icon>` : ''}\n//   ${args.label}\n//   ${args.iconPosition == 'right' && args.showIcon ? `<jump-icon slot=\"suffix\" name=\"${args.iconName}\"></jump-icon>` : ''}\n// </jump-button>`;\n// export const WithIcon = TemplateWithIcon.bind({});\n// WithIcon.args = {\n//   label: 'Primary',\n//   variant: 'primary',\n//   outline: false,\n//   pill: false,\n//   size: 'medium',\n//   disabled: false,\n//   text: false,\n//   showIcon: true,\n//   iconName: 'home',\n//   iconPosition: 'left'\n// };\n\n// const TemplateWithOnlyIcon = (args) => `<jump-button variant=\"${args.variant}\" size=\"${args.size}\"${args.disabled == true ? ' disabled' : ''}${args.pill == true ? ' pill' : ''}${args.outline == true ? ' outline' : ''}${args.text == true ? ' text' : ''}${ !args.label ? ' only-icon' : ''}>\n//   ${args.iconPosition == 'left' && args.showIcon ? `<jump-icon slot=\"prefix\" name=\"${args.iconName}\"></jump-icon>` : ''}\n//   ${args.label}\n//   ${args.iconPosition == 'right' && args.showIcon ? `<jump-icon slot=\"suffix\" name=\"${args.iconName}\"></jump-icon>` : ''}\n// </jump-button>`;\n// export const WithOnlyIcon = TemplateWithOnlyIcon.bind({});\n// WithOnlyIcon.args = {\n//   label: '',\n//   variant: 'primary',\n//   outline: false,\n//   pill: true,\n//   size: 'medium',\n//   disabled: false,\n//   text: false,\n//   showIcon: true,\n//   iconName: 'home',\n//   iconPosition: 'left',\n// };\n"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,43 @@
+:host {
+  display: block;
+}
+
+.JumpPagination {
+  --pagination-label-color: var(--neutral-grey-secondary);
+  --pagination-arrows-color: var(--neutral-grey-secondary);
+  font-family: var(--ff-primary);
+}
+.JumpPagination__Wrapper {
+  display: flex;
+  justify-content: space-between;
+}
+.JumpPagination__Wrapper .elementsPerPage {
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+}
+.JumpPagination__Wrapper .elementsPerPage label {
+  color: var(--pagination-label-color);
+  font-size: 14px;
+  font-weight: normal;
+}
+.JumpPagination__Wrapper .indicators {
+  font-size: 16px;
+  font-weight: normal;
+  display: flex;
+  justify-content: space-between;
+  gap: 20px;
+  color: var(--pagination-label-color);
+}
+.JumpPagination__Wrapper .indicators .arrow {
+  color: var(--pagination-arrows-color);
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.JumpPagination__Wrapper .indicators .elements {
+  color: var(--pagination-label-color);
+  display: flex;
+  align-items: center;
+  gap: 5px;
+}

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

@@ -0,0 +1,180 @@
+import { Host, h } from "@stencil/core";
+export class JumpPagination {
+    constructor() {
+        this.totalElements = undefined;
+        this.currentPage = undefined;
+        this.lastPage = undefined;
+        this.labelElementsPerPage = 'Elementi per pagina';
+        this.elementsRanges = [10, 20, 60, 100];
+        this.firstPage = undefined;
+        this.completeVersion = false;
+        this.showAdditionalChrevrons = false;
+    }
+    render() {
+        var _a;
+        return (h(Host, { key: 'eacb989c1eafddab001bce8a3e7618b42e281604', class: "JumpPagination" }, h("div", { key: '52ebe6a91e9cde9f4bdcbad4be0a7e16d0a3867f', class: "JumpPagination__Wrapper" }, this.completeVersion &&
+            h("div", { class: "elementsPerPage" }, h("label", { htmlFor: "elements" }, (_a = this.labelElementsPerPage) !== null && _a !== void 0 ? _a : 'Elements per page'), h("select", { name: "elements", id: "elements" }, this.elementsRanges.map((range) => (h("option", { value: range }, range))))), h("div", { key: '97a70fd1f86f644ee0199f0a6f1945988579705c', class: "indicators" }, h("div", { key: '9e9a1c2f541b3aaad78105a58f051127770b6e4d', class: "elements" }, this.completeVersion ?
+            h("span", null, h("span", null, this.firstPage), " - ", h("span", null, this.currentPage), " di ", h("span", null, this.totalElements))
+            :
+                h("span", null, h("span", null, this.currentPage), " di ", h("span", null, this.lastPage))), h("div", { key: 'e7fe2402c2c6a1906f9f3bfc70cfde428590c964', class: "arrow" }, this.showAdditionalChrevrons && h("jump-icon", { name: "chevrons-left" }), h("jump-icon", { key: 'dadb4d94ce1bf31219adfa554a47b33f19b9b3a7', name: "chevron-left" }), h("jump-icon", { key: '841030e266c11bda6d75800bbc61f7e0899fd1ae', name: "chevron-right" }), this.showAdditionalChrevrons && h("jump-icon", { name: "chevrons-right" }))))));
+    }
+    static get is() { return "jump-pagination"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["jump-pagination.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["jump-pagination.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "totalElements": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "total-elements",
+                "reflect": true
+            },
+            "currentPage": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "current-page",
+                "reflect": true
+            },
+            "lastPage": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "last-page",
+                "reflect": true
+            },
+            "labelElementsPerPage": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Label for the elements per page select"
+                },
+                "attribute": "label-elements-per-page",
+                "reflect": true,
+                "defaultValue": "'Elementi per pagina'"
+            },
+            "elementsRanges": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "Array<number>",
+                    "resolved": "number[]",
+                    "references": {
+                        "Array": {
+                            "location": "global",
+                            "id": "global::Array"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Values for the elements per page select"
+                },
+                "defaultValue": "[10, 20, 60, 100]"
+            },
+            "firstPage": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates the first page/product of the list"
+                },
+                "attribute": "first-page",
+                "reflect": true
+            },
+            "completeVersion": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If true, the component will show the complete version of the pagination, with elements informations"
+                },
+                "attribute": "complete-version",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "showAdditionalChrevrons": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-additional-chrevrons",
+                "reflect": true,
+                "defaultValue": "false"
+            }
+        };
+    }
+}
+//# sourceMappingURL=jump-pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jump-pagination.js","sourceRoot":"","sources":["../../../src/components/jump-pagination/jump-pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,cAAc;;;;;oCAe+B,qBAAqB;8BAKpB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;;+BAUtB,KAAK;uCAEG,KAAK;;IAEjE,MAAM;;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAC,gBAAgB;YAC1B,4DAAK,KAAK,EAAC,yBAAyB;gBAChC,IAAI,CAAC,eAAe;oBACpB,WAAK,KAAK,EAAC,iBAAiB;wBAC1B,aAAO,OAAO,EAAC,UAAU,IAAE,MAAA,IAAI,CAAC,oBAAoB,mCAAI,mBAAmB,CAAS;wBAChF,cAAQ,IAAI,EAAC,UAAU,EAAC,EAAE,EAAC,UAAU,IAClC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAClC,cAAQ,KAAK,EAAE,KAAK,IAAG,KAAK,CAAU,CACvC,CAAC,CACK,CACT;gBAER,4DAAK,KAAK,EAAC,YAAY;oBACrB,4DAAK,KAAK,EAAC,UAAU,IAClB,IAAI,CAAC,eAAe,CAAC,CAAC;wBACrB;4BACE,gBAAO,IAAI,CAAC,SAAS,CAAQ;;4BAAG,gBAAO,IAAI,CAAC,WAAW,CAAQ;;4BAAI,gBAAO,IAAI,CAAC,aAAa,CAAQ,CAC/F;wBAET,CAAC;4BACC;gCACE,gBAAO,IAAI,CAAC,WAAW,CAAQ;;gCAAI,gBAAO,IAAI,CAAC,QAAQ,CAAQ,CAC1D,CAEL;oBACN,4DAAK,KAAK,EAAC,OAAO;wBACf,IAAI,CAAC,uBAAuB,IAAI,iBAAW,IAAI,EAAC,eAAe,GAAa;wBAC7E,kEAAW,IAAI,EAAC,cAAc,GAAa;wBAC3C,kEAAW,IAAI,EAAC,eAAe,GAAa;wBAC3C,IAAI,CAAC,uBAAuB,IAAI,iBAAW,IAAI,EAAC,gBAAgB,GAAa,CAC1E,CACF,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'jump-pagination',\n  styleUrl: 'jump-pagination.scss',\n  shadow: false,\n})\nexport class JumpPagination {\n  \n  /* ---------------------- @PROPERTIES ------------------------- */\n\n  @Prop({ reflect: true }) totalElements: number;\n\n  /**\n   * \n   */\n  @Prop({ reflect: true }) currentPage: number;\n  @Prop({ reflect: true }) lastPage: number; \n\n  /**\n   * Label for the elements per page select\n   */\n  @Prop({ reflect: true }) labelElementsPerPage: string = 'Elementi per pagina';\n\n  /**\n   * Values for the elements per page select\n   */\n  @Prop({ reflect: true }) elementsRanges: Array<number> = [10, 20, 60, 100];\n\n  /**\n   * Indicates the first page/product of the list\n   */\n  @Prop({ reflect: true }) firstPage: number;\n\n  /**\n   * If true, the component will show the complete version of the pagination, with elements informations\n   */\n  @Prop({ reflect: true }) completeVersion: boolean = false;\n\n  @Prop({ reflect: true }) showAdditionalChrevrons: boolean = false;\n\n  render() {\n    return (\n      <Host class=\"JumpPagination\">\n        <div class=\"JumpPagination__Wrapper\">\n          { this.completeVersion && \n            <div class=\"elementsPerPage\">\n              <label htmlFor=\"elements\">{this.labelElementsPerPage ?? 'Elements per page'}</label>\n                  <select name=\"elements\" id=\"elements\">\n                    {this.elementsRanges.map((range) => (\n                      <option value={range}>{range}</option>\n                    ))}\n                  </select>\n            </div> \n          }\n          <div class=\"indicators\"> \n            <div class=\"elements\">\n              {this.completeVersion ?\n                <span>\n                  <span>{this.firstPage}</span> - <span>{this.currentPage}</span> di <span>{this.totalElements}</span>\n                </span>\n                \n              :\n                <span>\n                  <span>{this.currentPage}</span> di <span>{this.lastPage}</span>\n                </span>\n              }\n            </div>\n            <div class=\"arrow\">\n              {this.showAdditionalChrevrons && <jump-icon name=\"chevrons-left\"></jump-icon>}\n              <jump-icon name=\"chevron-left\"></jump-icon>\n              <jump-icon name=\"chevron-right\"></jump-icon>\n              {this.showAdditionalChrevrons && <jump-icon name=\"chevrons-right\"></jump-icon>}\n            </div> \n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"]}