@jumpgroup/jump-design-system 0.1.9 → 0.2.1

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

@@ -0,0 +1,232 @@
+import { Host, h } from "@stencil/core";
+export class AppCard {
+    constructor() {
+        this.horizontal = false;
+        this.dark = false;
+        this.shadow = undefined;
+        this.border = undefined;
+        this.borderRadius = false;
+        this.topBorderContentRadius = false;
+        this.boxed = false;
+        this.roundedMedia = false;
+        this.imgSrc = '';
+        this.imgAlt = '';
+        this.videoSrc = '';
+    }
+    render() {
+        return (h(Host, { key: 'a1f0752a89731d2f493060b79548fa69e99e1e68', horizontal: this.horizontal, "border-radius": this.borderRadius, "rounded-media": this.roundedMedia, "top-border-content-radius": this.topBorderContentRadius, boxed: this.boxed, shadow: this.shadow, border: this.border }, this.imgSrc && !this.videoSrc ? h("img", { src: this.imgSrc, alt: this.imgAlt }) : '', this.videoSrc && !this.imgSrc ?
+            h("video", { autoplay: true }, h("source", { src: this.videoSrc, type: "video/mp4" }), h("source", { src: this.videoSrc, type: "video/mov" }), h("source", { src: this.videoSrc, type: "video/webm" })) : '', h("div", { key: 'a7d7a20a7a5960f3fab3d417d224dd711d119e0b', class: "Content" }, h("slot", { key: '7667cd1ea36b6f2115174f0fa39a6368bc020b16', name: "body" }), h("slot", { key: 'bbaded488f7b0603a9aa19e1549ba41e524ad322', name: "footer" }))));
+    }
+    static get is() { return "jump-card"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["jump-card.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["jump-card.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "horizontal": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates if the card is horizontal"
+                },
+                "attribute": "horizontal",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "dark": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates if the card is horizontal"
+                },
+                "attribute": "dark",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "shadow": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates if card has shadow"
+                },
+                "attribute": "shadow",
+                "reflect": true
+            },
+            "border": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates if card has borders"
+                },
+                "attribute": "border",
+                "reflect": true
+            },
+            "borderRadius": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates if borders of the entire card are rounded"
+                },
+                "attribute": "border-radius",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "topBorderContentRadius": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates if border top of the body is rounded; Not compatible with boxed"
+                },
+                "attribute": "top-border-content-radius",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "boxed": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates if media has padding; Not compatible with roundedMedia"
+                },
+                "attribute": "boxed",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "roundedMedia": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates if image is rounded and there isnt a bg"
+                },
+                "attribute": "rounded-media",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "imgSrc": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates the imgSrc of the card"
+                },
+                "attribute": "img-src",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "imgAlt": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates the img's alt of the card"
+                },
+                "attribute": "img-alt",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "videoSrc": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates the videoSrc of the card"
+                },
+                "attribute": "video-src",
+                "reflect": true,
+                "defaultValue": "''"
+            }
+        };
+    }
+}
+//# sourceMappingURL=jump-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jump-card.js","sourceRoot":"","sources":["../../../src/components/jump-card/jump-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,OAAO;;0BAI2B,KAAK;oBAKX,KAAK;;;4BAeG,KAAK;sCAKK,KAAK;qBAKtB,KAAK;4BAKE,KAAK;sBAKZ,EAAE;sBAKF,EAAE;wBAKA,EAAE;;IAE5C,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,UAAU,EAAE,IAAI,CAAC,UAAU,mBAAiB,IAAI,CAAC,YAAY,mBAAiB,IAAI,CAAC,YAAY,+BAA6B,IAAI,CAAC,sBAAsB,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM;YACvN,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAK,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,MAAM,GAAQ,CAAC,CAAC,CAAC,EAAE;YACpF,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAC9B,aAAO,QAAQ;oBACb,cAAQ,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,WAAW,GAAE;oBAC9C,cAAQ,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,WAAW,GAAE;oBAC9C,cAAQ,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,YAAY,GAAE,CACzC,CAAC,CAAC,CAAC,EAAE;YACf,4DAAK,KAAK,EAAC,SAAS;gBAClB,6DAAM,IAAI,EAAC,MAAM,GAAQ;gBACzB,6DAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'jump-card',\n  styleUrl: 'jump-card.scss',\n  shadow: false,\n})\nexport class AppCard {\n  /**\n   * Indicates if the card is horizontal\n   */\n  @Prop({reflect: true}) horizontal: boolean = false;\n\n  /**\n   * Indicates if the card is horizontal\n   */\n  @Prop({reflect: true}) dark: boolean = false;\n\n  /**\n * Indicates if card has shadow\n */\n  @Prop({reflect: true}) shadow: boolean;\n\n  /**\n   * Indicates if card has borders\n   */\n  @Prop({reflect: true}) border: boolean;\n\n  /**\n   * Indicates if borders of the entire card are rounded\n   */\n  @Prop({reflect: true}) borderRadius: boolean = false;\n\n  /**\n   * Indicates if border top of the body is rounded; Not compatible with boxed\n   */\n  @Prop({reflect: true}) topBorderContentRadius: boolean = false;\n\n  /**\n   * Indicates if media has padding; Not compatible with roundedMedia\n   */\n  @Prop({reflect: true}) boxed: boolean = false;\n\n  /**\n   * Indicates if image is rounded and there isnt a bg\n   */\n  @Prop({reflect: true}) roundedMedia: boolean = false;\n\n  /**\n   * Indicates the imgSrc of the card\n   */\n  @Prop({reflect: true}) imgSrc: string = '';\n\n  /**\n   * Indicates the img's alt of the card\n   */\n  @Prop({reflect: true}) imgAlt: string = '';\n\n  /**\n   * Indicates the videoSrc of the card\n   */\n  @Prop({reflect: true}) videoSrc: string = '';\n\n  render() {\n    return (\n      <Host horizontal={this.horizontal} border-radius={this.borderRadius} rounded-media={this.roundedMedia} top-border-content-radius={this.topBorderContentRadius} boxed={this.boxed} shadow={this.shadow} border={this.border}>\n        {this.imgSrc && !this.videoSrc ? <img src={this.imgSrc} alt={this.imgAlt}></img> : ''}\n        {this.videoSrc && !this.imgSrc ? \n          <video autoplay> \n            <source src={this.videoSrc} type=\"video/mp4\"/> \n            <source src={this.videoSrc} type=\"video/mov\"/> \n            <source src={this.videoSrc} type=\"video/webm\"/> \n          </video> : ''}\n        <div class=\"Content\">\n          <slot name=\"body\"></slot>\n          <slot name=\"footer\"></slot>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"]}

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

@@ -0,0 +1,113 @@
+export default {
+    title: 'Components/Card/BaseCard',
+    tags: ['autodocs'],
+    argTypes: {
+        horizontal: {
+            name: 'Direzione della card',
+            description: 'Di default è verticale, se si imposta horizontal su true diventa Orizzontale',
+            control: 'boolean',
+            defaultValue: false
+        },
+        dark: {
+            name: 'Card di colore scuro',
+            description: 'Di default ha lo sfondo bianco, se si imposta dark su true diventa con sfondo grigio scuro',
+            control: 'boolean',
+            defaultValue: false
+        },
+        border: {
+            name: 'Card con bordo',
+            control: 'boolean',
+            defaultValue: false
+        },
+        shadow: {
+            name: 'Card con ombra',
+            control: 'boolean',
+            defaultValue: false
+        },
+        borderRadius: {
+            name: 'Bordi arrotondati',
+            description: 'Imposta i bordi della card arrotondati',
+            control: 'boolean',
+            // if:{
+            //   arg: 'topBorderContentRadius',
+            //   eq: false
+            // }
+        },
+        topBorderContentRadius: {
+            name: 'Border top Content',
+            description: 'Border top del Content (esclusa la sezione media) arrotondato',
+            control: 'boolean',
+            // if:{
+            //   arg: 'borderRadius',
+            //   eq: false
+            // }
+        },
+        boxed: {
+            name: 'Boxed',
+            description: 'Imposta un padding intorno al media',
+            control: 'boolean',
+        },
+        roundedMedia: {
+            name: 'Immagine o Video arrotondati',
+            description: 'Imposta l\'immagine o il video arrotondati e senza sfondo',
+            control: 'boolean',
+        },
+        imgSrc: {
+            name: 'Url del\'immagine',
+            description: 'Url dell\'immagine da visualizzare, si attiva solo se non è presente videoSrc',
+            control: 'text',
+            if: {
+                arg: 'videoSrc',
+                exists: false
+            }
+        },
+        imgAlt: {
+            name: 'Alt dell\'immagine',
+            description: 'Alt dell\'immagine da visualizzare, si attiva solo se è presente imgSrc',
+            control: 'text',
+            if: {
+                arg: 'imgSrc',
+                exists: true
+            }
+        },
+        videoSrc: {
+            name: 'Url del video',
+            description: 'Url del video da visualizzare, si attiva solo se non è presente imgSrc',
+            control: 'text',
+            if: {
+                arg: 'imgSrc',
+                exists: false
+            }
+        },
+    }
+};
+const Template = (args) => {
+    var _a;
+    return `<jump-card class="${(_a = args.class) !== null && _a !== void 0 ? _a : ''}" 
+  ${args.videoSrc ? `video-src="${args.videoSrc}"` : ''} 
+  ${args.imgSrc ? `img-src="${args.imgSrc}"` : ''} 
+  ${args.imgAlt ? `img-alt="${args.imgAlt}"` : ''} 
+  ${args.border == true ? 'border' : ''} 
+  ${args.horizontal == true ? 'horizontal' : ''} 
+  ${args.dark == true ? 'dark' : ''} 
+  ${args.borderRadius == true ? 'border-radius' : ''} 
+  ${args.topBorderContentRadius == true ? 'top-border-content-radius' : ''} 
+  ${args.boxed == true ? 'boxed' : ''} 
+  ${args.roundedMedia == true ? 'rounded-media' : ''} 
+  ${args.shadow == true ? 'shadow' : ''} 
+  > 
+    <div class="ContentWrapper" slot="body">
+      <h3 style="margin-top: 0">Titolo della card</h3>
+      <p>Testo della card</p>
+    </div>
+    <jump-button slot="footer" id="#card" class=" "variant="secondary" size="medium" href="#" target="_self" ariaLabel="sono un bottone" text>
+    Scopri di più<jump-icon slot="suffix" name="arrow-right"></jump-icon></jump-button>
+  </jump-card>`;
+};
+export const Card = Template.bind({});
+Card.args = {
+    imgSrc: 'https://picsum.photos/300/200',
+    imgAlt: 'Immagine',
+    border: false,
+};
+//# sourceMappingURL=jump-card.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jump-card.stories.js","sourceRoot":"","sources":["../../../src/components/jump-card/jump-card.stories.ts"],"names":[],"mappings":"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","sourcesContent":["export default {\n  title: 'Components/Card/BaseCard',\n  tags: ['autodocs'],\n  argTypes: {\n    horizontal: {\n      name: 'Direzione della card',\n      description: 'Di default è verticale, se si imposta horizontal su true diventa Orizzontale',\n      control: 'boolean',\n      defaultValue: false\n    },\n    dark: {\n      name: 'Card di colore scuro',\n      description: 'Di default ha lo sfondo bianco, se si imposta dark su true diventa con sfondo grigio scuro',\n      control: 'boolean',\n      defaultValue: false\n    },\n    border:{\n      name: 'Card con bordo',\n      control: 'boolean',\n      defaultValue: false\n    },\n    shadow:{\n      name: 'Card con ombra',\n      control: 'boolean',\n      defaultValue: false\n    },\n    borderRadius: {\n      name: 'Bordi arrotondati',\n      description: 'Imposta i bordi della card arrotondati',\n      control: 'boolean',\n      // if:{\n      //   arg: 'topBorderContentRadius',\n      //   eq: false\n      // }\n    },\n    topBorderContentRadius: {\n      name: 'Border top Content',\n      description: 'Border top del Content (esclusa la sezione media) arrotondato',\n      control: 'boolean',\n      // if:{\n      //   arg: 'borderRadius',\n      //   eq: false\n      // }\n    },\n    boxed: {\n      name: 'Boxed',\n      description: 'Imposta un padding intorno al media',\n      control: 'boolean',\n    },\n    roundedMedia: {\n      name: 'Immagine o Video arrotondati',\n      description: 'Imposta l\\'immagine o il video arrotondati e senza sfondo',\n      control: 'boolean',\n    },\n    imgSrc: {\n      name: 'Url del\\'immagine',\n      description: 'Url dell\\'immagine da visualizzare, si attiva solo se non è presente videoSrc',\n      control: 'text',\n      if:{\n        arg: 'videoSrc',\n        exists: false\n      }\n    },\n    imgAlt: {\n      name: 'Alt dell\\'immagine',\n      description: 'Alt dell\\'immagine da visualizzare, si attiva solo se è presente imgSrc',\n      control: 'text',\n      if:{\n        arg: 'imgSrc',\n        exists: true\n      }\n    },\n    videoSrc: {\n      name: 'Url del video',\n      description: 'Url del video da visualizzare, si attiva solo se non è presente imgSrc',\n      control: 'text',\n      if:{\n        arg: 'imgSrc',\n        exists: false\n      }\n    },\n  }\n};\n\nconst Template = (args) => {\n  return `<jump-card class=\"${args.class ?? ''}\" \n  ${args.videoSrc ? `video-src=\"${args.videoSrc}\"` : ''} \n  ${args.imgSrc ? `img-src=\"${args.imgSrc}\"` : ''} \n  ${args.imgAlt ? `img-alt=\"${args.imgAlt}\"` : ''} \n  ${args.border == true ? 'border' : ''} \n  ${args.horizontal == true ? 'horizontal' : ''} \n  ${args.dark == true ? 'dark' : ''} \n  ${args.borderRadius == true ? 'border-radius' : ''} \n  ${args.topBorderContentRadius == true ? 'top-border-content-radius' : ''} \n  ${args.boxed == true ? 'boxed' : ''} \n  ${args.roundedMedia == true ? 'rounded-media' : ''} \n  ${args.shadow == true ? 'shadow' : ''} \n  > \n    <div class=\"ContentWrapper\" slot=\"body\">\n      <h3 style=\"margin-top: 0\">Titolo della card</h3>\n      <p>Testo della card</p>\n    </div>\n    <jump-button slot=\"footer\" id=\"#card\" class=\" \"variant=\"secondary\" size=\"medium\" href=\"#\" target=\"_self\" ariaLabel=\"sono un bottone\" text>\n    Scopri di più<jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon></jump-button>\n  </jump-card>`\n}\n\nexport const Card = Template.bind({});\nCard.args = {\n  imgSrc: 'https://picsum.photos/300/200',\n  imgAlt: 'Immagine',\n  border: false,\n};"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,94 @@
+export default {
+    title: 'Components/Pagination/Pages',
+    tags: ['autodocs'],
+    argTypes: {
+        completeVersion: {
+            name: 'Versione con selezione di prodotti',
+            control: 'boolean',
+            description: 'Indica se mostrare la versione con selezione di prodotti'
+        },
+        showAdditionalChrevrons: {
+            name: 'Mostra frecce aggiuntive',
+            control: 'boolean',
+            description: 'Indica se mostrare le frecce aggiuntive per navigare rapidamente nella prima o ultima pagina. Da preferire con un numero elevato di pagine.'
+        },
+        firstPage: {
+            name: 'Primo elemento',
+            control: 'number',
+            description: 'Se si tratta di pagination per prodotti, indica il valore min di range di prodotto, altrimenti la prima pagina',
+            if: {
+                arg: 'completeVersion',
+                eq: true
+            },
+        },
+        currentPage: {
+            name: 'Elemento Corrente',
+            control: 'number',
+            description: 'Se si tratta di pagination per prodotti, indica il valore max di range di prodotto, altrimenti la pagina corrente'
+        },
+        lastPage: {
+            name: 'Ultima pagina',
+            control: 'number',
+            description: 'Indica l\'ultima pagina',
+            if: {
+                arg: 'completeVersion',
+                eq: false
+            },
+        },
+        totalElements: {
+            name: 'Elementi totali',
+            control: 'number',
+            description: 'Indica il numero totale di elementi disponibili. ',
+            if: {
+                arg: 'completeVersion',
+                eq: true
+            },
+        },
+        labelElementsPerPage: {
+            name: 'Etichetta elementi per pagina',
+            control: 'text',
+            description: 'Indica l\'etichetta per gli elementi per pagina',
+            if: {
+                arg: 'completeVersion',
+                eq: true
+            },
+        },
+        elementsRanges: {
+            name: 'Range elementi',
+            control: 'multi-select',
+            options: [10, 20, 30],
+            if: {
+                arg: 'completeVersion',
+                eq: true
+            },
+        },
+    }
+};
+const Template = (args) => {
+    return `<jump-pagination 
+              current-page="${args.currentPage}" 
+              first-page="${args.firstPage}" 
+              last-page="${args.lastPage}" 
+              total-elements="${args.totalElements}"
+              complete-version=${args.completeVersion} 
+              elements-ranges="${args.elementsRanges}"
+              show-additional-chrevrons=${args.showAdditionalChrevrons}>
+          </jump-pagination>`;
+};
+export const PaginationPerPagineRidotto = Template.bind({});
+PaginationPerPagineRidotto.args = {
+    completeVersion: false,
+    showAdditionalChrevrons: false,
+    firstPage: 1,
+    currentPage: 5,
+    lastPage: 10,
+};
+export const PaginationPerPagineCompleto = Template.bind({});
+PaginationPerPagineCompleto.args = {
+    completeVersion: false,
+    showAdditionalChrevrons: true,
+    firstPage: 1,
+    currentPage: 5,
+    lastPage: 10,
+};
+//# sourceMappingURL=jump-pagination-pages.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jump-pagination-pages.stories.js","sourceRoot":"","sources":["../../../src/components/jump-pagination/jump-pagination-pages.stories.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,eAAe,EAAE;YACf,IAAI,EAAE,oCAAoC;YAC1C,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,0DAA0D;SACxE;QACD,uBAAuB,EAAE;YACvB,IAAI,EAAE,0BAA0B;YAChC,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,6IAA6I;SAC3J;QACD,SAAS,EAAE;YACT,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,gHAAgH;YAC7H,EAAE,EAAE;gBACF,GAAG,EAAE,iBAAiB;gBACtB,EAAE,EAAE,IAAI;aACT;SACF;QACD,WAAW,EAAE;YACX,IAAI,EAAE,mBAAmB;YACzB,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,mHAAmH;SACjI;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,yBAAyB;YACpC,EAAE,EAAE;gBACJ,GAAG,EAAE,iBAAiB;gBACtB,EAAE,EAAE,KAAK;aACV;SACF;QACD,aAAa,EAAE;YACb,IAAI,EAAE,iBAAiB;YACvB,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,mDAAmD;YAChE,EAAE,EAAE;gBACF,GAAG,EAAE,iBAAiB;gBACtB,EAAE,EAAE,IAAI;aACT;SACF;QACD,oBAAoB,EAAE;YACpB,IAAI,EAAE,+BAA+B;YACrC,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,iDAAiD;YAC5D,EAAE,EAAE;gBACJ,GAAG,EAAE,iBAAiB;gBACtB,EAAE,EAAE,IAAI;aACT;SACF;QACD,cAAc,EAAE;YACd,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;YACrB,EAAE,EAAE;gBACF,GAAG,EAAE,iBAAiB;gBACtB,EAAE,EAAE,IAAI;aACT;SACF;KAIF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;IACxB,OAAO;8BACqB,IAAI,CAAC,WAAW;4BAClB,IAAI,CAAC,SAAS;2BACf,IAAI,CAAC,QAAQ;gCACR,IAAI,CAAC,aAAa;iCACjB,IAAI,CAAC,eAAe;iCACpB,IAAI,CAAC,cAAc;0CACV,IAAI,CAAC,uBAAuB;6BACzC,CAAC;AAC9B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE5D,0BAA0B,CAAC,IAAI,GAAG;IAChC,eAAe,EAAE,KAAK;IACtB,uBAAuB,EAAE,KAAK;IAC9B,SAAS,EAAE,CAAC;IACZ,WAAW,EAAE,CAAC;IACd,QAAQ,EAAC,EAAE;CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE7D,2BAA2B,CAAC,IAAI,GAAG;IACjC,eAAe,EAAE,KAAK;IACtB,uBAAuB,EAAE,IAAI;IAC7B,SAAS,EAAE,CAAC;IACZ,WAAW,EAAE,CAAC;IACd,QAAQ,EAAC,EAAE;CACZ,CAAC","sourcesContent":["export default {\n  title: 'Components/Pagination/Pages',\n  tags: ['autodocs'],\n  argTypes: {\n    completeVersion: {\n      name: 'Versione con selezione di prodotti',\n      control: 'boolean',\n      description: 'Indica se mostrare la versione con selezione di prodotti'\n    },\n    showAdditionalChrevrons: {\n      name: 'Mostra frecce aggiuntive',\n      control: 'boolean',\n      description: 'Indica se mostrare le frecce aggiuntive per navigare rapidamente nella prima o ultima pagina. Da preferire con un numero elevato di pagine.'\n    },\n    firstPage: {\n      name: 'Primo elemento',\n      control: 'number',\n      description: 'Se si tratta di pagination per prodotti, indica il valore min di range di prodotto, altrimenti la prima pagina',\n      if: {\n        arg: 'completeVersion',\n        eq: true\n      },\n    },\n    currentPage: {\n      name: 'Elemento Corrente',\n      control: 'number',\n      description: 'Se si tratta di pagination per prodotti, indica il valore max di range di prodotto, altrimenti la pagina corrente'\n    },\n    lastPage: {\n      name: 'Ultima pagina',\n      control: 'number',\n      description: 'Indica l\\'ultima pagina',\n        if: {\n        arg: 'completeVersion',\n        eq: false\n      },\n    },\n    totalElements: {\n      name: 'Elementi totali',\n      control: 'number',\n      description: 'Indica il numero totale di elementi disponibili. ',\n      if: {\n        arg: 'completeVersion',\n        eq: true\n      },\n    },\n    labelElementsPerPage: {\n      name: 'Etichetta elementi per pagina',\n      control: 'text',\n      description: 'Indica l\\'etichetta per gli elementi per pagina',\n        if: {\n        arg: 'completeVersion',\n        eq: true\n      },\n    },\n    elementsRanges: {\n      name: 'Range elementi',\n      control: 'multi-select', \n      options: [10, 20, 30],\n      if: {\n        arg: 'completeVersion',\n        eq: true\n      }, \n    },\n\n    \n    \n  }\n};\n\nconst Template = (args) => {\n  return `<jump-pagination \n              current-page=\"${args.currentPage}\" \n              first-page=\"${args.firstPage}\" \n              last-page=\"${args.lastPage}\" \n              total-elements=\"${args.totalElements}\"\n              complete-version=${args.completeVersion} \n              elements-ranges=\"${args.elementsRanges}\"\n              show-additional-chrevrons=${args.showAdditionalChrevrons}>\n          </jump-pagination>`;\n};\n\nexport const PaginationPerPagineRidotto = Template.bind({});\n\nPaginationPerPagineRidotto.args = {\n  completeVersion: false,\n  showAdditionalChrevrons: false,\n  firstPage: 1,\n  currentPage: 5,\n  lastPage:10,\n};\n\nexport const PaginationPerPagineCompleto = Template.bind({});\n\nPaginationPerPagineCompleto.args = {\n  completeVersion: false,\n  showAdditionalChrevrons: true,\n  firstPage: 1,\n  currentPage: 5,\n  lastPage:10,\n};\n"]}

package/dist/collection/components/jump-pagination/{jump-pagination.stories.js → jump-pagination-products.stories.js}

@@ -1,5 +1,5 @@
 export default {
-    title: 'Components/Atoms/Pagination',
+    title: 'Components/Pagination/Products',
     tags: ['autodocs'],
     argTypes: {
         completeVersion: {
@@ -97,20 +97,20 @@ PaginationPerProdottiCompleto.args = {
     labelElementsPerPage: "Elementi per pagina",
     elementsRanges: [10, 20, 60, 100],
 };
-export const PaginationPerPagineRidotto = Template.bind({});
-PaginationPerPagineRidotto.args = {
-    completeVersion: false,
-    showAdditionalChrevrons: false,
-    firstPage: 1,
-    currentPage: 5,
-    lastPage: 10,
-};
-export const PaginationPerPagineCompleto = Template.bind({});
-PaginationPerPagineCompleto.args = {
-    completeVersion: false,
-    showAdditionalChrevrons: true,
-    firstPage: 1,
-    currentPage: 5,
-    lastPage: 10,
-};
-//# sourceMappingURL=jump-pagination.stories.js.map
+// export const PaginationPerPagineRidotto = Template.bind({});
+// PaginationPerPagineRidotto.args = {
+//   completeVersion: false,
+//   showAdditionalChrevrons: false,
+//   firstPage: 1,
+//   currentPage: 5,
+//   lastPage:10,
+// };
+// export const PaginationPerPagineCompleto = Template.bind({});
+// PaginationPerPagineCompleto.args = {
+//   completeVersion: false,
+//   showAdditionalChrevrons: true,
+//   firstPage: 1,
+//   currentPage: 5,
+//   lastPage:10,
+// };
+//# sourceMappingURL=jump-pagination-products.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jump-pagination-products.stories.js","sourceRoot":"","sources":["../../../src/components/jump-pagination/jump-pagination-products.stories.ts"],"names":[],"mappings":"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","sourcesContent":["export default {\n  title: 'Components/Pagination/Products',\n  tags: ['autodocs'],\n  argTypes: {\n    completeVersion: {\n      name: 'Versione con selezione di prodotti',\n      control: 'boolean',\n      description: 'Indica se mostrare la versione con selezione di prodotti'\n    },\n    showAdditionalChrevrons: {\n      name: 'Mostra frecce aggiuntive',\n      control: 'boolean',\n      description: 'Indica se mostrare le frecce aggiuntive per navigare rapidamente nella prima o ultima pagina. Da preferire con un numero elevato di pagine.'\n    },\n    firstPage: {\n      name: 'Primo elemento',\n      control: 'number',\n      description: 'Se si tratta di pagination per prodotti, indica il valore min di range di prodotto, altrimenti la prima pagina',\n      if: {\n        arg: 'completeVersion',\n        eq: true\n      },\n    },\n    currentPage: {\n      name: 'Elemento Corrente',\n      control: 'number',\n      description: 'Se si tratta di pagination per prodotti, indica il valore max di range di prodotto, altrimenti la pagina corrente'\n    },\n    lastPage: {\n      name: 'Ultima pagina',\n      control: 'number',\n      description: 'Indica l\\'ultima pagina',\n        if: {\n        arg: 'completeVersion',\n        eq: false\n      },\n    },\n    totalElements: {\n      name: 'Elementi totali',\n      control: 'number',\n      description: 'Indica il numero totale di elementi disponibili. ',\n      if: {\n        arg: 'completeVersion',\n        eq: true\n      },\n    },\n    labelElementsPerPage: {\n      name: 'Etichetta elementi per pagina',\n      control: 'text',\n      description: 'Indica l\\'etichetta per gli elementi per pagina',\n        if: {\n        arg: 'completeVersion',\n        eq: true\n      },\n    },\n    elementsRanges: {\n      name: 'Range elementi',\n      control: 'multi-select', \n      options: [10, 20, 30],\n      if: {\n        arg: 'completeVersion',\n        eq: true\n      }, \n    },\n\n    \n    \n  }\n};\n\nconst Template = (args) => {\n  return `<jump-pagination \n              current-page=\"${args.currentPage}\" \n              first-page=\"${args.firstPage}\" \n              last-page=\"${args.lastPage}\" \n              total-elements=\"${args.totalElements}\"\n              complete-version=${args.completeVersion} \n              elements-ranges=\"${args.elementsRanges}\"\n              show-additional-chrevrons=${args.showAdditionalChrevrons}>\n          </jump-pagination>`;\n};\n\nexport const PaginationPerProdottiRidotto = Template.bind({});\n\nPaginationPerProdottiRidotto.args = {\n  completeVersion: true,\n  showAdditionalChrevrons: false,\n  firstPage: 1,\n  currentPage: 1,\n  lastPage:20,\n  totalElements: 150,\n  labelElementsPerPage: \"Elementi per pagina\",\n  elementsRanges: [10, 20, 60, 100],\n};\n\nexport const PaginationPerProdottiCompleto = Template.bind({});\n\nPaginationPerProdottiCompleto.args = {\n  completeVersion: true,\n  showAdditionalChrevrons: true,\n  firstPage: 1,\n  currentPage: 1,\n  lastPage:20,\n  totalElements: 150,\n  labelElementsPerPage: \"Elementi per pagina\",\n  elementsRanges: [10, 20, 60, 100],\n};\n\n\n// export const PaginationPerPagineRidotto = Template.bind({});\n\n// PaginationPerPagineRidotto.args = {\n//   completeVersion: false,\n//   showAdditionalChrevrons: false,\n//   firstPage: 1,\n//   currentPage: 5,\n//   lastPage:10,\n// };\n\n// export const PaginationPerPagineCompleto = Template.bind({});\n\n// PaginationPerPagineCompleto.args = {\n//   completeVersion: false,\n//   showAdditionalChrevrons: true,\n//   firstPage: 1,\n//   currentPage: 5,\n//   lastPage:10,\n// };\n"]}

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

@@ -12,11 +12,11 @@ export class JumpPagination {
     }
     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 ?
+        return (h(Host, { key: 'e19fd7770573042573cc19152c02c74054c80ca0', class: "JumpPagination" }, h("div", { key: '293584737d7a7d04e6d35756736f5041e79057bc', 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: 'abcc46875ebf0e3d6197b964b6ae5fc7d3478bd8', class: "indicators" }, h("div", { key: '4bf7e8c0470eb551389f35ac9325162a01ebdde2', 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" }))))));
+                h("span", null, h("span", null, this.currentPage), " di ", h("span", null, this.lastPage))), h("div", { key: '977288ffe184d14a7bf5b3fe8cb0d252324b303c', class: "arrow" }, this.showAdditionalChrevrons && h("jump-icon", { name: "chevrons-left" }), h("jump-icon", { key: 'b4707986287695a858e70ad2765f2b7e6a3d144c', name: "chevron-left" }), h("jump-icon", { key: '2cbe3824ee94c3d893784ffb78fefff385c714d3', name: "chevron-right" }), this.showAdditionalChrevrons && h("jump-icon", { name: "chevrons-right" }))))));
     }
     static get is() { return "jump-pagination"; }
     static get originalStyleUrls() {

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

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