@zanichelli/albe-web-components 20.0.2 → 21.0.0-RC2

package/dist/collection/components/z-input/index.js

@@ -234,10 +234,16 @@ export class ZInput {
         this.checked = ev.target.checked;
         this.emitInputCheck(this.checked);
     }
+    getCheckboxAriaChecked() {
+        if (this.indeterminate) {
+            return "mixed";
+        }
+        return this.checked ? "true" : "false";
+    }
     /* START checkbox */
     renderCheckbox() {
         const ariaRequired = this.required ? { "aria-required": "true" } : {};
-        return (h("div", { class: "checkbox-wrapper" }, h("input", Object.assign({ id: this.htmlid, type: "checkbox", name: this.name, checked: this.indeterminate ? false : this.checked, disabled: this.disabled, readonly: this.readonly, required: this.required, onChange: this.handleCheck.bind(this), value: this.value }, ariaRequired, this.getAriaAttributes(), this.getFocusBlurAttributes(), { ref: (el) => {
+        return (h("div", { class: "checkbox-wrapper" }, h("input", Object.assign({ id: this.htmlid, type: "checkbox", name: this.name, checked: this.indeterminate ? false : this.checked, disabled: this.disabled, readonly: this.readonly, required: this.required, onChange: this.handleCheck.bind(this), value: this.value, "aria-checked": this.getCheckboxAriaChecked() }, ariaRequired, this.getAriaAttributes(), this.getFocusBlurAttributes(), { ref: (el) => {
                 this.inputRef = el;
                 this.syncCheckboxIndeterminate();
             } })), h("label", { htmlFor: this.htmlid, class: {

package/dist/collection/components/z-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-input/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  ComponentInterface,\n  Element,\n  Event,\n  EventEmitter,\n  Listen,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h,\n} from \"@stencil/core\";\nimport {Fragment, 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 type */\n  @Prop()\n  type: InputType = InputType.TEXT;\n\n  /** the input `name` attribute */\n  @Prop()\n  name?: string;\n\n  /** the input label */\n  @Prop()\n  label?: string;\n\n  /** the input `aria-label` */\n  @Prop()\n  htmlAriaLabel?: string;\n\n  /** the input `aria-expanded`: available for text, password, number, email */\n  @Prop()\n  htmlAriaExpanded?: string;\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  /** indeterminate: available for checkbox */\n  @Prop({mutable: true})\n  indeterminate?: 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  htmlRole?: string;\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  @Watch(\"indeterminate\")\n  watchIndeterminate(): void {\n    this.syncCheckboxIndeterminate();\n  }\n\n  private syncCheckboxIndeterminate(): void {\n    if (this.type !== InputType.CHECKBOX || !this.inputRef) {\n      return;\n    }\n\n    this.inputRef.indeterminate = !!this.indeterminate;\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 (typeof boolean(this.message) === \"boolean\") {\n      return false;\n    }\n\n    return true;\n  }\n\n  private getAriaAttributes(): Record<string, string | undefined> {\n    return {\n      \"role\": this.htmlRole || undefined,\n      \"aria-describedby\": this.htmlAriaDescribedby || undefined,\n      \"aria-labelledby\": this.htmlAriaLabelledby || undefined,\n    };\n  }\n\n  private getTextAriaAttributes(): Record<string, string | undefined> {\n    return {\n      ...this.getAriaAttributes(),\n      \"aria-expanded\": this.htmlAriaExpanded || undefined,\n      \"aria-controls\": this.htmlAriaControls || undefined,\n      \"aria-autocomplete\": this.htmlAriaAutocomplete || undefined,\n      \"aria-activedescendant\": this.htmlAriaActivedescendant || undefined,\n      \"aria-describedby\":\n        this.htmlAriaDescribedby || this.inputHasMessage()\n          ? this.htmlAriaDescribedby || `${this.htmlid}-message`\n          : undefined,\n      \"aria-invalid\": this.status === InputStatus.ERROR ? \"true\" : undefined,\n      \"aria-required\": this.required ? \"true\" : undefined,\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 attr = {\n      ...this.getTextAttributes(),\n      ...this.getNumberAttributes(type),\n      ...this.getPatternAttribute(type),\n      ...this.getTextAriaAttributes(),\n      ...this.getFocusBlurAttributes(),\n      \"aria-label\": this.htmlAriaLabel || undefined,\n    };\n\n    attr.class = {\n      ...(attr.class as {[className: string]: boolean}),\n      \"has-icon\": !!this.icon || type === InputType.PASSWORD,\n      \"has-clear-icon\": this.hasclearicon && type != InputType.NUMBER,\n    };\n\n    return (\n      <div class=\"text-wrapper\">\n        {this.renderLabel()}\n        <div>\n          <input\n            {...attr}\n            type={type === InputType.PASSWORD && !this.passwordHidden ? InputType.TEXT : type}\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.htmlAriaLabel || undefined}\n          ></textarea>\n        </div>\n        {this.renderMessage()}\n      </Fragment>\n    );\n  }\n\n  /* END textarea */\n\n  private handleCheck(ev: Event): void {\n    if (this.type === InputType.CHECKBOX && this.indeterminate) {\n      this.indeterminate = false;\n    }\n\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.indeterminate ? false : 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          ref={(el) => {\n            this.inputRef = el;\n            this.syncCheckboxIndeterminate();\n          }}\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.indeterminate ? \"indeterminated-checkbox\" : 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    switch (this.type) {\n      case InputType.TEXTAREA:\n        return this.renderTextarea();\n      case InputType.CHECKBOX:\n        return this.renderCheckbox();\n      case InputType.RADIO:\n        return this.renderRadio();\n      case InputType.TEXT:\n      default:\n        return this.renderInputText(this.type);\n    }\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAET,OAAO,EACP,KAAK,EAEL,MAAM,EACN,MAAM,EACN,IAAI,EACJ,KAAK,EACL,KAAK,EACL,CAAC,GACF,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,QAAQ,EAAU,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAC,MAAM,aAAa,CAAC;AAC/E,OAAO,EAAC,OAAO,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAQpD,MAAM,OAAO,MAAM;IANnB;QASE,kCAAkC;QAElC,WAAM,GAAG,MAAM,QAAQ,EAAE,EAAE,CAAC;QAE5B,iBAAiB;QAEjB,SAAI,GAAc,SAAS,CAAC,IAAI,CAAC;QA0CjC,4BAA4B;QAE5B,aAAQ,GAAa,KAAK,CAAC;QAE3B,4BAA4B;QAE5B,aAAQ,GAAa,KAAK,CAAC;QAE3B,wGAAwG;QAExG,aAAQ,GAAa,KAAK,CAAC;QAE3B,6CAA6C;QAE7C,YAAO,GAAa,KAAK,CAAC;QAE1B,4CAA4C;QAE5C,kBAAa,GAAa,KAAK,CAAC;QAchC,4IAA4I;QAE5I,YAAO,GAAsB,IAAI,CAAC;QAElC,8DAA8D;QAE9D,kBAAa,GAAmB,aAAa,CAAC,KAAK,CAAC;QAUpD,mEAAmE;QAEnE,iBAAY,GAAa,IAAI,CAAC;QA8B9B,wEAAwE;QAExE,SAAI,GAAiB,WAAW,CAAC,GAAG,CAAC;QAGrC,aAAQ,GAAG,KAAK,CAAC;QAGjB,mBAAc,GAAG,IAAI,CAAC;QAId,kBAAa,GAAG,GAAG,CAAC;KAmf7B;IA9eC,kBAAkB,CAAC,CAAc;QAC/B,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC;QACtB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,SAAS,CAAC,KAAK;gBAClB,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC;oBACxF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACvB,CAAC;gBACD,MAAM;QACV,CAAC;IACH,CAAC;IAGD,kBAAkB;QAChB,IAAI,CAAC,yBAAyB,EAAE,CAAC;IACnC,CAAC;IAEO,yBAAyB;QAC/B,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACvD,OAAO;QACT,CAAC;QAED,IAAI,CAAC,QAAQ,CAAC,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC;IACrD,CAAC;IAED,yBAAyB;IAEzB,KAAK,CAAC,SAAS;QACb,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,SAAS,CAAC,QAAQ,CAAC;YACxB,KAAK,SAAS,CAAC,KAAK;gBAClB,OAAO,IAAI,CAAC,OAAO,CAAC;YACtB;gBACE,OAAO,CAAC,IAAI,CAAC,sEAAsE,CAAC,CAAC;gBAErF,OAAO,KAAK,CAAC;QACjB,CAAC;IACH,CAAC;IAMO,eAAe,CAAC,KAAa;QACnC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;QAED,IAAI,QAAuB,CAAC;QAC5B,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,QAAQ,EAAE,CAAC;YACrC,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC1C,CAAC;aAAM,CAAC;YACN,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACvC,CAAC;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAC,CAAC,CAAC;QAEzC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACzB,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YAC3B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC5C,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IACzB,CAAC;IAMO,eAAe;QACrB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;IAMO,cAAc,CAAC,KAAa,EAAE,QAAuB;QAC3D,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;YACnB,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;IACL,CAAC;IAMO,cAAc,CAAC,OAAgB;QACrC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;YACnB,EAAE,EAAE,IAAI,CAAC,MAAM;YACf,OAAO,EAAE,OAAO;YAChB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC;SACpC,CAAC,CAAC;IACL,CAAC;IAMO,cAAc;QACpB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAC,EAAE,EAAE,IAAI,CAAC,MAAM,EAAC,CAAC,CAAC;IAC1C,CAAC;IAMO,aAAa;QACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAC,EAAE,EAAE,IAAI,CAAC,MAAM,EAAC,CAAC,CAAC;IACzC,CAAC;IAEO,WAAW,CAAC,IAAY;QAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,CAAqB,CAAC;QAEvE,OAAO,KAAK,CAAC,QAAQ,CAAC;IACxB,CAAC;IAED,sCAAsC;IAE9B,iBAAiB;QACvB,OAAO;YACL,EAAE,EAAE,IAAI,CAAC,MAAM;YACf,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,KAAK,EAAE,IAAI,CAAC,SAAS;YACrB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,KAAK,EAAE;gBACL,CAAC,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM;aACxC;YACD,YAAY,EAAE,IAAI,CAAC,YAAY;YAC/B,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,eAAe,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;SACvF,CAAC;IACJ,CAAC;IAEO,mBAAmB,CAAC,IAAe;QACzC,IAAI,IAAI,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC;YAC7B,OAAO;QACT,CAAC;QAED,OAAO;YACL,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,IAAI,EAAE,IAAI,CAAC,IAAI;SAChB,CAAC;IACJ,CAAC;IAEO,mBAAmB,CAAC,IAAe;QACzC,IACE,IAAI,IAAI,SAAS,CAAC,QAAQ;YAC1B,IAAI,IAAI,SAAS,CAAC,IAAI;YACtB,IAAI,IAAI,SAAS,CAAC,GAAG;YACrB,IAAI,IAAI,SAAS,CAAC,MAAM;YACxB,IAAI,IAAI,SAAS,CAAC,GAAG;YACrB,IAAI,IAAI,SAAS,CAAC,KAAK,EACvB,CAAC;YACD,OAAO;QACT,CAAC;QAED,OAAO;YACL,OAAO,EAAE,IAAI,CAAC,OAAO;SACtB,CAAC;IACJ,CAAC;IAEO,eAAe;QACrB,IAAI,OAAO,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,SAAS,EAAE,CAAC;YAC/C,OAAO,KAAK,CAAC;QACf,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,iBAAiB;QACvB,OAAO;YACL,MAAM,EAAE,IAAI,CAAC,QAAQ,IAAI,SAAS;YAClC,kBAAkB,EAAE,IAAI,CAAC,mBAAmB,IAAI,SAAS;YACzD,iBAAiB,EAAE,IAAI,CAAC,kBAAkB,IAAI,SAAS;SACxD,CAAC;IACJ,CAAC;IAEO,qBAAqB;QAC3B,uCACK,IAAI,CAAC,iBAAiB,EAAE,KAC3B,eAAe,EAAE,IAAI,CAAC,gBAAgB,IAAI,SAAS,EACnD,eAAe,EAAE,IAAI,CAAC,gBAAgB,IAAI,SAAS,EACnD,mBAAmB,EAAE,IAAI,CAAC,oBAAoB,IAAI,SAAS,EAC3D,uBAAuB,EAAE,IAAI,CAAC,wBAAwB,IAAI,SAAS,EACnE,kBAAkB,EAChB,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,eAAe,EAAE;gBAChD,CAAC,CAAC,IAAI,CAAC,mBAAmB,IAAI,GAAG,IAAI,CAAC,MAAM,UAAU;gBACtD,CAAC,CAAC,SAAS,EACf,cAAc,EAAE,IAAI,CAAC,MAAM,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtE,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IACnD;IACJ,CAAC;IAEO,sBAAsB;QAC5B,OAAO;YACL,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE;YACpC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;SACnC,CAAC;IACJ,CAAC;IAEO,eAAe,CAAC,OAAkB,SAAS,CAAC,IAAI;QACtD,MAAM,IAAI,2FACL,IAAI,CAAC,iBAAiB,EAAE,GACxB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAC9B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAC9B,IAAI,CAAC,qBAAqB,EAAE,GAC5B,IAAI,CAAC,sBAAsB,EAAE,KAChC,YAAY,EAAE,IAAI,CAAC,aAAa,IAAI,SAAS,GAC9C,CAAC;QAEF,IAAI,CAAC,KAAK,mCACJ,IAAI,CAAC,KAAwC,KACjD,UAAU,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,KAAK,SAAS,CAAC,QAAQ,EACtD,gBAAgB,EAAE,IAAI,CAAC,YAAY,IAAI,IAAI,IAAI,SAAS,CAAC,MAAM,GAChE,CAAC;QAEF,OAAO,CACL,WAAK,KAAK,EAAC,cAAc;YACtB,IAAI,CAAC,WAAW,EAAE;YACnB;gBACE,6BACM,IAAI,IACR,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACjF,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC,IACjC;gBACD,IAAI,CAAC,WAAW,EAAE,CACf;YACL,IAAI,CAAC,aAAa,EAAE,CACjB,CACP,CAAC;IACJ,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QAED,OAAO,CACL,aACE,KAAK,EAAC,mBAAmB,EACzB,EAAE,EAAE,GAAG,IAAI,CAAC,MAAM,QAAQ,EAC1B,OAAO,EAAE,IAAI,CAAC,MAAM,IAEnB,IAAI,CAAC,KAAK,CACL,CACT,CAAC;IACJ,CAAC;IAEO,WAAW;QACjB,OAAO,CACL,YAAM,KAAK,EAAC,eAAe;YACxB,IAAI,CAAC,eAAe,EAAE;YACtB,IAAI,CAAC,UAAU,EAAE,CACb,CACR,CAAC;IACJ,CAAC;IAEO,UAAU;QAChB,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,QAAQ,EAAE,CAAC;YACrC,OAAO,IAAI,CAAC,sBAAsB,EAAE,CAAC;QACvC,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,OAAO,CACL,cACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,EAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAC,GAC9C,CACH,CAAC;IACJ,CAAC;IAEO,eAAe;QACrB,IAAI,MAAM,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC;YACzG,MAAM,GAAG,IAAI,CAAC;QAChB,CAAC;QAED,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAC,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAC,gBAC5C,kCAAkC,EAC7C,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,EAAE,CAAC;gBACzB,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;gBACzB,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;YACxB,CAAC;YAED,cACE,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,IAAI,CAAC,IAAI,GAChB,CACK,CACV,CAAC;IACJ,CAAC;IAEO,sBAAsB;QAC5B,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,iCAAiC,EACvC,QAAQ,EAAE,IAAI,CAAC,QAAQ,gBACZ,iBAAiB,kBACd,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,cAAc,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC;YAE3D,cACE,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAC7D,KAAK,EAAE,IAAI,CAAC,IAAI,GAChB,CACK,CACV,CAAC;IACJ,CAAC;IAEO,aAAa;QACnB,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,KAAK,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,OAAO,CACL,kCACW,GAAG,IAAI,CAAC,MAAM,UAAU,EACjC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,IAAI,CAAC,OAAkB,EAC9E,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACH,CAAC;IACJ,CAAC;IAED,oCAAoC;IAEpC,oBAAoB;IAEZ,cAAc;QACpB,MAAM,UAAU,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC5C,MAAM,cAAc,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAEpD,OAAO,CACL,EAAC,QAAQ;YACN,IAAI,CAAC,WAAW,EAAE;YACnB,WACE,KAAK,kCACC,UAAU,CAAC,KAAwC,KACvD,kBAAkB,EAAE,IAAI,EACxB,UAAU,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;gBAGnC,gCACM,UAAU,EACV,cAAc,IAClB,KAAK,kCACC,UAAU,CAAC,KAAwC,KACvD,aAAa,EAAE,IAAI,mBAET,IAAI,CAAC,aAAa,IAAI,SAAS,IACjC,CACR;YACL,IAAI,CAAC,aAAa,EAAE,CACZ,CACZ,CAAC;IACJ,CAAC;IAED,kBAAkB;IAEV,WAAW,CAAC,EAAS;QAC3B,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,QAAQ,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YAC3D,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC7B,CAAC;QAED,IAAI,CAAC,OAAO,GAAI,EAAE,CAAC,MAA2B,CAAC,OAAO,CAAC;QACvD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;IAEO,sBAAsB;QAC5B,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IACzC,CAAC;IAED,oBAAoB;IACZ,cAAc;QACpB,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAC,eAAe,EAAE,MAAM,EAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAEpE,OAAO,CACL,WAAK,KAAK,EAAC,kBAAkB;YAC3B,2BACE,EAAE,EAAE,IAAI,CAAC,MAAM,EACf,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAClD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EACrC,KAAK,EAAE,IAAI,CAAC,KAAK,kBACH,IAAI,CAAC,sBAAsB,EAAE,IACvC,YAAY,EACZ,IAAI,CAAC,iBAAiB,EAAE,EACxB,IAAI,CAAC,sBAAsB,EAAE,IACjC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;oBACV,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;oBACnB,IAAI,CAAC,yBAAyB,EAAE,CAAC;gBACnC,CAAC,IACD;YAEF,aACE,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,KAAK,EAAE;oBACL,gBAAgB,EAAE,IAAI;oBACtB,OAAO,EAAE,IAAI,CAAC,aAAa,KAAK,aAAa,CAAC,KAAK;oBACnD,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,aAAa,CAAC,IAAI;iBACpD;gBAED,cACE,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,EACrG,KAAK,EAAE,IAAI,CAAC,IAAI,GAChB;gBACD,IAAI,CAAC,KAAK,IAAI,YAAM,SAAS,EAAE,IAAI,CAAC,KAAK,GAAS,CAC7C,CACJ,CACP,CAAC;IACJ,CAAC;IAED,kBAAkB;IAElB,iBAAiB;IACT,WAAW;QACjB,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAC,eAAe,EAAE,MAAM,EAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAEpE,OAAO,CACL,WAAK,KAAK,EAAC,eAAe;YACxB,2BACE,EAAE,EAAE,IAAI,CAAC,MAAM,EACf,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EACrC,KAAK,EAAE,IAAI,CAAC,KAAK,IACb,IAAI,CAAC,iBAAiB,EAAE,EACxB,IAAI,CAAC,sBAAsB,EAAE,EAC7B,YAAY,EAChB;YAEF,aACE,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,KAAK,EAAE;oBACL,aAAa,EAAE,IAAI;oBACnB,OAAO,EAAE,IAAI,CAAC,aAAa,KAAK,aAAa,CAAC,KAAK;oBACnD,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,aAAa,CAAC,IAAI;iBACpD;gBAED,cACE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,cAAc,EAC5D,KAAK,EAAE,IAAI,CAAC,IAAI,GAChB;gBACD,IAAI,CAAC,KAAK,IAAI,YAAM,SAAS,EAAE,IAAI,CAAC,KAAK,GAAI,CACxC,CACJ,CACP,CAAC;IACJ,CAAC;IACD,eAAe;IAEf,MAAM;QACJ,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,SAAS,CAAC,QAAQ;gBACrB,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;YAC/B,KAAK,SAAS,CAAC,QAAQ;gBACrB,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;YAC/B,KAAK,SAAS,CAAC,KAAK;gBAClB,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;YAC5B,KAAK,SAAS,CAAC,IAAI,CAAC;YACpB;gBACE,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  ComponentInterface,\n  Element,\n  Event,\n  EventEmitter,\n  Listen,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h,\n} from \"@stencil/core\";\nimport {Fragment, 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 type */\n  @Prop()\n  type: InputType = InputType.TEXT;\n\n  /** the input `name` attribute */\n  @Prop()\n  name?: string;\n\n  /** the input label */\n  @Prop()\n  label?: string;\n\n  /** the input `aria-label` */\n  @Prop()\n  htmlAriaLabel?: string;\n\n  /** the input `aria-expanded`: available for text, password, number, email */\n  @Prop()\n  htmlAriaExpanded?: string;\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  /** indeterminate: available for checkbox */\n  @Prop({mutable: true})\n  indeterminate?: 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  htmlRole?: string;\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  @Watch(\"indeterminate\")\n  watchIndeterminate(): void {\n    this.syncCheckboxIndeterminate();\n  }\n\n  private syncCheckboxIndeterminate(): void {\n    if (this.type !== InputType.CHECKBOX || !this.inputRef) {\n      return;\n    }\n\n    this.inputRef.indeterminate = !!this.indeterminate;\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 (typeof boolean(this.message) === \"boolean\") {\n      return false;\n    }\n\n    return true;\n  }\n\n  private getAriaAttributes(): Record<string, string | undefined> {\n    return {\n      \"role\": this.htmlRole || undefined,\n      \"aria-describedby\": this.htmlAriaDescribedby || undefined,\n      \"aria-labelledby\": this.htmlAriaLabelledby || undefined,\n    };\n  }\n\n  private getTextAriaAttributes(): Record<string, string | undefined> {\n    return {\n      ...this.getAriaAttributes(),\n      \"aria-expanded\": this.htmlAriaExpanded || undefined,\n      \"aria-controls\": this.htmlAriaControls || undefined,\n      \"aria-autocomplete\": this.htmlAriaAutocomplete || undefined,\n      \"aria-activedescendant\": this.htmlAriaActivedescendant || undefined,\n      \"aria-describedby\":\n        this.htmlAriaDescribedby || this.inputHasMessage()\n          ? this.htmlAriaDescribedby || `${this.htmlid}-message`\n          : undefined,\n      \"aria-invalid\": this.status === InputStatus.ERROR ? \"true\" : undefined,\n      \"aria-required\": this.required ? \"true\" : undefined,\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 attr = {\n      ...this.getTextAttributes(),\n      ...this.getNumberAttributes(type),\n      ...this.getPatternAttribute(type),\n      ...this.getTextAriaAttributes(),\n      ...this.getFocusBlurAttributes(),\n      \"aria-label\": this.htmlAriaLabel || undefined,\n    };\n\n    attr.class = {\n      ...(attr.class as {[className: string]: boolean}),\n      \"has-icon\": !!this.icon || type === InputType.PASSWORD,\n      \"has-clear-icon\": this.hasclearicon && type != InputType.NUMBER,\n    };\n\n    return (\n      <div class=\"text-wrapper\">\n        {this.renderLabel()}\n        <div>\n          <input\n            {...attr}\n            type={type === InputType.PASSWORD && !this.passwordHidden ? InputType.TEXT : type}\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.htmlAriaLabel || undefined}\n          ></textarea>\n        </div>\n        {this.renderMessage()}\n      </Fragment>\n    );\n  }\n\n  /* END textarea */\n\n  private handleCheck(ev: Event): void {\n    if (this.type === InputType.CHECKBOX && this.indeterminate) {\n      this.indeterminate = false;\n    }\n\n    this.checked = (ev.target as HTMLInputElement).checked;\n    this.emitInputCheck(this.checked);\n  }\n\n  private getCheckboxAriaChecked(): \"true\" | \"false\" | \"mixed\" {\n    if (this.indeterminate) {\n      return \"mixed\";\n    }\n\n    return this.checked ? \"true\" : \"false\";\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.indeterminate ? false : 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          aria-checked={this.getCheckboxAriaChecked()}\n          {...ariaRequired}\n          {...this.getAriaAttributes()}\n          {...this.getFocusBlurAttributes()}\n          ref={(el) => {\n            this.inputRef = el;\n            this.syncCheckboxIndeterminate();\n          }}\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.indeterminate ? \"indeterminated-checkbox\" : 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    switch (this.type) {\n      case InputType.TEXTAREA:\n        return this.renderTextarea();\n      case InputType.CHECKBOX:\n        return this.renderCheckbox();\n      case InputType.RADIO:\n        return this.renderRadio();\n      case InputType.TEXT:\n      default:\n        return this.renderInputText(this.type);\n    }\n  }\n}\n"]}

package/dist/collection/components/z-modal/index.js

@@ -1,5 +1,4 @@
 import { h } from "@stencil/core";
-import dialogPolyfill from "dialog-polyfill";
 import { KeyboardCode } from "../../beans";
 import { FocusTrapController } from "../../utils/focus-trap-controller";
 import { ReactiveControllerHost } from "../../utils/reactive-controller";
@@ -44,7 +43,7 @@ export class ZModal extends ReactiveControllerHost {
             document.body.style.overflowY = "";
         }
     }
-    componentDidLoad() {
+    async componentDidLoad() {
         if (typeof window.HTMLDialogElement !== "function") {
             /* workaround to fix `registerDialog` in test environment:
             stencil converts html elements to MockHTMLElement but this element is missing the `localName` property,
@@ -52,6 +51,9 @@ export class ZModal extends ReactiveControllerHost {
             if (!this.dialog.localName) {
                 Object.defineProperty(this.dialog, "localName", { value: "dialog" });
             }
+            /* imported dynamically so its browser-only, module-level side effects (e.g. reading `window.CustomEvent`)
+            never run at module-evaluation time in non-browser environments (e.g. Next.js SSR) */
+            const { default: dialogPolyfill } = await import("dialog-polyfill");
             dialogPolyfill.registerDialog(this.dialog);
             this.dialog.setAttribute("open", "true");
         }
@@ -104,16 +106,16 @@ export class ZModal extends ReactiveControllerHost {
         e.preventDefault();
     }
     render() {
-        return (h("dialog", { key: '30c70265e8ba35b8df10a82781c451a2004c3555', class: {
+        return (h("dialog", { key: 'ab6214106757b55756aeabcb25c649c1f80b9f89', class: {
                 "modal-dialog": !this.scrollInside,
-            }, "aria-labelledby": "modal-title", "aria-describedby": "modal-content", role: this.alertdialog ? "alertdialog" : undefined, ref: (el) => (this.dialog = el), onClose: () => this.emitModalClose(), onCancel: (e) => this.handleEscape(e) }, h("div", { key: '3bc25a7dbc96f4fa9f3a8072f09b4ca8c7744c78', class: {
+            }, "aria-labelledby": "modal-title", "aria-describedby": "modal-content", role: this.alertdialog ? "alertdialog" : undefined, ref: (el) => (this.dialog = el), onClose: () => this.emitModalClose(), onCancel: (e) => this.handleEscape(e) }, h("div", { key: 'fb0c66ebd5ff7b9fbda7ecab5237236fed3baa3b', class: {
                 "modal-container": true,
                 "modal-container-scroll-inside": this.scrollInside,
                 "modal-container-scroll-outside": !this.scrollInside,
-            }, id: this.modalid }, h("header", { key: 'd2ccf0151d646c82f953c310478e77f9715afdca', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: '169cd318ea61151ce7a86ddcacab3fbb116b1c1d' }, this.modaltitle && h("h1", { key: '620fa638c5a2934dbafdb5f980f0fa972e04fcc0', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: 'b961798a68e599da603c6f5dbde76f4289f99dd7', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: '0af5c032b9e75ca530a799793c7b4aa4f85b5fb4', class: {
+            }, id: this.modalid }, h("header", { key: '66634d16f07426937a98d954330632d519505693', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: '6f1342472de8f77cbe5bf0f59a55004ccc010d28' }, this.modaltitle && h("h1", { key: '9b05059f7a62d9860ff25b2c659243ea5fcd0d70', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: '824fca9d9aa06cc8f992fd74417d8bf369fd62a0', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: '3ef5072ab7bf34f8b8cac9814b6331ea3f3e2076', class: {
                 "modal-content-scroll-inside": this.scrollInside,
                 "modal-content-scroll-outside": !this.scrollInside,
-            }, id: "modal-content" }, h("slot", { key: '726d4926a270923732eb7d490ee80ba54e8cde94', name: "modalContent" }))), h("div", { key: '7ee07376e38b2ce62a592a8b5deab2dbe9568ba6', class: {
+            }, id: "modal-content" }, h("slot", { key: 'd5c9390ffc7d0a71c08dac8fb955e3e14219774b', name: "modalContent" }))), h("div", { key: '5242e4874d1a66f2e9d3a41664a7fe88f2dc8d4b', class: {
                 "modal-background": true,
                 "modal-background-scroll-outside": !this.scrollInside,
             }, "data-action": "modalBackground", "data-modal": this.modalid, onClick: () => {

package/dist/collection/components/z-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-modal/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, Listen, Method, Prop, h} from \"@stencil/core\";\nimport dialogPolyfill from \"dialog-polyfill\";\nimport {KeyboardCode} from \"../../beans\";\nimport {FocusTrapController} from \"../../utils/focus-trap-controller\";\nimport {ReactiveControllerHost} from \"../../utils/reactive-controller\";\n\n/**\n * @slot modalCloseButton - slot for custom close button\n * @slot modalContent - slot for the content of the modal\n */\n@Component({\n  tag: \"z-modal\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZModal extends ReactiveControllerHost {\n  /** unique id */\n  @Prop()\n  modalid: string;\n\n  /** title text (optional) */\n  @Prop()\n  modaltitle?: string;\n\n  /** subtitle (optional) */\n  @Prop()\n  modalsubtitle?: string;\n\n  /** aria-label for close button (optional) */\n  @Prop()\n  closeButtonLabel = \"chiudi modale\";\n\n  /** add role \"alertdialog\" to dialog (optional, default is false) */\n  @Prop()\n  alertdialog?: boolean = false;\n\n  /** if true, the modal is closable (optional, default is true) */\n  @Prop()\n  closable?: boolean = true;\n\n  /** if true, the modal can scroll inside, if false the viewport can scroll */\n  @Prop()\n  scrollInside?: boolean = true;\n\n  /** if true, the page scroll is locked when the modal is open (optional, default is true) */\n  @Prop()\n  lockPageScroll?: boolean = true;\n\n  private dialog: HTMLDialogElement;\n\n  private focusTrapController = new FocusTrapController(this, {\n    isActive: () => !!this.dialog?.open,\n  });\n\n  @Element() host: HTMLZModalElement;\n\n  /** emitted on close button click, returns modalid */\n  @Event()\n  modalClose: EventEmitter;\n\n  private emitModalClose(): void {\n    if (this.closable) {\n      this.modalClose.emit({modalid: this.modalid});\n      this.resetPageScroll();\n    }\n  }\n\n  /** emitted on modal header click, returns modalid */\n  @Event()\n  modalHeaderActive: EventEmitter;\n\n  private emitModalHeaderActive(): void {\n    this.modalHeaderActive.emit({modalid: this.modalid});\n  }\n\n  /** emitted on background click, returns modalid */\n  @Event()\n  modalBackgroundClick: EventEmitter;\n\n  private emitBackgroundClick(): void {\n    if (this.closable) {\n      this.modalBackgroundClick.emit({modalid: this.modalid});\n      this.resetPageScroll();\n    }\n  }\n\n  private resetPageScroll(): void {\n    if (this.lockPageScroll && document.body.style.overflowY === \"hidden\") {\n      document.body.style.overflowY = \"\";\n    }\n  }\n\n  componentDidLoad(): void {\n    if (typeof window.HTMLDialogElement !== \"function\") {\n      /* workaround to fix `registerDialog` in test environment:\n      stencil converts html elements to MockHTMLElement but this element is missing the `localName` property,\n      which is used by `registerDialog` to recognize the element as dialog */\n      if (!this.dialog.localName) {\n        Object.defineProperty(this.dialog, \"localName\", {value: \"dialog\"});\n      }\n      dialogPolyfill.registerDialog(this.dialog);\n      this.dialog.setAttribute(\"open\", \"true\");\n    } else {\n      this.open();\n    }\n    if (this.lockPageScroll) {\n      requestAnimationFrame(() => (document.body.style.overflowY = \"hidden\"));\n    }\n\n    super.componentDidLoad();\n  }\n\n  disconnectedCallback(): void {\n    this.resetPageScroll();\n    super.disconnectedCallback();\n  }\n\n  /** open modal */\n  @Method()\n  async open(): Promise<void> {\n    this.dialog?.showModal();\n    this.focusTrapController.sync();\n    if (this.lockPageScroll) {\n      document.body.style.overflowY = \"hidden\";\n    }\n  }\n\n  /** close modal */\n  @Method()\n  async close(): Promise<void> {\n    if (this.closable) {\n      this.dialog?.close();\n      this.focusTrapController.sync();\n      this.resetPageScroll();\n    }\n  }\n\n  @Listen(\"keydown\")\n  handleKeyDown(e: KeyboardEvent): void {\n    if (e.code === KeyboardCode.ESC && !this.closable) {\n      e.preventDefault();\n\n      return;\n    }\n\n    this.focusTrapController.handleWrapTab(e);\n  }\n\n  private closeButtonSlot(): HTMLElement | void {\n    if (this.closable) {\n      return (\n        <slot name=\"modalCloseButton\">\n          <button\n            aria-label={this.closeButtonLabel}\n            onClick={() => this.close()}\n          >\n            <z-icon name=\"multiply-circle-filled\"></z-icon>\n          </button>\n        </slot>\n      );\n    }\n  }\n\n  private handleEscape(e: Event): void {\n    if (this.closable) {\n      return;\n    }\n    e.preventDefault();\n  }\n\n  render(): HTMLZModalElement {\n    return (\n      <dialog\n        class={{\n          \"modal-dialog\": !this.scrollInside,\n        }}\n        aria-labelledby=\"modal-title\"\n        aria-describedby=\"modal-content\"\n        role={this.alertdialog ? \"alertdialog\" : undefined}\n        ref={(el) => (this.dialog = el as HTMLDialogElement)}\n        onClose={() => this.emitModalClose()}\n        onCancel={(e) => this.handleEscape(e)}\n      >\n        <div\n          class={{\n            \"modal-container\": true,\n            \"modal-container-scroll-inside\": this.scrollInside,\n            \"modal-container-scroll-outside\": !this.scrollInside,\n          }}\n          id={this.modalid}\n        >\n          <header onClick={this.emitModalHeaderActive.bind(this)}>\n            <div>\n              {this.modaltitle && <h1 id=\"modal-title\">{this.modaltitle}</h1>}\n              {this.closeButtonSlot()}\n            </div>\n            {this.modalsubtitle && (\n              <div\n                class=\"subtitle\"\n                id=\"modal-subtitle\"\n              >\n                {this.modalsubtitle}\n              </div>\n            )}\n          </header>\n\n          <div\n            class={{\n              \"modal-content-scroll-inside\": this.scrollInside,\n              \"modal-content-scroll-outside\": !this.scrollInside,\n            }}\n            id=\"modal-content\"\n          >\n            <slot name=\"modalContent\"></slot>\n          </div>\n        </div>\n        <div\n          class={{\n            \"modal-background\": true,\n            \"modal-background-scroll-outside\": !this.scrollInside,\n          }}\n          data-action=\"modalBackground\"\n          data-modal={this.modalid}\n          onClick={() => {\n            this.emitBackgroundClick();\n            this.close();\n          }}\n        ></div>\n      </dialog>\n    );\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-modal/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, Listen, Method, Prop, h} from \"@stencil/core\";\nimport {KeyboardCode} from \"../../beans\";\nimport {FocusTrapController} from \"../../utils/focus-trap-controller\";\nimport {ReactiveControllerHost} from \"../../utils/reactive-controller\";\n\n/**\n * @slot modalCloseButton - slot for custom close button\n * @slot modalContent - slot for the content of the modal\n */\n@Component({\n  tag: \"z-modal\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZModal extends ReactiveControllerHost {\n  /** unique id */\n  @Prop()\n  modalid: string;\n\n  /** title text (optional) */\n  @Prop()\n  modaltitle?: string;\n\n  /** subtitle (optional) */\n  @Prop()\n  modalsubtitle?: string;\n\n  /** aria-label for close button (optional) */\n  @Prop()\n  closeButtonLabel = \"chiudi modale\";\n\n  /** add role \"alertdialog\" to dialog (optional, default is false) */\n  @Prop()\n  alertdialog?: boolean = false;\n\n  /** if true, the modal is closable (optional, default is true) */\n  @Prop()\n  closable?: boolean = true;\n\n  /** if true, the modal can scroll inside, if false the viewport can scroll */\n  @Prop()\n  scrollInside?: boolean = true;\n\n  /** if true, the page scroll is locked when the modal is open (optional, default is true) */\n  @Prop()\n  lockPageScroll?: boolean = true;\n\n  private dialog: HTMLDialogElement;\n\n  private focusTrapController = new FocusTrapController(this, {\n    isActive: () => !!this.dialog?.open,\n  });\n\n  @Element() host: HTMLZModalElement;\n\n  /** emitted on close button click, returns modalid */\n  @Event()\n  modalClose: EventEmitter;\n\n  private emitModalClose(): void {\n    if (this.closable) {\n      this.modalClose.emit({modalid: this.modalid});\n      this.resetPageScroll();\n    }\n  }\n\n  /** emitted on modal header click, returns modalid */\n  @Event()\n  modalHeaderActive: EventEmitter;\n\n  private emitModalHeaderActive(): void {\n    this.modalHeaderActive.emit({modalid: this.modalid});\n  }\n\n  /** emitted on background click, returns modalid */\n  @Event()\n  modalBackgroundClick: EventEmitter;\n\n  private emitBackgroundClick(): void {\n    if (this.closable) {\n      this.modalBackgroundClick.emit({modalid: this.modalid});\n      this.resetPageScroll();\n    }\n  }\n\n  private resetPageScroll(): void {\n    if (this.lockPageScroll && document.body.style.overflowY === \"hidden\") {\n      document.body.style.overflowY = \"\";\n    }\n  }\n\n  async componentDidLoad(): Promise<void> {\n    if (typeof window.HTMLDialogElement !== \"function\") {\n      /* workaround to fix `registerDialog` in test environment:\n      stencil converts html elements to MockHTMLElement but this element is missing the `localName` property,\n      which is used by `registerDialog` to recognize the element as dialog */\n      if (!this.dialog.localName) {\n        Object.defineProperty(this.dialog, \"localName\", {value: \"dialog\"});\n      }\n      /* imported dynamically so its browser-only, module-level side effects (e.g. reading `window.CustomEvent`)\n      never run at module-evaluation time in non-browser environments (e.g. Next.js SSR) */\n      const {default: dialogPolyfill} = await import(\"dialog-polyfill\");\n      dialogPolyfill.registerDialog(this.dialog);\n      this.dialog.setAttribute(\"open\", \"true\");\n    } else {\n      this.open();\n    }\n    if (this.lockPageScroll) {\n      requestAnimationFrame(() => (document.body.style.overflowY = \"hidden\"));\n    }\n\n    super.componentDidLoad();\n  }\n\n  disconnectedCallback(): void {\n    this.resetPageScroll();\n    super.disconnectedCallback();\n  }\n\n  /** open modal */\n  @Method()\n  async open(): Promise<void> {\n    this.dialog?.showModal();\n    this.focusTrapController.sync();\n    if (this.lockPageScroll) {\n      document.body.style.overflowY = \"hidden\";\n    }\n  }\n\n  /** close modal */\n  @Method()\n  async close(): Promise<void> {\n    if (this.closable) {\n      this.dialog?.close();\n      this.focusTrapController.sync();\n      this.resetPageScroll();\n    }\n  }\n\n  @Listen(\"keydown\")\n  handleKeyDown(e: KeyboardEvent): void {\n    if (e.code === KeyboardCode.ESC && !this.closable) {\n      e.preventDefault();\n\n      return;\n    }\n\n    this.focusTrapController.handleWrapTab(e);\n  }\n\n  private closeButtonSlot(): HTMLElement | void {\n    if (this.closable) {\n      return (\n        <slot name=\"modalCloseButton\">\n          <button\n            aria-label={this.closeButtonLabel}\n            onClick={() => this.close()}\n          >\n            <z-icon name=\"multiply-circle-filled\"></z-icon>\n          </button>\n        </slot>\n      );\n    }\n  }\n\n  private handleEscape(e: Event): void {\n    if (this.closable) {\n      return;\n    }\n    e.preventDefault();\n  }\n\n  render(): HTMLZModalElement {\n    return (\n      <dialog\n        class={{\n          \"modal-dialog\": !this.scrollInside,\n        }}\n        aria-labelledby=\"modal-title\"\n        aria-describedby=\"modal-content\"\n        role={this.alertdialog ? \"alertdialog\" : undefined}\n        ref={(el) => (this.dialog = el as HTMLDialogElement)}\n        onClose={() => this.emitModalClose()}\n        onCancel={(e) => this.handleEscape(e)}\n      >\n        <div\n          class={{\n            \"modal-container\": true,\n            \"modal-container-scroll-inside\": this.scrollInside,\n            \"modal-container-scroll-outside\": !this.scrollInside,\n          }}\n          id={this.modalid}\n        >\n          <header onClick={this.emitModalHeaderActive.bind(this)}>\n            <div>\n              {this.modaltitle && <h1 id=\"modal-title\">{this.modaltitle}</h1>}\n              {this.closeButtonSlot()}\n            </div>\n            {this.modalsubtitle && (\n              <div\n                class=\"subtitle\"\n                id=\"modal-subtitle\"\n              >\n                {this.modalsubtitle}\n              </div>\n            )}\n          </header>\n\n          <div\n            class={{\n              \"modal-content-scroll-inside\": this.scrollInside,\n              \"modal-content-scroll-outside\": !this.scrollInside,\n            }}\n            id=\"modal-content\"\n          >\n            <slot name=\"modalContent\"></slot>\n          </div>\n        </div>\n        <div\n          class={{\n            \"modal-background\": true,\n            \"modal-background-scroll-outside\": !this.scrollInside,\n          }}\n          data-action=\"modalBackground\"\n          data-modal={this.modalid}\n          onClick={() => {\n            this.emitBackgroundClick();\n            this.close();\n          }}\n        ></div>\n      </dialog>\n    );\n  }\n}\n"]}

package/dist/collection/components/z-toast-notification/index.js

@@ -1,7 +1,6 @@
 import { Host, h } from "@stencil/core";
 import { KeyboardCode, ToastNotificationTransition } from "../../beans";
 import DOMPurify from "dompurify";
-import Hammer from "hammerjs";
 /** Map of slide-in transitions to their corresponding slide-out transitions */
 const SLIDE_OUT_TRANSITION_MAP = {
     [ToastNotificationTransition.SLIDE_IN_DOWN]: ToastNotificationTransition.SLIDE_OUT_UP,
@@ -79,7 +78,10 @@ export class ZToastNotification {
         const bounding = this.hostElement.getBoundingClientRect();
         return Math.round((100 * e.deltaX) / bounding.width);
     }
-    handleSlideOutDragAnimation() {
+    async handleSlideOutDragAnimation() {
+        /* imported dynamically so its browser-only, module-level side effects (e.g. reading `window`/`document`
+        at the top of its UMD wrapper) never run at module-evaluation time in non-browser environments (e.g. Next.js SSR) */
+        const { default: Hammer } = await import("hammerjs");
         this.sliderManager = new Hammer(this.hostElement);
         this.sliderManager.get("pan").set({
             direction: Hammer.DIRECTION_HORIZONTAL,
@@ -151,19 +153,19 @@ export class ZToastNotification {
         }
     }
     render() {
-        return (h(Host, { key: '129c4628c3809f638a02596bff82f4a5700ae566', style: { "--percentuale": `${this.percentage}%` }, class: { [this.transition]: !!this.transition, [this.type]: !!this.type }, onAnimationEnd: (e) => {
+        return (h(Host, { key: 'c014f617bd53be486dda1fa2172130ef9be592a0', style: { "--percentuale": `${this.percentage}%` }, class: { [this.transition]: !!this.transition, [this.type]: !!this.type }, onAnimationEnd: (e) => {
                 if (this.autoclose && e.animationName.includes("slidein")) {
                     this.startClosingTimeout(this.autoclose);
                 }
                 if (e.animationName.includes("slideout")) {
                     this.hostElement.parentNode.removeChild(this.hostElement);
                 }
-            } }, h("div", { key: '39360c2661ac44f4e3e8ae25aceccaea8179a03e', class: "toast-notification-container" }, h("div", { key: '6778d83e83590f5981ff9dfb5fbb8fbe92143404', class: "toast-notification-content" }, h("div", { key: '896d9bb0c412381f9ad81c799666dd54503a50b0', class: "toast-notification-text" }, this.heading && h("span", { key: 'a431608d859dede1cc17e840ebf2e01b872a1d48', class: "title" }, this.heading), h("span", { key: '23f29016f7eb04790a6adf136b0e064f5f2d87d9', class: "message" }, h("slot", { key: 'a793b4e4fee43ad139f0eef51ec1ed1a6cd5c31f', name: "message" }, this.message && h("span", { key: 'fc84e8b14208ff6d150dfea28924387f845cb371', innerHTML: DOMPurify.sanitize(this.message) })))), h("div", { key: '475e54939682a3b7bba6032a92bd04b8a21772b3', class: "button-container", hidden: !this.hasSlottedButton }, h("slot", { key: 'e9bd0b4e65504476b59a97dcf82b233b5259bc00', name: "button", onSlotchange: () => this.checkSlottedButton() }))), this.closebutton && (h("button", { key: '14b143ec8e4d8e02b039d01464532ba25bcc2bea', class: "close-button", "aria-label": "Chiudi notifica", onClick: () => this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true), onKeyDown: (e) => {
+            } }, h("div", { key: '2b0fc9855f7bc18b53993d86f57cd89b42c978a6', class: "toast-notification-container" }, h("div", { key: '5c8b59419b7681de8f53f91008da3b518f50aa8d', class: "toast-notification-content" }, h("div", { key: '529a5f030878dcd0bd5af77de5b173bca605ce6b', class: "toast-notification-text" }, this.heading && h("span", { key: '6d3f35baedee97f6dcfa724cf2a8c6e2fa2c0bd2', class: "title" }, this.heading), h("span", { key: '436716a867110db25aaf9be5904a3569d4eba6a7', class: "message" }, h("slot", { key: '495e77fd7d36993fbef8294aa53b7be36a9b36e8', name: "message" }, this.message && h("span", { key: '7444baa70ab2c51685f4d715d5613bf35722b7dd', innerHTML: DOMPurify.sanitize(this.message) })))), h("div", { key: '73b62f17af82468596a4c6156b8135d80f3db370', class: "button-container", hidden: !this.hasSlottedButton }, h("slot", { key: '085054eff600b85556771740734f17ceab8d769a', name: "button", onSlotchange: () => this.checkSlottedButton() }))), this.closebutton && (h("button", { key: '3145c42f74cabd0d29fc14840dbdcc7afeee6e83', class: "close-button", "aria-label": "Chiudi notifica", onClick: () => this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true), onKeyDown: (e) => {
                 if (e.code == KeyboardCode.SPACE || e.code == KeyboardCode.ENTER) {
                     e.preventDefault();
                     this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true);
                 }
-            } }, h("z-icon", { key: '4870673eb2e49f6dbd06788a3b279daaa8236ab6', name: "multiply-circled" }))))));
+            } }, h("z-icon", { key: '0eb747dd65066e371130dbe79a41cecdedcdbe87', name: "multiply-circled" }))))));
     }
     static get is() { return "z-toast-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-toast-notification/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-toast-notification/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, ComponentInterface, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {KeyboardCode, ToastNotification, ToastNotificationTransition} from \"../../beans\";\n\nimport DOMPurify from \"dompurify\";\nimport Hammer from \"hammerjs\";\n\n/** Map of slide-in transitions to their corresponding slide-out transitions */\nconst SLIDE_OUT_TRANSITION_MAP = {\n  [ToastNotificationTransition.SLIDE_IN_DOWN]: ToastNotificationTransition.SLIDE_OUT_UP,\n  [ToastNotificationTransition.SLIDE_IN_UP]: ToastNotificationTransition.SLIDE_OUT_DOWN,\n  [ToastNotificationTransition.SLIDE_IN_LEFT]: ToastNotificationTransition.SLIDE_OUT_RIGHT,\n  [ToastNotificationTransition.SLIDE_IN_RIGHT]: ToastNotificationTransition.SLIDE_OUT_LEFT,\n};\n\n/**\n * ZToastNotification component.\n * @slot message - Custom HTML message\n * @slot button - Custom button\n */\n@Component({\n  tag: \"z-toast-notification\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZToastNotification implements ComponentInterface {\n  @Element() hostElement: HTMLZToastNotificationElement;\n\n  /** toast notification's title */\n  @Prop()\n  heading?: string;\n\n  /** toast notification's message */\n  @Prop()\n  message: string;\n\n  /** toggles closing button rendering */\n  @Prop()\n  closebutton: boolean;\n\n  /** toast notification closing timeout (ms) */\n  @Prop()\n  autoclose?: number;\n\n  /** toast notification autoclose can be paused */\n  @Prop()\n  pauseonfocusloss?: boolean = true;\n\n  /** toast notification type: dark, light, accent, error, success, warning */\n  @Prop()\n  type?: ToastNotification;\n\n  /** toast notification can be draggable*/\n  @Prop()\n  isdraggable?: boolean = true;\n\n  /** toast notification draggable percentage*/\n  @Prop()\n  draggablepercentage?: number = 80;\n\n  /** toast notification animation type: slide-in-left, slide-in-right, slide-in-down, slide-in-up*/\n  @Prop()\n  transition?: ToastNotificationTransition;\n\n  @State()\n  percentage: number;\n\n  /** Indicates if the toast notification has a slotted button. */\n  @State()\n  hasSlottedButton: boolean;\n\n  /** notification close event */\n  @Event()\n  toastClose: EventEmitter;\n\n  private sliderManager: HammerManager;\n\n  private elapsedTime: number;\n\n  private timeoutHandle: number;\n\n  private startTime: number;\n\n  private isCloseEventCalled = false;\n\n  @Watch(\"isdraggable\")\n  watchPropIsdraggable(newValue: boolean): void {\n    if (newValue) {\n      this.sliderManager.get(\"pan\").set({enable: true});\n    } else {\n      this.sliderManager.get(\"pan\").set({enable: false});\n    }\n  }\n\n  @Watch(\"autoclose\")\n  watchPropAutoclose(newValue: number): void {\n    clearTimeout(this.timeoutHandle);\n    this.startClosingTimeout(newValue);\n  }\n\n  @Watch(\"pauseonfocusloss\")\n  watchPropPauseonfocusloss(newValue: boolean): void {\n    if (this.autoclose) {\n      if (newValue) {\n        document.addEventListener(\"visibilitychange\", this.visibilityChangeEventHandler);\n      } else {\n        document.removeEventListener(\"visibilitychange\", this.visibilityChangeEventHandler);\n      }\n    }\n  }\n\n  private close(closingTransition: string, stopTimer: boolean): void {\n    if (stopTimer && this.timeoutHandle) {\n      clearTimeout(this.timeoutHandle);\n    }\n    this.timeoutHandle = null;\n    this.elapsedTime = null;\n    this.toastClose.emit();\n    if (closingTransition) {\n      this.hostElement.classList.add(closingTransition);\n    } else {\n      this.hostElement.parentNode.removeChild(this.hostElement);\n    }\n  }\n\n  private visibilityChangeEventHandler(): void {\n    if (document.visibilityState === \"hidden\") {\n      if (this.timeoutHandle) {\n        this.onBlur();\n      }\n    } else if (this.elapsedTime) {\n      this.onFocus();\n    }\n  }\n\n  private validateAutoclose(): void {\n    if (!this.autoclose && !this.closebutton) {\n      console.error(\"At least one between autoclose and closebutton must be present\");\n    }\n  }\n\n  private calculateDraggedPercentage(e): number {\n    const bounding = this.hostElement.getBoundingClientRect();\n\n    return Math.round((100 * e.deltaX) / bounding.width);\n  }\n\n  private handleSlideOutDragAnimation(): void {\n    this.sliderManager = new Hammer(this.hostElement);\n    this.sliderManager.get(\"pan\").set({\n      direction: Hammer.DIRECTION_HORIZONTAL,\n    });\n\n    this.sliderManager.on(\"pan\", (e) => {\n      this.percentage = this.calculateDraggedPercentage(e);\n      this.hostElement.style.transition = \"none\";\n      if (this.transition) {\n        this.hostElement.classList.remove(this.transition);\n      }\n      const translateObj = {\n        translate: `translateX(${this.percentage}%)`,\n        translateBack: \"translateX(0)\",\n      };\n\n      this.hostElement.style.opacity = `${100 - Math.abs(this.percentage)}%`;\n      if (e.eventType === Hammer.DIRECTION_LEFT || e.eventType === Hammer.DIRECTION_RIGHT) {\n        this.hostElement.style.transform = translateObj.translate;\n        if (Math.abs(this.percentage) > this.draggablepercentage && !this.isCloseEventCalled) {\n          this.isCloseEventCalled = true;\n          this.close(\n            e.direction === Hammer.DIRECTION_LEFT\n              ? ToastNotificationTransition.SLIDE_OUT_LEFT\n              : ToastNotificationTransition.SLIDE_OUT_RIGHT,\n            true\n          );\n        }\n      }\n\n      if (e.isFinal && Math.abs(this.percentage) < this.draggablepercentage) {\n        this.hostElement.style.transform = translateObj.translateBack;\n        this.hostElement.style.transition = \"all 1s\";\n        this.hostElement.style.opacity = \"100%\";\n        this.percentage = 0;\n      }\n    });\n  }\n\n  private onFocus(): void {\n    let time = this.autoclose;\n    if (this.elapsedTime) {\n      time = this.autoclose - this.elapsedTime;\n    }\n    if (time > 0) {\n      this.startClosingTimeout(time);\n    }\n  }\n\n  private onBlur(): void {\n    this.elapsedTime = Date.now() - this.startTime;\n    clearTimeout(this.timeoutHandle);\n  }\n\n  private startClosingTimeout(time: number): void {\n    this.timeoutHandle = window.setTimeout(() => this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], false), time);\n  }\n\n  private checkSlottedButton(): void {\n    this.hasSlottedButton = !!this.hostElement.querySelector(\"[slot='button']\");\n  }\n\n  componentWillLoad(): void {\n    this.validateAutoclose();\n    this.checkSlottedButton();\n    this.percentage = 0;\n  }\n\n  componentDidLoad(): void {\n    this.startTime = Date.now();\n    if (this.autoclose) {\n      if (this.pauseonfocusloss) {\n        document.addEventListener(\"visibilitychange\", this.visibilityChangeEventHandler);\n      }\n      if (!this.transition) {\n        this.startClosingTimeout(this.autoclose);\n      }\n    }\n\n    if (this.isdraggable) {\n      this.handleSlideOutDragAnimation();\n    }\n  }\n\n  render(): HTMLZToastNotificationElement {\n    return (\n      <Host\n        style={{\"--percentuale\": `${this.percentage}%`}}\n        class={{[this.transition]: !!this.transition, [this.type]: !!this.type}}\n        onAnimationEnd={(e: AnimationEvent) => {\n          if (this.autoclose && e.animationName.includes(\"slidein\")) {\n            this.startClosingTimeout(this.autoclose);\n          }\n          if (e.animationName.includes(\"slideout\")) {\n            this.hostElement.parentNode.removeChild(this.hostElement);\n          }\n        }}\n      >\n        <div class=\"toast-notification-container\">\n          <div class=\"toast-notification-content\">\n            <div class=\"toast-notification-text\">\n              {this.heading && <span class=\"title\">{this.heading}</span>}\n              <span class=\"message\">\n                <slot name=\"message\">{this.message && <span innerHTML={DOMPurify.sanitize(this.message)} />}</slot>\n              </span>\n            </div>\n            <div\n              class=\"button-container\"\n              hidden={!this.hasSlottedButton}\n            >\n              <slot\n                name=\"button\"\n                onSlotchange={() => this.checkSlottedButton()}\n              />\n            </div>\n          </div>\n          {this.closebutton && (\n            <button\n              class=\"close-button\"\n              aria-label=\"Chiudi notifica\"\n              onClick={() => this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true)}\n              onKeyDown={(e) => {\n                if (e.code == KeyboardCode.SPACE || e.code == KeyboardCode.ENTER) {\n                  e.preventDefault();\n                  this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true);\n                }\n              }}\n            >\n              <z-icon name=\"multiply-circled\" />\n            </button>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-toast-notification/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, ComponentInterface, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {KeyboardCode, ToastNotification, ToastNotificationTransition} from \"../../beans\";\n\nimport DOMPurify from \"dompurify\";\n\n/** Map of slide-in transitions to their corresponding slide-out transitions */\nconst SLIDE_OUT_TRANSITION_MAP = {\n  [ToastNotificationTransition.SLIDE_IN_DOWN]: ToastNotificationTransition.SLIDE_OUT_UP,\n  [ToastNotificationTransition.SLIDE_IN_UP]: ToastNotificationTransition.SLIDE_OUT_DOWN,\n  [ToastNotificationTransition.SLIDE_IN_LEFT]: ToastNotificationTransition.SLIDE_OUT_RIGHT,\n  [ToastNotificationTransition.SLIDE_IN_RIGHT]: ToastNotificationTransition.SLIDE_OUT_LEFT,\n};\n\n/**\n * ZToastNotification component.\n * @slot message - Custom HTML message\n * @slot button - Custom button\n */\n@Component({\n  tag: \"z-toast-notification\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZToastNotification implements ComponentInterface {\n  @Element() hostElement: HTMLZToastNotificationElement;\n\n  /** toast notification's title */\n  @Prop()\n  heading?: string;\n\n  /** toast notification's message */\n  @Prop()\n  message: string;\n\n  /** toggles closing button rendering */\n  @Prop()\n  closebutton: boolean;\n\n  /** toast notification closing timeout (ms) */\n  @Prop()\n  autoclose?: number;\n\n  /** toast notification autoclose can be paused */\n  @Prop()\n  pauseonfocusloss?: boolean = true;\n\n  /** toast notification type: dark, light, accent, error, success, warning */\n  @Prop()\n  type?: ToastNotification;\n\n  /** toast notification can be draggable*/\n  @Prop()\n  isdraggable?: boolean = true;\n\n  /** toast notification draggable percentage*/\n  @Prop()\n  draggablepercentage?: number = 80;\n\n  /** toast notification animation type: slide-in-left, slide-in-right, slide-in-down, slide-in-up*/\n  @Prop()\n  transition?: ToastNotificationTransition;\n\n  @State()\n  percentage: number;\n\n  /** Indicates if the toast notification has a slotted button. */\n  @State()\n  hasSlottedButton: boolean;\n\n  /** notification close event */\n  @Event()\n  toastClose: EventEmitter;\n\n  private sliderManager: HammerManager;\n\n  private elapsedTime: number;\n\n  private timeoutHandle: number;\n\n  private startTime: number;\n\n  private isCloseEventCalled = false;\n\n  @Watch(\"isdraggable\")\n  watchPropIsdraggable(newValue: boolean): void {\n    if (newValue) {\n      this.sliderManager.get(\"pan\").set({enable: true});\n    } else {\n      this.sliderManager.get(\"pan\").set({enable: false});\n    }\n  }\n\n  @Watch(\"autoclose\")\n  watchPropAutoclose(newValue: number): void {\n    clearTimeout(this.timeoutHandle);\n    this.startClosingTimeout(newValue);\n  }\n\n  @Watch(\"pauseonfocusloss\")\n  watchPropPauseonfocusloss(newValue: boolean): void {\n    if (this.autoclose) {\n      if (newValue) {\n        document.addEventListener(\"visibilitychange\", this.visibilityChangeEventHandler);\n      } else {\n        document.removeEventListener(\"visibilitychange\", this.visibilityChangeEventHandler);\n      }\n    }\n  }\n\n  private close(closingTransition: string, stopTimer: boolean): void {\n    if (stopTimer && this.timeoutHandle) {\n      clearTimeout(this.timeoutHandle);\n    }\n    this.timeoutHandle = null;\n    this.elapsedTime = null;\n    this.toastClose.emit();\n    if (closingTransition) {\n      this.hostElement.classList.add(closingTransition);\n    } else {\n      this.hostElement.parentNode.removeChild(this.hostElement);\n    }\n  }\n\n  private visibilityChangeEventHandler(): void {\n    if (document.visibilityState === \"hidden\") {\n      if (this.timeoutHandle) {\n        this.onBlur();\n      }\n    } else if (this.elapsedTime) {\n      this.onFocus();\n    }\n  }\n\n  private validateAutoclose(): void {\n    if (!this.autoclose && !this.closebutton) {\n      console.error(\"At least one between autoclose and closebutton must be present\");\n    }\n  }\n\n  private calculateDraggedPercentage(e): number {\n    const bounding = this.hostElement.getBoundingClientRect();\n\n    return Math.round((100 * e.deltaX) / bounding.width);\n  }\n\n  private async handleSlideOutDragAnimation(): Promise<void> {\n    /* imported dynamically so its browser-only, module-level side effects (e.g. reading `window`/`document`\n    at the top of its UMD wrapper) never run at module-evaluation time in non-browser environments (e.g. Next.js SSR) */\n    const {default: Hammer} = await import(\"hammerjs\");\n\n    this.sliderManager = new Hammer(this.hostElement);\n    this.sliderManager.get(\"pan\").set({\n      direction: Hammer.DIRECTION_HORIZONTAL,\n    });\n\n    this.sliderManager.on(\"pan\", (e) => {\n      this.percentage = this.calculateDraggedPercentage(e);\n      this.hostElement.style.transition = \"none\";\n      if (this.transition) {\n        this.hostElement.classList.remove(this.transition);\n      }\n      const translateObj = {\n        translate: `translateX(${this.percentage}%)`,\n        translateBack: \"translateX(0)\",\n      };\n\n      this.hostElement.style.opacity = `${100 - Math.abs(this.percentage)}%`;\n      if (e.eventType === Hammer.DIRECTION_LEFT || e.eventType === Hammer.DIRECTION_RIGHT) {\n        this.hostElement.style.transform = translateObj.translate;\n        if (Math.abs(this.percentage) > this.draggablepercentage && !this.isCloseEventCalled) {\n          this.isCloseEventCalled = true;\n          this.close(\n            e.direction === Hammer.DIRECTION_LEFT\n              ? ToastNotificationTransition.SLIDE_OUT_LEFT\n              : ToastNotificationTransition.SLIDE_OUT_RIGHT,\n            true\n          );\n        }\n      }\n\n      if (e.isFinal && Math.abs(this.percentage) < this.draggablepercentage) {\n        this.hostElement.style.transform = translateObj.translateBack;\n        this.hostElement.style.transition = \"all 1s\";\n        this.hostElement.style.opacity = \"100%\";\n        this.percentage = 0;\n      }\n    });\n  }\n\n  private onFocus(): void {\n    let time = this.autoclose;\n    if (this.elapsedTime) {\n      time = this.autoclose - this.elapsedTime;\n    }\n    if (time > 0) {\n      this.startClosingTimeout(time);\n    }\n  }\n\n  private onBlur(): void {\n    this.elapsedTime = Date.now() - this.startTime;\n    clearTimeout(this.timeoutHandle);\n  }\n\n  private startClosingTimeout(time: number): void {\n    this.timeoutHandle = window.setTimeout(() => this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], false), time);\n  }\n\n  private checkSlottedButton(): void {\n    this.hasSlottedButton = !!this.hostElement.querySelector(\"[slot='button']\");\n  }\n\n  componentWillLoad(): void {\n    this.validateAutoclose();\n    this.checkSlottedButton();\n    this.percentage = 0;\n  }\n\n  componentDidLoad(): void {\n    this.startTime = Date.now();\n    if (this.autoclose) {\n      if (this.pauseonfocusloss) {\n        document.addEventListener(\"visibilitychange\", this.visibilityChangeEventHandler);\n      }\n      if (!this.transition) {\n        this.startClosingTimeout(this.autoclose);\n      }\n    }\n\n    if (this.isdraggable) {\n      this.handleSlideOutDragAnimation();\n    }\n  }\n\n  render(): HTMLZToastNotificationElement {\n    return (\n      <Host\n        style={{\"--percentuale\": `${this.percentage}%`}}\n        class={{[this.transition]: !!this.transition, [this.type]: !!this.type}}\n        onAnimationEnd={(e: AnimationEvent) => {\n          if (this.autoclose && e.animationName.includes(\"slidein\")) {\n            this.startClosingTimeout(this.autoclose);\n          }\n          if (e.animationName.includes(\"slideout\")) {\n            this.hostElement.parentNode.removeChild(this.hostElement);\n          }\n        }}\n      >\n        <div class=\"toast-notification-container\">\n          <div class=\"toast-notification-content\">\n            <div class=\"toast-notification-text\">\n              {this.heading && <span class=\"title\">{this.heading}</span>}\n              <span class=\"message\">\n                <slot name=\"message\">{this.message && <span innerHTML={DOMPurify.sanitize(this.message)} />}</slot>\n              </span>\n            </div>\n            <div\n              class=\"button-container\"\n              hidden={!this.hasSlottedButton}\n            >\n              <slot\n                name=\"button\"\n                onSlotchange={() => this.checkSlottedButton()}\n              />\n            </div>\n          </div>\n          {this.closebutton && (\n            <button\n              class=\"close-button\"\n              aria-label=\"Chiudi notifica\"\n              onClick={() => this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true)}\n              onKeyDown={(e) => {\n                if (e.code == KeyboardCode.SPACE || e.code == KeyboardCode.ENTER) {\n                  e.preventDefault();\n                  this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true);\n                }\n              }}\n            >\n              <z-icon name=\"multiply-circled\" />\n            </button>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/components/index.js

@@ -1,2 +1,2 @@
-export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";import{c as ee}from"./utils.js";export{a0 as AccordionVariant,o as AlertType,A as AvatarSize,$ as BookCardDeprecatedVariant,_ as BookCardVariant,X as BreadcrumbHomepageVariant,W as BreadcrumbPathStyle,d as ButtonSize,c as ButtonType,B as ButtonVariant,C as CardVariant,U as CarouselArrowsPosition,V as CarouselProgressMode,a2 as ColorPickerPalette,e as ControlSize,R as CoverHeroContentPosition,Q as CoverHeroVariant,p as Device,h as DividerOrientation,D as DividerSize,j as ExpandableListButtonAlign,E as ExpandableListStyle,a1 as IconPosition,M as InfoRevealPosition,f as InputStatus,I as InputType,g as KeyboardCode,K as KeyboardKeyCode,k as LabelPosition,L as LicenseType,l as ListDividerType,i as ListSize,m as ListType,b as NavigationTabsKeyboardEvents,N as NavigationTabsOrientation,a as NavigationTabsSize,n as NotificationType,v as OffCanvasVariant,O as Orientation,P as PopoverPosition,S as SortDirection,T as ThemeVariant,q as ToastNotification,s as ToastNotificationPosition,r as ToastNotificationTransition,u as TransitionDirection,Y as VisibilityCondition,t as ZAriaAlertMode,x as ZChipType,y as ZChipVariant,F as ZDatePickerMode,G as ZDatePickerModeValue,H as ZDatePickerPosition,w as ZFileUploadType,J as ZRangePickerMode,z as ZSectionTitleDividerPosition,Z as ZTableRowExpandedType}from"./index2.js";export{I as ICONS}from"./iconset.js";export{ZAccordion,defineCustomElement as defineCustomElementZAccordion}from"./z-accordion.js";export{ZAnchorNavigation,defineCustomElement as defineCustomElementZAnchorNavigation}from"./z-anchor-navigation.js";export{ZAppHeader,defineCustomElement as defineCustomElementZAppHeader}from"./z-app-header.js";export{ZAriaAlert,defineCustomElement as defineCustomElementZAriaAlert}from"./z-aria-alert.js";export{ZAvatar,defineCustomElement as defineCustomElementZAvatar}from"./z-avatar.js";export{ZBookCard,defineCustomElement as defineCustomElementZBookCard}from"./z-book-card.js";export{ZBookCardApp,defineCustomElement as defineCustomElementZBookCardApp}from"./z-book-card-app.js";export{ZBookCover,defineCustomElement as defineCustomElementZBookCover}from"./z-book-cover.js";export{ZBreadcrumb,defineCustomElement as defineCustomElementZBreadcrumb}from"./z-breadcrumb.js";export{ZButton,defineCustomElement as defineCustomElementZButton}from"./z-button.js";export{ZButtonSort,defineCustomElement as defineCustomElementZButtonSort}from"./z-button-sort.js";export{ZCard,defineCustomElement as defineCustomElementZCard}from"./z-card.js";export{ZCarousel,defineCustomElement as defineCustomElementZCarousel}from"./z-carousel.js";export{ZChip,defineCustomElement as defineCustomElementZChip}from"./z-chip.js";export{ZColorPicker,defineCustomElement as defineCustomElementZColorPicker}from"./z-color-picker.js";export{ZCombobox,defineCustomElement as defineCustomElementZCombobox}from"./z-combobox.js";export{ZCoverHero,defineCustomElement as defineCustomElementZCoverHero}from"./z-cover-hero.js";export{ZDatePicker,defineCustomElement as defineCustomElementZDatePicker}from"./z-date-picker.js";export{ZDivider,defineCustomElement as defineCustomElementZDivider}from"./z-divider.js";export{ZDragdropArea,defineCustomElement as defineCustomElementZDragdropArea}from"./z-dragdrop-area.js";export{ZFile,defineCustomElement as defineCustomElementZFile}from"./z-file.js";export{ZFileUpload,defineCustomElement as defineCustomElementZFileUpload}from"./z-file-upload.js";export{ZGhostLoading,defineCustomElement as defineCustomElementZGhostLoading}from"./z-ghost-loading.js";export{ZIcon,defineCustomElement as defineCustomElementZIcon}from"./z-icon.js";export{ZInfoBox,defineCustomElement as defineCustomElementZInfoBox}from"./z-info-box.js";export{ZInfoReveal,defineCustomElement as defineCustomElementZInfoReveal}from"./z-info-reveal.js";export{ZInput,defineCustomElement as defineCustomElementZInput}from"./z-input.js";export{ZInputMessage,defineCustomElement as defineCustomElementZInputMessage}from"./z-input-message.js";export{ZInputRange,defineCustomElement as defineCustomElementZInputRange}from"./z-input-range.js";export{ZList,defineCustomElement as defineCustomElementZList}from"./z-list.js";export{ZListElement,defineCustomElement as defineCustomElementZListElement}from"./z-list-element.js";export{ZListGroup,defineCustomElement as defineCustomElementZListGroup}from"./z-list-group.js";export{ZLogo,defineCustomElement as defineCustomElementZLogo}from"./z-logo.js";export{ZMenu,defineCustomElement as defineCustomElementZMenu}from"./z-menu.js";export{ZMenuSection,defineCustomElement as defineCustomElementZMenuSection}from"./z-menu-section.js";export{ZModal,defineCustomElement as defineCustomElementZModal}from"./z-modal.js";export{ZNavigationTabs,defineCustomElement as defineCustomElementZNavigationTabs}from"./z-navigation-tabs.js";export{ZNotification,defineCustomElement as defineCustomElementZNotification}from"./z-notification.js";export{ZOffcanvas,defineCustomElement as defineCustomElementZOffcanvas}from"./z-offcanvas.js";export{ZPagination,defineCustomElement as defineCustomElementZPagination}from"./z-pagination.js";export{ZPopover,defineCustomElement as defineCustomElementZPopover}from"./z-popover.js";export{ZRangePicker,defineCustomElement as defineCustomElementZRangePicker}from"./z-range-picker.js";export{ZResultCard,defineCustomElement as defineCustomElementZResultCard}from"./z-result-card.js";export{ZSearchbar,defineCustomElement as defineCustomElementZSearchbar}from"./z-searchbar.js";export{ZSelect,defineCustomElement as defineCustomElementZSelect}from"./z-select.js";export{ZSkipToContent,defineCustomElement as defineCustomElementZSkipToContent}from"./z-skip-to-content.js";export{ZStepper,defineCustomElement as defineCustomElementZStepper}from"./z-stepper.js";export{ZStepperItem,defineCustomElement as defineCustomElementZStepperItem}from"./z-stepper-item.js";export{ZTable,defineCustomElement as defineCustomElementZTable}from"./z-table.js";export{ZTag,defineCustomElement as defineCustomElementZTag}from"./z-tag.js";export{ZTbody,defineCustomElement as defineCustomElementZTbody}from"./z-tbody.js";export{ZTd,defineCustomElement as defineCustomElementZTd}from"./z-td.js";export{ZTfoot,defineCustomElement as defineCustomElementZTfoot}from"./z-tfoot.js";export{ZTh,defineCustomElement as defineCustomElementZTh}from"./z-th.js";export{ZThead,defineCustomElement as defineCustomElementZThead}from"./z-thead.js";export{ZToastNotification,defineCustomElement as defineCustomElementZToastNotification}from"./z-toast-notification.js";export{ZToastNotificationList,defineCustomElement as defineCustomElementZToastNotificationList}from"./z-toast-notification-list.js";export{ZToggleSwitch,defineCustomElement as defineCustomElementZToggleSwitch}from"./z-toggle-switch.js";export{ZTool,defineCustomElement as defineCustomElementZTool}from"./z-tool.js";export{ZToolbar,defineCustomElement as defineCustomElementZToolbar}from"./z-toolbar.js";export{ZTooltip,defineCustomElement as defineCustomElementZTooltip}from"./z-tooltip.js";export{ZTr,defineCustomElement as defineCustomElementZTr}from"./z-tr.js";export{ZTreeList,defineCustomElement as defineCustomElementZTreeList}from"./z-tree-list.js";export{ZVisuallyHidden,defineCustomElement as defineCustomElementZVisuallyHidden}from"./z-visually-hidden.js";const te={colorFromId:ee};export{te as Utils};
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-RmbDDbWd.js";import{c as ee}from"./p-8C_CrFxp.js";export{a0 as AccordionVariant,o as AlertType,A as AvatarSize,$ as BookCardDeprecatedVariant,_ as BookCardVariant,X as BreadcrumbHomepageVariant,W as BreadcrumbPathStyle,d as ButtonSize,c as ButtonType,B as ButtonVariant,C as CardVariant,U as CarouselArrowsPosition,V as CarouselProgressMode,a2 as ColorPickerPalette,e as ControlSize,R as CoverHeroContentPosition,Q as CoverHeroVariant,p as Device,h as DividerOrientation,D as DividerSize,j as ExpandableListButtonAlign,E as ExpandableListStyle,a1 as IconPosition,M as InfoRevealPosition,f as InputStatus,I as InputType,g as KeyboardCode,K as KeyboardKeyCode,k as LabelPosition,L as LicenseType,l as ListDividerType,i as ListSize,m as ListType,b as NavigationTabsKeyboardEvents,N as NavigationTabsOrientation,a as NavigationTabsSize,n as NotificationType,v as OffCanvasVariant,O as Orientation,P as PopoverPosition,S as SortDirection,T as ThemeVariant,q as ToastNotification,s as ToastNotificationPosition,r as ToastNotificationTransition,u as TransitionDirection,Y as VisibilityCondition,t as ZAriaAlertMode,x as ZChipType,y as ZChipVariant,F as ZDatePickerMode,G as ZDatePickerModeValue,H as ZDatePickerPosition,w as ZFileUploadType,J as ZRangePickerMode,z as ZSectionTitleDividerPosition,Z as ZTableRowExpandedType}from"./p-DdetsoIY.js";export{I as ICONS}from"./p-D1c5gR45.js";export{ZAccordion,defineCustomElement as defineCustomElementZAccordion}from"./z-accordion.js";export{ZAnchorNavigation,defineCustomElement as defineCustomElementZAnchorNavigation}from"./z-anchor-navigation.js";export{ZAppHeader,defineCustomElement as defineCustomElementZAppHeader}from"./z-app-header.js";export{ZAriaAlert,defineCustomElement as defineCustomElementZAriaAlert}from"./z-aria-alert.js";export{ZAvatar,defineCustomElement as defineCustomElementZAvatar}from"./z-avatar.js";export{ZBookCard,defineCustomElement as defineCustomElementZBookCard}from"./z-book-card.js";export{ZBookCardApp,defineCustomElement as defineCustomElementZBookCardApp}from"./z-book-card-app.js";export{ZBookCover,defineCustomElement as defineCustomElementZBookCover}from"./z-book-cover.js";export{ZBreadcrumb,defineCustomElement as defineCustomElementZBreadcrumb}from"./z-breadcrumb.js";export{ZButton,defineCustomElement as defineCustomElementZButton}from"./z-button.js";export{ZButtonSort,defineCustomElement as defineCustomElementZButtonSort}from"./z-button-sort.js";export{ZCard,defineCustomElement as defineCustomElementZCard}from"./z-card.js";export{ZCarousel,defineCustomElement as defineCustomElementZCarousel}from"./z-carousel.js";export{ZChip,defineCustomElement as defineCustomElementZChip}from"./z-chip.js";export{ZColorPicker,defineCustomElement as defineCustomElementZColorPicker}from"./z-color-picker.js";export{ZCombobox,defineCustomElement as defineCustomElementZCombobox}from"./z-combobox.js";export{ZCoverHero,defineCustomElement as defineCustomElementZCoverHero}from"./z-cover-hero.js";export{ZDatePicker,defineCustomElement as defineCustomElementZDatePicker}from"./z-date-picker.js";export{ZDivider,defineCustomElement as defineCustomElementZDivider}from"./z-divider.js";export{ZDragdropArea,defineCustomElement as defineCustomElementZDragdropArea}from"./z-dragdrop-area.js";export{ZFile,defineCustomElement as defineCustomElementZFile}from"./z-file.js";export{ZFileUpload,defineCustomElement as defineCustomElementZFileUpload}from"./z-file-upload.js";export{ZGhostLoading,defineCustomElement as defineCustomElementZGhostLoading}from"./z-ghost-loading.js";export{ZIcon,defineCustomElement as defineCustomElementZIcon}from"./z-icon.js";export{ZInfoBox,defineCustomElement as defineCustomElementZInfoBox}from"./z-info-box.js";export{ZInfoReveal,defineCustomElement as defineCustomElementZInfoReveal}from"./z-info-reveal.js";export{ZInput,defineCustomElement as defineCustomElementZInput}from"./z-input.js";export{ZInputMessage,defineCustomElement as defineCustomElementZInputMessage}from"./z-input-message.js";export{ZInputRange,defineCustomElement as defineCustomElementZInputRange}from"./z-input-range.js";export{ZList,defineCustomElement as defineCustomElementZList}from"./z-list.js";export{ZListElement,defineCustomElement as defineCustomElementZListElement}from"./z-list-element.js";export{ZListGroup,defineCustomElement as defineCustomElementZListGroup}from"./z-list-group.js";export{ZLogo,defineCustomElement as defineCustomElementZLogo}from"./z-logo.js";export{ZMenu,defineCustomElement as defineCustomElementZMenu}from"./z-menu.js";export{ZMenuSection,defineCustomElement as defineCustomElementZMenuSection}from"./z-menu-section.js";export{ZModal,defineCustomElement as defineCustomElementZModal}from"./z-modal.js";export{ZNavigationTabs,defineCustomElement as defineCustomElementZNavigationTabs}from"./z-navigation-tabs.js";export{ZNotification,defineCustomElement as defineCustomElementZNotification}from"./z-notification.js";export{ZOffcanvas,defineCustomElement as defineCustomElementZOffcanvas}from"./z-offcanvas.js";export{ZPagination,defineCustomElement as defineCustomElementZPagination}from"./z-pagination.js";export{ZPopover,defineCustomElement as defineCustomElementZPopover}from"./z-popover.js";export{ZRangePicker,defineCustomElement as defineCustomElementZRangePicker}from"./z-range-picker.js";export{ZResultCard,defineCustomElement as defineCustomElementZResultCard}from"./z-result-card.js";export{ZSearchbar,defineCustomElement as defineCustomElementZSearchbar}from"./z-searchbar.js";export{ZSelect,defineCustomElement as defineCustomElementZSelect}from"./z-select.js";export{ZSkipToContent,defineCustomElement as defineCustomElementZSkipToContent}from"./z-skip-to-content.js";export{ZStepper,defineCustomElement as defineCustomElementZStepper}from"./z-stepper.js";export{ZStepperItem,defineCustomElement as defineCustomElementZStepperItem}from"./z-stepper-item.js";export{ZTable,defineCustomElement as defineCustomElementZTable}from"./z-table.js";export{ZTag,defineCustomElement as defineCustomElementZTag}from"./z-tag.js";export{ZTbody,defineCustomElement as defineCustomElementZTbody}from"./z-tbody.js";export{ZTd,defineCustomElement as defineCustomElementZTd}from"./z-td.js";export{ZTfoot,defineCustomElement as defineCustomElementZTfoot}from"./z-tfoot.js";export{ZTh,defineCustomElement as defineCustomElementZTh}from"./z-th.js";export{ZThead,defineCustomElement as defineCustomElementZThead}from"./z-thead.js";export{ZToastNotification,defineCustomElement as defineCustomElementZToastNotification}from"./z-toast-notification.js";export{ZToastNotificationList,defineCustomElement as defineCustomElementZToastNotificationList}from"./z-toast-notification-list.js";export{ZToggleSwitch,defineCustomElement as defineCustomElementZToggleSwitch}from"./z-toggle-switch.js";export{ZTool,defineCustomElement as defineCustomElementZTool}from"./z-tool.js";export{ZToolbar,defineCustomElement as defineCustomElementZToolbar}from"./z-toolbar.js";export{ZTooltip,defineCustomElement as defineCustomElementZTooltip}from"./z-tooltip.js";export{ZTr,defineCustomElement as defineCustomElementZTr}from"./z-tr.js";export{ZTreeList,defineCustomElement as defineCustomElementZTreeList}from"./z-tree-list.js";export{ZVisuallyHidden,defineCustomElement as defineCustomElementZVisuallyHidden}from"./z-visually-hidden.js";const te={colorFromId:ee};export{te as Utils};
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["UTILS","colorFromId"],"sources":["src/index.ts"],"sourcesContent":["import {colorFromId} from \"./utils/utils\";\n\nconst UTILS = {\n  colorFromId,\n};\n\nexport * from \"./beans\";\nexport * from \"./components\";\nexport {ICONS, IconName} from \"./constants/iconset\";\nexport {UTILS as Utils};\n"],"mappings":"2tOAEA,MAAMA,GAAQ,CACZC,uB","ignoreList":[]}
+{"version":3,"names":["UTILS","colorFromId"],"sources":["src/index.ts"],"sourcesContent":["import {colorFromId} from \"./utils/utils\";\n\nconst UTILS = {\n  colorFromId,\n};\n\nexport * from \"./beans\";\nexport * from \"./components\";\nexport {ICONS, IconName} from \"./constants/iconset\";\nexport {UTILS as Utils};\n"],"mappings":"kvOAEA,MAAMA,GAAQ,CACZC,uB","ignoreList":[]}

package/dist/components/{utils.js → p-8C_CrFxp.js}

@@ -1,7 +1,7 @@
-import{p as r,g as t}from"./index2.js";import{B as n}from"./breakpoints.js";
+import{p as r,g as t}from"./p-DdetsoIY.js";import{B as n}from"./p-Q-tWjk7P.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 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
+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 I=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 x=function r(t,n){if(n.disabled||y(n)||T(n,t)||m(n)||I(n)){return false}return true};var N=function r(t,n){if(A(n)||d(n)<0||!x(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 D=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 P=function r(t,n){n=n||{};var e;if(n.getShadowRoot){e=c([t],n.includeContainer,{filter:x.bind(null,n),flatten:true,getShadowRoot:n.getShadowRoot})}else{e=s(t,n.includeContainer,x.bind(null,n))}return e};var R=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 O=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,O)===false){return false}return x(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 j(r,n,...e){if(r.code===t.ENTER||r.code===t.SPACE){r.preventDefault();n(...e)}}function V(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 Y(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 q(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 z(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 G(r){if(r.assignedSlot){return r.assignedSlot}if(r.parentNode instanceof ShadowRoot){return r.parentNode.host}return r.parentElement}function Q(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 W(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})};D(r,{getShadowRoot:false}).forEach((r=>{if(!(r instanceof HTMLElement)){return}i(r,t.indexOf(r),-1)}));t.forEach(((r,t)=>{if(!r.shadowRoot){return}D(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 X(r){let t=G(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=G(t)}return r.ownerDocument.documentElement}const J=r=>{const t=(new DOMParser).parseFromString(r,"text/html");return t.body.textContent||""};const K=r=>r.split("").map((r=>r.charCodeAt(0).toString(16))).join("");export{q as a,J as b,Y as c,U as d,K as e,F as f,B as g,j as h,H as i,W as j,G as k,X as l,Q as m,V as n,P as o,R as p,d as q,$ as r,C as s,D as t,z as u};
+//# sourceMappingURL=p-8C_CrFxp.js.map

package/dist/components/p-B3VFztJH.js

@@ -0,0 +1,6 @@
+import{e,H as r}from"./p-RmbDDbWd.js";import{t,o as n,p as i,q as a,s as u,j as o,a as f,u as s}from"./p-8C_CrFxp.js";import{g as l}from"./p-DdetsoIY.js";
+/*!
+* focus-trap 8.2.1
+* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
+*/function c(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}function v(e){if(Array.isArray(e))return c(e)}function d(e,r){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=j(e))||r){t&&(e=t);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(){t=t.call(e)},n:function(){var e=t.next();return u=e.done,e},e:function(e){o=true,a=e},f:function(){try{u||null==t.return||t.return()}finally{if(o)throw a}}}}function h(e,r,t){return(r=k(r))in e?Object.defineProperty(e,r,{value:t,enumerable:true,configurable:true,writable:true}):e[r]=t,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,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function w(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?y(Object(t),true).forEach((function(r){h(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):y(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function m(e){return v(e)||p(e)||j(e)||b()}function F(e,r){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function k(e){var r=F(e,"string");return"symbol"==typeof r?r:r+""}function j(e,r){if(e){if("string"==typeof e)return c(e,r);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(e,r):void 0}}var S={getActiveTrap:function e(r){if((r===null||r===void 0?void 0:r.length)>0){return r[r.length-1]}return null},activateTrap:function e(r,t){var n=S.getActiveTrap(r);if(t!==n){S.pauseTrap(r)}var i=r.indexOf(t);if(i===-1){r.push(t)}else{r.splice(i,1);r.push(t)}},deactivateTrap:function e(r,t){var n=r.indexOf(t);if(n!==-1){r.splice(n,1)}S.unpauseTrap(r)},pauseTrap:function e(r){var t=S.getActiveTrap(r);t===null||t===void 0||t._setPausedState(true)},unpauseTrap:function e(r){var t=S.getActiveTrap(r);if(t&&!t._isManuallyPaused()){t._setPausedState(false)}}};var T=function e(r){return r.tagName&&r.tagName.toLowerCase()==="input"&&typeof r.select==="function"};var O=function e(r){return(r===null||r===void 0?void 0:r.key)==="Escape"||(r===null||r===void 0?void 0:r.key)==="Esc"||(r===null||r===void 0?void 0:r.keyCode)===27};var D=function e(r){return(r===null||r===void 0?void 0:r.key)==="Tab"||(r===null||r===void 0?void 0:r.keyCode)===9};var E=function e(r){return D(r)&&!r.shiftKey};var g=function e(r){return D(r)&&r.shiftKey};var A=function e(r){return setTimeout(r,0)};var R=function e(r){for(var t=arguments.length,n=new Array(t>1?t-1:0),i=1;i<t;i++){n[i-1]=arguments[i]}return typeof r==="function"?r.apply(void 0,n):r};var P=function e(r){return r.target.shadowRoot&&typeof r.composedPath==="function"?r.composedPath()[0]:r.target};var C=[];var I=function e(r,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(r,t,n){return r&&r[t]!==undefined?r[t]:l[n||t]};var p=function e(r,t){var n=typeof(t===null||t===void 0?void 0:t.composedPath)==="function"?t.composedPath():undefined;return c.containerGroups.findIndex((function(e){var t=e.container,i=e.tabbableNodes;return t.contains(r)||(n===null||n===void 0?void 0:n.includes(t))||i.find((function(e){return e===r}))}))};var b=function e(r){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},n=t.hasFallback,i=n===void 0?false:n,a=t.params,u=a===void 0?[]:a;var o=l[r];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(r,"` 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(r,'` appears to be an invalid selector; error="').concat(e.message,'"'))}if(!s){if(!i){throw new Error("`".concat(r,"` as selector refers to no known node"))}}}return s};var y=function e(r){var t=r.activeElement;if(!t){return null}if(t.shadowRoot&&t.shadowRoot.activeElement!==null){return y(t.shadowRoot)}return t};var F=function e(){var r=b("initialFocus",{hasFallback:true});if(r===false){return false}if(r===undefined||r&&!u(r,l.tabbableOptions)){var t=y(f);if(p(t)>=0){r=t}else{var n=c.tabbableGroups[0];var i=n&&n.firstTabbableNode;r=i||b("fallbackFocus")}}else if(r===null){r=b("fallbackFocus")}if(!r){throw new Error("Your focus-trap needs to have at least one focusable element")}return r};var k=function e(){c.containerGroups=c.containers.map((function(e){var r=t(e,l.tabbableOptions);var u=n(e,l.tabbableOptions);var o=r.length>0?r[0]:undefined;var f=r.length>0?r[r.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=!!r.find((function(e){return a(e)>0}));return{container:e,tabbableNodes:r,focusableNodes:u,posTabIndexesFound:v,firstTabbableNode:o,lastTabbableNode:f,firstDomTabbableNode:s,lastDomTabbableNode:c,nextTabbableNode:function e(t){var n=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var a=r.indexOf(t);if(a<0){if(n){return u.slice(u.indexOf(t)+1).find((function(e){return i(e)}))}return u.slice(0,u.indexOf(t)).reverse().find((function(e){return i(e)}))}return r[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(r){if(r===false){return}if(r===y(document)){return}if(!r||!r.focus){j(F());return}r.focus({preventScroll:!!l.preventScroll});c.mostRecentlyFocusedNode=r;if(T(r)){r.select()}};var I=function e(r){var t=b("setReturnFocus",{params:[r]});return t?t:t===false?false:r};var N=function e(r){var t=r.target,n=r.event,o=r.isBackward,f=o===void 0?false:o;t=t||P(n);k();var s=null;if(c.tabbableGroups.length>0){var v=p(t,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 r=e.firstTabbableNode;return t===r}));if(h<0&&(d.container===t||u(t,l.tabbableOptions)&&!i(t,l.tabbableOptions)&&!d.nextTabbableNode(t,false))){h=v}if(h>=0){var y=h===0?c.tabbableGroups.length-1:h-1;var w=c.tabbableGroups[y];s=a(t)>=0?w.lastTabbableNode:w.lastDomTabbableNode}else if(!D(n)){s=d.nextTabbableNode(t,false)}}else{var m=c.tabbableGroups.findIndex((function(e){var r=e.lastTabbableNode;return t===r}));if(m<0&&(d.container===t||u(t,l.tabbableOptions)&&!i(t,l.tabbableOptions)&&!d.nextTabbableNode(t))){m=v}if(m>=0){var F=m===c.tabbableGroups.length-1?0:m+1;var j=c.tabbableGroups[F];s=a(t)>=0?j.firstTabbableNode:j.firstDomTabbableNode}else if(!D(n)){s=d.nextTabbableNode(t)}}}else{s=b("fallbackFocus")}return s};var x=function e(r){var t=P(r);if(p(t,r)>=0){return}if(R(l.clickOutsideDeactivates,r)){v.deactivate({returnFocus:l.returnFocusOnDeactivate});return}if(R(l.allowOutsideClick,r)){return}r.preventDefault()};var B=function e(r){var t=P(r);var n=p(t,r)>=0;if(n||t instanceof Document){if(n){c.mostRecentlyFocusedNode=t}}else{r.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=N({target:c.mostRecentlyFocusedNode,isBackward:l.isKeyBackward(c.recentNavEvent)})}if(i){j(i)}else{j(c.mostRecentlyFocusedNode||F())}}c.recentNavEvent=undefined};var U=function e(r){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;c.recentNavEvent=r;var n=N({event:r,isBackward:t});if(n){if(D(r)){r.preventDefault()}j(n)}};var W=function e(r){if(l.isKeyForward(r)||l.isKeyBackward(r)){U(r,l.isKeyBackward(r))}};var K=function e(r){if(O(r)&&R(l.escapeDeactivates,r)!==false){r.preventDefault();v.deactivate()}};var L=function e(r){var t=P(r);if(p(t,r)>=0){return}if(R(l.clickOutsideDeactivates,r)){return}if(R(l.allowOutsideClick,r)){return}r.preventDefault();r.stopImmediatePropagation()};var M=function e(){if(!c.active){return}S.activateTrap(s,v);var r;if(l.delayInitialFocus){r=new Promise((function(e){c.delayInitialFocusTimer=A((function(){j(F());e()}))}))}else{j(F())}f.addEventListener("focusin",B,true);f.addEventListener("mousedown",x,{capture:true,passive:false});f.addEventListener("touchstart",x,{capture:true,passive:false});f.addEventListener("click",L,{capture:true,passive:false});f.addEventListener("keydown",W,{capture:true,passive:false});f.addEventListener("keydown",K);return r};var _=function e(r){if(c.active&&!c.paused){v._setSubtreeIsolation(false)}c.adjacentElements.clear();c.alreadySilent.clear();var t=new Set;var n=new Set;var i=d(r),a;try{for(i.s();!(a=i.n()).done;){var u=a.value;t.add(u);var o=typeof ShadowRoot!=="undefined"&&u.getRootNode()instanceof ShadowRoot;var f=u;while(f){t.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()}t.forEach((function(e){n["delete"](e)}));c.adjacentElements=n};var Y=function e(){if(!c.active){return}f.removeEventListener("focusin",B,true);f.removeEventListener("mousedown",x,true);f.removeEventListener("touchstart",x,true);f.removeEventListener("click",L,true);f.removeEventListener("keydown",W,true);f.removeEventListener("keydown",K);return v};var G=function e(r){var t=c.mostRecentlyFocusedNode;if(!t){return}var n=r.some((function(e){var r=Array.from(e.removedNodes);return r.some((function(e){return e===t||typeof e.contains==="function"&&e.contains(t)}))}));if(n&&c.containers.some((function(e){return e===null||e===void 0?void 0:e.isConnected}))){k();var i=F();j(i)}};var q=typeof window!=="undefined"&&"MutationObserver"in window?new MutationObserver(G):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(r){if(c.active){return this}var t=h(r,"onActivate");var n=h(r,"onPostActivate");var i=h(r,"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){k()}c.active=true;c.paused=false;c.nodeFocusedBeforeActivation=y(f);t===null||t===void 0||t({trap:v});var l=function e(){if(i){k()}var r=function e(){v._setSubtreeIsolation(true);$();n===null||n===void 0||n({trap:v})};var t=M();if(t){t.then(r)}else{r()}};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(r){if(!c.active){return this}var t=w({onDeactivate:l.onDeactivate,onPostDeactivate:l.onPostDeactivate,checkCanReturnFocus:l.checkCanReturnFocus},r);clearTimeout(c.delayInitialFocusTimer);c.delayInitialFocusTimer=undefined;if(!c.paused){v._setSubtreeIsolation(false)}c.alreadySilent.clear();Y();c.active=false;c.paused=false;$();S.deactivateTrap(s,v);var n=h(t,"onDeactivate");var i=h(t,"onPostDeactivate");var a=h(t,"checkCanReturnFocus");var u=h(t,"delayReturnFocus");var o=h(t,"returnFocus","returnFocusOnDeactivate");n===null||n===void 0||n({trap:v});var f=function e(){if(o){j(I(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(I(c.nodeFocusedBeforeActivation)).then(d,d);return this}d();return this},pause:function e(r){if(!c.active){return this}c.manuallyPaused=true;return this._setPausedState(true,r)},unpause:function e(r){if(!c.active){return this}c.manuallyPaused=false;if(s[s.length-1]!==this){return this}return this._setPausedState(false,r)},updateContainerElements:function e(r){var t=[].concat(r).filter(Boolean);c.containers=t.map((function(e){return typeof e==="string"?f.querySelector(e):e}));if(l.isolateSubtrees){_(c.containers)}if(c.active){k();if(!c.paused){v._setSubtreeIsolation(true)}}$();return this}};Object.defineProperties(v,{_isManuallyPaused:{value:function e(){return c.manuallyPaused}},_setPausedState:{value:function e(r,t){if(c.paused===r){return this}c.paused=r;if(r){var n=h(t,"onPause");var i=h(t,"onPostPause");n===null||n===void 0||n({trap:v});Y();v._setSubtreeIsolation(false);$();i===null||i===void 0||i({trap:v})}else{var a=h(t,"onUnpause");var u=h(t,"onPostUnpause");a===null||a===void 0||a({trap:v});var o=function e(){k();var r=function e(){v._setSubtreeIsolation(true);$();u===null||u===void 0||u({trap:v})};var t=M();if(t){t.then(r)}else{r()}};o()}return this}},_setSubtreeIsolation:{value:function e(r){if(l.isolateSubtrees){c.adjacentElements.forEach((function(e){var t;if(r){switch(l.isolateSubtrees){case"aria-hidden":if(e.ariaHidden==="true"||((t=e.getAttribute("aria-hidden"))===null||t===void 0?void 0:t.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(r);return v};class N{constructor(r,t){this.config=t;this.host=r;this.host.addController(this);this.hostElement=e(this.host)}get trapRoot(){var e,r,t;return(t=(r=(e=this.config).getTrapRoot)===null||r===void 0?void 0:r.call(e))!==null&&t!==void 0?t: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 r=this.getTabbableElements();(e=r[r.length-1])===null||e===void 0?void 0:e.focus()}sync(){if(!this.trapRoot){return}if(!this.focusTrap){this.focusTrap=I(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 r=this.getTabbableElements();if(!r.length){return}const t=s(this.hostElement.ownerDocument);const n=r[0];const i=r[r.length-1];const a=t?f(n,t):false;const u=t?f(i,t):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 r{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 r;return(r=e.hostConnected)===null||r===void 0?void 0:r.call(e)}))}disconnectedCallback(){this.controllers.forEach((e=>{var r;return(r=e.hostDisconnected)===null||r===void 0?void 0:r.call(e)}))}componentWillLoad(){this.controllers.forEach((e=>{var r;return(r=e.hostWillLoad)===null||r===void 0?void 0:r.call(e)}))}componentDidLoad(){this.controllers.forEach((e=>{var r;return(r=e.hostDidLoad)===null||r===void 0?void 0:r.call(e)}))}componentWillRender(){this.controllers.forEach((e=>{var r;return(r=e.hostWillRender)===null||r===void 0?void 0:r.call(e)}))}componentDidRender(){this.controllers.forEach((e=>{var r;return(r=e.hostDidRender)===null||r===void 0?void 0:r.call(e)}))}componentWillUpdate(){this.controllers.forEach((e=>{var r;return(r=e.hostWillUpdate)===null||r===void 0?void 0:r.call(e)}))}componentDidUpdate(){this.controllers.forEach((e=>{var r;return(r=e.hostDidUpdate)===null||r===void 0?void 0:r.call(e)}))}};export{N as F,x as R};
+//# sourceMappingURL=p-B3VFztJH.js.map