@zanichelli/albe-web-components 17.0.5-RC2 → 17.0.5

package/dist/esm-es5/z-select.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZSelectStyle0","ZSelect","class_1","hostRef","this","itemsList","concat","randomId","ControlSize","BIG","toggleSelectUl","bind","handleSelectFocus","prototype","watchItems","getInitialItemsArray","selectedItem","find","item","selected","getFocusedItemHandler","e","focusedItemId","target","id","getSelectedItem","getValue","getSelectedValue","setValue","value","values","push","includes","emitOptionSelect","optionSelect","emit","htmlid","emitResetSelect","resetSelect","componentWillLoad","componentWillRender","filterItems","searchString","items","JSON","parse","mapSelectedItemToItemsArray","_this","initialItemsList","map","_a","prevList","length","filter","name","toUpperCase","start","indexOf","end","newName","substring","hasAutocomplete","boolean","autocomplete","handleInputChange","detail","isOpen","selectItem","disabled","forEach","i","arrowsSelectNav","key","showResetIcon","resetItem","arrows","KeyboardCode","ARROW_DOWN","ARROW_UP","preventDefault","stopPropagation","index","focusSelectItem","host","querySelector","focus","selfFocusOnClose","readonly","document","addEventListener","removeEventListener","handleInputClick","closest","clickedElement","getClickedElement","hasAttribute","KeyboardEvent","ESC","TAB","ENTER","containsElement","MouseEvent","scrollToLetter","letter","foundItem","findIndex","charAt","renderInput","h","class","placeholder","replace","label","ariaLabel","icon","hasclearicon","message","status","undefined","role","size","onClick","onKeyUp","handleKeyboardSubmit","onKeyDown","onInputChange","onKeyPress","String","fromCharCode","keyCode","renderSelectUl","fixed","isfixed","tabindex","listSizeType","_b","renderResetItem","renderSelectUlItems","hide","hasGroupItems","clickable","dividerType","ListDividerType","ELEMENT","onClickItem","renderItem","lastItem","HEADER","innerHTML","SMALL","X_SMALL","ListSize","MEDIUM","renderNoSearchResults","renderSelectGroupItems","array","itemKey","newData","reduce","group","category","zListItem","Object","entries","slot","color","fill","noresultslabel","renderMessage","render"],"sources":["src/components/z-select/styles.css?tag=z-select&encapsulation=scoped","src/components/z-select/index.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  width: inherit;\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n}\n\n:host([size=\"small\"]),\n:host([size=\"x-small\"]) {\n  font-size: var(--font-size-2);\n}\n\n.select-wrapper > z-input {\n  width: 100%;\n}\n\n.select-wrapper > z-input .input-icon {\n  cursor: pointer;\n}\n\n.select-wrapper > div {\n  position: relative;\n}\n\n.select-wrapper > div.closed {\n  overflow: hidden;\n  height: 0;\n}\n\n.select-wrapper .ul-scroll-wrapper {\n  position: absolute;\n  width: 100%;\n  box-sizing: border-box;\n  border-top: none;\n  background: var(--color-form-background);\n  box-shadow: var(--shadow-2);\n  outline: none;\n}\n\n.select-wrapper .closed .ul-scroll-wrapper {\n  z-index: 10;\n}\n\n.select-wrapper .open .ul-scroll-wrapper {\n  z-index: 20;\n}\n\n.select-wrapper .ul-scroll-wrapper.fixed {\n  position: static;\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list {\n  position: relative;\n  overflow: auto;\n  max-height: 240px;\n  padding: 0 calc(var(--space-unit) * 1.5);\n  outline: none;\n\n  /* Firefox scrollbar */\n  scrollbar-color: var(--color-primary01) transparent;\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar {\n  width: 10px;\n  background: linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);\n  border-radius: var(--border-radius);\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar-thumb {\n  width: 10px;\n  background-color: var(--color-primary01);\n  border-radius: var(--border-radius);\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar-thumb:hover {\n  background-color: var(--color-hover-primary);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element[disabled] {\n  color: var(--color-form-disabled03);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container {\n  display: flex;\n  align-items: center;\n  padding: calc(var(--space-unit) / 2) var(--space-unit);\n  column-gap: var(--space-unit);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container .list-element-content {\n  margin-right: auto;\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon + .list-element-content {\n  padding: calc(var(--space-unit) * 0.5) var(--space-unit);\n}\n\n:host([size=\"x-small\"])\n  .select-wrapper\n  .ul-scroll-wrapper\n  z-list\n  z-list-element\n  .list-element-container\n  .list-element-content {\n  padding: 0;\n}\n\n:host([size=\"small\"]) .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n:host([size=\"x-small\"]) .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon {\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n}\n\n:host([size=\"x-small\"])\n  .select-wrapper\n  .ul-scroll-wrapper\n  z-list\n  z-list-element\n  .list-element-container\n  > z-icon\n  + .list-element-content {\n  padding: 0 var(--space-unit);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container .list-element-content.selected {\n  font-weight: var(--font-sb);\n}\n\n.select-wrapper .ul-scroll-wrapper .no-results z-icon {\n  margin-right: var(--space-unit);\n}\n\n.z-list-group-title {\n  color: var(--color-default-text);\n}\n\n.reset-item {\n  color: var(--color-primary01);\n  fill: var(--color-primary01-icon);\n}\n\n.reset-item-content {\n  display: flex;\n  align-items: center;\n}\n\n.reset-item.reset-item-margin .reset-item-content {\n  margin-left: var(--space-unit);\n}\n\n.reset-item .reset-item-content > z-icon {\n  margin-right: var(--space-unit);\n}\n\n.reset-item.hide {\n  display: none;\n}\n","import {Component, Element, Event, EventEmitter, Listen, Method, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ControlSize, InputStatus, KeyboardCode, ListDividerType, ListSize, SelectItem} from \"../../beans\";\nimport {boolean, containsElement, getClickedElement, handleKeyboardSubmit, randomId} from \"../../utils/utils\";\n\n@Component({\n  tag: \"z-select\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZSelect {\n  @Element() host: HTMLZSelectElement;\n\n  /** the id of the input element */\n  @Prop()\n  htmlid = `id-${randomId()}`;\n\n  /** the input select options */\n  @Prop()\n  items: SelectItem[] | string;\n\n  /** the input name */\n  @Prop()\n  name?: string;\n\n  /** the input label */\n  @Prop()\n  label?: string;\n\n  /** the input aria-label */\n  @Prop()\n  ariaLabel = \"\";\n\n  /** the input is disabled */\n  @Prop()\n  disabled?: boolean = false;\n\n  /** the input is readonly */\n  @Prop()\n  readonly?: boolean = false;\n\n  /** the input placeholder (optional) */\n  @Prop()\n  placeholder?: string;\n\n  /** the input html title (optional) */\n  @Prop()\n  htmltitle?: string;\n\n  /** the input status (optional) */\n  @Prop()\n  status?: InputStatus;\n\n  /** input helper message (optional) - if set to `false` message won't be displayed */\n  @Prop()\n  message?: string | boolean = true;\n\n  /** the input has autocomplete option */\n  @Prop()\n  autocomplete?: boolean = false;\n\n  /** no result text message */\n  @Prop()\n  noresultslabel?: string = \"Nessun risultato\";\n\n  /** */\n  @Prop()\n  hasGroupItems?: boolean;\n\n  /** When fixed, it occupies space and pushes down next elements. */\n  @Prop()\n  isfixed?: boolean = false;\n\n  /** */\n  @Prop()\n  resetItem?: string;\n\n  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n  @Prop()\n  size?: ControlSize = ControlSize.BIG;\n\n  @State()\n  isOpen = false;\n\n  @State()\n  selectedItem: null | SelectItem = null;\n\n  @State()\n  focusedItemId: string;\n\n  @State()\n  searchString: null | string;\n\n  private itemsList: SelectItem[] = [];\n\n  constructor() {\n    this.toggleSelectUl = this.toggleSelectUl.bind(this);\n    this.handleSelectFocus = this.handleSelectFocus.bind(this);\n  }\n\n  @Watch(\"items\")\n  watchItems(): void {\n    this.itemsList = this.getInitialItemsArray();\n    this.selectedItem = this.itemsList.find((item: SelectItem) => item.selected);\n  }\n\n  @Listen(\"ariaDescendantFocus\")\n  getFocusedItemHandler(e: CustomEvent): void {\n    this.focusedItemId = (e.target as Element).id;\n  }\n\n  /** get the input selected options */\n  @Method()\n  async getSelectedItem(): Promise<SelectItem> {\n    return this.selectedItem;\n  }\n\n  /** get the input value */\n  @Method()\n  async getValue(): Promise<string> {\n    return this.getSelectedValue();\n  }\n\n  /** set the input value */\n  @Method()\n  async setValue(value: string | string[]): Promise<void> {\n    let values: string[] = [];\n    if (typeof value === \"string\") {\n      values.push(value);\n    } else {\n      values = value;\n    }\n\n    this.selectedItem = this.itemsList.find((item: SelectItem) => values.includes(item.id));\n  }\n\n  /** Emitted on select option selection, returns select id, selected item id */\n  @Event()\n  optionSelect: EventEmitter;\n\n  private emitOptionSelect(): void {\n    this.optionSelect.emit({\n      id: this.htmlid,\n      selected: this.getSelectedValue(),\n    });\n  }\n\n  /** Emitted on reset selected item, returns select id, selected item id */\n  @Event()\n  resetSelect: EventEmitter;\n\n  private emitResetSelect(): void {\n    this.resetSelect.emit({\n      id: this.htmlid,\n    });\n  }\n\n  componentWillLoad(): void {\n    this.watchItems();\n  }\n\n  componentWillRender(): void {\n    this.filterItems(this.searchString);\n  }\n\n  private getInitialItemsArray(): SelectItem[] {\n    return typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n  }\n\n  private mapSelectedItemToItemsArray(): SelectItem[] {\n    const initialItemsList = this.getInitialItemsArray();\n\n    return initialItemsList.map((item: SelectItem) => {\n      item.selected = item.id === this.selectedItem?.id;\n\n      return item;\n    });\n  }\n\n  private getSelectedValue(): string {\n    return this.selectedItem?.id;\n  }\n\n  private filterItems(searchString: string): void {\n    const prevList = this.mapSelectedItemToItemsArray();\n    if (!searchString?.length) {\n      this.itemsList = prevList;\n    } else {\n      this.itemsList = prevList\n        .filter((item: SelectItem) => {\n          return item.name.toUpperCase().includes(searchString.toUpperCase());\n        })\n        .map((item: SelectItem) => {\n          const start = item.name.toUpperCase().indexOf(searchString.toUpperCase());\n          const end = start + searchString.length;\n          const newName =\n            item.name.substring(0, start) +\n            `<strong>${item.name.substring(start, end)}</strong>` +\n            item.name.substring(end, item.name.length);\n          item.name = newName;\n\n          return item;\n        });\n    }\n  }\n\n  private hasAutocomplete(): boolean {\n    return boolean(this.autocomplete) === true;\n  }\n\n  private handleInputChange(e: CustomEvent): void {\n    this.searchString = e.detail.value;\n    if (!this.isOpen) {\n      this.toggleSelectUl();\n    }\n  }\n\n  private selectItem(selected: null | SelectItem): void {\n    if (selected?.disabled) {\n      return;\n    }\n\n    this.itemsList = this.mapSelectedItemToItemsArray();\n    this.itemsList.forEach((i: SelectItem) => {\n      i.selected = i.id === selected?.id;\n\n      return i;\n    });\n\n    this.selectedItem = this.itemsList.find((item: SelectItem) => item.selected);\n\n    this.emitOptionSelect();\n    this.toggleSelectUl(true);\n\n    if (this.searchString) {\n      this.searchString = null;\n    }\n  }\n\n  private arrowsSelectNav(e: KeyboardEvent, key: number): void {\n    const showResetIcon = this.resetItem && !!this.selectedItem;\n    const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];\n    if (!arrows.includes(e.key as KeyboardCode)) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (!this.isOpen) {\n      this.toggleSelectUl();\n    }\n\n    let index: number;\n\n    if (this.resetItem) {\n      if (e.key === KeyboardCode.ARROW_DOWN) {\n        index = key + 1 === this.itemsList.length + 1 ? +!showResetIcon : key + 1;\n      } else if (e.key === KeyboardCode.ARROW_UP) {\n        index = key <= +!showResetIcon ? this.itemsList.length : key - 1;\n      }\n    }\n\n    if (!this.resetItem) {\n      if (e.key === KeyboardCode.ARROW_DOWN) {\n        index = key + 1 === this.itemsList.length ? 0 : key + 1;\n      } else if (e.key === KeyboardCode.ARROW_UP) {\n        index = key <= 0 ? this.itemsList.length - 1 : key - 1;\n      }\n    }\n\n    this.focusSelectItem(index);\n  }\n\n  private focusSelectItem(index: number): void {\n    this.host.querySelector<HTMLLIElement>(`#${this.htmlid}_${index}`)?.focus();\n  }\n\n  private toggleSelectUl(selfFocusOnClose = false): void {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (!this.isOpen) {\n      document.addEventListener(\"click\", this.handleSelectFocus);\n      document.addEventListener(\"keyup\", this.handleSelectFocus);\n    } else {\n      document.removeEventListener(\"click\", this.handleSelectFocus);\n      document.removeEventListener(\"keyup\", this.handleSelectFocus);\n      if (selfFocusOnClose) {\n        (this.host.querySelector(`#${this.htmlid}_input`) as HTMLInputElement).focus();\n      }\n    }\n\n    this.focusedItemId = \"\";\n    this.isOpen = !this.isOpen;\n  }\n\n  private handleInputClick(e: MouseEvent | KeyboardEvent): void {\n    if ((e.target as HTMLElement).closest(\".reset-icon\")) {\n      e.stopPropagation();\n\n      return;\n    }\n\n    this.toggleSelectUl();\n  }\n\n  private handleSelectFocus(e: MouseEvent | KeyboardEvent): void {\n    const clickedElement = getClickedElement();\n    if (clickedElement?.hasAttribute(\"disabled\")) {\n      return;\n    }\n\n    if (e instanceof KeyboardEvent && e.key === KeyboardCode.ESC) {\n      e.stopPropagation();\n\n      return this.toggleSelectUl(true);\n    }\n\n    if (e instanceof KeyboardEvent && e.key !== KeyboardCode.TAB && e.key !== KeyboardCode.ENTER) {\n      return;\n    }\n\n    if (!containsElement(this.host, clickedElement)) {\n      this.toggleSelectUl(e instanceof MouseEvent);\n    }\n  }\n\n  private scrollToLetter(letter: string): void {\n    const foundItem = this.itemsList.findIndex((item: SelectItem) => item.name.charAt(0) === letter);\n    if (foundItem > -1) {\n      this.focusSelectItem(foundItem);\n    }\n  }\n\n  private renderInput(): HTMLZInputElement {\n    return (\n      <z-input\n        class={{\n          \"active-select\": this.isOpen,\n          \"cursor-select\": !this.autocomplete,\n        }}\n        id={`${this.htmlid}_input`}\n        htmlid={`${this.htmlid}_select_input`}\n        placeholder={this.placeholder}\n        value={!this.isOpen && this.selectedItem ? this.selectedItem.name.replace(/<[^>]+>/g, \"\") : null}\n        label={this.label}\n        aria-expanded={this.isOpen ? \"true\" : \"false\"}\n        aria-label={this.ariaLabel}\n        aria-controls={`${this.htmlid}_list`}\n        aria-autocomplete={this.hasAutocomplete() ? \"list\" : \"none\"}\n        aria-activedescendant={this.isOpen ? this.focusedItemId : \"\"}\n        icon={this.isOpen ? \"caret-up\" : \"caret-down\"}\n        hasclearicon={this.hasAutocomplete()}\n        message={false}\n        disabled={this.disabled}\n        readonly={this.readonly || (!this.hasAutocomplete() && this.isOpen)}\n        status={this.isOpen ? undefined : this.status}\n        role=\"combobox\"\n        size={this.size}\n        onClick={(e: MouseEvent) => {\n          this.handleInputClick(e);\n        }}\n        onKeyUp={(e: KeyboardEvent) => {\n          if (e.key !== KeyboardCode.ENTER) {\n            e.preventDefault();\n          }\n          handleKeyboardSubmit(e, this.toggleSelectUl);\n        }}\n        onKeyDown={(e: KeyboardEvent) => {\n          return this.arrowsSelectNav(\n            e,\n            this.selectedItem ? this.itemsList.indexOf(this.selectedItem) : this.resetItem ? 0 : -1\n          );\n        }}\n        onInputChange={(e: CustomEvent) => {\n          this.handleInputChange(e);\n        }}\n        onKeyPress={(e: KeyboardEvent) => {\n          if (!this.hasAutocomplete()) {\n            e.preventDefault();\n            this.scrollToLetter(String.fromCharCode(e.keyCode));\n          }\n        }}\n      />\n    );\n  }\n\n  private renderSelectUl(): HTMLDivElement {\n    return (\n      <div class={this.isOpen ? \"open\" : \"closed\"}>\n        <div\n          class={{\n            \"ul-scroll-wrapper\": true,\n            \"fixed\": this.isfixed,\n          }}\n        >\n          <z-list\n            role=\"listbox\"\n            aria-label={this.ariaLabel || this.label}\n            tabindex={this.disabled || this.readonly || !this.isOpen ? -1 : 0}\n            id={`${this.htmlid}_list`}\n            aria-multiselectable={false}\n            size={this.listSizeType()}\n            class={{\n              disabled: this.disabled,\n              readonly: this.readonly,\n              [`input-${this.status}`]: !this.isOpen && !!this.status,\n            }}\n          >\n            {this.resetItem && this.renderResetItem()}\n            {this.renderSelectUlItems()}\n          </z-list>\n        </div>\n      </div>\n    );\n  }\n\n  private renderResetItem(): HTMLZListElementElement {\n    return (\n      <z-list-element\n        class={{\n          \"hide\": !this.selectedItem || !this.resetItem,\n          \"reset-item\": true,\n          \"reset-item-margin\": !this.hasGroupItems,\n        }}\n        clickable={true}\n        disabled={false}\n        dividerType={ListDividerType.ELEMENT}\n        role=\"option\"\n        tabindex=\"0\"\n        aria-selected=\"false\"\n        id={`${this.htmlid}_${this.resetItem ? \"0\" : \"none\"}`}\n        size={this.listSizeType()}\n        onClickItem={() => {\n          this.selectedItem = null;\n          this.searchString = null;\n          this.emitResetSelect();\n        }}\n        onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, 0)}\n      >\n        <div class=\"reset-item-content\">\n          <z-icon name=\"multiply-circled\" />\n          <span>{this.resetItem}</span>\n        </div>\n      </z-list-element>\n    );\n  }\n\n  private renderItem(item: SelectItem, key: number, lastItem: boolean): HTMLZListElementElement {\n    return (\n      <z-list-element\n        clickable={!item.disabled}\n        disabled={item.disabled}\n        dividerType={lastItem ? ListDividerType.HEADER : ListDividerType.ELEMENT}\n        role=\"option\"\n        tabindex={item.disabled || !this.isOpen ? -1 : 0}\n        aria-selected={item.selected ? \"true\" : \"false\"}\n        id={`${this.htmlid}_${key}`}\n        size={this.listSizeType()}\n        onClickItem={() => this.selectItem(item)}\n        onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, key)}\n      >\n        <div class=\"list-element-container\">\n          <div\n            class={{\n              \"selected\": !!item.selected,\n              \"list-element-content\": true,\n            }}\n            innerHTML={item.name}\n          />\n\n          {item.icon && <z-tag icon={item.icon}></z-tag>}\n        </div>\n      </z-list-element>\n    );\n  }\n\n  private listSizeType(): ListSize {\n    if (this.size === ControlSize.SMALL || this.size === ControlSize.X_SMALL) {\n      return ListSize.SMALL;\n    }\n\n    return ListSize.MEDIUM;\n  }\n\n  private renderSelectUlItems(): HTMLZListElementElement | HTMLZListElementElement[] {\n    if (!this.itemsList.length) {\n      return this.renderNoSearchResults();\n    }\n\n    if (this.hasGroupItems) {\n      return this.renderSelectGroupItems();\n    }\n\n    return this.itemsList.map((item: SelectItem, key, array) => {\n      const lastItem = array.length === key + 1;\n      const itemKey = this.resetItem ? key + 1 : key;\n\n      return this.renderItem(item, itemKey, lastItem);\n    });\n  }\n\n  private renderSelectGroupItems(): HTMLZListElementElement | HTMLZListElementElement[] {\n    const newData = this.itemsList.reduce((group, item, index, array) => {\n      const {category} = item;\n      const lastItem = array.length === index + 1;\n      const itemKey = this.resetItem ? index + 1 : index;\n      const zListItem = this.renderItem(item, itemKey, lastItem);\n\n      group[category] = group[category] ?? [];\n      group[category].push(zListItem);\n\n      return group;\n    }, {});\n\n    return Object.entries(newData as {[key: string]: HTMLZListElementElement[]}).map(([key, value]) => {\n      return (\n        <z-list-group divider-type={ListDividerType.ELEMENT}>\n          <span\n            class=\"body-3-sb z-list-group-title\"\n            slot=\"header-title\"\n          >\n            {key}\n          </span>\n          {value.map((item) => item)}\n        </z-list-group>\n      );\n    });\n  }\n\n  private renderNoSearchResults(): HTMLZListElementElement {\n    return (\n      <z-list-element\n        color=\"color-primary01\"\n        class=\"no-results\"\n        size={this.listSizeType()}\n      >\n        <z-icon\n          name=\"multiply-circle\"\n          fill=\"color-primary01-icon\"\n        />\n        {this.noresultslabel}\n      </z-list-element>\n    );\n  }\n\n  private renderMessage(): HTMLZInputMessageElement {\n    if (boolean(this.message) === false) {\n      return;\n    }\n\n    return (\n      <z-input-message\n        message={boolean(this.message) === true ? undefined : (this.message as string)}\n        status={this.status}\n        class={this.size}\n        disabled={this.disabled}\n      />\n    );\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div class=\"select-wrapper\">\n        {this.renderInput()}\n        {this.renderSelectUl()}\n        {this.renderMessage()}\n      </div>\n    );\n  }\n}\n"],"mappings":"mzDAAA,IAAMA,UAAY,uqJAClB,IAAAC,cAAeD,U,ICSFE,QAAO,WAqFlB,SAAAC,EAAAC,G,iIAFQC,KAAAC,UAA0B,G,YA9EzB,MAAAC,OAAMC,Y,6EAgBH,G,cAIS,M,cAIA,M,uFAgBQ,K,kBAIJ,M,oBAIC,mB,0CAQN,M,mCAQCC,YAAYC,I,YAGxB,M,kBAGyB,K,yDAWhCL,KAAKM,eAAiBN,KAAKM,eAAeC,KAAKP,MAC/CA,KAAKQ,kBAAoBR,KAAKQ,kBAAkBD,KAAKP,K,CAIvDF,EAAAW,UAAAC,WAAA,WACEV,KAAKC,UAAYD,KAAKW,uBACtBX,KAAKY,aAAeZ,KAAKC,UAAUY,MAAK,SAACC,GAAqB,OAAAA,EAAKC,QAAL,G,EAIhEjB,EAAAW,UAAAO,sBAAA,SAAsBC,GACpBjB,KAAKkB,cAAiBD,EAAEE,OAAmBC,E,EAKvCtB,EAAAW,UAAAY,gBAAN,W,qFACE,SAAOrB,KAAKY,a,QAKRd,EAAAW,UAAAa,SAAN,W,qFACE,SAAOtB,KAAKuB,mB,QAKRzB,EAAAW,UAAAe,SAAN,SAAeC,G,2FACTC,EAAmB,GACvB,UAAWD,IAAU,SAAU,CAC7BC,EAAOC,KAAKF,E,KACP,CACLC,EAASD,C,CAGXzB,KAAKY,aAAeZ,KAAKC,UAAUY,MAAK,SAACC,GAAqB,OAAAY,EAAOE,SAASd,EAAKM,GAArB,I,iBAOxDtB,EAAAW,UAAAoB,iBAAA,WACN7B,KAAK8B,aAAaC,KAAK,CACrBX,GAAIpB,KAAKgC,OACTjB,SAAUf,KAAKuB,oB,EAQXzB,EAAAW,UAAAwB,gBAAA,WACNjC,KAAKkC,YAAYH,KAAK,CACpBX,GAAIpB,KAAKgC,Q,EAIblC,EAAAW,UAAA0B,kBAAA,WACEnC,KAAKU,Y,EAGPZ,EAAAW,UAAA2B,oBAAA,WACEpC,KAAKqC,YAAYrC,KAAKsC,a,EAGhBxC,EAAAW,UAAAE,qBAAA,WACN,cAAcX,KAAKuC,QAAU,SAAWC,KAAKC,MAAMzC,KAAKuC,OAASvC,KAAKuC,K,EAGhEzC,EAAAW,UAAAiC,4BAAA,eAAAC,EAAA3C,KACN,IAAM4C,EAAmB5C,KAAKW,uBAE9B,OAAOiC,EAAiBC,KAAI,SAAC/B,G,MAC3BA,EAAKC,SAAWD,EAAKM,OAAO0B,EAAAH,EAAK/B,gBAAY,MAAAkC,SAAA,SAAAA,EAAE1B,IAE/C,OAAON,C,KAIHhB,EAAAW,UAAAc,iBAAA,W,MACN,OAAOuB,EAAA9C,KAAKY,gBAAY,MAAAkC,SAAA,SAAAA,EAAE1B,E,EAGpBtB,EAAAW,UAAA4B,YAAA,SAAYC,GAClB,IAAMS,EAAW/C,KAAK0C,8BACtB,KAAKJ,IAAY,MAAZA,SAAY,SAAZA,EAAcU,QAAQ,CACzBhD,KAAKC,UAAY8C,C,KACZ,CACL/C,KAAKC,UAAY8C,EACdE,QAAO,SAACnC,GACP,OAAOA,EAAKoC,KAAKC,cAAcvB,SAASU,EAAaa,c,IAEtDN,KAAI,SAAC/B,GACJ,IAAMsC,EAAQtC,EAAKoC,KAAKC,cAAcE,QAAQf,EAAaa,eAC3D,IAAMG,EAAMF,EAAQd,EAAaU,OACjC,IAAMO,EACJzC,EAAKoC,KAAKM,UAAU,EAAGJ,GACvB,WAAAlD,OAAWY,EAAKoC,KAAKM,UAAUJ,EAAOE,GAAI,aAC1CxC,EAAKoC,KAAKM,UAAUF,EAAKxC,EAAKoC,KAAKF,QACrClC,EAAKoC,KAAOK,EAEZ,OAAOzC,C,MAKPhB,EAAAW,UAAAgD,gBAAA,WACN,OAAOC,QAAQ1D,KAAK2D,gBAAkB,I,EAGhC7D,EAAAW,UAAAmD,kBAAA,SAAkB3C,GACxBjB,KAAKsC,aAAerB,EAAE4C,OAAOpC,MAC7B,IAAKzB,KAAK8D,OAAQ,CAChB9D,KAAKM,gB,GAIDR,EAAAW,UAAAsD,WAAA,SAAWhD,GACjB,GAAIA,IAAQ,MAARA,SAAQ,SAARA,EAAUiD,SAAU,CACtB,M,CAGFhE,KAAKC,UAAYD,KAAK0C,8BACtB1C,KAAKC,UAAUgE,SAAQ,SAACC,GACtBA,EAAEnD,SAAWmD,EAAE9C,MAAOL,IAAQ,MAARA,SAAQ,SAARA,EAAUK,IAEhC,OAAO8C,C,IAGTlE,KAAKY,aAAeZ,KAAKC,UAAUY,MAAK,SAACC,GAAqB,OAAAA,EAAKC,QAAL,IAE9Df,KAAK6B,mBACL7B,KAAKM,eAAe,MAEpB,GAAIN,KAAKsC,aAAc,CACrBtC,KAAKsC,aAAe,I,GAIhBxC,EAAAW,UAAA0D,gBAAA,SAAgBlD,EAAkBmD,GACxC,IAAMC,EAAgBrE,KAAKsE,aAAetE,KAAKY,aAC/C,IAAM2D,EAAS,CAACC,aAAaC,WAAYD,aAAaE,UACtD,IAAKH,EAAO3C,SAASX,EAAEmD,KAAsB,CAC3C,M,CAGFnD,EAAE0D,iBACF1D,EAAE2D,kBAEF,IAAK5E,KAAK8D,OAAQ,CAChB9D,KAAKM,gB,CAGP,IAAIuE,EAEJ,GAAI7E,KAAKsE,UAAW,CAClB,GAAIrD,EAAEmD,MAAQI,aAAaC,WAAY,CACrCI,EAAQT,EAAM,IAAMpE,KAAKC,UAAU+C,OAAS,IAAMqB,EAAgBD,EAAM,C,MACnE,GAAInD,EAAEmD,MAAQI,aAAaE,SAAU,CAC1CG,EAAQT,KAASC,EAAgBrE,KAAKC,UAAU+C,OAASoB,EAAM,C,EAInE,IAAKpE,KAAKsE,UAAW,CACnB,GAAIrD,EAAEmD,MAAQI,aAAaC,WAAY,CACrCI,EAAQT,EAAM,IAAMpE,KAAKC,UAAU+C,OAAS,EAAIoB,EAAM,C,MACjD,GAAInD,EAAEmD,MAAQI,aAAaE,SAAU,CAC1CG,EAAQT,GAAO,EAAIpE,KAAKC,UAAU+C,OAAS,EAAIoB,EAAM,C,EAIzDpE,KAAK8E,gBAAgBD,E,EAGf/E,EAAAW,UAAAqE,gBAAA,SAAgBD,G,OACtB/B,EAAA9C,KAAK+E,KAAKC,cAA6B,IAAA9E,OAAIF,KAAKgC,OAAM,KAAA9B,OAAI2E,OAAQ,MAAA/B,SAAA,SAAAA,EAAEmC,O,EAG9DnF,EAAAW,UAAAH,eAAA,SAAe4E,GAAA,GAAAA,SAAA,GAAAA,EAAA,KAAwB,CAC7C,GAAIlF,KAAKgE,UAAYhE,KAAKmF,SAAU,CAClC,M,CAGF,IAAKnF,KAAK8D,OAAQ,CAChBsB,SAASC,iBAAiB,QAASrF,KAAKQ,mBACxC4E,SAASC,iBAAiB,QAASrF,KAAKQ,kB,KACnC,CACL4E,SAASE,oBAAoB,QAAStF,KAAKQ,mBAC3C4E,SAASE,oBAAoB,QAAStF,KAAKQ,mBAC3C,GAAI0E,EAAkB,CACnBlF,KAAK+E,KAAKC,cAAc,IAAA9E,OAAIF,KAAKgC,OAAM,WAA+BiD,O,EAI3EjF,KAAKkB,cAAgB,GACrBlB,KAAK8D,QAAU9D,KAAK8D,M,EAGdhE,EAAAW,UAAA8E,iBAAA,SAAiBtE,GACvB,GAAKA,EAAEE,OAAuBqE,QAAQ,eAAgB,CACpDvE,EAAE2D,kBAEF,M,CAGF5E,KAAKM,gB,EAGCR,EAAAW,UAAAD,kBAAA,SAAkBS,GACxB,IAAMwE,EAAiBC,oBACvB,GAAID,IAAc,MAAdA,SAAc,SAAdA,EAAgBE,aAAa,YAAa,CAC5C,M,CAGF,GAAI1E,aAAa2E,eAAiB3E,EAAEmD,MAAQI,aAAaqB,IAAK,CAC5D5E,EAAE2D,kBAEF,OAAO5E,KAAKM,eAAe,K,CAG7B,GAAIW,aAAa2E,eAAiB3E,EAAEmD,MAAQI,aAAasB,KAAO7E,EAAEmD,MAAQI,aAAauB,MAAO,CAC5F,M,CAGF,IAAKC,gBAAgBhG,KAAK+E,KAAMU,GAAiB,CAC/CzF,KAAKM,eAAeW,aAAagF,W,GAI7BnG,EAAAW,UAAAyF,eAAA,SAAeC,GACrB,IAAMC,EAAYpG,KAAKC,UAAUoG,WAAU,SAACvF,GAAqB,OAAAA,EAAKoC,KAAKoD,OAAO,KAAOH,CAAxB,IACjE,GAAIC,GAAa,EAAG,CAClBpG,KAAK8E,gBAAgBsB,E,GAIjBtG,EAAAW,UAAA8F,YAAA,eAAA5D,EAAA3C,KACN,OACEwG,EAAA,WACEC,MAAO,CACL,gBAAiBzG,KAAK8D,OACtB,iBAAkB9D,KAAK2D,cAEzBvC,GAAI,GAAAlB,OAAGF,KAAKgC,OAAM,UAClBA,OAAQ,GAAA9B,OAAGF,KAAKgC,OAAM,iBACtB0E,YAAa1G,KAAK0G,YAClBjF,OAAQzB,KAAK8D,QAAU9D,KAAKY,aAAeZ,KAAKY,aAAasC,KAAKyD,QAAQ,WAAY,IAAM,KAC5FC,MAAO5G,KAAK4G,MAAK,gBACF5G,KAAK8D,OAAS,OAAS,QAAO,aACjC9D,KAAK6G,UAAS,gBACX,GAAA3G,OAAGF,KAAKgC,OAAM,SAAO,oBACjBhC,KAAKyD,kBAAoB,OAAS,OAAM,wBACpCzD,KAAK8D,OAAS9D,KAAKkB,cAAgB,GAC1D4F,KAAM9G,KAAK8D,OAAS,WAAa,aACjCiD,aAAc/G,KAAKyD,kBACnBuD,QAAS,MACThD,SAAUhE,KAAKgE,SACfmB,SAAUnF,KAAKmF,WAAcnF,KAAKyD,mBAAqBzD,KAAK8D,OAC5DmD,OAAQjH,KAAK8D,OAASoD,UAAYlH,KAAKiH,OACvCE,KAAK,WACLC,KAAMpH,KAAKoH,KACXC,QAAS,SAACpG,GACR0B,EAAK4C,iBAAiBtE,E,EAExBqG,QAAS,SAACrG,GACR,GAAIA,EAAEmD,MAAQI,aAAauB,MAAO,CAChC9E,EAAE0D,gB,CAEJ4C,qBAAqBtG,EAAG0B,EAAKrC,e,EAE/BkH,UAAW,SAACvG,GACV,OAAO0B,EAAKwB,gBACVlD,EACA0B,EAAK/B,aAAe+B,EAAK1C,UAAUoD,QAAQV,EAAK/B,cAAgB+B,EAAK2B,UAAY,GAAK,E,EAG1FmD,cAAe,SAACxG,GACd0B,EAAKiB,kBAAkB3C,E,EAEzByG,WAAY,SAACzG,GACX,IAAK0B,EAAKc,kBAAmB,CAC3BxC,EAAE0D,iBACFhC,EAAKuD,eAAeyB,OAAOC,aAAa3G,EAAE4G,S,MAO5C/H,EAAAW,UAAAqH,eAAA,W,MACN,OACEtB,EAAA,OAAKC,MAAOzG,KAAK8D,OAAS,OAAS,UACjC0C,EAAA,OACEC,MAAO,CACL,oBAAqB,KACrBsB,MAAS/H,KAAKgI,UAGhBxB,EAAA,UACEW,KAAK,UAAS,aACFnH,KAAK6G,WAAa7G,KAAK4G,MACnCqB,SAAUjI,KAAKgE,UAAYhE,KAAKmF,WAAanF,KAAK8D,QAAU,EAAI,EAChE1C,GAAI,GAAAlB,OAAGF,KAAKgC,OAAM,SAAO,uBACH,MACtBoF,KAAMpH,KAAKkI,eACXzB,OAAK0B,EAAA,CACHnE,SAAUhE,KAAKgE,SACfmB,SAAUnF,KAAKmF,UACfgD,EAAC,SAAAjI,OAASF,KAAKiH,UAAYjH,KAAK8D,UAAY9D,KAAKiH,O,IAGlDjH,KAAKsE,WAAatE,KAAKoI,kBACvBpI,KAAKqI,wB,EAORvI,EAAAW,UAAA2H,gBAAA,eAAAzF,EAAA3C,KACN,OACEwG,EAAA,kBACEC,MAAO,CACL6B,MAAStI,KAAKY,eAAiBZ,KAAKsE,UACpC,aAAc,KACd,qBAAsBtE,KAAKuI,eAE7BC,UAAW,KACXxE,SAAU,MACVyE,YAAaC,gBAAgBC,QAC7BxB,KAAK,SACLc,SAAS,IAAG,gBACE,QACd7G,GAAI,GAAAlB,OAAGF,KAAKgC,OAAM,KAAA9B,OAAIF,KAAKsE,UAAY,IAAM,QAC7C8C,KAAMpH,KAAKkI,eACXU,YAAa,WACXjG,EAAK/B,aAAe,KACpB+B,EAAKL,aAAe,KACpBK,EAAKV,iB,EAEPuF,UAAW,SAACvG,GAAqB,OAAA0B,EAAKwB,gBAAgBlD,EAAG,EAAxB,GAEjCuF,EAAA,OAAKC,MAAM,sBACTD,EAAA,UAAQtD,KAAK,qBACbsD,EAAA,YAAOxG,KAAKsE,Y,EAMZxE,EAAAW,UAAAoI,WAAA,SAAW/H,EAAkBsD,EAAa0E,GAA1C,IAAAnG,EAAA3C,KACN,OACEwG,EAAA,kBACEgC,WAAY1H,EAAKkD,SACjBA,SAAUlD,EAAKkD,SACfyE,YAAaK,EAAWJ,gBAAgBK,OAASL,gBAAgBC,QACjExB,KAAK,SACLc,SAAUnH,EAAKkD,WAAahE,KAAK8D,QAAU,EAAI,EAAC,gBACjChD,EAAKC,SAAW,OAAS,QACxCK,GAAI,GAAAlB,OAAGF,KAAKgC,OAAM,KAAA9B,OAAIkE,GACtBgD,KAAMpH,KAAKkI,eACXU,YAAa,WAAM,OAAAjG,EAAKoB,WAAWjD,EAAhB,EACnB0G,UAAW,SAACvG,GAAqB,OAAA0B,EAAKwB,gBAAgBlD,EAAGmD,EAAxB,GAEjCoC,EAAA,OAAKC,MAAM,0BACTD,EAAA,OACEC,MAAO,CACL1F,WAAcD,EAAKC,SACnB,uBAAwB,MAE1BiI,UAAWlI,EAAKoC,OAGjBpC,EAAKgG,MAAQN,EAAA,SAAOM,KAAMhG,EAAKgG,Q,EAMhChH,EAAAW,UAAAyH,aAAA,WACN,GAAIlI,KAAKoH,OAAShH,YAAY6I,OAASjJ,KAAKoH,OAAShH,YAAY8I,QAAS,CACxE,OAAOC,SAASF,K,CAGlB,OAAOE,SAASC,M,EAGVtJ,EAAAW,UAAA4H,oBAAA,eAAA1F,EAAA3C,KACN,IAAKA,KAAKC,UAAU+C,OAAQ,CAC1B,OAAOhD,KAAKqJ,uB,CAGd,GAAIrJ,KAAKuI,cAAe,CACtB,OAAOvI,KAAKsJ,wB,CAGd,OAAOtJ,KAAKC,UAAU4C,KAAI,SAAC/B,EAAkBsD,EAAKmF,GAChD,IAAMT,EAAWS,EAAMvG,SAAWoB,EAAM,EACxC,IAAMoF,EAAU7G,EAAK2B,UAAYF,EAAM,EAAIA,EAE3C,OAAOzB,EAAKkG,WAAW/H,EAAM0I,EAASV,E,KAIlChJ,EAAAW,UAAA6I,uBAAA,eAAA3G,EAAA3C,KACN,IAAMyJ,EAAUzJ,KAAKC,UAAUyJ,QAAO,SAACC,EAAO7I,EAAM+D,EAAO0E,G,MAClD,IAAAK,EAAY9I,EAAI8I,SACvB,IAAMd,EAAWS,EAAMvG,SAAW6B,EAAQ,EAC1C,IAAM2E,EAAU7G,EAAK2B,UAAYO,EAAQ,EAAIA,EAC7C,IAAMgF,EAAYlH,EAAKkG,WAAW/H,EAAM0I,EAASV,GAEjDa,EAAMC,IAAY9G,EAAA6G,EAAMC,MAAS,MAAA9G,SAAA,EAAAA,EAAI,GACrC6G,EAAMC,GAAUjI,KAAKkI,GAErB,OAAOF,C,GACN,IAEH,OAAOG,OAAOC,QAAQN,GAAuD5G,KAAI,SAACsF,G,IAAC/D,EAAG+D,EAAA,GAAE1G,EAAK0G,EAAA,GAC3F,OACE3B,EAAA,+BAA4BkC,gBAAgBC,SAC1CnC,EAAA,QACEC,MAAM,+BACNuD,KAAK,gBAEJ5F,GAEF3C,EAAMoB,KAAI,SAAC/B,GAAS,OAAAA,CAAA,I,KAMrBhB,EAAAW,UAAA4I,sBAAA,WACN,OACE7C,EAAA,kBACEyD,MAAM,kBACNxD,MAAM,aACNW,KAAMpH,KAAKkI,gBAEX1B,EAAA,UACEtD,KAAK,kBACLgH,KAAK,yBAENlK,KAAKmK,e,EAKJrK,EAAAW,UAAA2J,cAAA,WACN,GAAI1G,QAAQ1D,KAAKgH,WAAa,MAAO,CACnC,M,CAGF,OACER,EAAA,mBACEQ,QAAStD,QAAQ1D,KAAKgH,WAAa,KAAOE,UAAalH,KAAKgH,QAC5DC,OAAQjH,KAAKiH,OACbR,MAAOzG,KAAKoH,KACZpD,SAAUhE,KAAKgE,U,EAKrBlE,EAAAW,UAAA4J,OAAA,WACE,OACE7D,EAAA,OAAApC,IAAA,2CAAKqC,MAAM,kBACRzG,KAAKuG,cACLvG,KAAK8H,iBACL9H,KAAKoK,gB,wPA9iBM,G","ignoreList":[]}

package/dist/esm-es5/z-skip-to-content.entry.js

@@ -1,2 +0,0 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-c8ceadeb.js";import{T as ThemeVariant}from"./index-ee40e66b.js";import{f as getElementTree,d as handleKeyboardSubmit}from"./utils-b924649f.js";import"./breakpoints-d148bfde.js";var stylesCss=".sc-z-skip-to-content-h{position:absolute;left:-100%;height:60px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);background-color:#24f4ff;font-family:var(--font-family-sans);font-weight:var(--font-rg);text-align:center}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{display:-ms-inline-flexbox;display:inline-flex;height:100%;-ms-flex-align:center;align-items:center}.skip-to-content-visible.sc-z-skip-to-content-h,.sc-z-skip-to-content-h:focus{position:static;display:block}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:hidden;width:0;height:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-visible.sc-z-skip-to-content{width:initial;height:initial}.dark.sc-z-skip-to-content-h{background-color:var(--color-surface05);color:var(--color-surface01)}.light.sc-z-skip-to-content-h{border:var(--border-size-medium) solid var(--color-surface05);background-color:var(--color-surface01);color:var(--color-default-text)}@media (min-width: 768px){.sc-z-skip-to-content-h{text-align:start}}@media (min-width: 1152px){.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{padding:0 calc(var(--space-unit) * 3);border-right:var(--border-size-small) solid var(--color-surface05)}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:initial;width:initial;height:initial}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:first-child{padding-left:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.light.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child{padding-right:0;border-right:none}.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{border-right:var(--border-size-small) solid var(--color-surface01)}}";var ZSkipToContentStyle0=stylesCss;var ZSkipToContent=function(){function t(t){registerInstance(this,t);this.variant=undefined;this.links=[];this.visible=false;this.visibleLink=""}t.prototype.handleFocusOutSkipToContent=function(t){if(this.isInSkipToContent(t.target)){this.visible=false}};t.prototype.handleFocusSkipToContent=function(t){if(this.isInSkipToContent(t.target)){this.visible=true}};t.prototype.componentDidLoad=function(){this.showFirstChild()};t.prototype.componentWillRender=function(){if(this.links){this.links=typeof this.links==="string"?JSON.parse(this.links):this.links}};t.prototype.isInSkipToContent=function(t){var i=getElementTree(t);var n=i.find((function(t){return t.nodeName.toLowerCase()==="z-skip-to-content"}));return!!n};t.prototype.showFirstChild=function(){var t;var i=(t=this.hostElement.children)===null||t===void 0?void 0:t[0];if(i){this.visibleLink=i.id}};t.prototype.handleLinkClick=function(){this.visible=false};t.prototype.render=function(){var t;var i=this;return h(Host,{key:"3887a0d40964e8bb4dd860e49dccca7863f2a902",class:(t={},t[this.variant]=true,t["skip-to-content-visible"]=this.visible,t)},this.links.map((function(t,n){var e="skip-to-content-".concat(n);return h("div",{class:"link-container"},h("a",{id:e,class:{"body-1-sb":true,"z-link":true,"z-link-underline":true,"z-link-inverse":i.variant===ThemeVariant.DARK,"link-visible":e==i.visibleLink,"link-invisible":e!=i.visibleLink},"aria-label":t.ariaLabel||t.label,href:t.href,onFocus:function(){return i.visibleLink=e},onClick:function(){return i.handleLinkClick()},onKeyUp:function(t){return handleKeyboardSubmit(t,i.handleLinkClick.bind(i))}},t.label))})))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();ZSkipToContent.style=ZSkipToContentStyle0;export{ZSkipToContent as z_skip_to_content};
-//# sourceMappingURL=z-skip-to-content.entry.js.map

package/dist/esm-es5/z-skip-to-content.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZSkipToContentStyle0","ZSkipToContent","prototype","handleFocusOutSkipToContent","e","this","isInSkipToContent","target","visible","handleFocusSkipToContent","componentDidLoad","showFirstChild","componentWillRender","links","JSON","parse","elem","tree","getElementTree","menuParent","find","nodeName","toLowerCase","firstChild","_a","hostElement","children","visibleLink","id","handleLinkClick","render","_this","h","Host","key","class","_b","variant","map","link","i","concat","ThemeVariant","DARK","ariaLabel","label","href","onFocus","onClick","onKeyUp","handleKeyboardSubmit","bind"],"sources":["src/components/z-skip-to-content/styles.css?tag=z-skip-to-content&encapsulation=scoped","src/components/z-skip-to-content/index.tsx"],"sourcesContent":[":host {\n  position: absolute;\n  left: -100%;\n  height: 60px;\n  box-sizing: border-box;\n  padding: calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);\n  background-color: #24f4ff;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  text-align: center;\n}\n\n:host > .link-container {\n  display: inline-flex;\n  height: 100%;\n  align-items: center;\n}\n\n:host.skip-to-content-visible,\n:host:focus {\n  position: static;\n  display: block;\n}\n\n:host > .link-container > a.z-link.link-invisible {\n  overflow: hidden;\n  width: 0;\n  height: 0;\n}\n\n:host > .link-container > a.z-link.link-visible {\n  width: initial;\n  height: initial;\n}\n\n:host.dark {\n  background-color: var(--color-surface05);\n  color: var(--color-surface01);\n}\n\n:host.light {\n  border: var(--border-size-medium) solid var(--color-surface05);\n  background-color: var(--color-surface01);\n  color: var(--color-default-text);\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  :host {\n    text-align: start;\n  }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  :host > .link-container {\n    padding: 0 calc(var(--space-unit) * 3);\n    border-right: var(--border-size-small) solid var(--color-surface05);\n  }\n\n  :host > .link-container > a.z-link.link-invisible {\n    overflow: initial;\n    width: initial;\n    height: initial;\n  }\n\n  :host > .link-container:first-child {\n    padding-left: 0;\n  }\n\n  :host > .link-container:last-child,\n  :host.dark > .link-container:last-child,\n  :host.light > .link-container:last-child {\n    padding-right: 0;\n    border-right: none;\n  }\n\n  :host.dark > .link-container {\n    border-right: var(--border-size-small) solid var(--color-surface01);\n  }\n}\n","import {Component, Element, Host, Listen, Prop, State, h} from \"@stencil/core\";\nimport {SkipToContentLink, ThemeVariant} from \"../../beans\";\nimport {getElementTree, handleKeyboardSubmit} from \"../../utils/utils\";\n\n/**\n * Component short description.\n */\n@Component({\n  tag: \"z-skip-to-content\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZSkipToContent {\n  /** Graphical variant: `dark`, `light`. */\n  @Prop({reflect: true})\n  variant?: ThemeVariant;\n\n  /** Array to fill link into skip-content */\n  @Prop({mutable: true})\n  links: string | SkipToContentLink[] = [];\n\n  @State()\n  visible = false;\n\n  @State()\n  visibleLink = \"\";\n\n  @Element() hostElement: HTMLZSkipToContentElement;\n\n  @Listen(\"focusout\", {target: \"document\"})\n  handleFocusOutSkipToContent(e: FocusEvent): void {\n    if (this.isInSkipToContent(e.target)) {\n      this.visible = false;\n    }\n  }\n\n  @Listen(\"focusin\", {target: \"document\"})\n  handleFocusSkipToContent(e: FocusEvent): void {\n    if (this.isInSkipToContent(e.target)) {\n      this.visible = true;\n    }\n  }\n\n  componentDidLoad(): void {\n    this.showFirstChild();\n  }\n\n  componentWillRender(): void {\n    if (this.links) {\n      this.links = typeof this.links === \"string\" ? JSON.parse(this.links) : this.links;\n    }\n  }\n\n  private isInSkipToContent(elem): boolean {\n    const tree = getElementTree(elem);\n    const menuParent = tree.find((elem: Element) => elem.nodeName.toLowerCase() === \"z-skip-to-content\");\n\n    return !!menuParent;\n  }\n\n  private showFirstChild(): void {\n    const firstChild = this.hostElement.children?.[0];\n    if (firstChild) {\n      this.visibleLink = firstChild.id;\n    }\n  }\n\n  private handleLinkClick(): void {\n    this.visible = false;\n  }\n\n  render(): HTMLZSkipToContentElement {\n    return (\n      <Host\n        class={{\n          [this.variant]: true,\n          \"skip-to-content-visible\": this.visible,\n        }}\n      >\n        {(this.links as SkipToContentLink[]).map((link, i) => {\n          const id = `skip-to-content-${i}`;\n\n          return (\n            <div class=\"link-container\">\n              <a\n                id={id}\n                class={{\n                  \"body-1-sb\": true,\n                  \"z-link\": true,\n                  \"z-link-underline\": true,\n                  \"z-link-inverse\": this.variant === ThemeVariant.DARK,\n                  \"link-visible\": id == this.visibleLink,\n                  \"link-invisible\": id != this.visibleLink,\n                }}\n                aria-label={link.ariaLabel || link.label}\n                href={link.href}\n                onFocus={() => (this.visibleLink = id)}\n                onClick={() => this.handleLinkClick()}\n                onKeyUp={(e) => handleKeyboardSubmit(e, this.handleLinkClick.bind(this))}\n              >\n                {link.label}\n              </a>\n            </div>\n          );\n        })}\n      </Host>\n    );\n  }\n}\n"],"mappings":"uPAAA,IAAMA,UAAY,w8DAClB,IAAAC,qBAAeD,U,ICYFE,eAAc,W,yEAOa,G,aAG5B,M,iBAGI,E,CAKdA,EAAAC,UAAAC,4BAAA,SAA4BC,GAC1B,GAAIC,KAAKC,kBAAkBF,EAAEG,QAAS,CACpCF,KAAKG,QAAU,K,GAKnBP,EAAAC,UAAAO,yBAAA,SAAyBL,GACvB,GAAIC,KAAKC,kBAAkBF,EAAEG,QAAS,CACpCF,KAAKG,QAAU,I,GAInBP,EAAAC,UAAAQ,iBAAA,WACEL,KAAKM,gB,EAGPV,EAAAC,UAAAU,oBAAA,WACE,GAAIP,KAAKQ,MAAO,CACdR,KAAKQ,aAAeR,KAAKQ,QAAU,SAAWC,KAAKC,MAAMV,KAAKQ,OAASR,KAAKQ,K,GAIxEZ,EAAAC,UAAAI,kBAAA,SAAkBU,GACxB,IAAMC,EAAOC,eAAeF,GAC5B,IAAMG,EAAaF,EAAKG,MAAK,SAACJ,GAAkB,OAAAA,EAAKK,SAASC,gBAAkB,mBAAhC,IAEhD,QAASH,C,EAGHlB,EAAAC,UAAAS,eAAA,W,MACN,IAAMY,GAAaC,EAAAnB,KAAKoB,YAAYC,YAAQ,MAAAF,SAAA,SAAAA,EAAG,GAC/C,GAAID,EAAY,CACdlB,KAAKsB,YAAcJ,EAAWK,E,GAI1B3B,EAAAC,UAAA2B,gBAAA,WACNxB,KAAKG,QAAU,K,EAGjBP,EAAAC,UAAA4B,OAAA,W,MAAA,IAAAC,EAAA1B,KACE,OACE2B,EAACC,KAAI,CAAAC,IAAA,2CACHC,OAAKC,EAAA,GACHA,EAAC/B,KAAKgC,SAAU,KAChBD,EAAA,2BAA2B/B,KAAKG,Q,IAGhCH,KAAKQ,MAA8ByB,KAAI,SAACC,EAAMC,GAC9C,IAAMZ,EAAK,mBAAAa,OAAmBD,GAE9B,OACER,EAAA,OAAKG,MAAM,kBACTH,EAAA,KACEJ,GAAIA,EACJO,MAAO,CACL,YAAa,KACb,SAAU,KACV,mBAAoB,KACpB,iBAAkBJ,EAAKM,UAAYK,aAAaC,KAChD,eAAgBf,GAAMG,EAAKJ,YAC3B,iBAAkBC,GAAMG,EAAKJ,aAC9B,aACWY,EAAKK,WAAaL,EAAKM,MACnCC,KAAMP,EAAKO,KACXC,QAAS,kBAAOhB,EAAKJ,YAAcC,CAA1B,EACToB,QAAS,WAAM,OAAAjB,EAAKF,iBAAL,EACfoB,QAAS,SAAC7C,GAAM,OAAA8C,qBAAqB9C,EAAG2B,EAAKF,gBAAgBsB,KAAKpB,GAAlD,GAEfQ,EAAKM,O,6IAxFK,G","ignoreList":[]}

package/dist/esm-es5/z-slideshow.entry.js

@@ -1,2 +0,0 @@
-import{r as registerInstance,h,g as getElement}from"./index-c8ceadeb.js";import{p as Device}from"./index-ee40e66b.js";import{i as convertJson,g as getDevice,d as handleKeyboardSubmit}from"./utils-b924649f.js";import"./breakpoints-d148bfde.js";var stylesCss=':host{display:block;width:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:-ms-flexbox;display:flex;width:inherit;-ms-flex-direction:column;flex-direction:column}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;z-index:10;top:50%;width:auto;margin:0 var(--space-unit);cursor:pointer;fill:var(--color-primary01);-webkit-transition:0.6s ease;transition:0.6s ease}main .scroll.disabled{opacity:0.5;pointer-events:none}main .scroll.right{right:0}#slides{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:0px;overflow-y:hidden;-webkit-transition:all 300ms;transition:all 300ms}footer{display:grid;width:100%;height:56px;-ms-flex-align:center;align-items:center;border-top:var(--border-size-medium) solid var(--color-background);grid-template:2 / 2;grid-template-areas:"center center" "left right"}footer>div{width:100%;-ms-flex-align:center;align-items:center}footer .footer-center{grid-area:center}footer .footer-left{grid-area:left}footer .footer-right{grid-area:right}footer .bullet-container{display:-ms-flexbox;display:flex;min-height:60px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 auto}footer .bullet-container .bullet{width:8px;height:8px;margin:var(--space-unit) 2px;background-color:var(--gray200);border-radius:50%;pointer-events:none}footer .bullet-container .bullet.selected{background-color:var(--gray400)}main z-icon:focus,footer .bullet-container .bullet:focus{border-radius:50%;-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none !important}@media only screen and (min-width: 768px){footer{height:76px;border-top:var(--border-size-medium) solid var(--color-background);grid-template:1 / 1fr 2fr 1fr;grid-template-areas:"left center right"}footer .bullet-container .bullet{width:10px;height:10px;margin:var(--space-unit) 3px}}@media only screen and (min-width: 1025px){main z-icon.scroll{margin:0 10px}footer .bullet-container .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);cursor:pointer;pointer-events:auto}}';var ZSlideshowStyle0=stylesCss;function isStringArray(t){return Array.isArray(t)&&t.every((function(t){return typeof t==="string"}))}var ZSlideshow=function(){function t(t){registerInstance(this,t);this.slideshowid=undefined;this.data=undefined;this.device=undefined;this.currentSlide=0}t.prototype.watchData=function(){this.parseLinks()};t.prototype.componentWillLoad=function(){this.parseLinks();this.setDevice();window.addEventListener("resize",this.handleResize.bind(this))};t.prototype.componentDidRender=function(){this.setStyle()};t.prototype.handleResize=function(){this.setDevice();this.setStyle()};t.prototype.parseLinks=function(){var t;switch(typeof this.data){case"string":{var e=(t=convertJson(this.data))!==null&&t!==void 0?t:[];if(!isStringArray(e)){throw new Error("Passed data is invalid")}this.links=e;break}default:this.links=this.data;break}};t.prototype.setStyle=function(){var t=this.el.shadowRoot.querySelector("#slides");if(!t){return}var e=this.el.shadowRoot.querySelectorAll(".slide");var i=this.el.offsetWidth;var r=i*this.links.length;t.style.width="".concat(r,"px");t.style.transform="translate(-".concat(i*this.currentSlide,"px)");e.forEach((function(t){var e=t.querySelector("img");e.style.width="".concat(i,"px")}))};t.prototype.setDevice=function(){this.device=getDevice()};t.prototype.setCurrentSlide=function(t){this.currentSlide=t};t.prototype.getBulletDimension=function(){switch(this.device){case Device.MOBILE:return 24;case Device.TABLET:return 32;default:return 40}};t.prototype.renderSlides=function(t){var e=this;return h("div",{id:"slides"},t.map((function(t,i){return h("div",{id:"slide"+i,class:"slide ".concat(e.currentSlide!==i&&"hide")},h("img",{src:t}))})))};t.prototype.renderScroll=function(t){var e=this;var i=false,r=this.currentSlide;if(t==="left"){i=this.currentSlide===0;r--}else if(t==="right"){i=this.currentSlide===this.links.length-1;r++}return h("z-icon",{class:"scroll ".concat(t," ").concat(i&&"disabled"),width:this.getBulletDimension(),height:this.getBulletDimension(),name:"chevron-".concat(t,"-circle"),onClick:function(){!i&&e.setCurrentSlide(r)},onKeyUp:function(t){return!i&&handleKeyboardSubmit(t,(function(){e.setCurrentSlide(r)}))},tabindex:0,role:"button"})};t.prototype.renderSlideshowMain=function(){return h("main",null,this.renderScroll("left"),this.renderSlides(this.links),this.renderScroll("right"))};t.prototype.renderBullet=function(t){var e=this;return h("a",{class:"bullet ".concat(this.currentSlide===t&&"selected"),onClick:function(){return e.setCurrentSlide(t)},onKeyUp:function(i){return handleKeyboardSubmit(i,(function(){return e.setCurrentSlide(t)}))},tabindex:0,role:"button"})};t.prototype.renderSlideshowFooter=function(){var t=this;return h("footer",null,h("div",{class:"footer-left"},h("slot",{name:"footer-left"})),h("div",{class:"footer-center"},h("div",{class:"bullet-container"},Object.keys(this.links).map((function(e){return t.renderBullet(parseInt(e))})))),h("div",{class:"footer-right"},h("slot",{name:"footer-right"})))};t.prototype.render=function(){if(!this.links||!this.links.length){return h("div",null)}return h("div",{id:this.slideshowid},this.renderSlideshowMain(),this.renderSlideshowFooter())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{data:["watchData"]}},enumerable:false,configurable:true});return t}();ZSlideshow.style=ZSlideshowStyle0;export{ZSlideshow as z_slideshow};
-//# sourceMappingURL=z-slideshow.entry.js.map

package/dist/esm-es5/z-slideshow.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZSlideshowStyle0","isStringArray","data","Array","isArray","every","datum","ZSlideshow","prototype","watchData","this","parseLinks","componentWillLoad","setDevice","window","addEventListener","handleResize","bind","componentDidRender","setStyle","parsed","_a","convertJson","Error","links","refSlides","el","shadowRoot","querySelector","allImages","querySelectorAll","width","offsetWidth","fullwidth","length","style","concat","transform","currentSlide","forEach","item","img","device","getDevice","setCurrentSlide","index","getBulletDimension","Device","MOBILE","TABLET","renderSlides","items","_this","h","id","map","i","class","src","renderScroll","direction","disabled","nextSlide","height","name","onClick","onKeyUp","e","handleKeyboardSubmit","tabindex","role","renderSlideshowMain","renderBullet","renderSlideshowFooter","Object","keys","parseInt","render","slideshowid"],"sources":["src/snowflakes/myz/z-slideshow/styles.css?tag=z-slideshow&encapsulation=shadow","src/snowflakes/myz/z-slideshow/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: inherit;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div {\n  display: flex;\n  width: inherit;\n  flex-direction: column;\n}\n\nmain {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n}\n\nmain z-icon.scroll {\n  position: absolute;\n  z-index: 10;\n  top: 50%;\n  width: auto;\n  margin: 0 var(--space-unit);\n  cursor: pointer;\n  fill: var(--color-primary01);\n  transition: 0.6s ease;\n}\n\nmain .scroll.disabled {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\nmain .scroll.right {\n  right: 0;\n}\n\n#slides {\n  display: flex;\n  flex-wrap: wrap;\n  line-height: 0px;\n  overflow-y: hidden;\n  transition: all 300ms;\n}\n\nfooter {\n  display: grid;\n  width: 100%;\n  height: 56px;\n  align-items: center;\n  border-top: var(--border-size-medium) solid var(--color-background);\n  grid-template: 2 / 2;\n  grid-template-areas: \"center center\" \"left right\";\n}\n\nfooter > div {\n  width: 100%;\n  align-items: center;\n}\n\nfooter .footer-center {\n  grid-area: center;\n}\n\nfooter .footer-left {\n  grid-area: left;\n}\n\nfooter .footer-right {\n  grid-area: right;\n}\n\nfooter .bullet-container {\n  display: flex;\n  min-height: 60px;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto;\n}\n\nfooter .bullet-container .bullet {\n  width: 8px;\n  height: 8px;\n  margin: var(--space-unit) 2px;\n  background-color: var(--gray200);\n  border-radius: 50%;\n  pointer-events: none;\n}\n\nfooter .bullet-container .bullet.selected {\n  background-color: var(--gray400);\n}\n\nmain z-icon:focus,\nfooter .bullet-container .bullet:focus {\n  border-radius: 50%;\n  box-shadow: var(--shadow-focus-primary);\n  outline: none !important;\n}\n\n/* Tablet breakpoint */\n\n@media only screen and (min-width: 768px) {\n  footer {\n    height: 76px;\n    border-top: var(--border-size-medium) solid var(--color-background);\n    grid-template: 1 / 1fr 2fr 1fr;\n    grid-template-areas: \"left center right\";\n  }\n\n  footer .bullet-container .bullet {\n    width: 10px;\n    height: 10px;\n    margin: var(--space-unit) 3px;\n  }\n}\n\n/* Desktop breakpoint */\n\n@media only screen and (min-width: 1025px) {\n  main z-icon.scroll {\n    margin: 0 10px;\n  }\n\n  footer .bullet-container .bullet {\n    width: 16px;\n    height: 16px;\n    margin: var(--space-unit) calc(var(--space-unit) * 0.5);\n    cursor: pointer;\n    pointer-events: auto;\n  }\n}\n","import {Component, Element, Prop, State, Watch, h} from \"@stencil/core\";\nimport {Device} from \"../../../beans\";\nimport {convertJson, getDevice, handleKeyboardSubmit} from \"../../../utils/utils\";\n\n/**\n * Check if data is an array of strings.\n * @param {unknown} data Data to check\n * @returns {boolean}\n */\nfunction isStringArray(data: unknown): data is string[] {\n  return Array.isArray(data) && data.every((datum: unknown): datum is string => typeof datum === \"string\");\n}\n\n/**\n * @slot footer-right - right content slot in footer\n * @slot footer-left - left content slot in footer\n */\n@Component({\n  tag: \"z-slideshow\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZSlideshow {\n  @Element() el: HTMLZSlideshowElement;\n\n  /** slideshow id */\n  @Prop()\n  slideshowid: string;\n\n  /** array or JSON stringified images urls */\n  @Prop()\n  data: string[] | string;\n\n  @State()\n  device: Device;\n\n  @State()\n  currentSlide = 0;\n\n  private links: string[];\n\n  @Watch(\"data\")\n  watchData(): void {\n    this.parseLinks();\n  }\n\n  componentWillLoad(): void {\n    this.parseLinks();\n\n    this.setDevice();\n    window.addEventListener(\"resize\", this.handleResize.bind(this));\n  }\n\n  componentDidRender(): void {\n    this.setStyle();\n  }\n\n  private handleResize(): void {\n    this.setDevice();\n    this.setStyle();\n  }\n\n  private parseLinks(): void {\n    switch (typeof this.data) {\n      case \"string\": {\n        const parsed = convertJson(this.data) ?? [];\n        if (!isStringArray(parsed)) {\n          throw new Error(\"Passed data is invalid\");\n        }\n\n        this.links = parsed;\n        break;\n      }\n      default:\n        this.links = this.data;\n        break;\n    }\n  }\n\n  private setStyle(): void {\n    const refSlides = this.el.shadowRoot.querySelector(\"#slides\") as HTMLElement;\n    if (!refSlides) {\n      return;\n    }\n\n    const allImages = this.el.shadowRoot.querySelectorAll(\".slide\");\n    const width = this.el.offsetWidth;\n    const fullwidth = width * this.links.length;\n\n    refSlides.style.width = `${fullwidth}px`;\n    refSlides.style.transform = `translate(-${width * this.currentSlide}px)`;\n    allImages.forEach((item: HTMLElement) => {\n      const img = item.querySelector(\"img\");\n      img.style.width = `${width}px`;\n    });\n  }\n\n  private setDevice(): void {\n    this.device = getDevice();\n  }\n\n  private setCurrentSlide(index: number): void {\n    this.currentSlide = index;\n  }\n\n  private getBulletDimension(): number {\n    switch (this.device) {\n      case Device.MOBILE:\n        return 24;\n      case Device.TABLET:\n        return 32;\n      default:\n        return 40;\n    }\n  }\n\n  private renderSlides(items: string[]): HTMLElement {\n    return (\n      <div id=\"slides\">\n        {items.map((item: string, i: number) => (\n          <div\n            id={\"slide\" + i}\n            class={`slide ${this.currentSlide !== i && \"hide\"}`}\n          >\n            <img src={item} />\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  private renderScroll(direction: \"left\" | \"right\"): HTMLZIconElement {\n    let disabled = false,\n      nextSlide = this.currentSlide;\n\n    if (direction === \"left\") {\n      disabled = this.currentSlide === 0;\n      nextSlide--;\n    } else if (direction === \"right\") {\n      disabled = this.currentSlide === this.links.length - 1;\n      nextSlide++;\n    }\n\n    return (\n      <z-icon\n        class={`scroll ${direction} ${disabled && \"disabled\"}`}\n        width={this.getBulletDimension()}\n        height={this.getBulletDimension()}\n        name={`chevron-${direction}-circle`}\n        onClick={() => {\n          !disabled && this.setCurrentSlide(nextSlide);\n        }}\n        onKeyUp={(e: KeyboardEvent) =>\n          !disabled &&\n          handleKeyboardSubmit(e, () => {\n            this.setCurrentSlide(nextSlide);\n          })\n        }\n        tabindex={0}\n        role=\"button\"\n      />\n    );\n  }\n\n  private renderSlideshowMain(): HTMLElement {\n    return (\n      <main>\n        {this.renderScroll(\"left\")}\n        {this.renderSlides(this.links)}\n        {this.renderScroll(\"right\")}\n      </main>\n    );\n  }\n\n  private renderBullet(i: number): HTMLElement {\n    return (\n      <a\n        class={`bullet ${this.currentSlide === i && \"selected\"}`}\n        onClick={() => this.setCurrentSlide(i)}\n        onKeyUp={(e: KeyboardEvent) => handleKeyboardSubmit(e, () => this.setCurrentSlide(i))}\n        tabindex={0}\n        role=\"button\"\n      ></a>\n    );\n  }\n\n  private renderSlideshowFooter(): HTMLElement {\n    return (\n      <footer>\n        <div class=\"footer-left\">\n          <slot name=\"footer-left\" />\n        </div>\n        <div class=\"footer-center\">\n          <div class=\"bullet-container\">{Object.keys(this.links).map((i) => this.renderBullet(parseInt(i)))}</div>\n        </div>\n        <div class=\"footer-right\">\n          <slot name=\"footer-right\" />\n        </div>\n      </footer>\n    );\n  }\n\n  render(): HTMLElement {\n    if (!this.links || !this.links.length) {\n      return <div />;\n    }\n\n    return (\n      <div id={this.slideshowid}>\n        {this.renderSlideshowMain()}\n        {this.renderSlideshowFooter()}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm-es5/z-stepper-item.entry.js

@@ -1,2 +0,0 @@
-import{r as registerInstance,h,a as Host}from"./index-c8ceadeb.js";var stylesCss=':host{position:relative;width:calc(var(--space-unit) * 5);font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-icon-width:20px;--z-icon-height:20px}:host(:not(:last-child)){-ms-flex:1;flex:1}:host(:not(:last-child))::after{position:absolute;z-index:1;top:calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);right:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * 3);display:block;width:auto;border-bottom:var(--border-size-medium) solid var(--color-disabled03);margin:0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);content:""}.stepper-item{display:-ms-flexbox;display:flex;width:calc(var(--space-unit) * 5);-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;font-family:inherit;font-size:12px;line-height:16px;outline:0;text-decoration:none}.stepper-item span{display:none;width:calc(100% + calc(var(--space-unit) * 4));color:var(--color-default-text);text-align:center}:host([href]:not([disabled],[pressed])) .stepper-item{cursor:pointer}:host([disabled]) .stepper-item{pointer-events:none}:host([pressed]),:host([pressed]) .stepper-item{pointer-events:none}.indicator{display:-ms-flexbox;display:flex;width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4);-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:var(--border-size-medium) solid var(--color-primary01);margin:calc(var(--space-unit) * 2);background:var(--color-surface01);border-radius:50%;color:var(--color-primary01);content:counter(stepper);font-size:14px;font-weight:var(--font-sb);line-height:1}:host([pressed]:not([disabled])) .indicator{border-color:var(--color-active-primary);background:var(--color-active-primary);color:var(--color-text-inverse)}:host(:not([disabled]):focus-within) .indicator{-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary)}:host([href]:not([disabled],[pressed],[checked])) .indicator:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary)}:host([disabled]) .indicator{border-color:var(--color-disabled02);background:var(--color-disabled01);color:var(--color-disabled03)}:host([checked]:not([disabled])) .indicator{border-color:var(--color-success-default);color:var(--color-success-default)}:host([checked]:not([disabled])) .indicator z-icon{fill:var(--color-success-default)}:host([checked]) .indicator z-icon>svg{width:24px;height:24px}@media (min-width: 768px){.stepper-item span{display:block}}@media (min-width: 1152px){:host{width:calc(var(--space-unit) * 10);--z-icon-width:24px;--z-icon-height:24px}:host(:not(:last-child))::after{top:calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);left:calc(var(--space-unit) * 8)}.stepper-item{width:calc(var(--space-unit) * 10);font-size:18px;line-height:28px}.indicator{width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 6);font-size:16px}}';var ZStepperItemStyle0=stylesCss;var ZStepperItem=function(){function e(e){registerInstance(this,e);this.index=undefined;this.href=undefined;this.pressed=undefined;this.checked=undefined;this.disabled=undefined}e.prototype.getAttributes=function(){var e=this;var t=this.href&&!this.pressed&&!this.disabled?{onClick:function(){return location.href=e.href}}:undefined;var i=t?{role:"link"}:undefined;var r=this.pressed&&!this.disabled?{ariaCurrent:"step"}:undefined;var a=this.pressed||this.href===""?{tabindex:-1}:undefined;return Object.assign(Object.assign(Object.assign(Object.assign({},t),i),r),a)};e.prototype.render=function(){return h(Host,{key:"2e45354c628f043ce2a9246a0ffb8e94235ae669",role:"listitem"},h("button",Object.assign({key:"854de9a3ea272425e75c81e0d116bd04fcda2c2d",class:"stepper-item",disabled:this.disabled},this.getAttributes()),h("div",{key:"06754f85e70407535e1ae0e80dcf8015d33a8112",class:"indicator"},this.checked?h("z-icon",{name:"checkmark"}):this.index),h("span",{key:"9bfeda701f57ba6c263be0a986abe03c76009acd"},h("slot",{key:"c3abd1dae057323d41ee7a14bf5398e2e2a71ccf"}))))};return e}();ZStepperItem.style=ZStepperItemStyle0;export{ZStepperItem as z_stepper_item};
-//# sourceMappingURL=z-stepper-item.entry.js.map

package/dist/esm-es5/z-stepper-item.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZStepperItemStyle0","ZStepperItem","prototype","getAttributes","_this","this","href","pressed","disabled","onClick","location","undefined","role","current","ariaCurrent","tabindex","Object","assign","render","h","Host","key","class","checked","name","index"],"sources":["src/components/z-stepper-item/styles.css?tag=z-stepper-item&encapsulation=shadow","src/components/z-stepper-item/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  width: calc(var(--space-unit) * 5);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n\n  --z-icon-width: 20px;\n  --z-icon-height: 20px;\n}\n\n:host(:not(:last-child)) {\n  flex: 1;\n}\n\n:host(:not(:last-child))::after {\n  position: absolute;\n  z-index: 1;\n  top: calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);\n  right: calc(var(--space-unit) * 2);\n  left: calc(var(--space-unit) * 3);\n  display: block;\n  width: auto;\n  border-bottom: var(--border-size-medium) solid var(--color-disabled03);\n  margin: 0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);\n  content: \"\";\n}\n\n.stepper-item {\n  display: flex;\n  width: calc(var(--space-unit) * 5);\n  flex-direction: column;\n  align-items: center;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: transparent;\n  color: inherit;\n  font-family: inherit;\n  font-size: 12px;\n  line-height: 16px;\n  outline: 0;\n  text-decoration: none;\n}\n\n.stepper-item span {\n  display: none;\n  width: calc(100% + calc(var(--space-unit) * 4));\n  color: var(--color-default-text);\n  text-align: center;\n}\n\n:host([href]:not([disabled], [pressed])) .stepper-item {\n  cursor: pointer;\n}\n\n:host([disabled]) .stepper-item {\n  pointer-events: none;\n}\n\n:host([pressed]),\n:host([pressed]) .stepper-item {\n  pointer-events: none;\n}\n\n.indicator {\n  display: flex;\n  width: calc(var(--space-unit) * 4);\n  height: calc(var(--space-unit) * 4);\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  border: var(--border-size-medium) solid var(--color-primary01);\n  margin: calc(var(--space-unit) * 2);\n  background: var(--color-surface01);\n  border-radius: 50%;\n  color: var(--color-primary01);\n  content: counter(stepper);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  line-height: 1;\n}\n\n:host([pressed]:not([disabled])) .indicator {\n  border-color: var(--color-active-primary);\n  background: var(--color-active-primary);\n  color: var(--color-text-inverse);\n}\n\n:host(:not([disabled]):focus-within) .indicator {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([href]:not([disabled], [pressed], [checked])) .indicator:hover {\n  border-color: var(--color-hover-primary);\n  color: var(--color-hover-primary);\n}\n\n:host([disabled]) .indicator {\n  border-color: var(--color-disabled02);\n  background: var(--color-disabled01);\n  color: var(--color-disabled03);\n}\n\n:host([checked]:not([disabled])) .indicator {\n  border-color: var(--color-success-default);\n  color: var(--color-success-default);\n}\n\n:host([checked]:not([disabled])) .indicator z-icon {\n  fill: var(--color-success-default);\n}\n\n:host([checked]) .indicator z-icon > svg {\n  width: 24px;\n  height: 24px;\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  .stepper-item span {\n    display: block;\n  }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  :host {\n    width: calc(var(--space-unit) * 10);\n\n    --z-icon-width: 24px;\n    --z-icon-height: 24px;\n  }\n\n  :host(:not(:last-child))::after {\n    top: calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);\n    left: calc(var(--space-unit) * 8);\n  }\n\n  .stepper-item {\n    width: calc(var(--space-unit) * 10);\n    font-size: 18px;\n    line-height: 28px;\n  }\n\n  .indicator {\n    width: calc(var(--space-unit) * 6);\n    height: calc(var(--space-unit) * 6);\n    font-size: 16px;\n  }\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-stepper-item\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZStepperItem {\n  /**\n   * The number of the step item.\n   */\n  @Prop({attribute: \"index\"})\n  index: number;\n\n  /**\n   * The href to navigate on click.\n   */\n  @Prop({attribute: \"href\"})\n  href: string;\n\n  /**\n   * The pressed state of the item.\n   */\n  @Prop({attribute: \"pressed\"})\n  pressed: boolean;\n\n  /**\n   * The checked state of the item.\n   */\n  @Prop({attribute: \"checked\"})\n  checked: boolean;\n\n  /**\n   * The disabled state of the item.\n   */\n  @Prop({attribute: \"disabled\"})\n  disabled: boolean;\n\n  private getAttributes(): Record<string, unknown> {\n    const href =\n      this.href && !this.pressed && !this.disabled ? {onClick: () => (location.href = this.href)} : undefined;\n    const role = href ? {role: \"link\"} : undefined;\n    const current = this.pressed && !this.disabled ? {ariaCurrent: \"step\"} : undefined;\n    const tabindex = this.pressed || this.href === \"\" ? {tabindex: -1} : undefined;\n\n    return {\n      ...href,\n      ...role,\n      ...current,\n      ...tabindex,\n    };\n  }\n\n  render(): HTMLAnchorElement | HTMLButtonElement {\n    return (\n      <Host role=\"listitem\">\n        <button\n          class=\"stepper-item\"\n          disabled={this.disabled}\n          {...this.getAttributes()}\n        >\n          <div class=\"indicator\">{this.checked ? <z-icon name=\"checkmark\" /> : this.index}</div>\n          <span>\n            <slot />\n          </span>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mEAAA,IAAMA,UAAY,kgGAClB,IAAAC,mBAAeD,U,ICMFE,aAAY,W,sJA+BfA,EAAAC,UAAAC,cAAA,eAAAC,EAAAC,KACN,IAAMC,EACJD,KAAKC,OAASD,KAAKE,UAAYF,KAAKG,SAAW,CAACC,QAAS,kBAAOC,SAASJ,KAAOF,EAAKE,IAA5B,GAAqCK,UAChG,IAAMC,EAAON,EAAO,CAACM,KAAM,QAAUD,UACrC,IAAME,EAAUR,KAAKE,UAAYF,KAAKG,SAAW,CAACM,YAAa,QAAUH,UACzE,IAAMI,EAAWV,KAAKE,SAAWF,KAAKC,OAAS,GAAK,CAACS,UAAW,GAAKJ,UAErE,OAAAK,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACKX,GACAM,GACAC,GACAE,E,EAIPd,EAAAC,UAAAgB,OAAA,WACE,OACEC,EAACC,KAAI,CAAAC,IAAA,2CAACT,KAAK,YACTO,EAAA,SAAAH,OAAAC,OAAA,CAAAI,IAAA,2CACEC,MAAM,eACNd,SAAUH,KAAKG,UACXH,KAAKF,iBAETgB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aAAajB,KAAKkB,QAAUJ,EAAA,UAAQK,KAAK,cAAiBnB,KAAKoB,OAC1EN,EAAA,QAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,+C,WAxDa,G","ignoreList":[]}

package/dist/esm-es5/z-stepper.entry.js

@@ -1,2 +0,0 @@
-import{r as registerInstance,h,a as Host}from"./index-c8ceadeb.js";var stylesCss=":host{position:relative;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:row;flex-direction:row;padding:0;margin:0;font-family:var(--font-family-sans);font-weight:var(--font-rg);list-style:none}@media only screen and (min-width: 768px){:host{padding:0 calc(var(--space-unit) * 2)}}";var ZStepperStyle0=stylesCss;var ZStepper=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{key:"1dd60e057dc5910e320df088512d2bd3dd5b1e4a",role:"list"},h("slot",{key:"721b83774cdf84979db9c204986c84174d56fc0a"}))};return e}();ZStepper.style=ZStepperStyle0;export{ZStepper as z_stepper};
-//# sourceMappingURL=z-stepper.entry.js.map

package/dist/esm-es5/z-stepper.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZStepperStyle0","ZStepper","prototype","render","h","Host","key","role"],"sources":["src/components/z-stepper/styles.css?tag=z-stepper&encapsulation=shadow","src/components/z-stepper/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: flex;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  flex-direction: row;\n  padding: 0;\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  list-style: none;\n}\n\n@media only screen and (min-width: 768px) {\n  :host {\n    padding: 0 calc(var(--space-unit) * 2);\n  }\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n/**\n * @slot - slot for `z-stepper-item`\n */\n@Component({\n  tag: \"z-stepper\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZStepper {\n  render(): HTMLSlotElement {\n    return (\n      <Host role=\"list\">\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"mEAAA,IAAMA,UAAY,6WAClB,IAAAC,eAAeD,U,ICSFE,SAAQ,W,uCACnBA,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,KAAI,CAAAC,IAAA,2CAACC,KAAK,QACTH,EAAA,QAAAE,IAAA,6C,WAJa,G","ignoreList":[]}

package/dist/esm-es5/z-table.entry.js

@@ -1,2 +0,0 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-c8ceadeb.js";import"./index-08bf4c13.js";import"./index-2d88cd2a.js";import"./index-72c3946c.js";import"./index-821e1d1c.js";import"./utils-b924649f.js";import"./index-ee40e66b.js";import"./breakpoints-d148bfde.js";import"./index-fd99721b.js";import"./index-2a6f56f8.js";var stylesCss=":host{--z-table--cells-padding:calc(var(--space-unit) * 2);position:relative;display:block;overflow:auto;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--color-surface01)}:host([expandable]){--z-table--expand-button-size:40px}:host([bordered]){--z-table--cell-left-border:1px solid var(--color-surface03)}";var ZTableStyle0=stylesCss;var ZTable=function(){function e(e){registerInstance(this,e);this.bordered=false;this.expandable=false}e.prototype.updateExpandable=function(){this.expandable=this.host.querySelectorAll("z-tr[expandable]").length>0};e.prototype.componentWillLoad=function(){var e=this;this.expandableMutationObserver=new MutationObserver((function(){e.updateExpandable()}));this.expandableMutationObserver.observe(this.host,{childList:true,subtree:true,attributes:true,attributeFilter:["expandable"],attributeOldValue:false})};e.prototype.disconnectedCallback=function(){var e;(e=this.expandableMutationObserver)===null||e===void 0?void 0:e.disconnect()};e.prototype.render=function(){return h(Host,{key:"8cc330079f36a6c9112ef15dd5bb66f7c0e07db5",expandable:this.expandable},h("div",{key:"5b9783130bb30d5e0dc3e62c132b043900cb746f",class:"table",role:"table"},h("slot",{key:"e339c4892e8c433fb79e054ac47e45c8a6ac40e5"})))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();ZTable.style=ZTableStyle0;export{ZTable as z_table};
-//# sourceMappingURL=z-table.entry.js.map

package/dist/esm-es5/z-table.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTableStyle0","ZTable","prototype","updateExpandable","this","expandable","host","querySelectorAll","length","componentWillLoad","_this","expandableMutationObserver","MutationObserver","observe","childList","subtree","attributes","attributeFilter","attributeOldValue","disconnectedCallback","_a","disconnect","render","h","Host","key","class","role"],"sources":["src/components/table/z-table/styles.css?tag=z-table&encapsulation=shadow","src/components/table/z-table/index.tsx"],"sourcesContent":[":host {\n  --z-table--cells-padding: calc(var(--space-unit) * 2);\n\n  position: relative;\n  display: block;\n  overflow: auto;\n  max-width: 100%;\n  box-sizing: border-box;\n  background-color: var(--color-surface01);\n}\n\n:host([expandable]) {\n  --z-table--expand-button-size: 40px;\n}\n\n:host([bordered]) {\n  --z-table--cell-left-border: 1px solid var(--color-surface03);\n}\n","import {Component, Element, Host, Prop, State, h} from \"@stencil/core\";\nimport \"../z-tbody/index\";\nimport \"../z-tfoot/index\";\nimport \"../z-thead/index\";\nimport \"../z-tr/index\";\n\n/**\n * ZTable component.\n * @slot - Table content (`z-thead`, `z-tbody`, `z-tfoot`, `z-tr`).\n * @cssprop --z-table--cells-padding - Padding of the cells.\n */\n@Component({\n  tag: \"z-table\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTable {\n  @Element() host: HTMLZTableElement;\n\n  /**\n   * Whether the table cells should show a border between them.\n   */\n  @Prop({reflect: true})\n  bordered = false;\n\n  /**\n   * Whether the table contains some expandable rows.\n   */\n  @State()\n  expandable = false;\n\n  private updateExpandable(): void {\n    this.expandable = this.host.querySelectorAll(\"z-tr[expandable]\").length > 0;\n  }\n\n  private expandableMutationObserver: MutationObserver;\n\n  /**\n   * Setup the table creating a mutation observer for the expandable attribute.\n   */\n  componentWillLoad(): void {\n    this.expandableMutationObserver = new MutationObserver(() => {\n      this.updateExpandable();\n    });\n    this.expandableMutationObserver.observe(this.host, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [\"expandable\"],\n      attributeOldValue: false,\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.expandableMutationObserver?.disconnect();\n  }\n\n  render(): HTMLZTableElement {\n    return (\n      <Host expandable={this.expandable}>\n        <div\n          class=\"table\"\n          role=\"table\"\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"qVAAA,IAAMA,UAAY,6VAClB,IAAAC,aAAeD,U,ICeFE,OAAM,W,qDAON,M,gBAME,K,CAELA,EAAAC,UAAAC,iBAAA,WACNC,KAAKC,WAAaD,KAAKE,KAAKC,iBAAiB,oBAAoBC,OAAS,C,EAQ5EP,EAAAC,UAAAO,kBAAA,eAAAC,EAAAN,KACEA,KAAKO,2BAA6B,IAAIC,kBAAiB,WACrDF,EAAKP,kB,IAEPC,KAAKO,2BAA2BE,QAAQT,KAAKE,KAAM,CACjDQ,UAAW,KACXC,QAAS,KACTC,WAAY,KACZC,gBAAiB,CAAC,cAClBC,kBAAmB,O,EAIvBjB,EAAAC,UAAAiB,qBAAA,W,OACEC,EAAAhB,KAAKO,8BAA0B,MAAAS,SAAA,SAAAA,EAAEC,Y,EAGnCpB,EAAAC,UAAAoB,OAAA,WACE,OACEC,EAACC,KAAI,CAAAC,IAAA,2CAACpB,WAAYD,KAAKC,YACrBkB,EAAA,OAAAE,IAAA,2CACEC,MAAM,QACNC,KAAK,SAELJ,EAAA,QAAAE,IAAA,8C,kIAhDS,G","ignoreList":[]}

package/dist/esm-es5/z-tbody.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_tbody}from"./index-08bf4c13.js";import"./index-c8ceadeb.js";
-//# sourceMappingURL=z-tbody.entry.js.map

package/dist/esm-es5/z-td.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_td}from"./index-fd99721b.js";import"./index-c8ceadeb.js";import"./index-ee40e66b.js";
-//# sourceMappingURL=z-td.entry.js.map

package/dist/esm-es5/z-tfoot.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_tfoot}from"./index-2d88cd2a.js";import"./index-c8ceadeb.js";
-//# sourceMappingURL=z-tfoot.entry.js.map

package/dist/esm-es5/z-th.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_th}from"./index-2a6f56f8.js";import"./index-c8ceadeb.js";import"./index-ee40e66b.js";
-//# sourceMappingURL=z-th.entry.js.map

package/dist/esm-es5/z-thead.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_thead}from"./index-72c3946c.js";import"./index-c8ceadeb.js";
-//# sourceMappingURL=z-thead.entry.js.map

package/dist/esm-es5/z-toast-notification-list.entry.js

@@ -1,2 +0,0 @@
-import{r as registerInstance,h,g as getElement}from"./index-c8ceadeb.js";import{s as ToastNotificationPosition}from"./index-ee40e66b.js";var stylesCss=':host{position:fixed;z-index:10000;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;margin-top:calc(var(--space-unit) * 2);margin-bottom:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host([position="bottom-centre"]),:host([position="bottom-right"]),:host([position="bottom-left"]){bottom:0;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}:host([position="top-left"]),:host([position="top-right"]),:host([position="top-centre"]){top:0;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host([position="top-centre"]){top:0;left:50%;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host([position="top-left"]){top:0;left:0;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}:host([position="top-right"]){top:0;right:0;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}:host([position="bottom-centre"]){bottom:0;left:50%;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host([position="bottom-right"]){right:0;bottom:0;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}:host([position="bottom-left"]){bottom:0;left:0;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end}::slotted(z-toast-notification){width:50vw}}@media only screen and (min-width: 1366px){:host{margin:calc(var(--space-unit) * 4)}::slotted(z-toast-notification){width:33vw}}';var ZToastNotificationListStyle0=stylesCss;var ZToastNotificationList=function(){function t(t){registerInstance(this,t);this.position=ToastNotificationPosition.TOP_RIGHT;this.newestontop=true}t.prototype.watchPropNewestontop=function(t){var i;(i=this.hostElement).append.apply(i,this.notificationArray.reverse());if(t){this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler)}else{this.hostElement.shadowRoot.removeEventListener("slotchange",this.slotChangeHandler)}};t.prototype.componentWillLoad=function(){if(this.newestontop){this.handleNewestOnTop()}};t.prototype.handleNewestOnTop=function(){var t;this.notificationArray=Array.from(this.hostElement.children);(t=this.hostElement).append.apply(t,this.notificationArray.reverse());this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler.bind(this))};t.prototype.slotChangeHandler=function(){var t=this;var i=Array.from(this.hostElement.children).filter((function(i){return!t.notificationArray.includes(i)}));if(i){i.forEach((function(i){t.notificationArray.push(i);var e=i;i.remove();t.hostElement.prepend(e)}))}};t.prototype.render=function(){return h("slot",{key:"fcca8c71a9eca7ada8de9d23d4930ec6796b2925",name:"toasts"})};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{newestontop:["watchPropNewestontop"]}},enumerable:false,configurable:true});return t}();ZToastNotificationList.style=ZToastNotificationListStyle0;export{ZToastNotificationList as z_toast_notification_list};
-//# sourceMappingURL=z-toast-notification-list.entry.js.map

package/dist/esm-es5/z-toast-notification-list.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZToastNotificationListStyle0","ZToastNotificationList","ToastNotificationPosition","TOP_RIGHT","prototype","watchPropNewestontop","newValue","_a","this","hostElement","append","apply","notificationArray","reverse","shadowRoot","addEventListener","slotChangeHandler","removeEventListener","componentWillLoad","newestontop","handleNewestOnTop","Array","from","children","bind","_this","difference","filter","elem","includes","forEach","push","newElem","remove","prepend","render","h","key","name"],"sources":["src/components/z-toast-notification-list/styles.css?tag=z-toast-notification-list&encapsulation=shadow","src/components/z-toast-notification-list/index.tsx"],"sourcesContent":[":host {\n  position: fixed;\n  z-index: 10000;\n  display: flex;\n  flex-flow: column nowrap;\n  margin-top: calc(var(--space-unit) * 2);\n  margin-bottom: calc(var(--space-unit) * 2);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n::slotted(z-toast-notification) {\n  width: 100vw;\n}\n\n::slotted(:not(:last-child)) {\n  margin-bottom: calc(var(--space-unit) * 1);\n}\n\n:host([position=\"bottom-centre\"]),\n:host([position=\"bottom-right\"]),\n:host([position=\"bottom-left\"]) {\n  bottom: 0;\n  align-items: flex-end;\n  justify-content: flex-end;\n}\n\n:host([position=\"top-left\"]),\n:host([position=\"top-right\"]),\n:host([position=\"top-centre\"]) {\n  top: 0;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n\n/* Tablet breakpoint */\n@media only screen and (min-width: 768px) {\n  :host {\n    margin: calc(var(--space-unit) * 3);\n  }\n\n  :host([position=\"top-centre\"]) {\n    top: 0;\n    left: 50%;\n    align-items: center;\n    justify-content: flex-start;\n    transform: translateX(-50%);\n  }\n\n  :host([position=\"top-left\"]) {\n    top: 0;\n    left: 0;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n\n  :host([position=\"top-right\"]) {\n    top: 0;\n    right: 0;\n    align-items: flex-end;\n    justify-content: flex-start;\n  }\n\n  :host([position=\"bottom-centre\"]) {\n    bottom: 0;\n    left: 50%;\n    align-items: center;\n    justify-content: flex-end;\n    transform: translateX(-50%);\n  }\n\n  :host([position=\"bottom-right\"]) {\n    right: 0;\n    bottom: 0;\n    align-items: flex-end;\n    justify-content: flex-end;\n  }\n\n  :host([position=\"bottom-left\"]) {\n    bottom: 0;\n    left: 0;\n    align-items: flex-start;\n    justify-content: flex-end;\n  }\n\n  ::slotted(z-toast-notification) {\n    width: 50vw;\n  }\n}\n\n/* Wide breakpoint */\n@media only screen and (min-width: 1366px) {\n  :host {\n    margin: calc(var(--space-unit) * 4);\n  }\n\n  ::slotted(z-toast-notification) {\n    width: 33vw;\n  }\n}\n","import {Component, Element, Prop, Watch, h} from \"@stencil/core\";\nimport {ToastNotificationPosition} from \"../../beans\";\n\n@Component({\n  tag: \"z-toast-notification-list\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZToastNotificationList {\n  @Element() hostElement: HTMLZToastNotificationListElement;\n\n  /**Set the position of toast notification list - top-left, top-centre, top-right, bottom-left, bottom-centre, bottom-right */\n  @Prop({reflect: true})\n  position: ToastNotificationPosition = ToastNotificationPosition.TOP_RIGHT;\n\n  /**Set the entry position of new notification in the list */\n  @Prop()\n  newestontop?: boolean = true;\n\n  private notificationArray: Element[];\n\n  @Watch(\"newestontop\")\n  watchPropNewestontop(newValue: boolean): void {\n    this.hostElement.append(...this.notificationArray.reverse());\n    if (newValue) {\n      this.hostElement.shadowRoot.addEventListener(\"slotchange\", this.slotChangeHandler);\n    } else {\n      this.hostElement.shadowRoot.removeEventListener(\"slotchange\", this.slotChangeHandler);\n    }\n  }\n\n  componentWillLoad(): void {\n    if (this.newestontop) {\n      this.handleNewestOnTop();\n    }\n  }\n\n  private handleNewestOnTop(): void {\n    this.notificationArray = Array.from(this.hostElement.children);\n    this.hostElement.append(...this.notificationArray.reverse());\n    this.hostElement.shadowRoot.addEventListener(\"slotchange\", this.slotChangeHandler.bind(this));\n  }\n\n  private slotChangeHandler(): void {\n    const difference = Array.from(this.hostElement.children).filter((elem) => !this.notificationArray.includes(elem));\n    if (difference) {\n      difference.forEach((elem) => {\n        this.notificationArray.push(elem);\n        const newElem = elem;\n        elem.remove();\n        this.hostElement.prepend(newElem);\n      });\n    }\n  }\n\n  render(): HTMLSlotElement {\n    return <slot name=\"toasts\"></slot>;\n  }\n}\n"],"mappings":"yIAAA,IAAMA,UAAY,q5DAClB,IAAAC,6BAAeD,U,ICOFE,uBAAsB,W,qDAKKC,0BAA0BC,U,iBAIxC,I,CAKxBF,EAAAG,UAAAC,qBAAA,SAAqBC,G,OACnBC,EAAAC,KAAKC,aAAYC,OAAMC,MAAAJ,EAAIC,KAAKI,kBAAkBC,WAClD,GAAIP,EAAU,CACZE,KAAKC,YAAYK,WAAWC,iBAAiB,aAAcP,KAAKQ,kB,KAC3D,CACLR,KAAKC,YAAYK,WAAWG,oBAAoB,aAAcT,KAAKQ,kB,GAIvEf,EAAAG,UAAAc,kBAAA,WACE,GAAIV,KAAKW,YAAa,CACpBX,KAAKY,mB,GAIDnB,EAAAG,UAAAgB,kBAAA,W,MACNZ,KAAKI,kBAAoBS,MAAMC,KAAKd,KAAKC,YAAYc,WACrDhB,EAAAC,KAAKC,aAAYC,OAAMC,MAAAJ,EAAIC,KAAKI,kBAAkBC,WAClDL,KAAKC,YAAYK,WAAWC,iBAAiB,aAAcP,KAAKQ,kBAAkBQ,KAAKhB,M,EAGjFP,EAAAG,UAAAY,kBAAA,eAAAS,EAAAjB,KACN,IAAMkB,EAAaL,MAAMC,KAAKd,KAAKC,YAAYc,UAAUI,QAAO,SAACC,GAAS,OAACH,EAAKb,kBAAkBiB,SAASD,EAAjC,IAC1E,GAAIF,EAAY,CACdA,EAAWI,SAAQ,SAACF,GAClBH,EAAKb,kBAAkBmB,KAAKH,GAC5B,IAAMI,EAAUJ,EAChBA,EAAKK,SACLR,EAAKhB,YAAYyB,QAAQF,E,MAK/B/B,EAAAG,UAAA+B,OAAA,WACE,OAAOC,EAAA,QAAAC,IAAA,2CAAMC,KAAK,U,+QAhDa,G","ignoreList":[]}

package/dist/esm-es5/z-toast-notification.entry.js

@@ -1,7 +0,0 @@
-import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-c8ceadeb.js";import{r as ToastNotificationTransition}from"./index-ee40e66b.js";import{B as Breakpoints}from"./breakpoints-d148bfde.js";var hammer={exports:{}};
-/*! Hammer.JS - v2.0.7 - 2016-04-22
- * http://hammerjs.github.io/
- *
- * Copyright (c) 2016 Jorik Tangelder;
- * Licensed under the MIT license */(function(t){(function(i,n,e,r){var a=["","webkit","Moz","MS","ms","o"];var s=n.createElement("div");var o="function";var u=Math.round;var h=Math.abs;var f=Date.now;function c(t,i,n){return setTimeout(g(t,n),i)}function l(t,i,n){if(Array.isArray(t)){v(t,n[i],n);return true}return false}function v(t,i,n){var e;if(!t){return}if(t.forEach){t.forEach(i,n)}else if(t.length!==r){e=0;while(e<t.length){i.call(n,t[e],e,t);e++}}else{for(e in t){t.hasOwnProperty(e)&&i.call(n,t[e],e,t)}}}function d(t,n,e){var r="DEPRECATED METHOD: "+n+"\n"+e+" AT \n";return function(){var n=new Error("get-stack-trace");var e=n&&n.stack?n.stack.replace(/^[^\(]+?[\n$]/gm,"").replace(/^\s+at\s+/gm,"").replace(/^Object.<anonymous>\s*\(/gm,"{anonymous}()@"):"Unknown Stack Trace";var a=i.console&&(i.console.warn||i.console.log);if(a){a.call(i.console,r,e)}return t.apply(this,arguments)}}var m;if(typeof Object.assign!=="function"){m=function t(i){if(i===r||i===null){throw new TypeError("Cannot convert undefined or null to object")}var n=Object(i);for(var e=1;e<arguments.length;e++){var a=arguments[e];if(a!==r&&a!==null){for(var s in a){if(a.hasOwnProperty(s)){n[s]=a[s]}}}}return n}}else{m=Object.assign}var p=d((function t(i,n,e){var a=Object.keys(n);var s=0;while(s<a.length){if(!e||e&&i[a[s]]===r){i[a[s]]=n[a[s]]}s++}return i}),"extend","Use `assign`.");var w=d((function t(i,n){return p(i,n,true)}),"merge","Use `assign`.");function b(t,i,n){var e=i.prototype,r;r=t.prototype=Object.create(e);r.constructor=t;r._super=e;if(n){m(r,n)}}function g(t,i){return function n(){return t.apply(i,arguments)}}function y(t,i){if(typeof t==o){return t.apply(i?i[0]||r:r,i)}return t}function k(t,i){return t===r?i:t}function T(t,i,n){v(N(i),(function(i){t.addEventListener(i,n,false)}))}function x(t,i,n){v(N(i),(function(i){t.removeEventListener(i,n,false)}))}function E(t,i){while(t){if(t==i){return true}t=t.parentNode}return false}function I(t,i){return t.indexOf(i)>-1}function N(t){return t.trim().split(/\s+/g)}function X(t,i,n){if(t.indexOf&&!n){return t.indexOf(i)}else{var e=0;while(e<t.length){if(n&&t[e][n]==i||!n&&t[e]===i){return e}e++}return-1}}function Y(t){return Array.prototype.slice.call(t,0)}function z(t,i,n){var e=[];var r=[];var a=0;while(a<t.length){var s=i?t[a][i]:t[a];if(X(r,s)<0){e.push(t[a])}r[a]=s;a++}if(n){if(!i){e=e.sort()}else{e=e.sort((function t(n,e){return n[i]>e[i]}))}}return e}function A(t,i){var n,e;var s=i[0].toUpperCase()+i.slice(1);var o=0;while(o<a.length){n=a[o];e=n?n+s:i;if(e in t){return e}o++}return r}var M=1;function P(){return M++}function C(t){var n=t.ownerDocument||t;return n.defaultView||n.parentWindow||i}var D=/mobile|tablet|ip(ad|hone|od)|android/i;var O="ontouchstart"in i;var S=A(i,"PointerEvent")!==r;var R=O&&D.test(navigator.userAgent);var _="touch";var j="pen";var H="mouse";var L="kinect";var U=25;var F=1;var Z=2;var B=4;var W=8;var q=1;var G=2;var V=4;var K=8;var $=16;var J=G|V;var Q=K|$;var tt=J|Q;var it=["x","y"];var nt=["clientX","clientY"];function et(t,i){var n=this;this.manager=t;this.callback=i;this.element=t.element;this.target=t.options.inputTarget;this.domHandler=function(i){if(y(t.options.enable,[t])){n.handler(i)}};this.init()}et.prototype={handler:function(){},init:function(){this.evEl&&T(this.element,this.evEl,this.domHandler);this.evTarget&&T(this.target,this.evTarget,this.domHandler);this.evWin&&T(C(this.element),this.evWin,this.domHandler)},destroy:function(){this.evEl&&x(this.element,this.evEl,this.domHandler);this.evTarget&&x(this.target,this.evTarget,this.domHandler);this.evWin&&x(C(this.element),this.evWin,this.domHandler)}};function rt(t){var i;var n=t.options.inputClass;if(n){i=n}else if(S){i=It}else if(R){i=Ct}else if(!O){i=yt}else{i=Rt}return new i(t,at)}function at(t,i,n){var e=n.pointers.length;var r=n.changedPointers.length;var a=i&F&&e-r===0;var s=i&(B|W)&&e-r===0;n.isFirst=!!a;n.isFinal=!!s;if(a){t.session={}}n.eventType=i;st(t,n);t.emit("hammer.input",n);t.recognize(n);t.session.prevInput=n}function st(t,i){var n=t.session;var e=i.pointers;var r=e.length;if(!n.firstInput){n.firstInput=ht(i)}if(r>1&&!n.firstMultiple){n.firstMultiple=ht(i)}else if(r===1){n.firstMultiple=false}var a=n.firstInput;var s=n.firstMultiple;var o=s?s.center:a.center;var u=i.center=ft(e);i.timeStamp=f();i.deltaTime=i.timeStamp-a.timeStamp;i.angle=dt(o,u);i.distance=vt(o,u);ot(n,i);i.offsetDirection=lt(i.deltaX,i.deltaY);var c=ct(i.deltaTime,i.deltaX,i.deltaY);i.overallVelocityX=c.x;i.overallVelocityY=c.y;i.overallVelocity=h(c.x)>h(c.y)?c.x:c.y;i.scale=s?pt(s.pointers,e):1;i.rotation=s?mt(s.pointers,e):0;i.maxPointers=!n.prevInput?i.pointers.length:i.pointers.length>n.prevInput.maxPointers?i.pointers.length:n.prevInput.maxPointers;ut(n,i);var l=t.element;if(E(i.srcEvent.target,l)){l=i.srcEvent.target}i.target=l}function ot(t,i){var n=i.center;var e=t.offsetDelta||{};var r=t.prevDelta||{};var a=t.prevInput||{};if(i.eventType===F||a.eventType===B){r=t.prevDelta={x:a.deltaX||0,y:a.deltaY||0};e=t.offsetDelta={x:n.x,y:n.y}}i.deltaX=r.x+(n.x-e.x);i.deltaY=r.y+(n.y-e.y)}function ut(t,i){var n=t.lastInterval||i,e=i.timeStamp-n.timeStamp,a,s,o,u;if(i.eventType!=W&&(e>U||n.velocity===r)){var f=i.deltaX-n.deltaX;var c=i.deltaY-n.deltaY;var l=ct(e,f,c);s=l.x;o=l.y;a=h(l.x)>h(l.y)?l.x:l.y;u=lt(f,c);t.lastInterval=i}else{a=n.velocity;s=n.velocityX;o=n.velocityY;u=n.direction}i.velocity=a;i.velocityX=s;i.velocityY=o;i.direction=u}function ht(t){var i=[];var n=0;while(n<t.pointers.length){i[n]={clientX:u(t.pointers[n].clientX),clientY:u(t.pointers[n].clientY)};n++}return{timeStamp:f(),pointers:i,center:ft(i),deltaX:t.deltaX,deltaY:t.deltaY}}function ft(t){var i=t.length;if(i===1){return{x:u(t[0].clientX),y:u(t[0].clientY)}}var n=0,e=0,r=0;while(r<i){n+=t[r].clientX;e+=t[r].clientY;r++}return{x:u(n/i),y:u(e/i)}}function ct(t,i,n){return{x:i/t||0,y:n/t||0}}function lt(t,i){if(t===i){return q}if(h(t)>=h(i)){return t<0?G:V}return i<0?K:$}function vt(t,i,n){if(!n){n=it}var e=i[n[0]]-t[n[0]],r=i[n[1]]-t[n[1]];return Math.sqrt(e*e+r*r)}function dt(t,i,n){if(!n){n=it}var e=i[n[0]]-t[n[0]],r=i[n[1]]-t[n[1]];return Math.atan2(r,e)*180/Math.PI}function mt(t,i){return dt(i[1],i[0],nt)+dt(t[1],t[0],nt)}function pt(t,i){return vt(i[0],i[1],nt)/vt(t[0],t[1],nt)}var wt={mousedown:F,mousemove:Z,mouseup:B};var bt="mousedown";var gt="mousemove mouseup";function yt(){this.evEl=bt;this.evWin=gt;this.pressed=false;et.apply(this,arguments)}b(yt,et,{handler:function t(i){var n=wt[i.type];if(n&F&&i.button===0){this.pressed=true}if(n&Z&&i.which!==1){n=B}if(!this.pressed){return}if(n&B){this.pressed=false}this.callback(this.manager,n,{pointers:[i],changedPointers:[i],pointerType:H,srcEvent:i})}});var kt={pointerdown:F,pointermove:Z,pointerup:B,pointercancel:W,pointerout:W};var Tt={2:_,3:j,4:H,5:L};var xt="pointerdown";var Et="pointermove pointerup pointercancel";if(i.MSPointerEvent&&!i.PointerEvent){xt="MSPointerDown";Et="MSPointerMove MSPointerUp MSPointerCancel"}function It(){this.evEl=xt;this.evWin=Et;et.apply(this,arguments);this.store=this.manager.session.pointerEvents=[]}b(It,et,{handler:function t(i){var n=this.store;var e=false;var r=i.type.toLowerCase().replace("ms","");var a=kt[r];var s=Tt[i.pointerType]||i.pointerType;var o=s==_;var u=X(n,i.pointerId,"pointerId");if(a&F&&(i.button===0||o)){if(u<0){n.push(i);u=n.length-1}}else if(a&(B|W)){e=true}if(u<0){return}n[u]=i;this.callback(this.manager,a,{pointers:n,changedPointers:[i],pointerType:s,srcEvent:i});if(e){n.splice(u,1)}}});var Nt={touchstart:F,touchmove:Z,touchend:B,touchcancel:W};var Xt="touchstart";var Yt="touchstart touchmove touchend touchcancel";function zt(){this.evTarget=Xt;this.evWin=Yt;this.started=false;et.apply(this,arguments)}b(zt,et,{handler:function t(i){var n=Nt[i.type];if(n===F){this.started=true}if(!this.started){return}var e=At.call(this,i,n);if(n&(B|W)&&e[0].length-e[1].length===0){this.started=false}this.callback(this.manager,n,{pointers:e[0],changedPointers:e[1],pointerType:_,srcEvent:i})}});function At(t,i){var n=Y(t.touches);var e=Y(t.changedTouches);if(i&(B|W)){n=z(n.concat(e),"identifier",true)}return[n,e]}var Mt={touchstart:F,touchmove:Z,touchend:B,touchcancel:W};var Pt="touchstart touchmove touchend touchcancel";function Ct(){this.evTarget=Pt;this.targetIds={};et.apply(this,arguments)}b(Ct,et,{handler:function t(i){var n=Mt[i.type];var e=Dt.call(this,i,n);if(!e){return}this.callback(this.manager,n,{pointers:e[0],changedPointers:e[1],pointerType:_,srcEvent:i})}});function Dt(t,i){var n=Y(t.touches);var e=this.targetIds;if(i&(F|Z)&&n.length===1){e[n[0].identifier]=true;return[n,n]}var r,a,s=Y(t.changedTouches),o=[],u=this.target;a=n.filter((function(t){return E(t.target,u)}));if(i===F){r=0;while(r<a.length){e[a[r].identifier]=true;r++}}r=0;while(r<s.length){if(e[s[r].identifier]){o.push(s[r])}if(i&(B|W)){delete e[s[r].identifier]}r++}if(!o.length){return}return[z(a.concat(o),"identifier",true),o]}var Ot=2500;var St=25;function Rt(){et.apply(this,arguments);var t=g(this.handler,this);this.touch=new Ct(this.manager,t);this.mouse=new yt(this.manager,t);this.primaryTouch=null;this.lastTouches=[]}b(Rt,et,{handler:function t(i,n,e){var r=e.pointerType==_,a=e.pointerType==H;if(a&&e.sourceCapabilities&&e.sourceCapabilities.firesTouchEvents){return}if(r){_t.call(this,n,e)}else if(a&&Ht.call(this,e)){return}this.callback(i,n,e)},destroy:function t(){this.touch.destroy();this.mouse.destroy()}});function _t(t,i){if(t&F){this.primaryTouch=i.changedPointers[0].identifier;jt.call(this,i)}else if(t&(B|W)){jt.call(this,i)}}function jt(t){var i=t.changedPointers[0];if(i.identifier===this.primaryTouch){var n={x:i.clientX,y:i.clientY};this.lastTouches.push(n);var e=this.lastTouches;var r=function(){var t=e.indexOf(n);if(t>-1){e.splice(t,1)}};setTimeout(r,Ot)}}function Ht(t){var i=t.srcEvent.clientX,n=t.srcEvent.clientY;for(var e=0;e<this.lastTouches.length;e++){var r=this.lastTouches[e];var a=Math.abs(i-r.x),s=Math.abs(n-r.y);if(a<=St&&s<=St){return true}}return false}var Lt=A(s.style,"touchAction");var Ut=Lt!==r;var Ft="compute";var Zt="auto";var Bt="manipulation";var Wt="none";var qt="pan-x";var Gt="pan-y";var Vt=Jt();function Kt(t,i){this.manager=t;this.set(i)}Kt.prototype={set:function(t){if(t==Ft){t=this.compute()}if(Ut&&this.manager.element.style&&Vt[t]){this.manager.element.style[Lt]=t}this.actions=t.toLowerCase().trim()},update:function(){this.set(this.manager.options.touchAction)},compute:function(){var t=[];v(this.manager.recognizers,(function(i){if(y(i.options.enable,[i])){t=t.concat(i.getTouchAction())}}));return $t(t.join(" "))},preventDefaults:function(t){var i=t.srcEvent;var n=t.offsetDirection;if(this.manager.session.prevented){i.preventDefault();return}var e=this.actions;var r=I(e,Wt)&&!Vt[Wt];var a=I(e,Gt)&&!Vt[Gt];var s=I(e,qt)&&!Vt[qt];if(r){var o=t.pointers.length===1;var u=t.distance<2;var h=t.deltaTime<250;if(o&&u&&h){return}}if(s&&a){return}if(r||a&&n&J||s&&n&Q){return this.preventSrc(i)}},preventSrc:function(t){this.manager.session.prevented=true;t.preventDefault()}};function $t(t){if(I(t,Wt)){return Wt}var i=I(t,qt);var n=I(t,Gt);if(i&&n){return Wt}if(i||n){return i?qt:Gt}if(I(t,Bt)){return Bt}return Zt}function Jt(){if(!Ut){return false}var t={};var n=i.CSS&&i.CSS.supports;["auto","manipulation","pan-y","pan-x","pan-x pan-y","none"].forEach((function(e){t[e]=n?i.CSS.supports("touch-action",e):true}));return t}var Qt=1;var ti=2;var ii=4;var ni=8;var ei=ni;var ri=16;var ai=32;function si(t){this.options=m({},this.defaults,t||{});this.id=P();this.manager=null;this.options.enable=k(this.options.enable,true);this.state=Qt;this.simultaneous={};this.requireFail=[]}si.prototype={defaults:{},set:function(t){m(this.options,t);this.manager&&this.manager.touchAction.update();return this},recognizeWith:function(t){if(l(t,"recognizeWith",this)){return this}var i=this.simultaneous;t=hi(t,this);if(!i[t.id]){i[t.id]=t;t.recognizeWith(this)}return this},dropRecognizeWith:function(t){if(l(t,"dropRecognizeWith",this)){return this}t=hi(t,this);delete this.simultaneous[t.id];return this},requireFailure:function(t){if(l(t,"requireFailure",this)){return this}var i=this.requireFail;t=hi(t,this);if(X(i,t)===-1){i.push(t);t.requireFailure(this)}return this},dropRequireFailure:function(t){if(l(t,"dropRequireFailure",this)){return this}t=hi(t,this);var i=X(this.requireFail,t);if(i>-1){this.requireFail.splice(i,1)}return this},hasRequireFailures:function(){return this.requireFail.length>0},canRecognizeWith:function(t){return!!this.simultaneous[t.id]},emit:function(t){var i=this;var n=this.state;function e(n){i.manager.emit(n,t)}if(n<ni){e(i.options.event+oi(n))}e(i.options.event);if(t.additionalEvent){e(t.additionalEvent)}if(n>=ni){e(i.options.event+oi(n))}},tryEmit:function(t){if(this.canEmit()){return this.emit(t)}this.state=ai},canEmit:function(){var t=0;while(t<this.requireFail.length){if(!(this.requireFail[t].state&(ai|Qt))){return false}t++}return true},recognize:function(t){var i=m({},t);if(!y(this.options.enable,[this,i])){this.reset();this.state=ai;return}if(this.state&(ei|ri|ai)){this.state=Qt}this.state=this.process(i);if(this.state&(ti|ii|ni|ri)){this.tryEmit(i)}},process:function(t){},getTouchAction:function(){},reset:function(){}};function oi(t){if(t&ri){return"cancel"}else if(t&ni){return"end"}else if(t&ii){return"move"}else if(t&ti){return"start"}return""}function ui(t){if(t==$){return"down"}else if(t==K){return"up"}else if(t==G){return"left"}else if(t==V){return"right"}return""}function hi(t,i){var n=i.manager;if(n){return n.get(t)}return t}function fi(){si.apply(this,arguments)}b(fi,si,{defaults:{pointers:1},attrTest:function(t){var i=this.options.pointers;return i===0||t.pointers.length===i},process:function(t){var i=this.state;var n=t.eventType;var e=i&(ti|ii);var r=this.attrTest(t);if(e&&(n&W||!r)){return i|ri}else if(e||r){if(n&B){return i|ni}else if(!(i&ti)){return ti}return i|ii}return ai}});function ci(){fi.apply(this,arguments);this.pX=null;this.pY=null}b(ci,fi,{defaults:{event:"pan",threshold:10,pointers:1,direction:tt},getTouchAction:function(){var t=this.options.direction;var i=[];if(t&J){i.push(Gt)}if(t&Q){i.push(qt)}return i},directionTest:function(t){var i=this.options;var n=true;var e=t.distance;var r=t.direction;var a=t.deltaX;var s=t.deltaY;if(!(r&i.direction)){if(i.direction&J){r=a===0?q:a<0?G:V;n=a!=this.pX;e=Math.abs(t.deltaX)}else{r=s===0?q:s<0?K:$;n=s!=this.pY;e=Math.abs(t.deltaY)}}t.direction=r;return n&&e>i.threshold&&r&i.direction},attrTest:function(t){return fi.prototype.attrTest.call(this,t)&&(this.state&ti||!(this.state&ti)&&this.directionTest(t))},emit:function(t){this.pX=t.deltaX;this.pY=t.deltaY;var i=ui(t.direction);if(i){t.additionalEvent=this.options.event+i}this._super.emit.call(this,t)}});function li(){fi.apply(this,arguments)}b(li,fi,{defaults:{event:"pinch",threshold:0,pointers:2},getTouchAction:function(){return[Wt]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.scale-1)>this.options.threshold||this.state&ti)},emit:function(t){if(t.scale!==1){var i=t.scale<1?"in":"out";t.additionalEvent=this.options.event+i}this._super.emit.call(this,t)}});function vi(){si.apply(this,arguments);this._timer=null;this._input=null}b(vi,si,{defaults:{event:"press",pointers:1,time:251,threshold:9},getTouchAction:function(){return[Zt]},process:function(t){var i=this.options;var n=t.pointers.length===i.pointers;var e=t.distance<i.threshold;var r=t.deltaTime>i.time;this._input=t;if(!e||!n||t.eventType&(B|W)&&!r){this.reset()}else if(t.eventType&F){this.reset();this._timer=c((function(){this.state=ei;this.tryEmit()}),i.time,this)}else if(t.eventType&B){return ei}return ai},reset:function(){clearTimeout(this._timer)},emit:function(t){if(this.state!==ei){return}if(t&&t.eventType&B){this.manager.emit(this.options.event+"up",t)}else{this._input.timeStamp=f();this.manager.emit(this.options.event,this._input)}}});function di(){fi.apply(this,arguments)}b(di,fi,{defaults:{event:"rotate",threshold:0,pointers:2},getTouchAction:function(){return[Wt]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.rotation)>this.options.threshold||this.state&ti)}});function mi(){fi.apply(this,arguments)}b(mi,fi,{defaults:{event:"swipe",threshold:10,velocity:.3,direction:J|Q,pointers:1},getTouchAction:function(){return ci.prototype.getTouchAction.call(this)},attrTest:function(t){var i=this.options.direction;var n;if(i&(J|Q)){n=t.overallVelocity}else if(i&J){n=t.overallVelocityX}else if(i&Q){n=t.overallVelocityY}return this._super.attrTest.call(this,t)&&i&t.offsetDirection&&t.distance>this.options.threshold&&t.maxPointers==this.options.pointers&&h(n)>this.options.velocity&&t.eventType&B},emit:function(t){var i=ui(t.offsetDirection);if(i){this.manager.emit(this.options.event+i,t)}this.manager.emit(this.options.event,t)}});function pi(){si.apply(this,arguments);this.pTime=false;this.pCenter=false;this._timer=null;this._input=null;this.count=0}b(pi,si,{defaults:{event:"tap",pointers:1,taps:1,interval:300,time:250,threshold:9,posThreshold:10},getTouchAction:function(){return[Bt]},process:function(t){var i=this.options;var n=t.pointers.length===i.pointers;var e=t.distance<i.threshold;var r=t.deltaTime<i.time;this.reset();if(t.eventType&F&&this.count===0){return this.failTimeout()}if(e&&r&&n){if(t.eventType!=B){return this.failTimeout()}var a=this.pTime?t.timeStamp-this.pTime<i.interval:true;var s=!this.pCenter||vt(this.pCenter,t.center)<i.posThreshold;this.pTime=t.timeStamp;this.pCenter=t.center;if(!s||!a){this.count=1}else{this.count+=1}this._input=t;var o=this.count%i.taps;if(o===0){if(!this.hasRequireFailures()){return ei}else{this._timer=c((function(){this.state=ei;this.tryEmit()}),i.interval,this);return ti}}}return ai},failTimeout:function(){this._timer=c((function(){this.state=ai}),this.options.interval,this);return ai},reset:function(){clearTimeout(this._timer)},emit:function(){if(this.state==ei){this._input.tapCount=this.count;this.manager.emit(this.options.event,this._input)}}});function wi(t,i){i=i||{};i.recognizers=k(i.recognizers,wi.defaults.preset);return new yi(t,i)}wi.VERSION="2.0.7";wi.defaults={domEvents:false,touchAction:Ft,enable:true,inputTarget:null,inputClass:null,preset:[[di,{enable:false}],[li,{enable:false},["rotate"]],[mi,{direction:J}],[ci,{direction:J},["swipe"]],[pi],[pi,{event:"doubletap",taps:2},["tap"]],[vi]],cssProps:{userSelect:"none",touchSelect:"none",touchCallout:"none",contentZooming:"none",userDrag:"none",tapHighlightColor:"rgba(0,0,0,0)"}};var bi=1;var gi=2;function yi(t,i){this.options=m({},wi.defaults,i||{});this.options.inputTarget=this.options.inputTarget||t;this.handlers={};this.session={};this.recognizers=[];this.oldCssProps={};this.element=t;this.input=rt(this);this.touchAction=new Kt(this,this.options.touchAction);ki(this,true);v(this.options.recognizers,(function(t){var i=this.add(new t[0](t[1]));t[2]&&i.recognizeWith(t[2]);t[3]&&i.requireFailure(t[3])}),this)}yi.prototype={set:function(t){m(this.options,t);if(t.touchAction){this.touchAction.update()}if(t.inputTarget){this.input.destroy();this.input.target=t.inputTarget;this.input.init()}return this},stop:function(t){this.session.stopped=t?gi:bi},recognize:function(t){var i=this.session;if(i.stopped){return}this.touchAction.preventDefaults(t);var n;var e=this.recognizers;var r=i.curRecognizer;if(!r||r&&r.state&ei){r=i.curRecognizer=null}var a=0;while(a<e.length){n=e[a];if(i.stopped!==gi&&(!r||n==r||n.canRecognizeWith(r))){n.recognize(t)}else{n.reset()}if(!r&&n.state&(ti|ii|ni)){r=i.curRecognizer=n}a++}},get:function(t){if(t instanceof si){return t}var i=this.recognizers;for(var n=0;n<i.length;n++){if(i[n].options.event==t){return i[n]}}return null},add:function(t){if(l(t,"add",this)){return this}var i=this.get(t.options.event);if(i){this.remove(i)}this.recognizers.push(t);t.manager=this;this.touchAction.update();return t},remove:function(t){if(l(t,"remove",this)){return this}t=this.get(t);if(t){var i=this.recognizers;var n=X(i,t);if(n!==-1){i.splice(n,1);this.touchAction.update()}}return this},on:function(t,i){if(t===r){return}if(i===r){return}var n=this.handlers;v(N(t),(function(t){n[t]=n[t]||[];n[t].push(i)}));return this},off:function(t,i){if(t===r){return}var n=this.handlers;v(N(t),(function(t){if(!i){delete n[t]}else{n[t]&&n[t].splice(X(n[t],i),1)}}));return this},emit:function(t,i){if(this.options.domEvents){Ti(t,i)}var n=this.handlers[t]&&this.handlers[t].slice();if(!n||!n.length){return}i.type=t;i.preventDefault=function(){i.srcEvent.preventDefault()};var e=0;while(e<n.length){n[e](i);e++}},destroy:function(){this.element&&ki(this,false);this.handlers={};this.session={};this.input.destroy();this.element=null}};function ki(t,i){var n=t.element;if(!n.style){return}var e;v(t.options.cssProps,(function(r,a){e=A(n.style,a);if(i){t.oldCssProps[e]=n.style[e];n.style[e]=r}else{n.style[e]=t.oldCssProps[e]||""}}));if(!i){t.oldCssProps={}}}function Ti(t,i){var e=n.createEvent("Event");e.initEvent(t,true,true);e.gesture=i;i.target.dispatchEvent(e)}m(wi,{INPUT_START:F,INPUT_MOVE:Z,INPUT_END:B,INPUT_CANCEL:W,STATE_POSSIBLE:Qt,STATE_BEGAN:ti,STATE_CHANGED:ii,STATE_ENDED:ni,STATE_RECOGNIZED:ei,STATE_CANCELLED:ri,STATE_FAILED:ai,DIRECTION_NONE:q,DIRECTION_LEFT:G,DIRECTION_RIGHT:V,DIRECTION_UP:K,DIRECTION_DOWN:$,DIRECTION_HORIZONTAL:J,DIRECTION_VERTICAL:Q,DIRECTION_ALL:tt,Manager:yi,Input:et,TouchAction:Kt,TouchInput:Ct,MouseInput:yt,PointerEventInput:It,TouchMouseInput:Rt,SingleTouchInput:zt,Recognizer:si,AttrRecognizer:fi,Tap:pi,Pan:ci,Swipe:mi,Pinch:li,Rotate:di,Press:vi,on:T,off:x,each:v,merge:w,extend:p,assign:m,inherit:b,bindFn:g,prefixed:A});var xi=typeof i!=="undefined"?i:typeof self!=="undefined"?self:{};xi.Hammer=wi;if(typeof r==="function"&&r.amd){r((function(){return wi}))}else if(t.exports){t.exports=wi}else{i[e]=wi}})(window,document,"Hammer")})(hammer);var Hammer=hammer.exports;var stylesCss=":host{display:inline-block;width:100vw;min-width:200px;--percentuale:0}:host(.slide-in-left){-webkit-animation:slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.slide-in-right){-webkit-animation:slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.slide-in-down){-webkit-animation:slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.slide-in-up){-webkit-animation:slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.slide-out-left){-webkit-animation:slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.slide-out-right){-webkit-animation:slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.slide-out-down){-webkit-animation:slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.slide-out-up){-webkit-animation:slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes slideinleft{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideinleft{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideinright{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideinright{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideinup{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideinup{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideindown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideindown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideoutleft{0%{opacity:calc(100% - var(--percentuale));-webkit-transform:translateX(var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideoutleft{0%{opacity:calc(100% - var(--percentuale));-webkit-transform:translateX(var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes slideoutright{0%{opacity:calc(100% - var(--percentuale));-webkit-transform:translateX(var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideoutright{0%{opacity:calc(100% - var(--percentuale));-webkit-transform:translateX(var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes slideoutup{0%{opacity:1;-webkit-transform:translateY(var(--percentuale));transform:translateY(var(--percentuale))}100%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideoutup{0%{opacity:1;-webkit-transform:translateY(var(--percentuale));transform:translateY(var(--percentuale))}100%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes slideoutdown{0%{opacity:1;-webkit-transform:translateY(var(--percentuale));transform:translateY(var(--percentuale))}100%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideoutdown{0%{opacity:1;-webkit-transform:translateY(var(--percentuale));transform:translateY(var(--percentuale))}100%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}:host>#external-container{display:-ms-flexbox;display:flex;min-height:52px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * 2);border-radius:4px;-webkit-box-shadow:var(--shadow-3);box-shadow:var(--shadow-3);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px}:host>#external-container.mobile-wrapped>#icon{-ms-flex-item-align:start;align-self:flex-start}:host>#external-container.several-lines-padding{padding:calc(var(--space-unit) * 2)}:host>#external-container>#flex-container{display:-ms-flexbox;display:flex;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host>#external-container #text{margin-right:calc(var(--space-unit) * 2);color:var(--color-white);letter-spacing:0.16px;line-height:20px;text-align:left}:host>#external-container #text>.title{margin-right:4px;font-weight:600}:host>#external-container.mobile-wrapped #button ::slotted(z-button){margin-top:calc(var(--space-unit) * 2)}:host>#external-container #icon{margin-left:calc(var(--space-unit) * 2);cursor:pointer;fill:var(--color-white)}z-icon{display:inline-block;vertical-align:0}z-icon:focus{padding:calc(var(--space-unit) / 4);border-radius:50%;-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none !important}:host>#external-container.dark{background:var(--gray800)}:host>#external-container.light{background:var(--color-background)}:host>#external-container.light #icon,:host>#external-container.warning #text,:host>#external-container.warning #icon{fill:var(--color-primary01-icon)}:host>#external-container.light #text,:host>#external-container.warning #text{color:var(--gray800)}:host>#external-container.accent{background:var(--color-primary01)}:host>#external-container.error{background:var(--color-error-default)}:host>#external-container.success{background:var(--color-success-default)}:host>#external-container.warning{background:var(--color-warning-default)}@media only screen and (min-width: 768px){:host{width:unset;max-width:50vw}:host>#external-container>#flex-container{-ms-flex-wrap:nowrap;flex-wrap:nowrap}:host>#external-container #text{width:100%}}@media only screen and (min-width: 1366px){:host{width:unset;max-width:33vw}}";var ZToastNotificationStyle0=stylesCss;var ZToastNotification=function(){function t(t){registerInstance(this,t);this.toastClose=createEvent(this,"toastClose",7);this.isCloseEventCalled=false;this.heading=undefined;this.message=undefined;this.closebutton=undefined;this.autoclose=undefined;this.pauseonfocusloss=true;this.type=undefined;this.isdraggable=true;this.draggablepercentage=80;this.transition=undefined;this.percentage=undefined}t.prototype.watchPropIsdraggable=function(t){if(t){this.sliderManager.get("pan").set({enable:true})}else{this.sliderManager.get("pan").set({enable:false})}};t.prototype.watchPropAutoclose=function(t){clearTimeout(this.timeoutHandle);this.startClosingTimeout(t)};t.prototype.watchPropPauseonfocusloss=function(t){if(this.autoclose){if(t){document.addEventListener("visibilitychange",this.visibilityChangeEventHandler)}else{document.removeEventListener("visibilitychange",this.visibilityChangeEventHandler)}}};t.prototype.emitToastClose=function(t){this.timeoutHandle=null;this.elapsedTime=null;this.hostElement.classList.add(t);this.toastClose.emit()};t.prototype.componentWillLoad=function(){this.isMobile=window.innerWidth<=Breakpoints.MOBILE;this.validateAutoclose();this.percentage=0};t.prototype.componentDidLoad=function(){this.isTextLong=this.detectWrap()||this.toastText.offsetHeight>20;this.startTime=Date.now();if(this.autoclose&&this.pauseonfocusloss){document.addEventListener("visibilitychange",this.visibilityChangeEventHandler)}this.isdraggable&&this.handleSlideOutDragAnimation()};t.prototype.visibilityChangeEventHandler=function(){if(document.visibilityState==="hidden"){this.timeoutHandle&&this.onBlur()}else{this.elapsedTime&&this.onFocus()}};t.prototype.validateAutoclose=function(){if(!this.autoclose&&!this.closebutton){console.error("At least one between autoclose and closebutton must be present")}};t.prototype.mapSlideOutClass=function(){switch(this.transition){case ToastNotificationTransition.SLIDE_IN_DOWN:return ToastNotificationTransition.SLIDE_OUT_UP;case ToastNotificationTransition.SLIDE_IN_UP:return ToastNotificationTransition.SLIDE_OUT_DOWN;case ToastNotificationTransition.SLIDE_IN_LEFT:return ToastNotificationTransition.SLIDE_OUT_RIGHT;case ToastNotificationTransition.SLIDE_IN_RIGHT:return ToastNotificationTransition.SLIDE_OUT_LEFT}};t.prototype.calculateDraggedPercentage=function(t){var i=this.hostElement.getBoundingClientRect();return Math.round(100*t.deltaX/i.width)};t.prototype.handleSlideOutDragAnimation=function(){var t=this;this.sliderManager=new Hammer(this.hostElement);this.sliderManager.get("pan").set({direction:Hammer.DIRECTION_HORIZONTAL});this.sliderManager.on("pan",(function(i){t.percentage=t.calculateDraggedPercentage(i);t.hostElement.style.transition="none";t.hostElement.classList.remove(t.transition);var n={translate:"translateX(".concat(t.percentage,"%)"),translateBack:"translateX(0)"};t.hostElement.style.opacity="".concat(100-Math.abs(t.percentage),"%");if(i.eventType===Hammer.DIRECTION_LEFT||i.eventType===Hammer.DIRECTION_RIGHT){t.hostElement.style.transform=n.translate;if(Math.abs(t.percentage)>t.draggablepercentage&&!t.isCloseEventCalled){t.isCloseEventCalled=true;t.emitToastClose(i.direction===Hammer.DIRECTION_LEFT?"slide-out-left":"slide-out-right")}}if(i.isFinal&&Math.abs(t.percentage)<t.draggablepercentage){t.hostElement.style.transform=n.translateBack;t.hostElement.style.transition="all 1s";t.hostElement.style.opacity="100%";t.percentage=0}}))};t.prototype.onFocus=function(){var t=this.autoclose;if(this.elapsedTime){t=this.autoclose-this.elapsedTime}if(t>0){this.startClosingTimeout(t)}};t.prototype.onBlur=function(){this.elapsedTime=Date.now()-this.startTime;clearTimeout(this.timeoutHandle)};t.prototype.startClosingTimeout=function(t){var i=this;this.timeoutHandle=window.setTimeout((function(){return i.emitToastClose(i.mapSlideOutClass())}),t)};t.prototype.detectWrap=function(){var t=this.container.offsetWidth;var i=this.container.children;var n=0;for(var e=0;e<i.length;e++){n+=i[e].offsetWidth}return n>t};t.prototype.renderText=function(){var t=this;return h("div",{id:"text",ref:function(i){return t.toastText=i}},h("span",{class:"title"},this.heading),h("span",{class:"message"},this.message))};t.prototype.renderButton=function(){return h("div",{id:"button"},h("slot",{name:"button"}))};t.prototype.renderCloseIcon=function(){var t=this;if(!this.closebutton){return}return h("div",{id:"icon"},h("z-icon",{tabIndex:0,name:"multiply-circled",width:15,height:15,onClick:function(){return t.emitToastClose(t.mapSlideOutClass())},onKeyPress:function(i){if(i.keyCode==32||i.keyCode==13){i.preventDefault();t.emitToastClose(t.mapSlideOutClass())}}}))};t.prototype.renderContainer=function(){var t;var i=this;return h("div",{tabIndex:0,id:"external-container",class:(t={},t[this.type]=!!this.type,t["several-lines-padding"]=this.isTextLong,t),ref:function(t){return i.container=t}},this.renderText(),this.renderButton(),this.renderCloseIcon())};t.prototype.renderMobileContainer=function(){var t;var i=this;return h("div",{id:"external-container",class:(t={},t[this.type]=!!this.type,t["several-lines-padding"]=this.isTextLong,t["mobile-wrapped"]=this.isTextLong,t)},h("div",{id:"flex-container",ref:function(t){return i.container=t}},this.renderText(),this.renderButton()),this.renderCloseIcon())};t.prototype.render=function(){var t=this;return h(Host,{key:"c8254b294f52c92c404a2e610e95247597be5e69",style:{"--percentuale":"".concat(this.percentage,"%")},class:this.transition?this.transition:ToastNotificationTransition.SLIDE_IN_DOWN,onAnimationEnd:function(i){if(t.autoclose&&i.animationName.includes("slidein")){t.startClosingTimeout(t.autoclose)}if(i.animationName.includes("slideout")){t.hostElement.parentNode.removeChild(t.hostElement)}}},this.isMobile?this.renderMobileContainer():this.renderContainer())};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{isdraggable:["watchPropIsdraggable"],autoclose:["watchPropAutoclose"],pauseonfocusloss:["watchPropPauseonfocusloss"]}},enumerable:false,configurable:true});return t}();ZToastNotification.style=ZToastNotificationStyle0;export{ZToastNotification as z_toast_notification};
-//# sourceMappingURL=z-toast-notification.entry.js.map