@db-ux/wc-core-components 2.0.8 → 2.0.9

package/dist/db-ux/db-switch.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"db-switch.entry.esm.js","sources":["src/components/switch/switch.tsx"],"sourcesContent":["import { DBSwitchProps, DBSwitchState } from \"./model\";\nimport {\n  cls,\n  getBoolean,\n  getBooleanAsString,\n  getHideProp,\n  uuid,\n} from \"../../utils\";\nimport { ChangeEvent, InteractionEvent } from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-switch\",\n})\nexport class DBSwitch {\n  private _ref!: HTMLInputElement | any;\n  @Prop() id: DBSwitchProps[\"id\"];\n  @Prop() checked: DBSwitchProps[\"checked\"];\n  @Event() change: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onChange\"]>[number]\n  > | void;\n  @Event() blur: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onBlur\"]>[number]\n  > | void;\n  @Event() focus: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onFocus\"]>[number]\n  > | void;\n  @Prop() visualAid: DBSwitchProps[\"visualAid\"];\n  @Prop() size: DBSwitchProps[\"size\"];\n  @Prop() showLabel: DBSwitchProps[\"showLabel\"];\n  @Prop() emphasis: DBSwitchProps[\"emphasis\"];\n  @Prop({attribute: \"classname\"}) className: DBSwitchProps[\"className\"];\n  @Prop() value: DBSwitchProps[\"value\"];\n  @Prop() disabled: DBSwitchProps[\"disabled\"];\n  @Prop() describedbyid: DBSwitchProps[\"describedbyid\"];\n  @Prop() validation: DBSwitchProps[\"validation\"];\n  @Prop() name: DBSwitchProps[\"name\"];\n  @Prop() required: DBSwitchProps[\"required\"];\n  @Prop() icon: DBSwitchProps[\"icon\"];\n  @Prop() iconAfter: DBSwitchProps[\"iconAfter\"];\n  @Prop() label: DBSwitchProps[\"label\"];\n  @State() _id = undefined;\n  @State() _checked = false;\n\n  handleChange(event: ChangeEvent<HTMLInputElement>) {\n    event.stopPropagation();\n    if (this.change) {\n      this.change.emit(event);\n    }\n\n    // We have different ts types in different frameworks, so we need to use any here\n    this._checked = (event.target as any)?.[\"checked\"];\n  }\n  handleBlur(event: InteractionEvent<HTMLInputElement>) {\n    event.stopPropagation();\n    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLInputElement>) {\n    event.stopPropagation();\n    if (this.focus) {\n      this.focus.emit(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLInputElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this.checked !== undefined && this.checked !== null) {\n      this._checked = getBoolean(this.checked);\n    }\n  }\n\n  @Watch(\"checked\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-switch\");\n    this._id = this.id ?? `switch-${uuid()}`;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <label\n        class={cls(\"db-switch\", this.className)}\n        data-visual-aid={getBooleanAsString(this.visualAid)}\n        data-size={this.size}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-emphasis={this.emphasis}\n        htmlFor={this._id}\n      >\n        <input\n          type=\"checkbox\"\n          role=\"switch\"\n          id={this._id}\n          aria-checked={getBooleanAsString(this._checked)}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          checked={getBoolean(this.checked, \"checked\")}\n          value={this.value}\n          disabled={getBoolean(this.disabled, \"disabled\")}\n          aria-describedby={this.describedbyid}\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          name={this.name}\n          required={getBoolean(this.required, \"required\")}\n          data-aid-icon={this.icon}\n          data-aid-icon-after={this.iconAfter}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n        />\n        {this.label ? this.label : <slot></slot>}\n      </label>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"db-switch.entry.esm.js","sources":["src/components/switch/switch.tsx"],"sourcesContent":["import { DBSwitchProps, DBSwitchState } from \"./model\";\nimport {\n  cls,\n  getBoolean,\n  getBooleanAsString,\n  getHideProp,\n  uuid,\n} from \"../../utils\";\nimport { ChangeEvent, InteractionEvent } from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-switch\",\n})\nexport class DBSwitch {\n  private _ref!: HTMLInputElement | any;\n  @Prop() id: DBSwitchProps[\"id\"];\n  @Prop() checked: DBSwitchProps[\"checked\"];\n  @Event() change: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onChange\"]>[number]\n  > | void;\n  @Event() blur: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onBlur\"]>[number]\n  > | void;\n  @Event() focus: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onFocus\"]>[number]\n  > | void;\n  @Prop() visualAid: DBSwitchProps[\"visualAid\"];\n  @Prop() size: DBSwitchProps[\"size\"];\n  @Prop() showLabel: DBSwitchProps[\"showLabel\"];\n  @Prop() emphasis: DBSwitchProps[\"emphasis\"];\n  @Prop({attribute: \"classname\"}) className: DBSwitchProps[\"className\"];\n  @Prop() value: DBSwitchProps[\"value\"];\n  @Prop() disabled: DBSwitchProps[\"disabled\"];\n  @Prop() describedbyid: DBSwitchProps[\"describedbyid\"];\n  @Prop() ariaDescribedBy: DBSwitchProps[\"ariaDescribedBy\"];\n  @Prop() validation: DBSwitchProps[\"validation\"];\n  @Prop() name: DBSwitchProps[\"name\"];\n  @Prop() required: DBSwitchProps[\"required\"];\n  @Prop() icon: DBSwitchProps[\"icon\"];\n  @Prop() iconAfter: DBSwitchProps[\"iconAfter\"];\n  @Prop() label: DBSwitchProps[\"label\"];\n  @State() _id = undefined;\n  @State() _checked = false;\n\n  handleChange(event: ChangeEvent<HTMLInputElement>) {\n    event.stopPropagation();\n    if (this.change) {\n      this.change.emit(event);\n    }\n\n    // We have different ts types in different frameworks, so we need to use any here\n    this._checked = (event.target as any)?.[\"checked\"];\n  }\n  handleBlur(event: InteractionEvent<HTMLInputElement>) {\n    event.stopPropagation();\n    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLInputElement>) {\n    event.stopPropagation();\n    if (this.focus) {\n      this.focus.emit(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLInputElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this.checked !== undefined && this.checked !== null) {\n      this._checked = getBoolean(this.checked);\n    }\n  }\n\n  @Watch(\"checked\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-switch\");\n    this._id = this.id ?? `switch-${uuid()}`;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <label\n        class={cls(\"db-switch\", this.className)}\n        data-visual-aid={getBooleanAsString(this.visualAid)}\n        data-size={this.size}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-emphasis={this.emphasis}\n        htmlFor={this._id}\n      >\n        <input\n          type=\"checkbox\"\n          role=\"switch\"\n          id={this._id}\n          aria-checked={getBooleanAsString(this._checked)}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          checked={getBoolean(this.checked, \"checked\")}\n          value={this.value}\n          disabled={getBoolean(this.disabled, \"disabled\")}\n          aria-describedby={this.describedbyid ?? this.ariaDescribedBy}\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          name={this.name}\n          required={getBoolean(this.required, \"required\")}\n          data-aid-icon={this.icon}\n          data-aid-icon-after={this.iconAfter}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n        />\n        {this.label ? this.label : <slot></slot>}\n      </label>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/db-ux/db-textarea.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"db-textarea.entry.esm.js","sources":["src/components/textarea/textarea.tsx"],"sourcesContent":["import { DBTextareaProps, DBTextareaState } from \"./model\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport {\n  cls,\n  delay,\n  getBoolean,\n  getHideProp,\n  getNumber,\n  hasVoiceOver,\n  stringPropVisible,\n  uuid,\n} from \"../../utils\";\nimport {\n  DEFAULT_INVALID_MESSAGE,\n  DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n  DEFAULT_LABEL,\n  DEFAULT_MESSAGE_ID_SUFFIX,\n  DEFAULT_PLACEHOLDER,\n  DEFAULT_ROWS,\n  DEFAULT_VALID_MESSAGE,\n  DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport { ChangeEvent, InputEvent, InteractionEvent } from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-textarea\",\n})\nexport class DBTextarea {\n  private _ref!: HTMLTextAreaElement | any;\n  @Prop() id: DBTextareaProps[\"id\"];\n  @Prop() invalidMessage: DBTextareaProps[\"invalidMessage\"];\n  @Prop() message: DBTextareaProps[\"message\"];\n  @Prop() showMessage: DBTextareaProps[\"showMessage\"];\n  @Prop() value: DBTextareaProps[\"value\"];\n  @Prop() validMessage: DBTextareaProps[\"validMessage\"];\n  @Prop() validation: DBTextareaProps[\"validation\"];\n  @Prop() required: DBTextareaProps[\"required\"];\n  @Prop() minLength: DBTextareaProps[\"minLength\"];\n  @Prop() maxLength: DBTextareaProps[\"maxLength\"];\n  @Event() input: EventEmitter<\n    Parameters<Required<DBTextareaProps>[\"onInput\"]>[number]\n  > | void;\n  @Event() change: EventEmitter<\n    Parameters<Required<DBTextareaProps>[\"onChange\"]>[number]\n  > | void;\n  @Event() blur: EventEmitter<\n    Parameters<Required<DBTextareaProps>[\"onBlur\"]>[number]\n  > | void;\n  @Event() focus: EventEmitter<\n    Parameters<Required<DBTextareaProps>[\"onFocus\"]>[number]\n  > | void;\n  @Prop({attribute: \"classname\"}) className: DBTextareaProps[\"className\"];\n  @Prop() variant: DBTextareaProps[\"variant\"];\n  @Prop() showLabel: DBTextareaProps[\"showLabel\"];\n  @Prop() label: DBTextareaProps[\"label\"];\n  @Prop() resize: DBTextareaProps[\"resize\"];\n  @Prop() disabled: DBTextareaProps[\"disabled\"];\n  @Prop() readOnly: DBTextareaProps[\"readOnly\"];\n  @Prop() readonly: DBTextareaProps[\"readonly\"];\n  @Prop() form: DBTextareaProps[\"form\"];\n  @Prop() maxlength: DBTextareaProps[\"maxlength\"];\n  @Prop() minlength: DBTextareaProps[\"minlength\"];\n  @Prop() name: DBTextareaProps[\"name\"];\n  @Prop() wrap: DBTextareaProps[\"wrap\"];\n  @Prop() spellCheck: DBTextareaProps[\"spellCheck\"];\n  @Prop() autocomplete: DBTextareaProps[\"autocomplete\"];\n  @Prop() placeholder: DBTextareaProps[\"placeholder\"];\n  @Prop() rows: DBTextareaProps[\"rows\"];\n  @Prop() cols: DBTextareaProps[\"cols\"];\n  @Prop() messageIcon: DBTextareaProps[\"messageIcon\"];\n  @State() _id = undefined;\n  @State() _messageId = undefined;\n  @State() _validMessageId = undefined;\n  @State() _invalidMessageId = undefined;\n  @State() _invalidMessage = undefined;\n  @State() _descByIds = \"\";\n  @State() _value = \"\";\n  @State() _voiceOverFallback = \"\";\n\n  hasValidState() {\n    return !!(this.validMessage ?? this.validation === \"valid\");\n  }\n  handleValidation() {\n    /* For a11y reasons we need to map the correct message with the textarea */\n    if (!this._ref?.validity.valid || this.validation === \"invalid\") {\n      this._descByIds = this._invalidMessageId;\n      this._invalidMessage =\n        this.invalidMessage ||\n        this._ref?.validationMessage ||\n        DEFAULT_INVALID_MESSAGE;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this._invalidMessage;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (\n      this.hasValidState() &&\n      this._ref?.validity.valid &&\n      (this.required || this.minLength || this.maxLength)\n    ) {\n      this._descByIds = this._validMessageId;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (stringPropVisible(this.message, this.showMessage)) {\n      this._descByIds = this._messageId;\n    } else {\n      this._descByIds = \"\";\n    }\n  }\n  handleInput(event: InputEvent<HTMLTextAreaElement>) {\n    event.stopPropagation();\n    if (this.input) {\n      this.input.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleChange(event: ChangeEvent<HTMLTextAreaElement>) {\n    event.stopPropagation();\n    if (this.change) {\n      this.change.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleBlur(event: InteractionEvent<HTMLTextAreaElement> | any) {\n    event.stopPropagation();\n    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLTextAreaElement> | any) {\n    event.stopPropagation();\n    if (this.focus) {\n      this.focus.emit(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLTextAreaElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    this._invalidMessage =\n      this.invalidMessage ||\n      this._ref?.validationMessage ||\n      DEFAULT_INVALID_MESSAGE;\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"invalidMessage\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this._id) {\n      const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n      this._messageId = messageId;\n      this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n      this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n      if (stringPropVisible(this.message, this.showMessage)) {\n        this._descByIds = messageId;\n      }\n    }\n  }\n\n  @Watch(\"_id\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  watch2Fn() {\n    this._value = this.value;\n  }\n\n  @Watch(\"value\")\n  watch2() {\n    this.watch2Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-textarea\");\n    const mId = this.id ?? `textarea-${uuid()}`;\n    this._id = mId;\n    this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;\n    this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n    this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n    this._invalidMessage = this.invalidMessage || DEFAULT_INVALID_MESSAGE;\n    this.watch0Fn();\n    this.watch1Fn();\n    this.watch2Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-textarea\", this.className)}\n        data-variant={this.variant}\n        data-hide-label={getHideProp(this.showLabel)}\n      >\n        <label htmlFor={this._id}>{this.label ?? DEFAULT_LABEL}</label>\n        <textarea\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          id={this._id}\n          data-resize={this.resize}\n          disabled={getBoolean(this.disabled, \"disabled\")}\n          required={getBoolean(this.required, \"required\")}\n          readOnly={\n            getBoolean(this.readOnly, \"readOnly\") ||\n            getBoolean(this.readonly, \"readonly\")\n          }\n          form={this.form}\n          maxLength={getNumber(this.maxLength, this.maxlength)}\n          minLength={getNumber(this.minLength, this.minlength)}\n          name={this.name}\n          wrap={this.wrap}\n          spellcheck={this.spellCheck}\n          autocomplete={this.autocomplete}\n          onInput={(event) => this.handleInput(event)}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n          value={this.value ?? this._value}\n          aria-describedby={this._descByIds}\n          placeholder={this.placeholder ?? DEFAULT_PLACEHOLDER}\n          rows={getNumber(this.rows, DEFAULT_ROWS)}\n          cols={getNumber(this.cols)}\n        ></textarea>\n        {stringPropVisible(this.message, this.showMessage) ? (\n          <db-infotext\n            size=\"small\"\n            icon={this.messageIcon}\n            id={this._messageId}\n          >\n            {this.message}\n          </db-infotext>\n        ) : null}\n        {this.hasValidState() ? (\n          <db-infotext\n            size=\"small\"\n            semantic=\"successful\"\n            id={this._validMessageId}\n          >\n            {this.validMessage || DEFAULT_VALID_MESSAGE}\n          </db-infotext>\n        ) : null}\n        <db-infotext\n          size=\"small\"\n          semantic=\"critical\"\n          id={this._invalidMessageId}\n        >\n          {this._invalidMessage}\n        </db-infotext>\n        <span data-visually-hidden=\"true\" role=\"status\">\n          {this._voiceOverFallback}\n        </span>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"db-textarea.entry.esm.js","sources":["src/components/textarea/textarea.tsx"],"sourcesContent":["import { DBTextareaProps, DBTextareaState } from \"./model\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport {\n  cls,\n  delay,\n  getBoolean,\n  getHideProp,\n  getNumber,\n  hasVoiceOver,\n  stringPropVisible,\n  uuid,\n} from \"../../utils\";\nimport {\n  DEFAULT_INVALID_MESSAGE,\n  DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n  DEFAULT_LABEL,\n  DEFAULT_MESSAGE_ID_SUFFIX,\n  DEFAULT_PLACEHOLDER,\n  DEFAULT_ROWS,\n  DEFAULT_VALID_MESSAGE,\n  DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport { ChangeEvent, InputEvent, InteractionEvent } from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-textarea\",\n})\nexport class DBTextarea {\n  private _ref!: HTMLTextAreaElement | any;\n  @Prop() id: DBTextareaProps[\"id\"];\n  @Prop() invalidMessage: DBTextareaProps[\"invalidMessage\"];\n  @Prop() message: DBTextareaProps[\"message\"];\n  @Prop() showMessage: DBTextareaProps[\"showMessage\"];\n  @Prop() value: DBTextareaProps[\"value\"];\n  @Prop() validMessage: DBTextareaProps[\"validMessage\"];\n  @Prop() validation: DBTextareaProps[\"validation\"];\n  @Prop() required: DBTextareaProps[\"required\"];\n  @Prop() minLength: DBTextareaProps[\"minLength\"];\n  @Prop() maxLength: DBTextareaProps[\"maxLength\"];\n  @Event() input: EventEmitter<\n    Parameters<Required<DBTextareaProps>[\"onInput\"]>[number]\n  > | void;\n  @Event() change: EventEmitter<\n    Parameters<Required<DBTextareaProps>[\"onChange\"]>[number]\n  > | void;\n  @Event() blur: EventEmitter<\n    Parameters<Required<DBTextareaProps>[\"onBlur\"]>[number]\n  > | void;\n  @Event() focus: EventEmitter<\n    Parameters<Required<DBTextareaProps>[\"onFocus\"]>[number]\n  > | void;\n  @Prop({attribute: \"classname\"}) className: DBTextareaProps[\"className\"];\n  @Prop() variant: DBTextareaProps[\"variant\"];\n  @Prop() showLabel: DBTextareaProps[\"showLabel\"];\n  @Prop() label: DBTextareaProps[\"label\"];\n  @Prop() resize: DBTextareaProps[\"resize\"];\n  @Prop() disabled: DBTextareaProps[\"disabled\"];\n  @Prop() readOnly: DBTextareaProps[\"readOnly\"];\n  @Prop() readonly: DBTextareaProps[\"readonly\"];\n  @Prop() form: DBTextareaProps[\"form\"];\n  @Prop() maxlength: DBTextareaProps[\"maxlength\"];\n  @Prop() minlength: DBTextareaProps[\"minlength\"];\n  @Prop() name: DBTextareaProps[\"name\"];\n  @Prop() wrap: DBTextareaProps[\"wrap\"];\n  @Prop() spellCheck: DBTextareaProps[\"spellCheck\"];\n  @Prop() autocomplete: DBTextareaProps[\"autocomplete\"];\n  @Prop() ariaDescribedBy: DBTextareaProps[\"ariaDescribedBy\"];\n  @Prop() placeholder: DBTextareaProps[\"placeholder\"];\n  @Prop() rows: DBTextareaProps[\"rows\"];\n  @Prop() cols: DBTextareaProps[\"cols\"];\n  @Prop() messageIcon: DBTextareaProps[\"messageIcon\"];\n  @State() _id = undefined;\n  @State() _messageId = undefined;\n  @State() _validMessageId = undefined;\n  @State() _invalidMessageId = undefined;\n  @State() _invalidMessage = undefined;\n  @State() _descByIds = \"\";\n  @State() _value = \"\";\n  @State() _voiceOverFallback = \"\";\n\n  hasValidState() {\n    return !!(this.validMessage ?? this.validation === \"valid\");\n  }\n  handleValidation() {\n    /* For a11y reasons we need to map the correct message with the textarea */\n    if (!this._ref?.validity.valid || this.validation === \"invalid\") {\n      this._descByIds = this._invalidMessageId;\n      this._invalidMessage =\n        this.invalidMessage ||\n        this._ref?.validationMessage ||\n        DEFAULT_INVALID_MESSAGE;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this._invalidMessage;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (\n      this.hasValidState() &&\n      this._ref?.validity.valid &&\n      (this.required || this.minLength || this.maxLength)\n    ) {\n      this._descByIds = this._validMessageId;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (stringPropVisible(this.message, this.showMessage)) {\n      this._descByIds = this._messageId;\n    } else {\n      this._descByIds = \"\";\n    }\n  }\n  handleInput(event: InputEvent<HTMLTextAreaElement>) {\n    event.stopPropagation();\n    if (this.input) {\n      this.input.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleChange(event: ChangeEvent<HTMLTextAreaElement>) {\n    event.stopPropagation();\n    if (this.change) {\n      this.change.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleBlur(event: InteractionEvent<HTMLTextAreaElement> | any) {\n    event.stopPropagation();\n    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLTextAreaElement> | any) {\n    event.stopPropagation();\n    if (this.focus) {\n      this.focus.emit(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLTextAreaElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    this._invalidMessage =\n      this.invalidMessage ||\n      this._ref?.validationMessage ||\n      DEFAULT_INVALID_MESSAGE;\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"invalidMessage\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this._id) {\n      const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n      this._messageId = messageId;\n      this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n      this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n      if (stringPropVisible(this.message, this.showMessage)) {\n        this._descByIds = messageId;\n      }\n    }\n  }\n\n  @Watch(\"_id\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  watch2Fn() {\n    this._value = this.value;\n  }\n\n  @Watch(\"value\")\n  watch2() {\n    this.watch2Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-textarea\");\n    const mId = this.id ?? `textarea-${uuid()}`;\n    this._id = mId;\n    this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;\n    this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n    this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n    this._invalidMessage = this.invalidMessage || DEFAULT_INVALID_MESSAGE;\n    this.watch0Fn();\n    this.watch1Fn();\n    this.watch2Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-textarea\", this.className)}\n        data-variant={this.variant}\n        data-hide-label={getHideProp(this.showLabel)}\n      >\n        <label htmlFor={this._id}>{this.label ?? DEFAULT_LABEL}</label>\n        <textarea\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          id={this._id}\n          data-resize={this.resize}\n          disabled={getBoolean(this.disabled, \"disabled\")}\n          required={getBoolean(this.required, \"required\")}\n          readOnly={\n            getBoolean(this.readOnly, \"readOnly\") ||\n            getBoolean(this.readonly, \"readonly\")\n          }\n          form={this.form}\n          maxLength={getNumber(this.maxLength, this.maxlength)}\n          minLength={getNumber(this.minLength, this.minlength)}\n          name={this.name}\n          wrap={this.wrap}\n          spellcheck={this.spellCheck}\n          autocomplete={this.autocomplete}\n          onInput={(event) => this.handleInput(event)}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n          value={this.value ?? this._value}\n          aria-describedby={this.ariaDescribedBy ?? this._descByIds}\n          placeholder={this.placeholder ?? DEFAULT_PLACEHOLDER}\n          rows={getNumber(this.rows, DEFAULT_ROWS)}\n          cols={getNumber(this.cols)}\n        ></textarea>\n        {stringPropVisible(this.message, this.showMessage) ? (\n          <db-infotext\n            size=\"small\"\n            icon={this.messageIcon}\n            id={this._messageId}\n          >\n            {this.message}\n          </db-infotext>\n        ) : null}\n        {this.hasValidState() ? (\n          <db-infotext\n            size=\"small\"\n            semantic=\"successful\"\n            id={this._validMessageId}\n          >\n            {this.validMessage || DEFAULT_VALID_MESSAGE}\n          </db-infotext>\n        ) : null}\n        <db-infotext\n          size=\"small\"\n          semantic=\"critical\"\n          id={this._invalidMessageId}\n        >\n          {this._invalidMessage}\n        </db-infotext>\n        <span data-visually-hidden=\"true\" role=\"status\">\n          {this._voiceOverFallback}\n        </span>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/db-ux/db-ux.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as a}from"./p-bH2PZLSq.js";export{s as setNonce}from"./p-bH2PZLSq.js";import{g as i}from"./p-DQuL1Twl.js";var l=()=>{const a=import.meta.url;const i={};if(a!==""){i.resourcesUrl=new URL(".",a).href}return e(i)};l().then((async e=>{await i();return a(JSON.parse('[["p-b5a8e9c3",[[4,"db-custom-select",{"id":[1],"invalidMessage":[1,"invalid-message"],"message":[1],"showMessage":[8,"show-message"],"showNoResults":[4,"show-no-results"],"multiple":[8],"showSelectAll":[4,"show-select-all"],"showSearch":[4,"show-search"],"values":[16],"validation":[1],"options":[16],"selectedType":[1,"selected-type"],"amountText":[1,"amount-text"],"validMessage":[1,"valid-message"],"required":[8],"selectAllLabel":[1,"select-all-label"],"removeTagsTexts":[16,"remove-tags-texts"],"className":[1,"classname"],"formFieldWidth":[1,"form-field-width"],"variant":[1],"placement":[1],"showLabel":[8,"show-label"],"icon":[1],"showIcon":[8,"show-icon"],"label":[1],"form":[1],"name":[1],"disabled":[8],"open":[4],"dropdownWidth":[1,"dropdown-width"],"searchLabel":[1,"search-label"],"searchPlaceholder":[1,"search-placeholder"],"showLoading":[4,"show-loading"],"ariaListLabel":[1,"aria-list-label"],"noResultsText":[1,"no-results-text"],"loadingText":[1,"loading-text"],"mobileCloseButtonText":[1,"mobile-close-button-text"],"showClearSelection":[4,"show-clear-selection"],"clearSelectionText":[1,"clear-selection-text"],"placeholder":[1],"messageIcon":[1,"message-icon"],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_selectId":[32],"_labelId":[32],"_summaryId":[32],"_placeholderId":[32],"_infoTextId":[32],"_validity":[32],"_descByIds":[32],"_selectedLabels":[32],"_selectedLabelsId":[32],"_voiceOverFallback":[32],"_selectedOptions":[32],"selectAllEnabled":[32],"searchEnabled":[32],"amountOptions":[32],"_values":[32],"_options":[32],"_hasNoOptions":[32],"_documentClickListenerCallbackId":[32],"_internalChangeTimestamp":[32],"selectAllChecked":[32],"selectAllIndeterminate":[32]},null,{"detailsRef":["watch0","watch2"],"_id":["watch1"],"_descByIds":["watch2"],"showNoResults":["watch3"],"_options":["watch3","watch11"],"showSelectAll":["watch4"],"amountOptions":["watch4","watch5","watch9"],"multiple":["watch4"],"showSearch":["watch5"],"values":["watch6"],"_values":["watch7","watch9","watch11"],"validation":["watch8"],"options":["watch10"],"_selectedOptions":["watch12","watch13"],"selectedType":["watch12"],"amountText":["watch12"],"selectAllIndeterminate":["watch14"],"selectAllRef":["watch14"],"selectRef":["watch15"],"invalidMessage":["watch15"]}]]],["p-c151750e",[[4,"db-tabs",{"id":[1],"name":[1],"tabs":[1],"arrowScrollDistance":[8,"arrow-scroll-distance"],"orientation":[1],"behavior":[1],"initialSelectedMode":[1,"initial-selected-mode"],"initialSelectedIndex":[8,"initial-selected-index"],"className":[1,"classname"],"alignment":[1],"width":[1],"_id":[32],"_name":[32],"initialized":[32],"showScrollLeft":[32],"showScrollRight":[32],"scrollContainer":[32]},null,{"_ref":["watch0"],"initialized":["watch0"]}]]],["p-5c2e9373",[[4,"db-header",{"id":[1],"forceMobile":[8,"force-mobile"],"drawerOpen":[8,"drawer-open"],"className":[1,"classname"],"width":[1],"burgerMenuLabel":[1,"burger-menu-label"],"_id":[32],"initialized":[32],"forcedToMobile":[32]},null,{"initialized":["watch0"]}]]],["p-d7ccd983",[[4,"db-accordion",{"id":[1],"name":[1],"behavior":[1],"initOpenIndex":[16,"init-open-index"],"items":[1],"className":[1,"classname"],"variant":[1],"_id":[32],"_name":[32],"initialized":[32],"_initOpenIndexDone":[32]},null,{"initialized":["watch0"],"name":["watch0"],"behavior":["watch0"],"_id":["watch0"],"_ref":["watch1","watch2"],"_name":["watch1"],"_initOpenIndexDone":["watch2"],"initOpenIndex":["watch2"]}]]],["p-44f6404b",[[4,"db-checkbox",{"id":[1],"invalidMessage":[1,"invalid-message"],"message":[1],"showMessage":[8,"show-message"],"indeterminate":[8],"checked":[8],"validMessage":[1,"valid-message"],"validation":[1],"required":[8],"className":[1,"classname"],"size":[1],"showLabel":[8,"show-label"],"name":[1],"disabled":[8],"value":[8],"label":[1],"messageIcon":[1,"message-icon"],"initialized":[32],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_descByIds":[32],"_voiceOverFallback":[32]},null,{"_ref":["watch0","watch2","watch3"],"invalidMessage":["watch0"],"_id":["watch1"],"initialized":["watch2","watch3"],"indeterminate":["watch2"],"checked":["watch3"]}]]],["p-c989b5d8",[[4,"db-navigation-item",{"subNavigationExpanded":[8,"sub-navigation-expanded"],"id":[1],"className":[1,"classname"],"width":[1],"icon":[1],"showIcon":[8,"show-icon"],"active":[4],"wrap":[8],"disabled":[8],"text":[1],"backButtonId":[1,"back-button-id"],"backButtonText":[1,"back-button-text"],"initialized":[32],"hasAreaPopup":[32],"hasSubNavigation":[32],"isSubNavigationExpanded":[32],"autoClose":[32],"subNavigationId":[32],"navigationItemSafeTriangle":[32]},null,{"subNavigationExpanded":["watch0"],"initialized":["watch1"],"_ref":["watch1"]}]]],["p-39d957bb",[[4,"db-notification",{"id":[1],"className":[1,"classname"],"ariaLive":[1,"aria-live"],"semantic":[1],"variant":[1],"icon":[1],"showIcon":[8,"show-icon"],"linkVariant":[1,"link-variant"],"headline":[8],"showHeadline":[8,"show-headline"],"text":[1],"timestamp":[1],"showTimestamp":[8,"show-timestamp"],"closeable":[8],"closeButtonId":[1,"close-button-id"],"closeButtonText":[1,"close-button-text"]}]]],["p-1d40e8cd",[[4,"db-select",{"id":[1],"invalidMessage":[1,"invalid-message"],"message":[1],"showMessage":[8,"show-message"],"value":[8],"validMessage":[1,"valid-message"],"validation":[1],"required":[8],"className":[1,"classname"],"variant":[1],"showLabel":[8,"show-label"],"icon":[1],"showIcon":[8,"show-icon"],"label":[1],"disabled":[8],"name":[1],"size":[2],"autocomplete":[1],"multiple":[4],"options":[16],"placeholder":[1],"messageIcon":[1,"message-icon"],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_placeholderId":[32],"_descByIds":[32],"_value":[32],"initialized":[32],"_voiceOverFallback":[32]},null,{"_ref":["watch0"],"invalidMessage":["watch0"],"_id":["watch1"],"initialized":["watch1"],"value":["watch2"]}]]],["p-a1ee66b3",[[0,"db-textarea",{"id":[1],"invalidMessage":[1,"invalid-message"],"message":[1],"showMessage":[8,"show-message"],"value":[8],"validMessage":[1,"valid-message"],"validation":[1],"required":[8],"minLength":[8,"min-length"],"maxLength":[8,"max-length"],"className":[1,"classname"],"variant":[1],"showLabel":[8,"show-label"],"label":[1],"resize":[1],"disabled":[8],"readOnly":[8,"read-only"],"readonly":[8],"form":[1],"maxlength":[8],"minlength":[8],"name":[1],"wrap":[1],"spellCheck":[4,"spell-check"],"autocomplete":[1],"placeholder":[1],"rows":[8],"cols":[8],"messageIcon":[1,"message-icon"],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_descByIds":[32],"_value":[32],"_voiceOverFallback":[32]},null,{"_ref":["watch0"],"invalidMessage":["watch0"],"_id":["watch1"],"value":["watch2"]}]]],["p-6b6dbd54",[[4,"db-badge",{"placement":[1],"id":[1],"className":[1,"classname"],"semantic":[1],"size":[1],"emphasis":[1],"label":[1],"text":[1],"initialized":[32]},null,{"_ref":["watch0"],"initialized":["watch0"]}]]],["p-8b7d868b",[[4,"db-brand",{"hideLogo":[4,"hide-logo"],"icon":[1],"showIcon":[8,"show-icon"],"id":[1],"className":[1,"classname"],"text":[1]}]]],["p-623a9409",[[4,"db-card",{"id":[1],"className":[1,"classname"],"behavior":[1],"elevationLevel":[1,"elevation-level"],"spacing":[1]}]]],["p-c5909b40",[[4,"db-custom-select-form-field",{"id":[1],"className":[1,"classname"]}]]],["p-52e736c3",[[0,"db-divider",{"id":[1],"margin":[1],"variant":[1],"emphasis":[1],"width":[1],"className":[1,"classname"]}]]],["p-14c44b94",[[4,"db-icon",{"id":[1],"className":[1,"classname"],"icon":[1],"weight":[1],"variant":[1],"text":[1]}]]],["p-33aaf986",[[4,"db-link",{"id":[1],"className":[1,"classname"],"href":[1],"target":[1],"rel":[1],"role":[1],"hreflang":[1],"disabled":[8],"selected":[8],"label":[1],"current":[8],"size":[1],"showIcon":[8,"show-icon"],"variant":[1],"content":[1],"text":[1]}]]],["p-49cc4a11",[[4,"db-navigation",{"id":[1],"labelledBy":[1,"labelled-by"],"className":[1,"classname"],"_id":[32]}]]],["p-63f30576",[[4,"db-page",{"fadeIn":[8,"fade-in"],"documentOverflow":[1,"document-overflow"],"variant":[1],"id":[1],"className":[1,"classname"],"mainClass":[1,"main-class"],"fontsLoaded":[32]}]]],["p-f2ef5e71",[[4,"db-popover",{"id":[1],"className":[1,"classname"],"spacing":[1],"gap":[8],"animation":[8],"open":[8],"delay":[1],"width":[1],"placement":[1],"initialized":[32],"isExpanded":[32]},null,{"_ref":["watch0","watch1"],"initialized":["watch0"],"isExpanded":["watch1"]}]]],["p-50c9112b",[[4,"db-radio",{"id":[1],"checked":[8],"size":[1],"showLabel":[8,"show-label"],"className":[1,"classname"],"validation":[1],"name":[1],"disabled":[8],"describedbyid":[1],"value":[8],"required":[8],"label":[1],"initialized":[32],"_id":[32]},null,{"initialized":["watch0"],"_ref":["watch0"],"checked":["watch0"]}]]],["p-5c4d25b8",[[4,"db-section",{"id":[1],"className":[1,"classname"],"spacing":[1],"width":[1],"_id":[32]}]]],["p-01112955",[[4,"db-stack",{"id":[1],"className":[1,"classname"],"gap":[1],"variant":[1],"direction":[1],"alignment":[1],"justifyContent":[1,"justify-content"],"wrap":[8]}]]],["p-049844c6",[[4,"db-switch",{"id":[1],"checked":[8],"visualAid":[8,"visual-aid"],"size":[1],"showLabel":[8,"show-label"],"emphasis":[1],"className":[1,"classname"],"value":[8],"disabled":[8],"describedbyid":[1],"validation":[1],"name":[1],"required":[8],"icon":[1],"iconAfter":[1,"icon-after"],"label":[1],"_id":[32],"_checked":[32]},null,{"checked":["watch0"]}]]],["p-b3148401",[[4,"db-drawer",{"open":[8],"backdrop":[1],"variant":[1],"id":[1],"className":[1,"classname"],"spacing":[1],"width":[1],"direction":[1],"rounded":[8],"closeButtonId":[1,"close-button-id"],"closeButtonText":[1,"close-button-text"]},null,{"open":["watch0"]}]]],["p-4400f077",[[4,"db-accordion-item",{"id":[1],"defaultOpen":[4,"default-open"],"name":[1],"className":[1,"classname"],"disabled":[8],"headlinePlain":[1,"headline-plain"],"text":[1],"_id":[32],"_open":[32],"_name":[32],"initialized":[32]},null,{"_ref":["watch0"],"initialized":["watch0"],"name":["watch1"]}]]],["p-55b02c80",[[4,"db-tab-item",{"active":[8],"name":[1],"className":[1,"classname"],"id":[1],"icon":[1],"iconAfter":[1,"icon-after"],"showIcon":[8,"show-icon"],"noText":[8,"no-text"],"disabled":[8],"controls":[1],"checked":[8],"label":[1],"_selected":[32],"_name":[32],"initialized":[32]},null,{"_ref":["watch0"],"initialized":["watch0"],"name":["watch1"]}],[4,"db-tab-list",{"id":[1],"className":[1,"classname"],"_id":[32]}],[4,"db-tab-panel",{"className":[1,"classname"],"id":[1],"labelledBy":[1,"labelled-by"],"content":[1]}]]],["p-b4bc8f26",[[4,"db-infotext",{"id":[1],"className":[1,"classname"],"icon":[1],"semantic":[1],"size":[1],"showIcon":[8,"show-icon"],"text":[1]}]]],["p-d9ff0c75",[[4,"db-input",{"id":[1],"invalidMessage":[1,"invalid-message"],"dataListId":[1,"data-list-id"],"message":[1],"showMessage":[8,"show-message"],"value":[8],"validMessage":[1,"valid-message"],"validation":[1],"required":[8],"minLength":[8,"min-length"],"maxLength":[8,"max-length"],"pattern":[1],"dataList":[16,"data-list"],"className":[1,"classname"],"variant":[1],"showLabel":[8,"show-label"],"showIcon":[8,"show-icon"],"icon":[1],"iconAfter":[1,"icon-after"],"label":[1],"name":[1],"type":[1],"placeholder":[1],"disabled":[8],"step":[8],"maxlength":[8],"minlength":[8],"max":[8],"min":[8],"readOnly":[8,"read-only"],"readonly":[8],"form":[1],"size":[2],"autocomplete":[1],"autofocus":[8],"ariaDescribedBy":[1,"aria-described-by"],"messageIcon":[1,"message-icon"],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_dataListId":[32],"_descByIds":[32],"_value":[32],"_voiceOverFallback":[32]},null,{"_ref":["watch0"],"invalidMessage":["watch0"],"_id":["watch1"],"value":["watch2"]}],[4,"db-custom-select-dropdown",{"id":[1],"className":[1,"classname"],"width":[1]}],[4,"db-custom-select-list",{"multiple":[4],"label":[1],"id":[1],"className":[1,"classname"]}],[4,"db-custom-select-list-item",{"id":[1],"isGroupTitle":[4,"is-group-title"],"showDivider":[4,"show-divider"],"type":[1],"checked":[8],"className":[1,"classname"],"groupTitle":[1,"group-title"],"icon":[1],"showIcon":[8,"show-icon"],"name":[1],"disabled":[8],"value":[8],"label":[1],"_id":[32],"hasDivider":[32]},null,{"isGroupTitle":["watch0"],"showDivider":["watch0"]}],[4,"db-tag",{"disabled":[8],"removeButton":[1,"remove-button"],"id":[1],"className":[1,"classname"],"semantic":[1],"emphasis":[1],"icon":[1],"showCheckState":[8,"show-check-state"],"showIcon":[8,"show-icon"],"noText":[8,"no-text"],"overflow":[8],"text":[1],"behavior":[1],"initialized":[32]},null,{"initialized":["watch0"],"disabled":["watch0"],"_ref":["watch0"]}],[4,"db-tooltip",{"id":[1],"className":[1,"classname"],"emphasis":[1],"animation":[8],"delay":[1],"width":[1],"showArrow":[8,"show-arrow"],"placement":[1],"_id":[32],"initialized":[32]},null,{"_ref":["watch0"],"initialized":["watch0"]}]]],["p-61410d87",[[4,"db-button",{"id":[1],"className":[1,"classname"],"type":[1],"disabled":[8],"label":[1],"icon":[1],"showIcon":[8,"show-icon"],"size":[1],"state":[1],"width":[1],"variant":[1],"noText":[8,"no-text"],"name":[1],"form":[1],"value":[1],"describedbyid":[1],"ariaexpanded":[4],"ariapressed":[4],"text":[1]}]]]]'),e)}));
+import{p as e,b as a}from"./p-bH2PZLSq.js";export{s as setNonce}from"./p-bH2PZLSq.js";import{g as i}from"./p-DQuL1Twl.js";var l=()=>{const a=import.meta.url;const i={};if(a!==""){i.resourcesUrl=new URL(".",a).href}return e(i)};l().then((async e=>{await i();return a(JSON.parse('[["p-02f8816d",[[4,"db-custom-select",{"id":[1],"invalidMessage":[1,"invalid-message"],"message":[1],"showMessage":[8,"show-message"],"ariaDescribedBy":[1,"aria-described-by"],"showNoResults":[4,"show-no-results"],"multiple":[8],"showSelectAll":[4,"show-select-all"],"showSearch":[4,"show-search"],"values":[16],"validation":[1],"options":[16],"selectedType":[1,"selected-type"],"amountText":[1,"amount-text"],"validMessage":[1,"valid-message"],"required":[8],"selectAllLabel":[1,"select-all-label"],"removeTagsTexts":[16,"remove-tags-texts"],"className":[1,"classname"],"formFieldWidth":[1,"form-field-width"],"variant":[1],"placement":[1],"showLabel":[8,"show-label"],"icon":[1],"showIcon":[8,"show-icon"],"label":[1],"form":[1],"name":[1],"disabled":[8],"open":[4],"dropdownWidth":[1,"dropdown-width"],"searchLabel":[1,"search-label"],"searchPlaceholder":[1,"search-placeholder"],"showLoading":[4,"show-loading"],"ariaListLabel":[1,"aria-list-label"],"noResultsText":[1,"no-results-text"],"loadingText":[1,"loading-text"],"mobileCloseButtonText":[1,"mobile-close-button-text"],"showClearSelection":[4,"show-clear-selection"],"clearSelectionText":[1,"clear-selection-text"],"placeholder":[1],"messageIcon":[1,"message-icon"],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_selectId":[32],"_labelId":[32],"_summaryId":[32],"_placeholderId":[32],"_infoTextId":[32],"_validity":[32],"_descByIds":[32],"_selectedLabels":[32],"_selectedLabelsId":[32],"_voiceOverFallback":[32],"_selectedOptions":[32],"selectAllEnabled":[32],"searchEnabled":[32],"amountOptions":[32],"_values":[32],"_options":[32],"_hasNoOptions":[32],"_documentClickListenerCallbackId":[32],"_internalChangeTimestamp":[32],"selectAllChecked":[32],"selectAllIndeterminate":[32]},null,{"detailsRef":["watch0","watch2"],"_id":["watch1"],"_descByIds":["watch2"],"showNoResults":["watch3"],"_options":["watch3"],"showSelectAll":["watch4"],"amountOptions":["watch4","watch5","watch9"],"multiple":["watch4"],"showSearch":["watch5"],"values":["watch6"],"_values":["watch7","watch9","watch11"],"validation":["watch8"],"options":["watch10","watch11"],"_selectedOptions":["watch12","watch13"],"selectedType":["watch12"],"amountText":["watch12"],"selectAllIndeterminate":["watch14"],"selectAllRef":["watch14"],"selectRef":["watch15"],"invalidMessage":["watch15"]}]]],["p-c151750e",[[4,"db-tabs",{"id":[1],"name":[1],"tabs":[1],"arrowScrollDistance":[8,"arrow-scroll-distance"],"orientation":[1],"behavior":[1],"initialSelectedMode":[1,"initial-selected-mode"],"initialSelectedIndex":[8,"initial-selected-index"],"className":[1,"classname"],"alignment":[1],"width":[1],"_id":[32],"_name":[32],"initialized":[32],"showScrollLeft":[32],"showScrollRight":[32],"scrollContainer":[32]},null,{"_ref":["watch0"],"initialized":["watch0"]}]]],["p-5c2e9373",[[4,"db-header",{"id":[1],"forceMobile":[8,"force-mobile"],"drawerOpen":[8,"drawer-open"],"className":[1,"classname"],"width":[1],"burgerMenuLabel":[1,"burger-menu-label"],"_id":[32],"initialized":[32],"forcedToMobile":[32]},null,{"initialized":["watch0"]}]]],["p-d7ccd983",[[4,"db-accordion",{"id":[1],"name":[1],"behavior":[1],"initOpenIndex":[16,"init-open-index"],"items":[1],"className":[1,"classname"],"variant":[1],"_id":[32],"_name":[32],"initialized":[32],"_initOpenIndexDone":[32]},null,{"initialized":["watch0"],"name":["watch0"],"behavior":["watch0"],"_id":["watch0"],"_ref":["watch1","watch2"],"_name":["watch1"],"_initOpenIndexDone":["watch2"],"initOpenIndex":["watch2"]}]]],["p-3af37d5a",[[4,"db-checkbox",{"id":[1],"invalidMessage":[1,"invalid-message"],"message":[1],"showMessage":[8,"show-message"],"indeterminate":[8],"checked":[8],"validMessage":[1,"valid-message"],"validation":[1],"required":[8],"className":[1,"classname"],"size":[1],"showLabel":[8,"show-label"],"name":[1],"disabled":[8],"value":[8],"ariaDescribedBy":[1,"aria-described-by"],"label":[1],"messageIcon":[1,"message-icon"],"initialized":[32],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_descByIds":[32],"_voiceOverFallback":[32]},null,{"_ref":["watch0","watch2","watch3"],"invalidMessage":["watch0"],"_id":["watch1"],"initialized":["watch2","watch3"],"indeterminate":["watch2"],"checked":["watch3"]}]]],["p-9d64dc74",[[4,"db-navigation-item",{"subNavigationExpanded":[8,"sub-navigation-expanded"],"id":[1],"className":[1,"classname"],"width":[1],"icon":[1],"showIcon":[8,"show-icon"],"active":[4],"wrap":[8],"disabled":[8],"text":[1],"backButtonId":[1,"back-button-id"],"backButtonText":[1,"back-button-text"],"initialized":[32],"hasAreaPopup":[32],"hasSubNavigation":[32],"isSubNavigationExpanded":[32],"autoClose":[32],"subNavigationId":[32],"navigationItemSafeTriangle":[32]},null,{"subNavigationExpanded":["watch0"],"initialized":["watch1"],"_ref":["watch1"]}]]],["p-39d957bb",[[4,"db-notification",{"id":[1],"className":[1,"classname"],"ariaLive":[1,"aria-live"],"semantic":[1],"variant":[1],"icon":[1],"showIcon":[8,"show-icon"],"linkVariant":[1,"link-variant"],"headline":[8],"showHeadline":[8,"show-headline"],"text":[1],"timestamp":[1],"showTimestamp":[8,"show-timestamp"],"closeable":[8],"closeButtonId":[1,"close-button-id"],"closeButtonText":[1,"close-button-text"]}]]],["p-e33ddddb",[[4,"db-select",{"id":[1],"invalidMessage":[1,"invalid-message"],"message":[1],"showMessage":[8,"show-message"],"value":[8],"validMessage":[1,"valid-message"],"validation":[1],"required":[8],"className":[1,"classname"],"variant":[1],"showLabel":[8,"show-label"],"icon":[1],"showIcon":[8,"show-icon"],"label":[1],"disabled":[8],"name":[1],"size":[2],"autocomplete":[1],"multiple":[4],"ariaDescribedBy":[1,"aria-described-by"],"options":[16],"placeholder":[1],"messageIcon":[1,"message-icon"],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_placeholderId":[32],"_descByIds":[32],"_value":[32],"initialized":[32],"_voiceOverFallback":[32]},null,{"_ref":["watch0"],"invalidMessage":["watch0"],"_id":["watch1"],"initialized":["watch1"],"value":["watch2"]}]]],["p-94471c06",[[0,"db-textarea",{"id":[1],"invalidMessage":[1,"invalid-message"],"message":[1],"showMessage":[8,"show-message"],"value":[8],"validMessage":[1,"valid-message"],"validation":[1],"required":[8],"minLength":[8,"min-length"],"maxLength":[8,"max-length"],"className":[1,"classname"],"variant":[1],"showLabel":[8,"show-label"],"label":[1],"resize":[1],"disabled":[8],"readOnly":[8,"read-only"],"readonly":[8],"form":[1],"maxlength":[8],"minlength":[8],"name":[1],"wrap":[1],"spellCheck":[4,"spell-check"],"autocomplete":[1],"ariaDescribedBy":[1,"aria-described-by"],"placeholder":[1],"rows":[8],"cols":[8],"messageIcon":[1,"message-icon"],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_descByIds":[32],"_value":[32],"_voiceOverFallback":[32]},null,{"_ref":["watch0"],"invalidMessage":["watch0"],"_id":["watch1"],"value":["watch2"]}]]],["p-6b6dbd54",[[4,"db-badge",{"placement":[1],"id":[1],"className":[1,"classname"],"semantic":[1],"size":[1],"emphasis":[1],"label":[1],"text":[1],"initialized":[32]},null,{"_ref":["watch0"],"initialized":["watch0"]}]]],["p-8b7d868b",[[4,"db-brand",{"hideLogo":[4,"hide-logo"],"icon":[1],"showIcon":[8,"show-icon"],"id":[1],"className":[1,"classname"],"text":[1]}]]],["p-e2d6197f",[[4,"db-card",{"id":[1],"className":[1,"classname"],"behavior":[1],"elevationLevel":[1,"elevation-level"],"spacing":[1]}]]],["p-c5909b40",[[4,"db-custom-select-form-field",{"id":[1],"className":[1,"classname"]}]]],["p-52e736c3",[[0,"db-divider",{"id":[1],"margin":[1],"variant":[1],"emphasis":[1],"width":[1],"className":[1,"classname"]}]]],["p-14c44b94",[[4,"db-icon",{"id":[1],"className":[1,"classname"],"icon":[1],"weight":[1],"variant":[1],"text":[1]}]]],["p-3a2fd85e",[[4,"db-link",{"id":[1],"className":[1,"classname"],"href":[1],"target":[1],"rel":[1],"role":[1],"hreflang":[1],"disabled":[8],"selected":[8],"label":[1],"current":[8],"size":[1],"showIcon":[8,"show-icon"],"variant":[1],"content":[1],"text":[1]}]]],["p-49cc4a11",[[4,"db-navigation",{"id":[1],"labelledBy":[1,"labelled-by"],"className":[1,"classname"],"_id":[32]}]]],["p-63f30576",[[4,"db-page",{"fadeIn":[8,"fade-in"],"documentOverflow":[1,"document-overflow"],"variant":[1],"id":[1],"className":[1,"classname"],"mainClass":[1,"main-class"],"fontsLoaded":[32]}]]],["p-f2ef5e71",[[4,"db-popover",{"id":[1],"className":[1,"classname"],"spacing":[1],"gap":[8],"animation":[8],"open":[8],"delay":[1],"width":[1],"placement":[1],"initialized":[32],"isExpanded":[32]},null,{"_ref":["watch0","watch1"],"initialized":["watch0"],"isExpanded":["watch1"]}]]],["p-c44f46be",[[4,"db-radio",{"id":[1],"checked":[8],"size":[1],"showLabel":[8,"show-label"],"className":[1,"classname"],"validation":[1],"name":[1],"disabled":[8],"describedbyid":[1],"ariaDescribedBy":[1,"aria-described-by"],"value":[8],"required":[8],"label":[1],"initialized":[32],"_id":[32]},null,{"initialized":["watch0"],"_ref":["watch0"],"checked":["watch0"]}]]],["p-5c4d25b8",[[4,"db-section",{"id":[1],"className":[1,"classname"],"spacing":[1],"width":[1],"_id":[32]}]]],["p-01112955",[[4,"db-stack",{"id":[1],"className":[1,"classname"],"gap":[1],"variant":[1],"direction":[1],"alignment":[1],"justifyContent":[1,"justify-content"],"wrap":[8]}]]],["p-55913451",[[4,"db-switch",{"id":[1],"checked":[8],"visualAid":[8,"visual-aid"],"size":[1],"showLabel":[8,"show-label"],"emphasis":[1],"className":[1,"classname"],"value":[8],"disabled":[8],"describedbyid":[1],"ariaDescribedBy":[1,"aria-described-by"],"validation":[1],"name":[1],"required":[8],"icon":[1],"iconAfter":[1,"icon-after"],"label":[1],"_id":[32],"_checked":[32]},null,{"checked":["watch0"]}]]],["p-b3148401",[[4,"db-drawer",{"open":[8],"backdrop":[1],"variant":[1],"id":[1],"className":[1,"classname"],"spacing":[1],"width":[1],"direction":[1],"rounded":[8],"closeButtonId":[1,"close-button-id"],"closeButtonText":[1,"close-button-text"]},null,{"open":["watch0"]}]]],["p-4400f077",[[4,"db-accordion-item",{"id":[1],"defaultOpen":[4,"default-open"],"name":[1],"className":[1,"classname"],"disabled":[8],"headlinePlain":[1,"headline-plain"],"text":[1],"_id":[32],"_open":[32],"_name":[32],"initialized":[32]},null,{"_ref":["watch0"],"initialized":["watch0"],"name":["watch1"]}]]],["p-55b02c80",[[4,"db-tab-item",{"active":[8],"name":[1],"className":[1,"classname"],"id":[1],"icon":[1],"iconAfter":[1,"icon-after"],"showIcon":[8,"show-icon"],"noText":[8,"no-text"],"disabled":[8],"controls":[1],"checked":[8],"label":[1],"_selected":[32],"_name":[32],"initialized":[32]},null,{"_ref":["watch0"],"initialized":["watch0"],"name":["watch1"]}],[4,"db-tab-list",{"id":[1],"className":[1,"classname"],"_id":[32]}],[4,"db-tab-panel",{"className":[1,"classname"],"id":[1],"labelledBy":[1,"labelled-by"],"content":[1]}]]],["p-b4bc8f26",[[4,"db-infotext",{"id":[1],"className":[1,"classname"],"icon":[1],"semantic":[1],"size":[1],"showIcon":[8,"show-icon"],"text":[1]}]]],["p-d9ff0c75",[[4,"db-input",{"id":[1],"invalidMessage":[1,"invalid-message"],"dataListId":[1,"data-list-id"],"message":[1],"showMessage":[8,"show-message"],"value":[8],"validMessage":[1,"valid-message"],"validation":[1],"required":[8],"minLength":[8,"min-length"],"maxLength":[8,"max-length"],"pattern":[1],"dataList":[16,"data-list"],"className":[1,"classname"],"variant":[1],"showLabel":[8,"show-label"],"showIcon":[8,"show-icon"],"icon":[1],"iconAfter":[1,"icon-after"],"label":[1],"name":[1],"type":[1],"placeholder":[1],"disabled":[8],"step":[8],"maxlength":[8],"minlength":[8],"max":[8],"min":[8],"readOnly":[8,"read-only"],"readonly":[8],"form":[1],"size":[2],"autocomplete":[1],"autofocus":[8],"ariaDescribedBy":[1,"aria-described-by"],"messageIcon":[1,"message-icon"],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_dataListId":[32],"_descByIds":[32],"_value":[32],"_voiceOverFallback":[32]},null,{"_ref":["watch0"],"invalidMessage":["watch0"],"_id":["watch1"],"value":["watch2"]}],[4,"db-custom-select-dropdown",{"id":[1],"className":[1,"classname"],"width":[1]}],[4,"db-custom-select-list",{"multiple":[4],"label":[1],"id":[1],"className":[1,"classname"]}],[4,"db-custom-select-list-item",{"id":[1],"isGroupTitle":[4,"is-group-title"],"showDivider":[4,"show-divider"],"type":[1],"checked":[8],"className":[1,"classname"],"groupTitle":[1,"group-title"],"icon":[1],"showIcon":[8,"show-icon"],"name":[1],"disabled":[8],"value":[8],"label":[1],"_id":[32],"hasDivider":[32]},null,{"isGroupTitle":["watch0"],"showDivider":["watch0"]}],[4,"db-tag",{"disabled":[8],"removeButton":[1,"remove-button"],"id":[1],"className":[1,"classname"],"semantic":[1],"emphasis":[1],"icon":[1],"showCheckState":[8,"show-check-state"],"showIcon":[8,"show-icon"],"noText":[8,"no-text"],"overflow":[8],"text":[1],"behavior":[1],"initialized":[32]},null,{"initialized":["watch0"],"disabled":["watch0"],"_ref":["watch0"]}],[4,"db-tooltip",{"id":[1],"className":[1,"classname"],"emphasis":[1],"animation":[8],"delay":[1],"width":[1],"showArrow":[8,"show-arrow"],"placement":[1],"_id":[32],"initialized":[32]},null,{"_ref":["watch0"],"initialized":["watch0"]}]]],["p-eef5de38",[[4,"db-button",{"id":[1],"className":[1,"classname"],"type":[1],"disabled":[8],"label":[1],"icon":[1],"showIcon":[8,"show-icon"],"size":[1],"state":[1],"width":[1],"variant":[1],"noText":[8,"no-text"],"name":[1],"form":[1],"value":[1],"describedbyid":[1],"ariaexpanded":[4],"ariapressed":[4],"text":[1]}]]]]'),e)}));
 //# sourceMappingURL=db-ux.esm.js.map

package/dist/db-ux/index.esm.js

@@ -1,2 +1,2 @@
-import"./p-bH2PZLSq.js";export{x as COLOR,y as COLORS,z as COLORS_SIMPLE,C as COLOR_CONST,w as COLOR_SIMPLE,n as DEFAULT_BACK,p as DEFAULT_BURGER_MENU,s as DEFAULT_CLOSE_BUTTON,j as DEFAULT_DATALIST_ID_SUFFIX,q as DEFAULT_ICON,D as DEFAULT_ID,l as DEFAULT_INVALID_MESSAGE,h as DEFAULT_INVALID_MESSAGE_ID_SUFFIX,a as DEFAULT_LABEL,d as DEFAULT_LABEL_ID_SUFFIX,c as DEFAULT_MESSAGE,f as DEFAULT_MESSAGE_ID_SUFFIX,b as DEFAULT_PLACEHOLDER,i as DEFAULT_PLACEHOLDER_ID_SUFFIX,m as DEFAULT_REMOVE,r as DEFAULT_ROWS,o as DEFAULT_SELECTED,e as DEFAULT_SELECT_ID_SUFFIX,k as DEFAULT_VALID_MESSAGE,g as DEFAULT_VALID_MESSAGE_ID_SUFFIX,B as DEFAULT_VIEWPORT,v as DENSITIES,u as DENSITY,t as DENSITY_CONST,E as DESKTOP_VIEWPORT,S as SEMANTIC,A as SEMANTICS,T as TESTING_VIEWPORTS}from"./p-DC9V_oNU.js";export{a as addAttributeToChildren,c as cls,f as delay,j as getBoolean,g as getBooleanAsString,m as getHideProp,l as getInputValue,k as getNumber,n as getSearchInput,h as handleDataOutside,e as hasVoiceOver,d as isArrayOfStrings,i as isInView,s as stringPropVisible,u as uuid,v as visibleInVX,b as visibleInVY}from"./p-pglUTSkG.js";export{N as NavigationItemSafeTriangle,i as isEventTargetNavigationItem}from"./p-6wgV8aKO.js";import"./p-DszXleuv.js";const _=["adaptive","neutral","critical","informational","warning","successful"];const L=["medium","small","large","none"];const I=["medium","small","large","none"];const F=["left","right","left-start","left-end","right-start","right-end"];const U=["top","bottom","top-start","top-end","bottom-start","bottom-end"];const O=[...F,...U];const V=["none","3x-large","2x-large","x-large","large","medium","small","x-small","2x-small","3x-small"];const R=["horizontal","vertical"];const M=["full","auto"];const P=["full","medium","large","small"];const G=["none","slow","fast"];const X=["auto","fixed"];const H=["small","medium"];const W=["weak","strong"];const K=["invalid","valid","no-validation"];const Y=["above","floating"];const Z=["off","on","name","honorific-prefix","given-name","additional-name","family-name","honorific-suffix","nickname","email","username","new-password","current-password","one-time-code","organization-title","organization","street-address","shipping","billing","address-line1","address-line2","address-line3","address-level4","address-level3","address-level2","address-level1","country","country-name","postal-code","cc-name","cc-given-name","cc-additional-name","cc-family-name","cc-number","cc-exp","cc-exp-month","cc-exp-year","cc-csc","cc-type","transaction-currency","transaction-amount","language","bday","bday-day","bday-month","bday-year","sex","tel","tel-country-code","tel-national","tel-area-code","tel-local","tel-extension","impp","url","photo","webauthn"];const J=["time","true","false","date","page","step","location"];const Q=["_self","_blank","_parent","_top"];const $=["no-referrer","no-referrer-when-downgrade","origin","origin-when-cross-origin","same-origin","strict-origin","strict-origin-when-cross-origin","unsafe-url"];const aa=["start","center"];export{aa as AlignmentList,Z as AutoCompleteList,W as EmphasisList,V as GapSpacingList,Y as LabelVariantList,J as LinkCurrentList,$ as LinkReferrerPolicyList,Q as LinkTargetList,I as MarginList,P as MaxWidthList,R as OrientationList,F as PlacementHorizontalList,O as PlacementList,U as PlacementVerticalList,G as PopoverDelayList,X as PopoverWidthList,_ as SemanticList,H as SizeList,L as SpacingList,K as ValidationList,M as WidthList};
+import"./p-bH2PZLSq.js";export{x as COLOR,y as COLORS,z as COLORS_SIMPLE,C as COLOR_CONST,w as COLOR_SIMPLE,n as DEFAULT_BACK,p as DEFAULT_BURGER_MENU,s as DEFAULT_CLOSE_BUTTON,j as DEFAULT_DATALIST_ID_SUFFIX,q as DEFAULT_ICON,D as DEFAULT_ID,l as DEFAULT_INVALID_MESSAGE,h as DEFAULT_INVALID_MESSAGE_ID_SUFFIX,a as DEFAULT_LABEL,d as DEFAULT_LABEL_ID_SUFFIX,c as DEFAULT_MESSAGE,f as DEFAULT_MESSAGE_ID_SUFFIX,b as DEFAULT_PLACEHOLDER,i as DEFAULT_PLACEHOLDER_ID_SUFFIX,m as DEFAULT_REMOVE,r as DEFAULT_ROWS,o as DEFAULT_SELECTED,e as DEFAULT_SELECT_ID_SUFFIX,k as DEFAULT_VALID_MESSAGE,g as DEFAULT_VALID_MESSAGE_ID_SUFFIX,B as DEFAULT_VIEWPORT,v as DENSITIES,u as DENSITY,t as DENSITY_CONST,E as DESKTOP_VIEWPORT,S as SEMANTIC,A as SEMANTICS,T as TESTING_VIEWPORTS}from"./p-DC9V_oNU.js";export{a as addAttributeToChildren,c as cls,f as delay,j as getBoolean,g as getBooleanAsString,m as getHideProp,l as getInputValue,k as getNumber,n as getSearchInput,h as handleDataOutside,e as hasVoiceOver,d as isArrayOfStrings,i as isInView,s as stringPropVisible,u as uuid,v as visibleInVX,b as visibleInVY}from"./p-pglUTSkG.js";export{N as NavigationItemSafeTriangle,i as isEventTargetNavigationItem}from"./p-6wgV8aKO.js";import"./p-YMQoOWgh.js";const _=["adaptive","neutral","critical","informational","warning","successful"];const L=["medium","small","large","none"];const I=["medium","small","large","none"];const F=["left","right","left-start","left-end","right-start","right-end"];const U=["top","bottom","top-start","top-end","bottom-start","bottom-end"];const O=[...F,...U];const V=["none","3x-large","2x-large","x-large","large","medium","small","x-small","2x-small","3x-small"];const R=["horizontal","vertical"];const M=["full","auto"];const P=["full","medium","large","small"];const G=["none","slow","fast"];const X=["auto","fixed"];const W=["small","medium"];const H=["weak","strong"];const Y=["invalid","valid","no-validation"];const K=["above","floating"];const Q=["off","on","name","honorific-prefix","given-name","additional-name","family-name","honorific-suffix","nickname","email","username","new-password","current-password","one-time-code","organization-title","organization","street-address","shipping","billing","address-line1","address-line2","address-line3","address-level4","address-level3","address-level2","address-level1","country","country-name","postal-code","cc-name","cc-given-name","cc-additional-name","cc-family-name","cc-number","cc-exp","cc-exp-month","cc-exp-year","cc-csc","cc-type","transaction-currency","transaction-amount","language","bday","bday-day","bday-month","bday-year","sex","tel","tel-country-code","tel-national","tel-area-code","tel-local","tel-extension","impp","url","photo","webauthn"];const Z=["time","true","false","date","page","step","location"];const J=["_self","_blank","_parent","_top"];const $=["no-referrer","no-referrer-when-downgrade","origin","origin-when-cross-origin","same-origin","strict-origin","strict-origin-when-cross-origin","unsafe-url"];const aa=["start","center"];export{aa as AlignmentList,Q as AutoCompleteList,H as EmphasisList,V as GapSpacingList,K as LabelVariantList,Z as LinkCurrentList,$ as LinkReferrerPolicyList,J as LinkTargetList,I as MarginList,P as MaxWidthList,R as OrientationList,F as PlacementHorizontalList,O as PlacementList,U as PlacementVerticalList,G as PopoverDelayList,X as PopoverWidthList,_ as SemanticList,W as SizeList,L as SpacingList,Y as ValidationList,M as WidthList};
 //# sourceMappingURL=index.esm.js.map

package/dist/db-ux/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["src/shared/model.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { IconTypes } from '@db-ux/core-foundations';\nexport type GlobalProps = {\n  /**\n   * default slot\n   */\n\n  children?: any;\n\n  /**\n   * React specific for adding className to the component.\n   */\n  className?: string;\n\n  /**\n   * Workaround for TypeScript using class for all components.\n   */\n  class?: string | any;\n\n  /**\n   * [`aria-describedby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) is used to link to the elements that describe the element with the set attribute.\n   */\n  describedbyid?: string;\n\n  /**\n   * [ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.\n   */\n  id?: string;\n\n  /**\n   * Before using please check for the [accessibility concerns](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus#accessibility_concerns)\n   */\n  autofocus?: boolean | string;\n};\nexport type GlobalState = {\n  _id?: string;\n};\nexport const SemanticList = ['adaptive', 'neutral', 'critical', 'informational', 'warning', 'successful'] as const;\nexport type SemanticType = (typeof SemanticList)[number];\nexport type SemanticProps = {\n  /**\n   * The semantic defines the default variants for most components.\n   */\n  semantic?: SemanticType;\n};\nexport type IconProps = {\n  /**\n   * Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.\n   */\n  icon?: IconTypes;\n};\nexport type ShowIconProps = {\n  /**\n   * Enables or disables the visibility of the icon. The default value depends on the component.\n   * For many components this property is optional to reflect Figma properties.\n   */\n  showIcon?: boolean | string;\n};\nexport type IconAfterProps = {\n  /**\n   * Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.\n   */\n  iconAfter?: IconTypes;\n};\nexport const SpacingList = ['medium', 'small', 'large', 'none'] as const;\nexport type SpacingType = (typeof SpacingList)[number];\nexport type SpacingProps = {\n  /**\n   * The spacing attribute changes the padding of the component.\n   */\n  spacing?: SpacingType | string;\n};\nexport const MarginList = ['medium', 'small', 'large', 'none'] as const;\nexport type MarginType = (typeof MarginList)[number];\nexport type MarginProps = {\n  /**\n   * The margin attribute changes the margin of the component.\n   */\n  margin?: MarginType;\n};\nexport const PlacementHorizontalList = ['left', 'right', 'left-start', 'left-end', 'right-start', 'right-end'] as const;\nexport type PlacementHorizontalType = (typeof PlacementHorizontalList)[number];\nexport const PlacementVerticalList = ['top', 'bottom', 'top-start', 'top-end', 'bottom-start', 'bottom-end'] as const;\nexport type PlacementVerticalType = (typeof PlacementVerticalList)[number];\nexport const PlacementList = [...PlacementHorizontalList, ...PlacementVerticalList] as const;\nexport type PlacementType = (typeof PlacementList)[number];\nexport type PlacementProps = {\n  /**\n   * The `placement` attributes values change the position to absolute and adds a transform based on the placement.\n   */\n  placement?: PlacementType;\n};\nexport type NavigationBehaviorState = {\n  handleNavigationItemClick: (event: unknown) => void;\n};\nexport type GapProps = {\n  /**\n   * If the absolute element should have a gap between the parent element.\n   */\n  gap?: boolean | string;\n};\nexport const GapSpacingList = ['none', '3x-large', '2x-large', 'x-large', 'large', 'medium', 'small', 'x-small', '2x-small', '3x-small'] as const;\nexport type GapSpacingType = (typeof GapSpacingList)[number];\nexport type GapSpacingProps = {\n  /**\n   * Set the gap/spacing between elements\n   */\n  gap?: GapSpacingType;\n};\nexport type OverflowProps = {\n  /**\n   * The overflow attribute sets a max-width and longer text will be dotted.\n   */\n  overflow?: boolean | string;\n};\nexport const OrientationList = ['horizontal', 'vertical'] as const;\nexport type OrientationType = (typeof OrientationList)[number];\nexport type OrientationProps = {\n  /**\n   * Change the orientation. Defaults to horizontal.\n   */\n  orientation?: OrientationType;\n};\nexport const WidthList = ['full', 'auto'] as const;\nexport type WidthType = (typeof WidthList)[number];\nexport type WidthProps = {\n  /**\n   * Width of the component. Auto width based on children size, full width based on parent elements width.\n   */\n  width?: WidthType | string;\n};\nexport const MaxWidthList = ['full', 'medium', 'large', 'small'] as const;\nexport type MaxWidthType = (typeof MaxWidthList)[number];\nexport type ContainerWidthProps = {\n  /**\n   * Set max width for the component\n   */\n  width?: MaxWidthType;\n};\nexport const PopoverDelayList = ['none', 'slow', 'fast'] as const;\nexport type PopoverDelayType = (typeof PopoverDelayList)[number];\nexport const PopoverWidthList = ['auto', 'fixed'] as const;\nexport type PopoverWidthType = (typeof PopoverWidthList)[number];\nexport type PopoverProps = {\n  /**\n   * Add a delay before showing the tooltip\n   */\n  delay?: PopoverDelayType;\n  /**\n   * Disable animation\n   */\n  animation?: boolean | string;\n  /**\n   * Use fixed with for default max-width\n   */\n  width?: PopoverWidthType;\n};\nexport type PopoverState = {\n  handleAutoPlacement: () => void;\n};\nexport type NameProps = {\n  /**\n   * The name attribute gives the name of the element to group it.\n   */\n  name?: string;\n};\nexport type NameState = {\n  _name?: string;\n  handleNameAttribute: () => void;\n};\nexport type ContentSlotProps = {\n  /**\n   * Default slot which is used to pass in additional content.\n   */\n  content?: any;\n};\nexport const SizeList = ['small', 'medium'] as const;\nexport type SizeType = (typeof SizeList)[number];\nexport type SizeProps = {\n  /**\n   * The size attribute changes the font-size and other related sizes of the component.\n   */\n  size?: SizeType;\n};\nexport const EmphasisList = ['weak', 'strong'] as const;\nexport type EmphasisType = (typeof EmphasisList)[number];\nexport type EmphasisProps = {\n  /**\n   * The emphasis attribute divides in between a weak or strong importance.\n   */\n  emphasis?: EmphasisType;\n};\nexport const ValidationList = ['invalid', 'valid', 'no-validation'] as const;\nexport type ValidationType = (typeof ValidationList)[number];\nexport type RequiredProps = {\n  /**\n   * When the required attribute specified, the user will be required to fill the form element before submitting the form.\n   */\n  required?: boolean | string;\n};\nexport type ShowLabelProps = {\n  /**\n   * Enables/disables the visibility of the label\n   */\n  showLabel?: boolean | string;\n};\nexport type ValueProps = {\n  /**\n   * The value property is to receive results from the native form element.\n   */\n  value?: any;\n};\nexport type BaseFormProps = {\n  /**\n   * The disabled attribute can be set to keep a user from clicking on the form element.\n   */\n  disabled?: boolean | string;\n  /**\n   * The label attribute specifies the caption of the form element.\n   */\n  label?: string;\n\n  /**\n   * The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.\n   */\n  name?: string;\n};\nexport type CustomFormProps = {\n  /**\n   * Overwrites auto handling for aria-describedby.\n   */\n  ariaDescribedBy?: string;\n  /**\n   * \tAssociates the control with a form element\n   */\n  form?: string;\n\n  /**\n   * Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.\n   */\n  validation?: ValidationType;\n};\nexport type FormProps = CustomFormProps & BaseFormProps & RequiredProps & ShowLabelProps & ValueProps;\nexport type FormTextProps = {\n  /**\n   * Maximum length (number of characters) of value\n   */\n  maxLength?: number | string;\n  /**\n   * Minimum length (number of characters) of value\n   */\n  minLength?: number | string;\n  /**\n   * Maximum length (number of characters) of value\n   */\n  maxlength?: number | string;\n  /**\n   * Minimum length (number of characters) of value\n   */\n  minlength?: number | string;\n  /**\n   * The disabled attribute can be set to keep a user from edit on the form element\n   */\n  readOnly?: boolean | string;\n  /**\n   * The disabled attribute can be set to keep a user from edit on the form element\n   */\n  readonly?: boolean | string;\n};\nexport type FormSizeProps = {\n  /**\n   * Size of the control\n   */\n  size?: number;\n};\nexport type FormCheckProps = {\n  /**\n   * Define the radio or checkbox elements checked state\n   */\n  checked?: boolean | string;\n};\nexport const LabelVariantList = ['above', 'floating'] as const;\nexport type LabelVariantType = (typeof LabelVariantList)[number];\nexport const AutoCompleteList = ['off', 'on', 'name', 'honorific-prefix', 'given-name', 'additional-name', 'family-name', 'honorific-suffix', 'nickname', 'email', 'username', 'new-password', 'current-password', 'one-time-code', 'organization-title', 'organization', 'street-address', 'shipping', 'billing', 'address-line1', 'address-line2', 'address-line3', 'address-level4', 'address-level3', 'address-level2', 'address-level1', 'country', 'country-name', 'postal-code', 'cc-name', 'cc-given-name', 'cc-additional-name', 'cc-family-name', 'cc-number', 'cc-exp', 'cc-exp-month', 'cc-exp-year', 'cc-csc', 'cc-type', 'transaction-currency', 'transaction-amount', 'language', 'bday', 'bday-day', 'bday-month', 'bday-year', 'sex', 'tel', 'tel-country-code', 'tel-national', 'tel-area-code', 'tel-local', 'tel-extension', 'impp', 'url', 'photo', 'webauthn'] as const;\nexport type AutoCompleteType = (typeof AutoCompleteList)[number];\nexport type FormMessageProps = {\n  /**\n   * Change the variant of the label to float or hidden\n   */\n  variant?: LabelVariantType;\n  /**\n   * Text that appears in the form control when it has no value set\n   */\n  placeholder?: string;\n  /**\n   * Optional helper message for form components\n   */\n  message?: string;\n\n  /**\n   * Helper message for valid form components\n   */\n  validMessage?: string;\n\n  /**\n   * Helper message for invalid form components\n   */\n  invalidMessage?: string;\n\n  /**\n   * Set/overwrite icon for helper message for form components\n   */\n  messageIcon?: IconTypes;\n\n  /**\n   * See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\n   */\n  autocomplete?: string | AutoCompleteType;\n\n  /**\n   * Enables or disables the visibility of the message.\n   */\n  showMessage?: boolean | string;\n};\nexport type FromValidState = {\n  hasValidState: () => boolean;\n  handleValidation: () => void;\n  _invalidMessage?: string;\n};\nexport type FormState = {\n  _messageId?: string;\n  _validMessageId?: string;\n  _invalidMessageId?: string;\n  _descByIds?: string;\n  _value?: string;\n  _invalidMessage?: string;\n  /**\n   * https://www.davidmacd.com/blog/test-aria-describedby-errormessage-aria-live.html\n   * Currently VoiceOver isn't supporting changes from aria-describedby.\n   * This is an internal Fallback\n   */\n  _voiceOverFallback?: string;\n};\nexport type InitializedState = {\n  initialized: boolean;\n};\nexport const LinkCurrentList = ['time', 'true', 'false', 'date', 'page', 'step', 'location'] as const;\nexport type LinkCurrentType = (typeof LinkCurrentList)[number];\nexport const LinkTargetList = ['_self', '_blank', '_parent', '_top'] as const;\nexport type LinkTargetType = (typeof LinkTargetList)[number];\nexport const LinkReferrerPolicyList = ['no-referrer', 'no-referrer-when-downgrade', 'origin', 'origin-when-cross-origin', 'same-origin', 'strict-origin', 'strict-origin-when-cross-origin', 'unsafe-url'] as const;\nexport type LinkReferrerPolicyType = (typeof LinkReferrerPolicyList)[number];\nexport type LinkProps = {\n  /**\n   * Sets aria attribute based on [`aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current).\n   */\n  current?: boolean | LinkCurrentType;\n  /**\n   * Disables the link.\n   */\n  disabled?: boolean | string;\n  /**\n   * The [URL that the hyperlink points to](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href).\n   */\n  href?: string;\n  /**\n   * Hints for the human [language of the linked page or document](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#hreflang).\n   */\n  hreflang?: string;\n  /**\n   * Sets aria attribute based on [`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label).\n   */\n  label?: string;\n  /**\n   * Where to open the linked URL, as the name for a [browsing context](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target).\n   */\n  target?: LinkTargetType;\n  /**\n   * The relationship of the linked URL as space-separated link types.\n   */\n  rel?: string;\n  /**\n   * Sets aria role based on [`aria-role`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles).\n   */\n  role?: string;\n  /**\n   * How much of the referrer to send when following the link.\n   */\n  referrerpolicy?: LinkReferrerPolicyType;\n  /**\n   * Sets aria role based on [`aria-selected`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected).\n   */\n  selected?: boolean | string;\n};\nexport type TextProps = {\n  /**\n   * Alternative for default slot/children.\n   */\n  text?: string;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type ClickEvent<T> = MouseEvent;\nexport type ClickEventProps<T> = {\n  /**\n   * React specific onClick to pass to forward ref.\n   */\n  onClick?: (event: ClickEvent<T>) => void;\n};\nexport type ClickEventState<T> = {\n  handleClick: (event: ClickEvent<T> | any) => void;\n};\nexport type ToggleEventProps = {\n  toggle?: (open: boolean | any) => void;\n  onToggle?: (open: boolean | any) => void;\n};\nexport type ToggleEventState<T> = {\n  handleToggle: (event?: ClickEvent<T> | any) => void;\n};\nexport type CloseEventProps = {\n  /**\n   * Function to handle button click (close).\n   */\n  onClose?: (event?: any) => void;\n  /**\n   * Function to handle button click (close).\n   */\n  close?: (event?: any) => void;\n};\nexport type CloseEventState = {\n  handleClose: (event: any) => void;\n};\nexport const AlignmentList = ['start', 'center'] as const;\nexport type AlignmentType = (typeof AlignmentList)[number];\nexport type AlignmentProps = {\n  /**\n   * Define the content alignment in full width\n   */\n  alignment?: AlignmentType | string;\n};\nexport type ActiveProps = {\n  /**\n   * If the tab is checked/active.\n   */\n  active?: boolean | string;\n};\nexport type InputEvent<T> = Event;\nexport type InputEventProps<T> = {\n  input?: (event: InputEvent<T>) => void;\n  onInput?: (event: InputEvent<T>) => void;\n};\nexport type InputEventState<T> = {\n  handleInput: (event: InputEvent<T> | any) => void;\n};\nexport type ChangeEvent<T> = Event;\nexport type ChangeEventProps<T> = {\n  change?: (event: ChangeEvent<T>) => void;\n  onChange?: (event: ChangeEvent<T>) => void;\n};\nexport type ChangeEventState<T> = {\n  handleChange: (event: ChangeEvent<T> | any) => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type InteractionEvent<T> = FocusEvent;\nexport type FocusEventProps<T> = {\n  blur?: (event: InteractionEvent<T>) => void;\n  onBlur?: (event: InteractionEvent<T>) => void;\n  focus?: (event: InteractionEvent<T>) => void;\n  onFocus?: (event: InteractionEvent<T>) => void;\n};\nexport type FocusEventState<T> = {\n  handleBlur: (event: InteractionEvent<T> | any) => void;\n  handleFocus: (event: InteractionEvent<T> | any) => void;\n};\nexport type InnerCloseButtonProps = {\n  /**\n   * The closeButtonId attribute changes the id inside the close button.\n   */\n  closeButtonId?: string;\n  /**\n   * The closeButtonText attribute changes the text inside the close button.\n   */\n  closeButtonText?: string;\n};\nexport type NavigationBackButtonProps = {\n  /**\n   * The backButtonId attribute changes the id inside the back button.\n   */\n  backButtonId?: string;\n  /**\n   * The backButtonText attribute changes the text inside the back button.\n   */\n  backButtonText?: string;\n};\nexport type AriaLabelledByProps = {\n  /**\n   * Pass aria-labelledby to inner element\n   */\n  labelledBy?: string;\n};\nexport type AriaControlsProps = {\n  /**\n   * Pass aria-controls to inner element\n   */\n  controls?: string;\n};\nexport type ValueLabelType = {\n  value: string;\n  label?: string;\n}"],"names":[],"mappings":";;;;;;AAAA;AAsCa,MAAA,YAAY,GAAG,CAAC,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY;AA2BjG,MAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM;AAQvD,MAAM,UAAU,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM;AAQhD,MAAA,uBAAuB,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW;AAEhG,MAAA,qBAAqB,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY;AAE9F,MAAA,aAAa,GAAG,CAAC,GAAG,uBAAuB,EAAE,GAAG,qBAAqB;AAiBrE,MAAA,cAAc,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU;MAc1H,eAAe,GAAG,CAAC,YAAY,EAAE,UAAU;MAQ3C,SAAS,GAAG,CAAC,MAAM,EAAE,MAAM;AAQjC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO;AAQlD,MAAA,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM;MAE1C,gBAAgB,GAAG,CAAC,MAAM,EAAE,OAAO;MAmCnC,QAAQ,GAAG,CAAC,OAAO,EAAE,QAAQ;MAQ7B,YAAY,GAAG,CAAC,MAAM,EAAE,QAAQ;AAQhC,MAAA,cAAc,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,eAAe;MAyFrD,gBAAgB,GAAG,CAAC,OAAO,EAAE,UAAU;AAEvC,MAAA,gBAAgB,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,kBAAkB,EAAE,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,kBAAkB,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,eAAe,EAAE,oBAAoB,EAAE,cAAc,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,eAAe,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU;AA+Dt0B,MAAA,eAAe,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU;AAEpF,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM;MAEtD,sBAAsB,GAAG,CAAC,aAAa,EAAE,4BAA4B,EAAE,QAAQ,EAAE,0BAA0B,EAAE,aAAa,EAAE,eAAe,EAAE,iCAAiC,EAAE,YAAY;MAkF5L,aAAa,GAAG,CAAC,OAAO,EAAE,QAAQ;;;;"}
+{"version":3,"file":"index.esm.js","sources":["src/shared/model.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { IconTypes } from '@db-ux/core-foundations';\nexport type GlobalProps = {\n  /**\n   * default slot\n   */\n\n  children?: any;\n\n  /**\n   * React specific for adding className to the component.\n   */\n  className?: string;\n\n  /**\n   * Workaround for TypeScript using class for all components.\n   */\n  class?: string | any;\n\n  /**\n   * @deprecated\n   * [`aria-describedby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) is used to link to the elements that describe the element with the set attribute.\n   */\n  describedbyid?: string;\n\n  /**\n   * [ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.\n   */\n  id?: string;\n\n  /**\n   * Before using please check for the [accessibility concerns](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus#accessibility_concerns)\n   */\n  autofocus?: boolean | string;\n};\nexport type GlobalState = {\n  _id?: string;\n};\nexport const SemanticList = ['adaptive', 'neutral', 'critical', 'informational', 'warning', 'successful'] as const;\nexport type SemanticType = (typeof SemanticList)[number];\nexport type SemanticProps = {\n  /**\n   * The semantic defines the default variants for most components.\n   */\n  semantic?: SemanticType;\n};\nexport type IconProps = {\n  /**\n   * Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.\n   */\n  icon?: IconTypes;\n};\nexport type ShowIconProps = {\n  /**\n   * Enables or disables the visibility of the icon. The default value depends on the component.\n   * For many components this property is optional to reflect Figma properties.\n   */\n  showIcon?: boolean | string;\n};\nexport type IconAfterProps = {\n  /**\n   * Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.\n   */\n  iconAfter?: IconTypes;\n};\nexport const SpacingList = ['medium', 'small', 'large', 'none'] as const;\nexport type SpacingType = (typeof SpacingList)[number];\nexport type SpacingProps = {\n  /**\n   * The spacing attribute changes the padding of the component.\n   */\n  spacing?: SpacingType | string;\n};\nexport const MarginList = ['medium', 'small', 'large', 'none'] as const;\nexport type MarginType = (typeof MarginList)[number];\nexport type MarginProps = {\n  /**\n   * The margin attribute changes the margin of the component.\n   */\n  margin?: MarginType;\n};\nexport const PlacementHorizontalList = ['left', 'right', 'left-start', 'left-end', 'right-start', 'right-end'] as const;\nexport type PlacementHorizontalType = (typeof PlacementHorizontalList)[number];\nexport const PlacementVerticalList = ['top', 'bottom', 'top-start', 'top-end', 'bottom-start', 'bottom-end'] as const;\nexport type PlacementVerticalType = (typeof PlacementVerticalList)[number];\nexport const PlacementList = [...PlacementHorizontalList, ...PlacementVerticalList] as const;\nexport type PlacementType = (typeof PlacementList)[number];\nexport type PlacementProps = {\n  /**\n   * The `placement` attributes values change the position to absolute and adds a transform based on the placement.\n   */\n  placement?: PlacementType;\n};\nexport type NavigationBehaviorState = {\n  handleNavigationItemClick: (event: unknown) => void;\n};\nexport type GapProps = {\n  /**\n   * If the absolute element should have a gap between the parent element.\n   */\n  gap?: boolean | string;\n};\nexport const GapSpacingList = ['none', '3x-large', '2x-large', 'x-large', 'large', 'medium', 'small', 'x-small', '2x-small', '3x-small'] as const;\nexport type GapSpacingType = (typeof GapSpacingList)[number];\nexport type GapSpacingProps = {\n  /**\n   * Set the gap/spacing between elements\n   */\n  gap?: GapSpacingType;\n};\nexport type OverflowProps = {\n  /**\n   * The overflow attribute sets a max-width and longer text will be dotted.\n   */\n  overflow?: boolean | string;\n};\nexport const OrientationList = ['horizontal', 'vertical'] as const;\nexport type OrientationType = (typeof OrientationList)[number];\nexport type OrientationProps = {\n  /**\n   * Change the orientation. Defaults to horizontal.\n   */\n  orientation?: OrientationType;\n};\nexport const WidthList = ['full', 'auto'] as const;\nexport type WidthType = (typeof WidthList)[number];\nexport type WidthProps = {\n  /**\n   * Width of the component. Auto width based on children size, full width based on parent elements width.\n   */\n  width?: WidthType | string;\n};\nexport const MaxWidthList = ['full', 'medium', 'large', 'small'] as const;\nexport type MaxWidthType = (typeof MaxWidthList)[number];\nexport type ContainerWidthProps = {\n  /**\n   * Set max width for the component\n   */\n  width?: MaxWidthType;\n};\nexport const PopoverDelayList = ['none', 'slow', 'fast'] as const;\nexport type PopoverDelayType = (typeof PopoverDelayList)[number];\nexport const PopoverWidthList = ['auto', 'fixed'] as const;\nexport type PopoverWidthType = (typeof PopoverWidthList)[number];\nexport type PopoverProps = {\n  /**\n   * Add a delay before showing the tooltip\n   */\n  delay?: PopoverDelayType;\n  /**\n   * Disable animation\n   */\n  animation?: boolean | string;\n  /**\n   * Use fixed with for default max-width\n   */\n  width?: PopoverWidthType;\n};\nexport type PopoverState = {\n  handleAutoPlacement: () => void;\n};\nexport type NameProps = {\n  /**\n   * The name attribute gives the name of the element to group it.\n   */\n  name?: string;\n};\nexport type NameState = {\n  _name?: string;\n  handleNameAttribute: () => void;\n};\nexport type ContentSlotProps = {\n  /**\n   * Default slot which is used to pass in additional content.\n   */\n  content?: any;\n};\nexport const SizeList = ['small', 'medium'] as const;\nexport type SizeType = (typeof SizeList)[number];\nexport type SizeProps = {\n  /**\n   * The size attribute changes the font-size and other related sizes of the component.\n   */\n  size?: SizeType;\n};\nexport const EmphasisList = ['weak', 'strong'] as const;\nexport type EmphasisType = (typeof EmphasisList)[number];\nexport type EmphasisProps = {\n  /**\n   * The emphasis attribute divides in between a weak or strong importance.\n   */\n  emphasis?: EmphasisType;\n};\nexport const ValidationList = ['invalid', 'valid', 'no-validation'] as const;\nexport type ValidationType = (typeof ValidationList)[number];\nexport type RequiredProps = {\n  /**\n   * When the required attribute specified, the user will be required to fill the form element before submitting the form.\n   */\n  required?: boolean | string;\n};\nexport type ShowLabelProps = {\n  /**\n   * Enables/disables the visibility of the label\n   */\n  showLabel?: boolean | string;\n};\nexport type ValueProps = {\n  /**\n   * The value property is to receive results from the native form element.\n   */\n  value?: any;\n};\nexport type BaseFormProps = {\n  /**\n   * The disabled attribute can be set to keep a user from clicking on the form element.\n   */\n  disabled?: boolean | string;\n  /**\n   * The label attribute specifies the caption of the form element.\n   */\n  label?: string;\n\n  /**\n   * The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.\n   */\n  name?: string;\n};\nexport type CustomFormProps = {\n  /**\n   * Overwrites auto handling for aria-describedby.\n   */\n  ariaDescribedBy?: string;\n  /**\n   * \tAssociates the control with a form element\n   */\n  form?: string;\n\n  /**\n   * Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.\n   */\n  validation?: ValidationType;\n};\nexport type FormProps = CustomFormProps & BaseFormProps & RequiredProps & ShowLabelProps & ValueProps;\nexport type FormTextProps = {\n  /**\n   * Maximum length (number of characters) of value\n   */\n  maxLength?: number | string;\n  /**\n   * Minimum length (number of characters) of value\n   */\n  minLength?: number | string;\n  /**\n   * Maximum length (number of characters) of value\n   */\n  maxlength?: number | string;\n  /**\n   * Minimum length (number of characters) of value\n   */\n  minlength?: number | string;\n  /**\n   * The disabled attribute can be set to keep a user from edit on the form element\n   */\n  readOnly?: boolean | string;\n  /**\n   * The disabled attribute can be set to keep a user from edit on the form element\n   */\n  readonly?: boolean | string;\n};\nexport type FormSizeProps = {\n  /**\n   * Size of the control\n   */\n  size?: number;\n};\nexport type FormCheckProps = {\n  /**\n   * Define the radio or checkbox elements checked state\n   */\n  checked?: boolean | string;\n};\nexport const LabelVariantList = ['above', 'floating'] as const;\nexport type LabelVariantType = (typeof LabelVariantList)[number];\nexport const AutoCompleteList = ['off', 'on', 'name', 'honorific-prefix', 'given-name', 'additional-name', 'family-name', 'honorific-suffix', 'nickname', 'email', 'username', 'new-password', 'current-password', 'one-time-code', 'organization-title', 'organization', 'street-address', 'shipping', 'billing', 'address-line1', 'address-line2', 'address-line3', 'address-level4', 'address-level3', 'address-level2', 'address-level1', 'country', 'country-name', 'postal-code', 'cc-name', 'cc-given-name', 'cc-additional-name', 'cc-family-name', 'cc-number', 'cc-exp', 'cc-exp-month', 'cc-exp-year', 'cc-csc', 'cc-type', 'transaction-currency', 'transaction-amount', 'language', 'bday', 'bday-day', 'bday-month', 'bday-year', 'sex', 'tel', 'tel-country-code', 'tel-national', 'tel-area-code', 'tel-local', 'tel-extension', 'impp', 'url', 'photo', 'webauthn'] as const;\nexport type AutoCompleteType = (typeof AutoCompleteList)[number];\nexport type FormMessageProps = {\n  /**\n   * Change the variant of the label to float or hidden\n   */\n  variant?: LabelVariantType;\n  /**\n   * Text that appears in the form control when it has no value set\n   */\n  placeholder?: string;\n  /**\n   * Optional helper message for form components\n   */\n  message?: string;\n\n  /**\n   * Helper message for valid form components\n   */\n  validMessage?: string;\n\n  /**\n   * Helper message for invalid form components\n   */\n  invalidMessage?: string;\n\n  /**\n   * Set/overwrite icon for helper message for form components\n   */\n  messageIcon?: IconTypes;\n\n  /**\n   * See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\n   */\n  autocomplete?: string | AutoCompleteType;\n\n  /**\n   * Enables or disables the visibility of the message.\n   */\n  showMessage?: boolean | string;\n};\nexport type FromValidState = {\n  hasValidState: () => boolean;\n  handleValidation: () => void;\n  _invalidMessage?: string;\n};\nexport type FormState = {\n  _messageId?: string;\n  _validMessageId?: string;\n  _invalidMessageId?: string;\n  _descByIds?: string;\n  _value?: string;\n  _invalidMessage?: string;\n  /**\n   * https://www.davidmacd.com/blog/test-aria-describedby-errormessage-aria-live.html\n   * Currently VoiceOver isn't supporting changes from aria-describedby.\n   * This is an internal Fallback\n   */\n  _voiceOverFallback?: string;\n};\nexport type InitializedState = {\n  initialized: boolean;\n};\nexport const LinkCurrentList = ['time', 'true', 'false', 'date', 'page', 'step', 'location'] as const;\nexport type LinkCurrentType = (typeof LinkCurrentList)[number];\nexport const LinkTargetList = ['_self', '_blank', '_parent', '_top'] as const;\nexport type LinkTargetType = (typeof LinkTargetList)[number];\nexport const LinkReferrerPolicyList = ['no-referrer', 'no-referrer-when-downgrade', 'origin', 'origin-when-cross-origin', 'same-origin', 'strict-origin', 'strict-origin-when-cross-origin', 'unsafe-url'] as const;\nexport type LinkReferrerPolicyType = (typeof LinkReferrerPolicyList)[number];\nexport type LinkProps = {\n  /**\n   * Sets aria attribute based on [`aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current).\n   */\n  current?: boolean | LinkCurrentType;\n  /**\n   * Disables the link.\n   */\n  disabled?: boolean | string;\n  /**\n   * The [URL that the hyperlink points to](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href).\n   */\n  href?: string;\n  /**\n   * Hints for the human [language of the linked page or document](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#hreflang).\n   */\n  hreflang?: string;\n  /**\n   * Sets aria attribute based on [`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label).\n   */\n  label?: string;\n  /**\n   * Where to open the linked URL, as the name for a [browsing context](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target).\n   */\n  target?: LinkTargetType;\n  /**\n   * The relationship of the linked URL as space-separated link types.\n   */\n  rel?: string;\n  /**\n   * Sets aria role based on [`aria-role`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles).\n   */\n  role?: string;\n  /**\n   * How much of the referrer to send when following the link.\n   */\n  referrerpolicy?: LinkReferrerPolicyType;\n  /**\n   * Sets aria role based on [`aria-selected`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected).\n   */\n  selected?: boolean | string;\n};\nexport type TextProps = {\n  /**\n   * Alternative for default slot/children.\n   */\n  text?: string;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type ClickEvent<T> = MouseEvent;\nexport type ClickEventProps<T> = {\n  /**\n   * React specific onClick to pass to forward ref.\n   */\n  onClick?: (event: ClickEvent<T>) => void;\n};\nexport type ClickEventState<T> = {\n  handleClick: (event: ClickEvent<T> | any) => void;\n};\nexport type ToggleEventProps = {\n  toggle?: (open: boolean | any) => void;\n  onToggle?: (open: boolean | any) => void;\n};\nexport type ToggleEventState<T> = {\n  handleToggle: (event?: ClickEvent<T> | any) => void;\n};\nexport type CloseEventProps = {\n  /**\n   * Function to handle button click (close).\n   */\n  onClose?: (event?: any) => void;\n  /**\n   * Function to handle button click (close).\n   */\n  close?: (event?: any) => void;\n};\nexport type CloseEventState = {\n  handleClose: (event: any) => void;\n};\nexport const AlignmentList = ['start', 'center'] as const;\nexport type AlignmentType = (typeof AlignmentList)[number];\nexport type AlignmentProps = {\n  /**\n   * Define the content alignment in full width\n   */\n  alignment?: AlignmentType | string;\n};\nexport type ActiveProps = {\n  /**\n   * If the tab is checked/active.\n   */\n  active?: boolean | string;\n};\nexport type InputEvent<T> = Event;\nexport type InputEventProps<T> = {\n  input?: (event: InputEvent<T>) => void;\n  onInput?: (event: InputEvent<T>) => void;\n};\nexport type InputEventState<T> = {\n  handleInput: (event: InputEvent<T> | any) => void;\n};\nexport type ChangeEvent<T> = Event;\nexport type ChangeEventProps<T> = {\n  change?: (event: ChangeEvent<T>) => void;\n  onChange?: (event: ChangeEvent<T>) => void;\n};\nexport type ChangeEventState<T> = {\n  handleChange: (event: ChangeEvent<T> | any) => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type InteractionEvent<T> = FocusEvent;\nexport type FocusEventProps<T> = {\n  blur?: (event: InteractionEvent<T>) => void;\n  onBlur?: (event: InteractionEvent<T>) => void;\n  focus?: (event: InteractionEvent<T>) => void;\n  onFocus?: (event: InteractionEvent<T>) => void;\n};\nexport type FocusEventState<T> = {\n  handleBlur: (event: InteractionEvent<T> | any) => void;\n  handleFocus: (event: InteractionEvent<T> | any) => void;\n};\nexport type InnerCloseButtonProps = {\n  /**\n   * The closeButtonId attribute changes the id inside the close button.\n   */\n  closeButtonId?: string;\n  /**\n   * The closeButtonText attribute changes the text inside the close button.\n   */\n  closeButtonText?: string;\n};\nexport type NavigationBackButtonProps = {\n  /**\n   * The backButtonId attribute changes the id inside the back button.\n   */\n  backButtonId?: string;\n  /**\n   * The backButtonText attribute changes the text inside the back button.\n   */\n  backButtonText?: string;\n};\nexport type AriaLabelledByProps = {\n  /**\n   * Pass aria-labelledby to inner element\n   */\n  labelledBy?: string;\n};\nexport type AriaControlsProps = {\n  /**\n   * Pass aria-controls to inner element\n   */\n  controls?: string;\n};\nexport type ValueLabelType = {\n  value: string;\n  label?: string;\n}"],"names":[],"mappings":";;;;;;AAAA;AAuCa,MAAA,YAAY,GAAG,CAAC,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY;AA2BjG,MAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM;AAQvD,MAAM,UAAU,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM;AAQhD,MAAA,uBAAuB,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW;AAEhG,MAAA,qBAAqB,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY;AAE9F,MAAA,aAAa,GAAG,CAAC,GAAG,uBAAuB,EAAE,GAAG,qBAAqB;AAiBrE,MAAA,cAAc,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU;MAc1H,eAAe,GAAG,CAAC,YAAY,EAAE,UAAU;MAQ3C,SAAS,GAAG,CAAC,MAAM,EAAE,MAAM;AAQjC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO;AAQlD,MAAA,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM;MAE1C,gBAAgB,GAAG,CAAC,MAAM,EAAE,OAAO;MAmCnC,QAAQ,GAAG,CAAC,OAAO,EAAE,QAAQ;MAQ7B,YAAY,GAAG,CAAC,MAAM,EAAE,QAAQ;AAQhC,MAAA,cAAc,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,eAAe;MAyFrD,gBAAgB,GAAG,CAAC,OAAO,EAAE,UAAU;AAEvC,MAAA,gBAAgB,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,kBAAkB,EAAE,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,kBAAkB,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,eAAe,EAAE,oBAAoB,EAAE,cAAc,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,eAAe,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU;AA+Dt0B,MAAA,eAAe,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU;AAEpF,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM;MAEtD,sBAAsB,GAAG,CAAC,aAAa,EAAE,4BAA4B,EAAE,QAAQ,EAAE,0BAA0B,EAAE,aAAa,EAAE,eAAe,EAAE,iCAAiC,EAAE,YAAY;MAkF5L,aAAa,GAAG,CAAC,OAAO,EAAE,QAAQ;;;;"}

package/dist/db-ux/p-02f8816d.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as s,F as h}from"./p-bH2PZLSq.js";import{e,f as l,s as a,u as n,h as d,n as o,g as c,j as u,m as r,c as v}from"./p-pglUTSkG.js";import{l as f,a as w,m as b,d as m,e as p,g as y,h as g,i as k,o as A,f as F,k as x,c as D,s as C}from"./p-DC9V_oNU.js";import{D as S}from"./p-YMQoOWgh.js";const T=class{constructor(s){i(this,s);this.amountChange=t(this,"amountChange");this.dropdownToggle=t(this,"dropdownToggle");this.optionSelected=t(this,"optionSelected");this.showClearSelection=true;this.clearSelectionText="Clear selection";this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._invalidMessage=undefined;this._selectId=undefined;this._labelId=undefined;this._summaryId=undefined;this._placeholderId=undefined;this._infoTextId=undefined;this._validity="no-validation";this._descByIds="";this._selectedLabels="";this._selectedLabelsId=undefined;this._voiceOverFallback="";this._selectedOptions=[];this.selectAllEnabled=false;this.searchEnabled=false;this.amountOptions=0;this._values=[];this._options=[];this._hasNoOptions=false;this._documentClickListenerCallbackId=undefined;this._internalChangeTimestamp=0;this.selectAllChecked=false;this.selectAllIndeterminate=false;this.satisfyReact=function i(t){t.stopPropagation()}}hasValidState(){var i;return!!((i=this.validMessage)!==null&&i!==void 0?i:this.validation==="valid")}handleValidation(){var i,t,s,h,n,d,o,c;if(this.selectRef){this.selectRef.value=this.getNativeSelectValue()}if(!((i=this.selectRef)===null||i===void 0?void 0:i.validity.valid)||this.validation==="invalid"){this._descByIds=this._invalidMessageId;this._invalidMessage=this.invalidMessage||((t=this.selectRef)===null||t===void 0?void 0:t.validationMessage)||f;if(e()){this._voiceOverFallback=this._invalidMessage;l((()=>this._voiceOverFallback=""),1e3)}this._validity=(s=this.validation)!==null&&s!==void 0?s:"invalid"}else if(this.hasValidState()&&((h=this.selectRef)===null||h===void 0?void 0:h.validity.valid)&&this.required){this._descByIds=this._validMessageId;if(e()){this._voiceOverFallback=(n=this.validMessage)!==null&&n!==void 0?n:x;l((()=>this._voiceOverFallback=""),1e3)}this._validity=(d=this.validation)!==null&&d!==void 0?d:"valid"}else if(a(this.message,this.showMessage)){this._descByIds=this._messageId;this._validity=(o=this.validation)!==null&&o!==void 0?o:"no-validation"}else{this._descByIds=this._placeholderId;this._validity=(c=this.validation)!==null&&c!==void 0?c:"no-validation"}}handleDropdownToggle(i){if(this.dropdownToggle){i.stopPropagation();this.dropdownToggle.emit(i)}if(i.target.open){this._documentClickListenerCallbackId=(new S).addCallback((i=>this.handleDocumentClose(i)));this.handleAutoPlacement();if(!i.target.dataset.test){this.handleOpenByKeyboardFocus()}}else{if(this._documentClickListenerCallbackId){(new S).removeCallback(this._documentClickListenerCallbackId)}}}getNativeSelectValue(){var i,t;if((i=this._values)===null||i===void 0?void 0:i.length){return(t=this._values.at(0))!==null&&t!==void 0?t:""}return""}setDescById(i){var t;const s=[];if(i){s.push(i)}if(this._selectedLabelsId&&((t=this._selectedLabels)===null||t===void 0?void 0:t.length)){s.push(this._selectedLabelsId)}this._descByIds=s.join(" ")}getSelectAllLabel(){var i;return(i=this.selectAllLabel)!==null&&i!==void 0?i:w}getOptionLabel(i){var t,s,h;return(h=(t=i.label)!==null&&t!==void 0?t:(s=i.value)===null||s===void 0?void 0:s.toString())!==null&&h!==void 0?h:""}getOptionChecked(i){var t,s;if(i&&((t=this._values)===null||t===void 0?void 0:t.includes)){return(s=this._values)===null||s===void 0?void 0:s.includes(i)}return false}getOptionKey(i){var t,s;return((s=(t=i.id)!==null&&t!==void 0?t:i.value)!==null&&s!==void 0?s:n()).toString()}getTagRemoveLabel(i){if(this.removeTagsTexts&&this.removeTagsTexts.length>i){return this.removeTagsTexts.at(i)}else{return`${b} ${this._selectedOptions?this.getOptionLabel(this._selectedOptions[i]):""}`}}handleTagRemove(i,t){t.stopPropagation();this.handleSelect(i.value);this.handleSummaryFocus()}handleAutoPlacement(){if(this.detailsRef){const i=this.detailsRef.querySelector("article");if(i){l((()=>{d(i)}),1)}}}handleArrowDownUp(i){var t,s,h,e,a,n,d;if((t=this.detailsRef)===null||t===void 0?void 0:t.open){if(self.document){const t=self.document.activeElement;if(t){const c=t.getAttribute("type")==="checkbox"||t.getAttribute("type")==="radio";if(c){const c=t===null||t===void 0?void 0:t.closest("li");if(i.key==="ArrowDown"||i.key==="ArrowRight"){if(c===null||c===void 0?void 0:c.nextElementSibling){(h=(s=c===null||c===void 0?void 0:c.nextElementSibling)===null||s===void 0?void 0:s.querySelector("input"))===null||h===void 0?void 0:h.focus()}else{this.handleFocusFirstDropdownCheckbox(t)}}else{if(c===null||c===void 0?void 0:c.previousElementSibling){(a=(e=c===null||c===void 0?void 0:c.previousElementSibling)===null||e===void 0?void 0:e.querySelector("input"))===null||a===void 0?void 0:a.focus()}else if(this.detailsRef.querySelector(`input[type="checkbox"]`)!==t){this.handleFocusFirstDropdownCheckbox(t)}else{const i=o(this.detailsRef);if(i){l((()=>{i.focus()}),100)}else{const i=Array.from((n=this.detailsRef)===null||n===void 0?void 0:n.querySelectorAll(`input[type="checkbox"],input[type="radio"]`));if(i.length){(d=i.at(-1))===null||d===void 0?void 0:d.focus()}}}}}else{if(t.getAttribute("type")==="search"&&(i.key==="ArrowUp"||i.key==="ArrowLeft")){this.handleClose("close");this.handleSummaryFocus()}else{this.handleFocusFirstDropdownCheckbox(t)}}}}}else if(i.key==="ArrowDown"||i.key==="ArrowRight"){this.handleAutoPlacement();if(this.detailsRef){this.detailsRef.open=true}this.handleOpenByKeyboardFocus()}i.stopPropagation();i.preventDefault()}handleKeyboardPress(i){var t;i.stopPropagation();if(i.key==="Escape"&&((t=this.detailsRef)===null||t===void 0?void 0:t.open)){this.handleClose("close");this.handleSummaryFocus()}else if(i.key==="ArrowDown"||i.key==="ArrowUp"||i.key==="ArrowLeft"||i.key==="ArrowRight"){this.handleArrowDownUp(i)}}handleClose(i){if(this.detailsRef){if(i==="close"){this.detailsRef.open=false;this.handleSummaryFocus()}else if(this.detailsRef.open&&(i===null||i===void 0?void 0:i.relatedTarget)){const t=i.relatedTarget;if(!this.detailsRef.contains(t)){l((()=>this.detailsRef.open=false),1)}}}}handleDocumentClose(i){var t,s;if(i){const h=typeof i.detail==="number"?i.target:(t=i.detail)===null||t===void 0?void 0:t.target;if(((s=this.detailsRef)===null||s===void 0?void 0:s.open)&&!this.detailsRef.contains(h)){this.detailsRef.open=false}}}handleOptionSelected(i){const t=(new Date).getTime()-this._internalChangeTimestamp<200;if(t)return;this._values=i;if(this.optionSelected){this.optionSelected.emit(i!==null&&i!==void 0?i:[])}this._internalChangeTimestamp=(new Date).getTime()}handleSelect(i){var t;if(i){if(this.multiple){if((t=this._values)===null||t===void 0?void 0:t.includes(i)){this.handleOptionSelected(this._values.filter((t=>t!==i)))}else{this.handleOptionSelected([...this._values||[],i])}}else{this.handleOptionSelected([i]);this.handleClose("close")}}}handleSelectAll(i){var t;i.stopPropagation();if(((t=this._values)===null||t===void 0?void 0:t.length)===this.amountOptions){this.handleOptionSelected([])}else{const i=this.searchEnabled&&this.searchInputRef?this.searchInputRef.value:undefined;this.handleOptionSelected(this.options?this.options.filter((t=>{var s;return!t.isGroupTitle&&(!i||((s=t.value)===null||s===void 0?void 0:s.toLowerCase().includes(i.toLowerCase())))})).map((i=>{var t;return(t=i.value)!==null&&t!==void 0?t:""})):[])}}handleFocusFirstDropdownCheckbox(i){if(this.detailsRef){const t=Array.from(this.detailsRef.querySelectorAll(`input[type="checkbox"],input[type="radio"]`));if(t.length){const s=t.at(0);const h=s===i&&t.length>1?t.at(1):s;if(h){l((()=>{h.focus()}),1)}}}}handleOpenByKeyboardFocus(){if(this.detailsRef){const i=o(this.detailsRef);if(i){l((()=>{i.focus()}),1)}else{this.handleFocusFirstDropdownCheckbox()}}}handleSearch(i){i.stopPropagation();const t=i.target.value;if(!this.options||!t||t.length===0){this._options=this.options}else{this._options=this.options.filter((i=>!i.isGroupTitle&&this.getOptionLabel(i).toLowerCase().includes(t.toLowerCase())))}}handleClearAll(i){i.stopPropagation();this.handleOptionSelected([]);this.handleSummaryFocus()}handleSummaryFocus(){var i;if(this.detailsRef){(i=this.detailsRef.querySelector("summary"))===null||i===void 0?void 0:i.focus()}}enableAttributePassing(i,t){const s=i===null||i===void 0?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let h=0;h<t.length;h++){const e=t.item(h);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){i.setAttribute(e.name,e.value);s.removeAttribute(e.name)}if(e&&e.name==="class"){const t=e.value.includes("hydrated");const h=e.value.replace("hydrated","").trim();const l=i.getAttribute("class");i.setAttribute(e.name,`${l?`${l} `:""}${h}`);if(t){s.setAttribute("class","hydrated")}else{s.removeAttribute(e.name)}}}}}watch0Fn(){if(this.detailsRef){this.detailsRef.addEventListener("focusout",(i=>this.handleClose(i)))}}watch0(){this.watch0Fn()}watch1Fn(){if(this._id){const i=this._id+F;this._labelId=this._id+m;this._selectId=this._id+p;this._validMessageId=this._id+y;this._invalidMessageId=this._id+g;this._placeholderId=this._id+k;if(a(this.message,this.showMessage)){this.setDescById(i)}else{this.setDescById()}}}watch1(){this.watch1Fn()}watch2Fn(){var i;if(this.detailsRef){const t=this.detailsRef.querySelector("summary");if(t){t.setAttribute("aria-describedby",(i=this.ariaDescribedBy)!==null&&i!==void 0?i:this._descByIds||"")}}}watch2(){this.watch2Fn()}watch3Fn(){if(this.showNoResults!==undefined){this._hasNoOptions=this.showNoResults}else if(this._options){this._hasNoOptions=this._options.length===0}}watch3(){this.watch3Fn()}watch4Fn(){var i;this.selectAllEnabled=Boolean(this.multiple&&((i=this.showSelectAll)!==null&&i!==void 0?i:this.amountOptions>5))}watch4(){this.watch4Fn()}watch5Fn(){var i;this.searchEnabled=(i=this.showSearch)!==null&&i!==void 0?i:this.amountOptions>9}watch5(){this.watch5Fn()}watch6Fn(){var i;if(this.values&&Array.isArray(this.values)&&this.values!==this._values){this._values=(i=this.values)!==null&&i!==void 0?i:[]}}watch6(){this.watch6Fn()}watch7Fn(){this.handleValidation()}watch7(){this.watch7Fn()}watch8Fn(){this._validity=this.validation}watch8(){this.watch8Fn()}watch9Fn(){var i,t;if(((i=this._values)===null||i===void 0?void 0:i.length)===0){this.selectAllChecked=false;this.selectAllIndeterminate=false}else if(((t=this._values)===null||t===void 0?void 0:t.length)===this.amountOptions){this.selectAllIndeterminate=false;this.selectAllChecked=true}else if(this._values){this.selectAllIndeterminate=true}}watch9(){this.watch9Fn()}watch10Fn(){var i,t;this._options=this.options;this.amountOptions=(t=(i=this.options)===null||i===void 0?void 0:i.filter((i=>!i.isGroupTitle)).length)!==null&&t!==void 0?t:0}watch10(){this.watch10Fn()}watch11Fn(){var i,t;if((i=this.options)===null||i===void 0?void 0:i.length){this._selectedOptions=(t=this.options)===null||t===void 0?void 0:t.filter((i=>{var t,s;if(!i.value||!((t=this._values)===null||t===void 0?void 0:t["includes"])){return false}return!i.isGroupTitle&&((s=this._values)===null||s===void 0?void 0:s.includes(i.value))}))}}watch11(){this.watch11Fn()}watch12Fn(){var i,t,s;if((i=this._selectedOptions)===null||i===void 0?void 0:i.length){if(this.selectedType==="amount"){this._selectedLabels=this.amountText?this.amountText:`${(t=this._selectedOptions)===null||t===void 0?void 0:t.length} ${A}`}else{this._selectedLabels=(s=this._selectedOptions)===null||s===void 0?void 0:s.map((i=>this.getOptionLabel(i))).join(", ")}}else{this._selectedLabels=""}}watch12(){this.watch12Fn()}watch13Fn(){var i,t;if(this.amountChange){this.amountChange.emit((t=(i=this._selectedOptions)===null||i===void 0?void 0:i.length)!==null&&t!==void 0?t:0)}}watch13(){this.watch13Fn()}watch14Fn(){if(this.selectAllRef){this.selectAllRef.indeterminate=Boolean(this.selectAllIndeterminate)}}watch14(){this.watch14Fn()}watch15Fn(){var i;this._invalidMessage=this.invalidMessage||((i=this.selectRef)===null||i===void 0?void 0:i.validationMessage)||f}watch15(){this.watch15Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-custom-select");const t=(i=this.id)!==null&&i!==void 0?i:`custom-select-${n()}`;this._id=t;this._messageId=t+F;this._validMessageId=t+y;this._invalidMessageId=t+g;this._selectId=t+p;this._labelId=t+m;this._summaryId=t+"-summary";this._placeholderId=t+k;this._selectedLabelsId=t+"-selected-labels";this._infoTextId=t+"-info";this._invalidMessage=this.invalidMessage||f;this.watch0Fn();this.watch1Fn();this.watch2Fn();this.watch3Fn();this.watch4Fn();this.watch5Fn();this.watch6Fn();this.watch7Fn();this.watch8Fn();this.watch9Fn();this.watch10Fn();this.watch11Fn();this.watch12Fn();this.watch13Fn();this.watch14Fn();this.watch15Fn()}render(){var i,t,e,l,n,d,o,f,b,m,p,y,g,k,A;return s("div",{key:"e5c84bd53166b1c2c326628705bcc7b210373257",class:v("db-custom-select",this.className),id:this._id,ref:i=>{this._ref=i},"aria-invalid":this._validity==="invalid","data-custom-validity":this._validity,"data-width":this.formFieldWidth,"data-variant":this.variant==="floating"&&this.selectedType==="tag"&&this.multiple?"above":this.variant,"data-required":c(this.required),"data-placement":this.placement,"data-selected-type":this.multiple?this.selectedType:"text","data-hide-label":r(this.showLabel),"data-icon":this.icon,"data-hide-icon":r(this.showIcon)},s("label",{key:"6ad1c58cc832e3b305e08291b628038827d85268",id:this._labelId},(i=this.label)!==null&&i!==void 0?i:w,s("select",{key:"dc027579b87dae8efd8d35a03984283b4de335ed",role:"none",hidden:true,id:this._selectId,tabIndex:-1,ref:i=>{this.selectRef=i},form:this.form,name:this.name,multiple:u(this.multiple,"multiple"),disabled:u(this.disabled,"disabled"),required:u(this.required,"required"),onChange:i=>this.satisfyReact(i)},((t=this.options)===null||t===void 0?void 0:t.length)?(e=this.options)===null||e===void 0?void 0:e.map((i=>s("option",{disabled:i.disabled,value:i.value,key:undefined},this.getOptionLabel(i)))):null)),s("details",{key:"a0eb8cd1ebf421ee0cce62f2add79f063b3af8ec",ref:i=>{this.detailsRef=i},open:this.open,onToggle:i=>this.handleDropdownToggle(i),onKeyDown:i=>this.handleKeyboardPress(i)},s("slot",{key:"73b0eb2d2e0ee85a5fa03e8a167f6e29b49bee3f"}),this.options?s(h,null,s("summary",{class:"db-custom-select-form-field",id:this._summaryId,"aria-disabled":c(this.disabled),"aria-labelledby":this._labelId},((l=this._selectedLabels)===null||l===void 0?void 0:l.length)?s("span",{"data-visually-hidden":c(this.selectedType==="tag"),id:this._selectedLabelsId},this._selectedLabels):null,this.selectedType==="tag"?s("div",null,(n=this._selectedOptions)===null||n===void 0?void 0:n.map(((i,t)=>s("db-tag",{emphasis:"strong",behavior:"removable",removeButton:this.getTagRemoveLabel(t),onRemove:t=>this.handleTagRemove(i,t),key:undefined},this.getOptionLabel(i))))):null),s("db-custom-select-dropdown",{width:this.dropdownWidth},this.searchEnabled?s("div",null,s("db-input",{type:"search",ref:i=>{this.searchInputRef=i},name:this._id,form:this._id,showLabel:false,label:(d=this.searchLabel)!==null&&d!==void 0?d:w,placeholder:(o=this.searchPlaceholder)!==null&&o!==void 0?o:this.searchLabel,ariaDescribedBy:this._hasNoOptions||this.showLoading?this._infoTextId:undefined,onInput:i=>this.handleSearch(i)})):null,this._hasNoOptions||this.showLoading?s("db-infotext",{id:this._infoTextId,icon:this._hasNoOptions?undefined:"circular_arrows",semantic:this._hasNoOptions?"warning":"informational"},(f=this._hasNoOptions?this.noResultsText:this.loadingText)!==null&&f!==void 0?f:D):s(h,null,this.selectAllEnabled?s("div",null,s("div",{class:"db-checkbox db-custom-select-list-item"},s("label",null,s("input",{type:"checkbox",value:"select-all",ref:i=>{this.selectAllRef=i},form:this._id,checked:this.selectAllChecked,onChange:i=>this.handleSelectAll(i)}),this.getSelectAllLabel()))):null,s("db-custom-select-list",{multiple:u(this.multiple,"multiple"),label:(m=(b=this.ariaListLabel)!==null&&b!==void 0?b:this.label)!==null&&m!==void 0?m:w},(p=this._options)===null||p===void 0?void 0:p.map((i=>s("db-custom-select-list-item",{type:this.multiple?"checkbox":"radio",showDivider:i.showDivider,icon:i.icon,isGroupTitle:i.isGroupTitle,groupTitle:this.getOptionLabel(i),name:this._id,checked:this.getOptionChecked(i.value),disabled:i.disabled,value:i.value,onChange:()=>this.handleSelect(i.value),key:undefined},!i.isGroupTitle?this.getOptionLabel(i):null))))),s("div",null,s("db-button",{variant:"ghost",width:"full",icon:"cross",size:"small",name:this._id,form:this._id,onClick:()=>this.handleClose("close")},(y=this.mobileCloseButtonText)!==null&&y!==void 0?y:C)))):null),((g=this.showClearSelection)!==null&&g!==void 0?g:true)&&((k=this._values)===null||k===void 0?void 0:k.length)?s("db-button",{icon:"cross",variant:"ghost",size:"small",noText:true,name:this._id,form:this._id,onClick:i=>this.handleClearAll(i)},this.clearSelectionText,s("db-tooltip",{placement:"top"},this.clearSelectionText)):null,s("span",{key:"9cc02a4b34f7ec437a89c500b1cb05edf19de421","aria-hidden":c(true),id:this._placeholderId},(A=this.placeholder)!==null&&A!==void 0?A:this.label),a(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||x):null,s("db-infotext",{key:"d0843cbcf9ef1b0505f5fe0cc0c79d9568d094a7",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"609e7ad21eb1b0c3b131f15ec77b12e584dc7ba7","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{detailsRef:["watch0","watch2"],_id:["watch1"],_descByIds:["watch2"],showNoResults:["watch3"],_options:["watch3"],showSelectAll:["watch4"],amountOptions:["watch4","watch5","watch9"],multiple:["watch4"],showSearch:["watch5"],values:["watch6"],_values:["watch7","watch9","watch11"],validation:["watch8"],options:["watch10","watch11"],_selectedOptions:["watch12","watch13"],selectedType:["watch12"],amountText:["watch12"],selectAllIndeterminate:["watch14"],selectAllRef:["watch14"],selectRef:["watch15"],invalidMessage:["watch15"]}}};export{T as db_custom_select};
+//# sourceMappingURL=p-02f8816d.entry.js.map

package/dist/db-ux/p-02f8816d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DBCustomSelect","constructor","hostRef","this","showClearSelection","clearSelectionText","_id","undefined","_messageId","_validMessageId","_invalidMessageId","_invalidMessage","_selectId","_labelId","_summaryId","_placeholderId","_infoTextId","_validity","_descByIds","_selectedLabels","_selectedLabelsId","_voiceOverFallback","_selectedOptions","selectAllEnabled","searchEnabled","amountOptions","_values","_options","_hasNoOptions","_documentClickListenerCallbackId","_internalChangeTimestamp","selectAllChecked","selectAllIndeterminate","satisfyReact","event","stopPropagation","hasValidState","_a","validMessage","validation","handleValidation","selectRef","value","getNativeSelectValue","validity","valid","invalidMessage","_b","validationMessage","DEFAULT_INVALID_MESSAGE","hasVoiceOver","delay","_c","_d","required","_e","DEFAULT_VALID_MESSAGE","_f","stringPropVisible","message","showMessage","_g","_h","handleDropdownToggle","dropdownToggle","emit","target","open","DocumentClickListener","addCallback","handleDocumentClose","handleAutoPlacement","dataset","test","handleOpenByKeyboardFocus","removeCallback","length","at","setDescById","descId","descByIds","push","join","getSelectAllLabel","selectAllLabel","DEFAULT_LABEL","getOptionLabel","option","label","toString","getOptionChecked","includes","getOptionKey","id","uuid","getTagRemoveLabel","index","removeTagsTexts","DEFAULT_REMOVE","handleTagRemove","handleSelect","handleSummaryFocus","detailsRef","dropdown","querySelector","handleDataOutside","handleArrowDownUp","self","document","activeElement","isCheckbox","getAttribute","listElement","closest","key","nextElementSibling","focus","handleFocusFirstDropdownCheckbox","previousElementSibling","search","getSearchInput","checkboxList","Array","from","querySelectorAll","handleClose","preventDefault","handleKeyboardPress","relatedTarget","contains","detail","handleOptionSelected","values","skip","Date","getTime","optionSelected","multiple","filter","v","handleSelectAll","searchValue","searchInputRef","options","isGroupTitle","toLowerCase","map","checkboxes","first","checkbox","handleSearch","filterText","handleClearAll","enableAttributePassing","element","customElementSelector","parent","attributes","i","attr","item","name","startsWith","setAttribute","removeAttribute","isWebComponent","replace","trim","currentClass","watch0Fn","addEventListener","watch0","watch1Fn","messageId","DEFAULT_MESSAGE_ID_SUFFIX","DEFAULT_LABEL_ID_SUFFIX","DEFAULT_SELECT_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","DEFAULT_PLACEHOLDER_ID_SUFFIX","watch1","watch2Fn","summary","ariaDescribedBy","watch2","watch3Fn","showNoResults","watch3","watch4Fn","Boolean","showSelectAll","watch4","watch5Fn","showSearch","watch5","watch6Fn","isArray","watch6","watch7Fn","watch7","watch8Fn","watch8","watch9Fn","watch9","watch10Fn","watch10","watch11Fn","watch11","watch12Fn","selectedType","amountText","DEFAULT_SELECTED","watch12","watch13Fn","amountChange","watch13","watch14Fn","selectAllRef","indeterminate","watch14","watch15Fn","watch15","componentDidLoad","_ref","mId","render","h","class","cls","className","ref","el","formFieldWidth","variant","getBooleanAsString","placement","getHideProp","showLabel","icon","showIcon","role","hidden","tabIndex","form","getBoolean","disabled","onChange","onToggle","onKeyDown","Fragment","emphasis","behavior","removeButton","onRemove","width","dropdownWidth","type","searchLabel","placeholder","searchPlaceholder","showLoading","onInput","semantic","noResultsText","loadingText","DEFAULT_MESSAGE","checked","_k","_j","ariaListLabel","_l","showDivider","groupTitle","size","onClick","_m","mobileCloseButtonText","DEFAULT_CLOSE_BUTTON","_o","_p","noText","_q","messageIcon"],"sources":["src/components/custom-select/custom-select.tsx"],"sourcesContent":["import {\n  CustomSelectOptionType,\n  DBCustomSelectProps,\n  DBCustomSelectState,\n} from \"./model\";\nimport {\n  cls,\n  delay,\n  getBoolean,\n  getBooleanAsString,\n  getHideProp,\n  getSearchInput,\n  handleDataOutside,\n  hasVoiceOver,\n  stringPropVisible,\n  uuid,\n} from \"../../utils\";\nimport {\n  DEFAULT_CLOSE_BUTTON,\n  DEFAULT_INVALID_MESSAGE,\n  DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n  DEFAULT_LABEL,\n  DEFAULT_LABEL_ID_SUFFIX,\n  DEFAULT_MESSAGE,\n  DEFAULT_MESSAGE_ID_SUFFIX,\n  DEFAULT_PLACEHOLDER_ID_SUFFIX,\n  DEFAULT_REMOVE,\n  DEFAULT_SELECT_ID_SUFFIX,\n  DEFAULT_SELECTED,\n  DEFAULT_VALID_MESSAGE,\n  DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport { ChangeEvent, ClickEvent } from \"../../shared/model\";\nimport { DBCustomSelectList } from \"../custom-select-list/custom-select-list\";\nimport { DBCustomSelectListItem } from \"../custom-select-list-item/custom-select-list-item\";\nimport { DBCustomSelectDropdown } from \"../custom-select-dropdown/custom-select-dropdown\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport { DBTag } from \"../tag/tag\";\nimport { DBButton } from \"../button/button\";\nimport { DBTooltip } from \"../tooltip/tooltip\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\nimport { DBInput } from \"../input/input\";\nimport { DocumentClickListener } from \"../../utils/document-click-listener\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-custom-select\",\n})\nexport class DBCustomSelect {\n  private _ref!: HTMLDivElement | any;\n  private detailsRef!: HTMLDetailsElement | any;\n  private selectRef!: HTMLSelectElement | any;\n  private selectAllRef!: HTMLInputElement | any;\n  private searchInputRef!: HTMLInputElement | any;\n  @Prop() id: DBCustomSelectProps[\"id\"];\n  @Prop() invalidMessage: DBCustomSelectProps[\"invalidMessage\"];\n  @Prop() message: DBCustomSelectProps[\"message\"];\n  @Prop() showMessage: DBCustomSelectProps[\"showMessage\"];\n  @Prop() ariaDescribedBy: DBCustomSelectProps[\"ariaDescribedBy\"];\n  @Prop() showNoResults: DBCustomSelectProps[\"showNoResults\"];\n  @Prop() multiple: DBCustomSelectProps[\"multiple\"];\n  @Prop() showSelectAll: DBCustomSelectProps[\"showSelectAll\"];\n  @Prop() showSearch: DBCustomSelectProps[\"showSearch\"];\n  @Prop() values: DBCustomSelectProps[\"values\"];\n  @Prop() validation: DBCustomSelectProps[\"validation\"];\n  @Prop() options: DBCustomSelectProps[\"options\"];\n  @Prop() selectedType: DBCustomSelectProps[\"selectedType\"];\n  @Prop() amountText: DBCustomSelectProps[\"amountText\"];\n  @Event() amountChange: EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onAmountChange\"]>[number]\n  > | void;\n  @Prop() validMessage: DBCustomSelectProps[\"validMessage\"];\n  @Prop() required: DBCustomSelectProps[\"required\"];\n  @Event() dropdownToggle: EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onDropdownToggle\"]>[number]\n  > | void;\n  @Prop() selectAllLabel: DBCustomSelectProps[\"selectAllLabel\"];\n  @Prop() removeTagsTexts: DBCustomSelectProps[\"removeTagsTexts\"];\n  @Event() optionSelected: EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onOptionSelected\"]>[number]\n  > | void;\n  @Prop({attribute: \"classname\"}) className: DBCustomSelectProps[\"className\"];\n  @Prop() formFieldWidth: DBCustomSelectProps[\"formFieldWidth\"];\n  @Prop() variant: DBCustomSelectProps[\"variant\"];\n  @Prop() placement: DBCustomSelectProps[\"placement\"];\n  @Prop() showLabel: DBCustomSelectProps[\"showLabel\"];\n  @Prop() icon: DBCustomSelectProps[\"icon\"];\n  @Prop() showIcon: DBCustomSelectProps[\"showIcon\"];\n  @Prop() label: DBCustomSelectProps[\"label\"];\n  @Prop() form: DBCustomSelectProps[\"form\"];\n  @Prop() name: DBCustomSelectProps[\"name\"];\n  @Prop() disabled: DBCustomSelectProps[\"disabled\"];\n  @Prop() open: DBCustomSelectProps[\"open\"];\n  @Prop() dropdownWidth: DBCustomSelectProps[\"dropdownWidth\"];\n  @Prop() searchLabel: DBCustomSelectProps[\"searchLabel\"];\n  @Prop() searchPlaceholder: DBCustomSelectProps[\"searchPlaceholder\"];\n  @Prop() showLoading: DBCustomSelectProps[\"showLoading\"];\n  @Prop() ariaListLabel: DBCustomSelectProps[\"ariaListLabel\"];\n  @Prop() noResultsText: DBCustomSelectProps[\"noResultsText\"];\n  @Prop() loadingText: DBCustomSelectProps[\"loadingText\"];\n  @Prop() mobileCloseButtonText: DBCustomSelectProps[\"mobileCloseButtonText\"];\n  @Prop() showClearSelection: DBCustomSelectProps[\"showClearSelection\"] = true;\n  @Prop() clearSelectionText: DBCustomSelectProps[\"clearSelectionText\"] =\n    \"Clear selection\";\n  @Prop() placeholder: DBCustomSelectProps[\"placeholder\"];\n  @Prop() messageIcon: DBCustomSelectProps[\"messageIcon\"];\n  @State() _id = undefined;\n  @State() _messageId = undefined;\n  @State() _validMessageId = undefined;\n  @State() _invalidMessageId = undefined;\n  @State() _invalidMessage = undefined;\n  @State() _selectId = undefined;\n  @State() _labelId = undefined;\n  @State() _summaryId = undefined;\n  @State() _placeholderId = undefined;\n  @State() _infoTextId = undefined;\n  @State() _validity = \"no-validation\";\n  @State() _descByIds = \"\";\n  @State() _selectedLabels = \"\";\n  @State() _selectedLabelsId = undefined;\n  @State() _voiceOverFallback = \"\";\n  @State() _selectedOptions = [];\n  @State() selectAllEnabled = false;\n  @State() searchEnabled = false;\n  @State() amountOptions = 0;\n  @State() _values = [];\n  @State() _options = [];\n  @State() _hasNoOptions = false;\n  @State() _documentClickListenerCallbackId = undefined;\n  @State() _internalChangeTimestamp = 0;\n  @State() selectAllChecked = false;\n  @State() selectAllIndeterminate = false;\n\n  hasValidState() {\n    return !!(this.validMessage ?? this.validation === \"valid\");\n  }\n  handleValidation() {\n    if (this.selectRef) {\n      this.selectRef.value = this.getNativeSelectValue();\n    }\n    /* For a11y reasons we need to map the correct message with the select */\n    if (!this.selectRef?.validity.valid || this.validation === \"invalid\") {\n      this._descByIds = this._invalidMessageId;\n      this._invalidMessage =\n        this.invalidMessage ||\n        this.selectRef?.validationMessage ||\n        DEFAULT_INVALID_MESSAGE;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this._invalidMessage;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n      this._validity = this.validation ?? \"invalid\";\n    } else if (\n      this.hasValidState() &&\n      this.selectRef?.validity.valid &&\n      this.required\n    ) {\n      this._descByIds = this._validMessageId;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n      this._validity = this.validation ?? \"valid\";\n    } else if (stringPropVisible(this.message, this.showMessage)) {\n      this._descByIds = this._messageId;\n      this._validity = this.validation ?? \"no-validation\";\n    } else {\n      this._descByIds = this._placeholderId;\n      this._validity = this.validation ?? \"no-validation\";\n    }\n  }\n  handleDropdownToggle(event: any) {\n    if (this.dropdownToggle) {\n      event.stopPropagation();\n      this.dropdownToggle.emit(event);\n    }\n    if (event.target.open) {\n      this._documentClickListenerCallbackId =\n        new DocumentClickListener().addCallback((event) =>\n          this.handleDocumentClose(event)\n        );\n      this.handleAutoPlacement();\n      if (!event.target.dataset.test) {\n        // We need this workaround for snapshot testing\n        this.handleOpenByKeyboardFocus();\n      }\n    } else {\n      if (this._documentClickListenerCallbackId) {\n        new DocumentClickListener().removeCallback(\n          this._documentClickListenerCallbackId!\n        );\n      }\n    }\n  }\n  getNativeSelectValue() {\n    if (this._values?.length) {\n      return this._values!.at(0) ?? \"\";\n    }\n    return \"\";\n  }\n  setDescById(descId?: string) {\n    const descByIds: string[] = [];\n    if (descId) {\n      descByIds.push(descId);\n    }\n    if (this._selectedLabelsId && this._selectedLabels?.length) {\n      descByIds.push(this._selectedLabelsId!);\n    }\n    this._descByIds = descByIds.join(\" \");\n  }\n  getSelectAllLabel() {\n    return this.selectAllLabel ?? DEFAULT_LABEL;\n  }\n  getOptionLabel(option: CustomSelectOptionType) {\n    return option.label ?? option.value?.toString() ?? \"\";\n  }\n  getOptionChecked(value?: string) {\n    if (value && this._values?.includes) {\n      return this._values?.includes(value!);\n    }\n    return false;\n  }\n  getOptionKey(option: CustomSelectOptionType) {\n    return (option.id ?? option.value ?? uuid()).toString();\n  }\n  getTagRemoveLabel(index: number) {\n    if (this.removeTagsTexts && this.removeTagsTexts!.length > index) {\n      return this.removeTagsTexts!.at(index)!;\n    } else {\n      return `${DEFAULT_REMOVE} ${\n        this._selectedOptions\n          ? this.getOptionLabel(this._selectedOptions![index])\n          : \"\"\n      }`;\n    }\n  }\n  handleTagRemove(option: CustomSelectOptionType, event: any) {\n    event.stopPropagation();\n    this.handleSelect(option.value);\n    this.handleSummaryFocus();\n  }\n  handleAutoPlacement() {\n    if (this.detailsRef) {\n      const dropdown = this.detailsRef.querySelector(\"article\");\n      if (dropdown) {\n        delay(() => {\n          handleDataOutside(dropdown);\n        }, 1);\n      }\n    }\n  }\n  handleArrowDownUp(event: any) {\n    if (this.detailsRef?.open) {\n      if (self.document) {\n        const activeElement = self.document.activeElement;\n        if (activeElement) {\n          // 1. we check if we are currently focusing a checkbox in the dropdown\n          const isCheckbox =\n            activeElement.getAttribute(\"type\") === \"checkbox\" ||\n            activeElement.getAttribute(\"type\") === \"radio\";\n          if (isCheckbox) {\n            const listElement = activeElement?.closest(\"li\");\n            if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") {\n              if (listElement?.nextElementSibling) {\n                listElement?.nextElementSibling\n                  ?.querySelector(\"input\")\n                  ?.focus();\n              } else {\n                // We are on the last checkbox we move to the top checkbox\n                this.handleFocusFirstDropdownCheckbox(activeElement);\n              }\n            } else {\n              if (listElement?.previousElementSibling) {\n                listElement?.previousElementSibling\n                  ?.querySelector(\"input\")\n                  ?.focus();\n              } else if (\n                this.detailsRef.querySelector(`input[type=\"checkbox\"]`) !==\n                activeElement\n              ) {\n                // We are on the top list checkbox but there is a select all checkbox as well\n                this.handleFocusFirstDropdownCheckbox(activeElement);\n              } else {\n                // We are on the top checkbox, we need to move to the search\n                // or to the last checkbox\n                const search = getSearchInput(this.detailsRef);\n                if (search) {\n                  delay(() => {\n                    search.focus();\n                  }, 100);\n                } else {\n                  const checkboxList: HTMLInputElement[] = Array.from(\n                    this.detailsRef?.querySelectorAll(\n                      `input[type=\"checkbox\"],input[type=\"radio\"]`\n                    )\n                  );\n                  if (checkboxList.length) {\n                    checkboxList.at(-1)?.focus();\n                  }\n                }\n              }\n            }\n          } else {\n            // 2. If we are on the search, and press up we go back to summary and close\n            if (\n              activeElement.getAttribute(\"type\") === \"search\" &&\n              (event.key === \"ArrowUp\" || event.key === \"ArrowLeft\")\n            ) {\n              this.handleClose(\"close\");\n              this.handleSummaryFocus();\n            } else {\n              // 3. Otherwise, we need to move to the first checkbox\n              this.handleFocusFirstDropdownCheckbox(activeElement);\n            }\n          }\n        }\n      }\n    } else if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") {\n      // Open dropdown with arrows see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/#keyboardinteraction\n      this.handleAutoPlacement();\n      if (this.detailsRef) {\n        this.detailsRef.open = true;\n      }\n      this.handleOpenByKeyboardFocus();\n    }\n    event.stopPropagation();\n    event.preventDefault();\n  }\n  handleKeyboardPress(event: any) {\n    event.stopPropagation();\n    if (event.key === \"Escape\" && this.detailsRef?.open) {\n      this.handleClose(\"close\");\n      this.handleSummaryFocus();\n    } else if (\n      event.key === \"ArrowDown\" ||\n      event.key === \"ArrowUp\" ||\n      event.key === \"ArrowLeft\" ||\n      event.key === \"ArrowRight\"\n    ) {\n      this.handleArrowDownUp(event);\n    }\n  }\n  handleClose(event: any) {\n    if (this.detailsRef) {\n      if (event === \"close\") {\n        this.detailsRef.open = false;\n        this.handleSummaryFocus();\n      } else if (this.detailsRef.open && event?.relatedTarget) {\n        const relatedTarget = event.relatedTarget as HTMLElement;\n        if (!this.detailsRef.contains(relatedTarget)) {\n          // We need to use delay here because the combination of `contains`\n          // and changing the DOM element causes a race condition inside browser\n          delay(() => (this.detailsRef.open = false), 1);\n        }\n      }\n    }\n  }\n  handleDocumentClose(event: any) {\n    if (event) {\n      // stencil is sending a custom event which wraps the pointer event into details\n      const target =\n        typeof event.detail === \"number\" ? event.target : event.detail?.target;\n      if (this.detailsRef?.open && !this.detailsRef.contains(target)) {\n        this.detailsRef.open = false;\n      }\n    }\n  }\n  handleOptionSelected(values: string[]) {\n    const skip = new Date().getTime() - this._internalChangeTimestamp < 200;\n    if (skip) return;\n    this._values = values;\n    if (this.optionSelected) {\n      this.optionSelected.emit(values ?? []);\n    }\n    this._internalChangeTimestamp = new Date().getTime();\n  }\n  handleSelect(value?: string) {\n    if (value) {\n      if (this.multiple) {\n        if (this._values?.includes(value)) {\n          this.handleOptionSelected(\n            this._values!.filter((v: string) => v !== value)\n          );\n        } else {\n          this.handleOptionSelected([...(this._values || []), value]);\n        }\n      } else {\n        this.handleOptionSelected([value]);\n        this.handleClose(\"close\");\n      }\n    }\n  }\n  handleSelectAll(event: any) {\n    event.stopPropagation();\n    if (this._values?.length === this.amountOptions) {\n      this.handleOptionSelected([]);\n    } else {\n      const searchValue: string | undefined =\n        this.searchEnabled && this.searchInputRef\n          ? this.searchInputRef.value\n          : undefined;\n      this.handleOptionSelected(\n        this.options\n          ? this.options!.filter(\n              (option) =>\n                !option.isGroupTitle &&\n                (!searchValue ||\n                  option.value\n                    ?.toLowerCase()\n                    .includes(searchValue.toLowerCase()))\n            ).map((option) => option.value ?? \"\")\n          : []\n      );\n    }\n  }\n  handleFocusFirstDropdownCheckbox(activeElement?: Element) {\n    if (this.detailsRef) {\n      const checkboxes: HTMLInputElement[] = Array.from(\n        this.detailsRef.querySelectorAll(\n          `input[type=\"checkbox\"],input[type=\"radio\"]`\n        )\n      );\n      if (checkboxes.length) {\n        const first = checkboxes.at(0);\n        const checkbox =\n          first === activeElement && checkboxes.length > 1\n            ? checkboxes.at(1)\n            : first;\n        if (checkbox) {\n          delay(() => {\n            // Takes some time until element can be focused\n            (checkbox as HTMLInputElement).focus();\n          }, 1);\n        }\n      }\n    }\n  }\n  handleOpenByKeyboardFocus() {\n    if (this.detailsRef) {\n      // Focus search if possible\n      const search = getSearchInput(this.detailsRef);\n      if (search) {\n        delay(() => {\n          // Takes some time until element can be focused\n          search.focus();\n        }, 1);\n      } else {\n        // Focus first checkbox otherwise\n        this.handleFocusFirstDropdownCheckbox();\n      }\n    }\n  }\n  handleSearch(event: any) {\n    event.stopPropagation();\n    const filterText = (event.target as HTMLInputElement).value;\n    if (!this.options || !filterText || filterText.length === 0) {\n      this._options = this.options;\n    } else {\n      this._options = this.options!.filter(\n        (option) =>\n          !option.isGroupTitle &&\n          this.getOptionLabel(option)\n            .toLowerCase()\n            .includes(filterText.toLowerCase())\n      );\n    }\n  }\n  handleClearAll(event: any) {\n    event.stopPropagation();\n    this.handleOptionSelected([]);\n    this.handleSummaryFocus();\n  }\n  handleSummaryFocus() {\n    if (this.detailsRef) {\n      (this.detailsRef as HTMLDetailsElement).querySelector(\"summary\")?.focus();\n    }\n  }\n  satisfyReact = function satisfyReact(event: any) {\n    // This is a function to satisfy React\n    event.stopPropagation();\n  };\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this.detailsRef) {\n      this.detailsRef.addEventListener(\"focusout\", (event: any) =>\n        this.handleClose(event)\n      );\n    }\n  }\n\n  @Watch(\"detailsRef\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this._id) {\n      const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n      this._labelId = this._id + DEFAULT_LABEL_ID_SUFFIX;\n      this._selectId = this._id + DEFAULT_SELECT_ID_SUFFIX;\n      this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n      this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n      this._placeholderId = this._id + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n      if (stringPropVisible(this.message, this.showMessage)) {\n        this.setDescById(messageId);\n      } else {\n        this.setDescById();\n      }\n    }\n  }\n\n  @Watch(\"_id\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  watch2Fn() {\n    if (this.detailsRef) {\n      const summary = this.detailsRef.querySelector(\"summary\");\n      if (summary) {\n        summary.setAttribute(\n          \"aria-describedby\",\n          this.ariaDescribedBy ?? (this._descByIds || \"\")\n        );\n      }\n    }\n  }\n\n  @Watch(\"detailsRef\")\n  @Watch(\"_descByIds\")\n  watch2() {\n    this.watch2Fn();\n  }\n\n  watch3Fn() {\n    if (this.showNoResults !== undefined) {\n      this._hasNoOptions = this.showNoResults!;\n    } else if (this._options) {\n      this._hasNoOptions = this._options!.length === 0;\n    }\n  }\n\n  @Watch(\"showNoResults\")\n  @Watch(\"_options\")\n  watch3() {\n    this.watch3Fn();\n  }\n\n  watch4Fn() {\n    this.selectAllEnabled = Boolean(\n      this.multiple && (this.showSelectAll ?? this.amountOptions > 5)\n    );\n  }\n\n  @Watch(\"showSelectAll\")\n  @Watch(\"amountOptions\")\n  @Watch(\"multiple\")\n  watch4() {\n    this.watch4Fn();\n  }\n\n  watch5Fn() {\n    this.searchEnabled = this.showSearch ?? this.amountOptions > 9;\n  }\n\n  @Watch(\"showSearch\")\n  @Watch(\"amountOptions\")\n  watch5() {\n    this.watch5Fn();\n  }\n\n  watch6Fn() {\n    if (\n      this.values &&\n      Array.isArray(this.values) &&\n      this.values !== this._values\n    ) {\n      this._values = this.values ?? [];\n    }\n  }\n\n  @Watch(\"values\")\n  watch6() {\n    this.watch6Fn();\n  }\n\n  watch7Fn() {\n    this.handleValidation();\n  }\n\n  @Watch(\"_values\")\n  watch7() {\n    this.watch7Fn();\n  }\n\n  watch8Fn() {\n    this._validity = this.validation;\n  }\n\n  @Watch(\"validation\")\n  watch8() {\n    this.watch8Fn();\n  }\n\n  watch9Fn() {\n    if (this._values?.length === 0) {\n      this.selectAllChecked = false;\n      this.selectAllIndeterminate = false;\n    } else if (this._values?.length === this.amountOptions) {\n      this.selectAllIndeterminate = false;\n      this.selectAllChecked = true;\n    } else if (this._values) {\n      this.selectAllIndeterminate = true;\n    }\n  }\n\n  @Watch(\"_values\")\n  @Watch(\"amountOptions\")\n  watch9() {\n    this.watch9Fn();\n  }\n\n  watch10Fn() {\n    this._options = this.options;\n    this.amountOptions =\n      this.options?.filter((option) => !option.isGroupTitle).length ?? 0;\n  }\n\n  @Watch(\"options\")\n  watch10() {\n    this.watch10Fn();\n  }\n\n  watch11Fn() {\n    if (this.options?.length) {\n      this._selectedOptions = this.options?.filter(\n        (option: CustomSelectOptionType) => {\n          if (!option.value || !this._values?.[\"includes\"]) {\n            return false;\n          }\n          return !option.isGroupTitle && this._values?.includes(option.value);\n        }\n      );\n    }\n  }\n\n  @Watch(\"options\")\n  @Watch(\"_values\")\n  watch11() {\n    this.watch11Fn();\n  }\n\n  watch12Fn() {\n    if (this._selectedOptions?.length) {\n      if (this.selectedType === \"amount\") {\n        this._selectedLabels = this.amountText\n          ? this.amountText\n          : `${this._selectedOptions?.length} ${DEFAULT_SELECTED}`;\n      } else {\n        this._selectedLabels = this._selectedOptions\n          ?.map((option: CustomSelectOptionType) => this.getOptionLabel(option))\n          .join(\", \");\n      }\n    } else {\n      this._selectedLabels = \"\";\n    }\n  }\n\n  @Watch(\"_selectedOptions\")\n  @Watch(\"selectedType\")\n  @Watch(\"amountText\")\n  watch12() {\n    this.watch12Fn();\n  }\n\n  watch13Fn() {\n    if (this.amountChange) {\n      this.amountChange.emit(this._selectedOptions?.length ?? 0);\n    }\n  }\n\n  @Watch(\"_selectedOptions\")\n  watch13() {\n    this.watch13Fn();\n  }\n\n  watch14Fn() {\n    if (this.selectAllRef) {\n      this.selectAllRef.indeterminate = Boolean(this.selectAllIndeterminate);\n    }\n  }\n\n  @Watch(\"selectAllIndeterminate\")\n  @Watch(\"selectAllRef\")\n  watch14() {\n    this.watch14Fn();\n  }\n\n  watch15Fn() {\n    this._invalidMessage =\n      this.invalidMessage ||\n      this.selectRef?.validationMessage ||\n      DEFAULT_INVALID_MESSAGE;\n  }\n\n  @Watch(\"selectRef\")\n  @Watch(\"invalidMessage\")\n  watch15() {\n    this.watch15Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-custom-select\");\n    const mId = this.id ?? `custom-select-${uuid()}`;\n    this._id = mId;\n    this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;\n    this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n    this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n    this._selectId = mId + DEFAULT_SELECT_ID_SUFFIX;\n    this._labelId = mId + DEFAULT_LABEL_ID_SUFFIX;\n    this._summaryId = mId + \"-summary\";\n    this._placeholderId = mId + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n    this._selectedLabelsId = mId + \"-selected-labels\";\n    this._infoTextId = mId + \"-info\";\n    this._invalidMessage = this.invalidMessage || DEFAULT_INVALID_MESSAGE;\n    this.watch0Fn();\n    this.watch1Fn();\n    this.watch2Fn();\n    this.watch3Fn();\n    this.watch4Fn();\n    this.watch5Fn();\n    this.watch6Fn();\n    this.watch7Fn();\n    this.watch8Fn();\n    this.watch9Fn();\n    this.watch10Fn();\n    this.watch11Fn();\n    this.watch12Fn();\n    this.watch13Fn();\n    this.watch14Fn();\n    this.watch15Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-custom-select\", this.className)}\n        id={this._id}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        aria-invalid={this._validity === \"invalid\"}\n        data-custom-validity={this._validity}\n        data-width={this.formFieldWidth}\n        data-variant={\n          this.variant === \"floating\" &&\n          this.selectedType === \"tag\" &&\n          this.multiple\n            ? \"above\"\n            : this.variant\n        }\n        data-required={getBooleanAsString(this.required)}\n        data-placement={this.placement}\n        data-selected-type={this.multiple ? this.selectedType : \"text\"}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n      >\n        <label id={this._labelId}>\n          {this.label ?? DEFAULT_LABEL}\n          <select\n            role=\"none\"\n            hidden={true}\n            id={this._selectId}\n            tabIndex={-1}\n            ref={(el: any) => {\n              this.selectRef = el;\n            }}\n            form={this.form}\n            name={this.name}\n            multiple={getBoolean(this.multiple, \"multiple\")}\n            disabled={getBoolean(this.disabled, \"disabled\")}\n            required={getBoolean(this.required, \"required\")}\n            onChange={(event) => this.satisfyReact(event)}\n          >\n            {this.options?.length\n              ? this.options?.map((option) => (\n                  <option\n                    disabled={option.disabled}\n                    value={option.value}\n                    key={undefined}\n                  >\n                    {this.getOptionLabel(option)}\n                  </option>\n                ))\n              : null}\n          </select>\n        </label>\n        <details\n          ref={(el: any) => {\n            this.detailsRef = el;\n          }}\n          open={this.open}\n          onToggle={(event) => this.handleDropdownToggle(event)}\n          onKeyDown={(event) => this.handleKeyboardPress(event)}\n        >\n          <slot></slot>\n          {this.options ? (\n            <Fragment>\n              <summary\n                class=\"db-custom-select-form-field\"\n                id={this._summaryId}\n                aria-disabled={getBooleanAsString(this.disabled)}\n                aria-labelledby={this._labelId}\n              >\n                {this._selectedLabels?.length ? (\n                  <span\n                    data-visually-hidden={getBooleanAsString(\n                      this.selectedType === \"tag\"\n                    )}\n                    id={this._selectedLabelsId}\n                  >\n                    {this._selectedLabels}\n                  </span>\n                ) : null}\n                {this.selectedType === \"tag\" ? (\n                  <div>\n                    {this._selectedOptions?.map((option, index) => (\n                      <db-tag\n                        emphasis=\"strong\"\n                        behavior=\"removable\"\n                        removeButton={this.getTagRemoveLabel(index)}\n                        onRemove={(event) =>\n                          this.handleTagRemove(option, event)\n                        }\n                        key={undefined}\n                      >\n                        {this.getOptionLabel(option)}\n                      </db-tag>\n                    ))}\n                  </div>\n                ) : null}\n              </summary>\n              <db-custom-select-dropdown width={this.dropdownWidth}>\n                {this.searchEnabled ? (\n                  <div>\n                    <db-input\n                      type=\"search\"\n                      ref={(el: any) => {\n                        this.searchInputRef = el;\n                      }}\n                      name={this._id}\n                      form={this._id}\n                      showLabel={false}\n                      label={this.searchLabel ?? DEFAULT_LABEL}\n                      placeholder={this.searchPlaceholder ?? this.searchLabel}\n                      ariaDescribedBy={\n                        this._hasNoOptions || this.showLoading\n                          ? this._infoTextId\n                          : undefined\n                      }\n                      onInput={(event) => this.handleSearch(event)}\n                    ></db-input>\n                  </div>\n                ) : null}\n                {this._hasNoOptions || this.showLoading ? (\n                  <db-infotext\n                    id={this._infoTextId}\n                    icon={this._hasNoOptions ? undefined : \"circular_arrows\"}\n                    semantic={this._hasNoOptions ? \"warning\" : \"informational\"}\n                  >\n                    {(this._hasNoOptions\n                      ? this.noResultsText\n                      : this.loadingText) ?? DEFAULT_MESSAGE}\n                  </db-infotext>\n                ) : (\n                  <Fragment>\n                    {this.selectAllEnabled ? (\n                      <div>\n                        <div class=\"db-checkbox db-custom-select-list-item\">\n                          <label>\n                            <input\n                              type=\"checkbox\"\n                              value=\"select-all\"\n                              ref={(el: any) => {\n                                this.selectAllRef = el;\n                              }}\n                              form={this._id}\n                              checked={this.selectAllChecked}\n                              onChange={(event) => this.handleSelectAll(event)}\n                            />\n                            {this.getSelectAllLabel()}\n                          </label>\n                        </div>\n                      </div>\n                    ) : null}\n                    <db-custom-select-list\n                      multiple={getBoolean(this.multiple, \"multiple\")}\n                      label={this.ariaListLabel ?? this.label ?? DEFAULT_LABEL}\n                    >\n                      {this._options?.map((option) => (\n                        <db-custom-select-list-item\n                          type={this.multiple ? \"checkbox\" : \"radio\"}\n                          showDivider={option.showDivider}\n                          icon={option.icon}\n                          isGroupTitle={option.isGroupTitle}\n                          groupTitle={this.getOptionLabel(option)}\n                          name={this._id}\n                          checked={this.getOptionChecked(option.value)}\n                          disabled={option.disabled}\n                          value={option.value}\n                          onChange={() => this.handleSelect(option.value)}\n                          key={undefined}\n                        >\n                          {!option.isGroupTitle\n                            ? this.getOptionLabel(option)\n                            : null}\n                        </db-custom-select-list-item>\n                      ))}\n                    </db-custom-select-list>\n                  </Fragment>\n                )}\n                <div>\n                  <db-button\n                    variant=\"ghost\"\n                    width=\"full\"\n                    icon=\"cross\"\n                    size=\"small\"\n                    name={this._id}\n                    form={this._id}\n                    onClick={() => this.handleClose(\"close\")}\n                  >\n                    {this.mobileCloseButtonText ?? DEFAULT_CLOSE_BUTTON}\n                  </db-button>\n                </div>\n              </db-custom-select-dropdown>\n            </Fragment>\n          ) : null}\n        </details>\n        {(this.showClearSelection ?? true) && this._values?.length ? (\n          <db-button\n            icon=\"cross\"\n            variant=\"ghost\"\n            size=\"small\"\n            noText={true}\n            name={this._id}\n            form={this._id}\n            onClick={(event) => this.handleClearAll(event)}\n          >\n            {this.clearSelectionText}\n            <db-tooltip placement=\"top\">{this.clearSelectionText}</db-tooltip>\n          </db-button>\n        ) : null}\n        <span aria-hidden={getBooleanAsString(true)} id={this._placeholderId}>\n          {this.placeholder ?? this.label}\n        </span>\n        {stringPropVisible(this.message, this.showMessage) ? (\n          <db-infotext\n            size=\"small\"\n            icon={this.messageIcon}\n            id={this._messageId}\n          >\n            {this.message}\n          </db-infotext>\n        ) : null}\n        {this.hasValidState() ? (\n          <db-infotext\n            size=\"small\"\n            semantic=\"successful\"\n            id={this._validMessageId}\n          >\n            {this.validMessage || DEFAULT_VALID_MESSAGE}\n          </db-infotext>\n        ) : null}\n        <db-infotext\n          size=\"small\"\n          semantic=\"critical\"\n          id={this._invalidMessageId}\n        >\n          {this._invalidMessage}\n        </db-infotext>\n        <span data-visually-hidden=\"true\" role=\"status\">\n          {this._voiceOverFallback}\n        </span>\n      </div>\n    );\n  }\n}\n"],"mappings":"yTAkEaA,EAAc,MAH1B,WAAAC,CAAAC,G,6IAwDSC,KAAkBC,mBAA8C,KAChED,KAAkBE,mBACxB,kBAGOF,KAAGG,IAAGC,UACNJ,KAAUK,WAAGD,UACbJ,KAAeM,gBAAGF,UAClBJ,KAAiBO,kBAAGH,UACpBJ,KAAeQ,gBAAGJ,UAClBJ,KAASS,UAAGL,UACZJ,KAAQU,SAAGN,UACXJ,KAAUW,WAAGP,UACbJ,KAAcY,eAAGR,UACjBJ,KAAWa,YAAGT,UACdJ,KAASc,UAAG,gBACZd,KAAUe,WAAG,GACbf,KAAegB,gBAAG,GAClBhB,KAAiBiB,kBAAGb,UACpBJ,KAAkBkB,mBAAG,GACrBlB,KAAgBmB,iBAAG,GACnBnB,KAAgBoB,iBAAG,MACnBpB,KAAaqB,cAAG,MAChBrB,KAAasB,cAAG,EAChBtB,KAAOuB,QAAG,GACVvB,KAAQwB,SAAG,GACXxB,KAAayB,cAAG,MAChBzB,KAAgC0B,iCAAGtB,UACnCJ,KAAwB2B,yBAAG,EAC3B3B,KAAgB4B,iBAAG,MACnB5B,KAAsB6B,uBAAG,MA0VlC7B,KAAA8B,aAAe,SAASA,EAAaC,GAEnCA,EAAMC,iBACR,CAmiBD,CA93BC,aAAAC,G,MACE,UAAUC,EAAAlC,KAAKmC,gBAAgB,MAAAD,SAAA,EAAAA,EAAAlC,KAAKoC,aAAe,Q,CAErD,gBAAAC,G,oBACE,GAAIrC,KAAKsC,UAAW,CAClBtC,KAAKsC,UAAUC,MAAQvC,KAAKwC,sB,CAG9B,MAAKN,EAAAlC,KAAKsC,aAAS,MAAAJ,SAAA,SAAAA,EAAEO,SAASC,QAAS1C,KAAKoC,aAAe,UAAW,CACpEpC,KAAKe,WAAaf,KAAKO,kBACvBP,KAAKQ,gBACHR,KAAK2C,kBACLC,EAAA5C,KAAKsC,aAAS,MAAAM,SAAA,SAAAA,EAAEC,oBAChBC,EACF,GAAIC,IAAgB,CAClB/C,KAAKkB,mBAAqBlB,KAAKQ,gBAC/BwC,GAAM,IAAOhD,KAAKkB,mBAAqB,IAAK,I,CAE9ClB,KAAKc,WAAYmC,EAAAjD,KAAKoC,cAAc,MAAAa,SAAA,EAAAA,EAAA,S,MAC/B,GACLjD,KAAKiC,mBACLiB,EAAAlD,KAAKsC,aAAS,MAAAY,SAAA,SAAAA,EAAET,SAASC,QACzB1C,KAAKmD,SACL,CACAnD,KAAKe,WAAaf,KAAKM,gBACvB,GAAIyC,IAAgB,CAClB/C,KAAKkB,oBAAqBkC,EAAApD,KAAKmC,gBAAgB,MAAAiB,SAAA,EAAAA,EAAAC,EAC/CL,GAAM,IAAOhD,KAAKkB,mBAAqB,IAAK,I,CAE9ClB,KAAKc,WAAYwC,EAAAtD,KAAKoC,cAAc,MAAAkB,SAAA,EAAAA,EAAA,O,MAC/B,GAAIC,EAAkBvD,KAAKwD,QAASxD,KAAKyD,aAAc,CAC5DzD,KAAKe,WAAaf,KAAKK,WACvBL,KAAKc,WAAY4C,EAAA1D,KAAKoC,cAAc,MAAAsB,SAAA,EAAAA,EAAA,e,KAC/B,CACL1D,KAAKe,WAAaf,KAAKY,eACvBZ,KAAKc,WAAY6C,EAAA3D,KAAKoC,cAAc,MAAAuB,SAAA,EAAAA,EAAA,e,EAGxC,oBAAAC,CAAqB7B,GACnB,GAAI/B,KAAK6D,eAAgB,CACvB9B,EAAMC,kBACNhC,KAAK6D,eAAeC,KAAK/B,E,CAE3B,GAAIA,EAAMgC,OAAOC,KAAM,CACrBhE,KAAK0B,kCACH,IAAIuC,GAAwBC,aAAanC,GACvC/B,KAAKmE,oBAAoBpC,KAE7B/B,KAAKoE,sBACL,IAAKrC,EAAMgC,OAAOM,QAAQC,KAAM,CAE9BtE,KAAKuE,2B,MAEF,CACL,GAAIvE,KAAK0B,iCAAkC,EACzC,IAAIuC,GAAwBO,eAC1BxE,KAAK0B,iC,GAKb,oBAAAc,G,QACE,IAAIN,EAAAlC,KAAKuB,WAAS,MAAAW,SAAA,SAAAA,EAAAuC,OAAQ,CACxB,OAAO7B,EAAA5C,KAAKuB,QAASmD,GAAG,MAAM,MAAA9B,SAAA,EAAAA,EAAA,E,CAEhC,MAAO,E,CAET,WAAA+B,CAAYC,G,MACV,MAAMC,EAAsB,GAC5B,GAAID,EAAQ,CACVC,EAAUC,KAAKF,E,CAEjB,GAAI5E,KAAKiB,qBAAqBiB,EAAAlC,KAAKgB,mBAAiB,MAAAkB,SAAA,SAAAA,EAAAuC,QAAQ,CAC1DI,EAAUC,KAAK9E,KAAKiB,kB,CAEtBjB,KAAKe,WAAa8D,EAAUE,KAAK,I,CAEnC,iBAAAC,G,MACE,OAAO9C,EAAAlC,KAAKiF,kBAAc,MAAA/C,SAAA,EAAAA,EAAIgD,C,CAEhC,cAAAC,CAAeC,G,UACb,OAAOnC,GAAAf,EAAAkD,EAAOC,SAAS,MAAAnD,SAAA,EAAAA,GAAAU,EAAAwC,EAAO7C,SAAO,MAAAK,SAAA,SAAAA,EAAA0C,cAAU,MAAArC,SAAA,EAAAA,EAAI,E,CAErD,gBAAAsC,CAAiBhD,G,QACf,GAAIA,KAASL,EAAAlC,KAAKuB,WAAS,MAAAW,SAAA,SAAAA,EAAAsD,UAAU,CACnC,OAAO5C,EAAA5C,KAAKuB,WAAO,MAAAqB,SAAA,SAAAA,EAAE4C,SAASjD,E,CAEhC,OAAO,K,CAET,YAAAkD,CAAaL,G,QACX,QAAQxC,GAAAV,EAAAkD,EAAOM,MAAM,MAAAxD,SAAA,EAAAA,EAAAkD,EAAO7C,SAAK,MAAAK,SAAA,EAAAA,EAAI+C,KAAQL,U,CAE/C,iBAAAM,CAAkBC,GAChB,GAAI7F,KAAK8F,iBAAmB9F,KAAK8F,gBAAiBrB,OAASoB,EAAO,CAChE,OAAO7F,KAAK8F,gBAAiBpB,GAAGmB,E,KAC3B,CACL,MAAO,GAAGE,KACR/F,KAAKmB,iBACDnB,KAAKmF,eAAenF,KAAKmB,iBAAkB0E,IAC3C,I,EAIV,eAAAG,CAAgBZ,EAAgCrD,GAC9CA,EAAMC,kBACNhC,KAAKiG,aAAab,EAAO7C,OACzBvC,KAAKkG,oB,CAEP,mBAAA9B,GACE,GAAIpE,KAAKmG,WAAY,CACnB,MAAMC,EAAWpG,KAAKmG,WAAWE,cAAc,WAC/C,GAAID,EAAU,CACZpD,GAAM,KACJsD,EAAkBF,EAAS,GAC1B,E,GAIT,iBAAAG,CAAkBxE,G,kBAChB,IAAIG,EAAAlC,KAAKmG,cAAY,MAAAjE,SAAA,SAAAA,EAAA8B,KAAM,CACzB,GAAIwC,KAAKC,SAAU,CACjB,MAAMC,EAAgBF,KAAKC,SAASC,cACpC,GAAIA,EAAe,CAEjB,MAAMC,EACJD,EAAcE,aAAa,UAAY,YACvCF,EAAcE,aAAa,UAAY,QACzC,GAAID,EAAY,CACd,MAAME,EAAcH,IAAa,MAAbA,SAAa,SAAbA,EAAeI,QAAQ,MAC3C,GAAI/E,EAAMgF,MAAQ,aAAehF,EAAMgF,MAAQ,aAAc,CAC3D,GAAIF,IAAW,MAAXA,SAAW,SAAXA,EAAaG,mBAAoB,EACnC/D,GAAAL,EAAAiE,IAAW,MAAXA,SAAW,SAAXA,EAAaG,sBACT,MAAApE,SAAA,SAAAA,EAAAyD,cAAc,YACd,MAAApD,SAAA,SAAAA,EAAAgE,O,KACC,CAELjH,KAAKkH,iCAAiCR,E,MAEnC,CACL,GAAIG,IAAW,MAAXA,SAAW,SAAXA,EAAaM,uBAAwB,EACvC/D,GAAAF,EAAA2D,IAAW,MAAXA,SAAW,SAAXA,EAAaM,0BACT,MAAAjE,SAAA,SAAAA,EAAAmD,cAAc,YACd,MAAAjD,SAAA,SAAAA,EAAA6D,O,MACC,GACLjH,KAAKmG,WAAWE,cAAc,4BAC9BK,EACA,CAEA1G,KAAKkH,iCAAiCR,E,KACjC,CAGL,MAAMU,EAASC,EAAerH,KAAKmG,YACnC,GAAIiB,EAAQ,CACVpE,GAAM,KACJoE,EAAOH,OAAO,GACb,I,KACE,CACL,MAAMK,EAAmCC,MAAMC,MAC7ClE,EAAAtD,KAAKmG,cAAU,MAAA7C,SAAA,SAAAA,EAAEmE,iBACf,+CAGJ,GAAIH,EAAa7C,OAAQ,EACvBf,EAAA4D,EAAa5C,IAAG,MAAG,MAAAhB,SAAA,SAAAA,EAAEuD,O,SAKxB,CAEL,GACEP,EAAcE,aAAa,UAAY,WACtC7E,EAAMgF,MAAQ,WAAahF,EAAMgF,MAAQ,aAC1C,CACA/G,KAAK0H,YAAY,SACjB1H,KAAKkG,oB,KACA,CAELlG,KAAKkH,iCAAiCR,E,UAKzC,GAAI3E,EAAMgF,MAAQ,aAAehF,EAAMgF,MAAQ,aAAc,CAElE/G,KAAKoE,sBACL,GAAIpE,KAAKmG,WAAY,CACnBnG,KAAKmG,WAAWnC,KAAO,I,CAEzBhE,KAAKuE,2B,CAEPxC,EAAMC,kBACND,EAAM4F,gB,CAER,mBAAAC,CAAoB7F,G,MAClBA,EAAMC,kBACN,GAAID,EAAMgF,MAAQ,YAAY7E,EAAAlC,KAAKmG,cAAU,MAAAjE,SAAA,SAAAA,EAAE8B,MAAM,CACnDhE,KAAK0H,YAAY,SACjB1H,KAAKkG,oB,MACA,GACLnE,EAAMgF,MAAQ,aACdhF,EAAMgF,MAAQ,WACdhF,EAAMgF,MAAQ,aACdhF,EAAMgF,MAAQ,aACd,CACA/G,KAAKuG,kBAAkBxE,E,EAG3B,WAAA2F,CAAY3F,GACV,GAAI/B,KAAKmG,WAAY,CACnB,GAAIpE,IAAU,QAAS,CACrB/B,KAAKmG,WAAWnC,KAAO,MACvBhE,KAAKkG,oB,MACA,GAAIlG,KAAKmG,WAAWnC,OAAQjC,IAAA,MAAAA,SAAK,SAALA,EAAO8F,eAAe,CACvD,MAAMA,EAAgB9F,EAAM8F,cAC5B,IAAK7H,KAAKmG,WAAW2B,SAASD,GAAgB,CAG5C7E,GAAM,IAAOhD,KAAKmG,WAAWnC,KAAO,OAAQ,E,IAKpD,mBAAAG,CAAoBpC,G,QAClB,GAAIA,EAAO,CAET,MAAMgC,SACGhC,EAAMgG,SAAW,SAAWhG,EAAMgC,QAAS7B,EAAAH,EAAMgG,UAAQ,MAAA7F,SAAA,SAAAA,EAAA6B,OAClE,KAAInB,EAAA5C,KAAKmG,cAAU,MAAAvD,SAAA,SAAAA,EAAEoB,QAAShE,KAAKmG,WAAW2B,SAAS/D,GAAS,CAC9D/D,KAAKmG,WAAWnC,KAAO,K,GAI7B,oBAAAgE,CAAqBC,GACnB,MAAMC,GAAO,IAAIC,MAAOC,UAAYpI,KAAK2B,yBAA2B,IACpE,GAAIuG,EAAM,OACVlI,KAAKuB,QAAU0G,EACf,GAAIjI,KAAKqI,eAAgB,CACvBrI,KAAKqI,eAAevE,KAAKmE,IAAA,MAAAA,SAAA,EAAAA,EAAU,G,CAErCjI,KAAK2B,0BAA2B,IAAIwG,MAAOC,S,CAE7C,YAAAnC,CAAa1D,G,MACX,GAAIA,EAAO,CACT,GAAIvC,KAAKsI,SAAU,CACjB,IAAIpG,EAAAlC,KAAKuB,WAAO,MAAAW,SAAA,SAAAA,EAAEsD,SAASjD,GAAQ,CACjCvC,KAAKgI,qBACHhI,KAAKuB,QAASgH,QAAQC,GAAcA,IAAMjG,I,KAEvC,CACLvC,KAAKgI,qBAAqB,IAAKhI,KAAKuB,SAAW,GAAKgB,G,MAEjD,CACLvC,KAAKgI,qBAAqB,CAACzF,IAC3BvC,KAAK0H,YAAY,Q,GAIvB,eAAAe,CAAgB1G,G,MACdA,EAAMC,kBACN,KAAIE,EAAAlC,KAAKuB,WAAO,MAAAW,SAAA,SAAAA,EAAEuC,UAAWzE,KAAKsB,cAAe,CAC/CtB,KAAKgI,qBAAqB,G,KACrB,CACL,MAAMU,EACJ1I,KAAKqB,eAAiBrB,KAAK2I,eACvB3I,KAAK2I,eAAepG,MACpBnC,UACNJ,KAAKgI,qBACHhI,KAAK4I,QACD5I,KAAK4I,QAASL,QACXnD,I,MACC,OAACA,EAAOyD,gBACNH,KACAxG,EAAAkD,EAAO7C,SAAK,MAAAL,SAAA,SAAAA,EACR4G,cACDtD,SAASkD,EAAYI,gBAAe,IAC3CC,KAAK3D,IAAU,IAAAlD,EAAC,OAAAA,EAAAkD,EAAO7C,SAAK,MAAAL,SAAA,EAAAA,EAAI,EAAE,IACpC,G,EAIV,gCAAAgF,CAAiCR,GAC/B,GAAI1G,KAAKmG,WAAY,CACnB,MAAM6C,EAAiCzB,MAAMC,KAC3CxH,KAAKmG,WAAWsB,iBACd,+CAGJ,GAAIuB,EAAWvE,OAAQ,CACrB,MAAMwE,EAAQD,EAAWtE,GAAG,GAC5B,MAAMwE,EACJD,IAAUvC,GAAiBsC,EAAWvE,OAAS,EAC3CuE,EAAWtE,GAAG,GACduE,EACN,GAAIC,EAAU,CACZlG,GAAM,KAEHkG,EAA8BjC,OAAO,GACrC,E,IAKX,yBAAA1C,GACE,GAAIvE,KAAKmG,WAAY,CAEnB,MAAMiB,EAASC,EAAerH,KAAKmG,YACnC,GAAIiB,EAAQ,CACVpE,GAAM,KAEJoE,EAAOH,OAAO,GACb,E,KACE,CAELjH,KAAKkH,kC,GAIX,YAAAiC,CAAapH,GACXA,EAAMC,kBACN,MAAMoH,EAAcrH,EAAMgC,OAA4BxB,MACtD,IAAKvC,KAAK4I,UAAYQ,GAAcA,EAAW3E,SAAW,EAAG,CAC3DzE,KAAKwB,SAAWxB,KAAK4I,O,KAChB,CACL5I,KAAKwB,SAAWxB,KAAK4I,QAASL,QAC3BnD,IACEA,EAAOyD,cACR7I,KAAKmF,eAAeC,GACjB0D,cACAtD,SAAS4D,EAAWN,gB,EAI/B,cAAAO,CAAetH,GACbA,EAAMC,kBACNhC,KAAKgI,qBAAqB,IAC1BhI,KAAKkG,oB,CAEP,kBAAAA,G,MACE,GAAIlG,KAAKmG,WAAY,EAClBjE,EAAAlC,KAAKmG,WAAkCE,cAAc,cAAU,MAAAnE,SAAA,SAAAA,EAAE+E,O,EAa9D,sBAAAqC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASzC,QAAQ0C,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAMC,EAAaD,EAAOC,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWjF,OAAQkF,IAAK,CAC1C,MAAMC,EAAOF,EAAWG,KAAKF,GAC7B,GACEC,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAR,EAAQS,aAAaJ,EAAKE,KAAMF,EAAKrH,OACrCkH,EAAOQ,gBAAgBL,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMI,EAAiBN,EAAKrH,MAAMiD,SAAS,YAC3C,MAAMjD,EAAQqH,EAAKrH,MAAM4H,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAed,EAAQ3C,aAAa,SAC1C2C,EAAQS,aACNJ,EAAKE,KACL,GAAGO,EAAe,GAAGA,KAAkB,KAAK9H,KAE9C,GAAI2H,EAAgB,CAElBT,EAAOO,aAAa,QAAS,W,KACxB,CACLP,EAAOQ,gBAAgBL,EAAKE,K,KAOtC,QAAAQ,GACE,GAAItK,KAAKmG,WAAY,CACnBnG,KAAKmG,WAAWoE,iBAAiB,YAAaxI,GAC5C/B,KAAK0H,YAAY3F,I,EAMvB,MAAAyI,GACExK,KAAKsK,U,CAGP,QAAAG,GACE,GAAIzK,KAAKG,IAAK,CACZ,MAAMuK,EAAY1K,KAAKG,IAAMwK,EAC7B3K,KAAKU,SAAWV,KAAKG,IAAMyK,EAC3B5K,KAAKS,UAAYT,KAAKG,IAAM0K,EAC5B7K,KAAKM,gBAAkBN,KAAKG,IAAM2K,EAClC9K,KAAKO,kBAAoBP,KAAKG,IAAM4K,EACpC/K,KAAKY,eAAiBZ,KAAKG,IAAM6K,EACjC,GAAIzH,EAAkBvD,KAAKwD,QAASxD,KAAKyD,aAAc,CACrDzD,KAAK2E,YAAY+F,E,KACZ,CACL1K,KAAK2E,a,GAMX,MAAAsG,GACEjL,KAAKyK,U,CAGP,QAAAS,G,MACE,GAAIlL,KAAKmG,WAAY,CACnB,MAAMgF,EAAUnL,KAAKmG,WAAWE,cAAc,WAC9C,GAAI8E,EAAS,CACXA,EAAQnB,aACN,oBACA9H,EAAAlC,KAAKoL,mBAAmB,MAAAlJ,SAAA,EAAAA,EAAClC,KAAKe,YAAc,G,GAQpD,MAAAsK,GACErL,KAAKkL,U,CAGP,QAAAI,GACE,GAAItL,KAAKuL,gBAAkBnL,UAAW,CACpCJ,KAAKyB,cAAgBzB,KAAKuL,a,MACrB,GAAIvL,KAAKwB,SAAU,CACxBxB,KAAKyB,cAAgBzB,KAAKwB,SAAUiD,SAAW,C,EAMnD,MAAA+G,GACExL,KAAKsL,U,CAGP,QAAAG,G,MACEzL,KAAKoB,iBAAmBsK,QACtB1L,KAAKsI,YAAapG,EAAAlC,KAAK2L,iBAAa,MAAAzJ,SAAA,EAAAA,EAAIlC,KAAKsB,cAAgB,G,CAOjE,MAAAsK,GACE5L,KAAKyL,U,CAGP,QAAAI,G,MACE7L,KAAKqB,eAAgBa,EAAAlC,KAAK8L,cAAU,MAAA5J,SAAA,EAAAA,EAAIlC,KAAKsB,cAAgB,C,CAK/D,MAAAyK,GACE/L,KAAK6L,U,CAGP,QAAAG,G,MACE,GACEhM,KAAKiI,QACLV,MAAM0E,QAAQjM,KAAKiI,SACnBjI,KAAKiI,SAAWjI,KAAKuB,QACrB,CACAvB,KAAKuB,SAAUW,EAAAlC,KAAKiI,UAAU,MAAA/F,SAAA,EAAAA,EAAA,E,EAKlC,MAAAgK,GACElM,KAAKgM,U,CAGP,QAAAG,GACEnM,KAAKqC,kB,CAIP,MAAA+J,GACEpM,KAAKmM,U,CAGP,QAAAE,GACErM,KAAKc,UAAYd,KAAKoC,U,CAIxB,MAAAkK,GACEtM,KAAKqM,U,CAGP,QAAAE,G,QACE,KAAIrK,EAAAlC,KAAKuB,WAAO,MAAAW,SAAA,SAAAA,EAAEuC,UAAW,EAAG,CAC9BzE,KAAK4B,iBAAmB,MACxB5B,KAAK6B,uBAAyB,K,MACzB,KAAIe,EAAA5C,KAAKuB,WAAO,MAAAqB,SAAA,SAAAA,EAAE6B,UAAWzE,KAAKsB,cAAe,CACtDtB,KAAK6B,uBAAyB,MAC9B7B,KAAK4B,iBAAmB,I,MACnB,GAAI5B,KAAKuB,QAAS,CACvBvB,KAAK6B,uBAAyB,I,EAMlC,MAAA2K,GACExM,KAAKuM,U,CAGP,SAAAE,G,QACEzM,KAAKwB,SAAWxB,KAAK4I,QACrB5I,KAAKsB,eACHsB,GAAAV,EAAAlC,KAAK4I,WAAO,MAAA1G,SAAA,SAAAA,EAAEqG,QAAQnD,IAAYA,EAAOyD,eAAcpE,UAAM,MAAA7B,SAAA,EAAAA,EAAI,C,CAIrE,OAAA8J,GACE1M,KAAKyM,W,CAGP,SAAAE,G,QACE,IAAIzK,EAAAlC,KAAK4I,WAAS,MAAA1G,SAAA,SAAAA,EAAAuC,OAAQ,CACxBzE,KAAKmB,kBAAmByB,EAAA5C,KAAK4I,WAAO,MAAAhG,SAAA,SAAAA,EAAE2F,QACnCnD,I,QACC,IAAKA,EAAO7C,UAAUL,EAAAlC,KAAKuB,WAAU,MAAAW,SAAA,SAAAA,EAAA,aAAa,CAChD,OAAO,K,CAET,OAAQkD,EAAOyD,gBAAgBjG,EAAA5C,KAAKuB,WAAO,MAAAqB,SAAA,SAAAA,EAAE4C,SAASJ,EAAO7C,OAAM,G,EAQ3E,OAAAqK,GACE5M,KAAK2M,W,CAGP,SAAAE,G,UACE,IAAI3K,EAAAlC,KAAKmB,oBAAkB,MAAAe,SAAA,SAAAA,EAAAuC,OAAQ,CACjC,GAAIzE,KAAK8M,eAAiB,SAAU,CAClC9M,KAAKgB,gBAAkBhB,KAAK+M,WACxB/M,KAAK+M,WACL,IAAGnK,EAAA5C,KAAKmB,oBAAgB,MAAAyB,SAAA,SAAAA,EAAE6B,UAAUuI,G,KACnC,CACLhN,KAAKgB,iBAAkBiC,EAAAjD,KAAKmB,oBACxB,MAAA8B,SAAA,SAAAA,EAAA8F,KAAK3D,GAAmCpF,KAAKmF,eAAeC,KAC7DL,KAAK,K,MAEL,CACL/E,KAAKgB,gBAAkB,E,EAO3B,OAAAiM,GACEjN,KAAK6M,W,CAGP,SAAAK,G,QACE,GAAIlN,KAAKmN,aAAc,CACrBnN,KAAKmN,aAAarJ,MAAKlB,GAAAV,EAAAlC,KAAKmB,oBAAkB,MAAAe,SAAA,SAAAA,EAAAuC,UAAU,MAAA7B,SAAA,EAAAA,EAAA,E,EAK5D,OAAAwK,GACEpN,KAAKkN,W,CAGP,SAAAG,GACE,GAAIrN,KAAKsN,aAAc,CACrBtN,KAAKsN,aAAaC,cAAgB7B,QAAQ1L,KAAK6B,uB,EAMnD,OAAA2L,GACExN,KAAKqN,W,CAGP,SAAAI,G,MACEzN,KAAKQ,gBACHR,KAAK2C,kBACLT,EAAAlC,KAAKsC,aAAS,MAAAJ,SAAA,SAAAA,EAAEW,oBAChBC,C,CAKJ,OAAA4K,GACE1N,KAAKyN,W,CAGP,gBAAAE,G,MACE3N,KAAKsJ,uBAAuBtJ,KAAK4N,KAAM,oBACvC,MAAMC,GAAM3L,EAAAlC,KAAK0F,MAAE,MAAAxD,SAAA,EAAAA,EAAI,iBAAiByD,MACxC3F,KAAKG,IAAM0N,EACX7N,KAAKK,WAAawN,EAAMlD,EACxB3K,KAAKM,gBAAkBuN,EAAM/C,EAC7B9K,KAAKO,kBAAoBsN,EAAM9C,EAC/B/K,KAAKS,UAAYoN,EAAMhD,EACvB7K,KAAKU,SAAWmN,EAAMjD,EACtB5K,KAAKW,WAAakN,EAAM,WACxB7N,KAAKY,eAAiBiN,EAAM7C,EAC5BhL,KAAKiB,kBAAoB4M,EAAM,mBAC/B7N,KAAKa,YAAcgN,EAAM,QACzB7N,KAAKQ,gBAAkBR,KAAK2C,gBAAkBG,EAC9C9C,KAAKsK,WACLtK,KAAKyK,WACLzK,KAAKkL,WACLlL,KAAKsL,WACLtL,KAAKyL,WACLzL,KAAK6L,WACL7L,KAAKgM,WACLhM,KAAKmM,WACLnM,KAAKqM,WACLrM,KAAKuM,WACLvM,KAAKyM,YACLzM,KAAK2M,YACL3M,KAAK6M,YACL7M,KAAKkN,YACLlN,KAAKqN,YACLrN,KAAKyN,W,CAGP,MAAAK,G,kCACE,OACEC,EACE,OAAAhH,IAAA,2CAAAiH,MAAOC,EAAI,mBAAoBjO,KAAKkO,WACpCxI,GAAI1F,KAAKG,IACTgO,IAAMC,IACJpO,KAAK4N,KAAOQ,CAAE,EACf,eACapO,KAAKc,YAAc,UAAS,uBACpBd,KAAKc,UACf,aAAAd,KAAKqO,eAAc,eAE7BrO,KAAKsO,UAAY,YACjBtO,KAAK8M,eAAiB,OACtB9M,KAAKsI,SACD,QACAtI,KAAKsO,QAAO,gBAEHC,EAAmBvO,KAAKmD,UACvB,iBAAAnD,KAAKwO,UAAS,qBACVxO,KAAKsI,SAAWtI,KAAK8M,aAAe,OAAM,kBAC7C2B,EAAYzO,KAAK0O,WACvB,YAAA1O,KAAK2O,KAAI,iBACJF,EAAYzO,KAAK4O,WAEjCb,EAAO,SAAAhH,IAAA,2CAAArB,GAAI1F,KAAKU,WACbwB,EAAAlC,KAAKqF,SAAK,MAAAnD,SAAA,EAAAA,EAAIgD,EACf6I,EACE,UAAAhH,IAAA,2CAAA8H,KAAK,OACLC,OAAQ,KACRpJ,GAAI1F,KAAKS,UACTsO,UAAU,EACVZ,IAAMC,IACJpO,KAAKsC,UAAY8L,CAAE,EAErBY,KAAMhP,KAAKgP,KACXlF,KAAM9J,KAAK8J,KACXxB,SAAU2G,EAAWjP,KAAKsI,SAAU,YACpC4G,SAAUD,EAAWjP,KAAKkP,SAAU,YACpC/L,SAAU8L,EAAWjP,KAAKmD,SAAU,YACpCgM,SAAWpN,GAAU/B,KAAK8B,aAAaC,MAEtCa,EAAA5C,KAAK4I,WAAO,MAAAhG,SAAA,SAAAA,EAAE6B,SACXxB,EAAAjD,KAAK4I,WAAO,MAAA3F,SAAA,SAAAA,EAAE8F,KAAK3D,GACjB2I,EACE,UAAAmB,SAAU9J,EAAO8J,SACjB3M,MAAO6C,EAAO7C,MACdwE,IAAK3G,WAEJJ,KAAKmF,eAAeC,MAGzB,OAGR2I,EAAA,WAAAhH,IAAA,2CACEoH,IAAMC,IACJpO,KAAKmG,WAAaiI,CAAE,EAEtBpK,KAAMhE,KAAKgE,KACXoL,SAAWrN,GAAU/B,KAAK4D,qBAAqB7B,GAC/CsN,UAAYtN,GAAU/B,KAAK4H,oBAAoB7F,IAE/CgM,EAAa,QAAAhH,IAAA,6CACZ/G,KAAK4I,QACJmF,EAACuB,EAAQ,KACPvB,EAAA,WACEC,MAAM,8BACNtI,GAAI1F,KAAKW,WAAU,gBACJ4N,EAAmBvO,KAAKkP,UACtB,kBAAAlP,KAAKU,YAErBwC,EAAAlD,KAAKgB,mBAAe,MAAAkC,SAAA,SAAAA,EAAEuB,QACrBsJ,EACwB,+BAAAQ,EACpBvO,KAAK8M,eAAiB,OAExBpH,GAAI1F,KAAKiB,mBAERjB,KAAKgB,iBAEN,KACHhB,KAAK8M,eAAiB,MACrBiB,EACG,YAAA3K,EAAApD,KAAKmB,oBAAkB,MAAAiC,SAAA,SAAAA,EAAA2F,KAAI,CAAC3D,EAAQS,IACnCkI,EAAA,UACEwB,SAAS,SACTC,SAAS,YACTC,aAAczP,KAAK4F,kBAAkBC,GACrC6J,SAAW3N,GACT/B,KAAKgG,gBAAgBZ,EAAQrD,GAE/BgF,IAAK3G,WAEJJ,KAAKmF,eAAeC,OAIzB,MAEN2I,EAAA,6BAA2B4B,MAAO3P,KAAK4P,eACpC5P,KAAKqB,cACJ0M,EAAA,WACEA,EACE,YAAA8B,KAAK,SACL1B,IAAMC,IACJpO,KAAK2I,eAAiByF,CAAE,EAE1BtE,KAAM9J,KAAKG,IACX6O,KAAMhP,KAAKG,IACXuO,UAAW,MACXrJ,OAAO/B,EAAAtD,KAAK8P,eAAe,MAAAxM,SAAA,EAAAA,EAAA4B,EAC3B6K,aAAarM,EAAA1D,KAAKgQ,qBAAqB,MAAAtM,SAAA,EAAAA,EAAA1D,KAAK8P,YAC5C1E,gBACEpL,KAAKyB,eAAiBzB,KAAKiQ,YACvBjQ,KAAKa,YACLT,UAEN8P,QAAUnO,GAAU/B,KAAKmJ,aAAapH,MAGxC,KACH/B,KAAKyB,eAAiBzB,KAAKiQ,YAC1BlC,EAAA,eACErI,GAAI1F,KAAKa,YACT8N,KAAM3O,KAAKyB,cAAgBrB,UAAY,kBACvC+P,SAAUnQ,KAAKyB,cAAgB,UAAY,kBAE1CkC,EAAC3D,KAAKyB,cACHzB,KAAKoQ,cACLpQ,KAAKqQ,eAAgB,MAAA1M,SAAA,EAAAA,EAAA2M,GAG3BvC,EAACuB,EAAQ,KACNtP,KAAKoB,iBACJ2M,EAAA,WACEA,EAAK,OAAAC,MAAM,0CACTD,EAAA,aACEA,EAAA,SACE8B,KAAK,WACLtN,MAAM,aACN4L,IAAMC,IACJpO,KAAKsN,aAAec,CAAE,EAExBY,KAAMhP,KAAKG,IACXoQ,QAASvQ,KAAK4B,iBACduN,SAAWpN,GAAU/B,KAAKyI,gBAAgB1G,KAE3C/B,KAAKgF,uBAIV,KACJ+I,EAAA,yBACEzF,SAAU2G,EAAWjP,KAAKsI,SAAU,YACpCjD,OAAOmL,GAAAC,EAAAzQ,KAAK0Q,iBAAiB,MAAAD,SAAA,EAAAA,EAAAzQ,KAAKqF,SAAS,MAAAmL,SAAA,EAAAA,EAAAtL,IAE1CyL,EAAA3Q,KAAKwB,YAAU,MAAAmP,SAAA,SAAAA,EAAA5H,KAAK3D,GACnB2I,EAAA,8BACE8B,KAAM7P,KAAKsI,SAAW,WAAa,QACnCsI,YAAaxL,EAAOwL,YACpBjC,KAAMvJ,EAAOuJ,KACb9F,aAAczD,EAAOyD,aACrBgI,WAAY7Q,KAAKmF,eAAeC,GAChC0E,KAAM9J,KAAKG,IACXoQ,QAASvQ,KAAKuF,iBAAiBH,EAAO7C,OACtC2M,SAAU9J,EAAO8J,SACjB3M,MAAO6C,EAAO7C,MACd4M,SAAU,IAAMnP,KAAKiG,aAAab,EAAO7C,OACzCwE,IAAK3G,YAEHgF,EAAOyD,aACL7I,KAAKmF,eAAeC,GACpB,UAMd2I,EAAA,WACEA,EACE,aAAAO,QAAQ,QACRqB,MAAM,OACNhB,KAAK,QACLmC,KAAK,QACLhH,KAAM9J,KAAKG,IACX6O,KAAMhP,KAAKG,IACX4Q,QAAS,IAAM/Q,KAAK0H,YAAY,WAE/BsJ,EAAAhR,KAAKiR,yBAAqB,MAAAD,SAAA,EAAAA,EAAIE,MAKrC,QAEJC,EAAAnR,KAAKC,sBAAsB,MAAAkR,SAAA,EAAAA,EAAA,SAASC,EAAApR,KAAKuB,WAAS,MAAA6P,SAAA,SAAAA,EAAA3M,QAClDsJ,EAAA,aACEY,KAAK,QACLL,QAAQ,QACRwC,KAAK,QACLO,OAAQ,KACRvH,KAAM9J,KAAKG,IACX6O,KAAMhP,KAAKG,IACX4Q,QAAUhP,GAAU/B,KAAKqJ,eAAetH,IAEvC/B,KAAKE,mBACN6N,EAAA,cAAYS,UAAU,OAAOxO,KAAKE,qBAElC,KACJ6N,EAAA,QAAAhH,IAAA,yDAAmBwH,EAAmB,MAAO7I,GAAI1F,KAAKY,iBACnD0Q,EAAAtR,KAAK+P,eAAW,MAAAuB,SAAA,EAAAA,EAAItR,KAAKqF,OAE3B9B,EAAkBvD,KAAKwD,QAASxD,KAAKyD,aACpCsK,EAAA,eACE+C,KAAK,QACLnC,KAAM3O,KAAKuR,YACX7L,GAAI1F,KAAKK,YAERL,KAAKwD,SAEN,KACHxD,KAAKiC,gBACJ8L,EACE,eAAA+C,KAAK,QACLX,SAAS,aACTzK,GAAI1F,KAAKM,iBAERN,KAAKmC,cAAgBkB,GAEtB,KACJ0K,EAAA,eAAAhH,IAAA,2CACE+J,KAAK,QACLX,SAAS,WACTzK,GAAI1F,KAAKO,mBAERP,KAAKQ,iBAERuN,EAAA,QAAAhH,IAAA,kEAA2B,OAAO8H,KAAK,UACpC7O,KAAKkB,oB","ignoreList":[]}

package/dist/db-ux/{p-33aaf986.entry.js → p-3a2fd85e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i}from"./p-bH2PZLSq.js";import{m as a,g as e,c as r}from"./p-pglUTSkG.js";const h=class{constructor(i){t(this,i);this.click=s(this,"click")}handleClick(t){t.stopPropagation();if(this.click){this.click.emit(t)}}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const r=t.getAttribute("class");t.setAttribute(e.name,`${r?`${r} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-link")}render(){var t;return i("a",{key:"c54d234074fcfedf2516fdc372335bc3edde8ba7",class:r("db-link",this.className),ref:t=>{this._ref=t},id:this.id,href:this.href,target:this.target,rel:this.rel,role:this.role,hrefLang:this.hreflang,"aria-disabled":e(this.disabled),tabIndex:this.disabled?-1:0,"aria-selected":e(this.selected),"aria-label":this.label,"aria-current":this.current,"data-size":this.size,"data-hide-icon-after":a((t=this.showIcon)!==null&&t!==void 0?t:true),"data-variant":this.variant,"data-content":this.content||"internal",onClick:t=>this.handleClick(t)},this.text?this.text:i("slot",null))}};export{h as db_link};
-//# sourceMappingURL=p-33aaf986.entry.js.map
+import{r as t,c as s,h as i}from"./p-bH2PZLSq.js";import{m as a,g as e,c as r}from"./p-pglUTSkG.js";const h=class{constructor(i){t(this,i);this.click=s(this,"click")}handleClick(t){if(this.click){t.stopPropagation();this.click.emit(t)}}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const r=t.getAttribute("class");t.setAttribute(e.name,`${r?`${r} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-link")}render(){var t;return i("a",{key:"f539018216ea41668cc4451f6065712ab7a7c4ce",class:r("db-link",this.className),ref:t=>{this._ref=t},id:this.id,href:this.href,target:this.target,rel:this.rel,role:this.role,hrefLang:this.hreflang,"aria-disabled":e(this.disabled),tabIndex:this.disabled?-1:0,"aria-selected":e(this.selected),"aria-label":this.label,"aria-current":this.current,"data-size":this.size,"data-hide-icon-after":a((t=this.showIcon)!==null&&t!==void 0?t:true),"data-variant":this.variant,"data-content":this.content||"internal",onClick:t=>this.handleClick(t)},this.text?this.text:i("slot",null))}};export{h as db_link};
+//# sourceMappingURL=p-3a2fd85e.entry.js.map