@jumpgroup/jump-design-system 0.3.52 → 0.3.53

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

@@ -0,0 +1 @@
+{"version":3,"names":["jumpSearchBarCss","JumpSearchBarStyle0","JumpSearchBar","this","handleFocus","searchBarContainer","jumpSearchBar","closest","classList","add","handleBlur","remove","doSearch","searchValue","value","length","resType","innerResults","undefined","search","emit","dropdownVisible","searchValueChanged","newValue","recents","results","componentDidLoad","document","addEventListener","handleOutsideClick","bind","disconnectedCallback","removeEventListener","addOption","e","props","detail","Object","assign","setResults","tot","totalResults","event","componentRef","contains","target","debounce","fn","delay","debounceTime","timeoutId","args","clearTimeout","setTimeout","apply","openDropdown","handleResClicked","item","resultClicked","clicked","btnOrShowOtherClicked","showFullSearch","expandSearchBar","isExpanded","searchbarExpanded","renderLinearIconOnly","h","Host","class","ref","el","variant","onClick","dropdown","name","category","placeholder","type","id","identifier","onInput","onFocus","onBlur","renderDropdown","renderDefault","withBtn","linearIconOnly","size","onlyIcon","slot","console","log","dropdownPosition","recentsTitle","map","xmlns","viewBox","preserveAspectRatio","width","height","transform","fill","ry","rx","y","x","repeatCount","begin","dur","keyTimes","values","attributeName","loadingText","key","src","alt","noResultText","text","showAllResText","resultsText","render"],"sources":["src/components/jump-search-bar/jump-search-bar.scss?tag=jump-search-bar&encapsulation=shadow","src/components/jump-search-bar/jump-search-bar.tsx"],"sourcesContent":[":host {\n  display: block;\n\n  --jump-search-bar-focus-color: var(--secondary-standard, #5E79BA);\n  --jump-search-bar-border-color: var(--neutral-grey-secondary, #707070);\n  --jump-search-bar-bg-color: var(--gray-ultralight, #F8F8F8);\n  --jump-search-bar-dropdown-border-color: var(--neutral-grey-disabled, #CBCBCB);\n\n  font-family: var(--ff-primary);\n\n  jump-button {\n    --jump-button-border-radius: 0px 3px 3px 0px;\n  }\n\n  .SearchBar {\n    position: relative;\n\n    &.focused .InputWrapper {\n        border-color: var(--jump-search-bar-focus-color) !important;\n    \n        jump-icon {\n          color: var(--jump-search-bar-focus-color) !important;\n        }\n    \n        input {\n          outline: none !important;\n        }\n      }\n  }\n\n  .SearchBar:not(.iconOnly) {\n      display: flex;\n      width: 100%;\n  \n      .InputWrapper {\n        width: 100%;\n        display: flex;\n      }\n  \n      input {\n        width: 100%;\n        border: none;\n      }\n  \n      /* Stile outline*/\n      &.outline .InputWrapper {\n        border: 1px solid var(--jump-search-bar-border-color);\n        border-radius: 3px;\n        padding: 12px;\n        gap: 8px;\n  \n        jump-icon {\n          color: var(--jump-search-bar-border-color);\n        }\n      }\n  \n      &.outline.withBtn .InputWrapper {\n        border-radius: 3px 0px 0px 3px;\n      }\n  \n  \n      /* Stile filled */\n      &.filled .InputWrapper {\n        border: 1px solid var(--jump-search-bar-bg-color);\n        background-color: var(--jump-search-bar-bg-color);\n        border-radius: 3px;\n        padding: 12px;\n        gap: 8px;\n  \n        input {\n          background-color: var(--jump-search-bar-bg-color);\n        }\n  \n        jump-icon {\n          color: var(--jump-search-bar-border-color);\n        }\n      }\n  \n      &.filled.focused.withBtn .InputWrapper {\n        border-radius: 3px 0px 0px 3px !important;\n      }\n  \n      /* Stile linear */\n      &.linear .InputWrapper {\n        border-bottom: 1px solid var(--jump-search-bar-border-color);\n        padding-bottom: 4px;\n  \n        jump-icon {\n          padding-right: 6px;\n        }\n      }\n  }\n    \n \n  .Dropdown {\n\n    &.dropAbsolute {\n      position: absolute;\n      box-sizing: border-box;\n      position: absolute;\n      left: 0;\n      width: 100%;\n    }\n\n    &.dropRelative {\n      position: relative;\n    }\n\n   // position: absolute; la tolgo per il test\n    margin-top: 10px;\n    border-radius: 3px;\n    border: 1px solid var(--jump-search-bar-dropdown-border-color);\n    padding: 4px 16px;\n    background-color: white;\n\n    &__Recents {\n      .title {\n          color: #707070;\n          font-size: 14px;\n          line-height: 20px;\n          padding: 8px 0;\n          font-weight: 700;\n          display: flex;\n        }\n    }\n\n    &__Results {\n      .totalRes {\n        display: flex; \n        justify-content: space-between;\n      }\n    }\n    \n\n    .ResWrapper {\n      display: flex;\n      flex-direction: column;\n\n      div {\n        padding: 8px 0;\n        color: #707070;\n        font-size: 14px;\n        display: flex;\n        gap: 12px;\n        align-items: center;\n\n        img {\n          width: 40px;\n          height: 48px;\n          object-fit: cover;\n          border-radius: 3px;\n        }\n      }\n\n      div:hover {\n        cursor: pointer;\n       }\n\n       .helperText {\n        color: #CBCBCB;\n\n        svg {\n          width: 25px;\n          height: 25px;\n        }\n       }\n    }\n  }\n\n/* Applicazione dell'animazione alla SearchBar.iconOnly.linear */\n.SearchBar.iconOnly.linear {\n  display: flex;\n  width: 100%;\n\n  .InputWrapper {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    transition: border-bottom 0.3s ease;\n    /* Transizione solo per il bordo inferiore */\n    border-bottom: 1px solid transparent;\n    /* Nessun bordo inizialmente */\n    padding-bottom: 4px;\n    overflow: hidden;\n    /* Per nascondere il contenuto che esce dai limiti dell'InputWrapper */\n\n    jump-icon {\n      padding-right: 6px;\n      /* Padding dell'icona */\n    }\n\n    input {\n      width: 0;\n      /* Imposta la larghezza iniziale a 0 */\n      border: none;\n      transform: translateX(-100%);\n      /* Sposta l'input fuori dalla vista */\n      transition: width 0.3s ease, transform 0.3s ease;\n      /* Transizioni separate per width e transform */\n      animation: none;\n      /* Disabilita l'animazione predefinita */\n    }\n  }\n\n  &.expanded {\n    .InputWrapper {\n      border-bottom: 1px solid var(--jump-search-bar-border-color);\n      /* Mostra il bordo inferiore quando espanso */\n      transition: border-bottom 0.3s ease;\n      /* Transizione per il bordo inferiore */\n\n      input {\n        width: 100%;\n        /* Espande l'input a tutta la larghezza disponibile */\n        transform: translateX(0);\n        /* Riposiziona l'input nella vista */\n        animation: slide-right 0.3s ease forwards;\n        /* Applicazione dell'animazione slide-right */\n      }\n    }\n  }\n}\n            \n}\n\n@keyframes slide-right {\n  from {\n    transform: translateX(-100%);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n\n@keyframes border-slide-right {\n  from {\n    border-bottom-width: 0;\n  }\n\n  to {\n    border-bottom-width: 1px;\n  }\n}","import { Component, Method, Watch, Listen, State, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'jump-search-bar',\n  styleUrl: 'jump-search-bar.scss',\n  shadow: true,\n})\nexport class JumpSearchBar {\n\n  /* ---------------------- @OWN PROPERTIES ------------------------- */\n  jumpSearchBar: HTMLInputElement;\n  private componentRef: HTMLElement;\n\n  /* ---------------------- @STATE ------------------------- */\n  @State() dropdownVisible: boolean = false;\n  @State() searchValue: string = undefined;\n\n  @Watch('searchValue')\n  searchValueChanged(newValue: string) {\n    if (newValue === '') {\n      // Create a new array reference to trigger re-render\n      this.innerResults = [...this.recents];\n      this.results = [];\n    }\n  }\n\n  @State() resType: string = 'recents';\n  @State() innerResults: Array<object> = [];\n  @State() totalResults: number = 0;\n  @State() isExpanded: boolean = false; \n\n  /* ---------------------- @PROPERTIES ------------------------- */\n  @Prop() placeholder: string = 'Cerca...'; //Il testo del placeholder dell\\'input della searchbar\n  @Prop() noResultText: string = 'Nessun risultato corrispondente'; // Il testo da mostrare in caso nessun risultato sia stato recuperato.\n  @Prop() loadingText: string = 'Sto caricando...'; // Il testo mostrato durante il caricamento dei risultati.\n  @Prop() resultsText: string = 'risultati'; // Il testo mostrato accanto al numero di risultati totali.\n  @Prop() showAllResText: string = 'Mostra tutti i risultati'; // La label da mostrare per il pulsante che mostra tutti i risultati.\n  @Prop() identifier: string = 'search-bar'; // Identificatore della searchbar\n  @Prop() debounceTime: number = 500; // 'Il tempo di attesa per l\\'invio della ricerca in caso di ricerca automatica. In millisecondi.\n  @Prop() variant: string = 'outline'; // Scelta dello stile della barra di ricerca tra filled, linear e outline.\n  @Prop() withBtn: boolean = false; // Se true, aggiunge un pulsante alla barra di ricerca\n  @Prop() recentsTitle: string = 'Recenti'; // Serve per il titolo del dropwdown quando si vedono le ricerche recenti\n  @Prop() recents: Array<object> = []; // Serve per il dropdown quando si vedono le ricerche recenti\n  @Prop() results: Array<object> = []; // Serve per il dropdown quando si vedono i risultati della ricerca\n  @Prop() dropdown: boolean = false; // Se true, mostra il dropdown con i risultati della ricerca.\n  @Prop() linearIconOnly: boolean = false; // Se true, mostra solo l'icona nella barra di ricerca lineare\n  @Prop() dropdownPosition: string = 'relative'; // Posizione del dropdown rispetto alla searchbar. \"relative\" o \"absolute\"\n\n\n  /* ---------------------- @EVENTS ------------------------- */\n\n  /**\n   * Evento emesso quando l'utente clicca sull'icona in variant linear e linearIconOnly\n   */\n  @Event({ eventName: 'jump-search-bar-expanded' }) searchbarExpanded: EventEmitter;\n\n  /**\n   * Evento emesso quando l'utente effettua una ricerca \n   * Emette un oggetto contenenente il valore della ricerca alla chiave 'search'\n   * */\n  @Event({ eventName: 'jump-search-bar' }) search: EventEmitter;\n\n  /** \n   * Evento emesso quando l'utente clicca sul pulsante (se presente) o nel pulsante del dropdown per vedere tutti i risultati \n   * Emette un oggetto contenenente il valore della ricerca alla chiave 'search'\n  */\n  @Event({ eventName: 'jump-search-bar-show-all' }) showFullSearch: EventEmitter;\n\n  /* \n  * Evento da ascoltare per recuperare il dato cliccato\n  * Emette un oggetto contenente tutti i dati relativi al risultato cliccato.\n  */\n  @Event({ eventName: 'jump-search-bar-res-clicked'}) resultClicked: EventEmitter; \n\n  /* ---------------------- @LIFECYCLE ------------------------- */\n  componentDidLoad() {\n    // Aggiungi l'event listener per il clic al di fuori del componente\n    document.addEventListener('click', this.handleOutsideClick.bind(this));\n  }\n\n  disconnectedCallback() {\n    // Rimuovi l'event listener per evitare perdite di memoria\n    document.removeEventListener('click', this.handleOutsideClick.bind(this));\n  }\n\n  /* -------------------- @LISTEN ------------------------------- */\n  @Listen(\"jump-search-bar-dropdown-item-connected\")\n  addOption(e) {\n    let props = e.detail; // es {code: 'sku1', imageUrl: 'https://google.com/'}\n\n    // Aggiungi l'elemento solo a `recents`\n    this.recents = [...this.recents, { ...props }];\n\n    // Aggiorna `innerResults` basandoti solo su `recents`\n    this.innerResults = [...this.recents];\n  }\n\n\n  /* -------------------- @METHOD ------------------------------- */\n\n  /** Imposta i risultati della ricerca all'interno della dropdown */\n  @Method()\n  async setResults(results, tot?: number) {\n    this.results = results;\n    this.innerResults = results;\n    this.totalResults = tot;\n  }\n\n  /* -------------------- LOCAL METHODS ------------------------- */\n  handleOutsideClick(event: MouseEvent) {\n    // Controlla se il clic è fuori dal componente\n    if (this.componentRef && !this.componentRef.contains(event.target as Node)) {\n      this.dropdownVisible = false;\n    }\n  }\n\n  // Gestisce l'evento focus sull'input\n  handleFocus = () => {\n    const searchBarContainer = this.jumpSearchBar.closest('.SearchBar');\n    if (searchBarContainer) {\n      searchBarContainer.classList.add('focused');\n    }\n  };\n\n  // Gestisce l'evento blur sull'input\n  handleBlur = () => {\n    const searchBarContainer = this.jumpSearchBar.closest('.SearchBar');\n    if (searchBarContainer) {\n      searchBarContainer.classList.remove('focused');\n    }\n  };\n\n  doSearch = () => {\n    if (this.jumpSearchBar) {\n      this.searchValue = this.jumpSearchBar.value;\n      \n      // Iniziare la ricerca solamente se ci sono almeno tre caratteri \n      if (this.searchValue.length >= 3) {\n        this.resType = 'results';\n\n        this.innerResults = undefined;\n        \n        this.search.emit({ search: this.searchValue });\n  \n        // Se il dropdown è chiuso, aprilo. Potrebbe essere chiuso perchè non ci sono recenti\n        if (!this.dropdownVisible) {\n          this.dropdownVisible = true;\n        }\n      } else if(this.searchValue.length == 0) {\n        this.dropdownVisible = false;\n      }\n    }\n  };\n\n  debounce(fn, delay = this.debounceTime) {\n    let timeoutId;\n\n    return (...args) => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n      timeoutId = setTimeout(() => {\n        fn.apply(null, args);\n      }, delay);\n    };\n  };\n\n  openDropdown() {\n    this.resType = 'recents';\n    this.dropdownVisible = true;\n  }\n\n  /** Emette l'evento di click su un risultato, mandandone tutti i dati */\n  handleResClicked(item) {\n    this.resultClicked.emit({ clicked: item });\n  } \n\n  /** Emette l'evento quando l'utente clicca sul pulsante (se presente) o nel pulsante del dropdown per vedere tutti i risultati */\n  btnOrShowOtherClicked(){\n    this.showFullSearch.emit({ search: this.searchValue });\n  }\n\n  /**\n   * Se clicco l'icona espando la searchbar ed emetto un evento dedicato\n   */\n  expandSearchBar() {\n    this.isExpanded = true;\n    this.searchbarExpanded.emit();\n  }\n\n\n  /* --------------------- RENDER ------------------------------- */\n  renderLinearIconOnly() {\n    return (\n      <Host class={\"JumpSearchBar \"} ref={(el) => (this.componentRef = el as HTMLElement)}>\n        <div class={\"SearchBar iconOnly \" + this.variant + (this.isExpanded ? \" expanded\" : \"\")}>\n          <div class=\"InputWrapper\" onClick={(this.isExpanded && this.dropdown && this.recents.length > 0) ? () => this.openDropdown() : null}>\n              <jump-icon\n                name=\"magnifying-glass\"\n                category=\"light\"\n                onClick={() => this.expandSearchBar()}\n              ></jump-icon>\n            {this.isExpanded &&\n              // Mostra la barra di ricerca con l'animazione di slide\n              <input\n                placeholder={this.placeholder}\n                type=\"search\"\n                id={this.identifier}\n                class=\"search-input\"\n                ref={(el) => { this.jumpSearchBar = el as HTMLInputElement }}\n                onInput={this.debounce(this.doSearch)}\n                onFocus={this.handleFocus}\n                onBlur={this.handleBlur}\n              />\n            }\n          </div>\n        </div>\n        {(this.dropdown && this.dropdownVisible) && this.renderDropdown()} \n      </Host>\n    );\n  }\n\n  renderDefault() {\n    return (\n      <Host class={\"JumpSearchBar\"} ref={(el) => (this.componentRef = el as HTMLElement)}>\n        <div class={\"SearchBar \" + this.variant + \" \" + (this.withBtn ? \"withBtn\" : \"\") + (this.isExpanded ? \" expanded\" : \"\")}>\n          <div class=\"InputWrapper\" onClick={(this.dropdown && this.recents.length > 0) ? () => this.openDropdown() : null}>\n            {!this.withBtn && <jump-icon name=\"magnifying-glass\" category=\"light\"></jump-icon>}\n            <input\n              placeholder={this.placeholder}\n              type=\"search\"\n              id={this.identifier}\n              class=\"search-input\"\n              ref={(el) => { this.jumpSearchBar = el as HTMLInputElement }}\n              onInput={this.debounce(this.doSearch)}\n              onFocus={this.handleFocus}\n              onBlur={this.handleBlur}\n            />\n          </div>\n          {this.withBtn && !this.linearIconOnly && (\n            <jump-button\n              variant=\"secondary\"\n              size=\"medium\"\n              name=\"scopri\"\n              value=\"value\"\n              aria-label=\"Scopri di più\"\n              id=\"button\"\n              onlyIcon\n              onClick={() => this.btnOrShowOtherClicked()}\n            >\n              <jump-icon slot=\"suffix\" name=\"magnifying-glass\"></jump-icon>\n            </jump-button>\n          )}\n        </div>\n        {(this.dropdown && this.dropdownVisible) && this.renderDropdown()} \n      </Host>\n    );\n  }\n\n  renderDropdown(){\n    console.log('POSITION', this.dropdownPosition);\n    return <div class={\"Dropdown \" + (this.dropdownPosition == 'absolute' ? 'dropAbsolute' : 'dropRelative' ) }>\n        {(this.resType == 'recents') &&\n          <div class=\"Dropdown__Recents\">\n            <span class=\"title\">{this.recentsTitle}</span>\n            <div class=\"ResWrapper\">\n              {this.innerResults.length > 0 && this.innerResults.map((item) => (\n                <div onClick={() => this.handleResClicked(item)}>\n                  <jump-icon name=\"magnifying-glass\" category=\"light\"></jump-icon>\n                  {item['value']}\n                </div>\n              ))}\n            </div>\n          </div>\n        }\n        {this.resType == 'results' &&\n          <div class=\"Dropdown__Results\">\n            <div class=\"ResWrapper\">\n              {this.innerResults === undefined ?\n                <div class=\"helperText\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\" width=\"252\" height=\"252\" ><g><g transform=\"rotate(0 50 50)\">\n                  <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                    <animate repeatCount=\"indefinite\" begin=\"-0.9s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                  </rect>\n                </g><g transform=\"rotate(36 50 50)\">\n                    <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                      <animate repeatCount=\"indefinite\" begin=\"-0.8s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                    </rect>\n                  </g><g transform=\"rotate(72 50 50)\">\n                    <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                      <animate repeatCount=\"indefinite\" begin=\"-0.7s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                    </rect>\n                  </g><g transform=\"rotate(108 50 50)\">\n                    <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                      <animate repeatCount=\"indefinite\" begin=\"-0.6s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                    </rect>\n                  </g><g transform=\"rotate(144 50 50)\">\n                    <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                      <animate repeatCount=\"indefinite\" begin=\"-0.5s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                    </rect>\n                  </g><g transform=\"rotate(180 50 50)\">\n                    <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                      <animate repeatCount=\"indefinite\" begin=\"-0.4s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                    </rect>\n                  </g><g transform=\"rotate(216 50 50)\">\n                    <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                      <animate repeatCount=\"indefinite\" begin=\"-0.3s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                    </rect>\n                  </g><g transform=\"rotate(252 50 50)\">\n                    <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                      <animate repeatCount=\"indefinite\" begin=\"-0.2s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                    </rect>\n                  </g><g transform=\"rotate(288 50 50)\">\n                    <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                      <animate repeatCount=\"indefinite\" begin=\"-0.1s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                    </rect>\n                  </g><g transform=\"rotate(324 50 50)\">\n                    <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                      <animate repeatCount=\"indefinite\" begin=\"0s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                    </rect>\n                  </g><g></g></g></svg>{this.loadingText}</div>\n                :\n                (this.innerResults.length > 0 ?\n                  this.innerResults.map((item) => (\n                    <div onClick={() => this.handleResClicked(item)} key={item['id']}>\n                      {item['img'] && <img src={item['img']} alt=\"result\" />}\n                      {item['value']}\n                    </div>\n                  ))\n                  :\n                  <div class=\"helperText\">{this.noResultText}</div>\n                )\n              }\n              {(this.innerResults && this.innerResults.length > 0) &&\n                <div class=\"totalRes\">\n                  <jump-button variant=\"secondary\" size=\"small\" text onClick={() => this.btnOrShowOtherClicked()} target=\"_blank\"> {this.showAllResText} </jump-button>\n                  {this.totalResults && <div>{this.totalResults} {this.resultsText}</div>}\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n  }\n\n  render() {\n    if (this.variant === 'linear' && this.linearIconOnly) {\n      return this.renderLinearIconOnly();\n    } else {\n      return this.renderDefault();\n    }\n  }\n}"],"mappings":"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"}

package/dist/jump-design-system/{p-6e26f3ef.entry.js → p-1da9811d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,H as a,g as o}from"./p-1c5db8d3.js";const e=":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 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=e;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 o=this.outOfStock?"justify-between":"";const e=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 ${e} `},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.isMini&&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?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 ${o} ${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 o(this)}};n.style=r;export{n as jump_card_ecommerce};
-//# sourceMappingURL=p-6e26f3ef.entry.js.map
+import{r as t,c as i,h as s,H as a,g as o}from"./p-21aa0095.js";const e=":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 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=e;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 o=this.outOfStock?"justify-between":"";const e=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 ${e} `},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.isMini&&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?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 ${o} ${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 o(this)}};n.style=r;export{n as jump_card_ecommerce};
+//# sourceMappingURL=p-1da9811d.entry.js.map

package/dist/jump-design-system/p-21aa0095.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:false,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 x=(e,t,r)=>{const l=O(e);return{emit:e=>R(l,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}};var R=(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")}}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((()=>R(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)){xe(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 xe=e=>{const t=e["s-cr"]=Ie.createComment("");t["s-cn"]=true;ae(e,t,e.firstChild)};var Re=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){Re(t.L)}else if(t==null?void 0:t.U){t.U.then((()=>Re(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,x as c,O as g,$ as h,Xe as p,Ue as r,Ae as s};
+//# sourceMappingURL=p-21aa0095.js.map