@jumpgroup/jump-design-system 0.2.1 → 0.2.3

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

@@ -1,5 +1,5 @@
 import { Host, h } from "@stencil/core";
-export class AppButton {
+export class JumpButton {
     constructor() {
         this.disabled = false;
         this.variant = 'primary';
@@ -17,10 +17,14 @@ export class AppButton {
         this.class = undefined;
         this.buttonId = undefined;
     }
+    componentWillLoad() {
+        this.target = this.href ? this.target : '_self';
+    }
     render() {
-        return (h(Host, { key: '21647cd89a0a179d5c035f5e7f533f54375311cf' }, this.href ? (h("a", { href: this.href, id: this.buttonId, class: this.class, "data-variant": this.variant, "data-outline": this.outline, "data-size": this.size, "data-pill": this.pill, "data-text": this.text, "data-only-icon": this.onlyIcon, "aria-label": this.ariaLabel, target: this.target }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" }))) : (h("button", { id: this.buttonId, class: this.class, "data-variant": this.variant, "data-outline": this.outline, "data-size": this.size, "data-pill": this.pill, "data-text": this.text, "data-only-icon": this.onlyIcon, disabled: this.disabled, "aria-label": this.ariaLabel, type: this.type, name: this.name, value: this.value }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" })))));
+        return (h(Host, { key: '6b61dcd618e7aee12b9f539c6a092d524566ba47' }, this.href ? (h("a", { href: this.href, id: this.buttonId, class: this.class, "data-variant": this.variant, "data-outline": this.outline, "data-size": this.size, "data-pill": this.pill, "data-text": this.text, "data-only-icon": this.onlyIcon, "aria-label": this.ariaLabel, target: this.target }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" }))) : (h("button", { id: this.buttonId, class: this.class, "data-variant": this.variant, "data-outline": this.outline, "data-size": this.size, "data-pill": this.pill, "data-text": this.text, "data-only-icon": this.onlyIcon, disabled: this.disabled, "aria-label": this.ariaLabel, type: this.type, name: this.name, value: this.value }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" })))));
     }
     static get is() { return "jump-button"; }
+    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
             "$": ["jump-button.scss"]
@@ -66,7 +70,7 @@ export class AppButton {
                     "text": "Indicates the variant of the button"
                 },
                 "attribute": "variant",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "'primary'"
             },
             "outline": {
@@ -84,7 +88,7 @@ export class AppButton {
                     "text": "Indicates the button as outline"
                 },
                 "attribute": "outline",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "false"
             },
             "size": {
@@ -102,7 +106,7 @@ export class AppButton {
                     "text": "Indicates the size of the button"
                 },
                 "attribute": "size",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "'medium'"
             },
             "pill": {
@@ -120,7 +124,7 @@ export class AppButton {
                     "text": "Indicates the button as pill"
                 },
                 "attribute": "pill",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "false"
             },
             "text": {
@@ -138,7 +142,7 @@ export class AppButton {
                     "text": "Indicates the button as text"
                 },
                 "attribute": "text",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "false"
             },
             "onlyIcon": {
@@ -156,7 +160,7 @@ export class AppButton {
                     "text": "Indicates the button as only icon"
                 },
                 "attribute": "only-icon",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "false"
             },
             "href": {
@@ -174,8 +178,7 @@ export class AppButton {
                     "text": "Indicates if button becames a anchor"
                 },
                 "attribute": "href",
-                "reflect": true,
-                "defaultValue": "undefined"
+                "reflect": false
             },
             "target": {
                 "type": "string",
@@ -192,7 +195,7 @@ export class AppButton {
                     "text": "Indicates the type of anchor's target"
                 },
                 "attribute": "target",
-                "reflect": true
+                "reflect": false
             },
             "type": {
                 "type": "string",
@@ -209,7 +212,7 @@ export class AppButton {
                     "text": "Indicates type button"
                 },
                 "attribute": "type",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "'button'"
             },
             "name": {
@@ -227,7 +230,7 @@ export class AppButton {
                     "text": "Indicates the name that the sender button will send"
                 },
                 "attribute": "name",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "undefined"
             },
             "value": {
@@ -245,7 +248,7 @@ export class AppButton {
                     "text": "Indicates the value that the sender button will send"
                 },
                 "attribute": "value",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "undefined"
             },
             "ariaLabel": {
@@ -263,7 +266,7 @@ export class AppButton {
                     "text": "Indicates the value of text alternative to an element that has no visible text on the screen"
                 },
                 "attribute": "aria-label",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "undefined"
             },
             "class": {
@@ -281,7 +284,7 @@ export class AppButton {
                     "text": "Indicates classes of the component"
                 },
                 "attribute": "class",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "undefined"
             },
             "buttonId": {
@@ -299,7 +302,7 @@ export class AppButton {
                     "text": "Indicates classes of the component"
                 },
                 "attribute": "button-id",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "undefined"
             }
         };

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

@@ -1 +1 @@
-{"version":3,"file":"jump-button.js","sourceRoot":"","sources":["../../../src/components/jump-button/jump-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,SAAS;;wBAIQ,KAAK;uBAK4C,SAAS;uBAK5C,KAAK;oBAKT,QAAQ;oBAKP,KAAK;oBAKL,KAAK;wBAKD,KAAK;oBAKV,SAAS;;oBAUU,QAAQ;oBAK3B,SAAS;qBAKR,SAAS;yBAKL,SAAS;qBAKb,SAAS;wBAKN,SAAS;;IAEnD,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,uDACF,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,SAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,kBAAgB,IAAI,CAAC,OAAO,kBAAgB,IAAI,CAAC,OAAO,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,oBAAkB,IAAI,CAAC,QAAQ,gBAAc,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM;YAChQ,YAAM,IAAI,EAAC,QAAQ,GAAQ;YAC1B,CAAC,IAAI,CAAC,QAAQ,IAAI,eAAa;YAChC,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACzB,CACL,CAAC,CAAC,CAAC,CACF,cAAQ,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,kBAAgB,IAAI,CAAC,OAAO,kBAAgB,IAAI,CAAC,OAAO,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,oBAAkB,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,gBAAc,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK;YAC7S,YAAM,IAAI,EAAC,QAAQ,GAAQ;YAC1B,CAAC,IAAI,CAAC,QAAQ,IAAI,eAAa;YAChC,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACpB,CACV,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'jump-button',\n  styleUrl: 'jump-button.scss',\n  shadow: false,\n})\nexport class AppButton {\n  /**\n   * Set the button as disabled; Vale solo per i bottoni\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Indicates the variant of the button\n   */\n  @Prop({reflect: true}) variant: 'primary'|'secondary'|'tertiary'|'neutral' = 'primary';\n\n  /**\n   * Indicates the button as outline\n   */\n  @Prop({reflect: true}) outline: boolean = false;\n\n  /**\n   * Indicates the size of the button\n   */\n  @Prop({reflect: true}) size: string = 'medium';\n\n  /**\n   * Indicates the button as pill\n   */\n  @Prop({reflect: true}) pill: boolean = false;\n\n  /**\n    * Indicates the button as text\n   */\n  @Prop({reflect: true}) text: boolean = false;\n\n  /**\n   * Indicates the button as only icon\n   **/\n  @Prop({reflect: true}) onlyIcon: boolean = false;\n\n  /**\n   * Indicates if button becames a anchor\n   **/\n  @Prop({reflect: true}) href: string = undefined;\n\n  /**\n   * Indicates the type of anchor's target \n   **/\n  @Prop({reflect: true}) target: '_blank' | '_parent' | '_self' | '_top'\n\n  /**\n   * Indicates type button\n   **/\n  @Prop({reflect: true}) type: 'button'|'submit'|'reset' = 'button';\n\n  /**\n   * Indicates the name that the sender button will send\n   **/\n  @Prop({reflect: true}) name: string = undefined;\n\n  /**\n   * Indicates the value that the sender button will send\n   **/\n  @Prop({reflect: true}) value: string = undefined;\n\n  /**\n   * Indicates the value of text alternative to an element that has no visible text on the screen\n   **/\n  @Prop({reflect: true}) ariaLabel: string = undefined;\n\n  /**\n   * Indicates classes of the component\n   **/\n  @Prop({reflect: true}) class: string = undefined;\n\n  /**\n   * Indicates classes of the component\n   **/\n  @Prop({reflect: true}) buttonId: string = undefined;\n\n  render() {\n    return (\n      <Host>\n        {this.href ? (\n          <a href={this.href} id={this.buttonId} class={this.class} data-variant={this.variant} data-outline={this.outline} data-size={this.size} data-pill={this.pill} data-text={this.text} data-only-icon={this.onlyIcon} aria-label={this.ariaLabel} target={this.target}>\n            <slot name=\"prefix\"></slot>\n            {!this.onlyIcon && <slot></slot>}\n            <slot name=\"suffix\"></slot>\n          </a>\n        ) : ( \n          <button id={this.buttonId} class={this.class} data-variant={this.variant} data-outline={this.outline} data-size={this.size} data-pill={this.pill} data-text={this.text} data-only-icon={this.onlyIcon} disabled={this.disabled} aria-label={this.ariaLabel} type={this.type} name={this.name} value={this.value}>\n            <slot name=\"prefix\"></slot>\n            {!this.onlyIcon && <slot></slot> }\n            <slot name=\"suffix\"></slot>\n          </button>\n        )}\n      </Host>\n    );\n  }\n\n}\n"]}
+{"version":3,"file":"jump-button.js","sourceRoot":"","sources":["../../../src/components/jump-button/jump-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,UAAU;;wBAIO,KAAK;uBAK6B,SAAS;uBAK5C,KAAK;oBAKT,QAAQ;oBAKP,KAAK;oBAKL,KAAK;wBAKD,KAAK;;;oBAeS,QAAQ;oBAK3B,SAAS;qBAKR,SAAS;yBAKL,SAAS;qBAKb,SAAS;wBAKN,SAAS;;IAEpC,iBAAiB;QACf,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAClD,CAAC;IAED,MAAM;QAEJ,OAAO,CACL,EAAC,IAAI,uDACF,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,SAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,kBAAgB,IAAI,CAAC,OAAO,kBAAgB,IAAI,CAAC,OAAO,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,oBAAkB,IAAI,CAAC,QAAQ,gBAAc,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM;YAChQ,YAAM,IAAI,EAAC,QAAQ,GAAQ;YAC1B,CAAC,IAAI,CAAC,QAAQ,IAAI,eAAa;YAChC,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACzB,CACL,CAAC,CAAC,CAAC,CACF,cAAQ,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,kBAAgB,IAAI,CAAC,OAAO,kBAAgB,IAAI,CAAC,OAAO,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,oBAAkB,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,gBAAc,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK;YAC7S,YAAM,IAAI,EAAC,QAAQ,GAAQ;YAC1B,CAAC,IAAI,CAAC,QAAQ,IAAI,eAAa;YAChC,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACpB,CACV,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'jump-button',\n  styleUrl: 'jump-button.scss',\n  shadow: true,\n})\nexport class JumpButton {\n  /**\n   * Set the button as disabled; Vale solo per i bottoni\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Indicates the variant of the button\n   */\n  @Prop() variant: 'primary'|'secondary'|'tertiary'|'neutral' = 'primary';\n\n  /**\n   * Indicates the button as outline\n   */\n  @Prop() outline: boolean = false;\n\n  /**\n   * Indicates the size of the button\n   */\n  @Prop() size: string = 'medium';\n\n  /**\n   * Indicates the button as pill\n   */\n  @Prop() pill: boolean = false;\n\n  /**\n    * Indicates the button as text\n   */\n  @Prop() text: boolean = false;\n\n  /**\n   * Indicates the button as only icon\n   **/\n  @Prop() onlyIcon: boolean = false;\n\n  /**\n   * Indicates if button becames a anchor\n   **/\n  @Prop() href: string;\n\n  /**\n   * Indicates the type of anchor's target \n   **/\n  @Prop() target: '_blank' | '_parent' | '_self' | '_top'\n\n  /**\n   * Indicates type button\n   **/\n  @Prop() type: 'button'|'submit'|'reset' = 'button';\n\n  /**\n   * Indicates the name that the sender button will send\n   **/\n  @Prop() name: string = undefined;\n\n  /**\n   * Indicates the value that the sender button will send\n   **/\n  @Prop() value: string = undefined;\n\n  /**\n   * Indicates the value of text alternative to an element that has no visible text on the screen\n   **/\n  @Prop() ariaLabel: string = undefined;\n\n  /**\n   * Indicates classes of the component\n   **/\n  @Prop() class: string = undefined;\n\n  /**\n   * Indicates classes of the component\n   **/\n  @Prop() buttonId: string = undefined;\n\n  componentWillLoad() {\n    this.target = this.href ? this.target : '_self';\n  }\n\n  render() {\n    \n    return (\n      <Host>\n        {this.href ? (\n          <a href={this.href} id={this.buttonId} class={this.class} data-variant={this.variant} data-outline={this.outline} data-size={this.size} data-pill={this.pill} data-text={this.text} data-only-icon={this.onlyIcon} aria-label={this.ariaLabel} target={this.target}>\n            <slot name=\"prefix\"></slot>\n            {!this.onlyIcon && <slot></slot>}\n            <slot name=\"suffix\"></slot>\n          </a>\n        ) : ( \n          <button id={this.buttonId} class={this.class} data-variant={this.variant} data-outline={this.outline} data-size={this.size} data-pill={this.pill} data-text={this.text} data-only-icon={this.onlyIcon} disabled={this.disabled} aria-label={this.ariaLabel} type={this.type} name={this.name} value={this.value}>\n            <slot name=\"prefix\"></slot>\n            {!this.onlyIcon && <slot></slot> }\n            <slot name=\"suffix\"></slot>\n          </button>\n        )}\n      </Host>\n    );\n  }\n\n}\n"]}

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

@@ -1,9 +1,9 @@
 import { newSpecPage } from "@stencil/core/testing";
-import { AppButton } from "../jump-button";
+import { JumpButton } from "../jump-button";
 describe('jump-button', () => {
     it('renders', async () => {
         const page = await newSpecPage({
-            components: [AppButton],
+            components: [JumpButton],
             html: `<jump-button></jump-button>`,
         });
         expect(page.root).toEqualHtml(`

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

@@ -1 +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"]}
+{"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,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,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,UAAU,CAAC;YACxB,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 { JumpButton } from '../jump-button';\n\ndescribe('jump-button', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [JumpButton],\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-card/jump-card-border-radius.stories.js

@@ -83,19 +83,7 @@ export default {
 };
 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' : ''} 
-  > 
+    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>
@@ -106,7 +94,7 @@ const Template = (args) => {
 };
 export const CardWithBorderRadius = Template.bind({});
 CardWithBorderRadius.args = {
-    imgSrc: 'https://picsum.photos/300/200',
+    imgSrc: 'https://media.jumpgroup.it/taurus1908/uploads/2024/03/accessori-jpeg.webp',
     imgAlt: 'Immagine',
     borderRadius: true,
     shadow: true,

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

@@ -1 +1 @@
-{"version":3,"file":"jump-card-border-radius.stories.js","sourceRoot":"","sources":["../../../src/components/jump-card/jump-card-border-radius.stories.ts"],"names":[],"mappings":"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","sourcesContent":["export default {\n  title: 'Components/Card/BorderRadiusCard',\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 CardWithBorderRadius = Template.bind({});\nCardWithBorderRadius.args = {\n  imgSrc: 'https://picsum.photos/300/200',\n  imgAlt: 'Immagine',\n  borderRadius: true,\n  shadow: true,\n};"]}
+{"version":3,"file":"jump-card-border-radius.stories.js","sourceRoot":"","sources":["../../../src/components/jump-card/jump-card-border-radius.stories.ts"],"names":[],"mappings":"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","sourcesContent":["export default {\n  title: 'Components/Card/BorderRadiusCard',\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 ?? ''}\" ${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' : ''}> \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 CardWithBorderRadius = Template.bind({});\nCardWithBorderRadius.args = {\n  imgSrc: 'https://media.jumpgroup.it/taurus1908/uploads/2024/03/accessori-jpeg.webp',\n  imgAlt: 'Immagine',\n  borderRadius: true,\n  shadow: true,\n};"]}

package/dist/collection/components/jump-card/jump-card-top-border-content-radius.stories.js

@@ -83,8 +83,7 @@ export default {
 };
 const Template = (args) => {
     var _a;
-    return `<jump-card class="${(_a = args.class) !== null && _a !== void 0 ? _a : ''}" 
-  ${args.videoSrc ? `video-src="${args.videoSrc}"` : ''} 
+    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' : ''} 

package/dist/collection/components/jump-card/jump-card-top-border-content-radius.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"jump-card-top-border-content-radius.stories.js","sourceRoot":"","sources":["../../../src/components/jump-card/jump-card-top-border-content-radius.stories.ts"],"names":[],"mappings":"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","sourcesContent":["export default {\n  title: 'Components/Card/TopBorderContentCard',\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 CardWithTopBorderRadius = Template.bind({});\nCardWithTopBorderRadius.args = {\n  imgSrc: 'https://picsum.photos/300/200',\n  imgAlt: 'Immagine',\n  topBorderContentRadius: true,\n  border: true\n};\n"]}
+{"version":3,"file":"jump-card-top-border-content-radius.stories.js","sourceRoot":"","sources":["../../../src/components/jump-card/jump-card-top-border-content-radius.stories.ts"],"names":[],"mappings":"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","sourcesContent":["export default {\n  title: 'Components/Card/TopBorderContentCard',\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 ?? ''}\" ${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 CardWithTopBorderRadius = Template.bind({});\nCardWithTopBorderRadius.args = {\n  imgSrc: 'https://picsum.photos/300/200',\n  imgAlt: 'Immagine',\n  topBorderContentRadius: true,\n  border: true\n};\n"]}

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

@@ -1,3 +1,52 @@
+:root {
+  /*BASE COLOR RULES*/
+  --neutral-grey-background: #eeeeee;
+  --neutral-grey-disabled: #cbcbcb;
+  --neutral-grey-primary: #282828;
+  --neutral-grey-secondary: #707070;
+  --neutral-white: #ffffff;
+  --primary-hard: #e75a50;
+  --primary-soft: #ffeae9;
+  --primary-standard: #fa7268;
+  --secondary-hard: #435171;
+  --secondary-soft: #dde3ed;
+  --secondary-standard: #5e79ba;
+  --status-danger-hard: #ba250a;
+  --status-danger-soft: #fdd3d1;
+  --status-danger-standard: #d72c0d;
+  --status-interaction-hard: #22559e;
+  --status-interaction-soft: #f2f7fe;
+  --status-interaction-standard: #2c6ecb;
+  --status-success-hard: #156048;
+  --status-success-soft: #f1f8f5;
+  --status-success-standard: #1d7f60;
+  --status-warning-hard: #987100;
+  --status-warning-soft: #fef5ea;
+  --status-warning-standard: #b98900;
+  /*TYPOGRAPHY RULES*/
+  --ff-primary: "Inter";
+  --ff-secondary: "Prompt";
+  --lh-300: 1.25rem;
+  --lh-400: 1.5rem;
+  --lh-500: 1.625rem;
+  --lh-600: 2rem;
+  --lh-700: 2.75rem;
+  --lh-800: 3.5rem;
+  --lh-850: 4.375rem;
+  --lh-900: 5.5rem;
+  --fs-300: 0.875rem;
+  --fs-400: 1rem;
+  --fs-500: 1.125rem;
+  --fs-600: 1.5rem;
+  --fs-700: 2.25rem;
+  --fs-800: 3rem;
+  --fs-850: 3.75rem;
+  --fs-900: 4.5rem;
+  --fw-300: 300;
+  --fw-400: 400;
+  --fw-900: 700;
+}
+
 jump-card {
   display: flex;
   flex-direction: column;
@@ -22,6 +71,7 @@ jump-card video {
   aspect-ratio: 4/3;
   overflow: hidden;
   position: relative;
+  object-fit: cover;
 }
 jump-card .Content {
   padding: 1.5rem 1rem;
@@ -80,7 +130,6 @@ jump-card[rounded-media] video {
   background-color: transparent;
   border-radius: 50%;
   aspect-ratio: 1;
-  object-fit: cover;
   width: 100%;
   flex: 0 1 40%;
 }

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

@@ -2,6 +2,11 @@ export default {
     title: 'Components/Pagination/Pages',
     tags: ['autodocs'],
     argTypes: {
+        pagLabel: {
+            name: "Dicitura di paginazione",
+            control: 'text',
+            description: 'Indica la dicitura di paginazione. Di default è "di".'
+        },
         completeVersion: {
             name: 'Versione con selezione di prodotti',
             control: 'boolean',
@@ -72,6 +77,7 @@ const Template = (args) => {
               total-elements="${args.totalElements}"
               complete-version=${args.completeVersion} 
               elements-ranges="${args.elementsRanges}"
+              pag-label="${args.pagLabel}"
               show-additional-chrevrons=${args.showAdditionalChrevrons}>
           </jump-pagination>`;
 };
@@ -82,6 +88,7 @@ PaginationPerPagineRidotto.args = {
     firstPage: 1,
     currentPage: 5,
     lastPage: 10,
+    pagLabel: 'di'
 };
 export const PaginationPerPagineCompleto = Template.bind({});
 PaginationPerPagineCompleto.args = {
@@ -90,5 +97,6 @@ PaginationPerPagineCompleto.args = {
     firstPage: 1,
     currentPage: 5,
     lastPage: 10,
+    pagLabel: 'di'
 };
 //# sourceMappingURL=jump-pagination-pages.stories.js.map

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

@@ -1 +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"]}
+{"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,QAAQ,EAAC;YACP,IAAI,EAAE,yBAAyB;YAC/B,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,uDAAuD;SACrE;QACD,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;2BACzB,IAAI,CAAC,QAAQ;0CACE,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;IACX,QAAQ,EAAE,IAAI;CACf,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;IACX,QAAQ,EAAE,IAAI;CACf,CAAC","sourcesContent":["export default {\n  title: 'Components/Pagination/Pages',\n  tags: ['autodocs'],\n  argTypes: {\n    pagLabel:{\n      name: \"Dicitura di paginazione\",\n      control: 'text',\n      description: 'Indica la dicitura di paginazione. Di default è \"di\".'\n    },\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              pag-label=\"${args.pagLabel}\"\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  pagLabel: 'di'\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  pagLabel: 'di'\n};\n"]}

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

@@ -2,6 +2,11 @@ export default {
     title: 'Components/Pagination/Products',
     tags: ['autodocs'],
     argTypes: {
+        pagLabel: {
+            name: "Dicitura di paginazione",
+            control: 'text',
+            description: 'Indica la dicitura di paginazione. Di default è "di".'
+        },
         completeVersion: {
             name: 'Versione con selezione di prodotti',
             control: 'boolean',
@@ -72,6 +77,7 @@ const Template = (args) => {
               total-elements="${args.totalElements}"
               complete-version=${args.completeVersion} 
               elements-ranges="${args.elementsRanges}"
+              pag-label="${args.pagLabel}"
               show-additional-chrevrons=${args.showAdditionalChrevrons}>
           </jump-pagination>`;
 };
@@ -85,6 +91,7 @@ PaginationPerProdottiRidotto.args = {
     totalElements: 150,
     labelElementsPerPage: "Elementi per pagina",
     elementsRanges: [10, 20, 60, 100],
+    pagLabel: 'di'
 };
 export const PaginationPerProdottiCompleto = Template.bind({});
 PaginationPerProdottiCompleto.args = {
@@ -96,8 +103,8 @@ PaginationPerProdottiCompleto.args = {
     totalElements: 150,
     labelElementsPerPage: "Elementi per pagina",
     elementsRanges: [10, 20, 60, 100],
+    pagLabel: 'di'
 };
-// export const PaginationPerPagineRidotto = Template.bind({});
 // PaginationPerPagineRidotto.args = {
 //   completeVersion: false,
 //   showAdditionalChrevrons: false,

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

@@ -1 +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"]}
+{"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    pagLabel:{\n      name: \"Dicitura di paginazione\",\n      control: 'text',\n      description: 'Indica la dicitura di paginazione. Di default è \"di\".'\n    },\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              pag-label=\"${args.pagLabel}\"\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  pagLabel: 'di'\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  pagLabel: 'di'\n};\n\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

@@ -2,6 +2,7 @@ import { Host, h } from "@stencil/core";
 export class JumpPagination {
     constructor() {
         this.totalElements = undefined;
+        this.pagLabel = 'di';
         this.currentPage = undefined;
         this.lastPage = undefined;
         this.labelElementsPerPage = 'Elementi per pagina';
@@ -12,11 +13,11 @@ export class JumpPagination {
     }
     render() {
         var _a;
-        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 ?
+        return (h(Host, { key: '97d153323192675905ef7efc310edd9544917194', class: "JumpPagination" }, h("div", { key: '706326dbd689f2250863df55db66a868deb98465', 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: 'ba6b84fcfc0cb4d2f0f52767f2be99386a6f004c', class: "indicators" }, h("div", { key: 'b0786315ca18db1608bd07c5658ec37ae9931802', 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: '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" }))))));
+                h("span", null, h("span", null, this.currentPage), " di ", h("span", null, this.lastPage))), h("div", { key: '93343a7729d7bbd8512d65bc1877041c25f77cdf', class: "arrow" }, this.showAdditionalChrevrons && h("jump-icon", { id: "first-page", name: "chevrons-left" }), h("jump-icon", { key: 'ed735fb41710b632485cc9a24151590842fbdc48', id: "prev-page", name: "chevron-left" }), h("jump-icon", { key: 'fffdbf1d84cee94bf0d2ab561cb36d4de82cc763', id: "next-page", name: "chevron-right" }), this.showAdditionalChrevrons && h("jump-icon", { id: "last-page", name: "chevrons-right" }))))));
     }
     static get is() { return "jump-pagination"; }
     static get originalStyleUrls() {
@@ -48,6 +49,24 @@ export class JumpPagination {
                 "attribute": "total-elements",
                 "reflect": true
             },
+            "pagLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "pag-label",
+                "reflect": true,
+                "defaultValue": "'di'"
+            },
             "currentPage": {
                 "type": "number",
                 "mutable": false,

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

@@ -1 +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"]}
+{"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;;;wBAMiB,IAAI;;;oCAWU,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,EAAE,EAAC,YAAY,EAAC,IAAI,EAAC,eAAe,GAAa;wBAC7F,kEAAW,EAAE,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,GAAa;wBAC1D,kEAAW,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,eAAe,GAAa;wBAC3D,IAAI,CAAC,uBAAuB,IAAI,iBAAW,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,gBAAgB,GAAa,CAC1F,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  @Prop({reflect: true}) pagLabel: string = 'di'; // Identifica la label testuale di pagination. \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 id=\"first-page\" name=\"chevrons-left\"></jump-icon>}\n              <jump-icon id=\"prev-page\" name=\"chevron-left\"></jump-icon>\n              <jump-icon id=\"next-page\"  name=\"chevron-right\"></jump-icon>\n              {this.showAdditionalChrevrons && <jump-icon id=\"last-page\"  name=\"chevrons-right\"></jump-icon>}\n            </div> \n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"]}

package/dist/collection/utils/utils.js

@@ -1,4 +1,17 @@
 export function format(first, middle, last) {
     return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
 }
+export const generateAttributesFromArgs = (arg) => {
+    // map attributes to strings. If the attribute is a boolean and is false, don't include it, otherwise include only the attribute name. otherwise include the attribute name and its value
+    return Object.entries(arg).map(([name, value]) => {
+        if (typeof value === 'boolean') {
+            return value ? name : '';
+        }
+        else {
+            return `${name}="${value}"`;
+        }
+    }).join(' ')
+        // replace all the spaces with a single space
+        .replace(/\s+/g, ' ');
+};
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,MAAM,CAAC,KAAa,EAAE,MAAc,EAAE,IAAY;IAChE,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACjF,CAAC","sourcesContent":["export function format(first: string, middle: string, last: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI;IACxC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACjF,CAAC;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,GAAG,EAAE,EAAE;IAChD,yLAAyL;IACzL,OAAO,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE;QAC/C,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;YAC/B,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAA;QAC1B,CAAC;aAAM,CAAC;YACN,OAAO,GAAG,IAAI,KAAK,KAAK,GAAG,CAAA;QAC7B,CAAC;IACH,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QACZ,6CAA6C;SAC5C,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;AACvB,CAAC,CAAC","sourcesContent":["export function format(first, middle, last) {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport const generateAttributesFromArgs = (arg) => {\n  // map attributes to strings. If the attribute is a boolean and is false, don't include it, otherwise include only the attribute name. otherwise include the attribute name and its value\n  return Object.entries(arg).map(([name, value]) => {\n    if (typeof value === 'boolean') {\n      return value ? name : ''\n    } else {\n      return `${name}=\"${value}\"`\n    }\n  }).join(' ')\n  // replace all the spaces with a single space\n  .replace(/\\s+/g, ' ')\n};"]}