@jumpgroup/jump-design-system 0.2.5 → 0.2.6

package/dist/jump-design-system/{p-61729377.entry.js → p-93d8245f.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as t,H as e}from"./p-20ceb40c.js";const o=":host{display:block}";const c=o;const i=class{constructor(t){s(this,t);this.activeTab=undefined;this.tabNames=undefined}componentWillLoad(){console.log("Component is about to be rendered");console.log("active",this.activeTab);console.log("tabNames",this.tabNames)}render(){return t(e,{key:"08d20c1e157286fd4034790df04c2f7113e57e43",class:"JumpTab"},this.tabNames&&this.activeTab&&this.tabNames.map((s=>t("div",{class:`JumpTab__Tab ${this.activeTab===s?"active":""}`},s))))}};i.style=c;export{i as jump_tab};
-//# sourceMappingURL=p-61729377.entry.js.map
+import{r as s,h as t,H as e}from"./p-20ceb40c.js";const o=":host{display:block}";const a=o;const c=class{constructor(t){s(this,t);this.activeTab=undefined;this.tabNames=undefined}componentWillLoad(){console.log("Component is about to be rendered");console.log("active",this.activeTab);console.log("tabNames",this.tabNames)}render(){return t(e,{key:"6d974852fbbf04550ddd7eaad3dafbf784513c78",class:"JumpTab"},this.tabNames&&this.activeTab&&this.tabNames.map((s=>t("div",{class:`JumpTab__Tab ${this.activeTab===s?"active":""}`},s))))}};c.style=a;export{c as jump_tab};
+//# sourceMappingURL=p-93d8245f.entry.js.map

package/dist/jump-design-system/{p-8f5caf32.entry.js → p-9ad27c08.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as a,H as e}from"./p-20ceb40c.js";const d="jump-badge{--jump-badge-background:var(--primary-standard);--jump-badge-color:#fff;--jump-bafge-border-radius:50px;display:inline-flex;color:var(--jump-badge-color);background-color:var(--jump-badge-background);align-items:center;justify-content:center;font-size:var(--fs-300);font-weight:var(--fw-700);line-height:1;border-radius:var(--jump-bafge-border-radius);border:solid 1px var(--jump-bafge-border-radius);white-space:nowrap;padding:0.35em 0.6em;user-select:none;cursor:inherit}jump-badge[variant=primary]{--jump-badge-background:var(--primary-standard)}jump-badge[variant=secondary]{--jump-badge-background:var(--secondary-standard)}";const o=d;const n=class{constructor(a){r(this,a);this.label="";this.variant="primary"}render(){return a(e,{key:"1a0a2b2bf95c1217ca9546b19c4ff6b25ca2a86a",variant:this.variant},this.label)}};n.style=o;export{n as jump_badge};
-//# sourceMappingURL=p-8f5caf32.entry.js.map
+import{r,h as a,H as e}from"./p-20ceb40c.js";const d="jump-badge{--jump-badge-background:var(--primary-standard);--jump-badge-color:#fff;--jump-bafge-border-radius:50px;display:inline-flex;color:var(--jump-badge-color);background-color:var(--jump-badge-background);align-items:center;justify-content:center;font-size:var(--fs-300);font-weight:var(--fw-900);line-height:1;border-radius:var(--jump-bafge-border-radius);border:solid 1px var(--jump-bafge-border-radius);white-space:nowrap;padding:0.35em 0.6em;user-select:none;cursor:inherit}jump-badge[variant=primary]{--jump-badge-background:var(--primary-standard)}jump-badge[variant=secondary]{--jump-badge-background:var(--secondary-standard)}";const o=d;const n=class{constructor(a){r(this,a);this.label="";this.variant="primary"}render(){return a(e,{key:"1a0a2b2bf95c1217ca9546b19c4ff6b25ca2a86a",variant:this.variant},this.label)}};n.style=o;export{n as jump_badge};
+//# sourceMappingURL=p-9ad27c08.entry.js.map

package/dist/jump-design-system/{p-8f5caf32.entry.js.map → p-9ad27c08.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["jumpBadgeCss","JumpBadgeStyle0","AppBadge","render","h","Host","key","variant","this","label"],"sources":["src/components/jump-badge/jump-badge.scss?tag=jump-badge","src/components/jump-badge/jump-badge.tsx"],"sourcesContent":["jump-badge {\n  --jump-badge-background: var(--primary-standard);\n  --jump-badge-color: #fff;\n  --jump-bafge-border-radius: 50px;\n\n  display: inline-flex;\n  color: var(--jump-badge-color);\n  background-color: var(--jump-badge-background);\n  align-items: center;\n  justify-content: center;\n  font-size: var(--fs-300);\n  font-weight: var(--fw-700);\n  line-height: 1;\n  border-radius: var(--jump-bafge-border-radius);\n  border: solid 1px var(--jump-bafge-border-radius);\n  white-space: nowrap;\n  padding: 0.35em 0.6em;\n  user-select: none;\n  cursor: inherit;\n\n  &[variant='primary'] {\n    --jump-badge-background: var(--primary-standard);\n  }\n\n  &[variant='secondary'] {\n    --jump-badge-background: var(--secondary-standard);\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'jump-badge',\n  styleUrl: 'jump-badge.scss',\n  shadow: false,\n})\nexport class AppBadge {\n  /**\n   * Indicates the label of the badge\n   */\n  @Prop() label: string = '';\n\n  /**\n   * Indicates the variant of the badge\n   */\n  @Prop() variant: 'primary'|'secondary' = 'primary';\n\n  render() {\n    return (\n      <Host variant={this.variant}>\n        {this.label}\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"6CAAA,MAAMA,EAAe,moBACrB,MAAAC,EAAeD,E,MCMFE,EAAQ,M,oCAIK,G,aAKiB,S,CAEzC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,QAASC,KAAKD,SACjBC,KAAKC,M"}
+{"version":3,"names":["jumpBadgeCss","JumpBadgeStyle0","AppBadge","render","h","Host","key","variant","this","label"],"sources":["src/components/jump-badge/jump-badge.scss?tag=jump-badge","src/components/jump-badge/jump-badge.tsx"],"sourcesContent":["jump-badge {\n  --jump-badge-background: var(--primary-standard);\n  --jump-badge-color: #fff;\n  --jump-bafge-border-radius: 50px;\n\n  display: inline-flex;\n  color: var(--jump-badge-color);\n  background-color: var(--jump-badge-background);\n  align-items: center;\n  justify-content: center;\n  font-size: var(--fs-300);\n  font-weight: var(--fw-900);\n  line-height: 1;\n  border-radius: var(--jump-bafge-border-radius);\n  border: solid 1px var(--jump-bafge-border-radius);\n  white-space: nowrap;\n  padding: 0.35em 0.6em;\n  user-select: none;\n  cursor: inherit;\n\n  &[variant='primary'] {\n    --jump-badge-background: var(--primary-standard);\n  }\n\n  &[variant='secondary'] {\n    --jump-badge-background: var(--secondary-standard);\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'jump-badge',\n  styleUrl: 'jump-badge.scss',\n  shadow: false,\n})\nexport class AppBadge {\n  /**\n   * Indicates the label of the badge\n   */\n  @Prop() label: string = '';\n\n  /**\n   * Indicates the variant of the badge\n   */\n  @Prop() variant: 'primary'|'secondary' = 'primary';\n\n  render() {\n    return (\n      <Host variant={this.variant}>\n        {this.label}\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"6CAAA,MAAMA,EAAe,moBACrB,MAAAC,EAAeD,E,MCMFE,EAAQ,M,oCAIK,G,aAKiB,S,CAEzC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,QAASC,KAAKD,SACjBC,KAAKC,M"}

package/dist/jump-design-system/p-c8244738.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a,H as o}from"./p-20ceb40c.js";const r=':host button,:host a{background-color:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}:host{--jump-button-color:#ffffff;--jump-button-color-disabled:#cbcbcb;--jump-button-background:var(--primary-standard);--jump-button-background-outline:transparent;--jump-button-color-hover:#ffffff;--jump-button-background-hover:var(--primary-hard);--jump-button-border-radius:var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem);--jump-button-padding:1rem 1.25rem}:host button{display:flex}:host a{display:inline-flex;box-sizing:border-box}:host button,:host a{background-color:var(--jump-button-background);border-radius:var(--jump-button-border-radius);color:var(--jump-button-color);position:relative;font-family:var(--ff-primary, "Arial"), sans-serif;font-weight:var(--fw-700, 700);font-size:var(--fs-400, 1rem);line-height:var(--lh-400, 1.3);align-items:center;gap:var(--jump-button-gap, 0.5rem);text-decoration:none;padding:var(--jump-button-padding)}:host button:hover,:host a:hover{background-color:var(--jump-button-background-hover);color:var(--jump-button-color-hover)}:host button[data-variant=primary],:host a[data-variant=primary]{--jump-button-color:var(--neutral-white);--jump-button-background:var(--primary-standard);--jump-button-color-hover:var(--neutral-white);--jump-button-background-hover:var(--primary-hard)}:host button[data-variant=secondary],:host a[data-variant=secondary]{--jump-button-color:var(--neutral-white);--jump-button-background:var(--secondary-standard);--jump-button-color-hover:var(--neutral-white);--jump-button-background-hover:var(--secondary-hard)}:host button[data-variant=neutral],:host a[data-variant=neutral]{--jump-button-color:var(--neutral-white);--jump-button-background:var(--neutral-grey-secondary);--jump-button-color-hover:var(--neutral-white);--jump-button-background-hover:var(--neutral-grey-primary)}:host button[data-variant=white],:host a[data-variant=white]{--jump-button-color:var(--neutral-grey-primary);--jump-button-background:var(--neutral-white);--jump-button-color-hover:var(--neutral-grey-primary);--jump-button-background-hover:var(--neutral-grey-background)}:host button[disabled],:host a[disabled]{--jump-button-background:var(--jump-button-color-disabled);--jump-button-background-hover:var(--jump-button-color-disabled);cursor:not-allowed}:host button[data-pill],:host a[data-pill]{border-radius:100rem}:host button[data-size=small],:host a[data-size=small]{font-size:var(--fs-300, 0.875rem);line-height:var(--lh-300, 1.2);--jump-button-padding:0.65rem 1rem}:host button[data-size=medium],:host a[data-size=medium]{font-size:var(--fs-400, 1rem);line-height:var(--lh-400, 1.3);--jump-button-padding:0.75rem 1.25rem}:host button[data-size=large],:host a[data-size=large]{font-size:var(--fs-500, 1.125rem);line-height:var(--lh-500, 1.4);--jump-button-padding:1rem 1.5rem}:host button[data-outline],:host a[data-outline]{background-color:var(--jump-button-background-outline);border:1px solid var(--jump-button-background);color:var(--jump-button-background)}:host button[data-outline]:hover,:host a[data-outline]:hover{background-color:var(--jump-button-background-hover);border:1px solid var(--jump-button-background-hover);color:var(--jump-button-color-hover)}:host button[data-text],:host a[data-text]{background-color:transparent;border:none;color:var(--jump-button-background);padding:0}:host button[data-text]:hover,:host a[data-text]:hover{background-color:transparent;border:none;color:var(--jump-button-background-hover)}:host button[data-only-icon],:host a[data-only-icon]{--jump-button-padding:0.5rem}:host button[data-only-icon][data-size=small],:host a[data-only-icon][data-size=small]{--jump-button-padding:0.5rem}:host button[data-only-icon][data-size=medium],:host a[data-only-icon][data-size=medium]{--jump-button-padding:0.875rem}:host button[data-only-icon][data-size=large],:host a[data-only-icon][data-size=large]{--jump-button-padding:1rem}:host button[data-full],:host a[data-full]{width:100%;justify-content:center}:host button.chat,:host a.chat{--jump-button-color:var(--neutral-white);--jump-button-background:hsla(133, 54%, 58%, 1);--jump-button-color-hover:var(--neutral-white);--jump-button-background-hover:hsla(161, 63%, 31%, 1)}';const n=r;const u=class{constructor(a){t(this,a);this.disabled=false;this.variant="primary";this.outline=false;this.size="medium";this.full=false;this.pill=false;this.text=false;this.onlyIcon=false;this.href=undefined;this.target=undefined;this.type="button";this.name=undefined;this.value=undefined;this.ariaLabel=undefined;this.class=undefined;this.buttonId=undefined}componentWillLoad(){this.target=this.href?this.target:"_self"}render(){return a(o,{key:"2f1a96f504d7f273bfdf0b49d7a708aea570f59f"},this.href?a("a",{href:this.href,id:this.buttonId,class:this.class,"data-variant":this.variant,"data-outline":this.outline,"data-size":this.size,"data-full":this.full,"data-pill":this.pill,"data-text":this.text,"data-only-icon":this.onlyIcon,"aria-label":this.ariaLabel,target:this.target},a("slot",{name:"prefix"}),!this.onlyIcon&&a("slot",null),a("slot",{name:"suffix"})):a("button",{id:this.buttonId,class:this.class,"data-variant":this.variant,"data-outline":this.outline,"data-size":this.size,"data-full":this.full,"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},a("slot",{name:"prefix"}),!this.onlyIcon&&a("slot",null),a("slot",{name:"suffix"})))}};u.style=n;export{u as jump_button};
+//# sourceMappingURL=p-c8244738.entry.js.map

package/dist/jump-design-system/p-c8244738.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jumpButtonCss","JumpButtonStyle0","JumpButton","undefined","componentWillLoad","this","target","href","render","h","Host","key","id","buttonId","class","variant","outline","size","full","pill","text","onlyIcon","ariaLabel","name","disabled","type","value"],"sources":["src/components/jump-button/jump-button.scss?tag=jump-button&encapsulation=shadow","src/components/jump-button/jump-button.tsx"],"sourcesContent":["%reset-button {\n  background-color: transparent;\n  border: none;\n  padding: 0;\n  margin: 0;\n  font: inherit;\n  color: inherit;\n  cursor: pointer;\n}\n\n:host {\n  // display: inline-flex;\n  // align-items: center;\n  --jump-button-color: #ffffff;\n  --jump-button-color-disabled: #cbcbcb;\n  --jump-button-background: var(--primary-standard);\n  --jump-button-background-outline: transparent;\n  --jump-button-color-hover: #ffffff;\n  --jump-button-background-hover: var(--primary-hard);\n  --jump-button-border-radius: var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem);\n  --jump-button-padding: 1rem 1.25rem;\n\n  button {\n    display: flex;\n  }\n\n  a {\n    display: inline-flex;\n    box-sizing: border-box;\n  }\n\n  button,\n  a {\n    @extend %reset-button;\n    background-color: var(--jump-button-background);\n    border-radius: var(--jump-button-border-radius);\n    color: var(--jump-button-color);\n    position: relative;\n    font-family: var(--ff-primary, 'Arial'), sans-serif;\n    font-weight: var(--fw-700, 700);\n    font-size: var(--fs-400, 1rem);\n    line-height: var(--lh-400, 1.3);\n    align-items: center;\n    gap: var(--jump-button-gap, 0.5rem);\n    text-decoration: none;\n\n    //TODO: internal padding of the button\n    padding: var(--jump-button-padding);\n\n    // TODO: gestire il focus con un outline\n    &:hover {\n      background-color: var(--jump-button-background-hover);\n      color: var(--jump-button-color-hover);\n    }\n\n    &[data-variant='primary'] {\n      --jump-button-color: var(--neutral-white);\n      --jump-button-background: var(--primary-standard);\n      --jump-button-color-hover: var(--neutral-white);\n      --jump-button-background-hover: var(--primary-hard);\n    }\n\n    &[data-variant='secondary'] {\n      --jump-button-color: var(--neutral-white);\n      --jump-button-background: var(--secondary-standard);\n      --jump-button-color-hover: var(--neutral-white);\n      --jump-button-background-hover: var(--secondary-hard);\n    }\n\n    &[data-variant='neutral'] {\n      --jump-button-color: var(--neutral-white);\n      --jump-button-background: var(--neutral-grey-secondary);\n      --jump-button-color-hover: var(--neutral-white);\n      --jump-button-background-hover: var(--neutral-grey-primary);\n    }\n\n    &[data-variant='white'] {\n      --jump-button-color: var(--neutral-grey-primary);\n      --jump-button-background: var(--neutral-white);\n      --jump-button-color-hover: var(--neutral-grey-primary);\n      --jump-button-background-hover: var(--neutral-grey-background);\n    }\n\n    &[disabled] {\n      --jump-button-background: var(--jump-button-color-disabled);\n      --jump-button-background-hover: var(--jump-button-color-disabled);\n      cursor: not-allowed;\n    }\n\n    &[data-pill] {\n      border-radius: 100rem;\n    }\n\n    &[data-size='small'] {\n      font-size: var(--fs-300, 0.875rem);\n      line-height: var(--lh-300, 1.2);\n      --jump-button-padding: 0.65rem 1rem;\n    }\n\n    &[data-size='medium'] {\n      font-size: var(--fs-400, 1rem);\n      line-height: var(--lh-400, 1.3);\n      --jump-button-padding: 0.75rem 1.25rem;\n    }\n\n    &[data-size='large'] {\n      font-size: var(--fs-500, 1.125rem);\n      line-height: var(--lh-500, 1.4);\n      --jump-button-padding: 1rem 1.5rem;\n    }\n\n    &[data-outline] {\n      background-color: var(--jump-button-background-outline);\n      border: 1px solid var(--jump-button-background);\n      color: var(--jump-button-background);\n      &:hover {\n        background-color: var(--jump-button-background-hover);\n        border: 1px solid var(--jump-button-background-hover);\n        color: var(--jump-button-color-hover);\n      }\n    }\n\n    &[data-text] {\n      background-color: transparent;\n      border: none;\n      color: var(--jump-button-background);\n      padding: 0;\n      &:hover {\n        background-color: transparent;\n        border: none;\n        color: var(--jump-button-background-hover);\n      }\n    }\n\n    &[data-only-icon] {\n      --jump-button-padding: 0.5rem;\n    }\n\n    &[data-only-icon][data-size='small'] {\n      --jump-button-padding: 0.5rem;\n    }\n    &[data-only-icon][data-size='medium'] {\n      --jump-button-padding: 0.875rem;\n    }\n    &[data-only-icon][data-size='large'] {\n      --jump-button-padding: 1rem;\n    }\n\n    &[data-full] {\n      width: 100%;\n      justify-content: center;\n    }\n\n    &.chat {\n      --jump-button-color: var(--neutral-white);\n      --jump-button-background: hsla(133, 54%, 58%, 1);\n      --jump-button-color-hover: var(--neutral-white);\n      --jump-button-background-hover: hsla(161, 63%, 31%, 1);\n    }\n  }\n}\n","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'|'white'|'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 if the button is full width\n   */\n  @Prop() full: boolean = false;\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-full={this.full} 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-full={this.full} 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"],"mappings":"kDAAA,MAAMA,EAAgB,yvIACtB,MAAAC,EAAeD,E,MCMFE,EAAU,M,uCAIO,M,aAK+B,U,aAKhC,M,UAKJ,S,UAKC,M,UAKA,M,UAKA,M,cAKI,M,oDAec,S,UAKnBC,U,WAKCA,U,eAKIA,U,WAKJA,U,cAKGA,S,CAE3B,iBAAAC,GACEC,KAAKC,OAASD,KAAKE,KAAOF,KAAKC,OAAS,O,CAG1C,MAAAE,GAEE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFN,KAAKE,KACJE,EAAA,KAAGF,KAAMF,KAAKE,KAAMK,GAAIP,KAAKQ,SAAUC,MAAOT,KAAKS,MAAK,eAAgBT,KAAKU,QAAO,eAAgBV,KAAKW,QAAO,YAAaX,KAAKY,KAAI,YAAaZ,KAAKa,KAAI,YAAab,KAAKc,KAAI,YAAad,KAAKe,KAAI,iBAAkBf,KAAKgB,SAAQ,aAAchB,KAAKiB,UAAWhB,OAAQD,KAAKC,QAChRG,EAAA,QAAMc,KAAK,YACTlB,KAAKgB,UAAYZ,EAAA,aACnBA,EAAA,QAAMc,KAAK,YAGbd,EAAA,UAAQG,GAAIP,KAAKQ,SAAUC,MAAOT,KAAKS,MAAK,eAAgBT,KAAKU,QAAO,eAAgBV,KAAKW,QAAO,YAAaX,KAAKY,KAAI,YAAaZ,KAAKa,KAAI,YAAab,KAAKc,KAAI,YAAad,KAAKe,KAAI,iBAAkBf,KAAKgB,SAAUG,SAAUnB,KAAKmB,SAAQ,aAAcnB,KAAKiB,UAAWG,KAAMpB,KAAKoB,KAAMF,KAAMlB,KAAKkB,KAAMG,MAAOrB,KAAKqB,OAC9TjB,EAAA,QAAMc,KAAK,YACTlB,KAAKgB,UAAYZ,EAAA,aACnBA,EAAA,QAAMc,KAAK,Y"}

package/dist/jump-design-system/p-eb16952a.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as e,h as i,H as t}from"./p-20ceb40c.js";const r=":host{display:block}.JumpPagination{--jump-pagination-label:var(--neutral-grey-secondary);--jump-pagination-arrows-color:var(--neutral-grey-secondary);--jump-pagination-arrows-disabled:var(--neutral-grey-disabled);font-family:var(--ff-primary)}.JumpPagination__Wrapper{display:flex;justify-content:space-between}.JumpPagination__Wrapper .indicators{font-size:var(--fs-400);font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--jump-pagination-label)}.JumpPagination__Wrapper .indicators .arrow{color:var(--jump-pagination-arrows-color);display:flex;align-items:center;gap:10px}.JumpPagination__Wrapper .indicators .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPagination__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--jump-pagination-arrows-disabled)}.JumpPagination__Wrapper .indicators .elements{color:var(--jump-pagination-label);display:flex;align-items:center;gap:5px}";const n=r;const s=class{constructor(i){a(this,i);this.changePage=e(this,"jump-change-page",7);this.current=1;this.pagLabel="di";this.last=10;this.showFirstAndLast=false}watchcurrent(a,e){let i={current:a,previousPage:e,first:1,last:this.last,direction:a>e?"next":"prev"};this.changePage.emit(i)}componentWillLoad(){this.current=1}render(){return i(t,{key:"2a7576df479d537fce9ddb57bbd1c2281966338a",class:"JumpPagination"},i("div",{key:"b17c027eeeb798a07575a329d6d84b378258c3f8",class:"JumpPagination__Wrapper"},i("div",{key:"afd615f030a3affbc8eb42eca80b15c19d248865",class:"indicators"},i("div",{key:"62ba94ec7d2a97e9c9cb4b305817c65fe841b8d2",class:"elements"},i("span",{key:"72a1e04a055661f44add8d8a6b7da470ca4dc141"},i("span",{key:"17d723e90600fc2dd461b3df5806ae1a53f8a9e2"},this.current)," ",this.pagLabel," ",i("span",{key:"8226df90a89580310fc165fb3283de0d850a9edd"},this.last))),i("div",{key:"6ba82177760ff8722071d9306e7c997bb651b838",class:"arrow"},this.showFirstAndLast&&i("button",{key:"f97ce0ac5ae55f5efa46e3049740f0e71d30d51a",onClick:()=>{this.current=1},disabled:this.current===1?true:false}," ",i("jump-icon",{key:"a3beda6c56fb82248712c4c185bafd7d1ab2b05b",slot:"prefix",name:"chevrons-left"}),"   "),i("button",{key:"f989324f4950b41d3224ec4661416f76eacc1c4b",onClick:()=>{this.current--},disabled:this.current===1?true:false}," ",i("jump-icon",{key:"282db7bb875d3fb32f2ed4e5f7aa445c369fc916",slot:"prefix",name:"chevron-left"}),"   "),i("button",{key:"65f1681d7f53d756c111aaba7e8473545c903eb7",onClick:()=>{this.current++},disabled:this.current===this.last?true:false}," ",i("jump-icon",{key:"a8365aa471c81a95b470bbc333fe4119f77dc72e",slot:"prefix",name:"chevron-right"}),"   "),this.showFirstAndLast&&i("button",{key:"df7fa6824a028b74042b6a08191e1979ed42617b",onClick:()=>{this.current=this.last},disabled:this.current===this.last?true:false}," ",i("jump-icon",{key:"101a5fca010de64d804b8b8dbd336e1ad498c958",slot:"prefix",name:"chevrons-right"}),"   ")))))}static get watchers(){return{current:["watchcurrent"]}}};s.style=n;export{s as jump_pagination};
+//# sourceMappingURL=p-eb16952a.entry.js.map

package/dist/jump-design-system/p-eb16952a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jumpPaginationCss","JumpPaginationStyle0","JumpPagination","watchcurrent","newValue","oldValue","details","current","previousPage","first","last","this","direction","changePage","emit","componentWillLoad","render","h","Host","key","class","pagLabel","showFirstAndLast","onClick","disabled","slot","name"],"sources":["src/components/jump-pagination/jump-pagination.scss?tag=jump-pagination","src/components/jump-pagination/jump-pagination.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.JumpPagination {\n  --jump-pagination-label: var(--neutral-grey-secondary);\n  --jump-pagination-arrows-color: var(--neutral-grey-secondary);\n  --jump-pagination-arrows-disabled: var(--neutral-grey-disabled);\n  \n  font-family: var(--ff-primary);\n\n  &__Wrapper {\n    display: flex;\n    justify-content: space-between;\n\n    .indicators {\n      font-size: var(--fs-400);\n      font-weight: normal;\n      display: flex;\n      justify-content: space-between;\n      gap: 20px;\n      \n      color: var(--jump-pagination-label);\n\n      .arrow {\n        color: var(--jump-pagination-arrows-color);\n        display: flex;\n        align-items: center;\n        gap: 10px;\n\n        button {\n          background-color: transparent;\n          border: none;\n          cursor: pointer;\n          padding: 0px;\n          display: flex;\n          align-items: center;\n        }\n\n        button:disabled {\n          cursor: not-allowed;\n          color: var(--jump-pagination-arrows-disabled); \n      }\n    }\n\n      .elements {\n        color: var(--jump-pagination-label);\n        display: flex;\n        align-items: center;\n        gap: 5px;\n      }\n    }\n  }\n}","import { Component, Host, State, Event, EventEmitter, Prop, h, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'jump-pagination',\n  styleUrl: 'jump-pagination.scss',\n  shadow: false,\n})\nexport class JumpPagination {\n  \n  /* ---------------------- @STATE ------------------------- */\n  @State() current: number = 1;\n\n  @Watch('current')\n  watchcurrent(newValue: number, oldValue: number) {\n    let details = {\n      current: newValue,\n      previousPage: oldValue,\n      first: 1,\n      last: this.last,\n      direction: newValue > oldValue ? 'next' : 'prev'\n    };\n\n    this.changePage.emit(details);\n  }\n\n  /* ---------------------- @PROPERTIES ------------------------- */\n  @Prop() pagLabel: string = 'di'; // Identifica la label testuale di pagination. \n\n  @Prop() last: number = 10; \n\n  @Prop() showFirstAndLast: boolean = false;\n\n  /* ---------------------- @EVENTS ------------------------- */\n  @Event({ eventName: 'jump-change-page' }) changePage: EventEmitter;\n\n  /* ---------------------- @LIFECYCLE ------------------------- */\n  componentWillLoad() {\n    this.current = 1;\n  }\n  \n  render() {\n    return (\n      <Host class=\"JumpPagination\">\n        <div class=\"JumpPagination__Wrapper\">\n          <div class=\"indicators\"> \n            <div class=\"elements\">\n              <span>\n                <span>{this.current}</span> {this.pagLabel} <span>{this.last}</span>\n              </span>\n            </div>\n            <div class=\"arrow\">\n              {this.showFirstAndLast &&\n                <button \n                  onClick={() => {this.current = 1} }\n                  disabled={(this.current === 1) ? true : false}\n                > <jump-icon slot=\"prefix\" name=\"chevrons-left\"></jump-icon>   </button>\n              }\n              <button \n                onClick={() => {this.current--}} \n                disabled={(this.current === 1) ? true : false}\n              > <jump-icon slot=\"prefix\" name=\"chevron-left\"></jump-icon>   </button>\n              <button \n                onClick={() => {this.current++}}\n                disabled={(this.current === this.last) ? true : false}\n                > <jump-icon slot=\"prefix\" name=\"chevron-right\"></jump-icon>   </button>\n              {this.showFirstAndLast &&\n                <button \n                  onClick={() => {this.current = this.last}}\n                  disabled={(this.current === this.last) ? true : false}\n                  > <jump-icon slot=\"prefix\" name=\"chevrons-right\"></jump-icon>   </button> \n              }\n            </div> \n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"yDAAA,MAAMA,EAAoB,8+BAC1B,MAAAC,EAAeD,E,MCMFE,EAAc,M,mFAGE,E,cAgBA,K,UAEJ,G,sBAEa,K,CAjBpC,YAAAC,CAAaC,EAAkBC,GAC7B,IAAIC,EAAU,CACZC,QAASH,EACTI,aAAcH,EACdI,MAAO,EACPC,KAAMC,KAAKD,KACXE,UAAWR,EAAWC,EAAW,OAAS,QAG5CM,KAAKE,WAAWC,KAAKR,E,CAcvB,iBAAAS,GACEJ,KAAKJ,QAAU,C,CAGjB,MAAAS,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,kBACVH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,YACTH,EAAA,QAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,4CAAOR,KAAKJ,SAAe,IAAEI,KAAKU,SAAQ,IAAEJ,EAAA,QAAAE,IAAA,4CAAOR,KAAKD,QAG5DO,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SACRT,KAAKW,kBACJL,EAAA,UAAAE,IAAA,2CACEI,QAAS,KAAOZ,KAAKJ,QAAU,CAAC,EAChCiB,SAAWb,KAAKJ,UAAY,EAAK,KAAO,OAAK,IAC7CU,EAAA,aAAAE,IAAA,2CAAWM,KAAK,SAASC,KAAK,kBAA4B,OAE9DT,EAAA,UAAAE,IAAA,2CACEI,QAAS,KAAOZ,KAAKJ,SAAS,EAC9BiB,SAAWb,KAAKJ,UAAY,EAAK,KAAO,OAAK,IAC7CU,EAAA,aAAAE,IAAA,2CAAWM,KAAK,SAASC,KAAK,iBAA2B,OAC3DT,EAAA,UAAAE,IAAA,2CACEI,QAAS,KAAOZ,KAAKJ,SAAS,EAC9BiB,SAAWb,KAAKJ,UAAYI,KAAKD,KAAQ,KAAO,OAAK,IACnDO,EAAA,aAAAE,IAAA,2CAAWM,KAAK,SAASC,KAAK,kBAA4B,OAC7Df,KAAKW,kBACJL,EAAA,UAAAE,IAAA,2CACEI,QAAS,KAAOZ,KAAKJ,QAAUI,KAAKD,IAAI,EACxCc,SAAWb,KAAKJ,UAAYI,KAAKD,KAAQ,KAAO,OAAK,IACnDO,EAAA,aAAAE,IAAA,2CAAWM,KAAK,SAASC,KAAK,mBAA6B,U"}

package/dist/jump-design-system-elements.json

@@ -216,11 +216,32 @@
       },
       "attributes": [
         {
-          "name": "complete-version",
-          "description": "If true, the component will show the complete version of the pagination, with elements informations"
+          "name": "last",
+          "description": ""
+        },
+        {
+          "name": "pag-label",
+          "description": ""
+        },
+        {
+          "name": "show-first-and-last",
+          "description": ""
+        }
+      ]
+    },
+    {
+      "name": "jump-pagination-table",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "el-per-page",
+          "description": ""
         },
         {
-          "name": "initial-page",
+          "name": "first",
           "description": ""
         },
         {
@@ -228,7 +249,7 @@
           "description": "Label for the elements per page select"
         },
         {
-          "name": "last-page",
+          "name": "last",
           "description": ""
         },
         {
@@ -240,7 +261,7 @@
           "description": ""
         },
         {
-          "name": "total-elements",
+          "name": "total",
           "description": ""
         }
       ]

package/dist/types/components/jump-pagination/jump-pagination.d.ts

@@ -1,29 +1,11 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class JumpPagination {
-    /**
-     * Indicates the first page/product of the list
-     */
-    firstPage: number;
-    currentPage: number;
-    watchCurrentPage(newValue: number, oldValue: number): void;
-    totalElements: number;
+    current: number;
+    watchcurrent(newValue: number, oldValue: number): void;
     pagLabel: string;
-    initialPage: number;
-    lastPage: number;
-    /**
-     * Label for the elements per page select
-     */
-    labelElementsPerPage: string;
-    /**
-     * Values for the elements per page select
-     */
-    elementsRanges: Array<number>;
-    /**
-     * If true, the component will show the complete version of the pagination, with elements informations
-     */
-    completeVersion: boolean;
+    last: number;
     showFirstAndLast: boolean;
-    jumpChangePage: EventEmitter;
+    changePage: EventEmitter;
     componentWillLoad(): void;
     render(): any;
 }

package/dist/types/components/jump-pagination/jump-pagination.stories.d.ts

@@ -0,0 +1,30 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        pagLabel: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        showFirstAndLast: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        current: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        last: {
+            name: string;
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Playground: any;
+export declare const PaginationRidotto: any;
+export declare const PaginationCompleto: any;

package/dist/types/components/jump-pagination-table/jump-pagination-table.d.ts

@@ -0,0 +1,23 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class JumpPaginationTable {
+    /**
+     * Values for the elements per page select
+     */
+    elementsRanges: Array<number>;
+    elPerPage: number;
+    pagLabel: string;
+    /**
+     * Label for the elements per page select
+     */
+    labelElementsPerPage: string;
+    total: number;
+    first: number;
+    last: number;
+    showFirstAndLast: boolean;
+    elPerPageChanged(newValue: number, oldValue: number): void;
+    setElPerPage(e: any): void;
+    changePage: EventEmitter;
+    changeElPerPage: EventEmitter;
+    doChangePage(dir: any): void;
+    render(): any;
+}

package/dist/types/components/{jump-pagination/jump-pagination-products.stories.d.ts → jump-pagination-table/jump-pagination-table.stories.d.ts}

@@ -7,68 +7,40 @@ declare const _default: {
             control: string;
             description: string;
         };
-        completeVersion: {
+        first: {
             name: string;
             control: string;
             description: string;
         };
-        showFirstAndLast: {
-            name: string;
-            control: string;
-            description: string;
-        };
-        firstPage: {
+        last: {
             name: string;
             control: string;
             description: string;
-            if: {
-                arg: string;
-                eq: boolean;
-            };
         };
-        initialPage: {
+        total: {
             name: string;
             control: string;
             description: string;
         };
-        lastPage: {
+        labelElementsPerPage: {
             name: string;
             control: string;
             description: string;
-            if: {
-                arg: string;
-                eq: boolean;
-            };
         };
-        totalElements: {
+        elementsRanges: {
             name: string;
             control: string;
-            description: string;
-            if: {
-                arg: string;
-                eq: boolean;
-            };
+            options: number[];
         };
-        labelElementsPerPage: {
+        showFirstAndLast: {
             name: string;
             control: string;
             description: string;
-            if: {
-                arg: string;
-                eq: boolean;
-            };
-        };
-        elementsRanges: {
-            name: string;
-            control: string;
-            options: number[];
-            if: {
-                arg: string;
-                eq: boolean;
-            };
         };
     };
 };
 export default _default;
-export declare const PaginationPerProdottiRidotto: any;
-export declare const PaginationPerProdottiCompleto: any;
+export declare const TemplatePagTableWithListenerExample: (args: any, data: any) => any;
+export declare const PlaygroundPagTable: any;
+export declare const PaginationTableRidotto: any;
+export declare const PaginationTableCompleto: any;

package/dist/types/components.d.ts

@@ -139,23 +139,25 @@ export namespace Components {
         "name": string;
     }
     interface JumpPagination {
-        /**
-          * If true, the component will show the complete version of the pagination, with elements informations
-         */
-        "completeVersion": boolean;
+        "last": number;
+        "pagLabel": string;
+        "showFirstAndLast": boolean;
+    }
+    interface JumpPaginationTable {
+        "elPerPage": number;
         /**
           * Values for the elements per page select
          */
         "elementsRanges": Array<number>;
-        "initialPage": number;
+        "first": number;
         /**
           * Label for the elements per page select
          */
         "labelElementsPerPage": string;
-        "lastPage": number;
+        "last": number;
         "pagLabel": string;
         "showFirstAndLast": boolean;
-        "totalElements": number;
+        "total": number;
     }
     interface JumpTab {
         "activeTab": string;
@@ -166,6 +168,10 @@ export interface JumpPaginationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJumpPaginationElement;
 }
+export interface JumpPaginationTableCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJumpPaginationTableElement;
+}
 declare global {
     interface HTMLJumpBadgeElement extends Components.JumpBadge, HTMLStencilElement {
     }
@@ -208,6 +214,24 @@ declare global {
         prototype: HTMLJumpPaginationElement;
         new (): HTMLJumpPaginationElement;
     };
+    interface HTMLJumpPaginationTableElementEventMap {
+        "jump-change-page": any;
+        "jump-change-el-per-page": any;
+    }
+    interface HTMLJumpPaginationTableElement extends Components.JumpPaginationTable, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJumpPaginationTableElementEventMap>(type: K, listener: (this: HTMLJumpPaginationTableElement, ev: JumpPaginationTableCustomEvent<HTMLJumpPaginationTableElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJumpPaginationTableElementEventMap>(type: K, listener: (this: HTMLJumpPaginationTableElement, ev: JumpPaginationTableCustomEvent<HTMLJumpPaginationTableElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLJumpPaginationTableElement: {
+        prototype: HTMLJumpPaginationTableElement;
+        new (): HTMLJumpPaginationTableElement;
+    };
     interface HTMLJumpTabElement extends Components.JumpTab, HTMLStencilElement {
     }
     var HTMLJumpTabElement: {
@@ -220,6 +244,7 @@ declare global {
         "jump-card": HTMLJumpCardElement;
         "jump-icon": HTMLJumpIconElement;
         "jump-pagination": HTMLJumpPaginationElement;
+        "jump-pagination-table": HTMLJumpPaginationTableElement;
         "jump-tab": HTMLJumpTabElement;
     }
 }
@@ -357,24 +382,28 @@ declare namespace LocalJSX {
         "name"?: string;
     }
     interface JumpPagination {
-        /**
-          * If true, the component will show the complete version of the pagination, with elements informations
-         */
-        "completeVersion"?: boolean;
+        "last"?: number;
+        "onJump-change-page"?: (event: JumpPaginationCustomEvent<any>) => void;
+        "pagLabel"?: string;
+        "showFirstAndLast"?: boolean;
+    }
+    interface JumpPaginationTable {
+        "elPerPage"?: number;
         /**
           * Values for the elements per page select
          */
         "elementsRanges"?: Array<number>;
-        "initialPage"?: number;
+        "first"?: number;
         /**
           * Label for the elements per page select
          */
         "labelElementsPerPage"?: string;
-        "lastPage"?: number;
-        "onJump-change-page"?: (event: JumpPaginationCustomEvent<any>) => void;
+        "last"?: number;
+        "onJump-change-el-per-page"?: (event: JumpPaginationTableCustomEvent<any>) => void;
+        "onJump-change-page"?: (event: JumpPaginationTableCustomEvent<any>) => void;
         "pagLabel"?: string;
         "showFirstAndLast"?: boolean;
-        "totalElements"?: number;
+        "total"?: number;
     }
     interface JumpTab {
         "activeTab"?: string;
@@ -386,6 +415,7 @@ declare namespace LocalJSX {
         "jump-card": JumpCard;
         "jump-icon": JumpIcon;
         "jump-pagination": JumpPagination;
+        "jump-pagination-table": JumpPaginationTable;
         "jump-tab": JumpTab;
     }
 }
@@ -398,6 +428,7 @@ declare module "@stencil/core" {
             "jump-card": LocalJSX.JumpCard & JSXBase.HTMLAttributes<HTMLJumpCardElement>;
             "jump-icon": LocalJSX.JumpIcon & JSXBase.HTMLAttributes<HTMLJumpIconElement>;
             "jump-pagination": LocalJSX.JumpPagination & JSXBase.HTMLAttributes<HTMLJumpPaginationElement>;
+            "jump-pagination-table": LocalJSX.JumpPaginationTable & JSXBase.HTMLAttributes<HTMLJumpPaginationTableElement>;
             "jump-tab": LocalJSX.JumpTab & JSXBase.HTMLAttributes<HTMLJumpTabElement>;
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jumpgroup/jump-design-system",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

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

@@ -1,119 +0,0 @@
-import { generateAttributesFromArgs, formatHtml } from "../../utils/utils";
-export default {
-    title: 'Components/Pagination/Pages',
-    tags: ['autodocs'],
-    argTypes: {
-        pagLabel: {
-            name: "pagLabel",
-            control: 'text',
-            description: 'Indica la dicitura di paginazione. Di default è "di".'
-        },
-        completeVersion: {
-            name: 'completeVersion',
-            control: 'boolean',
-            description: 'Indica se mostrare la versione con selezione di prodotti'
-        },
-        showAdditionalChrevrons: {
-            name: 'showAdditionalChrevrons',
-            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: 'firstPage',
-            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
-            },
-        },
-        initialPage: {
-            name: 'initialPage',
-            control: 'number',
-            description: 'Se si tratta di pagination per prodotti, indica il valore max di range di prodotto, altrimenti la pagina corrente'
-        },
-        lastPage: {
-            name: 'lastPage',
-            control: 'number',
-            description: 'Indica l\'ultima pagina',
-            if: {
-                arg: 'completeVersion',
-                eq: false
-            },
-        },
-        totalElements: {
-            name: 'totalElements',
-            control: 'number',
-            description: 'Indica il numero totale di elementi disponibili. ',
-            if: {
-                arg: 'completeVersion',
-                eq: true
-            },
-        },
-        labelElementsPerPage: {
-            name: 'labelElementsPerPage',
-            control: 'text',
-            description: 'Indica l\'etichetta per gli elementi per pagina',
-            if: {
-                arg: 'completeVersion',
-                eq: true
-            },
-        },
-        elementsRanges: {
-            name: 'elementsRanges',
-            control: 'multi-select',
-            options: [10, 20, 30],
-            if: {
-                arg: 'completeVersion',
-                eq: true
-            },
-        },
-    }
-};
-const Template = (args) => {
-    const attributes = generateAttributesFromArgs(args);
-    return formatHtml(`<jump-pagination ${attributes}></jump-pagination>`);
-};
-const TemplateWithListenerExample = (args, data) => {
-    let id = data.id;
-    const attributes = generateAttributesFromArgs(args);
-    return formatHtml(`<jump-pagination ${attributes}></jump-pagination>
-          <div>La pagina corrente è: <span id="page-number">loading..<span></div>
-          <script>
-          (function() {
-              let container;
-              container = document.querySelector('#story--${id}');
-              container.querySelector('jump-pagination').addEventListener('jump-change-page', (ev) => {
-              container.querySelector('#page-number').innerText = ev.detail.currentPage;
-            });
-          })();
-          </script>`);
-};
-export const Playground = Template.bind({});
-Playground.args = {
-    completeVersion: false,
-    showAdditionalChrevrons: false,
-    firstPage: 1,
-    initialPage: 1,
-    lastPage: 10,
-    pagLabel: 'di'
-};
-export const PaginationPerPagineRidotto = TemplateWithListenerExample.bind({});
-PaginationPerPagineRidotto.args = {
-    completeVersion: false,
-    showAdditionalChrevrons: false,
-    firstPage: 1,
-    initialPage: 1,
-    lastPage: 10,
-    pagLabel: 'di'
-};
-export const PaginationPerPagineCompleto = TemplateWithListenerExample.bind({});
-PaginationPerPagineCompleto.args = {
-    completeVersion: false,
-    showAdditionalChrevrons: true,
-    firstPage: 1,
-    initialPage: 3,
-    lastPage: 10,
-    pagLabel: 'di'
-};
-//# sourceMappingURL=jump-pagination-pages.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"jump-pagination-pages.stories.js","sourceRoot":"","sources":["../../../src/components/jump-pagination/jump-pagination-pages.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { generateAttributesFromArgs, formatHtml} from '../../utils/utils';\n\nexport default {\n  title: 'Components/Pagination/Pages',\n  tags: ['autodocs'],\n  argTypes: {\n    pagLabel:{\n      name: \"pagLabel\",\n      control: 'text',\n      description: 'Indica la dicitura di paginazione. Di default è \"di\".'\n    },\n    completeVersion: {\n      name: 'completeVersion',\n      control: 'boolean',\n      description: 'Indica se mostrare la versione con selezione di prodotti'\n    },\n    showAdditionalChrevrons: {\n      name: 'showAdditionalChrevrons',\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: 'firstPage',\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    initialPage: {\n      name: 'initialPage',\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: 'lastPage',\n      control: 'number',\n      description: 'Indica l\\'ultima pagina',\n        if: {\n        arg: 'completeVersion',\n        eq: false\n      },\n    },\n    totalElements: {\n      name: 'totalElements',\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: 'labelElementsPerPage',\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: 'elementsRanges',\n      control: 'multi-select', \n      options: [10, 20, 30],\n      if: {\n        arg: 'completeVersion',\n        eq: true\n      }, \n    },\n  }\n};\n\nconst Template = (args) => {\n  const attributes = generateAttributesFromArgs(args);\n  return formatHtml(`<jump-pagination ${attributes}></jump-pagination>`);\n};\n\nconst TemplateWithListenerExample = (args, data) => {\n  let id = data.id;\n  const attributes = generateAttributesFromArgs(args);\n  return formatHtml(`<jump-pagination ${attributes}></jump-pagination>\n          <div>La pagina corrente è: <span id=\"page-number\">loading..<span></div>\n          <script>\n          (function() {\n              let container;\n              container = document.querySelector('#story--${id}');\n              container.querySelector('jump-pagination').addEventListener('jump-change-page', (ev) => {\n              container.querySelector('#page-number').innerText = ev.detail.currentPage;\n            });\n          })();\n          </script>`);\n};\n\nexport const Playground = Template.bind({});\n\nPlayground.args = {\n  completeVersion: false,\n  showAdditionalChrevrons: false,\n  firstPage: 1,\n  initialPage: 1,\n  lastPage: 10,\n  pagLabel: 'di'\n};\n\nexport const PaginationPerPagineRidotto = TemplateWithListenerExample.bind({});\n\nPaginationPerPagineRidotto.args = {\n  completeVersion: false,\n  showAdditionalChrevrons: false,\n  firstPage: 1,\n  initialPage: 1,\n  lastPage:10,\n  pagLabel: 'di'\n};\n\nexport const PaginationPerPagineCompleto = TemplateWithListenerExample.bind({});\n\nPaginationPerPagineCompleto.args = {\n  completeVersion: false,\n  showAdditionalChrevrons: true,\n  firstPage: 1,\n  initialPage: 3,\n  lastPage: 10,\n  pagLabel: 'di'\n};\n"]}