@jumpgroup/jump-design-system 0.3.59 → 0.3.64

package/dist/jump-design-system/{p-3f6d50d5.entry.js.map → p-98ef4924.entry.js.map}

@@ -1 +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","SlIcon","define","jumpIconCss","JumpIconStyle0","JumpIcon","fontAwesomeClassGenerator","category","fa_class","category_class","push","name_class","join","fontAwesomeLibrary","resolver","found_classes","split","find","c","startsWith","replace","icon_name","mutator","svg","setAttribute","lucideLibrary","libraryConfig","library","registerIconLibrary","src","label"],"sources":["src/components/jump-button/jump-button.scss?tag=jump-button&encapsulation=shadow","src/components/jump-button/jump-button.tsx","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.22M42QYS.js","src/components/jump-icon/jump-icon.scss?tag=jump-icon&encapsulation=shadow","src/components/jump-icon/jump-icon.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  --button-color: #ffffff;\n  --button-color-disabled: #cbcbcb;\n  --button-background: var(--primary-standard);\n  --button-background-outline: transparent;\n  --button-color-hover: #ffffff;\n  --button-background-hover: var(--primary-hard);\n  --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  --button-padding: 1rem 1.25rem;\n\n  display: flex;\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, var(--button-background));\n    border-radius: var(--button-border-radius);\n    color: var(--jump-button-color, var(--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    line-height: 1.2;\n    align-items: center;\n    gap: var(--button-gap, 0.5rem);\n    text-decoration: none;\n\n    padding: var(--jump-button-padding, var(--button-padding));\n\n    // TODO: gestire il focus con un outline\n    &:hover {\n      background-color: var(--jump-button-background-hover, var(--button-background-hover));\n      color: var(--jump-button-color-hover, var(--button-color-hover));\n    }\n\n    &[data-variant='primary'] {\n      --button-color: var(--neutral-white);\n      --button-background: var(--primary-standard);\n      --button-color-hover: var(--neutral-white);\n      --button-background-hover: var(--primary-hard);\n    }\n\n    &[data-variant='secondary'] {\n      --button-color: var(--neutral-white);\n      --button-background: var(--secondary-standard);\n      --button-color-hover: var(--neutral-white);\n      --button-background-hover: var(--secondary-hard);\n    }\n\n    &[data-variant='neutral'] {\n      --button-color: var(--neutral-white);\n      --button-background: var(--neutral-grey-secondary);\n      --button-color-hover: var(--neutral-white);\n      --button-background-hover: var(--neutral-grey-primary);\n    }\n\n    &[data-variant='white'] {\n      --button-color: var(--neutral-grey-primary);\n      --button-background: var(--neutral-white);\n      --button-color-hover: var(--neutral-grey-primary);\n      --button-background-hover: var(--neutral-grey-background);\n    }\n\n    &[disabled] {\n      --button-background: var(--button-color-disabled);\n      --button-background-hover: var(--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      --button-padding: 0.65rem 1rem;\n    }\n\n    &[data-size='medium'] {\n      font-size: var(--fs-400, 1rem);\n      --button-padding: 0.75rem 1.25rem;\n    }\n\n    &[data-size='large'] {\n      font-size: var(--fs-500, 1.125rem);\n      --button-padding: 1rem 1.5rem;\n    }\n\n    &[data-outline] {\n      background-color: var(--jump-background-outline, var(--button-background-outline));\n      border: 1px solid var(--jump-button-background, var(--button-background));\n      color: var(--jump-button-background, var(--button-background));\n      &:hover {\n        background-color: var(--jump-button-background-hover, var(--button-background-hover));\n        border: 1px solid var(--jump-button-background-hover, var(--button-background-hover));\n        color: var(--jump-button-color-hover, var(--button-color-hover));\n      }\n    }\n\n    &[data-text] {\n      background-color: transparent;\n      border: none;\n      color: var(--jump-button-background, var(--button-background));\n      padding: 0;\n      &:hover {\n        background-color: transparent;\n        border: none;\n        color: var(--jump-button-background-hover, var(--button-background-hover));\n      }\n    }\n\n    &[data-only-icon] {\n      --button-padding: 0.5rem;\n    }\n\n    &[data-only-icon][data-size='small'] {\n      --button-padding: 0.5rem;\n    }\n    &[data-only-icon][data-size='medium'] {\n      --button-padding: 0.875rem;\n    }\n    &[data-only-icon][data-size='large'] {\n      --button-padding: 1rem;\n    }\n\n    &[data-full] {\n      width: 100%;\n      justify-content: center;\n    }\n\n    &.chat {\n      --button-color: var(--neutral-white);\n      --button-background: hsla(133, 54%, 58%, 1);\n      --button-color-hover: var(--neutral-white);\n      --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","import {\n  SlIcon\n} from \"./chunk.H33C3MRM.js\";\n\n// src/components/icon/icon.ts\nvar icon_default = SlIcon;\nSlIcon.define(\"sl-icon\");\n\nexport {\n  icon_default\n};\n",":host {\n  display: inline-flex;\n}\n\nsl-icon {\n  display: inline-flex;\n  // --sl-icon-width: var(--fs-400, 1rem);\n  // --sl-icon-height: var(--fs-400, 1rem);\n\n  &[library='lucide'] {\n    width: var(--sl-icon-width);\n    height: var(--sl-icon-height);\n\n    &[size='small'] {\n      --sl-icon-width: var(--fs-400, 1rem);\n      --sl-icon-height: var(--fs-400, 1rem);\n    }\n\n    &[size='medium'] {\n      --sl-icon-width: var(--fs-500, 1.125rem);\n      --sl-icon-height: var(--fs-500, 1.125rem);\n    }\n\n    &[size='large'] {\n      --sl-icon-width: var(--fs-600, 1.5rem);\n      --sl-icon-height: var(--fs-600, 1.5rem);\n    }\n\n    &[size='inherit'] {\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  &[library='custom'] {\n    width: var(--sl-icon-width);\n    height: var(--sl-icon-height);\n\n    &[size='small'] {\n      --sl-icon-width: var(--fs-400, 1rem);\n      --sl-icon-height: var(--fs-400, 1rem);\n    }\n\n    &[size='medium'] {\n      --sl-icon-width: var(--fs-500, 1.125rem);\n      --sl-icon-height: var(--fs-500, 1.125rem);\n    }\n\n    &[size='large'] {\n      --sl-icon-width: var(--fs-600, 1.5rem);\n      --sl-icon-height: var(--fs-600, 1.5rem);\n    }\n\n    &[size='inherit'] {\n      width: inherit;\n      height: inherit;\n    }\n  }\n\n  &[library='fa'] {\n    font-size: var(--font-size);\n    line-height: var(--line-height);\n\n    &[size='small'] {\n      --font-size: var(--fs-400, 1rem);\n      --line-height: var(--fs-400, 1rem);\n    }\n\n    &[size='medium'] {\n      --font-size: var(--fs-500, 1.125rem);\n      --line-height: var(--fs-500, 1.125rem);\n    }\n\n    &[size='large'] {\n      --font-size: var(--fs-600, 1.5rem);\n      --line-height: var(--fs-600, 1.5rem);\n    }\n\n    &[size='inherit'] {\n      font-size: inherit;\n      line-height: inherit;\n    }\n  }\n\n  // width: var(--sl-icon-width);\n  // height: var(--sl-icon-height);\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport '@shoelace-style/shoelace/dist/components/icon/icon.js';\nimport { registerIconLibrary } from '@shoelace-style/shoelace/dist/utilities/icon-library';\n\n@Component({\n  tag: 'jump-icon',\n  styleUrl: 'jump-icon.scss',\n  shadow: true,\n})\nexport class JumpIcon {\n  /**\n   * Class of the icon\n   */\n  @Prop() class: string;\n  /**\n   * Library of the icon\n   */\n  @Prop() library: string = 'fa';\n\n  /**\n   * Name of the icon\n   **/\n  @Prop() name: string = 'heart';\n\n  /**\n   * Category of the icon\n   */\n  @Prop() category: 'solid' | 'sharp-light' | 'sharp-regular' | 'sharp-solid' | 'sharp-thin' | 'brands' | 'regular' | 'light' | 'thin' | 'duotone' = 'solid';\n\n  /**\n   * Size of the icon\n   **/\n  @Prop() size: string;\n\n  /**\n   * Label for the icon\n   */\n  @Prop() label: string;\n\n  /**\n   * Src of the icon\n   */\n  @Prop() src: string;\n\n  componentWillLoad() {\n    let libraryConfig = this.lucideLibrary;\n    this.size = this.size || 'inherit';\n    switch (this.library) {\n      case 'fa':\n        libraryConfig = this.fontAwesomeLibrary;\n        break;\n\n      case 'lucide':\n        libraryConfig = this.lucideLibrary;\n        break;\n\n      default:\n        break;\n    }\n\n    registerIconLibrary(this.library, libraryConfig);\n  }\n\n  render() {\n    if (!this.name && !this.src) {\n      return `Please set the 'name' or 'src' property to display the icon`;\n    }\n\n    if (this.library === 'custom') {\n      return <sl-icon library={this.library} src={this.src} size={this.size} label={this.label}></sl-icon>;\n    }\n    if (this.library === 'lucide') {\n      return <sl-icon library={this.library} name={this.name} size={this.size} label={this.label}></sl-icon>;\n    }\n    if (this.library === 'fa') {\n      return <sl-icon library={this.library} name={this.fontAwesomeClassGenerator(this.name, this.category)} class={this.class} size={this.size} label={this.label}></sl-icon>;\n    }\n  }\n\n  fontAwesomeClassGenerator = (name: string, category: string) => {\n    let fa_class = [];\n    let category_class = !category ? 'category-classic' : `category-${category}`;\n    category_class && fa_class.push(category_class);\n    let name_class = `name-${name}`;\n    name_class && fa_class.push(name_class);\n    return fa_class.join(' ');\n  };\n\n  fontAwesomeLibrary = {\n    resolver: name => {\n      const found_classes = name.split(' ');\n      const category = found_classes.find(c => c.startsWith('category-')).replace('category-', '');\n      const icon_name = found_classes.find(c => c.startsWith('name-')).replace('name-', '');\n\n      return `https://designsystem-media.jumpgroup.it/svgs/${category}/${icon_name}.svg`;\n    },\n    mutator: svg => svg.setAttribute('fill', 'currentColor'),\n  };\n\n  lucideLibrary = {\n    resolver: name => `https://cdn.jsdelivr.net/npm/lucide-static@0.16.29/icons/${name}.svg`,\n  };\n}\n"],"mappings":"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"}
+{"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","SlIcon","define","jumpIconCss","JumpIconStyle0","JumpIcon","fontAwesomeClassGenerator","category","fa_class","category_class","push","name_class","join","fontAwesomeLibrary","resolver","found_classes","split","find","c","startsWith","replace","icon_name","mutator","svg","setAttribute","lucideLibrary","libraryConfig","library","registerIconLibrary","src","label"],"sources":["src/components/jump-button/jump-button.scss?tag=jump-button&encapsulation=shadow","src/components/jump-button/jump-button.tsx","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.22M42QYS.js","src/components/jump-icon/jump-icon.scss?tag=jump-icon&encapsulation=shadow","src/components/jump-icon/jump-icon.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  --button-color: #ffffff;\n  --button-color-disabled: #cbcbcb;\n  --button-background: var(--primary-standard);\n  --button-background-outline: transparent;\n  --button-color-hover: #ffffff;\n  --button-background-hover: var(--primary-hard);\n  --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  --button-padding: 1rem 1.25rem;\n\n  display: flex;\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, var(--button-background));\n    border-radius: var(--button-border-radius);\n    color: var(--jump-button-color, var(--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    line-height: 1.2;\n    align-items: center;\n    gap: var(--button-gap, 0.5rem);\n    text-decoration: none;\n\n    padding: var(--jump-button-padding, var(--button-padding));\n\n    // TODO: gestire il focus con un outline\n    &:hover {\n      background-color: var(--jump-button-background-hover, var(--button-background-hover));\n      color: var(--jump-button-color-hover, var(--button-color-hover));\n    }\n\n    &[data-variant='primary'] {\n      --button-color: var(--neutral-white);\n      --button-background: var(--primary-standard);\n      --button-color-hover: var(--neutral-white);\n      --button-background-hover: var(--primary-hard);\n    }\n\n    &[data-variant='secondary'] {\n      --button-color: var(--neutral-white);\n      --button-background: var(--secondary-standard);\n      --button-color-hover: var(--neutral-white);\n      --button-background-hover: var(--secondary-hard);\n    }\n\n    &[data-variant='neutral'] {\n      --button-color: var(--neutral-white);\n      --button-background: var(--neutral-grey-secondary);\n      --button-color-hover: var(--neutral-white);\n      --button-background-hover: var(--neutral-grey-primary);\n    }\n\n    &[data-variant='white'] {\n      --button-color: var(--neutral-grey-primary);\n      --button-background: var(--neutral-white);\n      --button-color-hover: var(--neutral-grey-primary);\n      --button-background-hover: var(--neutral-grey-background);\n    }\n\n    &[disabled] {\n      --button-background: var(--button-color-disabled);\n      --button-background-hover: var(--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      --button-padding: 0.65rem 1rem;\n    }\n\n    &[data-size='medium'] {\n      font-size: var(--fs-400, 1rem);\n      --button-padding: 0.75rem 1.25rem;\n    }\n\n    &[data-size='large'] {\n      font-size: var(--fs-500, 1.125rem);\n      --button-padding: 1rem 1.5rem;\n    }\n\n    &[data-outline] {\n      background-color: var(--jump-background-outline, var(--button-background-outline));\n      border: 1px solid var(--jump-button-background, var(--button-background));\n      color: var(--jump-button-background, var(--button-background));\n      &:hover {\n        background-color: var(--jump-button-background-hover, var(--button-background-hover));\n        border: 1px solid var(--jump-button-background-hover, var(--button-background-hover));\n        color: var(--jump-button-color-hover, var(--button-color-hover));\n      }\n    }\n\n    &[data-text] {\n      background-color: transparent;\n      border: none;\n      color: var(--jump-button-background, var(--button-background));\n      padding: 0;\n      &:hover {\n        background-color: transparent;\n        border: none;\n        color: var(--jump-button-background-hover, var(--button-background-hover));\n      }\n    }\n\n    &[data-only-icon] {\n      --button-padding: 0.5rem;\n    }\n\n    &[data-only-icon][data-size='small'] {\n      --button-padding: 0.5rem;\n    }\n    &[data-only-icon][data-size='medium'] {\n      --button-padding: 0.875rem;\n    }\n    &[data-only-icon][data-size='large'] {\n      --button-padding: 1rem;\n    }\n\n    &[data-full] {\n      width: 100%;\n      justify-content: center;\n    }\n\n    &.chat {\n      --button-color: var(--neutral-white);\n      --button-background: hsla(133, 54%, 58%, 1);\n      --button-color-hover: var(--neutral-white);\n      --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","import {\n  SlIcon\n} from \"./chunk.H33C3MRM.js\";\n\n// src/components/icon/icon.ts\nvar icon_default = SlIcon;\nSlIcon.define(\"sl-icon\");\n\nexport {\n  icon_default\n};\n",":host {\n  display: inline-flex;\n}\n\nsl-icon {\n  display: inline-flex;\n  // --sl-icon-width: var(--fs-400, 1rem);\n  // --sl-icon-height: var(--fs-400, 1rem);\n\n  &[library='lucide'] {\n    width: var(--sl-icon-width);\n    height: var(--sl-icon-height);\n\n    &[size='small'] {\n      --sl-icon-width: var(--fs-400, 1rem);\n      --sl-icon-height: var(--fs-400, 1rem);\n    }\n\n    &[size='medium'] {\n      --sl-icon-width: var(--fs-500, 1.125rem);\n      --sl-icon-height: var(--fs-500, 1.125rem);\n    }\n\n    &[size='large'] {\n      --sl-icon-width: var(--fs-600, 1.5rem);\n      --sl-icon-height: var(--fs-600, 1.5rem);\n    }\n\n    &[size='inherit'] {\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  &[library='custom'] {\n    width: var(--sl-icon-width);\n    height: var(--sl-icon-height);\n\n    &[size='small'] {\n      --sl-icon-width: var(--fs-400, 1rem);\n      --sl-icon-height: var(--fs-400, 1rem);\n    }\n\n    &[size='medium'] {\n      --sl-icon-width: var(--fs-500, 1.125rem);\n      --sl-icon-height: var(--fs-500, 1.125rem);\n    }\n\n    &[size='large'] {\n      --sl-icon-width: var(--fs-600, 1.5rem);\n      --sl-icon-height: var(--fs-600, 1.5rem);\n    }\n\n    &[size='inherit'] {\n      width: inherit;\n      height: inherit;\n    }\n  }\n\n  &[library='fa'] {\n    font-size: var(--font-size);\n    line-height: var(--line-height);\n\n    &[size='small'] {\n      --font-size: var(--fs-400, 1rem);\n      --line-height: var(--fs-400, 1rem);\n    }\n\n    &[size='medium'] {\n      --font-size: var(--fs-500, 1.125rem);\n      --line-height: var(--fs-500, 1.125rem);\n    }\n\n    &[size='large'] {\n      --font-size: var(--fs-600, 1.5rem);\n      --line-height: var(--fs-600, 1.5rem);\n    }\n\n    &[size='inherit'] {\n      font-size: inherit;\n      line-height: inherit;\n    }\n  }\n\n  // width: var(--sl-icon-width);\n  // height: var(--sl-icon-height);\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport '@shoelace-style/shoelace/dist/components/icon/icon.js';\nimport { registerIconLibrary } from '@shoelace-style/shoelace/dist/utilities/icon-library';\n\n@Component({\n  tag: 'jump-icon',\n  styleUrl: 'jump-icon.scss',\n  shadow: true,\n})\nexport class JumpIcon {\n  /**\n   * Class of the icon\n   */\n  @Prop() class: string;\n  /**\n   * Library of the icon\n   */\n  @Prop() library: string = 'fa';\n\n  /**\n   * Name of the icon\n   **/\n  @Prop() name: string = 'heart';\n\n  /**\n   * Category of the icon\n   */\n  @Prop() category: 'solid' | 'sharp-light' | 'sharp-regular' | 'sharp-solid' | 'sharp-thin' | 'brands' | 'regular' | 'light' | 'thin' | 'duotone' = 'solid';\n\n  /**\n   * Size of the icon\n   **/\n  @Prop() size: string;\n\n  /**\n   * Label for the icon\n   */\n  @Prop() label: string;\n\n  /**\n   * Src of the icon\n   */\n  @Prop() src: string;\n\n  componentWillLoad() {\n    let libraryConfig = this.lucideLibrary;\n    this.size = this.size || 'inherit';\n    switch (this.library) {\n      case 'fa':\n        libraryConfig = this.fontAwesomeLibrary;\n        break;\n\n      case 'lucide':\n        libraryConfig = this.lucideLibrary;\n        break;\n\n      default:\n        break;\n    }\n\n    registerIconLibrary(this.library, libraryConfig);\n  }\n\n  render() {\n    if (!this.name && !this.src) {\n      return `Please set the 'name' or 'src' property to display the icon`;\n    }\n\n    if (this.library === 'custom') {\n      return <sl-icon library={this.library} src={this.src} size={this.size} label={this.label}></sl-icon>;\n    }\n    if (this.library === 'lucide') {\n      return <sl-icon library={this.library} name={this.name} size={this.size} label={this.label}></sl-icon>;\n    }\n    if (this.library === 'fa') {\n      return <sl-icon library={this.library} name={this.fontAwesomeClassGenerator(this.name, this.category)} class={this.class} size={this.size} label={this.label}></sl-icon>;\n    }\n  }\n\n  fontAwesomeClassGenerator = (name: string, category: string) => {\n    let fa_class = [];\n    let category_class = !category ? 'category-classic' : `category-${category}`;\n    category_class && fa_class.push(category_class);\n    let name_class = `name-${name}`;\n    name_class && fa_class.push(name_class);\n    return fa_class.join(' ');\n  };\n\n  fontAwesomeLibrary = {\n    resolver: name => {\n      const found_classes = name.split(' ');\n      const category = found_classes.find(c => c.startsWith('category-')).replace('category-', '');\n      const icon_name = found_classes.find(c => c.startsWith('name-')).replace('name-', '');\n\n      return `https://designsystem-media.jumpgroup.it/svgs/${category}/${icon_name}.svg`;\n    },\n    mutator: svg => svg.setAttribute('fill', 'currentColor'),\n  };\n\n  lucideLibrary = {\n    resolver: name => `https://cdn.jsdelivr.net/npm/lucide-static@0.16.29/icons/${name}.svg`,\n  };\n}\n"],"mappings":"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"}

package/dist/jump-design-system/{p-198cfe62.js → p-9d21c18a.js}

@@ -1,4 +1,4 @@
-import{e as t}from"./p-d33f4f1d.js";
+import{d as t}from"./p-95a1bbc5.js";
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -19,4 +19,4 @@ import{e as t}from"./p-d33f4f1d.js";
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */const o=i(class extends n{constructor(t){if(super(t),t.type!==r.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[e]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(e)}const r=s.element.classList;for(const t of this.st)t in e||(r.remove(t),this.st.delete(t));for(const t in e){const s=!!e[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)))}return t}});export{e as a,i as b,o as e,n as i,r as t};
-//# sourceMappingURL=p-198cfe62.js.map
+//# sourceMappingURL=p-9d21c18a.js.map

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

@@ -0,0 +1,178 @@
+import{r as e,c as t,h as i,H as o}from"./p-e516e812.js";import{i as s,c,_ as r,w as l,S as a,x as n,r as h,n as d}from"./p-95a1bbc5.js";import{f as b,F as u,H as k,o as f,d as p}from"./p-67339850.js";import{S as x}from"./p-1b31e36f.js";import{e as m,a as v}from"./p-9d21c18a.js";import{l as g}from"./p-94229ed5.js";var _=s`
+  :host {
+    display: inline-block;
+  }
+
+  .checkbox {
+    position: relative;
+    display: inline-flex;
+    align-items: flex-start;
+    font-family: var(--sl-input-font-family);
+    font-weight: var(--sl-input-font-weight);
+    color: var(--sl-input-label-color);
+    vertical-align: middle;
+    cursor: pointer;
+  }
+
+  .checkbox--small {
+    --toggle-size: var(--sl-toggle-size-small);
+    font-size: var(--sl-input-font-size-small);
+  }
+
+  .checkbox--medium {
+    --toggle-size: var(--sl-toggle-size-medium);
+    font-size: var(--sl-input-font-size-medium);
+  }
+
+  .checkbox--large {
+    --toggle-size: var(--sl-toggle-size-large);
+    font-size: var(--sl-input-font-size-large);
+  }
+
+  .checkbox__control {
+    flex: 0 0 auto;
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--toggle-size);
+    height: var(--toggle-size);
+    border: solid var(--sl-input-border-width) var(--sl-input-border-color);
+    border-radius: 2px;
+    background-color: var(--sl-input-background-color);
+    color: var(--sl-color-neutral-0);
+    transition:
+      var(--sl-transition-fast) border-color,
+      var(--sl-transition-fast) background-color,
+      var(--sl-transition-fast) color,
+      var(--sl-transition-fast) box-shadow;
+  }
+
+  .checkbox__input {
+    position: absolute;
+    opacity: 0;
+    padding: 0;
+    margin: 0;
+    pointer-events: none;
+  }
+
+  .checkbox__checked-icon,
+  .checkbox__indeterminate-icon {
+    display: inline-flex;
+    width: var(--toggle-size);
+    height: var(--toggle-size);
+  }
+
+  /* Hover */
+  .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover {
+    border-color: var(--sl-input-border-color-hover);
+    background-color: var(--sl-input-background-color-hover);
+  }
+
+  /* Focus */
+  .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  /* Checked/indeterminate */
+  .checkbox--checked .checkbox__control,
+  .checkbox--indeterminate .checkbox__control {
+    border-color: var(--sl-color-primary-600);
+    background-color: var(--sl-color-primary-600);
+  }
+
+  /* Checked/indeterminate + hover */
+  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,
+  .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover {
+    border-color: var(--sl-color-primary-500);
+    background-color: var(--sl-color-primary-500);
+  }
+
+  /* Checked/indeterminate + focus */
+  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control,
+  .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  /* Disabled */
+  .checkbox--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .checkbox__label {
+    display: inline-block;
+    color: var(--sl-input-label-color);
+    line-height: var(--toggle-size);
+    margin-inline-start: 0.5em;
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  :host([required]) .checkbox__label::after {
+    content: var(--sl-input-required-content);
+    color: var(--sl-input-required-content-color);
+    margin-inline-start: var(--sl-input-required-content-offset);
+  }
+`;var y=class extends a{constructor(){super(...arguments);this.formControlController=new u(this,{value:e=>e.checked?e.value||"on":void 0,defaultValue:e=>e.defaultChecked,setValue:(e,t)=>e.checked=t});this.hasSlotController=new k(this,"help-text");this.hasFocus=false;this.title="";this.name="";this.size="medium";this.disabled=false;this.checked=false;this.indeterminate=false;this.defaultChecked=false;this.form="";this.required=false;this.helpText=""}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleClick(){this.checked=!this.checked;this.indeterminate=false;this.emit("sl-change")}handleBlur(){this.hasFocus=false;this.emit("sl-blur")}handleInput(){this.emit("sl-input")}handleInvalid(e){this.formControlController.setValidity(false);this.formControlController.emitInvalidEvent(e)}handleFocus(){this.hasFocus=true;this.emit("sl-focus")}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked;this.input.indeterminate=this.indeterminate;this.formControlController.updateValidity()}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(e){this.input.setCustomValidity(e);this.formControlController.updateValidity()}render(){const e=this.hasSlotController.test("help-text");const t=this.helpText?true:!!e;return n`
+      <div
+        class=${m({"form-control":true,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-help-text":t})}
+      >
+        <label
+          part="base"
+          class=${m({checkbox:true,"checkbox--checked":this.checked,"checkbox--disabled":this.disabled,"checkbox--focused":this.hasFocus,"checkbox--indeterminate":this.indeterminate,"checkbox--small":this.size==="small","checkbox--medium":this.size==="medium","checkbox--large":this.size==="large"})}
+        >
+          <input
+            class="checkbox__input"
+            type="checkbox"
+            title=${this.title}
+            name=${this.name}
+            value=${f(this.value)}
+            .indeterminate=${g(this.indeterminate)}
+            .checked=${g(this.checked)}
+            .disabled=${this.disabled}
+            .required=${this.required}
+            aria-checked=${this.checked?"true":"false"}
+            aria-describedby="help-text"
+            @click=${this.handleClick}
+            @input=${this.handleInput}
+            @invalid=${this.handleInvalid}
+            @blur=${this.handleBlur}
+            @focus=${this.handleFocus}
+          />
+
+          <span
+            part="control${this.checked?" control--checked":""}${this.indeterminate?" control--indeterminate":""}"
+            class="checkbox__control"
+          >
+            ${this.checked?n`
+                  <sl-icon part="checked-icon" class="checkbox__checked-icon" library="system" name="check"></sl-icon>
+                `:""}
+            ${!this.checked&&this.indeterminate?n`
+                  <sl-icon
+                    part="indeterminate-icon"
+                    class="checkbox__indeterminate-icon"
+                    library="system"
+                    name="indeterminate"
+                  ></sl-icon>
+                `:""}
+          </span>
+
+          <div part="label" class="checkbox__label">
+            <slot></slot>
+          </div>
+        </label>
+
+        <div
+          aria-hidden=${t?"false":"true"}
+          class="form-control__help-text"
+          id="help-text"
+          part="form-control-help-text"
+        >
+          <slot name="help-text">${this.helpText}</slot>
+        </div>
+      </div>
+    `}};y.styles=[c,b,_];y.dependencies={"sl-icon":x};r([v('input[type="checkbox"]')],y.prototype,"input",2);r([h()],y.prototype,"hasFocus",2);r([d()],y.prototype,"title",2);r([d()],y.prototype,"name",2);r([d()],y.prototype,"value",2);r([d({reflect:true})],y.prototype,"size",2);r([d({type:Boolean,reflect:true})],y.prototype,"disabled",2);r([d({type:Boolean,reflect:true})],y.prototype,"checked",2);r([d({type:Boolean,reflect:true})],y.prototype,"indeterminate",2);r([p("checked")],y.prototype,"defaultChecked",2);r([d({reflect:true})],y.prototype,"form",2);r([d({type:Boolean,reflect:true})],y.prototype,"required",2);r([d({attribute:"help-text"})],y.prototype,"helpText",2);r([l("disabled",{waitUntilFirstUpdate:true})],y.prototype,"handleDisabledChange",1);r([l(["checked","indeterminate"],{waitUntilFirstUpdate:true})],y.prototype,"handleStateChange",1);y.define("sl-checkbox");const $=":host{display:flex;width:100%}:host .count{color:var(--neutral-grey-secondary, #707070)}:host sl-checkbox{display:flex;width:100%}:host sl-checkbox::part(control){height:1rem;width:1rem;border:1px solid var(--neutral-grey-secondary, #707070);border-radius:3px;margin-top:3px}:host sl-checkbox::part(control--checked){background-color:var(--status-interaction-standard, #2C6ECB);border-color:var(--status-interaction-standard, #2C6ECB);color:var(--neutral-ultralight, #fff)}:host sl-checkbox::part(label){display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-grow:1;color:var(--neutral-grey-primary, #1d1d1d);font-family:var(--ff-primary), serif}";const w=$;const z=class{constructor(i){e(this,i);this.toggleCheckbox=t(this,"jump-checkbox-change",7);this.value=undefined;this.label=undefined;this.checked=false;this.count=null}componentDidLoad(){this.listenSLChange()}listenSLChange(){if(this.host){this.host.addEventListener("sl-change",(()=>{this.checked=!this.checked;this.toggleCheckbox.emit({value:this.el.value,checked:this.checked})}))}}async isChecked(){return this.el.checked}render(){return i(o,{key:"c1ed5c7a59979dbe46338b2df91e5ab73c0547bd",ref:e=>this.host=e},this.value&&this.label&&i("sl-checkbox",{key:"de838d7ec4dedc45935bca737c71251028adc658",value:this.value,ref:e=>this.el=e,checked:this.checked},this.label),this.count&&i("span",{key:"4e7ca6acfdc390a1a9511d52c00135783e57b1cd",class:"count"},this.count))}};z.style=w;export{z as jump_filter_checkbox};
+//# sourceMappingURL=p-a05d9480.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["checkbox_styles_default","css","SlCheckbox","ShoelaceElement","constructor","super","arguments","this","formControlController","FormControlController","value","control","checked","defaultValue","defaultChecked","setValue","hasSlotController","HasSlotController","hasFocus","title","name","size","disabled","indeterminate","form","required","helpText","validity","input","validationMessage","firstUpdated","updateValidity","handleClick","emit","handleBlur","handleInput","handleInvalid","event","setValidity","emitInvalidEvent","handleFocus","handleDisabledChange","handleStateChange","click","focus","options","blur","checkValidity","getForm","reportValidity","setCustomValidity","message","render","hasHelpTextSlot","test","hasHelpText","html","classMap","checkbox","ifDefined","live","styles","component_styles_default","form_control_styles_default","dependencies","SlIcon","__decorateClass","query","prototype","state","property","reflect","type","Boolean","attribute","watch","waitUntilFirstUpdate","define","jumpFilterCheckboxCss","JumpFilterCheckboxStyle0","JumpFilterCheckbox","componentDidLoad","listenSLChange","host","addEventListener","toggleCheckbox","el","isChecked","h","Host","key","ref","label","count","class"],"sources":["node_modules/@shoelace-style/shoelace/dist/chunks/chunk.R3NF57O3.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.WFOPYYZB.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.3DLLDGMJ.js","src/components/jump-filter-checkbox/jump-filter-checkbox.scss?tag=jump-filter-checkbox&encapsulation=shadow","src/components/jump-filter-checkbox/jump-filter-checkbox.tsx"],"sourcesContent":["// src/components/checkbox/checkbox.styles.ts\nimport { css } from \"lit\";\nvar checkbox_styles_default = css`\n  :host {\n    display: inline-block;\n  }\n\n  .checkbox {\n    position: relative;\n    display: inline-flex;\n    align-items: flex-start;\n    font-family: var(--sl-input-font-family);\n    font-weight: var(--sl-input-font-weight);\n    color: var(--sl-input-label-color);\n    vertical-align: middle;\n    cursor: pointer;\n  }\n\n  .checkbox--small {\n    --toggle-size: var(--sl-toggle-size-small);\n    font-size: var(--sl-input-font-size-small);\n  }\n\n  .checkbox--medium {\n    --toggle-size: var(--sl-toggle-size-medium);\n    font-size: var(--sl-input-font-size-medium);\n  }\n\n  .checkbox--large {\n    --toggle-size: var(--sl-toggle-size-large);\n    font-size: var(--sl-input-font-size-large);\n  }\n\n  .checkbox__control {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--toggle-size);\n    height: var(--toggle-size);\n    border: solid var(--sl-input-border-width) var(--sl-input-border-color);\n    border-radius: 2px;\n    background-color: var(--sl-input-background-color);\n    color: var(--sl-color-neutral-0);\n    transition:\n      var(--sl-transition-fast) border-color,\n      var(--sl-transition-fast) background-color,\n      var(--sl-transition-fast) color,\n      var(--sl-transition-fast) box-shadow;\n  }\n\n  .checkbox__input {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n\n  .checkbox__checked-icon,\n  .checkbox__indeterminate-icon {\n    display: inline-flex;\n    width: var(--toggle-size);\n    height: var(--toggle-size);\n  }\n\n  /* Hover */\n  .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover {\n    border-color: var(--sl-input-border-color-hover);\n    background-color: var(--sl-input-background-color-hover);\n  }\n\n  /* Focus */\n  .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {\n    outline: var(--sl-focus-ring);\n    outline-offset: var(--sl-focus-ring-offset);\n  }\n\n  /* Checked/indeterminate */\n  .checkbox--checked .checkbox__control,\n  .checkbox--indeterminate .checkbox__control {\n    border-color: var(--sl-color-primary-600);\n    background-color: var(--sl-color-primary-600);\n  }\n\n  /* Checked/indeterminate + hover */\n  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,\n  .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover {\n    border-color: var(--sl-color-primary-500);\n    background-color: var(--sl-color-primary-500);\n  }\n\n  /* Checked/indeterminate + focus */\n  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control,\n  .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {\n    outline: var(--sl-focus-ring);\n    outline-offset: var(--sl-focus-ring-offset);\n  }\n\n  /* Disabled */\n  .checkbox--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .checkbox__label {\n    display: inline-block;\n    color: var(--sl-input-label-color);\n    line-height: var(--toggle-size);\n    margin-inline-start: 0.5em;\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  :host([required]) .checkbox__label::after {\n    content: var(--sl-input-required-content);\n    color: var(--sl-input-required-content-color);\n    margin-inline-start: var(--sl-input-required-content-offset);\n  }\n`;\n\nexport {\n  checkbox_styles_default\n};\n","import {\n  checkbox_styles_default\n} from \"./chunk.R3NF57O3.js\";\nimport {\n  defaultValue\n} from \"./chunk.GI7VDIWX.js\";\nimport {\n  form_control_styles_default\n} from \"./chunk.SI4ACBFK.js\";\nimport {\n  FormControlController\n} from \"./chunk.KWPBDQ6I.js\";\nimport {\n  HasSlotController\n} from \"./chunk.NYIIDP5N.js\";\nimport {\n  SlIcon\n} from \"./chunk.H33C3MRM.js\";\nimport {\n  watch\n} from \"./chunk.2FB5TK5H.js\";\nimport {\n  component_styles_default\n} from \"./chunk.TUVJKY7S.js\";\nimport {\n  ShoelaceElement\n} from \"./chunk.SFSTXCXC.js\";\nimport {\n  __decorateClass\n} from \"./chunk.IFDWM6P4.js\";\n\n// src/components/checkbox/checkbox.component.ts\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { html } from \"lit\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { property, query, state } from \"lit/decorators.js\";\nvar SlCheckbox = class extends ShoelaceElement {\n  constructor() {\n    super(...arguments);\n    this.formControlController = new FormControlController(this, {\n      value: (control) => control.checked ? control.value || \"on\" : void 0,\n      defaultValue: (control) => control.defaultChecked,\n      setValue: (control, checked) => control.checked = checked\n    });\n    this.hasSlotController = new HasSlotController(this, \"help-text\");\n    this.hasFocus = false;\n    this.title = \"\";\n    this.name = \"\";\n    this.size = \"medium\";\n    this.disabled = false;\n    this.checked = false;\n    this.indeterminate = false;\n    this.defaultChecked = false;\n    this.form = \"\";\n    this.required = false;\n    this.helpText = \"\";\n  }\n  /** Gets the validity state object */\n  get validity() {\n    return this.input.validity;\n  }\n  /** Gets the validation message */\n  get validationMessage() {\n    return this.input.validationMessage;\n  }\n  firstUpdated() {\n    this.formControlController.updateValidity();\n  }\n  handleClick() {\n    this.checked = !this.checked;\n    this.indeterminate = false;\n    this.emit(\"sl-change\");\n  }\n  handleBlur() {\n    this.hasFocus = false;\n    this.emit(\"sl-blur\");\n  }\n  handleInput() {\n    this.emit(\"sl-input\");\n  }\n  handleInvalid(event) {\n    this.formControlController.setValidity(false);\n    this.formControlController.emitInvalidEvent(event);\n  }\n  handleFocus() {\n    this.hasFocus = true;\n    this.emit(\"sl-focus\");\n  }\n  handleDisabledChange() {\n    this.formControlController.setValidity(this.disabled);\n  }\n  handleStateChange() {\n    this.input.checked = this.checked;\n    this.input.indeterminate = this.indeterminate;\n    this.formControlController.updateValidity();\n  }\n  /** Simulates a click on the checkbox. */\n  click() {\n    this.input.click();\n  }\n  /** Sets focus on the checkbox. */\n  focus(options) {\n    this.input.focus(options);\n  }\n  /** Removes focus from the checkbox. */\n  blur() {\n    this.input.blur();\n  }\n  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n  checkValidity() {\n    return this.input.checkValidity();\n  }\n  /** Gets the associated form, if one exists. */\n  getForm() {\n    return this.formControlController.getForm();\n  }\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  reportValidity() {\n    return this.input.reportValidity();\n  }\n  /**\n   * Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear\n   * the custom validation message, call this method with an empty string.\n   */\n  setCustomValidity(message) {\n    this.input.setCustomValidity(message);\n    this.formControlController.updateValidity();\n  }\n  render() {\n    const hasHelpTextSlot = this.hasSlotController.test(\"help-text\");\n    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n    return html`\n      <div\n        class=${classMap({\n      \"form-control\": true,\n      \"form-control--small\": this.size === \"small\",\n      \"form-control--medium\": this.size === \"medium\",\n      \"form-control--large\": this.size === \"large\",\n      \"form-control--has-help-text\": hasHelpText\n    })}\n      >\n        <label\n          part=\"base\"\n          class=${classMap({\n      checkbox: true,\n      \"checkbox--checked\": this.checked,\n      \"checkbox--disabled\": this.disabled,\n      \"checkbox--focused\": this.hasFocus,\n      \"checkbox--indeterminate\": this.indeterminate,\n      \"checkbox--small\": this.size === \"small\",\n      \"checkbox--medium\": this.size === \"medium\",\n      \"checkbox--large\": this.size === \"large\"\n    })}\n        >\n          <input\n            class=\"checkbox__input\"\n            type=\"checkbox\"\n            title=${this.title}\n            name=${this.name}\n            value=${ifDefined(this.value)}\n            .indeterminate=${live(this.indeterminate)}\n            .checked=${live(this.checked)}\n            .disabled=${this.disabled}\n            .required=${this.required}\n            aria-checked=${this.checked ? \"true\" : \"false\"}\n            aria-describedby=\"help-text\"\n            @click=${this.handleClick}\n            @input=${this.handleInput}\n            @invalid=${this.handleInvalid}\n            @blur=${this.handleBlur}\n            @focus=${this.handleFocus}\n          />\n\n          <span\n            part=\"control${this.checked ? \" control--checked\" : \"\"}${this.indeterminate ? \" control--indeterminate\" : \"\"}\"\n            class=\"checkbox__control\"\n          >\n            ${this.checked ? html`\n                  <sl-icon part=\"checked-icon\" class=\"checkbox__checked-icon\" library=\"system\" name=\"check\"></sl-icon>\n                ` : \"\"}\n            ${!this.checked && this.indeterminate ? html`\n                  <sl-icon\n                    part=\"indeterminate-icon\"\n                    class=\"checkbox__indeterminate-icon\"\n                    library=\"system\"\n                    name=\"indeterminate\"\n                  ></sl-icon>\n                ` : \"\"}\n          </span>\n\n          <div part=\"label\" class=\"checkbox__label\">\n            <slot></slot>\n          </div>\n        </label>\n\n        <div\n          aria-hidden=${hasHelpText ? \"false\" : \"true\"}\n          class=\"form-control__help-text\"\n          id=\"help-text\"\n          part=\"form-control-help-text\"\n        >\n          <slot name=\"help-text\">${this.helpText}</slot>\n        </div>\n      </div>\n    `;\n  }\n};\nSlCheckbox.styles = [component_styles_default, form_control_styles_default, checkbox_styles_default];\nSlCheckbox.dependencies = { \"sl-icon\": SlIcon };\n__decorateClass([\n  query('input[type=\"checkbox\"]')\n], SlCheckbox.prototype, \"input\", 2);\n__decorateClass([\n  state()\n], SlCheckbox.prototype, \"hasFocus\", 2);\n__decorateClass([\n  property()\n], SlCheckbox.prototype, \"title\", 2);\n__decorateClass([\n  property()\n], SlCheckbox.prototype, \"name\", 2);\n__decorateClass([\n  property()\n], SlCheckbox.prototype, \"value\", 2);\n__decorateClass([\n  property({ reflect: true })\n], SlCheckbox.prototype, \"size\", 2);\n__decorateClass([\n  property({ type: Boolean, reflect: true })\n], SlCheckbox.prototype, \"disabled\", 2);\n__decorateClass([\n  property({ type: Boolean, reflect: true })\n], SlCheckbox.prototype, \"checked\", 2);\n__decorateClass([\n  property({ type: Boolean, reflect: true })\n], SlCheckbox.prototype, \"indeterminate\", 2);\n__decorateClass([\n  defaultValue(\"checked\")\n], SlCheckbox.prototype, \"defaultChecked\", 2);\n__decorateClass([\n  property({ reflect: true })\n], SlCheckbox.prototype, \"form\", 2);\n__decorateClass([\n  property({ type: Boolean, reflect: true })\n], SlCheckbox.prototype, \"required\", 2);\n__decorateClass([\n  property({ attribute: \"help-text\" })\n], SlCheckbox.prototype, \"helpText\", 2);\n__decorateClass([\n  watch(\"disabled\", { waitUntilFirstUpdate: true })\n], SlCheckbox.prototype, \"handleDisabledChange\", 1);\n__decorateClass([\n  watch([\"checked\", \"indeterminate\"], { waitUntilFirstUpdate: true })\n], SlCheckbox.prototype, \"handleStateChange\", 1);\n\nexport {\n  SlCheckbox\n};\n","import {\n  SlCheckbox\n} from \"./chunk.WFOPYYZB.js\";\n\n// src/components/checkbox/checkbox.ts\nvar checkbox_default = SlCheckbox;\nSlCheckbox.define(\"sl-checkbox\");\n\nexport {\n  checkbox_default\n};\n",":host {\n  display: flex;\n  width: 100%;\n\n  .count {\n    color: var(--neutral-grey-secondary, #707070);\n  }\n\n  sl-checkbox {\n    display: flex;\n    width: 100%;\n\n    &::part(control) {\n      height: 1rem;\n      width: 1rem;\n      border: 1px solid var(--neutral-grey-secondary, #707070);\n      border-radius: 3px;\n      margin-top: 3px;\n    }\n\n    &::part(control--checked) {\n      background-color: var(--status-interaction-standard, #2C6ECB);\n      border-color: var(--status-interaction-standard, #2C6ECB);\n      color: var(--neutral-ultralight, #fff);\n    }\n\n    &::part(label) {\n      display: flex;\n      flex-direction: row;\n      justify-content: space-between;\n      align-items: flex-start;\n      flex-grow: 1;\n      color: var(--neutral-grey-primary, #1d1d1d);\n      font-family: var(--ff-primary), serif;\n    }\n  }\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, Method } from '@stencil/core';\nimport '@shoelace-style/shoelace/dist/components/checkbox/checkbox.js';\n\n@Component({\n  tag: 'jump-filter-checkbox',\n  styleUrl: 'jump-filter-checkbox.scss',\n  shadow: true,\n})\nexport class JumpFilterCheckbox {\n\n  @Prop() value: string;\n  @Prop() label: string;\n  @Prop({ reflect: true }) checked: boolean = false;\n  @Prop() count: number | string = null;\n\n  host: HTMLElement;\n  el: HTMLElement;\n\n  componentDidLoad() {\n    this.listenSLChange();\n  }\n\n  listenSLChange() {\n    if (this.host) {\n      this.host.addEventListener('sl-change', () => {\n        //invert the checked value\n        this.checked = !this.checked;\n        this.toggleCheckbox.emit({\n          //@ts-ignore\n          value: this.el.value,\n          //@ts-ignore\n          checked: this.checked,\n        });\n      });\n    }\n  }\n\n  @Event({ eventName: 'jump-checkbox-change' }) toggleCheckbox: EventEmitter;\n\n  @Method()\n  async isChecked() {\n    // @ts-ignore\n    return this.el.checked;\n  }\n\n  render() {\n    return (\n      <Host ref={(host: HTMLElement) => this.host = host}>\n        {this.value && this.label &&\n          <sl-checkbox value={this.value} ref={(el: HTMLElement) => this.el = el}\n            checked={this.checked}>\n            {this.label}\n          </sl-checkbox>}\n        {this.count && <span class=\"count\">{this.count}</span>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/jump-design-system/{p-a9b78af2.entry.js → p-ad550de6.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,H as a,g as e}from"./p-21aa0095.js";const o=":host{--card-max-width:450px;--jump-card-max-width-horizontal:100%;--jump-card-color:var(--neutral-grey-primary);--jump-card-background:transparent;--jump-card-border-color:var(--neutral-grey-background);--jump-card-padding:0.5rem;max-width:var(--card-max-width);overflow:hidden;display:flex;flex-direction:column;position:relative;width:100%;font-family:var(--ff-primary, \"Arial\"), sans-serif;line-height:var(--lh-400, 1.3);background-color:var(--jump-card-background);color:var(--jump-card-color)}:host .Footer,:host .Body{display:flex;width:100%}:host jump-badge{position:absolute;top:1rem;left:1rem;z-index:2}:host jump-badge.hasBackground.iconOnly{top:calc(1rem + 8px);left:calc(1rem + 8px)}:host .Favorite{position:absolute;top:1rem;right:1rem;z-index:2}:host .Favorite.hasBackground.iconOnly{top:calc(1rem + 8px);right:calc(1rem + 8px)}:host .Media{overflow:hidden;position:relative;border-radius:3px;aspect-ratio:1/1}:host .Media .Images{height:100%;margin:0;position:relative}:host .Media .Images img{height:100%;width:100%;object-fit:cover;position:absolute;top:0;left:0;overflow:hidden}:host .Media .Images__Front{z-index:1;transition:opacity 0.5s linear;cursor:pointer}:host .Media .Images.has-hover-image:hover .Images__Front{opacity:0}:host .Media.hasBackground{background-color:var(--neutral-white)}:host .Media.hasBackground.iconOnly{border-top-left-radius:6px;border-top-right-radius:6px;padding:var(--jump-card-padding) var(--jump-card-padding) 0}:host .Media.hasBackground.iconOnly img{border-radius:6px}:host .Media.iconOnly{border-bottom-right-radius:0}:host .Media.is-mini{max-width:180px}:host .NotificationCart{display:none;position:absolute;bottom:0px;width:100%;padding:2rem 1rem;background-color:hsla(0, 0%, 0%, 0.35);box-sizing:border-box;z-index:2;transform:translate3d(0, 0, 0)}:host .NotificationCart.is-active{display:flex;align-items:center;justify-content:center}:host .Content.hasBackground{background-color:var(--neutral-white);padding:calc(var(--jump-card-padding) * 2)}:host .Content.iconOnly{padding:calc(var(--jump-card-padding) * 2) var(--jump-card-padding)}:host .Content.is-mini{max-width:180px}:host .Body{display:flex;flex-direction:column;gap:0.75rem;padding:var(--jump-card-padding) 0}:host .Body>*{display:flex;flex-direction:row;justify-content:space-between}:host .Body>*>*{flex:0 1 auto}:host .Body.hasBackground{padding:0 0 var(--jump-card-padding)}:host .Body.iconOnly{padding:0}:host .Body.is-mini{padding:calc(var(--jump-card-padding) / 2) 0}:host .Body.is-mini>*{flex-direction:column}:host .Product{font-size:var(--fs-400);color:var(--neutral-grey-primary);text-decoration:none}:host .Subtitle{font-size:var(--fs-300);color:var(--neutral-grey-secondary);line-height:1.2}:host .Footer{line-height:var(--lh-400);justify-content:end;padding:var(--jump-card-padding) 0;align-items:flex-end}:host .Footer.justify-between{justify-content:space-between}:host .Footer.hasBackground{padding-bottom:0}:host .Footer.iconOnly{padding:0}:host .Footer.is-mini{padding:calc(var(--jump-card-padding) / 2) 0}:host .Footer__AddToCart{--jump-button-color:var(--jump-card-ecommerce-add-to-cart-color);--jump-button-background:var(--jump-card-ecommerce-add-to-cart-background);--jump-button-color-hover:var(--jump-card-ecommerce-add-to-cart-color-hover);--jump-button-background-hover:var(--jump-card-ecommerce-add-to-cart-background-hover)}:host .OutOfStock{justify-items:start;font-size:var(--fs-300);font-weight:var(--fw-900);color:var(--status-danger-standard)}:host .OnlyIconButton{position:absolute;bottom:0;right:0;background:var(--neutral-white);border-top-left-radius:20px;padding:8px 8px 0px 8px;z-index:2}:host .Price{position:relative;display:grid;grid-template-columns:auto auto;grid-template-rows:1.5rem 1.5rem auto;justify-items:end;align-items:end;column-gap:0.5rem;font-size:var(--fs-500);font-weight:var(--fw-900);line-height:var(--lh-400)}:host .Price>*{display:inline-flex}:host .Price__Regular{text-align:right}:host .Price__Regular.sale{text-decoration:line-through;color:var(--neutral-grey-secondary);font-weight:var(--fw-400);font-size:var(--fs-400);grid-column:2;grid-row:1}:host .Price__Sale{grid-column:2;grid-row:2}:host .Price__Discount{color:var(--status-danger-standard);font-weight:var(--fw-400);font-size:var(--fs-300);grid-column:1;grid-row:1}:host .Price.is-mini{display:flex;font-size:var(--fs-400)}:host .SelectVariations{display:flex;align-items:flex-end}:host .SelectVariations select{appearance:none;background-color:transparent;border:1px solid var(--neutral-grey-secondary);border-radius:3px;color:var(--neutral-grey-secondary);font-size:var(--fs-300);padding:0.5rem 0.75rem;max-width:100%;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E\");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact}.slide-in-bottom{animation:slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}.slide-out-bottom{animation:slide-out-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both}.fade-in-out{animation-name:fade-in-out;animation-duration:6s;animation-timing-function:ease-in-out}@keyframes fade-in-out{from{opacity:0;transform:translateY(100px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}";const r=o;const n=class{constructor(s){t(this,s);this.toggleFavorite=i(this,"jump-toggle-favorite",7);this.productAddToCart=i(this,"jump-add-to-cart",7);this.productWaitingList=i(this,"jump-add-to-waiting-list",7);this.variationSelected=i(this,"jump-variation-selected",7);this.onlyIconButton=false;this.hasBackground=false;this.badge=undefined;this.favorite=false;this.hasFavorite=false;this.hasSlotForFavorite=false;this.hasSlotAddToCart=false;this.link=undefined;this.img=undefined;this.imgAlt=undefined;this.hoverImg=undefined;this.hoverImgAlt=undefined;this.videoSrc=undefined;this.notificationUrl=undefined;this.notificationText="Aggiunto al carrello";this.productName=undefined;this.subtitle=undefined;this.productId=undefined;this.price=undefined;this.salePrice=undefined;this.currency="€";this.addToCartColor="secondary";this.badgeColor="secondary";this.outOfStock=false;this.outOfStockText=undefined;this.addToCartText="Aggiungi al carrello";this.waitingListText="Notifica disponibilità";this.addToWaitingList=false;this.isMini=false;this.addedToCart=false;this.endAddedToCart=false;this.variations=[];this.selectedVariation=undefined;this.priceFormatted=undefined;this.salePriceFormatted=undefined}async setPrice(t,i){let s=false;if(t&&t>0){s=true;this.price=t}if(i&&i>0){this.salePrice=i}if(s){this.formatPrices()}}addOption(t){let i=t.detail;this.variations=[...this.variations,Object.assign({},i)]}onVariationSelected(){let t=this.variationSelectEl.value;let i=this.variations.find((i=>i.code==t));this.selectedVariation=i;this.variationSelected.emit(i)}componentWillLoad(){}componentDidLoad(){this.jumpQuantityEl=this.JumpCardEcommerce.querySelector("jump-quantity");if(this.jumpQuantityEl){this.jumpQuantityEl.addEventListener("jump-change",this.onQuantityChange.bind(this));this.quantity=this.jumpQuantityEl.getValue().then((t=>{this.quantity=t}))}this.formatPrices()}disconnectedCallback(){this.jumpQuantityEl=this.JumpCardEcommerce.querySelector("jump-quantity");if(this.jumpQuantityEl){this.jumpQuantityEl.removeEventListener("jump-change",this.onQuantityChange)}}onQuantityChange(t){var i;this.quantity=(i=t.detail.value)!==null&&i!==void 0?i:false}onToggleFavorite(){this.favorite=!this.favorite;this.toggleFavorite.emit({productId:this.productId,favorite:this.favorite})}addProductToCart(){var t;this.addedToCart=true;let i=this.selectedVariation;if(!i&&this.variations.length>0){i=this.variations[0]}const s={productId:this.productId,addedToCart:this.addedToCart,quantity:(t=this.quantity)!==null&&t!==void 0?t:null,variation:i!==null&&i!==void 0?i:null};this.productAddToCart.emit(s);setTimeout((()=>{this.addedToCart=false}),6e3)}waitingList(){this.addToWaitingList=true;this.productWaitingList.emit({productId:this.productId,addToWaitingList:this.addToWaitingList})}formatPrices(){var t;let i=(t=document.documentElement.lang)!==null&&t!==void 0?t:"it-IT";if(i.length==2){i=`${i}-${i.toUpperCase()}`}this.priceFormatted=this.price.toLocaleString(i,{minimumFractionDigits:2,maximumFractionDigits:2});this.salePriceFormatted=this.salePrice.toLocaleString(i,{minimumFractionDigits:2,maximumFractionDigits:2})}render(){const t=this.hasBackground&&!this.isMini?"hasBackground":"";const i=this.onlyIconButton&&!this.isMini?"iconOnly":"";const e=this.outOfStock?"justify-between":"";const o=this.hoverImg?"has-hover-image":"";const r=this.isMini?"is-mini":"";function n(t,i){const s=(t-i)/t*100;return s.toFixed(0)}return s(a,null,!this.isMini&&this.badge?s("jump-badge",{class:`${t} ${i}`,variant:this.badgeColor,dimension:"small",label:this.badge}):"",!this.isMini&&this.hasFavorite?s("jump-button",{onClick:()=>this.onToggleFavorite(),class:`Favorite ${t} ${i}`,variant:this.favorite?"primary":"neutral",size:"small",text:true,onlyIcon:true},s("jump-icon",{slot:"prefix",name:"heart",category:this.favorite?"solid":"light",size:"medium"})):this.hasSlotForFavorite?s("div",{class:"Favorite"},s("slot",{name:"favorite"})):null,s("div",{class:`Media ${i} ${t} ${r}`},s("a",{href:this.link},s("figure",{class:`Images ${o} `},this.img&&!this.videoSrc?s("img",{class:"Images__Front",src:this.img,alt:this.imgAlt}):"",this.hoverImg&&!this.videoSrc?s("img",{class:"Images__OnHover",src:this.hoverImg,alt:this.hoverImgAlt}):""),this.videoSrc&&!this.img?s("video",{autoplay:true},s("source",{src:this.videoSrc,type:"video/mp4"}),s("source",{src:this.videoSrc,type:"video/mov"}),s("source",{src:this.videoSrc,type:"video/webm"})):""),!this.isMini?s("div",{class:`NotificationCart ${this.addedToCart==true?"is-active fade-in-out":""}`},s("jump-button",{href:this.notificationUrl,variant:"white",text:true},s("jump-icon",{slot:"prefix",name:"check"}),s("span",null," ",this.notificationText," "))):null,!this.isMini&&this.onlyIconButton&&!this.hasSlotAddToCart?s("div",{class:"OnlyIconButton"},s("jump-button",{variant:"secondary",size:"large",pill:true,onlyIcon:true,onClick:()=>this.addProductToCart()},s("jump-icon",{slot:"prefix",name:"cart-shopping",category:"regular"}))):"",!this.isMini&&this.onlyIconButton&&this.hasSlotAddToCart?s("div",{class:"OnlyIconButton"},s("slot",{name:"add-to-cart"})):""),s("div",{class:`Content ${t} ${i} ${r}`},s("div",{class:`Body ${t} ${i} ${r}`},s("div",null,s("div",{class:"Info"},s("a",{href:this.link,class:"Product"},this.productName),this.subtitle?s("div",{class:"Subtitle"},this.subtitle):null),this.price?s("div",{class:`Price ${r}`},!this.isMini&&this.salePrice&&this.salePrice<this.price?s("div",{class:"Price__Discount"}," ",n(this.price,this.salePrice),"% "):null,!this.isMini?s("div",{class:`Price__Regular ${this.salePrice&&this.salePrice<this.price?"sale":""}`},this.currency,this.priceFormatted):s("div",{class:`Price__Regular`},this.currency,this.salePrice&&this.salePrice<this.price?this.salePriceFormatted:this.priceFormatted),!this.isMini&&this.salePrice&&this.salePrice<this.price?s("div",{class:"Price__Sale"},this.currency,this.salePriceFormatted):null):null),!this.isMini||this.variations.length!=0?s("div",null,this.variations.length!=0?s("div",{class:"SelectVariations"},s("select",{ref:t=>this.variationSelectEl=t,onChange:()=>{this.onVariationSelected()}},this.variations.filter((t=>!t.imgUrl)).map((t=>s("option",{value:t.code},t.label))))):null,s("slot",{name:"quantity"})):null),s("div",{class:`Footer ${e} ${t} ${i} ${r}`},this.outOfStock&&!this.isMini?s("div",{class:"OutOfStock"},this.outOfStockText?this.outOfStockText:"Esaurito"):"",this.outOfStock?s("jump-button",{class:"Footer__AddToCart",variant:this.addToCartColor,size:"small",text:true,onClick:()=>this.waitingList()},s("jump-icon",{slot:"prefix",name:"bell",category:"regular",size:"small"}),this.waitingListText):"",!this.outOfStock&&!this.onlyIconButton&&!this.hasSlotAddToCart?s("jump-button",{class:"Footer__AddToCart",variant:this.addToCartColor,size:"small",text:true,onClick:()=>this.addProductToCart()},s("jump-icon",{slot:"prefix",name:"cart-shopping",category:"regular",size:"small"}),this.addToCartText):"",!this.outOfStock&&!this.onlyIconButton&&this.hasSlotAddToCart?s("slot",{name:"add-to-cart"}):null)))}get JumpCardEcommerce(){return e(this)}};n.style=r;export{n as jump_card_ecommerce};
-//# sourceMappingURL=p-a9b78af2.entry.js.map
+import{r as t,c as i,h as s,H as a,g as e}from"./p-e516e812.js";const o=":host{--card-max-width:450px;--jump-card-max-width-horizontal:100%;--jump-card-color:var(--neutral-grey-primary);--jump-card-background:transparent;--jump-card-border-color:var(--neutral-grey-background);--jump-card-padding:0.5rem;max-width:var(--card-max-width);overflow:hidden;display:flex;flex-direction:column;position:relative;width:100%;font-family:var(--ff-primary, \"Arial\"), sans-serif;line-height:var(--lh-400, 1.3);background-color:var(--jump-card-background);color:var(--jump-card-color)}:host .Footer,:host .Body{display:flex;width:100%}:host jump-badge{position:absolute;top:1rem;left:1rem;z-index:2}:host jump-badge.hasBackground.iconOnly{top:calc(1rem + 8px);left:calc(1rem + 8px)}:host .Favorite{position:absolute;top:1rem;right:1rem;z-index:2}:host .Favorite.hasBackground.iconOnly{top:calc(1rem + 8px);right:calc(1rem + 8px)}:host .Media{overflow:hidden;position:relative;border-radius:3px;aspect-ratio:1/1}:host .Media .Images{height:100%;margin:0;position:relative}:host .Media .Images img{height:100%;width:100%;object-fit:cover;position:absolute;top:0;left:0;overflow:hidden}:host .Media .Images__Front{z-index:1;transition:opacity 0.5s linear;cursor:pointer}:host .Media .Images.has-hover-image:hover .Images__Front{opacity:0}:host .Media.hasBackground{background-color:var(--neutral-white)}:host .Media.hasBackground.iconOnly{border-top-left-radius:6px;border-top-right-radius:6px;padding:var(--jump-card-padding) var(--jump-card-padding) 0}:host .Media.hasBackground.iconOnly img{border-radius:6px}:host .Media.iconOnly{border-bottom-right-radius:0}:host .Media.is-mini{max-width:180px}:host .NotificationCart{display:none;position:absolute;bottom:0px;width:100%;padding:2rem 1rem;background-color:hsla(0, 0%, 0%, 0.35);box-sizing:border-box;z-index:2;transform:translate3d(0, 0, 0)}:host .NotificationCart.is-active{display:flex;align-items:center;justify-content:center}:host .Content.hasBackground{background-color:var(--neutral-white);padding:calc(var(--jump-card-padding) * 2)}:host .Content.iconOnly{padding:calc(var(--jump-card-padding) * 2) var(--jump-card-padding)}:host .Content.is-mini{max-width:180px}:host .Body{display:flex;flex-direction:column;gap:0.75rem;padding:var(--jump-card-padding) 0}:host .Body>*{display:flex;flex-direction:row;justify-content:space-between}:host .Body>*>*{flex:0 1 auto}:host .Body.hasBackground{padding:0 0 var(--jump-card-padding)}:host .Body.iconOnly{padding:0}:host .Body.is-mini{padding:calc(var(--jump-card-padding) / 2) 0}:host .Body.is-mini>*{flex-direction:column}:host .Product{font-size:var(--fs-400);color:var(--neutral-grey-primary);text-decoration:none}:host .Subtitle{font-size:var(--fs-300);color:var(--neutral-grey-secondary);line-height:1.2}:host .Footer{line-height:var(--lh-400);justify-content:end;padding:var(--jump-card-padding) 0;align-items:flex-end}:host .Footer.justify-between{justify-content:space-between}:host .Footer.hasBackground{padding-bottom:0}:host .Footer.iconOnly{padding:0}:host .Footer.is-mini{padding:calc(var(--jump-card-padding) / 2) 0}:host .Footer__AddToCart{--jump-button-color:var(--jump-card-ecommerce-add-to-cart-color);--jump-button-background:var(--jump-card-ecommerce-add-to-cart-background);--jump-button-color-hover:var(--jump-card-ecommerce-add-to-cart-color-hover);--jump-button-background-hover:var(--jump-card-ecommerce-add-to-cart-background-hover)}:host .OutOfStock{justify-items:start;font-size:var(--fs-300);font-weight:var(--fw-900);color:var(--status-danger-standard)}:host .OnlyIconButton{position:absolute;bottom:0;right:0;background:var(--neutral-white);border-top-left-radius:20px;padding:8px 8px 0px 8px;z-index:2}:host .Price{position:relative;display:grid;grid-template-columns:auto auto;grid-template-rows:1.5rem 1.5rem auto;justify-items:end;align-items:end;column-gap:0.5rem;font-size:var(--fs-500);font-weight:var(--fw-900);line-height:var(--lh-400)}:host .Price>*{display:inline-flex}:host .Price__Regular{text-align:right}:host .Price__Regular.sale{text-decoration:line-through;color:var(--neutral-grey-secondary);font-weight:var(--fw-400);font-size:var(--fs-400);grid-column:2;grid-row:1}:host .Price__Sale{grid-column:2;grid-row:2}:host .Price__Discount{color:var(--status-danger-standard);font-weight:var(--fw-400);font-size:var(--fs-300);grid-column:1;grid-row:1}:host .Price.is-mini{display:flex;font-size:var(--fs-400)}:host .SelectVariations{display:flex;align-items:flex-end}:host .SelectVariations select{appearance:none;background-color:transparent;border:1px solid var(--neutral-grey-secondary);border-radius:3px;color:var(--neutral-grey-secondary);font-size:var(--fs-300);padding:0.5rem 0.75rem;max-width:100%;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E\");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact}.slide-in-bottom{animation:slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}.slide-out-bottom{animation:slide-out-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both}.fade-in-out{animation-name:fade-in-out;animation-duration:6s;animation-timing-function:ease-in-out}@keyframes fade-in-out{from{opacity:0;transform:translateY(100px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}";const r=o;const n=class{constructor(s){t(this,s);this.toggleFavorite=i(this,"jump-toggle-favorite",7);this.productAddToCart=i(this,"jump-add-to-cart",7);this.productWaitingList=i(this,"jump-add-to-waiting-list",7);this.variationSelected=i(this,"jump-variation-selected",7);this.onlyIconButton=false;this.hasBackground=false;this.badge=undefined;this.favorite=false;this.hasFavorite=false;this.hasSlotForFavorite=false;this.hasSlotAddToCart=false;this.link=undefined;this.img=undefined;this.imgAlt=undefined;this.hoverImg=undefined;this.hoverImgAlt=undefined;this.videoSrc=undefined;this.notificationUrl=undefined;this.notificationText="Aggiunto al carrello";this.productName=undefined;this.subtitle=undefined;this.productId=undefined;this.price=undefined;this.salePrice=undefined;this.currency="€";this.addToCartColor="secondary";this.badgeColor="secondary";this.outOfStock=false;this.outOfStockText=undefined;this.addToCartText="Aggiungi al carrello";this.waitingListText="Notifica disponibilità";this.addToWaitingList=false;this.isMini=false;this.addedToCart=false;this.endAddedToCart=false;this.variations=[];this.selectedVariation=undefined;this.priceFormatted=undefined;this.salePriceFormatted=undefined}async setPrice(t,i){let s=false;if(t&&t>0){s=true;this.price=t}if(i&&i>0){this.salePrice=i}if(s){this.formatPrices()}}addOption(t){let i=t.detail;this.variations=[...this.variations,Object.assign({},i)]}onVariationSelected(){let t=this.variationSelectEl.value;let i=this.variations.find((i=>i.code==t));this.selectedVariation=i;this.variationSelected.emit(i)}componentWillLoad(){}componentDidLoad(){this.jumpQuantityEl=this.JumpCardEcommerce.querySelector("jump-quantity");if(this.jumpQuantityEl){this.jumpQuantityEl.addEventListener("jump-change",this.onQuantityChange.bind(this));this.quantity=this.jumpQuantityEl.getValue().then((t=>{this.quantity=t}))}this.formatPrices()}disconnectedCallback(){this.jumpQuantityEl=this.JumpCardEcommerce.querySelector("jump-quantity");if(this.jumpQuantityEl){this.jumpQuantityEl.removeEventListener("jump-change",this.onQuantityChange)}}onQuantityChange(t){var i;this.quantity=(i=t.detail.value)!==null&&i!==void 0?i:false}onToggleFavorite(){this.favorite=!this.favorite;this.toggleFavorite.emit({productId:this.productId,favorite:this.favorite})}addProductToCart(){var t;this.addedToCart=true;let i=this.selectedVariation;if(!i&&this.variations.length>0){i=this.variations[0]}const s={productId:this.productId,addedToCart:this.addedToCart,quantity:(t=this.quantity)!==null&&t!==void 0?t:null,variation:i!==null&&i!==void 0?i:null};this.productAddToCart.emit(s);setTimeout((()=>{this.addedToCart=false}),6e3)}waitingList(){this.addToWaitingList=true;this.productWaitingList.emit({productId:this.productId,addToWaitingList:this.addToWaitingList})}formatPrices(){var t;let i=(t=document.documentElement.lang)!==null&&t!==void 0?t:"it-IT";if(i.length==2){i=`${i}-${i.toUpperCase()}`}this.priceFormatted=this.price.toLocaleString(i,{minimumFractionDigits:2,maximumFractionDigits:2});this.salePriceFormatted=this.salePrice.toLocaleString(i,{minimumFractionDigits:2,maximumFractionDigits:2})}render(){const t=this.hasBackground&&!this.isMini?"hasBackground":"";const i=this.onlyIconButton&&!this.isMini?"iconOnly":"";const e=this.outOfStock?"justify-between":"";const o=this.hoverImg?"has-hover-image":"";const r=this.isMini?"is-mini":"";function n(t,i){const s=(t-i)/t*100;return s.toFixed(0)}return s(a,null,!this.isMini&&this.badge?s("jump-badge",{class:`${t} ${i}`,variant:this.badgeColor,dimension:"small",label:this.badge}):"",!this.isMini&&this.hasFavorite?s("jump-button",{onClick:()=>this.onToggleFavorite(),class:`Favorite ${t} ${i}`,variant:this.favorite?"primary":"neutral",size:"small",text:true,onlyIcon:true},s("jump-icon",{slot:"prefix",name:"heart",category:this.favorite?"solid":"light",size:"medium"})):this.hasSlotForFavorite?s("div",{class:"Favorite"},s("slot",{name:"favorite"})):null,s("div",{class:`Media ${i} ${t} ${r}`},s("a",{href:this.link},s("figure",{class:`Images ${o} `},this.img&&!this.videoSrc?s("img",{class:"Images__Front",src:this.img,alt:this.imgAlt}):"",this.hoverImg&&!this.videoSrc?s("img",{class:"Images__OnHover",src:this.hoverImg,alt:this.hoverImgAlt}):""),this.videoSrc&&!this.img?s("video",{autoplay:true},s("source",{src:this.videoSrc,type:"video/mp4"}),s("source",{src:this.videoSrc,type:"video/mov"}),s("source",{src:this.videoSrc,type:"video/webm"})):""),!this.isMini?s("div",{class:`NotificationCart ${this.addedToCart==true?"is-active fade-in-out":""}`},s("jump-button",{href:this.notificationUrl,variant:"white",text:true},s("jump-icon",{slot:"prefix",name:"check"}),s("span",null," ",this.notificationText," "))):null,!this.isMini&&this.onlyIconButton&&!this.hasSlotAddToCart?s("div",{class:"OnlyIconButton"},s("jump-button",{variant:"secondary",size:"large",pill:true,onlyIcon:true,onClick:()=>this.addProductToCart()},s("jump-icon",{slot:"prefix",name:"cart-shopping",category:"regular"}))):"",!this.isMini&&this.onlyIconButton&&this.hasSlotAddToCart?s("div",{class:"OnlyIconButton"},s("slot",{name:"add-to-cart"})):""),s("div",{class:`Content ${t} ${i} ${r}`},s("div",{class:`Body ${t} ${i} ${r}`},s("div",null,s("div",{class:"Info"},s("a",{href:this.link,class:"Product"},this.productName),this.subtitle?s("div",{class:"Subtitle"},this.subtitle):null),this.price?s("div",{class:`Price ${r}`},!this.isMini&&this.salePrice&&this.salePrice<this.price?s("div",{class:"Price__Discount"}," ",n(this.price,this.salePrice),"% "):null,!this.isMini?s("div",{class:`Price__Regular ${this.salePrice&&this.salePrice<this.price?"sale":""}`},this.currency,this.priceFormatted):s("div",{class:`Price__Regular`},this.currency,this.salePrice&&this.salePrice<this.price?this.salePriceFormatted:this.priceFormatted),!this.isMini&&this.salePrice&&this.salePrice<this.price?s("div",{class:"Price__Sale"},this.currency,this.salePriceFormatted):null):null),!this.isMini||this.variations.length!=0?s("div",null,this.variations.length!=0?s("div",{class:"SelectVariations"},s("select",{ref:t=>this.variationSelectEl=t,onChange:()=>{this.onVariationSelected()}},this.variations.filter((t=>!t.imgUrl)).map((t=>s("option",{value:t.code},t.label))))):null,s("slot",{name:"quantity"})):null),s("div",{class:`Footer ${e} ${t} ${i} ${r}`},this.outOfStock&&!this.isMini?s("div",{class:"OutOfStock"},this.outOfStockText?this.outOfStockText:"Esaurito"):"",this.outOfStock?s("jump-button",{class:"Footer__AddToCart",variant:this.addToCartColor,size:"small",text:true,onClick:()=>this.waitingList()},s("jump-icon",{slot:"prefix",name:"bell",category:"regular",size:"small"}),this.waitingListText):"",!this.outOfStock&&!this.onlyIconButton&&!this.hasSlotAddToCart?s("jump-button",{class:"Footer__AddToCart",variant:this.addToCartColor,size:"small",text:true,onClick:()=>this.addProductToCart()},s("jump-icon",{slot:"prefix",name:"cart-shopping",category:"regular",size:"small"}),this.addToCartText):"",!this.outOfStock&&!this.onlyIconButton&&this.hasSlotAddToCart?s("slot",{name:"add-to-cart"}):null)))}get JumpCardEcommerce(){return e(this)}};n.style=r;export{n as jump_card_ecommerce};
+//# sourceMappingURL=p-ad550de6.entry.js.map

package/dist/jump-design-system/{p-1aa5fb8a.entry.js → p-d3b62e9b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as r,h as e,H as i}from"./p-21aa0095.js";const s=":host{display:block;--jump-search-bar-focus-color:var(--secondary-standard, #5E79BA);--jump-search-bar-border-color:var(--neutral-grey-secondary, #707070);--jump-search-bar-bg-color:var(--gray-ultralight, #F8F8F8);--jump-search-bar-dropdown-border-color:var(--neutral-grey-disabled, #CBCBCB);font-family:var(--ff-primary);}:host jump-button{--jump-button-border-radius:0px 3px 3px 0px}:host .SearchBar{position:relative}:host .SearchBar.focused .InputWrapper{border-color:var(--jump-search-bar-focus-color) !important}:host .SearchBar.focused .InputWrapper jump-icon{color:var(--jump-search-bar-focus-color) !important}:host .SearchBar.focused .InputWrapper input{outline:none !important}:host .SearchBar:not(.iconOnly){display:flex;width:100%;}:host .SearchBar:not(.iconOnly) .InputWrapper{width:100%;display:flex}:host .SearchBar:not(.iconOnly) input{width:100%;border:none}:host .SearchBar:not(.iconOnly).outline .InputWrapper{border:1px solid var(--jump-search-bar-border-color);border-radius:3px;padding:12px;gap:8px}:host .SearchBar:not(.iconOnly).outline .InputWrapper jump-icon{color:var(--jump-search-bar-border-color)}:host .SearchBar:not(.iconOnly).outline.withBtn .InputWrapper{border-radius:3px 0px 0px 3px}:host .SearchBar:not(.iconOnly).filled .InputWrapper{border:1px solid var(--jump-search-bar-bg-color);background-color:var(--jump-search-bar-bg-color);border-radius:3px;padding:12px;gap:8px}:host .SearchBar:not(.iconOnly).filled .InputWrapper input{background-color:var(--jump-search-bar-bg-color)}:host .SearchBar:not(.iconOnly).filled .InputWrapper jump-icon{color:var(--jump-search-bar-border-color)}:host .SearchBar:not(.iconOnly).filled.focused.withBtn .InputWrapper{border-radius:3px 0px 0px 3px !important}:host .SearchBar:not(.iconOnly).linear .InputWrapper{border-bottom:1px solid var(--jump-search-bar-border-color);padding-bottom:4px}:host .SearchBar:not(.iconOnly).linear .InputWrapper jump-icon{padding-right:6px}:host .Dropdown{margin-top:10px;border-radius:3px;border:1px solid var(--jump-search-bar-dropdown-border-color);padding:4px 16px;background-color:white}:host .Dropdown.dropAbsolute{position:absolute;box-sizing:border-box;position:absolute;left:0;width:100%}:host .Dropdown.dropRelative{position:relative}:host .Dropdown__Recents .title{color:#707070;font-size:14px;line-height:20px;padding:8px 0;font-weight:700;display:flex}:host .Dropdown__Results .totalRes{display:flex;justify-content:space-between}:host .Dropdown .ResWrapper{display:flex;flex-direction:column}:host .Dropdown .ResWrapper div{padding:8px 0;color:#707070;font-size:14px;display:flex;gap:12px;align-items:center}:host .Dropdown .ResWrapper div img{width:40px;height:48px;object-fit:cover;border-radius:3px}:host .Dropdown .ResWrapper div:hover{cursor:pointer}:host .Dropdown .ResWrapper .helperText{color:#CBCBCB}:host .Dropdown .ResWrapper .helperText svg{width:25px;height:25px}:host .SearchBar.iconOnly.linear{display:flex;width:100%}:host .SearchBar.iconOnly.linear .InputWrapper{width:100%;display:flex;align-items:center;transition:border-bottom 0.3s ease;border-bottom:1px solid transparent;padding-bottom:4px;overflow:hidden;}:host .SearchBar.iconOnly.linear .InputWrapper jump-icon{padding-right:6px;}:host .SearchBar.iconOnly.linear .InputWrapper input{width:0;border:none;transform:translateX(-100%);transition:width 0.3s ease, transform 0.3s ease;animation:none;}:host .SearchBar.iconOnly.linear.expanded .InputWrapper{border-bottom:1px solid var(--jump-search-bar-border-color);transition:border-bottom 0.3s ease;}:host .SearchBar.iconOnly.linear.expanded .InputWrapper input{width:100%;transform:translateX(0);animation:slide-right 0.3s ease forwards;}@keyframes slide-right{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes border-slide-right{from{border-bottom-width:0}to{border-bottom-width:1px}}";const a=s;const o=class{constructor(e){t(this,e);this.searchbarExpanded=r(this,"jump-search-bar-expanded",7);this.search=r(this,"jump-search-bar",7);this.showFullSearch=r(this,"jump-search-bar-show-all",7);this.resultClicked=r(this,"jump-search-bar-res-clicked",7);this.handleFocus=()=>{const t=this.jumpSearchBar.closest(".SearchBar");if(t){t.classList.add("focused")}};this.handleBlur=()=>{const t=this.jumpSearchBar.closest(".SearchBar");if(t){t.classList.remove("focused")}};this.doSearch=()=>{if(this.jumpSearchBar){this.searchValue=this.jumpSearchBar.value;if(this.searchValue.length>=3){this.resType="results";this.innerResults=undefined;this.search.emit({search:this.searchValue});if(!this.dropdownVisible){this.dropdownVisible=true}}else if(this.searchValue.length==0){this.dropdownVisible=false}}};this.dropdownVisible=false;this.searchValue=undefined;this.resType="recents";this.innerResults=[];this.totalResults=0;this.isExpanded=false;this.placeholder="Cerca...";this.noResultText="Nessun risultato corrispondente";this.loadingText="Sto caricando...";this.resultsText="risultati";this.showAllResText="Mostra tutti i risultati";this.identifier="search-bar";this.debounceTime=500;this.variant="outline";this.withBtn=false;this.recentsTitle="Recenti";this.recents=[];this.results=[];this.dropdown=false;this.linearIconOnly=false;this.dropdownPosition="relative"}searchValueChanged(t){if(t===""){this.innerResults=[...this.recents];this.results=[]}}componentDidLoad(){document.addEventListener("click",this.handleOutsideClick.bind(this))}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick.bind(this))}addOption(t){let r=t.detail;this.recents=[...this.recents,Object.assign({},r)];this.innerResults=[...this.recents]}async setResults(t,r){this.results=t;this.innerResults=t;this.totalResults=r}handleOutsideClick(t){if(this.componentRef&&!this.componentRef.contains(t.target)){this.dropdownVisible=false}}debounce(t,r=this.debounceTime){let e;return(...i)=>{if(e){clearTimeout(e)}e=setTimeout((()=>{t.apply(null,i)}),r)}}openDropdown(){this.resType="recents";this.dropdownVisible=true}handleResClicked(t){this.resultClicked.emit({clicked:t})}btnOrShowOtherClicked(){this.showFullSearch.emit({search:this.searchValue})}expandSearchBar(){this.isExpanded=true;this.searchbarExpanded.emit()}renderLinearIconOnly(){return e(i,{class:"JumpSearchBar ",ref:t=>this.componentRef=t},e("div",{class:"SearchBar iconOnly "+this.variant+(this.isExpanded?" expanded":"")},e("div",{class:"InputWrapper",onClick:this.isExpanded&&this.dropdown&&this.recents.length>0?()=>this.openDropdown():null},e("jump-icon",{name:"magnifying-glass",category:"light",onClick:()=>this.expandSearchBar()}),this.isExpanded&&e("input",{placeholder:this.placeholder,type:"search",id:this.identifier,class:"search-input",ref:t=>{this.jumpSearchBar=t},onInput:this.debounce(this.doSearch),onFocus:this.handleFocus,onBlur:this.handleBlur}))),this.dropdown&&this.dropdownVisible&&this.renderDropdown())}renderDefault(){return e(i,{class:"JumpSearchBar",ref:t=>this.componentRef=t},e("div",{class:"SearchBar "+this.variant+" "+(this.withBtn?"withBtn":"")+(this.isExpanded?" expanded":"")},e("div",{class:"InputWrapper",onClick:this.dropdown&&this.recents.length>0?()=>this.openDropdown():null},!this.withBtn&&e("jump-icon",{name:"magnifying-glass",category:"light"}),e("input",{placeholder:this.placeholder,type:"search",id:this.identifier,class:"search-input",ref:t=>{this.jumpSearchBar=t},onInput:this.debounce(this.doSearch),onFocus:this.handleFocus,onBlur:this.handleBlur})),this.withBtn&&!this.linearIconOnly&&e("jump-button",{variant:"secondary",size:"medium",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,onClick:()=>this.btnOrShowOtherClicked()},e("jump-icon",{slot:"suffix",name:"magnifying-glass"}))),this.dropdown&&this.dropdownVisible&&this.renderDropdown())}renderDropdown(){console.log("POSITION",this.dropdownPosition);return e("div",{class:"Dropdown "+(this.dropdownPosition=="absolute"?"dropAbsolute":"dropRelative")},this.resType=="recents"&&e("div",{class:"Dropdown__Recents"},e("span",{class:"title"},this.recentsTitle),e("div",{class:"ResWrapper"},this.innerResults.length>0&&this.innerResults.map((t=>e("div",{onClick:()=>this.handleResClicked(t)},e("jump-icon",{name:"magnifying-glass",category:"light"}),t["value"]))))),this.resType=="results"&&e("div",{class:"Dropdown__Results"},e("div",{class:"ResWrapper"},this.innerResults===undefined?e("div",{class:"helperText"},e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",width:"252",height:"252"},e("g",null,e("g",{transform:"rotate(0 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.9s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(36 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.8s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(72 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.7s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(108 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.6s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(144 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.5s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(180 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.4s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(216 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.3s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(252 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.2s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(288 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.1s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(324 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"0s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",null))),this.loadingText):this.innerResults.length>0?this.innerResults.map((t=>e("div",{onClick:()=>this.handleResClicked(t),key:t["id"]},t["img"]&&e("img",{src:t["img"],alt:"result"}),t["value"]))):e("div",{class:"helperText"},this.noResultText),this.innerResults&&this.innerResults.length>0&&e("div",{class:"totalRes"},e("jump-button",{variant:"secondary",size:"small",text:true,onClick:()=>this.btnOrShowOtherClicked(),target:"_blank"}," ",this.showAllResText," "),this.totalResults&&e("div",null,this.totalResults," ",this.resultsText)))))}render(){if(this.variant==="linear"&&this.linearIconOnly){return this.renderLinearIconOnly()}else{return this.renderDefault()}}static get watchers(){return{searchValue:["searchValueChanged"]}}};o.style=a;export{o as jump_search_bar};
-//# sourceMappingURL=p-1aa5fb8a.entry.js.map
+import{r as t,c as r,h as e,H as i}from"./p-e516e812.js";const s=":host{display:block;--jump-search-bar-focus-color:var(--secondary-standard, #5E79BA);--jump-search-bar-border-color:var(--neutral-grey-secondary, #707070);--jump-search-bar-bg-color:var(--gray-ultralight, #F8F8F8);--jump-search-bar-dropdown-border-color:var(--neutral-grey-disabled, #CBCBCB);font-family:var(--ff-primary);}:host jump-button{--jump-button-border-radius:0px 3px 3px 0px}:host .SearchBar{position:relative}:host .SearchBar.focused .InputWrapper{border-color:var(--jump-search-bar-focus-color) !important}:host .SearchBar.focused .InputWrapper jump-icon{color:var(--jump-search-bar-focus-color) !important}:host .SearchBar.focused .InputWrapper input{outline:none !important}:host .SearchBar:not(.iconOnly){display:flex;width:100%;}:host .SearchBar:not(.iconOnly) .InputWrapper{width:100%;display:flex}:host .SearchBar:not(.iconOnly) input{width:100%;border:none}:host .SearchBar:not(.iconOnly).outline .InputWrapper{border:1px solid var(--jump-search-bar-border-color);border-radius:3px;padding:12px;gap:8px}:host .SearchBar:not(.iconOnly).outline .InputWrapper jump-icon{color:var(--jump-search-bar-border-color)}:host .SearchBar:not(.iconOnly).outline.withBtn .InputWrapper{border-radius:3px 0px 0px 3px}:host .SearchBar:not(.iconOnly).filled .InputWrapper{border:1px solid var(--jump-search-bar-bg-color);background-color:var(--jump-search-bar-bg-color);border-radius:3px;padding:12px;gap:8px}:host .SearchBar:not(.iconOnly).filled .InputWrapper input{background-color:var(--jump-search-bar-bg-color)}:host .SearchBar:not(.iconOnly).filled .InputWrapper jump-icon{color:var(--jump-search-bar-border-color)}:host .SearchBar:not(.iconOnly).filled.focused.withBtn .InputWrapper{border-radius:3px 0px 0px 3px !important}:host .SearchBar:not(.iconOnly).linear .InputWrapper{border-bottom:1px solid var(--jump-search-bar-border-color);padding-bottom:4px}:host .SearchBar:not(.iconOnly).linear .InputWrapper jump-icon{padding-right:6px}:host .Dropdown{margin-top:10px;border-radius:3px;border:1px solid var(--jump-search-bar-dropdown-border-color);padding:4px 16px;background-color:white}:host .Dropdown.dropAbsolute{position:absolute;box-sizing:border-box;position:absolute;left:0;width:100%}:host .Dropdown.dropRelative{position:relative}:host .Dropdown__Recents .title{color:#707070;font-size:14px;line-height:20px;padding:8px 0;font-weight:700;display:flex}:host .Dropdown__Results .totalRes{display:flex;justify-content:space-between}:host .Dropdown .ResWrapper{display:flex;flex-direction:column}:host .Dropdown .ResWrapper div{padding:8px 0;color:#707070;font-size:14px;display:flex;gap:12px;align-items:center}:host .Dropdown .ResWrapper div img{width:40px;height:48px;object-fit:cover;border-radius:3px}:host .Dropdown .ResWrapper div:hover{cursor:pointer}:host .Dropdown .ResWrapper .helperText{color:#CBCBCB}:host .Dropdown .ResWrapper .helperText svg{width:25px;height:25px}:host .SearchBar.iconOnly.linear{display:flex;width:100%}:host .SearchBar.iconOnly.linear .InputWrapper{width:100%;display:flex;align-items:center;transition:border-bottom 0.3s ease;border-bottom:1px solid transparent;padding-bottom:4px;overflow:hidden;}:host .SearchBar.iconOnly.linear .InputWrapper jump-icon{padding-right:6px;}:host .SearchBar.iconOnly.linear .InputWrapper input{width:0;border:none;transform:translateX(-100%);transition:width 0.3s ease, transform 0.3s ease;animation:none;}:host .SearchBar.iconOnly.linear.expanded .InputWrapper{border-bottom:1px solid var(--jump-search-bar-border-color);transition:border-bottom 0.3s ease;}:host .SearchBar.iconOnly.linear.expanded .InputWrapper input{width:100%;transform:translateX(0);animation:slide-right 0.3s ease forwards;}@keyframes slide-right{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes border-slide-right{from{border-bottom-width:0}to{border-bottom-width:1px}}";const a=s;const o=class{constructor(e){t(this,e);this.searchbarExpanded=r(this,"jump-search-bar-expanded",7);this.search=r(this,"jump-search-bar",7);this.showFullSearch=r(this,"jump-search-bar-show-all",7);this.resultClicked=r(this,"jump-search-bar-res-clicked",7);this.handleFocus=()=>{const t=this.jumpSearchBar.closest(".SearchBar");if(t){t.classList.add("focused")}};this.handleBlur=()=>{const t=this.jumpSearchBar.closest(".SearchBar");if(t){t.classList.remove("focused")}};this.doSearch=()=>{if(this.jumpSearchBar){this.searchValue=this.jumpSearchBar.value;if(this.searchValue.length>=3){this.resType="results";this.innerResults=undefined;this.search.emit({search:this.searchValue});if(!this.dropdownVisible){this.dropdownVisible=true}}else if(this.searchValue.length==0){this.dropdownVisible=false}}};this.dropdownVisible=false;this.searchValue=undefined;this.resType="recents";this.innerResults=[];this.totalResults=0;this.isExpanded=false;this.placeholder="Cerca...";this.noResultText="Nessun risultato corrispondente";this.loadingText="Sto caricando...";this.resultsText="risultati";this.showAllResText="Mostra tutti i risultati";this.identifier="search-bar";this.debounceTime=500;this.variant="outline";this.withBtn=false;this.recentsTitle="Recenti";this.recents=[];this.results=[];this.dropdown=false;this.linearIconOnly=false;this.dropdownPosition="relative"}searchValueChanged(t){if(t===""){this.innerResults=[...this.recents];this.results=[]}}componentDidLoad(){document.addEventListener("click",this.handleOutsideClick.bind(this))}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick.bind(this))}addOption(t){let r=t.detail;this.recents=[...this.recents,Object.assign({},r)];this.innerResults=[...this.recents]}async setResults(t,r){this.results=t;this.innerResults=t;this.totalResults=r}handleOutsideClick(t){if(this.componentRef&&!this.componentRef.contains(t.target)){this.dropdownVisible=false}}debounce(t,r=this.debounceTime){let e;return(...i)=>{if(e){clearTimeout(e)}e=setTimeout((()=>{t.apply(null,i)}),r)}}openDropdown(){this.resType="recents";this.dropdownVisible=true}handleResClicked(t){this.resultClicked.emit({clicked:t})}btnOrShowOtherClicked(){this.showFullSearch.emit({search:this.searchValue})}expandSearchBar(){this.isExpanded=true;this.searchbarExpanded.emit()}renderLinearIconOnly(){return e(i,{class:"JumpSearchBar ",ref:t=>this.componentRef=t},e("div",{class:"SearchBar iconOnly "+this.variant+(this.isExpanded?" expanded":"")},e("div",{class:"InputWrapper",onClick:this.isExpanded&&this.dropdown&&this.recents.length>0?()=>this.openDropdown():null},e("jump-icon",{name:"magnifying-glass",category:"light",onClick:()=>this.expandSearchBar()}),this.isExpanded&&e("input",{placeholder:this.placeholder,type:"search",id:this.identifier,class:"search-input",ref:t=>{this.jumpSearchBar=t},onInput:this.debounce(this.doSearch),onFocus:this.handleFocus,onBlur:this.handleBlur}))),this.dropdown&&this.dropdownVisible&&this.renderDropdown())}renderDefault(){return e(i,{class:"JumpSearchBar",ref:t=>this.componentRef=t},e("div",{class:"SearchBar "+this.variant+" "+(this.withBtn?"withBtn":"")+(this.isExpanded?" expanded":"")},e("div",{class:"InputWrapper",onClick:this.dropdown&&this.recents.length>0?()=>this.openDropdown():null},!this.withBtn&&e("jump-icon",{name:"magnifying-glass",category:"light"}),e("input",{placeholder:this.placeholder,type:"search",id:this.identifier,class:"search-input",ref:t=>{this.jumpSearchBar=t},onInput:this.debounce(this.doSearch),onFocus:this.handleFocus,onBlur:this.handleBlur})),this.withBtn&&!this.linearIconOnly&&e("jump-button",{variant:"secondary",size:"medium",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,onClick:()=>this.btnOrShowOtherClicked()},e("jump-icon",{slot:"suffix",name:"magnifying-glass"}))),this.dropdown&&this.dropdownVisible&&this.renderDropdown())}renderDropdown(){console.log("POSITION",this.dropdownPosition);return e("div",{class:"Dropdown "+(this.dropdownPosition=="absolute"?"dropAbsolute":"dropRelative")},this.resType=="recents"&&e("div",{class:"Dropdown__Recents"},e("span",{class:"title"},this.recentsTitle),e("div",{class:"ResWrapper"},this.innerResults.length>0&&this.innerResults.map((t=>e("div",{onClick:()=>this.handleResClicked(t)},e("jump-icon",{name:"magnifying-glass",category:"light"}),t["value"]))))),this.resType=="results"&&e("div",{class:"Dropdown__Results"},e("div",{class:"ResWrapper"},this.innerResults===undefined?e("div",{class:"helperText"},e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",width:"252",height:"252"},e("g",null,e("g",{transform:"rotate(0 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.9s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(36 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.8s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(72 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.7s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(108 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.6s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(144 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.5s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(180 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.4s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(216 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.3s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(252 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.2s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(288 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.1s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(324 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"0s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",null))),this.loadingText):this.innerResults.length>0?this.innerResults.map((t=>e("div",{onClick:()=>this.handleResClicked(t),key:t["id"]},t["img"]&&e("img",{src:t["img"],alt:"result"}),t["value"]))):e("div",{class:"helperText"},this.noResultText),this.innerResults&&this.innerResults.length>0&&e("div",{class:"totalRes"},e("jump-button",{variant:"secondary",size:"small",text:true,onClick:()=>this.btnOrShowOtherClicked(),target:"_blank"}," ",this.showAllResText," "),this.totalResults&&e("div",null,this.totalResults," ",this.resultsText)))))}render(){if(this.variant==="linear"&&this.linearIconOnly){return this.renderLinearIconOnly()}else{return this.renderDefault()}}static get watchers(){return{searchValue:["searchValueChanged"]}}};o.style=a;export{o as jump_search_bar};
+//# sourceMappingURL=p-d3b62e9b.entry.js.map

package/dist/jump-design-system/{p-bdafe87d.entry.js → p-d8bfd21c.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as a,h as t,H as i}from"./p-21aa0095.js";const s=":host{display:block}.JumpPaginationTable{--jump-pagination-table-label:var(--neutral-grey-secondary);--jump-pagination-table-arrows:var(--neutral-grey-secondary);--jump-pagination-table-arrows-disabled:var(--neutral-grey-disabled);font-family:var(--ff-primary)}.JumpPaginationTable__Wrapper{display:flex;justify-content:space-between}.JumpPaginationTable__Wrapper .elementsPerPage{display:flex;gap:1rem;align-items:center}.JumpPaginationTable__Wrapper .elementsPerPage label{color:var(--jump-pagination-table-label);font-size:var(--fs-300);font-weight:normal}.JumpPaginationTable__Wrapper .indicators{font-size:var(--fs-400);font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--jump-pagination-table-label)}.JumpPaginationTable__Wrapper .indicators .arrow{color:var(--jump-pagination-table-arrows);display:flex;align-items:center;gap:10px}.JumpPaginationTable__Wrapper .indicators .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPaginationTable__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--jump-pagination-table-arrows-disabled)}.JumpPaginationTable__Wrapper .indicators .elements{color:var(--jump-pagination-table-label);display:flex;align-items:center;gap:5px}";const n=s;const l=class{constructor(t){e(this,t);this.changePage=a(this,"jump-change-page",7);this.changeElPerPage=a(this,"jump-change-el-per-page",7);this.elementsRanges="10,20,60,100";this.elementsRangesArray=undefined;this.elPerPage=undefined;this.pagLabel="di";this.labelElementsPerPage="Elementi per pagina";this.total=100;this.first=1;this.last=10;this.showFirstAndLast=false}elementsRangesChanged(e,a){console.log("dentro el");if(e!==a){this.elementsRangesArray=e.split(",").map(Number)}this.elementsRangesArray=[...this.elementsRangesArray];console.log("elementsRangesChanged",e,a)}elPerPageChanged(e,a){if(e!==a){this.first=1;this.last=Math.min(this.total,e)}this.changeElPerPage.emit({elPerPage:e})}componentWillLoad(){this.elementsRangesArray=this.elementsRanges.split(",").map(Number);this.elPerPage=!this.elPerPage?this.elementsRangesArray[0]:this.elPerPage}setElPerPage(e){this.elPerPage=e.target.value}doChangePage(e){let a;let t;if(e==="first"){a=1;t=Math.min(this.total,this.elPerPage)}else if(e==="last"){t=this.total;a=Math.max(1,this.total-this.elPerPage+1)}else if(e==="previous"){a=Math.max(1,this.first-this.elPerPage);t=Math.min(this.total,a+this.elPerPage-1)}else if(e==="next"){t=Math.min(this.total,this.last+this.elPerPage);a=Math.max(1,t-this.elPerPage+1)}this.first=a;this.last=t;let i={first:a,last:t,direction:e};this.changePage.emit(i)}render(){var e;return t(i,{key:"6edc329e44cf550e18300dd949e985103e7ca907",class:"JumpPaginationTable"},t("div",{key:"74763ae5bcead30bdb79c2f177042007e4f22d2b",class:"JumpPaginationTable__Wrapper"},t("div",{key:"fe9d73f1e28cebce87b9a6b26f1a252827b2e409",class:"elementsPerPage"},t("label",{key:"69a557884ae8156f5090ae6414ad3ca6b381a1e6",htmlFor:"elements"},(e=this.labelElementsPerPage)!==null&&e!==void 0?e:"Elements per page"),t("select",{key:"f63030a70690021611c1d6a29945bd8cc9977e90",name:"elements",id:"elements",onChange:e=>this.setElPerPage(e)},this.elementsRangesArray.map((e=>t("option",{value:e,selected:this.elPerPage==e&&true},e))))),t("div",{key:"7dd82fa0620bbbdbeb825ab28ec6264257f18cbd",class:"indicators"},t("div",{key:"09989643cd7073e9b7db95e4746d209f4294c7de",class:"elements"},t("span",{key:"6f4bbd59fa39504953989a7692842a148733d9bc"},t("span",{key:"12e664c2d3bad1033188da673e37e1dd58f32e26"},this.first)," - ",t("span",{key:"c22ca1d793efc54078699c9b7f35169c814f905c"},this.last)," ",this.pagLabel," ",t("span",{key:"64e26a44bbb9c524138925db2b9bd2588dcef3b8"},this.total))),t("div",{key:"f9527eaf1adf59530f470eeb03897cbd3d88d4c4",class:"arrow"},this.showFirstAndLast&&t("jump-button",{key:"a0b3d12ea97aac3c53b5276ec4218bb79b8dd0dd",onClick:()=>this.doChangePage("first"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.first===1}," ",t("jump-icon",{key:"5a680f20e3a7db2898d13058153bd6426141598e",slot:"suffix",name:"chevrons-left"})," "),t("jump-button",{key:"54450a58c6779efd7034449a9bf45b72c6250627",onClick:()=>this.doChangePage("previous"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.first===1}," ",t("jump-icon",{key:"c4ecfdef4dad35eda6a1cba4796fcd7f22cb508f",slot:"suffix",name:"chevron-left"})," "),t("jump-button",{key:"c8b17abee650024dab962db11bcc99d0a55660dd",onClick:()=>this.doChangePage("next"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.last===this.total}," ",t("jump-icon",{key:"871208668717b1fcab6af32989239a9a98aa8c4b",slot:"suffix",name:"chevron-right"})," "),this.showFirstAndLast&&t("jump-button",{key:"8acd4bdceb333afa582d68342c09dff0b62e20a7",onClick:()=>this.doChangePage("last"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.last===this.total}," ",t("jump-icon",{key:"cb0da9e45ad20c89534f62ac4f5a36032aeb3311",slot:"suffix",name:"chevrons-right"})," ")))))}static get watchers(){return{elementsRanges:["elementsRangesChanged"],elPerPage:["elPerPageChanged"]}}};l.style=n;export{l as jump_pagination_table};
-//# sourceMappingURL=p-bdafe87d.entry.js.map
+import{r as e,c as a,h as t,H as i}from"./p-e516e812.js";const s=":host{display:block}.JumpPaginationTable{--jump-pagination-table-label:var(--neutral-grey-secondary);--jump-pagination-table-arrows:var(--neutral-grey-secondary);--jump-pagination-table-arrows-disabled:var(--neutral-grey-disabled);font-family:var(--ff-primary)}.JumpPaginationTable__Wrapper{display:flex;justify-content:space-between}.JumpPaginationTable__Wrapper .elementsPerPage{display:flex;gap:1rem;align-items:center}.JumpPaginationTable__Wrapper .elementsPerPage label{color:var(--jump-pagination-table-label);font-size:var(--fs-300);font-weight:normal}.JumpPaginationTable__Wrapper .indicators{font-size:var(--fs-400);font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--jump-pagination-table-label)}.JumpPaginationTable__Wrapper .indicators .arrow{color:var(--jump-pagination-table-arrows);display:flex;align-items:center;gap:10px}.JumpPaginationTable__Wrapper .indicators .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPaginationTable__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--jump-pagination-table-arrows-disabled)}.JumpPaginationTable__Wrapper .indicators .elements{color:var(--jump-pagination-table-label);display:flex;align-items:center;gap:5px}";const n=s;const l=class{constructor(t){e(this,t);this.changePage=a(this,"jump-change-page",7);this.changeElPerPage=a(this,"jump-change-el-per-page",7);this.elementsRanges="10,20,60,100";this.elementsRangesArray=undefined;this.elPerPage=undefined;this.pagLabel="di";this.labelElementsPerPage="Elementi per pagina";this.total=100;this.first=1;this.last=10;this.showFirstAndLast=false}elementsRangesChanged(e,a){console.log("dentro el");if(e!==a){this.elementsRangesArray=e.split(",").map(Number)}this.elementsRangesArray=[...this.elementsRangesArray];console.log("elementsRangesChanged",e,a)}elPerPageChanged(e,a){if(e!==a){this.first=1;this.last=Math.min(this.total,e)}this.changeElPerPage.emit({elPerPage:e})}componentWillLoad(){this.elementsRangesArray=this.elementsRanges.split(",").map(Number);this.elPerPage=!this.elPerPage?this.elementsRangesArray[0]:this.elPerPage}setElPerPage(e){this.elPerPage=e.target.value}doChangePage(e){let a;let t;if(e==="first"){a=1;t=Math.min(this.total,this.elPerPage)}else if(e==="last"){t=this.total;a=Math.max(1,this.total-this.elPerPage+1)}else if(e==="previous"){a=Math.max(1,this.first-this.elPerPage);t=Math.min(this.total,a+this.elPerPage-1)}else if(e==="next"){t=Math.min(this.total,this.last+this.elPerPage);a=Math.max(1,t-this.elPerPage+1)}this.first=a;this.last=t;let i={first:a,last:t,direction:e};this.changePage.emit(i)}render(){var e;return t(i,{key:"6a42ae0a8005203b2f13f6d46fb470ac4691a5de",class:"JumpPaginationTable"},t("div",{key:"cadff129eb21d242d0e3fa109a2b1eab8398a0f9",class:"JumpPaginationTable__Wrapper"},t("div",{key:"51cf43620689ebc2e4c3617a9680143b5885f196",class:"elementsPerPage"},t("label",{key:"f59c18268d71fa486535f6a5432cd88cfddef0b1",htmlFor:"elements"},(e=this.labelElementsPerPage)!==null&&e!==void 0?e:"Elements per page"),t("select",{key:"13e06813b30e08ee9bf506db3d288f1908ae5bd5",name:"elements",id:"elements",onChange:e=>this.setElPerPage(e)},this.elementsRangesArray.map((e=>t("option",{value:e,selected:this.elPerPage==e&&true},e))))),t("div",{key:"b2bc9b2ede7cc4ca94a28d1725a91a75f30553d4",class:"indicators"},t("div",{key:"ed068a28e8719cea5d32cc33b8f935c8459c4026",class:"elements"},t("span",{key:"8bcbedca1400a6f5f285304a1e9e658dbd15d4e6"},t("span",{key:"e0eaf549f834c38a530a76559db8189044bda390"},this.first)," - ",t("span",{key:"a7775a41a5931f37789cbc57b371203cf2d31e65"},this.last)," ",this.pagLabel," ",t("span",{key:"29d72598b5fcb9a1e9f06ad328f2164394defbf6"},this.total))),t("div",{key:"dbdde182111d2afbe2324ed004158b51143cdbd7",class:"arrow"},this.showFirstAndLast&&t("jump-button",{key:"ecd2375623aef3014244100539d6b0722130bbb3",onClick:()=>this.doChangePage("first"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.first===1}," ",t("jump-icon",{key:"f9bc40fed16b1f230748db55ba39faec6fafc107",slot:"suffix",name:"chevrons-left"})," "),t("jump-button",{key:"1382cb2939e5427ef669d8d7d25a1dd108113a46",onClick:()=>this.doChangePage("previous"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.first===1}," ",t("jump-icon",{key:"355ef9e6fbdb8a03933b2b955e6ce4acaf5f1237",slot:"suffix",name:"chevron-left"})," "),t("jump-button",{key:"2626fbadbb4c5a50eb9d0ae676a6885e5b7f90bd",onClick:()=>this.doChangePage("next"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.last===this.total}," ",t("jump-icon",{key:"a830c7a19ec218ecd7ecb4be9010f3c5fef509c4",slot:"suffix",name:"chevron-right"})," "),this.showFirstAndLast&&t("jump-button",{key:"aac1eff6a4827fe76d729a131228860ffb50f1b3",onClick:()=>this.doChangePage("last"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.last===this.total}," ",t("jump-icon",{key:"d0d4ffbb647933e7b1ffc68d5126ca3eec058db7",slot:"suffix",name:"chevrons-right"})," ")))))}static get watchers(){return{elementsRanges:["elementsRangesChanged"],elPerPage:["elPerPageChanged"]}}};l.style=n;export{l as jump_pagination_table};
+//# sourceMappingURL=p-d8bfd21c.entry.js.map

package/dist/jump-design-system/{p-a1c25113.entry.js → p-d94fabc1.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as s,h as t,H as i}from"./p-21aa0095.js";const n=":host{display:none}";const o=n;const d=class{constructor(t){e(this,t);this.connectedEvent=s(this,"jump-card-ecommerce-option-connected",7);this.code=undefined;this.imgUrl=undefined;this.label=undefined;this.sku=undefined;this.taxonomy=undefined}componentWillLoad(){this.connectedEvent.emit({code:this.code,label:this.label,imgUrl:this.imgUrl,sku:this.sku,taxonomy:this.taxonomy})}render(){return t(i,{key:"513b51e00e0cadeb736d677357535665cfd5b8f6"})}};d.style=o;export{d as jump_card_ecommerce_option};
-//# sourceMappingURL=p-a1c25113.entry.js.map
+import{r as e,c as s,h as t,H as i}from"./p-e516e812.js";const n=":host{display:none}";const o=n;const d=class{constructor(t){e(this,t);this.connectedEvent=s(this,"jump-card-ecommerce-option-connected",7);this.code=undefined;this.imgUrl=undefined;this.label=undefined;this.sku=undefined;this.taxonomy=undefined}componentWillLoad(){this.connectedEvent.emit({code:this.code,label:this.label,imgUrl:this.imgUrl,sku:this.sku,taxonomy:this.taxonomy})}render(){return t(i,{key:"513b51e00e0cadeb736d677357535665cfd5b8f6"})}};d.style=o;export{d as jump_card_ecommerce_option};
+//# sourceMappingURL=p-d94fabc1.entry.js.map

package/dist/jump-design-system/p-e516e812.js

@@ -0,0 +1,3 @@
+const e="jump-design-system";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:true,cmpWillUpdate:false,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:true,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:false,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:true};var r=Object.defineProperty;var l=(e,t)=>{for(var l in t)r(e,l,{get:t[l],enumerable:true})};var n={};var s="http://www.w3.org/2000/svg";var i="http://www.w3.org/1999/xhtml";var o=e=>e!=null;var a=e=>{e=typeof e;return e==="object"||e==="function"};function f(e){var t,r,l;return(l=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?l:void 0}var c={};l(c,{err:()=>v,map:()=>d,ok:()=>u,unwrap:()=>p,unwrapErr:()=>m});var u=e=>({isOk:true,isErr:false,value:e});var v=e=>({isOk:false,isErr:true,value:e});function d(e,t){if(e.isOk){const r=t(e.value);if(r instanceof Promise){return r.then((e=>u(e)))}else{return u(r)}}if(e.isErr){const t=e.value;return v(t)}throw"should never get here"}var p=e=>{if(e.isOk){return e.value}else{throw e.value}};var m=e=>{if(e.isErr){return e.value}else{throw e.value}};var h=(e,t="")=>{{return()=>{}}};var y=(e,t)=>{{return()=>{}}};var b="{visibility:hidden}.hydrated{visibility:inherit}";var w="slot-fb{display:contents}slot-fb[hidden]{display:none}";var g=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var $=(e,t,...r)=>{let l=null;let n=null;let s=null;let i=false;let o=false;const f=[];const c=t=>{for(let r=0;r<t.length;r++){l=t[r];if(Array.isArray(l)){c(l)}else if(l!=null&&typeof l!=="boolean"){if(i=typeof e!=="function"&&!a(l)){l=String(l)}if(i&&o){f[f.length-1].t+=l}else{f.push(i?S(null,l):l)}o=i}}};c(r);if(t){if(t.key){n=t.key}if(t.name){s=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}const u=S(e,null);u.l=t;if(f.length>0){u.i=f}{u.o=n}{u.u=s}return u};var S=(e,t)=>{const r={v:0,p:e,t,m:null,i:null};{r.l=null}{r.o=null}{r.u=null}return r};var k={};var C=e=>e&&e.p===k;var j=(e,t)=>{if(e!=null&&!a(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var O=e=>Ne(e).$hostElement$;var R=(e,t,r)=>{const l=O(e);return{emit:e=>x(l,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}};var x=(e,t,r)=>{const l=Ke.ce(t,r);e.dispatchEvent(l);return l};var T=new WeakMap;var L=(e,t,r)=>{let l=qe.get(e);if(_e&&r){l=l||new CSSStyleSheet;if(typeof l==="string"){l=t}else{l.replaceSync(t)}}else{l=t}qe.set(e,l)};var D=(e,t,r)=>{var l;const n=F(t);const s=qe.get(n);e=e.nodeType===11?e:Ie;if(s){if(typeof s==="string"){e=e.head||e;let r=T.get(e);let i;if(!r){T.set(e,r=new Set)}if(!r.has(n)){{i=Ie.createElement("style");i.innerHTML=s;const t=(l=Ke.h)!=null?l:f(Ie);if(t!=null){i.setAttribute("nonce",t)}e.insertBefore(i,e.querySelector("link"))}if(t.v&4){i.innerHTML+=w}if(r){r.add(n)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return n};var E=e=>{const t=e.$;const r=e.$hostElement$;const l=t.v;const n=h("attachStyles",t.S);const s=D(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(l&10){r["s-sc"]=s;r.classList.add(s+"-h")}n()};var F=(e,t)=>"sc-"+e.S;var M=(e,t,r,l,n,s)=>{if(r!==l){let i=He(e,t);let o=t.toLowerCase();if(t==="class"){const t=e.classList;const n=P(r);const s=P(l);t.remove(...n.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!n.includes(e))))}else if(t==="style"){{for(const t in r){if(!l||l[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in l){if(!r||l[t]!==r[t]){if(t.includes("-")){e.style.setProperty(t,l[t])}else{e.style[t]=l[t]}}}}else if(t==="key");else if(t==="ref"){if(l){l(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(He(Ge,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(r||l){const n=t.endsWith(N);t=t.replace(U,"");if(r){Ke.rel(e,t,r,n)}if(l){Ke.ael(e,t,l,n)}}}else{const o=a(l);if((i||o&&l!==null)&&!n){try{if(!e.tagName.includes("-")){const n=l==null?"":l;if(t==="list"){i=false}else if(r==null||e[t]!=n){e[t]=n}}else{e[t]=l}}catch(e){}}if(l==null||l===false){if(l!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!i||s&4||n)&&!o){l=l===true?"":l;{e.setAttribute(t,l)}}}}};var A=/\s/;var P=e=>!e?[]:e.split(A);var N="Capture";var U=new RegExp(N+"$");var W=(e,t,r)=>{const l=t.m.nodeType===11&&t.m.host?t.m.host:t.m;const s=e&&e.l||n;const i=t.l||n;{for(const e of H(Object.keys(s))){if(!(e in i)){M(l,e,s[e],void 0,r,t.v)}}}for(const e of H(Object.keys(i))){M(l,e,s[e],i[e],r,t.v)}};function H(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var z;var B;var Q;var q=false;var G=false;var I=false;var K=false;var V=(e,t,r,l)=>{var n;const a=t.i[r];let f=0;let c;let u;let v;if(!q){I=true;if(a.p==="slot"){if(z){l.classList.add(z+"-s")}a.v|=a.i?2:1}}if(a.t!==null){c=a.m=Ie.createTextNode(a.t)}else if(a.v&1){c=a.m=Ie.createTextNode("")}else{if(!K){K=a.p==="svg"}c=a.m=Ie.createElementNS(K?s:i,a.v&2?"slot-fb":a.p);if(K&&a.p==="foreignObject"){K=false}{W(null,a,K)}if(o(z)&&c["s-si"]!==z){c.classList.add(c["s-si"]=z)}if(a.i){for(f=0;f<a.i.length;++f){u=V(e,a,f,c);if(u){c.appendChild(u)}}}{if(a.p==="svg"){K=false}else if(c.tagName==="foreignObject"){K=true}}}c["s-hn"]=Q;{if(a.v&(2|1)){c["s-sr"]=true;c["s-cr"]=B;c["s-sn"]=a.u||"";c["s-rf"]=(n=a.l)==null?void 0:n.ref;v=e&&e.i&&e.i[r];if(v&&v.p===a.p&&e.m){{X(e.m,false)}}}}return c};var X=(e,r)=>{Ke.v|=1;const l=Array.from(e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===Q){l.push(t)}}}for(let e=l.length-1;e>=0;e--){const t=l[e];if(t["s-hn"]!==Q&&t["s-ol"]){ae(te(t),t,ee(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;I=true}if(r){X(t,r)}}Ke.v&=~1};var _=(e,t,r,l,n,s)=>{let i=e["s-cr"]&&e["s-cr"].parentNode||e;let o;if(i.shadowRoot&&i.tagName===Q){i=i.shadowRoot}for(;n<=s;++n){if(l[n]){o=V(null,r,n,e);if(o){l[n].m=o;ae(i,o,ee(t))}}}};var J=(e,t,r)=>{for(let l=t;l<=r;++l){const t=e[l];if(t){const e=t.m;oe(t);if(e){{G=true;if(e["s-ol"]){e["s-ol"].remove()}else{X(e,true)}}e.remove()}}}};var Y=(e,t,r,l,n=false)=>{let s=0;let i=0;let o=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=l.length-1;let d=l[0];let p=l[v];let m;let h;while(s<=f&&i<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--f]}else if(d==null){d=l[++i]}else if(p==null){p=l[--v]}else if(Z(c,d,n)){re(c,d,n);c=t[++s];d=l[++i]}else if(Z(u,p,n)){re(u,p,n);u=t[--f];p=l[--v]}else if(Z(c,p,n)){if(c.p==="slot"||p.p==="slot"){X(c.m.parentNode,false)}re(c,p,n);ae(e,c.m,u.m.nextSibling);c=t[++s];p=l[--v]}else if(Z(u,d,n)){if(c.p==="slot"||p.p==="slot"){X(u.m.parentNode,false)}re(u,d,n);ae(e,u.m,c.m);u=t[--f];d=l[++i]}else{o=-1;{for(a=s;a<=f;++a){if(t[a]&&t[a].o!==null&&t[a].o===d.o){o=a;break}}}if(o>=0){h=t[o];if(h.p!==d.p){m=V(t&&t[i],r,o,e)}else{re(h,d,n);t[o]=void 0;m=h.m}d=l[++i]}else{m=V(t&&t[i],r,i,e);d=l[++i]}if(m){{ae(te(c.m),m,ee(c.m))}}}}if(s>f){_(e,l[v+1]==null?null:l[v+1].m,r,l,i,v)}else if(i>v){J(t,s,f)}};var Z=(e,t,r=false)=>{if(e.p===t.p){if(e.p==="slot"){return e.u===t.u}if(!r){return e.o===t.o}return true}return false};var ee=e=>e&&e["s-ol"]||e;var te=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;var re=(e,t,r=false)=>{const l=t.m=e.m;const n=e.i;const s=t.i;const i=t.p;const o=t.t;let a;if(o===null){{K=i==="svg"?true:i==="foreignObject"?false:K}{if(i==="slot"&&!q);else{W(e,t,K)}}if(n!==null&&s!==null){Y(l,n,t,s,r)}else if(s!==null){if(e.t!==null){l.textContent=""}_(l,null,t,s,0,s.length-1)}else if(n!==null){J(n,0,n.length-1)}if(K&&i==="svg"){K=false}}else if(a=l["s-cr"]){a.parentNode.textContent=o}else if(e.t!==o){l.data=o}};var le=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const r=e["s-sn"];e.hidden=false;for(const l of t){if(l!==e){if(l["s-hn"]!==e["s-hn"]||r!==""){if(l.nodeType===1&&(r===l.getAttribute("slot")||r===l["s-sn"])||l.nodeType===3&&r===l["s-sn"]){e.hidden=true;break}}else{if(l.nodeType===1||l.nodeType===3&&l.textContent.trim()!==""){e.hidden=true;break}}}}}le(e)}}};var ne=[];var se=e=>{let r;let l;let n;for(const s of e.childNodes){if(s["s-sr"]&&(r=s["s-cr"])&&r.parentNode){l=r.parentNode.childNodes;const e=s["s-sn"];for(n=l.length-1;n>=0;n--){r=l[n];if(!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==s["s-hn"]&&!t.experimentalSlotFixes){if(ie(r,e)){let t=ne.find((e=>e.k===r));G=true;r["s-sn"]=r["s-sn"]||e;if(t){t.k["s-sh"]=s["s-hn"];t.C=s}else{r["s-sh"]=s["s-hn"];ne.push({C:s,k:r})}if(r["s-sr"]){ne.map((e=>{if(ie(e.k,r["s-sn"])){t=ne.find((e=>e.k===r));if(t&&!e.C){e.C=t.C}}}))}}else if(!ne.some((e=>e.k===r))){ne.push({k:r})}}}}if(s.nodeType===1){se(s)}}};var ie=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var oe=e=>{{e.l&&e.l.ref&&e.l.ref(null);e.i&&e.i.map(oe)}};var ae=(e,t,r)=>{const l=e==null?void 0:e.insertBefore(t,r);return l};var fe=(e,t,r=false)=>{var l,n,s,i;const o=e.$hostElement$;const a=e.$;const f=e.j||S(null,null);const c=C(t)?t:$(null,null,t);Q=o.tagName;if(a.O){c.l=c.l||{};a.O.map((([e,t])=>c.l[t]=o[e]))}if(r&&c.l){for(const e of Object.keys(c.l)){if(o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.l[e]=o[e]}}}c.p=null;c.v|=4;e.j=c;c.m=f.m=o.shadowRoot||o;{z=o["s-sc"]}q=(a.v&1)!==0;{B=o["s-cr"];G=false}re(f,c,r);{Ke.v|=1;if(I){se(c.m);for(const e of ne){const t=e.k;if(!t["s-ol"]){const e=Ie.createTextNode("");e["s-nr"]=t;ae(t.parentNode,t["s-ol"]=e,t)}}for(const e of ne){const t=e.k;const o=e.C;if(o){const e=o.parentNode;let r=o.nextSibling;{let s=(l=t["s-ol"])==null?void 0:l.previousSibling;while(s){let l=(n=s["s-nr"])!=null?n:null;if(l&&l["s-sn"]===t["s-sn"]&&e===l.parentNode){l=l.nextSibling;while(l===t||(l==null?void 0:l["s-sr"])){l=l==null?void 0:l.nextSibling}if(!l||!l["s-nr"]){r=l;break}}s=s.previousSibling}}if(!r&&e!==t.parentNode||t.nextSibling!==r){if(t!==r){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}ae(e,t,r);if(t.nodeType===1){t.hidden=(s=t["s-ih"])!=null?s:false}}}t&&typeof o["s-rf"]==="function"&&o["s-rf"](t)}else{if(t.nodeType===1){if(r){t["s-ih"]=(i=t.hidden)!=null?i:false}t.hidden=true}}}}if(G){le(c.m)}Ke.v&=~1;ne.length=0}B=void 0};var ce=(e,t)=>{if(t&&!e.R&&t["s-p"]){t["s-p"].push(new Promise((t=>e.R=t)))}};var ue=(e,t)=>{{e.v|=16}if(e.v&4){e.v|=512;return}ce(e,e.T);const r=()=>ve(e,t);return nt(r)};var ve=(e,t)=>{const r=e.$hostElement$;const l=h("scheduleUpdate",e.$.S);const n=e.L;if(!n){throw new Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let s;if(t){{e.v|=256;if(e.D){e.D.map((([e,t])=>we(n,e,t)));e.D=void 0}}{s=we(n,"componentWillLoad")}}{s=de(s,(()=>we(n,"componentWillRender")))}l();return de(s,(()=>me(e,n,t)))};var de=(e,t)=>pe(e)?e.then(t):t();var pe=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var me=async(e,t,r)=>{var l;const n=e.$hostElement$;const s=h("update",e.$.S);const i=n["s-rc"];if(r){E(e)}const o=h("render",e.$.S);{he(e,t,n,r)}if(i){i.map((e=>e()));n["s-rc"]=void 0}o();s();{const t=(l=n["s-p"])!=null?l:[];const r=()=>ye(e);if(t.length===0){r()}else{Promise.all(t).then(r);e.v|=4;t.length=0}}};var he=(e,t,r,l)=>{try{t=t.render();{e.v&=~16}{e.v|=2}{{{fe(e,t,l)}}}}catch(t){ze(t,e.$hostElement$)}return null};var ye=e=>{const t=e.$.S;const r=e.$hostElement$;const l=h("postUpdate",t);const n=e.L;const s=e.T;if(!(e.v&64)){e.v|=64;{ge(r)}{we(n,"componentDidLoad")}l();{e.F(r);if(!s){be()}}}else{l()}{e.M(r)}{if(e.R){e.R();e.R=void 0}if(e.v&512){lt((()=>ue(e,false)))}e.v&=~(4|512)}};var be=t=>{{ge(Ie.documentElement)}lt((()=>x(Ge,"appload",{detail:{namespace:e}})))};var we=(e,t,r)=>{if(e&&e[t]){try{return e[t](r)}catch(e){ze(e)}}return void 0};var ge=e=>{var r;return e.classList.add((r=t.hydratedSelectorName)!=null?r:"hydrated")};var $e=(e,t)=>Ne(e).A.get(t);var Se=(e,t,r,l)=>{const n=Ne(e);if(!n){throw new Error(`Couldn't find host element for "${l.S}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const s=n.$hostElement$;const i=n.A.get(t);const o=n.v;const a=n.L;r=j(r,l.P[t][0]);const f=Number.isNaN(i)&&Number.isNaN(r);const c=r!==i&&!f;if((!(o&8)||i===void 0)&&c){n.A.set(t,r);if(a){if(l.N&&o&128){const e=l.N[t];if(e){e.map((e=>{try{a[e](r,i,t)}catch(e){ze(e,s)}}))}}if((o&(2|16))===2){ue(n,false)}}}};var ke=(e,t,r)=>{var l;const n=e.prototype;if(t.v&64&&r&1){g.forEach((e=>Object.defineProperty(n,e,{value(...t){const r=Ne(this);const l=r.L;if(!l){r.U.then((r=>{const l=r[e];typeof l==="function"&&l.call(r,...t)}))}else{const r=l[e];typeof r==="function"&&r.call(l,...t)}}})))}if(t.P){if(e.watchers){t.N=e.watchers}const s=Object.entries(t.P);s.map((([e,[l]])=>{if(l&31||r&2&&l&32){Object.defineProperty(n,e,{get(){return $e(this,e)},set(r){Se(this,e,r,t)},configurable:true,enumerable:true})}else if(r&1&&l&64){Object.defineProperty(n,e,{value(...t){var r;const l=Ne(this);return(r=l==null?void 0:l.W)==null?void 0:r.then((()=>{var r;return(r=l.L)==null?void 0:r[e](...t)}))}})}}));if(r&1){const r=new Map;n.attributeChangedCallback=function(e,l,s){Ke.jmp((()=>{var i;const o=r.get(e);if(this.hasOwnProperty(o)){s=this[o];delete this[o]}else if(n.hasOwnProperty(o)&&typeof this[o]==="number"&&this[o]==s){return}else if(o==null){const r=Ne(this);const n=r==null?void 0:r.v;if(n&&!(n&8)&&n&128&&s!==l){const n=r.L;const o=(i=t.N)==null?void 0:i[e];o==null?void 0:o.forEach((t=>{if(n[t]!=null){n[t].call(n,s,l,e)}}))}return}this[o]=s===null&&typeof this[o]==="boolean"?false:s}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=t.N)!=null?l:{}),...s.filter((([e,t])=>t[0]&15)).map((([e,l])=>{var n;const s=l[1]||e;r.set(s,e);if(l[0]&512){(n=t.O)==null?void 0:n.push([e,s])}return s}))]))}}return e};var Ce=async(e,t,r,l)=>{let n;if((t.v&32)===0){t.v|=32;const l=r.H;if(l){const e=Qe(r);if(e&&"then"in e){const t=y();n=await e;t()}else{n=e}if(!n){throw new Error(`Constructor for "${r.S}#${t.B}" was not found`)}if(!n.isProxied){{r.N=n.watchers}ke(n,r,2);n.isProxied=true}const l=h("createInstance",r.S);{t.v|=8}try{new n(t)}catch(e){ze(e)}{t.v&=~8}{t.v|=128}l()}else{n=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.v|=128))}if(n&&n.style){let e=n.style;const t=F(r);if(!qe.has(t)){const l=h("registerStyles",r.S);L(t,e,!!(r.v&1));l()}}}const s=t.T;const i=()=>ue(t,true);if(s&&s["s-rc"]){s["s-rc"].push(i)}else{i()}};var je=e=>{};var Oe=e=>{if((Ke.v&1)===0){const t=Ne(e);const r=t.$;const l=h("connectedCallback",r.S);if(!(t.v&1)){t.v|=1;{if(r.v&(4|8)){Re(e)}}{let r=e;while(r=r.parentNode||r.host){if(r["s-p"]){ce(t,t.T=r);break}}}if(r.P){Object.entries(r.P).map((([t,[r]])=>{if(r&31&&e.hasOwnProperty(t)){const r=e[t];delete e[t];e[t]=r}}))}{Ce(e,t,r)}}else{De(e,t,r.q);if(t==null?void 0:t.L);else if(t==null?void 0:t.U){t.U.then((()=>je()))}}l()}};var Re=e=>{const t=e["s-cr"]=Ie.createComment("");t["s-cn"]=true;ae(e,t,e.firstChild)};var xe=e=>{{we(e,"disconnectedCallback")}};var Te=async e=>{if((Ke.v&1)===0){const t=Ne(e);{if(t.G){t.G.map((e=>e()));t.G=void 0}}if(t==null?void 0:t.L){xe(t.L)}else if(t==null?void 0:t.U){t.U.then((()=>xe(t.L)))}}};var Le=(e,t={})=>{var r;const l=h();const n=[];const s=t.exclude||[];const i=Ge.customElements;const o=Ie.head;const a=o.querySelector("meta[charset]");const c=Ie.createElement("style");const u=[];let v;let d=true;Object.assign(Ke,t);Ke.I=new URL(t.resourcesUrl||"./",Ie.baseURI).href;let p=false;e.map((e=>{e[1].map((t=>{var r;const l={v:t[0],S:t[1],P:t[2],q:t[3]};if(l.v&4){p=true}{l.P=t[2]}{l.q=t[3]}{l.O=[]}{l.N=(r=t[4])!=null?r:{}}const o=l.S;const a=class extends HTMLElement{constructor(e){super(e);e=this;We(e,l);if(l.v&1){{{e.attachShadow({mode:"open"})}}}}connectedCallback(){if(v){clearTimeout(v);v=null}if(d){u.push(this)}else{Ke.jmp((()=>Oe(this)))}}disconnectedCallback(){Ke.jmp((()=>Te(this)))}componentOnReady(){return Ne(this).U}};if(l.v&64){a.formAssociated=true}l.H=e[0];if(!s.includes(o)&&!i.get(o)){n.push(o);i.define(o,ke(a,l,1))}}))}));if(n.length>0){if(p){c.textContent+=w}{c.textContent+=n+b}if(c.innerHTML.length){c.setAttribute("data-styles","");const e=(r=Ke.h)!=null?r:f(Ie);if(e!=null){c.setAttribute("nonce",e)}o.insertBefore(c,a?a.nextSibling:o.firstChild)}}d=false;if(u.length){u.map((e=>e.connectedCallback()))}else{{Ke.jmp((()=>v=setTimeout(be,30)))}}l()};var De=(e,t,r,l)=>{if(r){r.map((([r,l,n])=>{const s=Fe(e,r);const i=Ee(t,n);const o=Me(r);Ke.ael(s,l,i,o);(t.G=t.G||[]).push((()=>Ke.rel(s,l,i,o)))}))}};var Ee=(e,t)=>r=>{try{{if(e.v&256){e.L[t](r)}else{(e.D=e.D||[]).push([t,r])}}}catch(e){ze(e)}};var Fe=(e,t)=>{if(t&8)return Ge;return e};var Me=e=>Ve?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var Ae=e=>Ke.h=e;var Pe=new WeakMap;var Ne=e=>Pe.get(e);var Ue=(e,t)=>Pe.set(t.L=e,t);var We=(e,t)=>{const r={v:0,$hostElement$:e,$:t,A:new Map};{r.W=new Promise((e=>r.M=e))}{r.U=new Promise((e=>r.F=e));e["s-p"]=[];e["s-rc"]=[]}De(e,r,t.q);return Pe.set(e,r)};var He=(e,t)=>t in e;var ze=(e,t)=>(0,console.error)(e,t);var Be=new Map;var Qe=(e,t,r)=>{const l=e.S.replace(/-/g,"_");const n=e.H;const s=Be.get(n);if(s){return s[l]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${n}.entry.js${""}`).then((e=>{{Be.set(n,e)}return e[l]}),ze)};var qe=new Map;var Ge=typeof window!=="undefined"?window:{};var Ie=Ge.document||{head:{}};var Ke={v:0,I:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,l)=>e.addEventListener(t,r,l),rel:(e,t,r,l)=>e.removeEventListener(t,r,l),ce:(e,t)=>new CustomEvent(e,t)};var Ve=(()=>{let e=false;try{Ie.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var Xe=e=>Promise.resolve(e);var _e=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var Je=false;var Ye=[];var Ze=[];var et=(e,t)=>r=>{e.push(r);if(!Je){Je=true;if(t&&Ke.v&4){lt(rt)}else{Ke.raf(rt)}}};var tt=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){ze(e)}}e.length=0};var rt=()=>{tt(Ye);{tt(Ze);if(Je=Ye.length>0){Ke.raf(rt)}}};var lt=e=>Xe().then(e);var nt=et(Ze,true);export{k as H,Le as b,R as c,O as g,$ as h,Xe as p,Ue as r,Ae as s};
+//# sourceMappingURL=p-e516e812.js.map