@zanichelli/albe-web-components 19.6.1 → 20.0.0

package/dist/components/index7.js.map

@@ -1 +1 @@
-{"version":3,"names":["stylesGeneralCss","stylesTextCss","stylesTextareaCss","stylesCheckboxRadioCss","ZInput","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","htmlid","randomId","ariaLabel","htmlAriaExpanded","disabled","readonly","required","checked","message","labelPosition","LabelPosition","RIGHT","role","hasclearicon","size","ControlSize","BIG","isTyping","passwordHidden","typingtimeout","inputCheckListener","e","data","detail","type","InputType","RADIO","name","id","isChecked","CHECKBOX","console","warn","emitInputChange","value","emitStartTyping","validity","TEXTAREA","getValidity","inputChange","emit","clearTimeout","timer","setTimeout","emitStopTyping","startTyping","stopTyping","emitInputCheck","inputCheck","emitInputFocus","inputFocus","emitInputBlur","inputBlur","input","hostElement","querySelector","getTextAttributes","placeholder","title","htmltitle","minlength","maxlength","class","status","autocomplete","onInput","target","getNumberAttributes","NUMBER","min","max","step","getPatternAttribute","PASSWORD","TEXT","TEL","SEARCH","URL","EMAIL","pattern","inputHasMessage","boolean","getAriaAttributes","Object","assign","htmlAriaDescribedBy","htmlAriaLabelledby","getTextAriaAttributes","expanded","controls","htmlAriaControls","htmlAriaAutocomplete","activedescendant","htmlAriaActivedescendant","ariaDescribedby","ariaInvalid","InputStatus","ERROR","getFocusBlurAttributes","onFocus","onBlur","renderInputText","attr","icon","h","renderLabel","ref","el","inputRef","renderIcons","renderMessage","label","htmlFor","renderResetIcon","renderIcon","renderShowHidePassword","hidden","onClick","focus","undefined","renderTextarea","attributes","ariaAttributes","Fragment","handleCheck","ev","renderCheckbox","ariaRequired","onChange","bind","after","before","LEFT","innerHTML","renderRadio","render","Host","key"],"sources":["src/components/z-input/styles-general.css?tag=z-input&encapsulation=scoped","src/components/z-input/styles-text.css?tag=z-input&encapsulation=scoped","src/components/z-input/styles-textarea.css?tag=z-input&encapsulation=scoped","src/components/z-input/styles-checkbox-radio.css?tag=z-input&encapsulation=scoped","src/components/z-input/index.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  width: inherit;\n}\n\n:host * {\n  box-sizing: border-box;\n}\n\n/* GENERAL */\ninput::-ms-clear,\ninput::-ms-reveal {\n  display: none;\n}\n\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration {\n  display: none;\n}\n\ninput,\ntextarea {\n  background: var(--color-form-background);\n  fill: var(--color-form-default-icon);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n  outline: none;\n}\n\ninput,\n.textarea-wrapper {\n  border: var(--border-size-small) solid var(--color-form-surface04);\n  border-radius: var(--border-radius-small);\n  color: var(--color-form-default-text);\n}\n\n:host([size=\"small\"]) input,\n:host([size=\"small\"]) textarea,\n:host([size=\"x-small\"]) input,\n:host([size=\"x-small\"]) textarea {\n  font-size: var(--font-size-2);\n}\n\n:host.cursor-select input {\n  cursor: pointer;\n}\n\n/* HOVER */\ninput:not([readonly]):hover,\n.textarea-wrapper:not(.readonly):hover {\n  outline: var(--border-size-medium) solid var(--color-surface04);\n  outline-offset: -2px;\n}\n\n/* FOCUS */\n:host:not(.active-select) input:focus:focus-visible,\n:host:not([readonly=\"true\"]) .textarea-wrapper:focus-within {\n  border-color: var(--color-form-active-primary);\n  box-shadow: var(--shadow-focus-primary);\n  color: var(--color-form-active-primary);\n}\n\n:host input:focus:focus-visible:hover,\n.textarea-wrapper:not(.readonly):focus-within:hover {\n  outline-color: var(--color-form-active-primary);\n}\n\n:host input:focus:focus-visible + .icons-wrapper {\n  fill: var(--color-form-active-primary);\n}\n\n:host.active-select input {\n  border: var(--border-size-small) solid var(--color-form-active-primary);\n}\n\n:host.cursor-select input:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host input[readonly]:focus:focus-visible {\n  border-color: var(--color-form-surface03);\n  box-shadow: none;\n}\n\n/* STATUSES (success, warning, error) */\n.input-success {\n  border-color: var(--color-form-success01);\n  background: var(--color-form-inverse-success);\n}\n\n.input-success:focus:focus-visible + .icons-wrapper,\n.input-success + .icons-wrapper {\n  fill: var(--color-form-success01);\n}\n\n.input-error {\n  border-color: var(--color-form-hover-error);\n  background: var(--color-form-inverse-error);\n}\n\n.input-error:focus:focus-visible + .icons-wrapper,\n.input-error + .icons-wrapper {\n  fill: var(--color-form-hover-error);\n}\n\n.input-warning {\n  border-color: var(--color-form-hover-warning);\n  background: var(--color-form-inverse-warning);\n}\n\n.input-warning:focus:focus-visible + .icons-wrapper,\n.input-warning + .icons-wrapper {\n  fill: var(--color-form-hover-warning);\n}\n\n:is(.input-success, .input-error, .input-warning):focus:focus-visible {\n  color: var(--color-form-default-text);\n}\n\n/* READONLY */\n:host:not(.active-select) input[readonly],\n.textarea-wrapper.readonly {\n  border-color: var(--color-form-surface03);\n  fill: var(--color-form-disabled01-icon);\n  pointer-events: none;\n}\n\n/* DISABLED */\n:host([disabled]:not([disabled=\"false\"])) input,\n:host([disabled]:not([disabled=\"false\"])) .textarea-wrapper,\n:host([disabled]:not([disabled=\"false\"])) z-icon {\n  border-color: var(--color-form-disabled03);\n  box-shadow: none;\n  color: var(--color-form-disabled-text);\n  fill: var(--color-form-disabled01-icon);\n  pointer-events: none;\n}\n\n:host([disabled]:not([disabled=\"false\"])) input:hover {\n  border-width: var(--border-size-small);\n}\n\n/* PLACEHOLDER */\ninput::placeholder,\ntextarea::placeholder {\n  color: var(--color-form-placeholder-text);\n}\n\n::-webkit-textarea-placeholder {\n  color: var(--color-form-placeholder-text);\n}\n\n:-ms-textarea-placeholder {\n  color: var(--color-form-placeholder-text);\n}\n\n::placeholder {\n  color: var(--color-form-placeholder-text);\n}\n\n:host([disabled]:not([disabled=\"false\"])) label.z-label {\n  color: var(--color-disabled03);\n}\n",".text-wrapper > div {\n  position: relative;\n  z-index: 1;\n  fill: var(--color-form-default-icon);\n}\n\n.text-wrapper > div > input {\n  width: 100%;\n  height: calc(var(--space-unit) * 5.5);\n  box-sizing: border-box;\n  padding: 0 calc(var(--space-unit) * 1.5);\n  margin: 0;\n}\n\n:host([size=\"small\"]) .text-wrapper > div > input {\n  height: calc(var(--space-unit) * 4.5);\n}\n\n:host([size=\"x-small\"]) .text-wrapper > div > input {\n  height: calc(var(--space-unit) * 4);\n}\n\n.text-wrapper > div > input.has-icon,\n.text-wrapper > div > input.has-clear-icon {\n  padding-right: calc(var(--space-unit) * 5.25);\n}\n\n.text-wrapper > div > input.has-icon.has-clear-icon {\n  padding-right: calc(var(--space-unit) * 8);\n}\n\n.text-wrapper .icons-wrapper {\n  position: absolute;\n  z-index: 2;\n  top: 50%;\n  right: calc(var(--space-unit) * 1.5);\n  display: flex;\n  pointer-events: none;\n  transform: translateY(-50%);\n}\n\n.text-wrapper .icons-wrapper > button.input-icon {\n  display: flex;\n  padding: 0;\n  border: 0;\n  background: none;\n  color: inherit;\n  font: inherit;\n  pointer-events: initial;\n}\n\n.text-wrapper .icons-wrapper > .input-icon + .input-icon {\n  margin-left: calc(var(--space-unit) * 0.5);\n}\n\n.text-wrapper .icons-wrapper > button.input-icon.hidden {\n  display: none;\n}\n\n.text-wrapper .icons-wrapper > button.reset-icon,\n.text-wrapper .icons-wrapper > button.toggle-password-icon {\n  display: flex;\n  min-width: 24px;\n  min-height: 24px;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n\n.text-wrapper .icons-wrapper > .input-icon {\n  --z-icon-width: 18px;\n  --z-icon-height: 18px;\n\n  display: block;\n}\n\n.text-wrapper .icons-wrapper > .input-icon.small,\n.text-wrapper .icons-wrapper > .input-icon.x-small {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n.text-wrapper .icons-wrapper > button.input-icon:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none !important;\n}\n\n/* stylelint-disable property-no-vendor-prefix */\n.text-wrapper > div > input:-webkit-autofill {\n  -webkit-box-shadow: 0 0 0 1000px #fff inset;\n  -webkit-text-fill-color: currentcolor;\n}\n",".textarea-wrapper {\n  width: 100%;\n  height: 100%;\n  padding: calc(var(--space-unit) * 1.5);\n}\n\n.textarea-wrapper:not(.input-error, .input-success, .input-warning) {\n  background-color: var(--color-form-background);\n}\n\ntextarea {\n  width: 100%;\n  min-height: 132px;\n  padding: 0;\n  border: none;\n  margin: 0;\n  color: currentcolor;\n  resize: none;\n}\n",".radio-wrapper,\n.checkbox-wrapper {\n  position: relative;\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  color: var(--color-default-text);\n  fill: var(--color-primary01);\n  font-family: var(--font-family-sans);\n}\n\n.radio-wrapper:hover,\n.checkbox-wrapper:hover {\n  color: var(--color-hover-primary);\n  fill: var(--color-hover-primary-icon);\n}\n\n.radio-wrapper > input,\n.checkbox-wrapper > input {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n  pointer-events: none;\n}\n\n.radio-wrapper .radio-label,\n.checkbox-wrapper .checkbox-label {\n  display: inline-flex;\n  min-height: 24px;\n  align-items: center;\n  padding: 3px 0;\n  margin: 0;\n  color: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: 1;\n  text-transform: inherit;\n}\n\n.radio-wrapper input:not(:disabled) + .radio-label,\n.checkbox-wrapper input:not(:disabled) + .checkbox-label {\n  cursor: pointer;\n}\n\n.radio-wrapper .radio-label z-icon,\n.checkbox-wrapper .checkbox-label z-icon {\n  cursor: pointer;\n  fill: inherit;\n}\n\n:host([size=\"small\"]) .radio-wrapper .radio-label z-icon,\n:host([size=\"small\"]) .checkbox-wrapper .checkbox-label z-icon {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n:host([size=\"small\"]) .radio-wrapper .radio-label,\n:host([size=\"small\"]) .checkbox-wrapper .checkbox-label {\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) .radio-wrapper .radio-label z-icon,\n:host([size=\"x-small\"]) .checkbox-wrapper .checkbox-label z-icon {\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n}\n\n:host([size=\"x-small\"]) .radio-wrapper .radio-label,\n:host([size=\"x-small\"]) .checkbox-wrapper .checkbox-label {\n  font-size: var(--font-size-1);\n}\n\n.radio-wrapper .radio-label.after,\n.checkbox-wrapper .checkbox-label.after {\n  flex-direction: row;\n}\n\n.radio-wrapper .radio-label.before,\n.checkbox-wrapper .checkbox-label.before {\n  flex-direction: row-reverse;\n}\n\n.radio-wrapper .radio-label.after > span,\n.checkbox-wrapper .checkbox-label.after > span {\n  margin-left: var(--space-unit);\n}\n\n.radio-wrapper .radio-label.before > span,\n.checkbox-wrapper .checkbox-label.before > span {\n  margin-right: var(--space-unit);\n}\n\n:host([size=\"small\"]) .radio-wrapper .radio-label.after > span,\n:host([size=\"small\"]) .checkbox-wrapper .checkbox-label.after > span,\n:host([size=\"x-small\"]) .radio-wrapper .radio-label.after > span,\n:host([size=\"x-small\"]) .checkbox-wrapper .checkbox-label.after > span {\n  margin-left: calc(var(--space-unit) * 0.5);\n}\n\n:host([size=\"small\"]) .radio-wrapper .radio-label.before > span,\n:host([size=\"small\"]) .checkbox-wrapper .checkbox-label.before > span,\n:host([size=\"x-small\"]) .radio-wrapper .radio-label.before > span,\n:host([size=\"x-small\"]) .checkbox-wrapper .checkbox-label.before > span {\n  margin-right: calc(var(--space-unit) * 0.5);\n}\n\n/* focus */\n.radio-wrapper > input:focus:focus-visible + .radio-label > z-icon {\n  border-radius: 50%;\n}\n\n.checkbox-wrapper > input:focus:focus-visible + .checkbox-label > z-icon {\n  border-radius: var(--border-radius-small);\n}\n\n.radio-wrapper > input:focus:focus-visible + .radio-label > z-icon,\n.checkbox-wrapper > input:focus:focus-visible + .checkbox-label > z-icon {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n/* disabled */\n.radio-wrapper > input:disabled + .radio-label,\n.checkbox-wrapper > input:disabled + .checkbox-label {\n  color: var(--color-disabled03);\n}\n\n.radio-wrapper > input:disabled + .radio-label > z-icon,\n.checkbox-wrapper > input:disabled + .checkbox-label > z-icon {\n  cursor: default;\n  fill: var(--color-disabled01);\n}\n","import {\n  Component,\n  ComponentInterface,\n  Element,\n  Event,\n  EventEmitter,\n  Listen,\n  Method,\n  Prop,\n  State,\n  h,\n} from \"@stencil/core\";\nimport {Fragment, Host, JSXBase} from \"@stencil/core/internal\";\nimport {ControlSize, InputStatus, InputType, LabelPosition} from \"../../beans\";\nimport {boolean, randomId} from \"../../utils/utils\";\n\n@Component({\n  tag: \"z-input\",\n  styleUrls: [\"styles-general.css\", \"styles-text.css\", \"styles-textarea.css\", \"styles-checkbox-radio.css\"],\n  shadow: false,\n  scoped: true,\n})\nexport class ZInput implements ComponentInterface {\n  @Element() hostElement: HTMLZInputElement;\n\n  /** the id of the input element */\n  @Prop()\n  htmlid = `id-${randomId()}`;\n\n  /** input types */\n  @Prop()\n  type: InputType;\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 aria-expaded: available for text, password, number, email */\n  @Prop()\n  htmlAriaExpanded = \"\";\n\n  /** the input aria-controls (optional): available for text, password, number, email */\n  @Prop()\n  htmlAriaControls?: string;\n\n  /** the input aria-autocomplete (optional): available for text, password, number, email */\n  @Prop()\n  htmlAriaAutocomplete?: string;\n\n  /** the input aria-activedescendant (optional): available for text, password, number, email */\n  @Prop()\n  htmlAriaActivedescendant?: string;\n\n  /** the input aria-describedby (optional) */\n  @Prop()\n  htmlAriaDescribedBy?: string;\n\n  /** the input aria-labelledby (optional) */\n  @Prop()\n  htmlAriaLabelledby?: string;\n\n  /** the input value */\n  @Prop({mutable: true})\n  value?: string;\n\n  /** the input is disabled */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /** the input is readonly */\n  @Prop()\n  readonly?: boolean = false;\n\n  /** the input is required (optional): available for text, password, number, email, textarea, checkbox */\n  @Prop()\n  required?: boolean = false;\n\n  /** checked: available for checkbox, radio */\n  @Prop({mutable: true})\n  checked?: 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): available for text, password, number, email, textarea */\n  @Prop()\n  status?: InputStatus;\n\n  /** input helper message (optional): available for text, password, number, email, textarea - if set to `false` message won't be displayed */\n  @Prop()\n  message?: string | boolean = true;\n\n  /** the input label position: available for checkbox, radio */\n  @Prop()\n  labelPosition?: LabelPosition = LabelPosition.RIGHT;\n\n  /** the input has autocomplete option (optional): available for text, password, number, email */\n  @Prop()\n  autocomplete?: string;\n\n  /** the input role */\n  @Prop()\n  role = \"\";\n\n  /** render clear icon when typing (optional): available for text */\n  @Prop()\n  hasclearicon?: boolean = true;\n\n  /** render icon (optional): available for text */\n  @Prop()\n  icon?: string;\n\n  /** min number value (optional): available for number */\n  @Prop()\n  min?: number;\n\n  /** Min length value (optional): available for text */\n  @Prop()\n  minlength?: number;\n\n  /** max number value (optional): available for number */\n  @Prop()\n  max?: number;\n\n  /** Max length value (optional): available for text */\n  @Prop()\n  maxlength?: number;\n\n  /** step number value (optional): available for number */\n  @Prop()\n  step?: number;\n\n  /** pattern value (optional): available for tel, text, search, url, email, password*/\n  @Prop()\n  pattern?: string;\n\n  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n  @Prop({reflect: true})\n  size?: ControlSize = ControlSize.BIG;\n\n  @State()\n  isTyping = false;\n\n  @State()\n  passwordHidden = true;\n\n  private timer;\n\n  private typingtimeout = 300;\n\n  private inputRef: HTMLInputElement;\n\n  @Listen(\"inputCheck\", {target: \"document\"})\n  inputCheckListener(e: CustomEvent): void {\n    const data = e.detail;\n    switch (this.type) {\n      case InputType.RADIO:\n        if (data.type === InputType.RADIO && data.name === this.name && data.id !== this.htmlid) {\n          this.checked = false;\n        }\n        break;\n    }\n  }\n\n  /** get checked status */\n  @Method()\n  async isChecked(): Promise<boolean> {\n    switch (this.type) {\n      case InputType.CHECKBOX:\n      case InputType.RADIO:\n        return this.checked;\n      default:\n        console.warn(\"`isChecked` method is only available for type `checkbox` and `radio`\");\n\n        return false;\n    }\n  }\n\n  /** Emitted on input value change, returns value, validity */\n  @Event()\n  inputChange: EventEmitter;\n\n  private emitInputChange(value: string): void {\n    if (!this.isTyping) {\n      this.emitStartTyping();\n    }\n\n    let validity: ValidityState;\n    if (this.type === InputType.TEXTAREA) {\n      validity = this.getValidity(\"textarea\");\n    } else {\n      validity = this.getValidity(\"input\");\n    }\n    this.value = value;\n    this.inputChange.emit({value, validity});\n\n    clearTimeout(this.timer);\n    this.timer = setTimeout(() => {\n      this.emitStopTyping(this.value, validity);\n    }, this.typingtimeout);\n  }\n\n  /** Emitted when user starts typing */\n  @Event()\n  startTyping: EventEmitter;\n\n  private emitStartTyping(): void {\n    this.isTyping = true;\n    this.startTyping.emit();\n  }\n\n  /** Emitted when user stops typing, returns value, validity */\n  @Event()\n  stopTyping: EventEmitter;\n\n  private emitStopTyping(value: string, validity: ValidityState): void {\n    this.isTyping = false;\n    this.stopTyping.emit({\n      value: value,\n      validity: validity,\n    });\n  }\n\n  /** Emitted on checkbox check/uncheck, returns id, checked, type, name, value, validity */\n  @Event()\n  inputCheck: EventEmitter;\n\n  private emitInputCheck(checked: boolean): void {\n    this.inputCheck.emit({\n      id: this.htmlid,\n      checked: checked,\n      type: this.type,\n      name: this.name,\n      value: this.value,\n      validity: this.getValidity(\"input\"),\n    });\n  }\n\n  /** Emitted on input focus */\n  @Event()\n  inputFocus: EventEmitter;\n\n  private emitInputFocus(): void {\n    this.inputFocus.emit({id: this.htmlid});\n  }\n\n  /** Emitted on input blur */\n  @Event()\n  inputBlur: EventEmitter;\n\n  private emitInputBlur(): void {\n    this.inputBlur.emit({id: this.htmlid});\n  }\n\n  private getValidity(type: string): ValidityState {\n    const input = this.hostElement.querySelector(type) as HTMLInputElement;\n\n    return input.validity;\n  }\n\n  /* START text/password/email/number */\n\n  private getTextAttributes(): JSXBase.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {\n    return {\n      id: this.htmlid,\n      name: this.name,\n      placeholder: this.placeholder,\n      value: this.value,\n      disabled: this.disabled,\n      readonly: this.readonly,\n      required: this.required,\n      title: this.htmltitle,\n      minlength: this.minlength,\n      maxlength: this.maxlength,\n      class: {\n        [`input-${this.status}`]: !!this.status,\n      },\n      autocomplete: this.autocomplete,\n      onInput: (e: InputEvent) => this.emitInputChange((e.target as HTMLInputElement).value),\n    };\n  }\n\n  private getNumberAttributes(type: InputType): JSXBase.InputHTMLAttributes<HTMLInputElement> {\n    if (type != InputType.NUMBER) {\n      return;\n    }\n\n    return {\n      min: this.min,\n      max: this.max,\n      step: this.step,\n    };\n  }\n\n  private getPatternAttribute(type: InputType): JSXBase.InputHTMLAttributes<HTMLInputElement> {\n    if (\n      type != InputType.PASSWORD &&\n      type != InputType.TEXT &&\n      type != InputType.TEL &&\n      type != InputType.SEARCH &&\n      type != InputType.URL &&\n      type != InputType.EMAIL\n    ) {\n      return;\n    }\n\n    return {\n      pattern: this.pattern,\n    };\n  }\n\n  private inputHasMessage(): boolean {\n    if (boolean(this.message) === false || boolean(this.message) === true) {\n      return false;\n    }\n\n    return true;\n  }\n\n  private getAriaAttributes(): Record<string, unknown> {\n    return {\n      ...(this.role ? {role: this.role} : {}),\n      ...(this.htmlAriaDescribedBy ? {\"aria-describedby\": this.htmlAriaDescribedBy} : {}),\n      ...(this.htmlAriaLabelledby ? {\"aria-labelledby\": this.htmlAriaLabelledby} : {}),\n    };\n  }\n\n  private getTextAriaAttributes(): Record<string, unknown> {\n    const expanded = this.htmlAriaExpanded ? {\"aria-expanded\": this.htmlAriaExpanded} : {};\n    const controls = this.htmlAriaControls ? {\"aria-controls\": this.htmlAriaControls} : {};\n    const autocomplete = this.htmlAriaAutocomplete ? {\"aria-autocomplete\": this.htmlAriaAutocomplete} : {};\n    const activedescendant = this.htmlAriaActivedescendant\n      ? {\"aria-activedescendant\": this.htmlAriaActivedescendant}\n      : {};\n    const ariaDescribedby =\n      this.htmlAriaDescribedBy || this.inputHasMessage()\n        ? {\"aria-describedby\": this.htmlAriaDescribedBy || `${this.htmlid}-message`}\n        : {};\n\n    const ariaInvalid = this.status === InputStatus.ERROR ? {\"aria-invalid\": \"true\"} : {};\n    const required = this.required ? {\"aria-required\": \"true\"} : {};\n\n    return {\n      ...this.getAriaAttributes(),\n      ...expanded,\n      ...controls,\n      ...autocomplete,\n      ...activedescendant,\n      ...ariaDescribedby,\n      ...ariaInvalid,\n      ...required,\n    };\n  }\n\n  private getFocusBlurAttributes(): JSXBase.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {\n    return {\n      onFocus: () => this.emitInputFocus(),\n      onBlur: () => this.emitInputBlur(),\n    };\n  }\n\n  private renderInputText(type: InputType = InputType.TEXT): HTMLDivElement {\n    const ariaLabel = this.ariaLabel ? {\"aria-label\": this.ariaLabel} : {};\n    const attr = {\n      ...this.getTextAttributes(),\n      ...this.getNumberAttributes(type),\n      ...this.getPatternAttribute(type),\n      ...ariaLabel,\n      ...this.getTextAriaAttributes(),\n      ...this.getFocusBlurAttributes(),\n    };\n    if (this.icon || type === InputType.PASSWORD) {\n      Object.assign(attr.class, {\"has-icon\": true});\n    }\n    if (this.hasclearicon && type != InputType.NUMBER) {\n      Object.assign(attr.class, {\"has-clear-icon\": true});\n    }\n\n    return (\n      <div class=\"text-wrapper\">\n        {this.renderLabel()}\n        <div>\n          <input\n            type={type === InputType.PASSWORD && !this.passwordHidden ? InputType.TEXT : type}\n            {...attr}\n            ref={(el) => (this.inputRef = el)}\n          />\n          {this.renderIcons()}\n        </div>\n        {this.renderMessage()}\n      </div>\n    );\n  }\n\n  private renderLabel(): HTMLLabelElement {\n    if (!this.label) {\n      return;\n    }\n\n    return (\n      <label\n        class=\"z-label body-5-sb\"\n        id={`${this.htmlid}_label`}\n        htmlFor={this.htmlid}\n      >\n        {this.label}\n      </label>\n    );\n  }\n\n  private renderIcons(): HTMLSpanElement {\n    return (\n      <span class=\"icons-wrapper\">\n        {this.renderResetIcon()}\n        {this.renderIcon()}\n      </span>\n    );\n  }\n\n  private renderIcon(): HTMLButtonElement {\n    if (this.type === InputType.PASSWORD) {\n      return this.renderShowHidePassword();\n    }\n\n    if (!this.icon) {\n      return;\n    }\n\n    return (\n      <z-icon\n        name={this.icon}\n        class={{[this.size]: true, \"input-icon\": true}}\n      />\n    );\n  }\n\n  private renderResetIcon(): HTMLButtonElement {\n    let hidden = false;\n    if (!this.hasclearicon || !this.value || this.disabled || this.readonly || this.type == InputType.NUMBER) {\n      hidden = true;\n    }\n\n    return (\n      <button\n        type=\"button\"\n        class={{\"reset-icon\": true, \"input-icon\": true, hidden}}\n        aria-label=\"cancella il contenuto dell'input\"\n        onClick={() => {\n          this.inputRef.value = \"\";\n          this.emitInputChange(\"\");\n          this.inputRef.focus();\n        }}\n      >\n        <z-icon\n          name=\"multiply\"\n          class={this.size}\n        />\n      </button>\n    );\n  }\n\n  private renderShowHidePassword(): HTMLButtonElement {\n    return (\n      <button\n        type=\"button\"\n        class=\"input-icon toggle-password-icon\"\n        disabled={this.disabled}\n        aria-label=\"mostra password\"\n        aria-pressed={!this.passwordHidden ? \"true\" : \"false\"}\n        onClick={() => (this.passwordHidden = !this.passwordHidden)}\n      >\n        <z-icon\n          name={this.passwordHidden ? \"view-filled\" : \"view-off-filled\"}\n          class={this.size}\n        />\n      </button>\n    );\n  }\n\n  private renderMessage(): HTMLZInputMessageElement {\n    if (boolean(this.message) === false) {\n      return;\n    }\n\n    return (\n      <z-input-message\n        html-id={`${this.htmlid}-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  /* END text/password/email/number */\n\n  /* START textarea */\n\n  private renderTextarea(): HTMLDivElement {\n    const attributes = this.getTextAttributes();\n    const ariaAttributes = this.getTextAriaAttributes();\n\n    return (\n      <Fragment>\n        {this.renderLabel()}\n        <div\n          class={{\n            ...(attributes.class as {[className: string]: boolean}),\n            \"textarea-wrapper\": true,\n            \"readonly\": !!attributes.readonly,\n          }}\n        >\n          <textarea\n            {...attributes}\n            {...ariaAttributes}\n            class={{\n              ...(attributes.class as {[className: string]: boolean}),\n              \"z-scrollbar\": true,\n            }}\n            aria-label={this.ariaLabel || undefined}\n          ></textarea>\n        </div>\n        {this.renderMessage()}\n      </Fragment>\n    );\n  }\n\n  /* END textarea */\n\n  private handleCheck(ev: Event): void {\n    this.checked = (ev.target as HTMLInputElement).checked;\n    this.emitInputCheck(this.checked);\n  }\n\n  /* START checkbox */\n  private renderCheckbox(): HTMLDivElement {\n    const ariaRequired = this.required ? {\"aria-required\": \"true\"} : {};\n\n    return (\n      <div class=\"checkbox-wrapper\">\n        <input\n          id={this.htmlid}\n          type=\"checkbox\"\n          name={this.name}\n          checked={this.checked}\n          disabled={this.disabled}\n          readonly={this.readonly}\n          required={this.required}\n          onChange={this.handleCheck.bind(this)}\n          value={this.value}\n          {...ariaRequired}\n          {...this.getAriaAttributes()}\n          {...this.getFocusBlurAttributes()}\n        />\n\n        <label\n          htmlFor={this.htmlid}\n          class={{\n            \"checkbox-label\": true,\n            \"after\": this.labelPosition === LabelPosition.RIGHT,\n            \"before\": this.labelPosition === LabelPosition.LEFT,\n          }}\n        >\n          <z-icon\n            name={this.checked ? \"checkbox-checked\" : \"checkbox\"}\n            class={this.size}\n          />\n          {this.label && <span innerHTML={this.label}></span>}\n        </label>\n      </div>\n    );\n  }\n\n  /* END checkbox */\n\n  /* START radio */\n  private renderRadio(): HTMLDivElement {\n    const ariaRequired = this.required ? {\"aria-required\": \"true\"} : {};\n\n    return (\n      <div class=\"radio-wrapper\">\n        <input\n          id={this.htmlid}\n          type=\"radio\"\n          name={this.name}\n          checked={this.checked}\n          disabled={this.disabled}\n          readonly={this.readonly}\n          required={this.required}\n          onChange={this.handleCheck.bind(this)}\n          value={this.value}\n          {...this.getAriaAttributes()}\n          {...this.getFocusBlurAttributes()}\n          {...ariaRequired}\n        />\n\n        <label\n          htmlFor={this.htmlid}\n          class={{\n            \"radio-label\": true,\n            \"after\": this.labelPosition === LabelPosition.RIGHT,\n            \"before\": this.labelPosition === LabelPosition.LEFT,\n          }}\n        >\n          <z-icon\n            name={this.checked ? \"radio-button-checked\" : \"radio-button\"}\n            class={this.size}\n          />\n          {this.label && <span innerHTML={this.label} />}\n        </label>\n      </div>\n    );\n  }\n  /* END radio */\n\n  render(): HTMLInputElement | HTMLDivElement {\n    let input;\n    switch (this.type) {\n      case InputType.TEXTAREA:\n        input = this.renderTextarea();\n        break;\n      case InputType.CHECKBOX:\n        input = this.renderCheckbox();\n        break;\n      case InputType.RADIO:\n        input = this.renderRadio();\n        break;\n      default:\n        input = this.renderInputText(this.type);\n    }\n\n    return <Host>{input}</Host>;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["stylesCss","ZInputMessage","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","htmlId","randomId","htmlRole","statusIcons","success","error","warning","render","h","Host","key","role","message","status","undefined","id","name","innerHTML"],"sources":["src/components/z-input-message/styles.css?tag=z-input-message&encapsulation=shadow","src/components/z-input-message/index.tsx"],"sourcesContent":[":host {\n  display: flex;\n  min-height: calc(var(--space-unit) * 2.5);\n  align-items: start;\n  margin-top: var(--space-unit);\n  color: var(--color-default-text);\n  fill: currentcolor;\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-2);\n  letter-spacing: 0.16px;\n}\n\n:host(.small),\n:host(.x-small) {\n  margin-top: calc(var(--space-unit) * 0.5);\n  font-size: var(--font-size-1);\n}\n\n:host([status=\"success\"]) {\n  color: var(--color-hover-success);\n}\n\n:host([status=\"error\"]) {\n  color: var(--color-hover-error);\n}\n\n:host([status=\"warning\"]) {\n  color: var(--color-hover-warning);\n}\n\n:host(:focus) {\n  outline: none;\n}\n\n:host > z-icon {\n  --z-icon-width: calc(var(--space-unit) * 2);\n  --z-icon-height: calc(var(--space-unit) * 2);\n  --z-icon-right-margin: var(--space-unit);\n\n  margin-top: calc(var(--space-unit) * 0.25);\n}\n\n:host(.small) > z-icon,\n:host(.x-small) > z-icon {\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n  --z-icon-right-margin: calc(var(--space-unit) * 0.5);\n}\n\n:host([disabled]) {\n  color: var(--color-disabled03);\n  fill: var(--color-disabled03);\n}\n","import {Component, ComponentInterface, Host, Prop, h} from \"@stencil/core\";\nimport {InputStatus} from \"../../beans\";\nimport {randomId} from \"../../utils/utils\";\n\n@Component({\n  tag: \"z-input-message\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZInputMessage implements ComponentInterface {\n  /** input helper message */\n  @Prop()\n  message: string;\n\n  /** the id of the message element (optional) */\n  @Prop()\n  htmlId? = `id-${randomId()}`;\n\n  /** the role to set when both the message and the status are populated (optional) */\n  @Prop()\n  htmlRole: null | string = \"alert\";\n\n  /** input status (optional) */\n  @Prop({reflect: true})\n  status?: InputStatus;\n\n  /** input disabled status (optional) */\n  @Prop({reflect: true})\n  disabled?: boolean;\n\n  private statusIcons = {\n    success: \"checkmark-circle\",\n    error: \"multiply-circled\",\n    warning: \"exclamation-circle\",\n  };\n\n  render(): HTMLZInputMessageElement {\n    return (\n      <Host\n        role={this.htmlRole && this.message && this.status ? this.htmlRole : undefined}\n        id={this.htmlId}\n      >\n        {this.statusIcons[this.status] && this.message && <z-icon name={this.statusIcons[this.status]}></z-icon>}\n        <span innerHTML={this.message} />\n      </Host>\n    );\n  }\n}\n"],"mappings":"sLAAA,MAAMA,EAAY,IAAM,+6B,MCSXC,EAAaC,EAAA,MAAAD,UAAAE,EAL1B,WAAAC,CAAAC,G,kEAYEC,KAAAC,OAAU,MAAMC,MAIhBF,KAAAG,SAA0B,QAUlBH,KAAAI,YAAc,CACpBC,QAAS,mBACTC,MAAO,mBACPC,QAAS,qBAcZ,CAXC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAMZ,KAAKG,UAAYH,KAAKa,SAAWb,KAAKc,OAASd,KAAKG,SAAWY,UACrEC,GAAIhB,KAAKC,QAERD,KAAKI,YAAYJ,KAAKc,SAAWd,KAAKa,SAAWJ,EAAA,UAAAE,IAAA,2CAAQM,KAAMjB,KAAKI,YAAYJ,KAAKc,UACtFL,EAAA,QAAAE,IAAA,2CAAMO,UAAWlB,KAAKa,U","ignoreList":[]}

package/dist/components/index8.js

@@ -1,2 +1,2 @@
-import{proxyCustomElement as s,HTMLElement as e,h as t,Host as a,transformTag as i}from"@stencil/core/internal/client";import{r as o}from"./utils.js";import{d as n}from"./index3.js";const c=()=>`:host{display:flex;min-height:calc(var(--space-unit) * 2.5);align-items:start;margin-top:var(--space-unit);color:var(--color-default-text);fill:currentcolor;font-family:var(--font-family-sans);font-size:var(--font-size-2);letter-spacing:0.16px}:host(.small),:host(.x-small){margin-top:calc(var(--space-unit) * 0.5);font-size:var(--font-size-1)}:host([status="success"]){color:var(--color-hover-success)}:host([status="error"]){color:var(--color-hover-error)}:host([status="warning"]){color:var(--color-hover-warning)}:host(:focus){outline:none}:host>z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);--z-icon-right-margin:var(--space-unit);margin-top:calc(var(--space-unit) * 0.25)}:host(.small)>z-icon,:host(.x-small)>z-icon{--z-icon-width:14px;--z-icon-height:14px;--z-icon-right-margin:calc(var(--space-unit) * 0.5)}:host([disabled]){color:var(--color-disabled03);fill:var(--color-disabled03)}`;const r=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.__attachShadow();this.htmlId=`id-${o()}`;this.htmlRole="alert";this.statusIcons={success:"checkmark-circle",error:"multiply-circled",warning:"exclamation-circle"};this.statusRole={}}onMessageChange(){this.statusRole=this.htmlRole&&this.message&&this.status?{role:this.htmlRole}:{}}componentWillLoad(){this.onMessageChange()}render(){return t(a,Object.assign({key:"a35cc36ee979d11215b973a0f11e2c8f59105a50"},this.statusRole,{id:this.htmlId}),this.statusIcons[this.status]&&this.message&&t("z-icon",{key:"be5aa19afcdddefe15f252b8ea175b0615a5e983",name:this.statusIcons[this.status]}),t("span",{key:"b1d11a0a9694e604b6aa252c2d8a77143288ad99",innerHTML:this.message}))}static get watchers(){return{message:[{onMessageChange:0}],status:[{onMessageChange:0}],htmlRole:[{onMessageChange:0}]}}static get style(){return c()}},[1,"z-input-message",{message:[1],htmlId:[1,"html-id"],htmlRole:[1,"html-role"],status:[513],disabled:[516],statusRole:[32]},undefined,{message:[{onMessageChange:0}],status:[{onMessageChange:0}],htmlRole:[{onMessageChange:0}]}]);function l(){if(typeof customElements==="undefined"){return}const s=["z-input-message","z-icon"];s.forEach((s=>{switch(s){case"z-input-message":if(!customElements.get(i(s))){customElements.define(i(s),r)}break;case"z-icon":if(!customElements.get(i(s))){n()}break}}))}export{r as Z,l as d};
+import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as n}from"@stencil/core/internal/client";import{i as r,m as o}from"./index2.js";const l=()=>`:host{display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}`;const a=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.size=r.MEDIUM;this.listType=o.NONE;this.htmlRole="list"}onRoleChange(e){this.htmlRole=e}setChildrenProps(){Array.from(this.host.children).filter((e=>e.tagName.toLowerCase()==="z-list-element")).forEach(((e,t)=>{e.size=this.size;e.listType=this.listType;e.listElementPosition=`${t+1}`}))}render(){return s(i,{key:"4c8361413296bef0a2156a5429825c156a15c5aa",role:this.htmlRole},s("slot",{key:"f7052cf14285ec66d66da900a7c76ef21c11c243"}))}get host(){return this}static get watchers(){return{role:[{onRoleChange:1}],size:[{setChildrenProps:1}],listType:[{setChildrenProps:1}]}}static get style(){return l()}},[257,"z-list",{size:[513],listType:[513,"list-type"],htmlRole:[32]},undefined,{role:[{onRoleChange:1}],size:[{setChildrenProps:1}],listType:[{setChildrenProps:1}]}]);function c(){if(typeof customElements==="undefined"){return}const e=["z-list"];e.forEach((e=>{switch(e){case"z-list":if(!customElements.get(n(e))){customElements.define(n(e),a)}break}}))}export{a as Z,c as d};
 //# sourceMappingURL=index8.js.map

package/dist/components/index8.js.map

@@ -1 +1 @@
-{"version":3,"names":["stylesCss","ZInputMessage","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","htmlId","randomId","htmlRole","statusIcons","success","error","warning","statusRole","onMessageChange","message","status","role","componentWillLoad","render","h","Host","Object","assign","key","id","name","innerHTML"],"sources":["src/components/z-input-message/styles.css?tag=z-input-message&encapsulation=shadow","src/components/z-input-message/index.tsx"],"sourcesContent":[":host {\n  display: flex;\n  min-height: calc(var(--space-unit) * 2.5);\n  align-items: start;\n  margin-top: var(--space-unit);\n  color: var(--color-default-text);\n  fill: currentcolor;\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-2);\n  letter-spacing: 0.16px;\n}\n\n:host(.small),\n:host(.x-small) {\n  margin-top: calc(var(--space-unit) * 0.5);\n  font-size: var(--font-size-1);\n}\n\n:host([status=\"success\"]) {\n  color: var(--color-hover-success);\n}\n\n:host([status=\"error\"]) {\n  color: var(--color-hover-error);\n}\n\n:host([status=\"warning\"]) {\n  color: var(--color-hover-warning);\n}\n\n:host(:focus) {\n  outline: none;\n}\n\n:host > z-icon {\n  --z-icon-width: calc(var(--space-unit) * 2);\n  --z-icon-height: calc(var(--space-unit) * 2);\n  --z-icon-right-margin: var(--space-unit);\n\n  margin-top: calc(var(--space-unit) * 0.25);\n}\n\n:host(.small) > z-icon,\n:host(.x-small) > z-icon {\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n  --z-icon-right-margin: calc(var(--space-unit) * 0.5);\n}\n\n:host([disabled]) {\n  color: var(--color-disabled03);\n  fill: var(--color-disabled03);\n}\n","import {Component, ComponentInterface, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {InputStatus} from \"../../beans\";\nimport {randomId} from \"../../utils/utils\";\n\n@Component({\n  tag: \"z-input-message\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZInputMessage implements ComponentInterface {\n  /** input helper message */\n  @Prop()\n  message: string;\n\n  /** the id of the message element (optional)*/\n  @Prop()\n  htmlId? = `id-${randomId()}`;\n\n  /** the role to set when both the message and the status are populated (optional)*/\n  @Prop()\n  htmlRole: null | string = \"alert\";\n\n  /** input status (optional) */\n  @Prop({reflect: true})\n  status?: InputStatus;\n\n  /** input disabled status (optional) */\n  @Prop({reflect: true})\n  disabled?: boolean;\n\n  private statusIcons = {\n    success: \"checkmark-circle\",\n    error: \"multiply-circled\",\n    warning: \"exclamation-circle\",\n  };\n\n  @State()\n  statusRole = {};\n\n  @Watch(\"message\")\n  @Watch(\"status\")\n  @Watch(\"htmlRole\")\n  onMessageChange(): void {\n    this.statusRole = this.htmlRole && this.message && this.status ? {role: this.htmlRole} : {};\n  }\n\n  componentWillLoad(): void {\n    this.onMessageChange();\n  }\n\n  render(): HTMLZInputMessageElement {\n    return (\n      <Host\n        {...this.statusRole}\n        id={this.htmlId}\n      >\n        {this.statusIcons[this.status] && this.message && <z-icon name={this.statusIcons[this.status]}></z-icon>}\n        <span innerHTML={this.message} />\n      </Host>\n    );\n  }\n}\n"],"mappings":"sLAAA,MAAMA,EAAY,IAAM,+6B,MCSXC,EAAaC,EAAA,MAAAD,UAAAE,EAL1B,WAAAC,CAAAC,G,kEAYEC,KAAAC,OAAU,MAAMC,MAIhBF,KAAAG,SAA0B,QAUlBH,KAAAI,YAAc,CACpBC,QAAS,mBACTC,MAAO,mBACPC,QAAS,sBAIXP,KAAAQ,WAAa,EAwBd,CAnBC,eAAAC,GACET,KAAKQ,WAAaR,KAAKG,UAAYH,KAAKU,SAAWV,KAAKW,OAAS,CAACC,KAAMZ,KAAKG,UAAY,E,CAG3F,iBAAAU,GACEb,KAAKS,iB,CAGP,MAAAK,GACE,OACEC,EAACC,EAAIC,OAAAC,OAAA,CAAAC,IAAA,4CACCnB,KAAKQ,WAAU,CACnBY,GAAIpB,KAAKC,SAERD,KAAKI,YAAYJ,KAAKW,SAAWX,KAAKU,SAAWK,EAAA,UAAAI,IAAA,2CAAQE,KAAMrB,KAAKI,YAAYJ,KAAKW,UACtFI,EAAA,QAAAI,IAAA,2CAAMG,UAAWtB,KAAKU,U","ignoreList":[]}
+{"version":3,"names":["stylesCss","ZList","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","size","ListSize","MEDIUM","listType","ListType","NONE","htmlRole","onRoleChange","newValue","setChildrenProps","Array","from","host","children","filter","child","tagName","toLowerCase","forEach","i","listElementPosition","render","h","Host","key","role"],"sources":["src/components/list/z-list/styles.css?tag=z-list&encapsulation=shadow","src/components/list/z-list/index.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n","import {Component, ComponentInterface, Element, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ListSize, ListType} from \"../../../beans\";\n\n@Component({\n  tag: \"z-list\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZList implements ComponentInterface {\n  @Element() host: HTMLZListElement;\n\n  /**\n   * [optional] Size of the list elements.\n   */\n  @Prop({reflect: true})\n  size?: ListSize = ListSize.MEDIUM;\n\n  /**\n   * [optional] Type of the list marker for each element.\n   */\n  @Prop({reflect: true})\n  listType?: ListType = ListType.NONE;\n\n  @State()\n  htmlRole = \"list\";\n\n  /** Watch for changes in the role native attribute */\n  @Watch(\"role\", {immediate: true})\n  onRoleChange(newValue: string): void {\n    this.htmlRole = newValue;\n  }\n\n  @Watch(\"size\", {immediate: true})\n  @Watch(\"listType\", {immediate: true})\n  setChildrenProps(): void {\n    Array.from(this.host.children)\n      .filter((child): child is HTMLZListElementElement => child.tagName.toLowerCase() === \"z-list-element\")\n      .forEach((child, i) => {\n        child.size = this.size;\n        child.listType = this.listType;\n        child.listElementPosition = `${i + 1}`;\n      });\n  }\n\n  render(): HTMLZListElement {\n    return (\n      <Host role={this.htmlRole}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"8JAAA,MAAMA,EAAY,IAAM,2G,MCQXC,EAAKC,EAAA,MAAAD,UAAAE,EALlB,WAAAC,CAAAC,G,kEAYEC,KAAAC,KAAkBC,EAASC,OAM3BH,KAAAI,SAAsBC,EAASC,KAG/BN,KAAAO,SAAW,MA2BZ,CAvBC,YAAAC,CAAaC,GACXT,KAAKO,SAAWE,C,CAKlB,gBAAAC,GACEC,MAAMC,KAAKZ,KAAKa,KAAKC,UAClBC,QAAQC,GAA4CA,EAAMC,QAAQC,gBAAkB,mBACpFC,SAAQ,CAACH,EAAOI,KACfJ,EAAMf,KAAOD,KAAKC,KAClBe,EAAMZ,SAAWJ,KAAKI,SACtBY,EAAMK,oBAAsB,GAAGD,EAAI,GAAG,G,CAI5C,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAM1B,KAAKO,UACfgB,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/components/index9.js

@@ -1,2 +1,2 @@
-import{proxyCustomElement as t,HTMLElement as e,h as s,Host as i,transformTag as n}from"@stencil/core/internal/client";import{i as o,m as l}from"./index2.js";const r=()=>`:host{display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}`;const c=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.size=o.MEDIUM;this.listType=l.NONE;this.role="list"}setChildrenSizeType(){const t=this.host.children;for(let e=0;e<t.length;e++){t[e].setAttribute("size",this.size);t[e].setAttribute("list-type",this.listType);t[e].setAttribute("list-element-position",(e+1).toString())}}componentDidLoad(){this.setChildrenSizeType()}render(){return s(i,{key:"f9a6d8006b845e618b0aff2c8b0ed3568c438e4d"},s("slot",{key:"d9b7fd704481fdc6870d8269833ddacb035cb1b4"}))}get host(){return this}static get style(){return r()}},[257,"z-list",{size:[513],listType:[513,"list-type"],role:[513]}]);function f(){if(typeof customElements==="undefined"){return}const t=["z-list"];t.forEach((t=>{switch(t){case"z-list":if(!customElements.get(n(t))){customElements.define(n(t),c)}break}}))}export{c as Z,f as d};
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as n,Host as s,transformTag as a}from"@stencil/core/internal/client";import{j as o,l,D as r,E as c,i as h,m as d,g as u}from"./index2.js";import{d as b}from"./index5.js";import{d as m}from"./index3.js";const f=()=>`:host{outline:none}:host>.container{display:flex;box-sizing:border-box;flex-direction:column;justify-content:center;background-color:var(--background-color-list-element, var(--color-surface01));font-family:var(--font-family-sans);font-weight:var(--font-rg);outline:none}:host([size="small"])>.container{min-height:calc(var(--space-unit) * 4);padding:calc(var(--space-unit) / 2) 0}:host([size="medium"])>.container{min-height:calc(var(--space-unit) * 5);padding:var(--space-unit) 0}:host([size="medium"])>.tree-element-container{padding-top:0;padding-bottom:0}:host([size="large"])>.container{min-height:calc(var(--space-unit) * 7);padding:calc(var(--space-unit) * 2) 0}:host([size="x-large"])>.container{min-height:calc(var(--space-unit) * 9);padding:calc(var(--space-unit) * 3) 0}:host([expandable])>.container,:host([clickable])>.container{cursor:pointer}:host([expandable]:hover)>.container,:host([clickable]:hover)>.container{background-color:var(--background-hover-color-list-element, var(--color-background))}:host([expandable]:focus:focus-visible)>.container,:host([clickable]:focus:focus-visible)>.container{position:relative;z-index:1;box-shadow:var(--shadow-focus-primary)}:host([expandable]:active)>.container,:host([clickable]:active)>.container{background-color:var(--background-active-color-list-element, var(--color-background))}:host([align-button="left"][expandable])>.container>.z-list-element-container{display:flex}:host([align-button="right"][expandable])>.container>.z-list-element-container{display:flex;flex-direction:row-reverse;justify-content:space-between}:host([align-button="left"][expandable])>.container>.z-list-element-container>z-icon{margin-right:var(--space-unit)}:host([align-button="right"][expandable])>.container>.z-list-element-container>z-icon{margin-left:var(--space-unit)}:host>.container>.z-list-element-inner-container{display:none}:host>.container>.z-list-element-inner-container.expanded{display:block}.z-list-content-container{display:flex;align-items:center}:host .z-tree-list-divider{position:absolute;z-index:100;left:0}:host([disabled])>.container{color:var(--color-form-disabled03);cursor:default}`;const p=e(class e extends t{accessibleFocusHandler(e){if(this.listElementId===e.detail){const t=this.host.shadowRoot.getElementById(`z-list-element-id-${e.detail}`);t.focus()}}constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.accessibleFocus=i(this,"accessibleFocus",7);this.ariaDescendantFocus=i(this,"ariaDescendantFocus",7);this.clickItem=i(this,"clickItem",7);this.alignButton=o.LEFT;this.clickable=false;this.dividerColor="color-surface03";this.dividerType=l.NONE;this.dividerSize=r.SMALL;this.expandable=false;this.expandableStyle=c.ACCORDION;this.size=h.MEDIUM;this.color="none";this.disabled=false;this.listElementPosition="0";this.listType=d.NONE;this.htmlTabindex=0;this.showInnerContent=false;this.htmlRole="listitem";this.openElementConfig={accordion:{open:"minus-circled",close:"plus-circled"},menu:{open:"chevron-up",close:"chevron-down"}};this.handleClick=this.handleClick.bind(this);this.handleKeyDown=this.handleKeyDown.bind(this)}handleClick(){if(this.disabled){return}this.clickItem.emit(this.listElementId);if(!this.expandable){return}this.showInnerContent=!this.showInnerContent}handleKeyDown(e){const t=e.code===u.ENTER;switch(e.code){case u.ARROW_DOWN:e.preventDefault();this.accessibleFocus.emit(this.listElementId+1);break;case u.ARROW_UP:e.preventDefault();this.accessibleFocus.emit(this.listElementId-1);break;case u.ENTER:e.preventDefault();this.clickItem.emit(this.listElementId);break}if(!this.expandable||!t){return}this.showInnerContent=!this.showInnerContent}onRoleChange(e){this.htmlRole=e}renderExpandableButton(){if(!this.expandable){return null}return n("z-icon",{name:this.showInnerContent?this.openElementConfig[this.expandableStyle].open:this.openElementConfig[this.expandableStyle].close})}renderExpandedContent(){if(!this.expandable){return null}return n("div",{class:{"z-list-element-inner-container":true,expanded:this.showInnerContent}},n("slot",{name:"inner-content"}))}renderContent(){if(this.listType===d.NONE){return n("slot",null)}if(this.listType===d.ORDERED){return n("div",{class:"z-list-content-container"},n("div",null,this.listElementPosition,". "),n("slot",null))}if(this.listType===d.UNORDERED){return n("div",{class:"z-list-content-container"},n("span",null,"• "),n("slot",null))}}render(){return n(s,{key:"42e6fa098aebb80fd08b32c8180bba0c76b1138d","aria-expanded":this.expandable?this.showInnerContent:null,onClick:this.handleClick,onFocus:()=>this.ariaDescendantFocus.emit(this.listElementId),onKeyDown:this.handleKeyDown,clickable:this.clickable&&!this.disabled,tabIndex:this.hasTreeItems?undefined:this.htmlTabindex,role:this.hasTreeItems?"none":this.htmlRole},n("div",{key:"22e92a49de4b42710f68ca8e39ca1e90ae207427",class:this.hasTreeItems?"tree-element-container":"container",style:!this.disabled&&{color:`var(--${this.color})`},tabindex:"-1",id:`z-list-element-id-${this.listElementId}`,part:"list-item-container"},n("div",{key:"adca72d657b257755ecda2cbd5b50757cf271cdf",class:"z-list-element-container"},this.renderExpandableButton(),this.renderContent()),this.renderExpandedContent()),this.dividerType===l.ELEMENT&&n("z-divider",{key:"479602f15efb7232a952b1b50db0db5a28f3ba7c",class:{"z-tree-list-divider":this.hasTreeItems},color:this.dividerColor,size:this.dividerSize}))}get host(){return this}static get watchers(){return{role:[{onRoleChange:1}]}}static get style(){return f()}},[257,"z-list-element",{alignButton:[513,"align-button"],clickable:[516],dividerColor:[1,"divider-color"],dividerType:[1,"divider-type"],dividerSize:[1,"divider-size"],expandable:[516],expandableStyle:[1,"expandable-style"],listElementId:[514,"list-element-id"],size:[513],color:[513],disabled:[516],listElementPosition:[513,"list-element-position"],listType:[513,"list-type"],hasTreeItems:[4,"has-tree-items"],htmlTabindex:[2,"html-tabindex"],showInnerContent:[32],htmlRole:[32]},[[4,"accessibleFocus","accessibleFocusHandler"]],{role:[{onRoleChange:1}]}]);function v(){if(typeof customElements==="undefined"){return}const e=["z-list-element","z-divider","z-icon"];e.forEach((e=>{switch(e){case"z-list-element":if(!customElements.get(a(e))){customElements.define(a(e),p)}break;case"z-divider":if(!customElements.get(a(e))){b()}break;case"z-icon":if(!customElements.get(a(e))){m()}break}}))}export{p as Z,v as d};
 //# sourceMappingURL=index9.js.map

package/dist/components/index9.js.map

@@ -1 +1 @@
-{"version":3,"names":["stylesCss","ZList","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","size","ListSize","MEDIUM","listType","ListType","NONE","role","setChildrenSizeType","children","host","i","length","setAttribute","toString","componentDidLoad","render","h","Host","key"],"sources":["src/components/list/z-list/styles.css?tag=z-list&encapsulation=shadow","src/components/list/z-list/index.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n","import {Component, ComponentInterface, Element, Host, Prop, h} from \"@stencil/core\";\nimport {ListSize, ListType} from \"../../../beans\";\n\n@Component({\n  tag: \"z-list\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZList implements ComponentInterface {\n  @Element() host: HTMLZListElement;\n\n  /**\n   * [optional] Sets size of inside elements.\n   */\n  @Prop({reflect: true})\n  size?: ListSize = ListSize.MEDIUM;\n\n  /**\n   * [optional] type of the list marker for each element\n   */\n  @Prop({reflect: true})\n  listType?: ListType = ListType.NONE;\n\n  /**\n   * Sets role of the element.\n   */\n  @Prop({reflect: true})\n  role = \"list\";\n\n  private setChildrenSizeType(): void {\n    const children = this.host.children;\n    for (let i = 0; i < children.length; i++) {\n      children[i].setAttribute(\"size\", this.size);\n      children[i].setAttribute(\"list-type\", this.listType);\n      children[i].setAttribute(\"list-element-position\", (i + 1).toString());\n    }\n  }\n\n  componentDidLoad(): void {\n    this.setChildrenSizeType();\n  }\n\n  render(): HTMLZListElement {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"8JAAA,MAAMA,EAAY,IAAM,2G,MCQXC,EAAKC,EAAA,MAAAD,UAAAE,EALlB,WAAAC,CAAAC,G,kEAYEC,KAAAC,KAAkBC,EAASC,OAM3BH,KAAAI,SAAsBC,EAASC,KAM/BN,KAAAO,KAAO,MAsBR,CApBS,mBAAAC,GACN,MAAMC,EAAWT,KAAKU,KAAKD,SAC3B,IAAK,IAAIE,EAAI,EAAGA,EAAIF,EAASG,OAAQD,IAAK,CACxCF,EAASE,GAAGE,aAAa,OAAQb,KAAKC,MACtCQ,EAASE,GAAGE,aAAa,YAAab,KAAKI,UAC3CK,EAASE,GAAGE,aAAa,yBAA0BF,EAAI,GAAGG,W,EAI9D,gBAAAC,GACEf,KAAKQ,qB,CAGP,MAAAQ,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["stylesCss","ZListElement","__stencil_proxyCustomElement","HTMLElement","accessibleFocusHandler","e","this","listElementId","detail","toFocus","host","shadowRoot","getElementById","focus","constructor","registerHost","alignButton","ExpandableListButtonAlign","LEFT","clickable","dividerColor","dividerType","ListDividerType","NONE","dividerSize","DividerSize","SMALL","expandable","expandableStyle","ExpandableListStyle","ACCORDION","size","ListSize","MEDIUM","color","disabled","listElementPosition","listType","ListType","htmlTabindex","showInnerContent","htmlRole","openElementConfig","accordion","open","close","menu","handleClick","bind","handleKeyDown","clickItem","emit","event","expandByKey","code","KeyboardCode","ENTER","ARROW_DOWN","preventDefault","accessibleFocus","ARROW_UP","onRoleChange","newValue","renderExpandableButton","h","name","renderExpandedContent","class","expanded","renderContent","ORDERED","UNORDERED","render","Host","key","onClick","onFocus","ariaDescendantFocus","onKeyDown","tabIndex","hasTreeItems","undefined","role","style","tabindex","id","part","ELEMENT"],"sources":["src/components/list/z-list-element/styles.css?tag=z-list-element&encapsulation=shadow","src/components/list/z-list-element/index.tsx"],"sourcesContent":[":host {\n  outline: none;\n}\n\n:host > .container {\n  --background-color-list-element: ;\n  --background-hover-color-list-element: ;\n  --background-active-color-list-element: ;\n\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: column;\n  justify-content: center;\n  background-color: var(--background-color-list-element, var(--color-surface01));\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  outline: none;\n}\n\n/* z-list-element size */\n\n:host([size=\"small\"]) > .container {\n  min-height: calc(var(--space-unit) * 4);\n  padding: calc(var(--space-unit) / 2) 0;\n}\n\n:host([size=\"medium\"]) > .container {\n  min-height: calc(var(--space-unit) * 5);\n  padding: var(--space-unit) 0;\n}\n\n:host([size=\"medium\"]) > .tree-element-container {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n:host([size=\"large\"]) > .container {\n  min-height: calc(var(--space-unit) * 7);\n  padding: calc(var(--space-unit) * 2) 0;\n}\n\n:host([size=\"x-large\"]) > .container {\n  min-height: calc(var(--space-unit) * 9);\n  padding: calc(var(--space-unit) * 3) 0;\n}\n\n/* ----------------- */\n\n:host([expandable]) > .container,\n:host([clickable]) > .container {\n  cursor: pointer;\n}\n\n:host([expandable]:hover) > .container,\n:host([clickable]:hover) > .container {\n  background-color: var(--background-hover-color-list-element, var(--color-background));\n}\n\n:host([expandable]:focus:focus-visible) > .container,\n:host([clickable]:focus:focus-visible) > .container {\n  position: relative;\n  z-index: 1;\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([expandable]:active) > .container,\n:host([clickable]:active) > .container {\n  background-color: var(--background-active-color-list-element, var(--color-background));\n}\n\n:host([align-button=\"left\"][expandable]) > .container > .z-list-element-container {\n  display: flex;\n}\n\n:host([align-button=\"right\"][expandable]) > .container > .z-list-element-container {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: space-between;\n}\n\n:host([align-button=\"left\"][expandable]) > .container > .z-list-element-container > z-icon {\n  margin-right: var(--space-unit);\n}\n\n:host([align-button=\"right\"][expandable]) > .container > .z-list-element-container > z-icon {\n  margin-left: var(--space-unit);\n}\n\n:host > .container > .z-list-element-inner-container {\n  display: none;\n}\n\n:host > .container > .z-list-element-inner-container.expanded {\n  display: block;\n}\n\n.z-list-content-container {\n  display: flex;\n  align-items: center;\n}\n\n:host .z-tree-list-divider {\n  position: absolute;\n  z-index: 100;\n  left: 0;\n}\n\n:host([disabled]) > .container {\n  color: var(--color-form-disabled03);\n  cursor: default;\n}\n","import {\n  Component,\n  ComponentInterface,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  DividerSize,\n  ExpandableListButtonAlign,\n  ExpandableListStyle,\n  KeyboardCode,\n  ListDividerType,\n  ListSize,\n  ListType,\n} from \"../../../beans\";\n\n@Component({\n  tag: \"z-list-element\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZListElement implements ComponentInterface {\n  @Element() host: HTMLZListElementElement;\n\n  /** remove filter click event, returns filterid */\n  @Event({\n    eventName: \"accessibleFocus\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  accessibleFocus: EventEmitter<number>;\n\n  /** set parent aria-activedescendant on focus event, returns filterid */\n  @Event({\n    eventName: \"ariaDescendantFocus\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  ariaDescendantFocus: EventEmitter<number>;\n\n  /** remove filter click event, returns filterid */\n  @Event({\n    eventName: \"clickItem\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  clickItem: EventEmitter;\n\n  @Listen(\"accessibleFocus\", {target: \"document\"})\n  accessibleFocusHandler(e: CustomEvent): void {\n    if (this.listElementId === e.detail) {\n      const toFocus = this.host.shadowRoot.getElementById(`z-list-element-id-${e.detail}`);\n      toFocus.focus();\n    }\n  }\n\n  /**\n   * [optional] Align expandable button left or right.\n   */\n  @Prop({reflect: true})\n  alignButton?: ExpandableListButtonAlign = ExpandableListButtonAlign.LEFT;\n\n  /**\n   * [optional] Sets element clickable.\n   */\n  @Prop({reflect: true})\n  clickable?: boolean = false;\n\n  /**\n   * [optional] Sets the divider color.\n   */\n  @Prop()\n  dividerColor?: string = \"color-surface03\";\n\n  /**\n   * [optional] Sets the position where to insert the divider.\n   */\n  @Prop()\n  dividerType?: ListDividerType = ListDividerType.NONE;\n\n  /**\n   * [optional] Sets the divider size.\n   */\n  @Prop()\n  dividerSize?: DividerSize = DividerSize.SMALL;\n\n  /**\n   * [optional] Sets element as expandable.\n   */\n  @Prop({reflect: true})\n  expandable?: boolean = false;\n\n  /**\n   * [optional] Sets expandable style to element.\n   */\n  @Prop()\n  expandableStyle?: ExpandableListStyle = ExpandableListStyle.ACCORDION;\n\n  /**\n   * [optional] List element id.\n   */\n  @Prop({reflect: true})\n  listElementId?: number;\n\n  /**\n   * [optional] Sets size of inside elements.\n   */\n  @Prop({reflect: true})\n  size?: ListSize = ListSize.MEDIUM;\n\n  /**\n   * [optional] Sets text color of the element.\n   */\n  @Prop({reflect: true})\n  color?: string = \"none\";\n\n  /**\n   * [optional] Sets disabled style of the element.\n   */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /**\n   * [optional] position of the list element inside the list or the group\n   */\n  @Prop({reflect: true})\n  listElementPosition?: string = \"0\";\n\n  /**\n   * [optional] type of the list marker for each element\n   */\n  @Prop({reflect: true})\n  listType?: ListType = ListType.NONE;\n\n  /**\n   * [optional] Sets element as tree item.\n   */\n  @Prop()\n  hasTreeItems?: boolean;\n\n  /** set tabindex to Host tag (optional). Defaults to 0. */\n  @Prop()\n  htmlTabindex?: number | null = 0;\n\n  @State()\n  showInnerContent = false;\n\n  @State()\n  htmlRole = \"listitem\";\n\n  private openElementConfig = {\n    accordion: {\n      open: \"minus-circled\",\n      close: \"plus-circled\",\n    },\n    menu: {\n      open: \"chevron-up\",\n      close: \"chevron-down\",\n    },\n  };\n\n  /**\n   * Constructor.\n   */\n  constructor() {\n    this.handleClick = this.handleClick.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  /**\n   * Handler for click on element. If element is expandable, change state.\n   */\n  private handleClick(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.clickItem.emit(this.listElementId);\n    if (!this.expandable) {\n      return;\n    }\n    this.showInnerContent = !this.showInnerContent;\n  }\n\n  private handleKeyDown(event): void {\n    const expandByKey = event.code === KeyboardCode.ENTER;\n    switch (event.code) {\n      case KeyboardCode.ARROW_DOWN:\n        event.preventDefault();\n        this.accessibleFocus.emit(this.listElementId + 1);\n        break;\n      case KeyboardCode.ARROW_UP:\n        event.preventDefault();\n        this.accessibleFocus.emit(this.listElementId - 1);\n        break;\n      case KeyboardCode.ENTER:\n        event.preventDefault();\n        this.clickItem.emit(this.listElementId);\n        break;\n      default:\n        break;\n    }\n\n    if (!this.expandable || !expandByKey) {\n      return;\n    }\n    this.showInnerContent = !this.showInnerContent;\n  }\n\n  @Watch(\"role\", {immediate: true})\n  onRoleChange(newValue: string): void {\n    this.htmlRole = newValue;\n  }\n\n  /**\n   * Renders button to expand element.\n   */\n  private renderExpandableButton(): HTMLZIconElement {\n    if (!this.expandable) {\n      return null;\n    }\n\n    return (\n      <z-icon\n        name={\n          this.showInnerContent\n            ? this.openElementConfig[this.expandableStyle].open\n            : this.openElementConfig[this.expandableStyle].close\n        }\n      />\n    );\n  }\n\n  /**\n   * Renders expanded content if element is expandable.\n   */\n  private renderExpandedContent(): HTMLDivElement {\n    if (!this.expandable) {\n      return null;\n    }\n\n    return (\n      <div\n        class={{\n          \"z-list-element-inner-container\": true,\n          \"expanded\": this.showInnerContent,\n        }}\n      >\n        <slot name=\"inner-content\" />\n      </div>\n    );\n  }\n\n  /**\n   * Renders content of the z-list-element\n   */\n  private renderContent(): HTMLDivElement {\n    if (this.listType === ListType.NONE) {\n      return <slot />;\n    }\n\n    if (this.listType === ListType.ORDERED) {\n      return (\n        <div class=\"z-list-content-container\">\n          <div>{this.listElementPosition}.&emsp;</div>\n          <slot />\n        </div>\n      );\n    }\n\n    if (this.listType === ListType.UNORDERED) {\n      return (\n        <div class=\"z-list-content-container\">\n          <span>&bull;&emsp;</span>\n          <slot />\n        </div>\n      );\n    }\n  }\n\n  render(): HTMLZListElementElement {\n    return (\n      <Host\n        aria-expanded={this.expandable ? this.showInnerContent : null}\n        onClick={this.handleClick}\n        onFocus={() => this.ariaDescendantFocus.emit(this.listElementId)}\n        onKeyDown={this.handleKeyDown}\n        clickable={this.clickable && !this.disabled}\n        tabIndex={this.hasTreeItems ? undefined : this.htmlTabindex}\n        role={this.hasTreeItems ? \"none\" : this.htmlRole}\n      >\n        <div\n          class={this.hasTreeItems ? \"tree-element-container\" : \"container\"}\n          style={!this.disabled && {color: `var(--${this.color})`}}\n          tabindex=\"-1\"\n          id={`z-list-element-id-${this.listElementId}`}\n          part=\"list-item-container\"\n        >\n          <div class=\"z-list-element-container\">\n            {this.renderExpandableButton()}\n            {this.renderContent()}\n          </div>\n          {this.renderExpandedContent()}\n        </div>\n        {this.dividerType === ListDividerType.ELEMENT && (\n          <z-divider\n            class={{\"z-tree-list-divider\": this.hasTreeItems}}\n            color={this.dividerColor}\n            size={this.dividerSize}\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/reactive-controller.js

@@ -1,6 +1,6 @@
-import{getElement as e,HTMLElement as t}from"@stencil/core/internal/client";import{t as r,p as n,q as i,s as a,u,k as o,a as f,v as s}from"./utils.js";import{g as l}from"./index2.js";
+import{getElement as e,HTMLElement as t}from"@stencil/core/internal/client";import{t as r,o as n,p as i,q as a,s as u,j as o,a as f,u as s}from"./utils.js";import{g as l}from"./index2.js";
 /*!
 * focus-trap 8.2.1
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function v(e){if(Array.isArray(e))return c(e)}function d(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=S(e))||t){r&&(e=r);var n=0,i=function(){};return{s:i,n:function(){return n>=e.length?{done:true}:{done:false,value:e[n++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,u=true,o=false;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return u=e.done,e},e:function(e){o=true,a=e},f:function(){try{u||null==r.return||r.return()}finally{if(o)throw a}}}}function h(e,t,r){return(t=F(t))in e?Object.defineProperty(e,t,{value:r,enumerable:true,configurable:true,writable:true}):e[t]=r,e}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),true).forEach((function(t){h(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function m(e){return v(e)||p(e)||S(e)||b()}function k(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function F(e){var t=k(e,"string");return"symbol"==typeof t?t:t+""}function S(e,t){if(e){if("string"==typeof e)return c(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}var T={getActiveTrap:function e(t){if((t===null||t===void 0?void 0:t.length)>0){return t[t.length-1]}return null},activateTrap:function e(t,r){var n=T.getActiveTrap(t);if(r!==n){T.pauseTrap(t)}var i=t.indexOf(r);if(i===-1){t.push(r)}else{t.splice(i,1);t.push(r)}},deactivateTrap:function e(t,r){var n=t.indexOf(r);if(n!==-1){t.splice(n,1)}T.unpauseTrap(t)},pauseTrap:function e(t){var r=T.getActiveTrap(t);r===null||r===void 0||r._setPausedState(true)},unpauseTrap:function e(t){var r=T.getActiveTrap(t);if(r&&!r._isManuallyPaused()){r._setPausedState(false)}}};var j=function e(t){return t.tagName&&t.tagName.toLowerCase()==="input"&&typeof t.select==="function"};var O=function e(t){return(t===null||t===void 0?void 0:t.key)==="Escape"||(t===null||t===void 0?void 0:t.key)==="Esc"||(t===null||t===void 0?void 0:t.keyCode)===27};var D=function e(t){return(t===null||t===void 0?void 0:t.key)==="Tab"||(t===null||t===void 0?void 0:t.keyCode)===9};var E=function e(t){return D(t)&&!t.shiftKey};var g=function e(t){return D(t)&&t.shiftKey};var A=function e(t){return setTimeout(t,0)};var P=function e(t){for(var r=arguments.length,n=new Array(r>1?r-1:0),i=1;i<r;i++){n[i-1]=arguments[i]}return typeof t==="function"?t.apply(void 0,n):t};var R=function e(t){return t.target.shadowRoot&&typeof t.composedPath==="function"?t.composedPath()[0]:t.target};var C=[];var N=function e(t,o){var f=(o===null||o===void 0?void 0:o.document)||document;var s=(o===null||o===void 0?void 0:o.trapStack)||C;var l=w({returnFocusOnDeactivate:true,escapeDeactivates:true,delayInitialFocus:true,delayReturnFocus:true,isolateSubtrees:false,isKeyForward:E,isKeyBackward:g},o);var c={containers:[],containerGroups:[],tabbableGroups:[],adjacentElements:new Set,alreadySilent:new Set,nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:false,paused:false,manuallyPaused:false,delayInitialFocusTimer:undefined,recentNavEvent:undefined};var v;var h=function e(t,r,n){return t&&t[r]!==undefined?t[r]:l[n||r]};var p=function e(t,r){var n=typeof(r===null||r===void 0?void 0:r.composedPath)==="function"?r.composedPath():undefined;return c.containerGroups.findIndex((function(e){var r=e.container,i=e.tabbableNodes;return r.contains(t)||(n===null||n===void 0?void 0:n.includes(r))||i.find((function(e){return e===t}))}))};var b=function e(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},n=r.hasFallback,i=n===void 0?false:n,a=r.params,u=a===void 0?[]:a;var o=l[t];if(typeof o==="function"){o=o.apply(void 0,m(u))}if(o===true){o=undefined}if(!o){if(o===undefined||o===false){return o}throw new Error("`".concat(t,"` was specified but was not a node, or did not return a node"))}var s=o;if(typeof o==="string"){try{s=f.querySelector(o)}catch(e){throw new Error("`".concat(t,'` appears to be an invalid selector; error="').concat(e.message,'"'))}if(!s){if(!i){throw new Error("`".concat(t,"` as selector refers to no known node"))}}}return s};var y=function e(t){var r=t.activeElement;if(!r){return null}if(r.shadowRoot&&r.shadowRoot.activeElement!==null){return y(r.shadowRoot)}return r};var k=function e(){var t=b("initialFocus",{hasFallback:true});if(t===false){return false}if(t===undefined||t&&!u(t,l.tabbableOptions)){var r=y(f);if(p(r)>=0){t=r}else{var n=c.tabbableGroups[0];var i=n&&n.firstTabbableNode;t=i||b("fallbackFocus")}}else if(t===null){t=b("fallbackFocus")}if(!t){throw new Error("Your focus-trap needs to have at least one focusable element")}return t};var F=function e(){c.containerGroups=c.containers.map((function(e){var t=r(e,l.tabbableOptions);var u=n(e,l.tabbableOptions);var o=t.length>0?t[0]:undefined;var f=t.length>0?t[t.length-1]:undefined;var s=u.find((function(e){return i(e)}));var c=u.slice().reverse().find((function(e){return i(e)}));var v=!!t.find((function(e){return a(e)>0}));return{container:e,tabbableNodes:t,focusableNodes:u,posTabIndexesFound:v,firstTabbableNode:o,lastTabbableNode:f,firstDomTabbableNode:s,lastDomTabbableNode:c,nextTabbableNode:function e(r){var n=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var a=t.indexOf(r);if(a<0){if(n){return u.slice(u.indexOf(r)+1).find((function(e){return i(e)}))}return u.slice(0,u.indexOf(r)).reverse().find((function(e){return i(e)}))}return t[a+(n?1:-1)]}}}));c.tabbableGroups=c.containerGroups.filter((function(e){return e.tabbableNodes.length>0}));if(c.tabbableGroups.length<=0&&!b("fallbackFocus")){throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")}if(c.containerGroups.find((function(e){return e.posTabIndexesFound}))&&c.containerGroups.length>1){throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")}};var S=function e(t){if(t===false){return}if(t===y(document)){return}if(!t||!t.focus){S(k());return}t.focus({preventScroll:!!l.preventScroll});c.mostRecentlyFocusedNode=t;if(j(t)){t.select()}};var N=function e(t){var r=b("setReturnFocus",{params:[t]});return r?r:r===false?false:t};var I=function e(t){var r=t.target,n=t.event,o=t.isBackward,f=o===void 0?false:o;r=r||R(n);F();var s=null;if(c.tabbableGroups.length>0){var v=p(r,n);var d=v>=0?c.containerGroups[v]:undefined;if(v<0){if(f){s=c.tabbableGroups[c.tabbableGroups.length-1].lastTabbableNode}else{s=c.tabbableGroups[0].firstTabbableNode}}else if(f){var h=c.tabbableGroups.findIndex((function(e){var t=e.firstTabbableNode;return r===t}));if(h<0&&(d.container===r||u(r,l.tabbableOptions)&&!i(r,l.tabbableOptions)&&!d.nextTabbableNode(r,false))){h=v}if(h>=0){var y=h===0?c.tabbableGroups.length-1:h-1;var w=c.tabbableGroups[y];s=a(r)>=0?w.lastTabbableNode:w.lastDomTabbableNode}else if(!D(n)){s=d.nextTabbableNode(r,false)}}else{var m=c.tabbableGroups.findIndex((function(e){var t=e.lastTabbableNode;return r===t}));if(m<0&&(d.container===r||u(r,l.tabbableOptions)&&!i(r,l.tabbableOptions)&&!d.nextTabbableNode(r))){m=v}if(m>=0){var k=m===c.tabbableGroups.length-1?0:m+1;var S=c.tabbableGroups[k];s=a(r)>=0?S.firstTabbableNode:S.firstDomTabbableNode}else if(!D(n)){s=d.nextTabbableNode(r)}}}else{s=b("fallbackFocus")}return s};var x=function e(t){var r=R(t);if(p(r,t)>=0){return}if(P(l.clickOutsideDeactivates,t)){v.deactivate({returnFocus:l.returnFocusOnDeactivate});return}if(P(l.allowOutsideClick,t)){return}t.preventDefault()};var B=function e(t){var r=R(t);var n=p(r,t)>=0;if(n||r instanceof Document){if(n){c.mostRecentlyFocusedNode=r}}else{t.stopImmediatePropagation();var i;var u=true;if(c.mostRecentlyFocusedNode){if(a(c.mostRecentlyFocusedNode)>0){var o=p(c.mostRecentlyFocusedNode);var f=c.containerGroups[o].tabbableNodes;if(f.length>0){var s=f.findIndex((function(e){return e===c.mostRecentlyFocusedNode}));if(s>=0){if(l.isKeyForward(c.recentNavEvent)){if(s+1<f.length){i=f[s+1];u=false}}else{if(s-1>=0){i=f[s-1];u=false}}}}}else{if(!c.containerGroups.some((function(e){return e.tabbableNodes.some((function(e){return a(e)>0}))}))){u=false}}}else{u=false}if(u){i=I({target:c.mostRecentlyFocusedNode,isBackward:l.isKeyBackward(c.recentNavEvent)})}if(i){S(i)}else{S(c.mostRecentlyFocusedNode||k())}}c.recentNavEvent=undefined};var U=function e(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;c.recentNavEvent=t;var n=I({event:t,isBackward:r});if(n){if(D(t)){t.preventDefault()}S(n)}};var K=function e(t){if(l.isKeyForward(t)||l.isKeyBackward(t)){U(t,l.isKeyBackward(t))}};var L=function e(t){if(O(t)&&P(l.escapeDeactivates,t)!==false){t.preventDefault();v.deactivate()}};var M=function e(t){var r=R(t);if(p(r,t)>=0){return}if(P(l.clickOutsideDeactivates,t)){return}if(P(l.allowOutsideClick,t)){return}t.preventDefault();t.stopImmediatePropagation()};var W=function e(){if(!c.active){return}T.activateTrap(s,v);var t;if(l.delayInitialFocus){t=new Promise((function(e){c.delayInitialFocusTimer=A((function(){S(k());e()}))}))}else{S(k())}f.addEventListener("focusin",B,true);f.addEventListener("mousedown",x,{capture:true,passive:false});f.addEventListener("touchstart",x,{capture:true,passive:false});f.addEventListener("click",M,{capture:true,passive:false});f.addEventListener("keydown",K,{capture:true,passive:false});f.addEventListener("keydown",L);return t};var _=function e(t){if(c.active&&!c.paused){v._setSubtreeIsolation(false)}c.adjacentElements.clear();c.alreadySilent.clear();var r=new Set;var n=new Set;var i=d(t),a;try{for(i.s();!(a=i.n()).done;){var u=a.value;r.add(u);var o=typeof ShadowRoot!=="undefined"&&u.getRootNode()instanceof ShadowRoot;var f=u;while(f){r.add(f);var s=f.parentElement;var l=[];if(s){l=s.children}else if(!s&&o){l=f.getRootNode().children;s=f.getRootNode().host;o=typeof ShadowRoot!=="undefined"&&s.getRootNode()instanceof ShadowRoot}var h=d(l),p;try{for(h.s();!(p=h.n()).done;){var b=p.value;n.add(b)}}catch(e){h.e(e)}finally{h.f()}f=s}}}catch(e){i.e(e)}finally{i.f()}r.forEach((function(e){n["delete"](e)}));c.adjacentElements=n};var G=function e(){if(!c.active){return}f.removeEventListener("focusin",B,true);f.removeEventListener("mousedown",x,true);f.removeEventListener("touchstart",x,true);f.removeEventListener("click",M,true);f.removeEventListener("keydown",K,true);f.removeEventListener("keydown",L);return v};var Y=function e(t){var r=c.mostRecentlyFocusedNode;if(!r){return}var n=t.some((function(e){var t=Array.from(e.removedNodes);return t.some((function(e){return e===r||typeof e.contains==="function"&&e.contains(r)}))}));if(n&&c.containers.some((function(e){return e===null||e===void 0?void 0:e.isConnected}))){F();var i=k();S(i)}};var q=typeof window!=="undefined"&&"MutationObserver"in window?new MutationObserver(Y):undefined;var $=function e(){if(!q){return}q.disconnect();if(c.active&&!c.paused){c.containers.map((function(e){q.observe(e,{subtree:true,childList:true})}))}};v={get active(){return c.active},get paused(){return c.paused},activate:function e(t){if(c.active){return this}var r=h(t,"onActivate");var n=h(t,"onPostActivate");var i=h(t,"checkCanFocusTrap");var a=T.getActiveTrap(s);var u=false;if(a&&!a.paused){var o;(o=a._setSubtreeIsolation)===null||o===void 0||o.call(a,false);u=true}try{if(!i){F()}c.active=true;c.paused=false;c.nodeFocusedBeforeActivation=y(f);r===null||r===void 0||r({trap:v});var l=function e(){if(i){F()}var t=function e(){v._setSubtreeIsolation(true);$();n===null||n===void 0||n({trap:v})};var r=W();if(r){r.then(t)}else{t()}};if(i){i(c.containers.concat()).then(l,l);return this}l()}catch(e){if(a===T.getActiveTrap(s)&&u){var d;(d=a._setSubtreeIsolation)===null||d===void 0||d.call(a,true)}throw e}return this},deactivate:function e(t){if(!c.active){return this}var r=w({onDeactivate:l.onDeactivate,onPostDeactivate:l.onPostDeactivate,checkCanReturnFocus:l.checkCanReturnFocus},t);clearTimeout(c.delayInitialFocusTimer);c.delayInitialFocusTimer=undefined;if(!c.paused){v._setSubtreeIsolation(false)}c.alreadySilent.clear();G();c.active=false;c.paused=false;$();T.deactivateTrap(s,v);var n=h(r,"onDeactivate");var i=h(r,"onPostDeactivate");var a=h(r,"checkCanReturnFocus");var u=h(r,"delayReturnFocus");var o=h(r,"returnFocus","returnFocusOnDeactivate");n===null||n===void 0||n({trap:v});var f=function e(){if(o){S(N(c.nodeFocusedBeforeActivation))}i===null||i===void 0||i({trap:v})};var d=function e(){if(u&&o){A(f)}else{f()}};if(o&&a){a(N(c.nodeFocusedBeforeActivation)).then(d,d);return this}d();return this},pause:function e(t){if(!c.active){return this}c.manuallyPaused=true;return this._setPausedState(true,t)},unpause:function e(t){if(!c.active){return this}c.manuallyPaused=false;if(s[s.length-1]!==this){return this}return this._setPausedState(false,t)},updateContainerElements:function e(t){var r=[].concat(t).filter(Boolean);c.containers=r.map((function(e){return typeof e==="string"?f.querySelector(e):e}));if(l.isolateSubtrees){_(c.containers)}if(c.active){F();if(!c.paused){v._setSubtreeIsolation(true)}}$();return this}};Object.defineProperties(v,{_isManuallyPaused:{value:function e(){return c.manuallyPaused}},_setPausedState:{value:function e(t,r){if(c.paused===t){return this}c.paused=t;if(t){var n=h(r,"onPause");var i=h(r,"onPostPause");n===null||n===void 0||n({trap:v});G();v._setSubtreeIsolation(false);$();i===null||i===void 0||i({trap:v})}else{var a=h(r,"onUnpause");var u=h(r,"onPostUnpause");a===null||a===void 0||a({trap:v});var o=function e(){F();var t=function e(){v._setSubtreeIsolation(true);$();u===null||u===void 0||u({trap:v})};var r=W();if(r){r.then(t)}else{t()}};o()}return this}},_setSubtreeIsolation:{value:function e(t){if(l.isolateSubtrees){c.adjacentElements.forEach((function(e){var r;if(t){switch(l.isolateSubtrees){case"aria-hidden":if(e.ariaHidden==="true"||((r=e.getAttribute("aria-hidden"))===null||r===void 0?void 0:r.toLowerCase())==="true"){c.alreadySilent.add(e)}e.setAttribute("aria-hidden","true");break;default:if(e.inert||e.hasAttribute("inert")){c.alreadySilent.add(e)}e.setAttribute("inert",true);break}}else{if(c.alreadySilent.has(e));else{switch(l.isolateSubtrees){case"aria-hidden":e.removeAttribute("aria-hidden");break;default:e.removeAttribute("inert");break}}}}))}}}});v.updateContainerElements(t);return v};class I{constructor(t,r){this.config=r;this.host=t;this.host.addController(this);this.hostElement=e(this.host)}get trapRoot(){var e,t,r;return(r=(t=(e=this.config).getTrapRoot)===null||t===void 0?void 0:t.call(e))!==null&&r!==void 0?r:this.hostElement}getTabbableElements(){if(!this.trapRoot){return[]}if(this.config.tabbableElements){return typeof this.config.tabbableElements==="function"?this.config.tabbableElements():this.config.tabbableElements}return o(this.trapRoot)}focusFirstTrapElement(){var e;(e=this.getTabbableElements()[0])===null||e===void 0?void 0:e.focus()}focusLastTrapElement(){var e;const t=this.getTabbableElements();(e=t[t.length-1])===null||e===void 0?void 0:e.focus()}sync(){if(!this.trapRoot){return}if(!this.focusTrap){this.focusTrap=N(this.trapRoot,Object.assign({allowOutsideClick:true,clickOutsideDeactivates:false,escapeDeactivates:false,returnFocusOnDeactivate:true,initialFocus:()=>{var e;return(e=this.getTabbableElements()[0])!==null&&e!==void 0?e:this.config.fallbackFocus},onPostActivate:()=>this.focusFirstTrapElement(),isKeyForward:()=>false,isKeyBackward:()=>false,document:this.hostElement.ownerDocument},this.config))}if(this.config.isActive()){this.focusTrap.activate();return}this.focusTrap.deactivate()}handleWrapTab(e){if(e.key!==l.TAB||e.altKey||e.ctrlKey||e.metaKey||e.defaultPrevented){return}const t=this.getTabbableElements();if(!t.length){return}const r=s(this.hostElement.ownerDocument);const n=t[0];const i=t[t.length-1];const a=r?f(n,r):false;const u=r?f(i,r):false;if(e.shiftKey&&a){e.preventDefault();this.focusLastTrapElement();return}if(!e.shiftKey&&u){e.preventDefault();this.focusFirstTrapElement()}}deactivate(){var e;(e=this.focusTrap)===null||e===void 0?void 0:e.deactivate()}hostDisconnected(){this.deactivate()}}const x=class extends t{constructor(){super(false);this.controllers=new Set}addController(e){this.controllers.add(e)}removeController(e){this.controllers.delete(e)}connectedCallback(){this.controllers.forEach((e=>{var t;return(t=e.hostConnected)===null||t===void 0?void 0:t.call(e)}))}disconnectedCallback(){this.controllers.forEach((e=>{var t;return(t=e.hostDisconnected)===null||t===void 0?void 0:t.call(e)}))}componentWillLoad(){this.controllers.forEach((e=>{var t;return(t=e.hostWillLoad)===null||t===void 0?void 0:t.call(e)}))}componentDidLoad(){this.controllers.forEach((e=>{var t;return(t=e.hostDidLoad)===null||t===void 0?void 0:t.call(e)}))}componentWillRender(){this.controllers.forEach((e=>{var t;return(t=e.hostWillRender)===null||t===void 0?void 0:t.call(e)}))}componentDidRender(){this.controllers.forEach((e=>{var t;return(t=e.hostDidRender)===null||t===void 0?void 0:t.call(e)}))}componentWillUpdate(){this.controllers.forEach((e=>{var t;return(t=e.hostWillUpdate)===null||t===void 0?void 0:t.call(e)}))}componentDidUpdate(){this.controllers.forEach((e=>{var t;return(t=e.hostDidUpdate)===null||t===void 0?void 0:t.call(e)}))}};export{I as F,x as R};
+*/function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function v(e){if(Array.isArray(e))return c(e)}function d(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=j(e))||t){r&&(e=r);var n=0,i=function(){};return{s:i,n:function(){return n>=e.length?{done:true}:{done:false,value:e[n++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,u=true,o=false;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return u=e.done,e},e:function(e){o=true,a=e},f:function(){try{u||null==r.return||r.return()}finally{if(o)throw a}}}}function h(e,t,r){return(t=F(t))in e?Object.defineProperty(e,t,{value:r,enumerable:true,configurable:true,writable:true}):e[t]=r,e}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),true).forEach((function(t){h(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function m(e){return v(e)||p(e)||j(e)||b()}function k(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function F(e){var t=k(e,"string");return"symbol"==typeof t?t:t+""}function j(e,t){if(e){if("string"==typeof e)return c(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}var S={getActiveTrap:function e(t){if((t===null||t===void 0?void 0:t.length)>0){return t[t.length-1]}return null},activateTrap:function e(t,r){var n=S.getActiveTrap(t);if(r!==n){S.pauseTrap(t)}var i=t.indexOf(r);if(i===-1){t.push(r)}else{t.splice(i,1);t.push(r)}},deactivateTrap:function e(t,r){var n=t.indexOf(r);if(n!==-1){t.splice(n,1)}S.unpauseTrap(t)},pauseTrap:function e(t){var r=S.getActiveTrap(t);r===null||r===void 0||r._setPausedState(true)},unpauseTrap:function e(t){var r=S.getActiveTrap(t);if(r&&!r._isManuallyPaused()){r._setPausedState(false)}}};var T=function e(t){return t.tagName&&t.tagName.toLowerCase()==="input"&&typeof t.select==="function"};var O=function e(t){return(t===null||t===void 0?void 0:t.key)==="Escape"||(t===null||t===void 0?void 0:t.key)==="Esc"||(t===null||t===void 0?void 0:t.keyCode)===27};var D=function e(t){return(t===null||t===void 0?void 0:t.key)==="Tab"||(t===null||t===void 0?void 0:t.keyCode)===9};var E=function e(t){return D(t)&&!t.shiftKey};var g=function e(t){return D(t)&&t.shiftKey};var A=function e(t){return setTimeout(t,0)};var P=function e(t){for(var r=arguments.length,n=new Array(r>1?r-1:0),i=1;i<r;i++){n[i-1]=arguments[i]}return typeof t==="function"?t.apply(void 0,n):t};var R=function e(t){return t.target.shadowRoot&&typeof t.composedPath==="function"?t.composedPath()[0]:t.target};var C=[];var N=function e(t,o){var f=(o===null||o===void 0?void 0:o.document)||document;var s=(o===null||o===void 0?void 0:o.trapStack)||C;var l=w({returnFocusOnDeactivate:true,escapeDeactivates:true,delayInitialFocus:true,delayReturnFocus:true,isolateSubtrees:false,isKeyForward:E,isKeyBackward:g},o);var c={containers:[],containerGroups:[],tabbableGroups:[],adjacentElements:new Set,alreadySilent:new Set,nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:false,paused:false,manuallyPaused:false,delayInitialFocusTimer:undefined,recentNavEvent:undefined};var v;var h=function e(t,r,n){return t&&t[r]!==undefined?t[r]:l[n||r]};var p=function e(t,r){var n=typeof(r===null||r===void 0?void 0:r.composedPath)==="function"?r.composedPath():undefined;return c.containerGroups.findIndex((function(e){var r=e.container,i=e.tabbableNodes;return r.contains(t)||(n===null||n===void 0?void 0:n.includes(r))||i.find((function(e){return e===t}))}))};var b=function e(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},n=r.hasFallback,i=n===void 0?false:n,a=r.params,u=a===void 0?[]:a;var o=l[t];if(typeof o==="function"){o=o.apply(void 0,m(u))}if(o===true){o=undefined}if(!o){if(o===undefined||o===false){return o}throw new Error("`".concat(t,"` was specified but was not a node, or did not return a node"))}var s=o;if(typeof o==="string"){try{s=f.querySelector(o)}catch(e){throw new Error("`".concat(t,'` appears to be an invalid selector; error="').concat(e.message,'"'))}if(!s){if(!i){throw new Error("`".concat(t,"` as selector refers to no known node"))}}}return s};var y=function e(t){var r=t.activeElement;if(!r){return null}if(r.shadowRoot&&r.shadowRoot.activeElement!==null){return y(r.shadowRoot)}return r};var k=function e(){var t=b("initialFocus",{hasFallback:true});if(t===false){return false}if(t===undefined||t&&!u(t,l.tabbableOptions)){var r=y(f);if(p(r)>=0){t=r}else{var n=c.tabbableGroups[0];var i=n&&n.firstTabbableNode;t=i||b("fallbackFocus")}}else if(t===null){t=b("fallbackFocus")}if(!t){throw new Error("Your focus-trap needs to have at least one focusable element")}return t};var F=function e(){c.containerGroups=c.containers.map((function(e){var t=r(e,l.tabbableOptions);var u=n(e,l.tabbableOptions);var o=t.length>0?t[0]:undefined;var f=t.length>0?t[t.length-1]:undefined;var s=u.find((function(e){return i(e)}));var c=u.slice().reverse().find((function(e){return i(e)}));var v=!!t.find((function(e){return a(e)>0}));return{container:e,tabbableNodes:t,focusableNodes:u,posTabIndexesFound:v,firstTabbableNode:o,lastTabbableNode:f,firstDomTabbableNode:s,lastDomTabbableNode:c,nextTabbableNode:function e(r){var n=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var a=t.indexOf(r);if(a<0){if(n){return u.slice(u.indexOf(r)+1).find((function(e){return i(e)}))}return u.slice(0,u.indexOf(r)).reverse().find((function(e){return i(e)}))}return t[a+(n?1:-1)]}}}));c.tabbableGroups=c.containerGroups.filter((function(e){return e.tabbableNodes.length>0}));if(c.tabbableGroups.length<=0&&!b("fallbackFocus")){throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")}if(c.containerGroups.find((function(e){return e.posTabIndexesFound}))&&c.containerGroups.length>1){throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")}};var j=function e(t){if(t===false){return}if(t===y(document)){return}if(!t||!t.focus){j(k());return}t.focus({preventScroll:!!l.preventScroll});c.mostRecentlyFocusedNode=t;if(T(t)){t.select()}};var N=function e(t){var r=b("setReturnFocus",{params:[t]});return r?r:r===false?false:t};var I=function e(t){var r=t.target,n=t.event,o=t.isBackward,f=o===void 0?false:o;r=r||R(n);F();var s=null;if(c.tabbableGroups.length>0){var v=p(r,n);var d=v>=0?c.containerGroups[v]:undefined;if(v<0){if(f){s=c.tabbableGroups[c.tabbableGroups.length-1].lastTabbableNode}else{s=c.tabbableGroups[0].firstTabbableNode}}else if(f){var h=c.tabbableGroups.findIndex((function(e){var t=e.firstTabbableNode;return r===t}));if(h<0&&(d.container===r||u(r,l.tabbableOptions)&&!i(r,l.tabbableOptions)&&!d.nextTabbableNode(r,false))){h=v}if(h>=0){var y=h===0?c.tabbableGroups.length-1:h-1;var w=c.tabbableGroups[y];s=a(r)>=0?w.lastTabbableNode:w.lastDomTabbableNode}else if(!D(n)){s=d.nextTabbableNode(r,false)}}else{var m=c.tabbableGroups.findIndex((function(e){var t=e.lastTabbableNode;return r===t}));if(m<0&&(d.container===r||u(r,l.tabbableOptions)&&!i(r,l.tabbableOptions)&&!d.nextTabbableNode(r))){m=v}if(m>=0){var k=m===c.tabbableGroups.length-1?0:m+1;var j=c.tabbableGroups[k];s=a(r)>=0?j.firstTabbableNode:j.firstDomTabbableNode}else if(!D(n)){s=d.nextTabbableNode(r)}}}else{s=b("fallbackFocus")}return s};var x=function e(t){var r=R(t);if(p(r,t)>=0){return}if(P(l.clickOutsideDeactivates,t)){v.deactivate({returnFocus:l.returnFocusOnDeactivate});return}if(P(l.allowOutsideClick,t)){return}t.preventDefault()};var B=function e(t){var r=R(t);var n=p(r,t)>=0;if(n||r instanceof Document){if(n){c.mostRecentlyFocusedNode=r}}else{t.stopImmediatePropagation();var i;var u=true;if(c.mostRecentlyFocusedNode){if(a(c.mostRecentlyFocusedNode)>0){var o=p(c.mostRecentlyFocusedNode);var f=c.containerGroups[o].tabbableNodes;if(f.length>0){var s=f.findIndex((function(e){return e===c.mostRecentlyFocusedNode}));if(s>=0){if(l.isKeyForward(c.recentNavEvent)){if(s+1<f.length){i=f[s+1];u=false}}else{if(s-1>=0){i=f[s-1];u=false}}}}}else{if(!c.containerGroups.some((function(e){return e.tabbableNodes.some((function(e){return a(e)>0}))}))){u=false}}}else{u=false}if(u){i=I({target:c.mostRecentlyFocusedNode,isBackward:l.isKeyBackward(c.recentNavEvent)})}if(i){j(i)}else{j(c.mostRecentlyFocusedNode||k())}}c.recentNavEvent=undefined};var U=function e(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;c.recentNavEvent=t;var n=I({event:t,isBackward:r});if(n){if(D(t)){t.preventDefault()}j(n)}};var K=function e(t){if(l.isKeyForward(t)||l.isKeyBackward(t)){U(t,l.isKeyBackward(t))}};var L=function e(t){if(O(t)&&P(l.escapeDeactivates,t)!==false){t.preventDefault();v.deactivate()}};var M=function e(t){var r=R(t);if(p(r,t)>=0){return}if(P(l.clickOutsideDeactivates,t)){return}if(P(l.allowOutsideClick,t)){return}t.preventDefault();t.stopImmediatePropagation()};var W=function e(){if(!c.active){return}S.activateTrap(s,v);var t;if(l.delayInitialFocus){t=new Promise((function(e){c.delayInitialFocusTimer=A((function(){j(k());e()}))}))}else{j(k())}f.addEventListener("focusin",B,true);f.addEventListener("mousedown",x,{capture:true,passive:false});f.addEventListener("touchstart",x,{capture:true,passive:false});f.addEventListener("click",M,{capture:true,passive:false});f.addEventListener("keydown",K,{capture:true,passive:false});f.addEventListener("keydown",L);return t};var _=function e(t){if(c.active&&!c.paused){v._setSubtreeIsolation(false)}c.adjacentElements.clear();c.alreadySilent.clear();var r=new Set;var n=new Set;var i=d(t),a;try{for(i.s();!(a=i.n()).done;){var u=a.value;r.add(u);var o=typeof ShadowRoot!=="undefined"&&u.getRootNode()instanceof ShadowRoot;var f=u;while(f){r.add(f);var s=f.parentElement;var l=[];if(s){l=s.children}else if(!s&&o){l=f.getRootNode().children;s=f.getRootNode().host;o=typeof ShadowRoot!=="undefined"&&s.getRootNode()instanceof ShadowRoot}var h=d(l),p;try{for(h.s();!(p=h.n()).done;){var b=p.value;n.add(b)}}catch(e){h.e(e)}finally{h.f()}f=s}}}catch(e){i.e(e)}finally{i.f()}r.forEach((function(e){n["delete"](e)}));c.adjacentElements=n};var G=function e(){if(!c.active){return}f.removeEventListener("focusin",B,true);f.removeEventListener("mousedown",x,true);f.removeEventListener("touchstart",x,true);f.removeEventListener("click",M,true);f.removeEventListener("keydown",K,true);f.removeEventListener("keydown",L);return v};var Y=function e(t){var r=c.mostRecentlyFocusedNode;if(!r){return}var n=t.some((function(e){var t=Array.from(e.removedNodes);return t.some((function(e){return e===r||typeof e.contains==="function"&&e.contains(r)}))}));if(n&&c.containers.some((function(e){return e===null||e===void 0?void 0:e.isConnected}))){F();var i=k();j(i)}};var q=typeof window!=="undefined"&&"MutationObserver"in window?new MutationObserver(Y):undefined;var $=function e(){if(!q){return}q.disconnect();if(c.active&&!c.paused){c.containers.map((function(e){q.observe(e,{subtree:true,childList:true})}))}};v={get active(){return c.active},get paused(){return c.paused},activate:function e(t){if(c.active){return this}var r=h(t,"onActivate");var n=h(t,"onPostActivate");var i=h(t,"checkCanFocusTrap");var a=S.getActiveTrap(s);var u=false;if(a&&!a.paused){var o;(o=a._setSubtreeIsolation)===null||o===void 0||o.call(a,false);u=true}try{if(!i){F()}c.active=true;c.paused=false;c.nodeFocusedBeforeActivation=y(f);r===null||r===void 0||r({trap:v});var l=function e(){if(i){F()}var t=function e(){v._setSubtreeIsolation(true);$();n===null||n===void 0||n({trap:v})};var r=W();if(r){r.then(t)}else{t()}};if(i){i(c.containers.concat()).then(l,l);return this}l()}catch(e){if(a===S.getActiveTrap(s)&&u){var d;(d=a._setSubtreeIsolation)===null||d===void 0||d.call(a,true)}throw e}return this},deactivate:function e(t){if(!c.active){return this}var r=w({onDeactivate:l.onDeactivate,onPostDeactivate:l.onPostDeactivate,checkCanReturnFocus:l.checkCanReturnFocus},t);clearTimeout(c.delayInitialFocusTimer);c.delayInitialFocusTimer=undefined;if(!c.paused){v._setSubtreeIsolation(false)}c.alreadySilent.clear();G();c.active=false;c.paused=false;$();S.deactivateTrap(s,v);var n=h(r,"onDeactivate");var i=h(r,"onPostDeactivate");var a=h(r,"checkCanReturnFocus");var u=h(r,"delayReturnFocus");var o=h(r,"returnFocus","returnFocusOnDeactivate");n===null||n===void 0||n({trap:v});var f=function e(){if(o){j(N(c.nodeFocusedBeforeActivation))}i===null||i===void 0||i({trap:v})};var d=function e(){if(u&&o){A(f)}else{f()}};if(o&&a){a(N(c.nodeFocusedBeforeActivation)).then(d,d);return this}d();return this},pause:function e(t){if(!c.active){return this}c.manuallyPaused=true;return this._setPausedState(true,t)},unpause:function e(t){if(!c.active){return this}c.manuallyPaused=false;if(s[s.length-1]!==this){return this}return this._setPausedState(false,t)},updateContainerElements:function e(t){var r=[].concat(t).filter(Boolean);c.containers=r.map((function(e){return typeof e==="string"?f.querySelector(e):e}));if(l.isolateSubtrees){_(c.containers)}if(c.active){F();if(!c.paused){v._setSubtreeIsolation(true)}}$();return this}};Object.defineProperties(v,{_isManuallyPaused:{value:function e(){return c.manuallyPaused}},_setPausedState:{value:function e(t,r){if(c.paused===t){return this}c.paused=t;if(t){var n=h(r,"onPause");var i=h(r,"onPostPause");n===null||n===void 0||n({trap:v});G();v._setSubtreeIsolation(false);$();i===null||i===void 0||i({trap:v})}else{var a=h(r,"onUnpause");var u=h(r,"onPostUnpause");a===null||a===void 0||a({trap:v});var o=function e(){F();var t=function e(){v._setSubtreeIsolation(true);$();u===null||u===void 0||u({trap:v})};var r=W();if(r){r.then(t)}else{t()}};o()}return this}},_setSubtreeIsolation:{value:function e(t){if(l.isolateSubtrees){c.adjacentElements.forEach((function(e){var r;if(t){switch(l.isolateSubtrees){case"aria-hidden":if(e.ariaHidden==="true"||((r=e.getAttribute("aria-hidden"))===null||r===void 0?void 0:r.toLowerCase())==="true"){c.alreadySilent.add(e)}e.setAttribute("aria-hidden","true");break;default:if(e.inert||e.hasAttribute("inert")){c.alreadySilent.add(e)}e.setAttribute("inert",true);break}}else{if(c.alreadySilent.has(e));else{switch(l.isolateSubtrees){case"aria-hidden":e.removeAttribute("aria-hidden");break;default:e.removeAttribute("inert");break}}}}))}}}});v.updateContainerElements(t);return v};class I{constructor(t,r){this.config=r;this.host=t;this.host.addController(this);this.hostElement=e(this.host)}get trapRoot(){var e,t,r;return(r=(t=(e=this.config).getTrapRoot)===null||t===void 0?void 0:t.call(e))!==null&&r!==void 0?r:this.hostElement}getTabbableElements(){if(!this.trapRoot){return[]}if(this.config.tabbableElements){return typeof this.config.tabbableElements==="function"?this.config.tabbableElements():this.config.tabbableElements}return o(this.trapRoot)}focusFirstTrapElement(){var e;(e=this.getTabbableElements()[0])===null||e===void 0?void 0:e.focus()}focusLastTrapElement(){var e;const t=this.getTabbableElements();(e=t[t.length-1])===null||e===void 0?void 0:e.focus()}sync(){if(!this.trapRoot){return}if(!this.focusTrap){this.focusTrap=N(this.trapRoot,Object.assign({allowOutsideClick:true,clickOutsideDeactivates:false,escapeDeactivates:false,returnFocusOnDeactivate:true,initialFocus:()=>{var e;return(e=this.getTabbableElements()[0])!==null&&e!==void 0?e:this.config.fallbackFocus},onPostActivate:()=>this.focusFirstTrapElement(),isKeyForward:()=>false,isKeyBackward:()=>false,document:this.hostElement.ownerDocument},this.config))}if(this.config.isActive()){this.focusTrap.activate();return}this.focusTrap.deactivate()}handleWrapTab(e){if(e.key!==l.TAB||e.altKey||e.ctrlKey||e.metaKey||e.defaultPrevented){return}const t=this.getTabbableElements();if(!t.length){return}const r=s(this.hostElement.ownerDocument);const n=t[0];const i=t[t.length-1];const a=r?f(n,r):false;const u=r?f(i,r):false;if(e.shiftKey&&a){e.preventDefault();this.focusLastTrapElement();return}if(!e.shiftKey&&u){e.preventDefault();this.focusFirstTrapElement()}}deactivate(){var e;(e=this.focusTrap)===null||e===void 0?void 0:e.deactivate()}hostDisconnected(){this.deactivate()}}const x=class extends t{constructor(){super(false);this.controllers=new Set}addController(e){this.controllers.add(e)}removeController(e){this.controllers.delete(e)}connectedCallback(){this.controllers.forEach((e=>{var t;return(t=e.hostConnected)===null||t===void 0?void 0:t.call(e)}))}disconnectedCallback(){this.controllers.forEach((e=>{var t;return(t=e.hostDisconnected)===null||t===void 0?void 0:t.call(e)}))}componentWillLoad(){this.controllers.forEach((e=>{var t;return(t=e.hostWillLoad)===null||t===void 0?void 0:t.call(e)}))}componentDidLoad(){this.controllers.forEach((e=>{var t;return(t=e.hostDidLoad)===null||t===void 0?void 0:t.call(e)}))}componentWillRender(){this.controllers.forEach((e=>{var t;return(t=e.hostWillRender)===null||t===void 0?void 0:t.call(e)}))}componentDidRender(){this.controllers.forEach((e=>{var t;return(t=e.hostDidRender)===null||t===void 0?void 0:t.call(e)}))}componentWillUpdate(){this.controllers.forEach((e=>{var t;return(t=e.hostWillUpdate)===null||t===void 0?void 0:t.call(e)}))}componentDidUpdate(){this.controllers.forEach((e=>{var t;return(t=e.hostDidUpdate)===null||t===void 0?void 0:t.call(e)}))}};export{I as F,x as R};
 //# sourceMappingURL=reactive-controller.js.map

package/dist/components/utils.js

@@ -3,5 +3,5 @@ import{p as r,g as t}from"./index2.js";import{B as n}from"./breakpoints.js";
 * tabbable 6.4.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
-var e=["input:not([inert]):not([inert] *)","select:not([inert]):not([inert] *)","textarea:not([inert]):not([inert] *)","a[href]:not([inert]):not([inert] *)","button:not([inert]):not([inert] *)","[tabindex]:not(slot):not([inert]):not([inert] *)","audio[controls]:not([inert]):not([inert] *)","video[controls]:not([inert]):not([inert] *)",'[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)',"details>summary:first-of-type:not([inert]):not([inert] *)","details:not([inert]):not([inert] *)"];var i=e.join(",");var a=typeof Element==="undefined";var o=a?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;var u=!a&&Element.prototype.getRootNode?function(r){var t;return r===null||r===void 0?void 0:(t=r.getRootNode)===null||t===void 0?void 0:t.call(r)}:function(r){return r===null||r===void 0?void 0:r.ownerDocument};var f=function r(t,n){var e;if(n===void 0){n=true}var i=t===null||t===void 0?void 0:(e=t.getAttribute)===null||e===void 0?void 0:e.call(t,"inert");var a=i===""||i==="true";var o=a||n&&t&&(typeof t.closest==="function"?t.closest("[inert]"):f(t.parentNode));return o};var l=function r(t){var n;var e=t===null||t===void 0?void 0:(n=t.getAttribute)===null||n===void 0?void 0:n.call(t,"contenteditable");return e===""||e==="true"};var s=function r(t,n,e){if(f(t)){return[]}var a=Array.prototype.slice.apply(t.querySelectorAll(i));if(n&&o.call(t,i)){a.unshift(t)}a=a.filter(e);return a};var c=function r(t,n,e){var a=[];var u=Array.from(t);while(u.length){var l=u.shift();if(f(l,false)){continue}if(l.tagName==="SLOT"){var s=l.assignedElements();var v=s.length?s:l.children;var d=c(v,true,e);if(e.flatten){a.push.apply(a,d)}else{a.push({scopeParent:l,candidates:d})}}else{var w=o.call(l,i);if(w&&e.filter(l)&&(n||!t.includes(l))){a.push(l)}var h=l.shadowRoot||typeof e.getShadowRoot==="function"&&e.getShadowRoot(l);var p=!f(h,false)&&(!e.shadowRootFilter||e.shadowRootFilter(l));if(h&&p){var y=c(h===true?l.children:h.children,true,e);if(e.flatten){a.push.apply(a,y)}else{a.push({scopeParent:l,candidates:y})}}else{u.unshift.apply(u,l.children)}}}return a};var v=function r(t){return!isNaN(parseInt(t.getAttribute("tabindex"),10))};var d=function r(t){if(!t){throw new Error("No node provided")}if(t.tabIndex<0){if((/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||l(t))&&!v(t)){return 0}}return t.tabIndex};var w=function r(t,n){var e=d(t);if(e<0&&n&&!v(t)){return 0}return e};var h=function r(t,n){return t.tabIndex===n.tabIndex?t.documentOrder-n.documentOrder:t.tabIndex-n.tabIndex};var p=function r(t){return t.tagName==="INPUT"};var y=function r(t){return p(t)&&t.type==="hidden"};var m=function r(t){var n=t.tagName==="DETAILS"&&Array.prototype.slice.apply(t.children).some((function(r){return r.tagName==="SUMMARY"}));return n};var b=function r(t,n){for(var e=0;e<t.length;e++){if(t[e].checked&&t[e].form===n){return t[e]}}};var E=function r(t){if(!t.name){return true}var n=t.form||u(t);var e=function r(t){return n.querySelectorAll('input[type="radio"][name="'+t+'"]')};var i;if(typeof window!=="undefined"&&typeof window.CSS!=="undefined"&&typeof window.CSS.escape==="function"){i=e(window.CSS.escape(t.name))}else{try{i=e(t.name)}catch(r){console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",r.message);return false}}var a=b(i,t.form);return!a||a===t};var S=function r(t){return p(t)&&t.type==="radio"};var A=function r(t){return S(t)&&!E(t)};var g=function r(t){var n;var e=t&&u(t);var i=(n=e)===null||n===void 0?void 0:n.host;var a=false;if(e&&e!==t){var o,f,l;a=!!((o=i)!==null&&o!==void 0&&(f=o.ownerDocument)!==null&&f!==void 0&&f.contains(i)||t!==null&&t!==void 0&&(l=t.ownerDocument)!==null&&l!==void 0&&l.contains(t));while(!a&&i){var s,c,v;e=u(i);i=(s=e)===null||s===void 0?void 0:s.host;a=!!((c=i)!==null&&c!==void 0&&(v=c.ownerDocument)!==null&&v!==void 0&&v.contains(i))}}return a};var k=function r(t){var n=t.getBoundingClientRect(),e=n.width,i=n.height;return e===0&&i===0};var T=function r(t,n){var e=n.displayCheck,i=n.getShadowRoot;if(e==="full-native"){if("checkVisibility"in t){var a=t.checkVisibility({checkOpacity:false,opacityProperty:false,contentVisibilityAuto:true,visibilityProperty:true,checkVisibilityCSS:true});return!a}}if(getComputedStyle(t).visibility==="hidden"){return true}var f=o.call(t,"details>summary:first-of-type");var l=f?t.parentElement:t;if(o.call(l,"details:not([open]) *")){return true}if(!e||e==="full"||e==="full-native"||e==="legacy-full"){if(typeof i==="function"){var s=t;while(t){var c=t.parentElement;var v=u(t);if(c&&!c.shadowRoot&&i(c)===true){return k(t)}else if(t.assignedSlot){t=t.assignedSlot}else if(!c&&v!==t.ownerDocument){t=v.host}else{t=c}}t=s}if(g(t)){return!t.getClientRects().length}if(e!=="legacy-full"){return true}}else if(e==="non-zero-area"){return k(t)}return false};var x=function r(t){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName)){var n=t.parentElement;while(n){if(n.tagName==="FIELDSET"&&n.disabled){for(var e=0;e<n.children.length;e++){var i=n.children.item(e);if(i.tagName==="LEGEND"){return o.call(n,"fieldset[disabled] *")?true:!i.contains(t)}}return true}n=n.parentElement}}return false};var I=function r(t,n){if(n.disabled||y(n)||T(n,t)||m(n)||x(n)){return false}return true};var N=function r(t,n){if(A(n)||d(n)<0||!I(t,n)){return false}return true};var L=function r(t){var n=parseInt(t.getAttribute("tabindex"),10);if(isNaN(n)||n>=0){return true}return false};var M=function r(t){var n=[];var e=[];t.forEach((function(r,t){var i=!!r.scopeParent;var a=i?r.scopeParent:r;var o=w(a,i);var u=i?M(r.candidates):a;if(o===0){i?n.push.apply(n,u):n.push(a)}else{e.push({documentOrder:t,tabIndex:o,item:r,isScope:i,content:u})}}));return e.sort(h).reduce((function(r,t){t.isScope?r.push.apply(r,t.content):r.push(t.content);return r}),[]).concat(n)};var O=function r(t,n){n=n||{};var e;if(n.getShadowRoot){e=c([t],n.includeContainer,{filter:N.bind(null,n),flatten:false,getShadowRoot:n.getShadowRoot,shadowRootFilter:L})}else{e=s(t,n.includeContainer,N.bind(null,n))}return M(e)};var R=function r(t,n){n=n||{};var e;if(n.getShadowRoot){e=c([t],n.includeContainer,{filter:I.bind(null,n),flatten:true,getShadowRoot:n.getShadowRoot})}else{e=s(t,n.includeContainer,I.bind(null,n))}return e};var D=function r(t,n){n=n||{};if(!t){throw new Error("No node provided")}if(o.call(t,i)===false){return false}return N(n,t)};var P=e.concat("iframe:not([inert]):not([inert] *)").join(",");var C=function r(t,n){n=n||{};if(!t){throw new Error("No node provided")}if(o.call(t,P)===false){return false}return I(n,t)};function U(r){switch(r){case true:case"true":case 1:case"1":case"on":case"yes":return true;case false:case"false":case 0:case"0":case"off":case"no":return false;default:return r}}function $(){return Math.random().toString(36).replace("0.","")}function V(r,n,...e){if(r.code===t.ENTER||r.code===t.SPACE){r.preventDefault();n(...e)}}function j(r,n,...e){if(r.code===t.ENTER){r.preventDefault();n(...e)}}function F(r=null){if(!r){r=document.activeElement}if(r&&r.shadowRoot&&r.shadowRoot.activeElement){r=r.shadowRoot.activeElement;return F(r)}return r}function H(r,t=[]){t.push(r);if(r.parentElement){r=r.parentElement;return H(r,t)}else if(r.parentNode&&r.parentNode.host){r=r.parentNode.host;return H(r,t)}return t}function B(){switch(true){case window.innerWidth<=n.MOBILE:return r.MOBILE;case window.innerWidth<=n.TABLET:return r.TABLET;case window.innerWidth<=n.DESKTOP:return r.DESKTOP;default:return r.DESKTOP_WIDE}}function q(r){try{return JSON.parse(r)}catch(r){return false}}function z(r){const t="avatar-C";const n=19;const e=Math.ceil(2**31-1)*parseFloat(`0.${r}`);let i=Math.ceil(n*(e%1));if(i===0){i=1}return`${t}${i.toString().padStart(2,"0")}`}function G(r,t){var n;if(r.contains(t)||((n=r.shadowRoot)===null||n===void 0?void 0:n.contains(t))){return true}const e=r=>{if(r===t){return true}const n=r.shadowRoot;if(!n){return Array.from(r.childNodes).some(e)}if(n.contains(t)){return true}const i=Array.from(n.querySelectorAll("slot")).some((r=>r.assignedNodes({flatten:true}).some((r=>{var n,i;return((i=(n=r).contains)===null||i===void 0?void 0:i.call(n,t))||e(r)}))));if(i){return true}return Array.from(n.children).some(e)||Array.from(r.childNodes).some(e)};return e(r)}function J(r=document){var t;let n=r.activeElement;while(n instanceof HTMLElement&&((t=n.shadowRoot)===null||t===void 0?void 0:t.activeElement)){n=n.shadowRoot.activeElement}return n}function X(r){if(r.assignedSlot){return r.assignedSlot}if(r.parentNode instanceof ShadowRoot){return r.parentNode.host}return r.parentElement}function Y(r,t){const n=r.getBoundingClientRect();const e=r.ownerDocument.documentElement.clientWidth;const i=r.ownerDocument.documentElement.clientHeight;const a=n.bottom>0&&n.top<i&&n.right>0&&n.left<e;if(t===r.ownerDocument.documentElement||t===r.ownerDocument.body){return a}const o=t.getBoundingClientRect();const u=n.bottom>o.top&&n.top<o.bottom&&n.right>o.left&&n.left<o.right;return a&&u}function K(r){const t=[r,...Array.from(r.querySelectorAll("*"))];const n=new Set;const e=[];const i=(r,t,i)=>{if(n.has(r)){return}n.add(r);e.push({element:r,lightIndex:t,shadowIndex:i})};O(r,{getShadowRoot:false}).forEach((r=>{if(!(r instanceof HTMLElement)){return}i(r,t.indexOf(r),-1)}));t.forEach(((r,t)=>{if(!r.shadowRoot){return}O(r,{getShadowRoot:t=>{if(t===r){return r.shadowRoot}}}).forEach(((r,n)=>{if(r instanceof HTMLElement){i(r,t,n)}}))}));e.sort(((r,t)=>{if(r.lightIndex!==t.lightIndex){return r.lightIndex-t.lightIndex}return r.shadowIndex-t.shadowIndex}));return e.map((r=>r.element))}function Q(r){let t=X(r);const n=window.getComputedStyle(r).position;while(t&&t!==r.ownerDocument.documentElement){const r=window.getComputedStyle(t);switch(n){case"fixed":{const n=["filter","transform","translate","perspective","scale","rotate","backdrop-filter"];if(n.some((t=>r.getPropertyValue(t)!=="none"))||n.some((t=>r.getPropertyValue("will-change").includes(t)))){return t}break}case"absolute":if(r.position!=="static"){return t}break;case"relative":case"sticky":case"static":{const r=window.getComputedStyle(t).display;if(r==="block"||r==="flex"||r==="grid"||r==="table"||r==="flow-root"||r==="inline-block"||r==="inline-flex"||r==="inline-grid"){return t}break}}t=X(t)}return r.ownerDocument.documentElement}const W=r=>{const t=(new DOMParser).parseFromString(r,"text/html");return t.body.textContent||""};const Z=r=>r.split("").map((r=>r.charCodeAt(0).toString(16))).join("");export{G as a,W as b,z as c,U as d,Z as e,F as f,B as g,V as h,H as i,q as j,K as k,X as l,Q as m,Y as n,j as o,R as p,D as q,$ as r,d as s,O as t,C as u,J as v};
+var e=["input:not([inert]):not([inert] *)","select:not([inert]):not([inert] *)","textarea:not([inert]):not([inert] *)","a[href]:not([inert]):not([inert] *)","button:not([inert]):not([inert] *)","[tabindex]:not(slot):not([inert]):not([inert] *)","audio[controls]:not([inert]):not([inert] *)","video[controls]:not([inert]):not([inert] *)",'[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)',"details>summary:first-of-type:not([inert]):not([inert] *)","details:not([inert]):not([inert] *)"];var i=e.join(",");var a=typeof Element==="undefined";var o=a?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;var u=!a&&Element.prototype.getRootNode?function(r){var t;return r===null||r===void 0?void 0:(t=r.getRootNode)===null||t===void 0?void 0:t.call(r)}:function(r){return r===null||r===void 0?void 0:r.ownerDocument};var f=function r(t,n){var e;if(n===void 0){n=true}var i=t===null||t===void 0?void 0:(e=t.getAttribute)===null||e===void 0?void 0:e.call(t,"inert");var a=i===""||i==="true";var o=a||n&&t&&(typeof t.closest==="function"?t.closest("[inert]"):f(t.parentNode));return o};var l=function r(t){var n;var e=t===null||t===void 0?void 0:(n=t.getAttribute)===null||n===void 0?void 0:n.call(t,"contenteditable");return e===""||e==="true"};var s=function r(t,n,e){if(f(t)){return[]}var a=Array.prototype.slice.apply(t.querySelectorAll(i));if(n&&o.call(t,i)){a.unshift(t)}a=a.filter(e);return a};var c=function r(t,n,e){var a=[];var u=Array.from(t);while(u.length){var l=u.shift();if(f(l,false)){continue}if(l.tagName==="SLOT"){var s=l.assignedElements();var v=s.length?s:l.children;var d=c(v,true,e);if(e.flatten){a.push.apply(a,d)}else{a.push({scopeParent:l,candidates:d})}}else{var w=o.call(l,i);if(w&&e.filter(l)&&(n||!t.includes(l))){a.push(l)}var p=l.shadowRoot||typeof e.getShadowRoot==="function"&&e.getShadowRoot(l);var h=!f(p,false)&&(!e.shadowRootFilter||e.shadowRootFilter(l));if(p&&h){var y=c(p===true?l.children:p.children,true,e);if(e.flatten){a.push.apply(a,y)}else{a.push({scopeParent:l,candidates:y})}}else{u.unshift.apply(u,l.children)}}}return a};var v=function r(t){return!isNaN(parseInt(t.getAttribute("tabindex"),10))};var d=function r(t){if(!t){throw new Error("No node provided")}if(t.tabIndex<0){if((/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||l(t))&&!v(t)){return 0}}return t.tabIndex};var w=function r(t,n){var e=d(t);if(e<0&&n&&!v(t)){return 0}return e};var p=function r(t,n){return t.tabIndex===n.tabIndex?t.documentOrder-n.documentOrder:t.tabIndex-n.tabIndex};var h=function r(t){return t.tagName==="INPUT"};var y=function r(t){return h(t)&&t.type==="hidden"};var m=function r(t){var n=t.tagName==="DETAILS"&&Array.prototype.slice.apply(t.children).some((function(r){return r.tagName==="SUMMARY"}));return n};var b=function r(t,n){for(var e=0;e<t.length;e++){if(t[e].checked&&t[e].form===n){return t[e]}}};var E=function r(t){if(!t.name){return true}var n=t.form||u(t);var e=function r(t){return n.querySelectorAll('input[type="radio"][name="'+t+'"]')};var i;if(typeof window!=="undefined"&&typeof window.CSS!=="undefined"&&typeof window.CSS.escape==="function"){i=e(window.CSS.escape(t.name))}else{try{i=e(t.name)}catch(r){console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",r.message);return false}}var a=b(i,t.form);return!a||a===t};var S=function r(t){return h(t)&&t.type==="radio"};var A=function r(t){return S(t)&&!E(t)};var g=function r(t){var n;var e=t&&u(t);var i=(n=e)===null||n===void 0?void 0:n.host;var a=false;if(e&&e!==t){var o,f,l;a=!!((o=i)!==null&&o!==void 0&&(f=o.ownerDocument)!==null&&f!==void 0&&f.contains(i)||t!==null&&t!==void 0&&(l=t.ownerDocument)!==null&&l!==void 0&&l.contains(t));while(!a&&i){var s,c,v;e=u(i);i=(s=e)===null||s===void 0?void 0:s.host;a=!!((c=i)!==null&&c!==void 0&&(v=c.ownerDocument)!==null&&v!==void 0&&v.contains(i))}}return a};var k=function r(t){var n=t.getBoundingClientRect(),e=n.width,i=n.height;return e===0&&i===0};var T=function r(t,n){var e=n.displayCheck,i=n.getShadowRoot;if(e==="full-native"){if("checkVisibility"in t){var a=t.checkVisibility({checkOpacity:false,opacityProperty:false,contentVisibilityAuto:true,visibilityProperty:true,checkVisibilityCSS:true});return!a}}if(getComputedStyle(t).visibility==="hidden"){return true}var f=o.call(t,"details>summary:first-of-type");var l=f?t.parentElement:t;if(o.call(l,"details:not([open]) *")){return true}if(!e||e==="full"||e==="full-native"||e==="legacy-full"){if(typeof i==="function"){var s=t;while(t){var c=t.parentElement;var v=u(t);if(c&&!c.shadowRoot&&i(c)===true){return k(t)}else if(t.assignedSlot){t=t.assignedSlot}else if(!c&&v!==t.ownerDocument){t=v.host}else{t=c}}t=s}if(g(t)){return!t.getClientRects().length}if(e!=="legacy-full"){return true}}else if(e==="non-zero-area"){return k(t)}return false};var x=function r(t){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName)){var n=t.parentElement;while(n){if(n.tagName==="FIELDSET"&&n.disabled){for(var e=0;e<n.children.length;e++){var i=n.children.item(e);if(i.tagName==="LEGEND"){return o.call(n,"fieldset[disabled] *")?true:!i.contains(t)}}return true}n=n.parentElement}}return false};var I=function r(t,n){if(n.disabled||y(n)||T(n,t)||m(n)||x(n)){return false}return true};var N=function r(t,n){if(A(n)||d(n)<0||!I(t,n)){return false}return true};var L=function r(t){var n=parseInt(t.getAttribute("tabindex"),10);if(isNaN(n)||n>=0){return true}return false};var M=function r(t){var n=[];var e=[];t.forEach((function(r,t){var i=!!r.scopeParent;var a=i?r.scopeParent:r;var o=w(a,i);var u=i?M(r.candidates):a;if(o===0){i?n.push.apply(n,u):n.push(a)}else{e.push({documentOrder:t,tabIndex:o,item:r,isScope:i,content:u})}}));return e.sort(p).reduce((function(r,t){t.isScope?r.push.apply(r,t.content):r.push(t.content);return r}),[]).concat(n)};var R=function r(t,n){n=n||{};var e;if(n.getShadowRoot){e=c([t],n.includeContainer,{filter:N.bind(null,n),flatten:false,getShadowRoot:n.getShadowRoot,shadowRootFilter:L})}else{e=s(t,n.includeContainer,N.bind(null,n))}return M(e)};var D=function r(t,n){n=n||{};var e;if(n.getShadowRoot){e=c([t],n.includeContainer,{filter:I.bind(null,n),flatten:true,getShadowRoot:n.getShadowRoot})}else{e=s(t,n.includeContainer,I.bind(null,n))}return e};var O=function r(t,n){n=n||{};if(!t){throw new Error("No node provided")}if(o.call(t,i)===false){return false}return N(n,t)};var P=e.concat("iframe:not([inert]):not([inert] *)").join(",");var C=function r(t,n){n=n||{};if(!t){throw new Error("No node provided")}if(o.call(t,P)===false){return false}return I(n,t)};function U(r){switch(r){case true:case"true":case 1:case"1":case"on":case"yes":return true;case false:case"false":case 0:case"0":case"off":case"no":return false;default:return r}}function $(){return Math.random().toString(36).replace("0.","")}function V(r,n,...e){if(r.code===t.ENTER||r.code===t.SPACE){r.preventDefault();n(...e)}}function j(r,n,...e){if(r.code===t.ENTER){r.preventDefault();n(...e)}}function F(r=null){if(!r){r=document.activeElement}if(r&&r.shadowRoot&&r.shadowRoot.activeElement){r=r.shadowRoot.activeElement;return F(r)}return r}function H(r,t=[]){t.push(r);if(r.parentElement){r=r.parentElement;return H(r,t)}else if(r.parentNode&&r.parentNode.host){r=r.parentNode.host;return H(r,t)}return t}function B(){switch(true){case window.innerWidth<=n.MOBILE:return r.MOBILE;case window.innerWidth<=n.TABLET:return r.TABLET;case window.innerWidth<=n.DESKTOP:return r.DESKTOP;default:return r.DESKTOP_WIDE}}function q(r){const t="avatar-C";const n=19;const e=Math.ceil(2**31-1)*parseFloat(`0.${r}`);let i=Math.ceil(n*(e%1));if(i===0){i=1}return`${t}${i.toString().padStart(2,"0")}`}function z(r,t){var n;if(r.contains(t)||((n=r.shadowRoot)===null||n===void 0?void 0:n.contains(t))){return true}const e=r=>{if(r===t){return true}const n=r.shadowRoot;if(!n){return Array.from(r.childNodes).some(e)}if(n.contains(t)){return true}const i=Array.from(n.querySelectorAll("slot")).some((r=>r.assignedNodes({flatten:true}).some((r=>{var n,i;return((i=(n=r).contains)===null||i===void 0?void 0:i.call(n,t))||e(r)}))));if(i){return true}return Array.from(n.children).some(e)||Array.from(r.childNodes).some(e)};return e(r)}function G(r=document){var t;let n=r.activeElement;while(n instanceof HTMLElement&&((t=n.shadowRoot)===null||t===void 0?void 0:t.activeElement)){n=n.shadowRoot.activeElement}return n}function X(r){if(r.assignedSlot){return r.assignedSlot}if(r.parentNode instanceof ShadowRoot){return r.parentNode.host}return r.parentElement}function Y(r,t){const n=r.getBoundingClientRect();const e=r.ownerDocument.documentElement.clientWidth;const i=r.ownerDocument.documentElement.clientHeight;const a=n.bottom>0&&n.top<i&&n.right>0&&n.left<e;if(t===r.ownerDocument.documentElement||t===r.ownerDocument.body){return a}const o=t.getBoundingClientRect();const u=n.bottom>o.top&&n.top<o.bottom&&n.right>o.left&&n.left<o.right;return a&&u}function J(r){const t=[r,...Array.from(r.querySelectorAll("*"))];const n=new Set;const e=[];const i=(r,t,i)=>{if(n.has(r)){return}n.add(r);e.push({element:r,lightIndex:t,shadowIndex:i})};R(r,{getShadowRoot:false}).forEach((r=>{if(!(r instanceof HTMLElement)){return}i(r,t.indexOf(r),-1)}));t.forEach(((r,t)=>{if(!r.shadowRoot){return}R(r,{getShadowRoot:t=>{if(t===r){return r.shadowRoot}}}).forEach(((r,n)=>{if(r instanceof HTMLElement){i(r,t,n)}}))}));e.sort(((r,t)=>{if(r.lightIndex!==t.lightIndex){return r.lightIndex-t.lightIndex}return r.shadowIndex-t.shadowIndex}));return e.map((r=>r.element))}function K(r){let t=X(r);const n=window.getComputedStyle(r).position;while(t&&t!==r.ownerDocument.documentElement){const r=window.getComputedStyle(t);switch(n){case"fixed":{const n=["filter","transform","translate","perspective","scale","rotate","backdrop-filter"];if(n.some((t=>r.getPropertyValue(t)!=="none"))||n.some((t=>r.getPropertyValue("will-change").includes(t)))){return t}break}case"absolute":if(r.position!=="static"){return t}break;case"relative":case"sticky":case"static":{const r=window.getComputedStyle(t).display;if(r==="block"||r==="flex"||r==="grid"||r==="table"||r==="flow-root"||r==="inline-block"||r==="inline-flex"||r==="inline-grid"){return t}break}}t=X(t)}return r.ownerDocument.documentElement}const Q=r=>{const t=(new DOMParser).parseFromString(r,"text/html");return t.body.textContent||""};const W=r=>r.split("").map((r=>r.charCodeAt(0).toString(16))).join("");export{z as a,Q as b,q as c,U as d,W as e,F as f,B as g,V as h,H as i,J as j,X as k,K as l,Y as m,j as n,D as o,O as p,d as q,$ as r,C as s,R as t,G as u};
 //# sourceMappingURL=utils.js.map