@db-ux/wc-core-components 2.3.1 → 2.4.0

package/dist/db-ux/p-016e21b6.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DBCustomSelectDropdown","constructor","hostRef","this","width","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","_ref","render","h","key","class","cls","className","ref","el","id","DBCustomSelectList","role","multiple","label","DBCustomSelectListItem","_id","undefined","hasDivider","handleChange","event","stopPropagation","change","emit","getIconAfter","isGroupTitle","type","getBoolean","checked","watch0Fn","Boolean","showDivider","watch0","_a","uuid","getBooleanAsString","icon","getHideProp","showIcon","form","disabled","onChange","groupTitle","DBInput","_messageId","_validMessageId","_invalidMessageId","_invalidMessage","_dataListId","_descByIds","_value","_voiceOverFallback","hasValidState","validMessage","validation","handleValidation","validity","valid","invalidMessage","_b","validationMessage","DEFAULT_INVALID_MESSAGE","hasVoiceOver","delay","_c","required","minLength","maxLength","pattern","_d","DEFAULT_VALID_MESSAGE","stringPropVisible","message","showMessage","handleInput","input","handleBlur","blur","handleFocus","focus","getDataList","_list","dataList","Array","from","isArrayOfStrings","map","val","watch1Fn","messageId","DEFAULT_MESSAGE_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","dataListId","DEFAULT_DATALIST_ID_SUFFIX","watch1","watch2Fn","watch2","mId","variant","showLabel","iconAfter","htmlFor","DEFAULT_LABEL","fieldSizing","placeholder","DEFAULT_PLACEHOLDER","showRequiredAsterisk","step","getNumber","maxlength","minlength","max","getInputValue","min","readOnly","readonly","size","autoComplete","autocomplete","autoFocus","autofocus","onInput","onBlur","onFocus","list","ariaDescribedBy","_e","option","messageIcon","semantic","DBTag","initialized","handleRemove","remove","getRemoveButtonText","removeButton","DEFAULT_REMOVE","button","querySelector","emphasis","showCheckState","noText","overflow","text","behavior","onClick"],"sources":["src/components/custom-select-dropdown/custom-select-dropdown.tsx","src/components/custom-select-list/custom-select-list.tsx","src/components/custom-select-list-item/custom-select-list-item.tsx","src/components/input/input.tsx","src/components/tag/tag.tsx"],"sourcesContent":["import { cls } from \"../../utils\";\nimport { DBCustomSelectDropdownProps } from \"./model\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-custom-select-dropdown\",\n})\nexport class DBCustomSelectDropdown {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBCustomSelectDropdownProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBCustomSelectDropdownProps[\"className\"];\n  @Prop() width: DBCustomSelectDropdownProps[\"width\"] = \"fixed\";\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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-custom-select-dropdown\");\n  }\n\n  render() {\n    return (\n      <article\n        class={cls(\"db-custom-select-dropdown db-card\", this.className)}\n        data-spacing=\"none\"\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-width={this.width}\n      >\n        <slot></slot>\n      </article>\n    );\n  }\n}\n","import { cls } from \"../../utils\";\nimport { DBCustomSelectListProps } from \"./model\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-custom-select-list\",\n})\nexport class DBCustomSelectList {\n  private _ref!: HTMLDivElement | any;\n  @Prop() multiple: DBCustomSelectListProps[\"multiple\"];\n  @Prop() label: DBCustomSelectListProps[\"label\"];\n  @Prop() id: DBCustomSelectListProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBCustomSelectListProps[\"className\"];\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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-custom-select-list\");\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-custom-select-list\", this.className)}\n        role={this.multiple ? \"group\" : \"radiogroup\"}\n        aria-label={this.label}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n      >\n        <ul>\n          <slot></slot>\n        </ul>\n      </div>\n    );\n  }\n}\n","import { ChangeEvent } from \"../../shared/model\";\nimport {\n  cls,\n  getBoolean,\n  getBooleanAsString,\n  getHideProp,\n  uuid,\n} from \"../../utils\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\nimport {\n  DBCustomSelectListItemProps,\n  DBCustomSelectListItemState,\n} from \"./model\";\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-list-item\",\n})\nexport class DBCustomSelectListItem {\n  private _ref!: HTMLLIElement | any;\n  @Prop() id: DBCustomSelectListItemProps[\"id\"];\n  @Prop() isGroupTitle: DBCustomSelectListItemProps[\"isGroupTitle\"];\n  @Prop() showDivider: DBCustomSelectListItemProps[\"showDivider\"];\n  @Event() change: EventEmitter<\n    Parameters<Required<DBCustomSelectListItemProps>[\"onChange\"]>[number]\n  > | void;\n  @Prop() type: DBCustomSelectListItemProps[\"type\"];\n  @Prop() checked: DBCustomSelectListItemProps[\"checked\"];\n  @Prop({attribute: \"classname\"}) className: DBCustomSelectListItemProps[\"className\"];\n  @Prop() groupTitle: DBCustomSelectListItemProps[\"groupTitle\"];\n  @Prop() icon: DBCustomSelectListItemProps[\"icon\"];\n  @Prop() showIcon: DBCustomSelectListItemProps[\"showIcon\"];\n  @Prop() name: DBCustomSelectListItemProps[\"name\"];\n  @Prop() disabled: DBCustomSelectListItemProps[\"disabled\"];\n  @Prop() value: DBCustomSelectListItemProps[\"value\"];\n  @Prop() label: DBCustomSelectListItemProps[\"label\"];\n  @State() _id = undefined;\n  @State() hasDivider = false;\n\n  handleChange(event: ChangeEvent<HTMLInputElement>) {\n    event.stopPropagation();\n    if (this.change) {\n      this.change.emit(event);\n    }\n  }\n  getIconAfter() {\n    if (this.isGroupTitle || this.type === \"checkbox\") {\n      return;\n    }\n    return getBoolean(this.checked, \"checked\") ? \"check\" : \"x_placeholder\";\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    this.hasDivider = Boolean(this.isGroupTitle || this.showDivider);\n  }\n\n  @Watch(\"isGroupTitle\")\n  @Watch(\"showDivider\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-custom-select-list-item\");\n    this._id = this.id ?? `custom-select-list-item-${uuid()}`;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <li\n        class={cls(\"db-custom-select-list-item\", this.className, {\n          \"db-checkbox\": this.type === \"checkbox\" && !this.isGroupTitle,\n          \"db-radio\": this.type !== \"checkbox\" && !this.isGroupTitle,\n        })}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-divider={getBooleanAsString(this.hasDivider)}\n      >\n        {!this.isGroupTitle ? (\n          <label\n            data-icon={\n              this.type !== \"checkbox\" && this.icon ? this.icon : undefined\n            }\n            data-hide-icon={getHideProp(this.showIcon)}\n            data-icon-after={this.getIconAfter()}\n          >\n            <input\n              class=\"db-custom-select-list-item-checkbox\"\n              data-disable-focus=\"true\"\n              type={this.type}\n              name={this.name}\n              form={this.name}\n              checked={getBoolean(this.checked, \"checked\")}\n              disabled={getBoolean(this.disabled, \"disabled\")}\n              value={this.value}\n              onChange={(event) => this.handleChange(event)}\n            />\n            {this.label ? this.label : <slot></slot>}\n          </label>\n        ) : (\n          <span>{this.groupTitle}</span>\n        )}\n      </li>\n    );\n  }\n}\n","import {\n  DEFAULT_DATALIST_ID_SUFFIX,\n  DEFAULT_INVALID_MESSAGE,\n  DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n  DEFAULT_LABEL,\n  DEFAULT_MESSAGE_ID_SUFFIX,\n  DEFAULT_PLACEHOLDER,\n  DEFAULT_VALID_MESSAGE,\n  DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport {\n  ChangeEvent,\n  InputEvent,\n  InteractionEvent,\n  ValueLabelType,\n} from \"../../shared/model\";\nimport {\n  cls,\n  delay,\n  getBoolean,\n  getHideProp,\n  getInputValue,\n  getNumber,\n  hasVoiceOver,\n  isArrayOfStrings,\n  stringPropVisible,\n  uuid,\n} from \"../../utils\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport { DBInputProps, DBInputState } from \"./model\";\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-input\",\n})\nexport class DBInput {\n  private _ref!: HTMLInputElement | any;\n  @Prop() id: DBInputProps[\"id\"];\n  @Prop() invalidMessage: DBInputProps[\"invalidMessage\"];\n  @Prop() dataListId: DBInputProps[\"dataListId\"];\n  @Prop() message: DBInputProps[\"message\"];\n  @Prop() showMessage: DBInputProps[\"showMessage\"];\n  @Prop() value: DBInputProps[\"value\"];\n  @Prop() validMessage: DBInputProps[\"validMessage\"];\n  @Prop() validation: DBInputProps[\"validation\"];\n  @Prop() required: DBInputProps[\"required\"];\n  @Prop() minLength: DBInputProps[\"minLength\"];\n  @Prop() maxLength: DBInputProps[\"maxLength\"];\n  @Prop() pattern: DBInputProps[\"pattern\"];\n  @Event() input: EventEmitter<\n    Parameters<Required<DBInputProps>[\"onInput\"]>[number]\n  > | void;\n  @Event() change: EventEmitter<\n    Parameters<Required<DBInputProps>[\"onChange\"]>[number]\n  > | void;\n  @Event() blur: EventEmitter<\n    Parameters<Required<DBInputProps>[\"onBlur\"]>[number]\n  > | void;\n  @Event() focus: EventEmitter<\n    Parameters<Required<DBInputProps>[\"onFocus\"]>[number]\n  > | void;\n  @Prop() dataList: DBInputProps[\"dataList\"];\n  @Prop({attribute: \"classname\"}) className: DBInputProps[\"className\"];\n  @Prop() variant: DBInputProps[\"variant\"];\n  @Prop() showLabel: DBInputProps[\"showLabel\"];\n  @Prop() showIcon: DBInputProps[\"showIcon\"];\n  @Prop() icon: DBInputProps[\"icon\"];\n  @Prop() iconAfter: DBInputProps[\"iconAfter\"];\n  @Prop() label: DBInputProps[\"label\"];\n  @Prop() fieldSizing: DBInputProps[\"fieldSizing\"];\n  @Prop() name: DBInputProps[\"name\"];\n  @Prop() type: DBInputProps[\"type\"];\n  @Prop() placeholder: DBInputProps[\"placeholder\"];\n  @Prop() disabled: DBInputProps[\"disabled\"];\n  @Prop() showRequiredAsterisk: DBInputProps[\"showRequiredAsterisk\"];\n  @Prop() step: DBInputProps[\"step\"];\n  @Prop() maxlength: DBInputProps[\"maxlength\"];\n  @Prop() minlength: DBInputProps[\"minlength\"];\n  @Prop() max: DBInputProps[\"max\"];\n  @Prop() min: DBInputProps[\"min\"];\n  @Prop() readOnly: DBInputProps[\"readOnly\"];\n  @Prop() readonly: DBInputProps[\"readonly\"];\n  @Prop() form: DBInputProps[\"form\"];\n  @Prop() size: DBInputProps[\"size\"];\n  @Prop() autocomplete: DBInputProps[\"autocomplete\"];\n  @Prop() autofocus: DBInputProps[\"autofocus\"];\n  @Prop() ariaDescribedBy: DBInputProps[\"ariaDescribedBy\"];\n  @Prop() messageIcon: DBInputProps[\"messageIcon\"];\n  @State() _id = undefined;\n  @State() _messageId = undefined;\n  @State() _validMessageId = undefined;\n  @State() _invalidMessageId = undefined;\n  @State() _invalidMessage = undefined;\n  @State() _dataListId = 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 input */\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 || this.pattern)\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<HTMLInputElement>) {\n    if (this.input) {\n      this.input.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleChange(event: ChangeEvent<HTMLInputElement>) {\n    if (this.change) {\n      this.change.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleBlur(event: InteractionEvent<HTMLInputElement> | any) {\n    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLInputElement> | any) {\n    if (this.focus) {\n      this.focus.emit(event);\n    }\n  }\n  getDataList() {\n    const _list = this.dataList;\n    return Array.from(\n      (isArrayOfStrings(_list)\n        ? _list?.map((val: string) => ({\n            value: val,\n            label: undefined,\n          }))\n        : _list) || []\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    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      this._dataListId =\n        this.dataListId ?? this._id + DEFAULT_DATALIST_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-input\");\n    const mId = this.id ?? `input-${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._dataListId = mId + DEFAULT_DATALIST_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-input\", this.className)}\n        data-variant={this.variant}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-icon={this.icon}\n        data-icon-after={this.iconAfter}\n        data-hide-icon-after={getHideProp(this.showIcon)}\n      >\n        <label htmlFor={this._id}>{this.label ?? DEFAULT_LABEL}</label>\n        <input\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          data-field-sizing={this.fieldSizing}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          id={this._id}\n          name={this.name}\n          type={this.type || \"text\"}\n          placeholder={this.placeholder ?? DEFAULT_PLACEHOLDER}\n          disabled={getBoolean(this.disabled, \"disabled\")}\n          required={getBoolean(this.required, \"required\")}\n          data-hide-asterisk={getHideProp(this.showRequiredAsterisk)}\n          step={getNumber(this.step)}\n          value={this.value ?? this._value}\n          maxLength={getNumber(this.maxLength, this.maxlength)}\n          minLength={getNumber(this.minLength, this.minlength)}\n          max={getInputValue(this.max, this.type)}\n          min={getInputValue(this.min, this.type)}\n          readOnly={\n            getBoolean(this.readOnly, \"readOnly\") ||\n            getBoolean(this.readonly, \"readonly\")\n          }\n          form={this.form}\n          pattern={this.pattern}\n          size={this.size}\n          autoComplete={this.autocomplete}\n          autoFocus={getBoolean(this.autofocus, \"autofocus\")}\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          list={this.dataList && this._dataListId}\n          aria-describedby={this.ariaDescribedBy ?? this._descByIds}\n        />\n        {this.dataList ? (\n          <datalist id={this._dataListId}>\n            {this.getDataList()?.map((option) => (\n              <option\n                key={this._dataListId + \"-option-\" + option.value}\n                value={option.value}\n              >\n                {option.label}\n              </option>\n            ))}\n          </datalist>\n        ) : null}\n        <slot></slot>\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","import { DEFAULT_REMOVE } from \"../../shared/constants\";\nimport { ClickEvent } from \"../../shared/model\";\nimport { cls, getBooleanAsString, getHideProp } from \"../../utils\";\nimport { DBTooltip } from \"../tooltip/tooltip\";\nimport { DBTagProps, DBTagState } from \"./model\";\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 * @slot content - TODO: Add description for slotContent\n */\n @Component({\n  tag: \"db-tag\",\n})\nexport class DBTag {\n  private _ref!: HTMLDivElement | any;\n  @Prop() disabled: DBTagProps[\"disabled\"];\n  @Event() remove: EventEmitter<\n    Parameters<Required<DBTagProps>[\"remove\"]>[number]\n  > | void;\n  @Prop() removeButton: DBTagProps[\"removeButton\"];\n  @Prop() id: DBTagProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBTagProps[\"className\"];\n  @Prop() semantic: DBTagProps[\"semantic\"];\n  @Prop() emphasis: DBTagProps[\"emphasis\"];\n  @Prop() icon: DBTagProps[\"icon\"];\n  @Prop() showCheckState: DBTagProps[\"showCheckState\"];\n  @Prop() showIcon: DBTagProps[\"showIcon\"];\n  @Prop() noText: DBTagProps[\"noText\"];\n  @Prop() overflow: DBTagProps[\"overflow\"];\n  @Prop() text: DBTagProps[\"text\"];\n  @Prop() behavior: DBTagProps[\"behavior\"];\n  @State() initialized = false;\n\n  handleRemove(event?: ClickEvent<HTMLButtonElement> | void) {\n    if (!event) return;\n    event.stopPropagation();\n    if (this.remove) {\n      this.remove.emit(event);\n    }\n  }\n  getRemoveButtonText() {\n    if (this.removeButton) {\n      return this.removeButton;\n    }\n\n    // TODO: We should think this through again, if we would really like to have default and especially english, instead of german labels in here\n    return DEFAULT_REMOVE;\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.initialized && this._ref && this.disabled !== undefined) {\n      const button: HTMLButtonElement | null = this._ref?.querySelector(\n        \"button:not(.db-tab-remove-button)\"\n      );\n      const input: HTMLInputElement | null = this._ref?.querySelector(\"input\");\n      for (const element of [button, input]) {\n        if (element) {\n          element.disabled = Boolean(this.disabled);\n        }\n      }\n    }\n  }\n\n  @Watch(\"initialized\")\n  @Watch(\"disabled\")\n  @Watch(\"_ref\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-tag\");\n\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-tag\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-disabled={getBooleanAsString(this.disabled)}\n        data-semantic={this.semantic}\n        data-emphasis={this.emphasis}\n        data-icon={this.icon}\n        data-show-check-state={getBooleanAsString(this.showCheckState ?? true)}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-no-text={getBooleanAsString(this.noText)}\n        data-overflow={getBooleanAsString(this.overflow)}\n      >\n        <slot name=\"content\"></slot>\n        <slot></slot>\n        {this.text ? this.text : null}\n        {this.behavior === \"removable\" ? (\n          <button\n            class=\"db-button db-tab-remove-button\"\n            data-icon=\"cross\"\n            data-size=\"small\"\n            data-no-text=\"true\"\n            data-variant=\"ghost\"\n            type=\"button\"\n            onClick={(event) => this.handleRemove(event)}\n          >\n            <db-tooltip variant=\"label\">\n              {this.getRemoveButtonText()}\n            </db-tooltip>\n          </button>\n        ) : null}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/p-0e2f7604.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a}from"./p-CK6m6IJ4.js";import{g as s,c as d}from"./p-YECpAE3G.js";const i=class{constructor(a){t(this,a)}enableAttributePassing(t,a){const s=t===null||t===void 0?void 0:t.closest(a);if(t&&s){const a=s.attributes;for(let d=0;d<a.length;d++){const i=a.item(d);if(i&&(i.name.startsWith("data-")||i.name.startsWith("aria-"))){t.setAttribute(i.name,i.value);s.removeAttribute(i.name)}if(i&&i.name==="class"){const a=i.value.includes("hydrated");const d=i.value.replace("hydrated","").trim();const c=t.getAttribute("class");t.setAttribute(i.name,`${c?`${c} `:""}${d}`);if(a){s.setAttribute("class","hydrated")}else{s.removeAttribute(i.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-stack")}render(){return a("div",{key:"d199c5cdabd2916e3afa32c33d0fe1dd9c99da8e",class:d("db-stack",this.className),ref:t=>{this._ref=t},id:this.id,"data-gap":this.gap,"data-variant":this.variant,"data-direction":this.direction,"data-alignment":this.alignment,"data-justify-content":this.justifyContent,"data-wrap":s(this.wrap)},a("slot",{key:"a0d56c424e03273b2cc51bfe0fa5df285ecd13e9"}))}};export{i as db_stack};
+//# sourceMappingURL=p-0e2f7604.entry.js.map

package/dist/db-ux/{p-18367aea.entry.js.map → p-0e2f7604.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DBStack","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","this","_ref","render","h","key","class","cls","className","ref","el","id","gap","variant","direction","alignment","justifyContent","getBooleanAsString","wrap"],"sources":["src/components/stack/stack.tsx"],"sourcesContent":["import { DBStackProps, DBStackState } from \"./model\";\nimport { cls, getBooleanAsString } from \"../../utils\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-stack\",\n})\nexport class DBStack {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBStackProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBStackProps[\"className\"];\n  @Prop() gap: DBStackProps[\"gap\"];\n  @Prop() variant: DBStackProps[\"variant\"];\n  @Prop() direction: DBStackProps[\"direction\"];\n  @Prop() alignment: DBStackProps[\"alignment\"];\n  @Prop() justifyContent: DBStackProps[\"justifyContent\"];\n  @Prop() wrap: DBStackProps[\"wrap\"];\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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-stack\");\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-stack\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-gap={this.gap}\n        data-variant={this.variant}\n        data-direction={this.direction}\n        data-alignment={this.alignment}\n        data-justify-content={this.justifyContent}\n        data-wrap={getBooleanAsString(this.wrap)}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"4FAaaA,EAAO,M,yBAgBV,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEC,KAAKtB,uBAAuBsB,KAAKC,KAAM,W,CAGzC,MAAAC,GACE,OACEC,EACE,OAAAC,IAAA,2CAAAC,MAAOC,EAAI,WAAYN,KAAKO,WAC5BC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EAEhBC,GAAIV,KAAKU,GAAE,WACDV,KAAKW,IAAG,eACJX,KAAKY,QACH,iBAAAZ,KAAKa,UACL,iBAAAb,KAAKc,UAAS,uBACRd,KAAKe,eAAc,YAC9BC,EAAmBhB,KAAKiB,OAEnCd,EAAa,QAAAC,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["DBStack","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","this","_ref","render","h","key","class","cls","className","ref","el","id","gap","variant","direction","alignment","justifyContent","getBooleanAsString","wrap"],"sources":["src/components/stack/stack.tsx"],"sourcesContent":["import { cls, getBooleanAsString } from \"../../utils\";\nimport { DBStackProps, DBStackState } from \"./model\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-stack\",\n})\nexport class DBStack {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBStackProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBStackProps[\"className\"];\n  @Prop() gap: DBStackProps[\"gap\"];\n  @Prop() variant: DBStackProps[\"variant\"];\n  @Prop() direction: DBStackProps[\"direction\"];\n  @Prop() alignment: DBStackProps[\"alignment\"];\n  @Prop() justifyContent: DBStackProps[\"justifyContent\"];\n  @Prop() wrap: DBStackProps[\"wrap\"];\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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-stack\");\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-stack\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-gap={this.gap}\n        data-variant={this.variant}\n        data-direction={this.direction}\n        data-alignment={this.alignment}\n        data-justify-content={this.justifyContent}\n        data-wrap={getBooleanAsString(this.wrap)}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"4FAaaA,EAAO,M,yBAgBV,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEC,KAAKtB,uBAAuBsB,KAAKC,KAAM,W,CAGzC,MAAAC,GACE,OACEC,EACE,OAAAC,IAAA,2CAAAC,MAAOC,EAAI,WAAYN,KAAKO,WAC5BC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EAEhBC,GAAIV,KAAKU,GAAE,WACDV,KAAKW,IAAG,eACJX,KAAKY,QACH,iBAAAZ,KAAKa,UACL,iBAAAb,KAAKc,UAAS,uBACRd,KAAKe,eAAc,YAC9BC,EAAmBhB,KAAKiB,OAEnCd,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/db-ux/p-0fbe6a4e.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s}from"./p-CK6m6IJ4.js";import{c as i}from"./p-YECpAE3G.js";const a=class{constructor(s){t(this,s)}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 o=s.item(a);if(o&&(o.name.startsWith("data-")||o.name.startsWith("aria-"))){t.setAttribute(o.name,o.value);i.removeAttribute(o.name)}if(o&&o.name==="class"){const s=o.value.includes("hydrated");const a=o.value.replace("hydrated","").trim();const c=t.getAttribute("class");t.setAttribute(o.name,`${c?`${c} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(o.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-icon")}render(){return s("span",{key:"3a67532009f85e493784e99774e230f52c588ccc",class:i("db-icon",this.className),"aria-hidden":"true",ref:t=>{this._ref=t},id:this.id,"data-icon":this.icon,"data-icon-weight":this.weight,"data-icon-variant":this.variant},this.text?this.text:s("slot",null))}};export{a as db_icon};
+//# sourceMappingURL=p-0fbe6a4e.entry.js.map

package/dist/db-ux/{p-9eb3716a.entry.js.map → p-0fbe6a4e.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DBIcon","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","this","_ref","render","h","key","class","cls","className","ref","el","id","icon","weight","variant","text"],"sources":["src/components/icon/icon.tsx"],"sourcesContent":["import type { DBIconProps, DBIconState } from \"./model\";\nimport { cls } from \"../../utils\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-icon\",\n})\nexport class DBIcon {\n  private _ref!: HTMLSpanElement | any;\n  @Prop() id: DBIconProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBIconProps[\"className\"];\n  @Prop() icon: DBIconProps[\"icon\"];\n  @Prop() weight: DBIconProps[\"weight\"];\n  @Prop() variant: DBIconProps[\"variant\"];\n  @Prop() text: DBIconProps[\"text\"];\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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-icon\");\n  }\n\n  render() {\n    return (\n      <span\n        class={cls(\"db-icon\", this.className)}\n        aria-hidden=\"true\"\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-icon={this.icon}\n        data-icon-weight={this.weight}\n        data-icon-variant={this.variant}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </span>\n    );\n  }\n}\n"],"mappings":"qFAaaA,EAAM,M,yBAcT,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEC,KAAKtB,uBAAuBsB,KAAKC,KAAM,U,CAGzC,MAAAC,GACE,OACEC,EAAA,QAAAC,IAAA,2CACEC,MAAOC,EAAI,UAAWN,KAAKO,WAAU,cACzB,OACZC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EAEhBC,GAAIV,KAAKU,GAAE,YACAV,KAAKW,KACE,mBAAAX,KAAKY,OAAM,oBACVZ,KAAKa,SAEvBb,KAAKc,KAAOd,KAAKc,KAAOX,EAAa,a","ignoreList":[]}
+{"version":3,"names":["DBIcon","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","this","_ref","render","h","key","class","cls","className","ref","el","id","icon","weight","variant","text"],"sources":["src/components/icon/icon.tsx"],"sourcesContent":["import { cls } from \"../../utils\";\nimport type { DBIconProps, DBIconState } from \"./model\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-icon\",\n})\nexport class DBIcon {\n  private _ref!: HTMLSpanElement | any;\n  @Prop() id: DBIconProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBIconProps[\"className\"];\n  @Prop() icon: DBIconProps[\"icon\"];\n  @Prop() weight: DBIconProps[\"weight\"];\n  @Prop() variant: DBIconProps[\"variant\"];\n  @Prop() text: DBIconProps[\"text\"];\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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-icon\");\n  }\n\n  render() {\n    return (\n      <span\n        class={cls(\"db-icon\", this.className)}\n        aria-hidden=\"true\"\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-icon={this.icon}\n        data-icon-weight={this.weight}\n        data-icon-variant={this.variant}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </span>\n    );\n  }\n}\n"],"mappings":"qFAaaA,EAAM,M,yBAcT,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEC,KAAKtB,uBAAuBsB,KAAKC,KAAM,U,CAGzC,MAAAC,GACE,OACEC,EAAA,QAAAC,IAAA,2CACEC,MAAOC,EAAI,UAAWN,KAAKO,WAAU,cACzB,OACZC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EAEhBC,GAAIV,KAAKU,GAAE,YACAV,KAAKW,KACE,mBAAAX,KAAKY,OAAM,oBACVZ,KAAKa,SAEvBb,KAAKc,KAAOd,KAAKc,KAAOX,EAAa,a","ignoreList":[]}

package/dist/db-ux/{p-d97f5f3a.entry.js → p-106724b5.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i}from"./p-BJ_BOsfY.js";import{c as a}from"./p-YECpAE3G.js";const e=class{constructor(i){t(this,i);this.click=s(this,"click")}handleClick(t){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 c=t.getAttribute("class");t.setAttribute(e.name,`${c?`${c} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-card")}render(){return i("div",{key:"dfc5004a3cc98b94ccd3ff6c930f231ef39c918e",class:a("db-card",this.className),ref:t=>{this._ref=t},id:this.id,"data-behavior":this.behavior,"data-elevation-level":this.elevationLevel,"data-spacing":this.spacing,role:this.behavior==="interactive"?"button":undefined,tabIndex:this.behavior==="interactive"?0:undefined,onClick:t=>this.handleClick(t)},i("slot",{key:"6c73a087dab46b17c01e48eec340788f3a10bf63"}))}};export{e as db_card};
-//# sourceMappingURL=p-d97f5f3a.entry.js.map
+import{r as t,c as s,h as i}from"./p-CK6m6IJ4.js";import{c as a}from"./p-YECpAE3G.js";const e=class{constructor(i){t(this,i);this.click=s(this,"click")}handleClick(t){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 d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-card")}render(){return i("div",{key:"ad0f4e66c3dcb9f8056bc8d1175077b7a56790b7",class:a("db-card",this.className),ref:t=>{this._ref=t},id:this.id,"data-behavior":this.behavior,"data-elevation-level":this.elevationLevel,"data-spacing":this.spacing,role:this.behavior==="interactive"?"button":undefined,tabIndex:this.behavior==="interactive"?0:undefined,onClick:t=>this.handleClick(t)},i("slot",{key:"26968c7670e690941f39a65727b63f1640270501"}))}};export{e as db_card};
+//# sourceMappingURL=p-106724b5.entry.js.map

package/dist/db-ux/{p-d97f5f3a.entry.js.map → p-106724b5.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DBCard","handleClick","event","this","click","emit","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","_ref","render","h","key","class","cls","className","ref","el","id","behavior","elevationLevel","spacing","role","undefined","tabIndex","onClick"],"sources":["src/components/card/card.tsx"],"sourcesContent":["import type { DBCardProps, DBCardState } from \"./model\";\nimport { cls } from \"../../utils\";\nimport { ClickEvent } from \"../../shared/model\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Event,\n  EventEmitter,\n  Prop,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-card\",\n})\nexport class DBCard {\n  private _ref!: HTMLDivElement | any;\n  @Event() click: EventEmitter<\n    Parameters<Required<DBCardProps>[\"onClick\"]>[number]\n  > | void;\n  @Prop() id: DBCardProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBCardProps[\"className\"];\n  @Prop() behavior: DBCardProps[\"behavior\"];\n  @Prop() elevationLevel: DBCardProps[\"elevationLevel\"];\n  @Prop() spacing: DBCardProps[\"spacing\"];\n\n  handleClick(event: ClickEvent<HTMLElement>) {\n    if (this.click) {\n      this.click.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: 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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-card\");\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-card\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-behavior={this.behavior}\n        data-elevation-level={this.elevationLevel}\n        data-spacing={this.spacing}\n        role={this.behavior === \"interactive\" ? \"button\" : undefined}\n        tabIndex={this.behavior === \"interactive\" ? 0 : undefined}\n        onClick={(event) => this.handleClick(event)}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"4FAqBaA,EAAM,M,oDAWjB,WAAAC,CAAYC,GACV,GAAIC,KAAKC,MAAO,CACdD,KAAKC,MAAMC,KAAKH,E,EASZ,sBAAAI,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACExB,KAAKG,uBAAuBH,KAAKyB,KAAM,U,CAGzC,MAAAC,GACE,OACEC,EACE,OAAAC,IAAA,2CAAAC,MAAOC,EAAI,UAAW9B,KAAK+B,WAC3BC,IAAMC,IACJjC,KAAKyB,KAAOQ,CAAE,EAEhBC,GAAIlC,KAAKkC,GACM,gBAAAlC,KAAKmC,SACE,uBAAAnC,KAAKoC,eACb,eAAApC,KAAKqC,QACnBC,KAAMtC,KAAKmC,WAAa,cAAgB,SAAWI,UACnDC,SAAUxC,KAAKmC,WAAa,cAAgB,EAAII,UAChDE,QAAU1C,GAAUC,KAAKF,YAAYC,IAErC4B,EAAa,QAAAC,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["DBCard","handleClick","event","this","click","emit","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","_ref","render","h","key","class","cls","className","ref","el","id","behavior","elevationLevel","spacing","role","undefined","tabIndex","onClick"],"sources":["src/components/card/card.tsx"],"sourcesContent":["import { ClickEvent } from \"../../shared/model\";\nimport { cls } from \"../../utils\";\nimport type { DBCardProps, DBCardState } from \"./model\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Event,\n  EventEmitter,\n  Prop,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-card\",\n})\nexport class DBCard {\n  private _ref!: HTMLDivElement | any;\n  @Event() click: EventEmitter<\n    Parameters<Required<DBCardProps>[\"onClick\"]>[number]\n  > | void;\n  @Prop() id: DBCardProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBCardProps[\"className\"];\n  @Prop() behavior: DBCardProps[\"behavior\"];\n  @Prop() elevationLevel: DBCardProps[\"elevationLevel\"];\n  @Prop() spacing: DBCardProps[\"spacing\"];\n\n  handleClick(event: ClickEvent<HTMLElement>) {\n    if (this.click) {\n      this.click.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: 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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-card\");\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-card\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-behavior={this.behavior}\n        data-elevation-level={this.elevationLevel}\n        data-spacing={this.spacing}\n        role={this.behavior === \"interactive\" ? \"button\" : undefined}\n        tabIndex={this.behavior === \"interactive\" ? 0 : undefined}\n        onClick={(event) => this.handleClick(event)}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"4FAqBaA,EAAM,M,oDAWjB,WAAAC,CAAYC,GACV,GAAIC,KAAKC,MAAO,CACdD,KAAKC,MAAMC,KAAKH,E,EASZ,sBAAAI,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACExB,KAAKG,uBAAuBH,KAAKyB,KAAM,U,CAGzC,MAAAC,GACE,OACEC,EACE,OAAAC,IAAA,2CAAAC,MAAOC,EAAI,UAAW9B,KAAK+B,WAC3BC,IAAMC,IACJjC,KAAKyB,KAAOQ,CAAE,EAEhBC,GAAIlC,KAAKkC,GACM,gBAAAlC,KAAKmC,SACE,uBAAAnC,KAAKoC,eACb,eAAApC,KAAKqC,QACnBC,KAAMtC,KAAKmC,WAAa,cAAgB,SAAWI,UACnDC,SAAUxC,KAAKmC,WAAa,cAAgB,EAAII,UAChDE,QAAU1C,GAAUC,KAAKF,YAAYC,IAErC4B,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/db-ux/p-11228e58.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as s,h as t}from"./p-CK6m6IJ4.js";import{b as a,u as h,j as e,g as d,c}from"./p-YECpAE3G.js";const l=class{constructor(t){i(this,t);this.change=s(this,"change");this.blur=s(this,"blur");this.focus=s(this,"focus");this._id=undefined;this._checked=false}handleChange(i){var s;if(this.change){this.change.emit(i)}this._checked=(s=i.target)===null||s===void 0?void 0:s["checked"]}handleBlur(i){if(this.blur){this.blur.emit(i)}}handleFocus(i){if(this.focus){this.focus.emit(i)}}enableAttributePassing(i,s){const t=i===null||i===void 0?void 0:i.closest(s);if(i&&t){const s=t.attributes;for(let a=0;a<s.length;a++){const h=s.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))){i.setAttribute(h.name,h.value);t.removeAttribute(h.name)}if(h&&h.name==="class"){const s=h.value.includes("hydrated");const a=h.value.replace("hydrated","").trim();const e=i.getAttribute("class");i.setAttribute(h.name,`${e?`${e} `:""}${a}`);if(s){t.setAttribute("class","hydrated")}else{t.removeAttribute(h.name)}}}}}watch0Fn(){if(this.checked!==undefined&&this.checked!==null){this._checked=a(this.checked)}}watch0(){this.watch0Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-switch");this._id=(i=this.id)!==null&&i!==void 0?i:`switch-${h()}`;this.watch0Fn()}render(){var i;return t("label",{key:"69aa49920b6a66b9b63743e2d586f1a0a8b32ac1",class:c("db-switch",this.className),"data-visual-aid":d(this.visualAid),"data-size":this.size,"data-hide-label":e(this.showLabel),"data-emphasis":this.emphasis,htmlFor:this._id},t("input",{key:"aef4871ab05cecd7047944c2102e220fd4371394",type:"checkbox",role:"switch",id:this._id,"aria-checked":d(this._checked),ref:i=>{this._ref=i},checked:a(this.checked,"checked"),value:this.value,disabled:a(this.disabled,"disabled"),"aria-describedby":(i=this.describedbyid)!==null&&i!==void 0?i:this.ariaDescribedBy,"aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,name:this.name,required:a(this.required,"required"),"data-hide-asterisk":e(this.showRequiredAsterisk),"data-aid-icon":this.icon,"data-aid-icon-after":this.iconAfter,onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i)}),this.label?this.label:t("slot",null))}static get watchers(){return{checked:["watch0"]}}};export{l as db_switch};
+//# sourceMappingURL=p-11228e58.entry.js.map

package/dist/db-ux/p-11228e58.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DBSwitch","constructor","hostRef","this","_id","undefined","_checked","handleChange","event","change","emit","_a","target","handleBlur","blur","handleFocus","focus","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","checked","getBoolean","watch0","componentDidLoad","_ref","id","uuid","render","h","key","class","cls","className","getBooleanAsString","visualAid","size","getHideProp","showLabel","emphasis","htmlFor","type","role","ref","el","disabled","describedbyid","ariaDescribedBy","validation","required","showRequiredAsterisk","icon","iconAfter","onChange","onBlur","onFocus","label"],"sources":["src/components/switch/switch.tsx"],"sourcesContent":["import { ChangeEvent, InteractionEvent } from \"../../shared/model\";\nimport {\n  cls,\n  getBoolean,\n  getBooleanAsString,\n  getHideProp,\n  uuid,\n} from \"../../utils\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\nimport { DBSwitchProps, DBSwitchState } from \"./model\";\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() showRequiredAsterisk: DBSwitchProps[\"showRequiredAsterisk\"];\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    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    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLInputElement>) {\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-hide-asterisk={getHideProp(this.showRequiredAsterisk)}\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"],"mappings":"mHAiCaA,EAAQ,MAHpB,WAAAC,CAAAC,G,2FAgCUC,KAAGC,IAAGC,UACNF,KAAQG,SAAG,KAmHrB,CAjHC,YAAAC,CAAaC,G,MACX,GAAIL,KAAKM,OAAQ,CACfN,KAAKM,OAAOC,KAAKF,E,CAInBL,KAAKG,UAAYK,EAAAH,EAAMI,UAAc,MAAAD,SAAA,SAAAA,EAAG,U,CAE1C,UAAAE,CAAWL,GACT,GAAIL,KAAKW,KAAM,CACbX,KAAKW,KAAKJ,KAAKF,E,EAGnB,WAAAO,CAAYP,GACV,GAAIL,KAAKa,MAAO,CACdb,KAAKa,MAAMN,KAAKF,E,EASZ,sBAAAS,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,QAAAW,GACE,GAAInC,KAAKoC,UAAYlC,WAAaF,KAAKoC,UAAY,KAAM,CACvDpC,KAAKG,SAAWkC,EAAWrC,KAAKoC,Q,EAKpC,MAAAE,GACEtC,KAAKmC,U,CAGP,gBAAAI,G,MACEvC,KAAKc,uBAAuBd,KAAKwC,KAAM,aACvCxC,KAAKC,KAAMO,EAAAR,KAAKyC,MAAE,MAAAjC,SAAA,EAAAA,EAAI,UAAUkC,MAChC1C,KAAKmC,U,CAGP,MAAAQ,G,MACE,OACEC,EACE,SAAAC,IAAA,2CAAAC,MAAOC,EAAI,YAAa/C,KAAKgD,WAAU,kBACtBC,EAAmBjD,KAAKkD,WAC9B,YAAAlD,KAAKmD,KAAI,kBACHC,EAAYpD,KAAKqD,WACnB,gBAAArD,KAAKsD,SACpBC,QAASvD,KAAKC,KAEd2C,EACE,SAAAC,IAAA,2CAAAW,KAAK,WACLC,KAAK,SACLhB,GAAIzC,KAAKC,IAAG,eACEgD,EAAmBjD,KAAKG,UACtCuD,IAAMC,IACJ3D,KAAKwC,KAAOmB,CAAE,EAEhBvB,QAASC,EAAWrC,KAAKoC,QAAS,WAClCT,MAAO3B,KAAK2B,MACZiC,SAAUvB,EAAWrC,KAAK4D,SAAU,YAAW,oBAC7BpD,EAAAR,KAAK6D,iBAAa,MAAArD,SAAA,EAAAA,EAAIR,KAAK8D,gBAAe,eAC9C9D,KAAK+D,aAAe,UAAS,uBACrB/D,KAAK+D,WAC3BvC,KAAMxB,KAAKwB,KACXwC,SAAU3B,EAAWrC,KAAKgE,SAAU,YAAW,qBAC3BZ,EAAYpD,KAAKiE,sBACtB,gBAAAjE,KAAKkE,KACC,sBAAAlE,KAAKmE,UAC1BC,SAAW/D,GAAUL,KAAKI,aAAaC,GACvCgE,OAAShE,GAAUL,KAAKU,WAAWL,GACnCiE,QAAUjE,GAAUL,KAAKY,YAAYP,KAEtCL,KAAKuE,MAAQvE,KAAKuE,MAAQ3B,EAAa,a","ignoreList":[]}

package/dist/db-ux/{p-b1f1896e.entry.js → p-11690023.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as t}from"./p-BJ_BOsfY.js";import{c as i}from"./p-YECpAE3G.js";const a=class{constructor(t){s(this,t)}enableAttributePassing(s,t){const i=s===null||s===void 0?void 0:s.closest(t);if(s&&i){const t=i.attributes;for(let a=0;a<t.length;a++){const d=t.item(a);if(d&&(d.name.startsWith("data-")||d.name.startsWith("aria-"))){s.setAttribute(d.name,d.value);i.removeAttribute(d.name)}if(d&&d.name==="class"){const t=d.value.includes("hydrated");const a=d.value.replace("hydrated","").trim();const r=s.getAttribute("class");s.setAttribute(d.name,`${r?`${r} `:""}${a}`);if(t){i.setAttribute("class","hydrated")}else{i.removeAttribute(d.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-divider")}render(){return t("div",{key:"e3355b0ae601f71157a429a346fef6df9438231c",class:i("db-divider",this.className),ref:s=>{this._ref=s},id:this.id,"data-margin":this.margin,"data-variant":this.variant,"data-emphasis":this.emphasis,"data-width":this.width})}};export{a as db_divider};
-//# sourceMappingURL=p-b1f1896e.entry.js.map
+import{r as s,h as t}from"./p-CK6m6IJ4.js";import{c as i}from"./p-YECpAE3G.js";const a=class{constructor(t){s(this,t)}enableAttributePassing(s,t){const i=s===null||s===void 0?void 0:s.closest(t);if(s&&i){const t=i.attributes;for(let a=0;a<t.length;a++){const d=t.item(a);if(d&&(d.name.startsWith("data-")||d.name.startsWith("aria-"))){s.setAttribute(d.name,d.value);i.removeAttribute(d.name)}if(d&&d.name==="class"){const t=d.value.includes("hydrated");const a=d.value.replace("hydrated","").trim();const r=s.getAttribute("class");s.setAttribute(d.name,`${r?`${r} `:""}${a}`);if(t){i.setAttribute("class","hydrated")}else{i.removeAttribute(d.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-divider")}render(){return t("div",{key:"0e9bf54bcd77ec1c324eb6300162bbf8c67b8c16",class:i("db-divider",this.className),ref:s=>{this._ref=s},id:this.id,"data-margin":this.margin,"data-variant":this.variant,"data-emphasis":this.emphasis,"data-width":this.width})}};export{a as db_divider};
+//# sourceMappingURL=p-11690023.entry.js.map

package/dist/db-ux/{p-b1f1896e.entry.js.map → p-11690023.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DBDivider","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","this","_ref","render","h","key","class","cls","className","ref","el","id","margin","variant","emphasis","width"],"sources":["src/components/divider/divider.tsx"],"sourcesContent":["import { DBDividerProps, DBDividerState } from \"./model\";\nimport { cls } from \"../../utils\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-divider\",\n})\nexport class DBDivider {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBDividerProps[\"id\"];\n  @Prop() margin: DBDividerProps[\"margin\"];\n  @Prop() variant: DBDividerProps[\"variant\"];\n  @Prop() emphasis: DBDividerProps[\"emphasis\"];\n  @Prop() width: DBDividerProps[\"width\"];\n  @Prop({attribute: \"classname\"}) className: DBDividerProps[\"className\"];\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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-divider\");\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-divider\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-margin={this.margin}\n        data-variant={this.variant}\n        data-emphasis={this.emphasis}\n        data-width={this.width}\n      ></div>\n    );\n  }\n}\n"],"mappings":"qFAaaA,EAAS,M,yBAcZ,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEC,KAAKtB,uBAAuBsB,KAAKC,KAAM,a,CAGzC,MAAAC,GACE,OACEC,EACE,OAAAC,IAAA,2CAAAC,MAAOC,EAAI,aAAcN,KAAKO,WAC9BC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EAEhBC,GAAIV,KAAKU,GACI,cAAAV,KAAKW,OACJ,eAAAX,KAAKY,QAAO,gBACXZ,KAAKa,SAAQ,aAChBb,KAAKc,O","ignoreList":[]}
+{"version":3,"names":["DBDivider","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","this","_ref","render","h","key","class","cls","className","ref","el","id","margin","variant","emphasis","width"],"sources":["src/components/divider/divider.tsx"],"sourcesContent":["import { cls } from \"../../utils\";\nimport { DBDividerProps, DBDividerState } from \"./model\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-divider\",\n})\nexport class DBDivider {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBDividerProps[\"id\"];\n  @Prop() margin: DBDividerProps[\"margin\"];\n  @Prop() variant: DBDividerProps[\"variant\"];\n  @Prop() emphasis: DBDividerProps[\"emphasis\"];\n  @Prop() width: DBDividerProps[\"width\"];\n  @Prop({attribute: \"classname\"}) className: DBDividerProps[\"className\"];\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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-divider\");\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-divider\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-margin={this.margin}\n        data-variant={this.variant}\n        data-emphasis={this.emphasis}\n        data-width={this.width}\n      ></div>\n    );\n  }\n}\n"],"mappings":"qFAaaA,EAAS,M,yBAcZ,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEC,KAAKtB,uBAAuBsB,KAAKC,KAAM,a,CAGzC,MAAAC,GACE,OACEC,EACE,OAAAC,IAAA,2CAAAC,MAAOC,EAAI,aAAcN,KAAKO,WAC9BC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EAEhBC,GAAIV,KAAKU,GACI,cAAAV,KAAKW,OACJ,eAAAX,KAAKY,QAAO,gBACXZ,KAAKa,SAAQ,aAChBb,KAAKc,O","ignoreList":[]}

package/dist/db-ux/{p-5147a347.entry.js → p-1428ae85.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s}from"./p-BJ_BOsfY.js";import{j as a,g as i,c as e}from"./p-YECpAE3G.js";const r=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const r=t.getAttribute("class");t.setAttribute(e.name,`${r?`${r} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-link")}render(){var t;return s("a",{key:"6902aafe758ae680869caf8d198fcf2e16a50ec3",class:e("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":i(this.disabled),tabIndex:this.disabled?-1:0,"aria-selected":i(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"},this.text?this.text:s("slot",null))}};export{r as db_link};
-//# sourceMappingURL=p-5147a347.entry.js.map
+import{r as t,h as s}from"./p-CK6m6IJ4.js";import{j as a,g as i,c as e}from"./p-YECpAE3G.js";const r=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const r=t.getAttribute("class");t.setAttribute(e.name,`${r?`${r} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-link")}render(){var t;return s("a",{key:"2a4e9c2edfb9712e281cbd93b920b0a2fba127a1",class:e("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":i(this.disabled),tabIndex:this.disabled?-1:0,"aria-selected":i(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"},this.text?this.text:s("slot",null))}};export{r as db_link};
+//# sourceMappingURL=p-1428ae85.entry.js.map

package/dist/db-ux/{p-5147a347.entry.js.map → p-1428ae85.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DBLink","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","this","_ref","render","h","key","class","cls","className","ref","el","id","href","target","rel","role","hrefLang","hreflang","getBooleanAsString","disabled","tabIndex","selected","label","current","size","getHideProp","_a","showIcon","variant","content","text"],"sources":["src/components/link/link.tsx"],"sourcesContent":["import { DBLinkProps } from \"./model\";\nimport { cls, getBooleanAsString, getHideProp } from \"../../utils\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-link\",\n})\nexport class DBLink {\n  private _ref!: HTMLAnchorElement | any;\n  @Prop() id: DBLinkProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBLinkProps[\"className\"];\n  @Prop() href: DBLinkProps[\"href\"];\n  @Prop() target: DBLinkProps[\"target\"];\n  @Prop() rel: DBLinkProps[\"rel\"];\n  @Prop() role: DBLinkProps[\"role\"];\n  @Prop() hreflang: DBLinkProps[\"hreflang\"];\n  @Prop() disabled: DBLinkProps[\"disabled\"];\n  @Prop() selected: DBLinkProps[\"selected\"];\n  @Prop() label: DBLinkProps[\"label\"];\n  @Prop() current: DBLinkProps[\"current\"];\n  @Prop() size: DBLinkProps[\"size\"];\n  @Prop() showIcon: DBLinkProps[\"showIcon\"];\n  @Prop() variant: DBLinkProps[\"variant\"];\n  @Prop() content: DBLinkProps[\"content\"];\n  @Prop() text: DBLinkProps[\"text\"];\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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-link\");\n  }\n\n  render() {\n    return (\n      <a\n        class={cls(\"db-link\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        href={this.href}\n        target={this.target}\n        rel={this.rel}\n        role={this.role}\n        hrefLang={this.hreflang}\n        aria-disabled={getBooleanAsString(this.disabled)}\n        tabIndex={this.disabled ? -1 : 0}\n        aria-selected={getBooleanAsString(this.selected)}\n        aria-label={this.label}\n        aria-current={this.current}\n        data-size={this.size}\n        data-hide-icon-after={getHideProp(this.showIcon ?? true)}\n        data-variant={this.variant}\n        data-content={this.content || \"internal\"}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </a>\n    );\n  }\n}\n"],"mappings":"mGAaaA,EAAM,M,yBAwBT,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEC,KAAKtB,uBAAuBsB,KAAKC,KAAM,U,CAGzC,MAAAC,G,MACE,OACEC,EACE,KAAAC,IAAA,2CAAAC,MAAOC,EAAI,UAAWN,KAAKO,WAC3BC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EAEhBC,GAAIV,KAAKU,GACTC,KAAMX,KAAKW,KACXC,OAAQZ,KAAKY,OACbC,IAAKb,KAAKa,IACVC,KAAMd,KAAKc,KACXC,SAAUf,KAAKgB,SAAQ,gBACRC,EAAmBjB,KAAKkB,UACvCC,SAAUnB,KAAKkB,UAAW,EAAK,EAAC,gBACjBD,EAAmBjB,KAAKoB,UAAS,aACpCpB,KAAKqB,MAAK,eACRrB,KAAKsB,QACR,YAAAtB,KAAKuB,KACM,uBAAAC,GAAYC,EAAAzB,KAAK0B,YAAQ,MAAAD,SAAA,EAAAA,EAAI,MAAK,eAC1CzB,KAAK2B,QAAO,eACZ3B,KAAK4B,SAAW,YAE7B5B,KAAK6B,KAAO7B,KAAK6B,KAAO1B,EAAA,a","ignoreList":[]}
+{"version":3,"names":["DBLink","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","this","_ref","render","h","key","class","cls","className","ref","el","id","href","target","rel","role","hrefLang","hreflang","getBooleanAsString","disabled","tabIndex","selected","label","current","size","getHideProp","_a","showIcon","variant","content","text"],"sources":["src/components/link/link.tsx"],"sourcesContent":["import { cls, getBooleanAsString, getHideProp } from \"../../utils\";\nimport { DBLinkProps } from \"./model\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-link\",\n})\nexport class DBLink {\n  private _ref!: HTMLAnchorElement | any;\n  @Prop() id: DBLinkProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBLinkProps[\"className\"];\n  @Prop() href: DBLinkProps[\"href\"];\n  @Prop() target: DBLinkProps[\"target\"];\n  @Prop() rel: DBLinkProps[\"rel\"];\n  @Prop() role: DBLinkProps[\"role\"];\n  @Prop() hreflang: DBLinkProps[\"hreflang\"];\n  @Prop() disabled: DBLinkProps[\"disabled\"];\n  @Prop() selected: DBLinkProps[\"selected\"];\n  @Prop() label: DBLinkProps[\"label\"];\n  @Prop() current: DBLinkProps[\"current\"];\n  @Prop() size: DBLinkProps[\"size\"];\n  @Prop() showIcon: DBLinkProps[\"showIcon\"];\n  @Prop() variant: DBLinkProps[\"variant\"];\n  @Prop() content: DBLinkProps[\"content\"];\n  @Prop() text: DBLinkProps[\"text\"];\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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-link\");\n  }\n\n  render() {\n    return (\n      <a\n        class={cls(\"db-link\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        href={this.href}\n        target={this.target}\n        rel={this.rel}\n        role={this.role}\n        hrefLang={this.hreflang}\n        aria-disabled={getBooleanAsString(this.disabled)}\n        tabIndex={this.disabled ? -1 : 0}\n        aria-selected={getBooleanAsString(this.selected)}\n        aria-label={this.label}\n        aria-current={this.current}\n        data-size={this.size}\n        data-hide-icon-after={getHideProp(this.showIcon ?? true)}\n        data-variant={this.variant}\n        data-content={this.content || \"internal\"}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </a>\n    );\n  }\n}\n"],"mappings":"mGAaaA,EAAM,M,yBAwBT,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEC,KAAKtB,uBAAuBsB,KAAKC,KAAM,U,CAGzC,MAAAC,G,MACE,OACEC,EACE,KAAAC,IAAA,2CAAAC,MAAOC,EAAI,UAAWN,KAAKO,WAC3BC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EAEhBC,GAAIV,KAAKU,GACTC,KAAMX,KAAKW,KACXC,OAAQZ,KAAKY,OACbC,IAAKb,KAAKa,IACVC,KAAMd,KAAKc,KACXC,SAAUf,KAAKgB,SAAQ,gBACRC,EAAmBjB,KAAKkB,UACvCC,SAAUnB,KAAKkB,UAAW,EAAK,EAAC,gBACjBD,EAAmBjB,KAAKoB,UAAS,aACpCpB,KAAKqB,MAAK,eACRrB,KAAKsB,QACR,YAAAtB,KAAKuB,KACM,uBAAAC,GAAYC,EAAAzB,KAAK0B,YAAQ,MAAAD,SAAA,EAAAA,EAAI,MAAK,eAC1CzB,KAAK2B,QAAO,eACZ3B,KAAK4B,SAAW,YAE7B5B,KAAK6B,KAAO7B,KAAK6B,KAAO1B,EAAA,a","ignoreList":[]}

package/dist/db-ux/p-1ea93da3.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as e,h as d}from"./p-CK6m6IJ4.js";import{D as c,p as i}from"./p-DC9V_oNU.js";import{a as t,u as s,b,c as n}from"./p-YECpAE3G.js";import{i as r}from"./p-DdyDId49.js";import"./p-CifCRcqG.js";const o=class{constructor(d){a(this,d);this.toggle=e(this,"toggle");this._id=c;this.initialized=false;this.forcedToMobile=false}handleToggle(a){if(a&&a.stopPropagation){a.stopPropagation()}const e=!b(this.drawerOpen,"drawerOpen");if(this.toggle){this.toggle.emit(e)}}handleNavigationItemClick(a){if(r(a)){this.handleToggle()}}enableAttributePassing(a,e){const d=a===null||a===void 0?void 0:a.closest(e);if(a&&d){const e=d.attributes;for(let c=0;c<e.length;c++){const i=e.item(c);if(i&&(i.name.startsWith("data-")||i.name.startsWith("aria-"))){a.setAttribute(i.name,i.value);d.removeAttribute(i.name)}if(i&&i.name==="class"){const e=i.value.includes("hydrated");const c=i.value.replace("hydrated","").trim();const t=a.getAttribute("class");a.setAttribute(i.name,`${t?`${t} `:""}${c}`);if(e){d.setAttribute("class","hydrated")}else{d.removeAttribute(i.name)}}}}}watch0Fn(){var a;if(this.initialized&&document&&this._id&&this.forceMobile){const e=document.getElementById((a=this._id)!==null&&a!==void 0?a:"");if(e){t(e,{key:"data-force-mobile",value:"true"})}this.forcedToMobile=true}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-header");this.initialized=true;this._id=this.id||"header-"+s();this.watch0Fn()}render(){var a;return d("header",{key:"7164c39337a38f1cf9a43155c35a523ac43d1e7f",class:n("db-header",this.className),ref:a=>{this._ref=a},id:this._id,"data-width":this.width,"data-on-forcing-mobile":this.forceMobile&&!this.forcedToMobile},d("db-drawer",{key:"a0b706e57edd786b456d78fa2cf378f669ed195e",class:"db-header-drawer",spacing:"small",rounded:true,open:b(this.drawerOpen),onClose:()=>this.handleToggle()},d("div",{key:"0b0a545577ab9a62e95aeda901d38f8e6342a714",class:"db-header-drawer-navigation"},d("div",{key:"c18c6d3e7b63013e88287c7a8db30049ca971803",class:"db-header-navigation",onClick:a=>this.handleNavigationItemClick(a)},d("slot",{key:"10bab0612c22529ab6552b08188d4eb0e8cc75f5"})),d("div",{key:"ca88ab6856983363187ad5375c43bd273705e8bd",class:"db-header-meta-navigation"},d("slot",{key:"ed541d5d43f4642e756a906529c5acde8b7272ee",name:"metaNavigation"}))),d("div",{key:"54b5f2283e6299e1e170cc748bd73eab19ebc45c",class:"db-header-secondary-action"},d("slot",{key:"247a1d39b5d68e9fb045a383ebd01eba1c24b900",name:"secondaryAction"}))),d("div",{key:"8fb50d7e5bdda29c7d41e5c6d4519355f77a1b36",class:"db-header-meta-navigation"},d("slot",{key:"05a2bba7ba0db19d66bf99a7c12c083d6dc8af47",name:"metaNavigation"})),d("div",{key:"ab478eb72d05b84058541299a7d69533a64b0df7",class:"db-header-navigation-bar"},d("div",{key:"58523957eac58d8bb9ef772a70a4e725dfc50d65",class:"db-header-brand-container"},d("slot",{key:"b5d6aa4897c195fab66fd50dffb10552a7cb328b",name:"brand"})),d("div",{key:"58a4b1ea1b198c287b4ff1c4dede35c8443c9a8e",class:"db-header-navigation-container"},d("div",{key:"c7b42aa4179af8b1d8e077a8e936072d5d4310dd",class:"db-header-navigation"},d("slot",{key:"65de09cfdd312f064a4c48ee2da58c10c8ec808b"})),d("div",{key:"82bf8feb4b3161289380d5d92b9cdb09bfe30f22",class:"db-header-primary-action"},d("slot",{key:"a2bcc11216a932a2f5fc197947ac392450c5d0e2",name:"primaryAction"}))),d("div",{key:"6ca64a52596fed7136a59aa321d44adbd924a64d",class:"db-header-action-container"},d("div",{key:"9ce2d0782e6df4c6cb3726f71684933ed6707673",class:"db-header-burger-menu-container"},d("db-button",{key:"3a403abdae82f7c62e4349b14c37302984ddcc36",icon:"menu",variant:"ghost",id:this._id+"-burger-menu",noText:true,onClick:()=>this.handleToggle()},(a=this.burgerMenuLabel)!==null&&a!==void 0?a:i)),d("div",{key:"7e6ead129f18bbbf8e72fc3ff6726b3f3f448af9",class:"db-header-secondary-action"},d("slot",{key:"fece8c818e63eff96564d98f38c0bdd76a464c21",name:"secondaryAction"})))))}static get watchers(){return{initialized:["watch0"]}}};export{o as db_header};
+//# sourceMappingURL=p-1ea93da3.entry.js.map

package/dist/db-ux/{p-f098a79b.entry.js.map → p-1ea93da3.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DBHeader","constructor","hostRef","this","_id","DEFAULT_ID","initialized","forcedToMobile","handleToggle","event","stopPropagation","open","getBoolean","drawerOpen","toggle","emit","handleNavigationItemClick","isEventTargetNavigationItem","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","document","forceMobile","headerElement","getElementById","_a","addAttributeToChildren","key","watch0","componentDidLoad","_ref","id","uuid","render","h","class","cls","className","ref","el","width","spacing","rounded","onClose","onClick","icon","variant","noText","burgerMenuLabel","DEFAULT_BURGER_MENU"],"sources":["src/components/header/header.tsx"],"sourcesContent":["import { DBHeaderProps, DBHeaderState } from \"./model\";\nimport { addAttributeToChildren, cls, getBoolean, uuid } from \"../../utils\";\nimport { DBButton } from \"../button/button\";\nimport { DBDrawer } from \"../drawer/drawer\";\nimport { DEFAULT_BURGER_MENU, DEFAULT_ID } from \"../../shared/constants\";\nimport { isEventTargetNavigationItem } from \"../../utils/navigation\";\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 * @slot metaNavigation - TODO: Add description for slotMetaNavigation\n * @slot secondaryAction - TODO: Add description for slotSecondaryAction\n * @slot brand - TODO: Add description for slotBrand\n * @slot primaryAction - TODO: Add description for slotPrimaryAction\n */\n @Component({\n  tag: \"db-header\",\n})\nexport class DBHeader {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBHeaderProps[\"id\"];\n  @Prop() forceMobile: DBHeaderProps[\"forceMobile\"];\n  @Prop() drawerOpen: DBHeaderProps[\"drawerOpen\"];\n  @Event() toggle: EventEmitter<\n    Parameters<Required<DBHeaderProps>[\"onToggle\"]>[number]\n  > | void;\n  @Prop({attribute: \"classname\"}) className: DBHeaderProps[\"className\"];\n  @Prop() width: DBHeaderProps[\"width\"];\n  @Prop() burgerMenuLabel: DBHeaderProps[\"burgerMenuLabel\"];\n  @State() _id = DEFAULT_ID;\n  @State() initialized = false;\n  @State() forcedToMobile = false;\n\n  handleToggle(event?: any) {\n    if (event && event.stopPropagation) {\n      event.stopPropagation();\n    }\n    const open = !getBoolean(this.drawerOpen, \"drawerOpen\");\n    if (this.toggle) {\n      this.toggle.emit(open);\n    }\n  }\n  handleNavigationItemClick(event: unknown) {\n    if (isEventTargetNavigationItem(event)) {\n      this.handleToggle();\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: 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.initialized && document && this._id && this.forceMobile) {\n      const headerElement = document.getElementById(\n        this._id ?? \"\"\n      ) as HTMLElement;\n      if (headerElement) {\n        // Adds this attribute to the header to enable all styling which would have\n        // @media screen and (min-width: $db-screens-m) to show mobile navigation on a desktop device\n        addAttributeToChildren(headerElement, {\n          key: \"data-force-mobile\",\n          value: \"true\",\n        });\n      }\n      this.forcedToMobile = true;\n    }\n  }\n\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-header\");\n    this.initialized = true;\n    this._id = this.id || \"header-\" + uuid();\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <header\n        class={cls(\"db-header\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-width={this.width}\n        data-on-forcing-mobile={this.forceMobile && !this.forcedToMobile}\n      >\n        <db-drawer\n          class=\"db-header-drawer\"\n          spacing=\"small\"\n          rounded={true}\n          open={getBoolean(this.drawerOpen)}\n          onClose={() => this.handleToggle()}\n        >\n          <div class=\"db-header-drawer-navigation\">\n            <div\n              class=\"db-header-navigation\"\n              onClick={(event) => this.handleNavigationItemClick(event)}\n            >\n              <slot></slot>\n            </div>\n            <div class=\"db-header-meta-navigation\">\n              <slot name=\"metaNavigation\"></slot>\n            </div>\n          </div>\n          <div class=\"db-header-secondary-action\">\n            <slot name=\"secondaryAction\"></slot>\n          </div>\n        </db-drawer>\n        <div class=\"db-header-meta-navigation\">\n          <slot name=\"metaNavigation\"></slot>\n        </div>\n        <div class=\"db-header-navigation-bar\">\n          <div class=\"db-header-brand-container\">\n            <slot name=\"brand\"></slot>\n          </div>\n          <div class=\"db-header-navigation-container\">\n            <div class=\"db-header-navigation\">\n              <slot></slot>\n            </div>\n            <div class=\"db-header-primary-action\">\n              <slot name=\"primaryAction\"></slot>\n            </div>\n          </div>\n          <div class=\"db-header-action-container\">\n            <div class=\"db-header-burger-menu-container\">\n              <db-button\n                icon=\"menu\"\n                variant=\"ghost\"\n                id={this._id + \"-burger-menu\"}\n                noText={true}\n                onClick={() => this.handleToggle()}\n              >\n                {this.burgerMenuLabel ?? DEFAULT_BURGER_MENU}\n              </db-button>\n            </div>\n            <div class=\"db-header-secondary-action\">\n              <slot name=\"secondaryAction\"></slot>\n            </div>\n          </div>\n        </div>\n      </header>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["DBHeader","constructor","hostRef","this","_id","DEFAULT_ID","initialized","forcedToMobile","handleToggle","event","stopPropagation","open","getBoolean","drawerOpen","toggle","emit","handleNavigationItemClick","isEventTargetNavigationItem","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","document","forceMobile","headerElement","getElementById","_a","addAttributeToChildren","key","watch0","componentDidLoad","_ref","id","uuid","render","h","class","cls","className","ref","el","width","spacing","rounded","onClose","onClick","icon","variant","noText","burgerMenuLabel","DEFAULT_BURGER_MENU"],"sources":["src/components/header/header.tsx"],"sourcesContent":["import { DEFAULT_BURGER_MENU, DEFAULT_ID } from \"../../shared/constants\";\nimport { addAttributeToChildren, cls, getBoolean, uuid } from \"../../utils\";\nimport { isEventTargetNavigationItem } from \"../../utils/navigation\";\nimport { DBButton } from \"../button/button\";\nimport { DBDrawer } from \"../drawer/drawer\";\nimport { DBHeaderProps, DBHeaderState } from \"./model\";\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 * @slot metaNavigation - TODO: Add description for slotMetaNavigation\n * @slot secondaryAction - TODO: Add description for slotSecondaryAction\n * @slot brand - TODO: Add description for slotBrand\n * @slot primaryAction - TODO: Add description for slotPrimaryAction\n */\n @Component({\n  tag: \"db-header\",\n})\nexport class DBHeader {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBHeaderProps[\"id\"];\n  @Prop() forceMobile: DBHeaderProps[\"forceMobile\"];\n  @Prop() drawerOpen: DBHeaderProps[\"drawerOpen\"];\n  @Event() toggle: EventEmitter<\n    Parameters<Required<DBHeaderProps>[\"onToggle\"]>[number]\n  > | void;\n  @Prop({attribute: \"classname\"}) className: DBHeaderProps[\"className\"];\n  @Prop() width: DBHeaderProps[\"width\"];\n  @Prop() burgerMenuLabel: DBHeaderProps[\"burgerMenuLabel\"];\n  @State() _id = DEFAULT_ID;\n  @State() initialized = false;\n  @State() forcedToMobile = false;\n\n  handleToggle(event?: any) {\n    if (event && event.stopPropagation) {\n      event.stopPropagation();\n    }\n    const open = !getBoolean(this.drawerOpen, \"drawerOpen\");\n    if (this.toggle) {\n      this.toggle.emit(open);\n    }\n  }\n  handleNavigationItemClick(event: unknown) {\n    if (isEventTargetNavigationItem(event)) {\n      this.handleToggle();\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: 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.initialized && document && this._id && this.forceMobile) {\n      const headerElement = document.getElementById(\n        this._id ?? \"\"\n      ) as HTMLElement;\n      if (headerElement) {\n        // Adds this attribute to the header to enable all styling which would have\n        // @media screen and (min-width: $db-screens-m) to show mobile navigation on a desktop device\n        addAttributeToChildren(headerElement, {\n          key: \"data-force-mobile\",\n          value: \"true\",\n        });\n      }\n      this.forcedToMobile = true;\n    }\n  }\n\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-header\");\n    this.initialized = true;\n    this._id = this.id || \"header-\" + uuid();\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <header\n        class={cls(\"db-header\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-width={this.width}\n        data-on-forcing-mobile={this.forceMobile && !this.forcedToMobile}\n      >\n        <db-drawer\n          class=\"db-header-drawer\"\n          spacing=\"small\"\n          rounded={true}\n          open={getBoolean(this.drawerOpen)}\n          onClose={() => this.handleToggle()}\n        >\n          <div class=\"db-header-drawer-navigation\">\n            <div\n              class=\"db-header-navigation\"\n              onClick={(event) => this.handleNavigationItemClick(event)}\n            >\n              <slot></slot>\n            </div>\n            <div class=\"db-header-meta-navigation\">\n              <slot name=\"metaNavigation\"></slot>\n            </div>\n          </div>\n          <div class=\"db-header-secondary-action\">\n            <slot name=\"secondaryAction\"></slot>\n          </div>\n        </db-drawer>\n        <div class=\"db-header-meta-navigation\">\n          <slot name=\"metaNavigation\"></slot>\n        </div>\n        <div class=\"db-header-navigation-bar\">\n          <div class=\"db-header-brand-container\">\n            <slot name=\"brand\"></slot>\n          </div>\n          <div class=\"db-header-navigation-container\">\n            <div class=\"db-header-navigation\">\n              <slot></slot>\n            </div>\n            <div class=\"db-header-primary-action\">\n              <slot name=\"primaryAction\"></slot>\n            </div>\n          </div>\n          <div class=\"db-header-action-container\">\n            <div class=\"db-header-burger-menu-container\">\n              <db-button\n                icon=\"menu\"\n                variant=\"ghost\"\n                id={this._id + \"-burger-menu\"}\n                noText={true}\n                onClick={() => this.handleToggle()}\n              >\n                {this.burgerMenuLabel ?? DEFAULT_BURGER_MENU}\n              </db-button>\n            </div>\n            <div class=\"db-header-secondary-action\">\n              <slot name=\"secondaryAction\"></slot>\n            </div>\n          </div>\n        </div>\n      </header>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/p-22f90e2a.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as d}from"./p-CK6m6IJ4.js";import{c as t,g as a}from"./p-YECpAE3G.js";const s=class{constructor(d){e(this,d);this.fontsLoaded=false}enableAttributePassing(e,d){const t=e===null||e===void 0?void 0:e.closest(d);if(e&&t){const d=t.attributes;for(let a=0;a<d.length;a++){const s=d.item(a);if(s&&(s.name.startsWith("data-")||s.name.startsWith("aria-"))){e.setAttribute(s.name,s.value);t.removeAttribute(s.name)}if(s&&s.name==="class"){const d=s.value.includes("hydrated");const a=s.value.replace("hydrated","").trim();const i=e.getAttribute("class");e.setAttribute(s.name,`${i?`${i} `:""}${a}`);if(d){t.setAttribute("class","hydrated")}else{t.removeAttribute(s.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-page");this.fontsLoaded=!this.fadeIn;if(document&&this.fadeIn){document.fonts.ready.then((()=>{this.fontsLoaded=true}))}else{this.fontsLoaded=true}}disconnectedCallback(){if(typeof window!=="undefined"&&document.documentElement.classList.contains("db-page-document")){document.documentElement.classList.remove("db-page-document")}}render(){return d("div",{key:"005b795411eb8ae8717d978eae32db515f7f6d87",class:t("db-page",this.className),ref:e=>{this._ref=e},id:this.id,"data-variant":this.variant,"data-fade-in":a(this.fadeIn),"data-fonts-loaded":a(this.fontsLoaded)},d("slot",{key:"d9afe2076d0f115c2e7e8dc362ccd6e1dd3c4df7",name:"header"}),d("main",{key:"2002d9fbc8a71df9d042da0e77dbdce9d9bd9ab5",class:t("db-main",this.mainClass)},d("slot",{key:"40fdc82ff79391f41ba9bd1886959e7f84ab7626"})),d("slot",{key:"0468545812365d7124bf4e3e9f9045aacce6786a",name:"footer"}))}};export{s as db_page};
+//# sourceMappingURL=p-22f90e2a.entry.js.map

package/dist/db-ux/{p-7bff3896.entry.js.map → p-22f90e2a.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DBPage","constructor","hostRef","this","fontsLoaded","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","_ref","fadeIn","document","fonts","ready","then","disconnectedCallback","window","documentElement","classList","contains","remove","render","h","key","class","cls","className","ref","el","id","variant","getBooleanAsString","mainClass"],"sources":["src/components/page/page.tsx"],"sourcesContent":["import { DBPageProps, DBPageState } from \"./model\";\nimport { cls, getBooleanAsString } from \"../../utils\";\n\nimport { Component, h, Fragment, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot header - TODO: Add description for slotHeader\n * @slot footer - TODO: Add description for slotFooter\n */\n @Component({\n  tag: \"db-page\",\n})\nexport class DBPage {\n  private _ref!: HTMLDivElement | any;\n  @Prop() fadeIn: DBPageProps[\"fadeIn\"];\n  @Prop() documentOverflow: DBPageProps[\"documentOverflow\"];\n  @Prop() variant: DBPageProps[\"variant\"];\n  @Prop() id: DBPageProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBPageProps[\"className\"];\n  @Prop() mainClass: DBPageProps[\"mainClass\"];\n  @State() fontsLoaded = false;\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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-page\");\n    this.fontsLoaded = !this.fadeIn;\n    if (document && this.fadeIn) {\n      document.fonts.ready.then(() => {\n        this.fontsLoaded = true;\n      });\n    } else {\n      this.fontsLoaded = true;\n    }\n  }\n  disconnectedCallback() {\n    if (\n      typeof window !== \"undefined\" &&\n      document.documentElement.classList.contains(\"db-page-document\")\n    ) {\n      // remove document styles set by this\n      document.documentElement.classList.remove(\"db-page-document\");\n    }\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-page\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-variant={this.variant}\n        data-fade-in={getBooleanAsString(this.fadeIn)}\n        data-fonts-loaded={getBooleanAsString(this.fontsLoaded)}\n      >\n        <slot name=\"header\"></slot>\n        <main class={cls(\"db-main\", this.mainClass)}>\n          <slot></slot>\n        </main>\n        <slot name=\"footer\"></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"4FAcaA,EAAM,MAHlB,WAAAC,CAAAC,G,UAWUC,KAAWC,YAAG,KAmFxB,CA5ES,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEvB,KAAKE,uBAAuBF,KAAKwB,KAAM,WACvCxB,KAAKC,aAAeD,KAAKyB,OACzB,GAAIC,UAAY1B,KAAKyB,OAAQ,CAC3BC,SAASC,MAAMC,MAAMC,MAAK,KACxB7B,KAAKC,YAAc,IAAI,G,KAEpB,CACLD,KAAKC,YAAc,I,EAGvB,oBAAA6B,GACE,UACSC,SAAW,aAClBL,SAASM,gBAAgBC,UAAUC,SAAS,oBAC5C,CAEAR,SAASM,gBAAgBC,UAAUE,OAAO,mB,EAI9C,MAAAC,GACE,OACEC,EACE,OAAAC,IAAA,2CAAAC,MAAOC,EAAI,UAAWxC,KAAKyC,WAC3BC,IAAMC,IACJ3C,KAAKwB,KAAOmB,CAAE,EAEhBC,GAAI5C,KAAK4C,GAAE,eACG5C,KAAK6C,QAAO,eACZC,EAAmB9C,KAAKyB,QAAO,oBAC1BqB,EAAmB9C,KAAKC,cAE3CoC,EAAM,QAAAC,IAAA,2CAAA1B,KAAK,WACXyB,EAAM,QAAAC,IAAA,2CAAAC,MAAOC,EAAI,UAAWxC,KAAK+C,YAC/BV,EAAA,QAAAC,IAAA,8CAEFD,EAAA,QAAAC,IAAA,2CAAM1B,KAAK,W","ignoreList":[]}
+{"version":3,"names":["DBPage","constructor","hostRef","this","fontsLoaded","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","_ref","fadeIn","document","fonts","ready","then","disconnectedCallback","window","documentElement","classList","contains","remove","render","h","key","class","cls","className","ref","el","id","variant","getBooleanAsString","mainClass"],"sources":["src/components/page/page.tsx"],"sourcesContent":["import { cls, getBooleanAsString } from \"../../utils\";\nimport { DBPageProps, DBPageState } from \"./model\";\n\nimport { Component, h, Fragment, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot header - TODO: Add description for slotHeader\n * @slot footer - TODO: Add description for slotFooter\n */\n @Component({\n  tag: \"db-page\",\n})\nexport class DBPage {\n  private _ref!: HTMLDivElement | any;\n  @Prop() fadeIn: DBPageProps[\"fadeIn\"];\n  @Prop() documentOverflow: DBPageProps[\"documentOverflow\"];\n  @Prop() variant: DBPageProps[\"variant\"];\n  @Prop() id: DBPageProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBPageProps[\"className\"];\n  @Prop() mainClass: DBPageProps[\"mainClass\"];\n  @State() fontsLoaded = false;\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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-page\");\n    this.fontsLoaded = !this.fadeIn;\n    if (document && this.fadeIn) {\n      document.fonts.ready.then(() => {\n        this.fontsLoaded = true;\n      });\n    } else {\n      this.fontsLoaded = true;\n    }\n  }\n  disconnectedCallback() {\n    if (\n      typeof window !== \"undefined\" &&\n      document.documentElement.classList.contains(\"db-page-document\")\n    ) {\n      // remove document styles set by this\n      document.documentElement.classList.remove(\"db-page-document\");\n    }\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-page\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-variant={this.variant}\n        data-fade-in={getBooleanAsString(this.fadeIn)}\n        data-fonts-loaded={getBooleanAsString(this.fontsLoaded)}\n      >\n        <slot name=\"header\"></slot>\n        <main class={cls(\"db-main\", this.mainClass)}>\n          <slot></slot>\n        </main>\n        <slot name=\"footer\"></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"4FAcaA,EAAM,MAHlB,WAAAC,CAAAC,G,UAWUC,KAAWC,YAAG,KAmFxB,CA5ES,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEvB,KAAKE,uBAAuBF,KAAKwB,KAAM,WACvCxB,KAAKC,aAAeD,KAAKyB,OACzB,GAAIC,UAAY1B,KAAKyB,OAAQ,CAC3BC,SAASC,MAAMC,MAAMC,MAAK,KACxB7B,KAAKC,YAAc,IAAI,G,KAEpB,CACLD,KAAKC,YAAc,I,EAGvB,oBAAA6B,GACE,UACSC,SAAW,aAClBL,SAASM,gBAAgBC,UAAUC,SAAS,oBAC5C,CAEAR,SAASM,gBAAgBC,UAAUE,OAAO,mB,EAI9C,MAAAC,GACE,OACEC,EACE,OAAAC,IAAA,2CAAAC,MAAOC,EAAI,UAAWxC,KAAKyC,WAC3BC,IAAMC,IACJ3C,KAAKwB,KAAOmB,CAAE,EAEhBC,GAAI5C,KAAK4C,GAAE,eACG5C,KAAK6C,QAAO,eACZC,EAAmB9C,KAAKyB,QAAO,oBAC1BqB,EAAmB9C,KAAKC,cAE3CoC,EAAM,QAAAC,IAAA,2CAAA1B,KAAK,WACXyB,EAAM,QAAAC,IAAA,2CAAAC,MAAOC,EAAI,UAAWxC,KAAK+C,YAC/BV,EAAA,QAAAC,IAAA,8CAEFD,EAAA,QAAAC,IAAA,2CAAM1B,KAAK,W","ignoreList":[]}

package/dist/db-ux/p-237302c8.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s}from"./p-CK6m6IJ4.js";import{j as i,c as a}from"./p-YECpAE3G.js";const o=class{constructor(s){t(this,s)}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 o=s.item(a);if(o&&(o.name.startsWith("data-")||o.name.startsWith("aria-"))){t.setAttribute(o.name,o.value);i.removeAttribute(o.name)}if(o&&o.name==="class"){const s=o.value.includes("hydrated");const a=o.value.replace("hydrated","").trim();const e=t.getAttribute("class");t.setAttribute(o.name,`${e?`${e} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(o.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-infotext")}render(){var t;return s("span",{key:"d44fec79300a02e6602347c8f099519774a53178",class:a("db-infotext",this.className),ref:t=>{this._ref=t},id:this.id,"data-icon":this.icon,"data-semantic":this.semantic,"data-size":this.size,"data-hide-icon-before":i((t=this.showIcon)!==null&&t!==void 0?t:true)},this.text?this.text:s("slot",null))}};export{o as db_infotext};
+//# sourceMappingURL=p-237302c8.entry.js.map

package/dist/db-ux/{p-d3b0703c.entry.js.map → p-237302c8.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DBInfotext","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","this","_ref","render","h","key","class","cls","className","ref","el","id","icon","semantic","size","getHideProp","_a","showIcon","text"],"sources":["src/components/infotext/infotext.tsx"],"sourcesContent":["import { DBInfotextProps, DBInfotextState } from \"./model\";\nimport { cls, getHideProp } from \"../../utils\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-infotext\",\n})\nexport class DBInfotext {\n  private _ref!: HTMLSpanElement | any;\n  @Prop() id: DBInfotextProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBInfotextProps[\"className\"];\n  @Prop() icon: DBInfotextProps[\"icon\"];\n  @Prop() semantic: DBInfotextProps[\"semantic\"];\n  @Prop() size: DBInfotextProps[\"size\"];\n  @Prop() showIcon: DBInfotextProps[\"showIcon\"];\n  @Prop() text: DBInfotextProps[\"text\"];\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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-infotext\");\n  }\n\n  render() {\n    return (\n      <span\n        class={cls(\"db-infotext\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-icon={this.icon}\n        data-semantic={this.semantic}\n        data-size={this.size}\n        data-hide-icon-before={getHideProp(this.showIcon ?? true)}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </span>\n    );\n  }\n}\n"],"mappings":"4FAaaA,EAAU,M,yBAeb,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEC,KAAKtB,uBAAuBsB,KAAKC,KAAM,c,CAGzC,MAAAC,G,MACE,OACEC,EACE,QAAAC,IAAA,2CAAAC,MAAOC,EAAI,cAAeN,KAAKO,WAC/BC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EAEhBC,GAAIV,KAAKU,GAAE,YACAV,KAAKW,KAAI,gBACLX,KAAKY,SACT,YAAAZ,KAAKa,KAAI,wBACGC,GAAYC,EAAAf,KAAKgB,YAAQ,MAAAD,SAAA,EAAAA,EAAI,OAEnDf,KAAKiB,KAAOjB,KAAKiB,KAAOd,EAAa,a","ignoreList":[]}
+{"version":3,"names":["DBInfotext","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","this","_ref","render","h","key","class","cls","className","ref","el","id","icon","semantic","size","getHideProp","_a","showIcon","text"],"sources":["src/components/infotext/infotext.tsx"],"sourcesContent":["import { cls, getHideProp } from \"../../utils\";\nimport { DBInfotextProps, DBInfotextState } from \"./model\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-infotext\",\n})\nexport class DBInfotext {\n  private _ref!: HTMLSpanElement | any;\n  @Prop() id: DBInfotextProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBInfotextProps[\"className\"];\n  @Prop() icon: DBInfotextProps[\"icon\"];\n  @Prop() semantic: DBInfotextProps[\"semantic\"];\n  @Prop() size: DBInfotextProps[\"size\"];\n  @Prop() showIcon: DBInfotextProps[\"showIcon\"];\n  @Prop() text: DBInfotextProps[\"text\"];\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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-infotext\");\n  }\n\n  render() {\n    return (\n      <span\n        class={cls(\"db-infotext\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-icon={this.icon}\n        data-semantic={this.semantic}\n        data-size={this.size}\n        data-hide-icon-before={getHideProp(this.showIcon ?? true)}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </span>\n    );\n  }\n}\n"],"mappings":"4FAaaA,EAAU,M,yBAeb,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEC,KAAKtB,uBAAuBsB,KAAKC,KAAM,c,CAGzC,MAAAC,G,MACE,OACEC,EACE,QAAAC,IAAA,2CAAAC,MAAOC,EAAI,cAAeN,KAAKO,WAC/BC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EAEhBC,GAAIV,KAAKU,GAAE,YACAV,KAAKW,KAAI,gBACLX,KAAKY,SACT,YAAAZ,KAAKa,KAAI,wBACGC,GAAYC,EAAAf,KAAKgB,YAAQ,MAAAD,SAAA,EAAAA,EAAI,OAEnDf,KAAKiB,KAAOjB,KAAKiB,KAAOd,EAAa,a","ignoreList":[]}

package/dist/db-ux/{p-06d3948a.entry.js → p-25ae5c9f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s}from"./p-BJ_BOsfY.js";import{g as a,j as i,b as d,c as e}from"./p-YECpAE3G.js";const o=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const d=s.item(i);if(d&&(d.name.startsWith("data-")||d.name.startsWith("aria-"))){t.setAttribute(d.name,d.value);a.removeAttribute(d.name)}if(d&&d.name==="class"){const s=d.value.includes("hydrated");const i=d.value.replace("hydrated","").trim();const e=t.getAttribute("class");t.setAttribute(d.name,`${e?`${e} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(d.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-button")}render(){return s("button",{key:"c0aef693d8fca89f1f771a2a386ece7c42399692",class:e("db-button",this.className),ref:t=>{this._ref=t},id:this.id,type:this.type||"button",disabled:d(this.disabled,"disabled"),"aria-label":this.label,"data-icon":this.icon,"data-hide-icon":i(this.showIcon),"data-size":this.size,"data-state":this.state,"data-width":this.width,"data-variant":this.variant,"data-no-text":a(this.noText),name:this.name,form:this.form,value:this.value,"aria-describedby":this.describedbyid,"aria-expanded":this.ariaexpanded,"aria-pressed":this.ariapressed},this.text?this.text:s("slot",null))}};export{o as db_button};
-//# sourceMappingURL=p-06d3948a.entry.js.map
+import{r as t,h as s}from"./p-CK6m6IJ4.js";import{g as a,j as i,b as d,c as e}from"./p-YECpAE3G.js";const o=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const d=s.item(i);if(d&&(d.name.startsWith("data-")||d.name.startsWith("aria-"))){t.setAttribute(d.name,d.value);a.removeAttribute(d.name)}if(d&&d.name==="class"){const s=d.value.includes("hydrated");const i=d.value.replace("hydrated","").trim();const e=t.getAttribute("class");t.setAttribute(d.name,`${e?`${e} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(d.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-button")}render(){return s("button",{key:"38465ff47f2cec496154dff0419d75b9d72cb0db",class:e("db-button",this.className),ref:t=>{this._ref=t},id:this.id,type:this.type||"button",disabled:d(this.disabled,"disabled"),"aria-label":this.label,"data-icon":this.icon,"data-hide-icon":i(this.showIcon),"data-size":this.size,"data-state":this.state,"data-width":this.width,"data-variant":this.variant,"data-no-text":a(this.noText),name:this.name,form:this.form,value:this.value,"aria-describedby":this.describedbyid,"aria-expanded":this.ariaexpanded,"aria-pressed":this.ariapressed},this.text?this.text:s("slot",null))}};export{o as db_button};
+//# sourceMappingURL=p-25ae5c9f.entry.js.map

package/dist/db-ux/{p-06d3948a.entry.js.map → p-25ae5c9f.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DBButton","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","this","_ref","render","h","key","class","cls","className","ref","el","id","type","disabled","getBoolean","label","icon","getHideProp","showIcon","size","state","width","variant","getBooleanAsString","noText","form","describedbyid","ariaexpanded","ariapressed","text"],"sources":["src/components/button/button.tsx"],"sourcesContent":["import type { DBButtonProps } from \"./model\";\nimport { cls, getBoolean, getBooleanAsString, getHideProp } from \"../../utils\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-button\",\n})\nexport class DBButton {\n  private _ref!: HTMLButtonElement | any;\n  @Prop() id: DBButtonProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBButtonProps[\"className\"];\n  @Prop() type: DBButtonProps[\"type\"];\n  @Prop() disabled: DBButtonProps[\"disabled\"];\n  @Prop() label: DBButtonProps[\"label\"];\n  @Prop() icon: DBButtonProps[\"icon\"];\n  @Prop() showIcon: DBButtonProps[\"showIcon\"];\n  @Prop() size: DBButtonProps[\"size\"];\n  @Prop() state: DBButtonProps[\"state\"];\n  @Prop() width: DBButtonProps[\"width\"];\n  @Prop() variant: DBButtonProps[\"variant\"];\n  @Prop() noText: DBButtonProps[\"noText\"];\n  @Prop() name: DBButtonProps[\"name\"];\n  @Prop() form: DBButtonProps[\"form\"];\n  @Prop() value: DBButtonProps[\"value\"];\n  @Prop() describedbyid: DBButtonProps[\"describedbyid\"];\n  @Prop() ariaexpanded: DBButtonProps[\"ariaexpanded\"];\n  @Prop() ariapressed: DBButtonProps[\"ariapressed\"];\n  @Prop() text: DBButtonProps[\"text\"];\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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-button\");\n  }\n\n  render() {\n    return (\n      <button\n        class={cls(\"db-button\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        type={this.type || \"button\"}\n        disabled={getBoolean(this.disabled, \"disabled\")}\n        aria-label={this.label}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-size={this.size}\n        data-state={this.state}\n        data-width={this.width}\n        data-variant={this.variant}\n        data-no-text={getBooleanAsString(this.noText)}\n        name={this.name}\n        form={this.form}\n        value={this.value}\n        aria-describedby={this.describedbyid}\n        aria-expanded={this.ariaexpanded}\n        aria-pressed={this.ariapressed}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </button>\n    );\n  }\n}\n"],"mappings":"0GAaaA,EAAQ,M,yBA2BX,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEC,KAAKtB,uBAAuBsB,KAAKC,KAAM,Y,CAGzC,MAAAC,GACE,OACEC,EACE,UAAAC,IAAA,2CAAAC,MAAOC,EAAI,YAAaN,KAAKO,WAC7BC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EAEhBC,GAAIV,KAAKU,GACTC,KAAMX,KAAKW,MAAQ,SACnBC,SAAUC,EAAWb,KAAKY,SAAU,YAAW,aACnCZ,KAAKc,MACN,YAAAd,KAAKe,KAAI,iBACJC,EAAYhB,KAAKiB,UAAS,YAC/BjB,KAAKkB,KAAI,aACRlB,KAAKmB,MACL,aAAAnB,KAAKoB,MACH,eAAApB,KAAKqB,QAAO,eACZC,EAAmBtB,KAAKuB,QACtCnC,KAAMY,KAAKZ,KACXoC,KAAMxB,KAAKwB,KACXjC,MAAOS,KAAKT,MAAK,mBACCS,KAAKyB,cACR,gBAAAzB,KAAK0B,aAAY,eAClB1B,KAAK2B,aAElB3B,KAAK4B,KAAO5B,KAAK4B,KAAOzB,EAAA,a","ignoreList":[]}
+{"version":3,"names":["DBButton","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","this","_ref","render","h","key","class","cls","className","ref","el","id","type","disabled","getBoolean","label","icon","getHideProp","showIcon","size","state","width","variant","getBooleanAsString","noText","form","describedbyid","ariaexpanded","ariapressed","text"],"sources":["src/components/button/button.tsx"],"sourcesContent":["import { cls, getBoolean, getBooleanAsString, getHideProp } from \"../../utils\";\nimport type { DBButtonProps } from \"./model\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-button\",\n})\nexport class DBButton {\n  private _ref!: HTMLButtonElement | any;\n  @Prop() id: DBButtonProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBButtonProps[\"className\"];\n  @Prop() type: DBButtonProps[\"type\"];\n  @Prop() disabled: DBButtonProps[\"disabled\"];\n  @Prop() label: DBButtonProps[\"label\"];\n  @Prop() icon: DBButtonProps[\"icon\"];\n  @Prop() showIcon: DBButtonProps[\"showIcon\"];\n  @Prop() size: DBButtonProps[\"size\"];\n  @Prop() state: DBButtonProps[\"state\"];\n  @Prop() width: DBButtonProps[\"width\"];\n  @Prop() variant: DBButtonProps[\"variant\"];\n  @Prop() noText: DBButtonProps[\"noText\"];\n  @Prop() name: DBButtonProps[\"name\"];\n  @Prop() form: DBButtonProps[\"form\"];\n  @Prop() value: DBButtonProps[\"value\"];\n  @Prop() describedbyid: DBButtonProps[\"describedbyid\"];\n  @Prop() ariaexpanded: DBButtonProps[\"ariaexpanded\"];\n  @Prop() ariapressed: DBButtonProps[\"ariapressed\"];\n  @Prop() text: DBButtonProps[\"text\"];\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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-button\");\n  }\n\n  render() {\n    return (\n      <button\n        class={cls(\"db-button\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        type={this.type || \"button\"}\n        disabled={getBoolean(this.disabled, \"disabled\")}\n        aria-label={this.label}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-size={this.size}\n        data-state={this.state}\n        data-width={this.width}\n        data-variant={this.variant}\n        data-no-text={getBooleanAsString(this.noText)}\n        name={this.name}\n        form={this.form}\n        value={this.value}\n        aria-describedby={this.describedbyid}\n        aria-expanded={this.ariaexpanded}\n        aria-pressed={this.ariapressed}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </button>\n    );\n  }\n}\n"],"mappings":"0GAaaA,EAAQ,M,yBA2BX,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEC,KAAKtB,uBAAuBsB,KAAKC,KAAM,Y,CAGzC,MAAAC,GACE,OACEC,EACE,UAAAC,IAAA,2CAAAC,MAAOC,EAAI,YAAaN,KAAKO,WAC7BC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EAEhBC,GAAIV,KAAKU,GACTC,KAAMX,KAAKW,MAAQ,SACnBC,SAAUC,EAAWb,KAAKY,SAAU,YAAW,aACnCZ,KAAKc,MACN,YAAAd,KAAKe,KAAI,iBACJC,EAAYhB,KAAKiB,UAAS,YAC/BjB,KAAKkB,KAAI,aACRlB,KAAKmB,MACL,aAAAnB,KAAKoB,MACH,eAAApB,KAAKqB,QAAO,eACZC,EAAmBtB,KAAKuB,QACtCnC,KAAMY,KAAKZ,KACXoC,KAAMxB,KAAKwB,KACXjC,MAAOS,KAAKT,MAAK,mBACCS,KAAKyB,cACR,gBAAAzB,KAAK0B,aAAY,eAClB1B,KAAK2B,aAElB3B,KAAK4B,KAAO5B,KAAK4B,KAAOzB,EAAA,a","ignoreList":[]}

package/dist/db-ux/p-2f87bffd.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as s,F as h}from"./p-CK6m6IJ4.js";import{l as a,g as e,h as d,f as l,i as n,k as o,a as c}from"./p-DC9V_oNU.js";import{h as u,d as r,s as f,u as v,b,j as p,c as m}from"./p-YECpAE3G.js";const y=class{constructor(s){i(this,s);this.click=t(this,"click");this.input=t(this,"input");this.change=t(this,"change");this.blur=t(this,"blur");this.focus=t(this,"focus");this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._invalidMessage=undefined;this._placeholderId="";this._descByIds="";this._value="";this.initialized=false;this._voiceOverFallback=""}hasValidState(){var i;return!!((i=this.validMessage)!==null&&i!==void 0?i:this.validation==="valid")}handleValidation(){var i,t,s,h;if(!((i=this._ref)===null||i===void 0?void 0:i.validity.valid)||this.validation==="invalid"){this._descByIds=this._invalidMessageId;this._invalidMessage=this.invalidMessage||((t=this._ref)===null||t===void 0?void 0:t.validationMessage)||a;if(u()){this._voiceOverFallback=this._invalidMessage;r((()=>this._voiceOverFallback=""),1e3)}}else if(this.hasValidState()&&((s=this._ref)===null||s===void 0?void 0:s.validity.valid)&&this.required){this._descByIds=this._validMessageId;if(u()){this._voiceOverFallback=(h=this.validMessage)!==null&&h!==void 0?h:o;r((()=>this._voiceOverFallback=""),1e3)}}else if(f(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=this._placeholderId}}handleClick(i){if(this.click){this.click.emit(i)}}handleInput(i){if(this.input){this.input.emit(i)}this.handleValidation()}handleChange(i){if(this.change){this.change.emit(i)}this.handleValidation()}handleBlur(i){if(this.blur){this.blur.emit(i)}}handleFocus(i){if(this.focus){this.focus.emit(i)}}getOptionLabel(i){var t,s;return(t=i.label)!==null&&t!==void 0?t:(s=i.value)===null||s===void 0?void 0:s.toString()}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 a=t.item(h);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){i.setAttribute(a.name,a.value);s.removeAttribute(a.name)}if(a&&a.name==="class"){const t=a.value.includes("hydrated");const h=a.value.replace("hydrated","").trim();const e=i.getAttribute("class");i.setAttribute(a.name,`${e?`${e} `:""}${h}`);if(t){s.setAttribute("class","hydrated")}else{s.removeAttribute(a.name)}}}}}watch0Fn(){var i;this._invalidMessage=this.invalidMessage||((i=this._ref)===null||i===void 0?void 0:i.validationMessage)||a}watch0(){this.watch0Fn()}watch1Fn(){if(this._id&&this.initialized){const i=this._id+l;const t=this._id+n;this._messageId=i;this._validMessageId=this._id+e;this._invalidMessageId=this._id+d;this._placeholderId=t;if(f(this.message,this.showMessage)){this._descByIds=i}else{this._descByIds=t}this.initialized=false}}watch1(){this.watch1Fn()}watch2Fn(){this._value=this.value}watch2(){this.watch2Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-select");this.initialized=true;const t=(i=this.id)!==null&&i!==void 0?i:`select-${v()}`;this._id=t;this._messageId=t+l;this._validMessageId=t+e;this._invalidMessageId=t+d;this._placeholderId=t+n;this._invalidMessage=this.invalidMessage||a;this.watch0Fn();this.watch1Fn();this.watch2Fn()}render(){var i,t,a,e,d,l;return s("div",{key:"8c7536566f068aad9a6c3648bf2ca2f140080d72",class:m("db-select",this.className),"data-variant":this.variant,"data-hide-label":p(this.showLabel),"data-icon":this.icon,"data-hide-icon":p(this.showIcon)},s("label",{key:"941d1a745368e5630fe13facb5966285cf038dde",htmlFor:this._id},(i=this.label)!==null&&i!==void 0?i:c),s("select",{key:"4ab4802a667376373885f606c7fc7883dd3b958f","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:i=>{this._ref=i},required:b(this.required,"required"),"data-hide-asterisk":p(this.showRequiredAsterisk),disabled:b(this.disabled,"disabled"),id:this._id,name:this.name,size:this.size,value:(t=this.value)!==null&&t!==void 0?t:this._value,autocomplete:this.autocomplete,multiple:this.multiple,onInput:i=>this.handleInput(i),onClick:i=>this.handleClick(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":(a=this.ariaDescribedBy)!==null&&a!==void 0?a:this._descByIds},s("option",{key:"73cc18a0540c9e1021e6b8643aa1d5739ee227ac",hidden:true}),((e=this.options)===null||e===void 0?void 0:e.length)?(d=this.options)===null||d===void 0?void 0:d.map((i=>{var t;return s(h,null,i.options?s("optgroup",{label:this.getOptionLabel(i),key:undefined},(t=i.options)===null||t===void 0?void 0:t.map((i=>s("option",{value:i.value,selected:i.selected,disabled:i.disabled,key:undefined},this.getOptionLabel(i))))):s("option",{value:i.value,disabled:i.disabled,selected:i.selected,key:undefined},this.getOptionLabel(i)))})):s("slot",null)),s("span",{key:"b463c1196682ce2e01221e482fb04b677af5f9ba",id:this._placeholderId},(l=this.placeholder)!==null&&l!==void 0?l:this.label),f(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||o):null,s("db-infotext",{key:"d676a7e8123761dd6106ba7d7d6c9ac9c1a99c06",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"59042ea13d38c24dda27986f2ac7f6db1a808506","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:["watch0"],invalidMessage:["watch0"],_id:["watch1"],initialized:["watch1"],value:["watch2"]}}};export{y as db_select};
+//# sourceMappingURL=p-2f87bffd.entry.js.map