@db-ux/wc-core-components 2.0.8 → 2.0.10-popover-d7e8b9a

package/dist/db-ux/p-44f6404b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBCheckbox","constructor","hostRef","this","initialized","_id","undefined","_messageId","_validMessageId","_invalidMessageId","_invalidMessage","_descByIds","_voiceOverFallback","hasValidState","_a","validMessage","validation","handleValidation","_ref","validity","valid","invalidMessage","_b","validationMessage","DEFAULT_INVALID_MESSAGE","hasVoiceOver","delay","_c","required","_d","DEFAULT_VALID_MESSAGE","stringPropVisible","message","showMessage","handleChange","event","stopPropagation","change","emit","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","watch0","watch1Fn","messageId","DEFAULT_MESSAGE_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","watch1","watch2Fn","indeterminate","getBoolean","watch2","watch3Fn","checked","watch3","componentDidLoad","mId","id","uuid","render","h","key","class","cls","className","size","getHideProp","showLabel","htmlFor","type","ref","el","disabled","onChange","onBlur","onFocus","label","icon","messageIcon","semantic","role"],"sources":["src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { DBCheckboxProps, DBCheckboxState } from \"./model\";\nimport {\n  DEFAULT_INVALID_MESSAGE,\n  DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n  DEFAULT_MESSAGE_ID_SUFFIX,\n  DEFAULT_VALID_MESSAGE,\n  DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport { ChangeEvent, InteractionEvent } from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport {\n  cls,\n  delay,\n  getBoolean,\n  getHideProp,\n  hasVoiceOver,\n  stringPropVisible,\n  uuid,\n} from \"../../utils\";\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-checkbox\",\n})\nexport class DBCheckbox {\n  private _ref!: HTMLInputElement | any;\n  @Prop() id: DBCheckboxProps[\"id\"];\n  @Prop() invalidMessage: DBCheckboxProps[\"invalidMessage\"];\n  @Prop() message: DBCheckboxProps[\"message\"];\n  @Prop() showMessage: DBCheckboxProps[\"showMessage\"];\n  @Prop() indeterminate: DBCheckboxProps[\"indeterminate\"];\n  @Prop() checked: DBCheckboxProps[\"checked\"];\n  @Prop() validMessage: DBCheckboxProps[\"validMessage\"];\n  @Prop() validation: DBCheckboxProps[\"validation\"];\n  @Prop() required: DBCheckboxProps[\"required\"];\n  @Event() change: EventEmitter<\n    Parameters<Required<DBCheckboxProps>[\"onChange\"]>[number]\n  > | void;\n  @Event() blur: EventEmitter<\n    Parameters<Required<DBCheckboxProps>[\"onBlur\"]>[number]\n  > | void;\n  @Event() focus: EventEmitter<\n    Parameters<Required<DBCheckboxProps>[\"onFocus\"]>[number]\n  > | void;\n  @Prop({attribute: \"classname\"}) className: DBCheckboxProps[\"className\"];\n  @Prop() size: DBCheckboxProps[\"size\"];\n  @Prop() showLabel: DBCheckboxProps[\"showLabel\"];\n  @Prop() name: DBCheckboxProps[\"name\"];\n  @Prop() disabled: DBCheckboxProps[\"disabled\"];\n  @Prop() value: DBCheckboxProps[\"value\"];\n  @Prop() label: DBCheckboxProps[\"label\"];\n  @Prop() messageIcon: DBCheckboxProps[\"messageIcon\"];\n  @State() initialized = false;\n  @State() _id = undefined;\n  @State() _messageId = undefined;\n  @State() _validMessageId = undefined;\n  @State() _invalidMessageId = undefined;\n  @State() _invalidMessage = undefined;\n  @State() _descByIds = \"\";\n  @State() _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 checkbox */\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\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  handleChange(event: ChangeEvent<HTMLInputElement>) {\n    event.stopPropagation();\n    if (this.change) {\n      this.change.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleBlur(event: InteractionEvent<HTMLInputElement> | any) {\n    event.stopPropagation();\n    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLInputElement> | any) {\n    event.stopPropagation();\n    if (this.focus) {\n      this.focus.emit(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: 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      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    if (this._ref) {\n      if (this.indeterminate !== undefined) {\n        // When indeterminate is set, the value of the checked prop only impacts the form submitted values.\n        // It has no accessibility or UX implications. (https://mui.com/material-ui/react-checkbox/)\n        this._ref.indeterminate = !!getBoolean(this.indeterminate);\n      }\n    }\n  }\n\n  @Watch(\"initialized\")\n  @Watch(\"_ref\")\n  @Watch(\"indeterminate\")\n  watch2() {\n    this.watch2Fn();\n  }\n\n  watch3Fn() {\n    if (this.initialized && this._ref) {\n      // in angular this must be set via native element\n      if (this.checked != undefined) {\n        this._ref.checked = !!getBoolean(this.checked);\n      }\n      this.initialized = false;\n    }\n  }\n\n  @Watch(\"initialized\")\n  @Watch(\"_ref\")\n  @Watch(\"checked\")\n  watch3() {\n    this.watch3Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-checkbox\");\n    this.initialized = true;\n    const mId = this.id ?? `checkbox-${uuid()}`;\n    this._id = mId;\n    this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;\n    this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n    this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n    this._invalidMessage = this.invalidMessage || DEFAULT_INVALID_MESSAGE;\n    this.watch0Fn();\n    this.watch1Fn();\n    this.watch2Fn();\n    this.watch3Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-checkbox\", this.className)}\n        data-size={this.size}\n        data-hide-label={getHideProp(this.showLabel)}\n      >\n        <label htmlFor={this._id}>\n          <input\n            type=\"checkbox\"\n            aria-invalid={this.validation === \"invalid\"}\n            data-custom-validity={this.validation}\n            ref={(el: any) => {\n              this._ref = el;\n            }}\n            id={this._id}\n            name={this.name}\n            checked={getBoolean(this.checked, \"checked\")}\n            disabled={getBoolean(this.disabled, \"disabled\")}\n            value={this.value}\n            required={getBoolean(this.required, \"required\")}\n            onChange={(event) => this.handleChange(event)}\n            onBlur={(event) => this.handleBlur(event)}\n            onFocus={(event) => this.handleFocus(event)}\n            aria-describedby={this._descByIds}\n          />\n          {this.label ? this.label : <slot></slot>}\n        </label>\n        {stringPropVisible(this.message, this.showMessage) ? (\n          <db-infotext\n            size=\"small\"\n            icon={this.messageIcon}\n            id={this._messageId}\n          >\n            {this.message}\n          </db-infotext>\n        ) : null}\n        {this.hasValidState() ? (\n          <db-infotext\n            size=\"small\"\n            semantic=\"successful\"\n            id={this._validMessageId}\n          >\n            {this.validMessage || DEFAULT_VALID_MESSAGE}\n          </db-infotext>\n        ) : null}\n        <db-infotext\n          size=\"small\"\n          semantic=\"critical\"\n          id={this._invalidMessageId}\n        >\n          {this._invalidMessage}\n        </db-infotext>\n        <span data-visually-hidden=\"true\" role=\"status\">\n          {this._voiceOverFallback}\n        </span>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/p-50c9112b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBRadio","constructor","hostRef","this","initialized","_id","undefined","handleChange","event","stopPropagation","change","emit","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","_ref","watch0","componentDidLoad","_a","id","uuid","render","h","key","class","cls","className","size","getHideProp","showLabel","htmlFor","type","validation","ref","el","getBoolean","disabled","describedbyid","required","onChange","onBlur","onFocus","label"],"sources":["src/components/radio/radio.tsx"],"sourcesContent":["import { DBRadioProps, DBRadioState } from \"./model\";\nimport { cls, getBoolean, getHideProp, uuid } from \"../../utils\";\nimport { ChangeEvent, InteractionEvent } from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-radio\",\n})\nexport class DBRadio {\n  private _ref!: HTMLInputElement | any;\n  @Prop() id: DBRadioProps[\"id\"];\n  @Prop() checked: DBRadioProps[\"checked\"];\n  @Event() change: EventEmitter<\n    Parameters<Required<DBRadioProps>[\"onChange\"]>[number]\n  > | void;\n  @Event() blur: EventEmitter<\n    Parameters<Required<DBRadioProps>[\"onBlur\"]>[number]\n  > | void;\n  @Event() focus: EventEmitter<\n    Parameters<Required<DBRadioProps>[\"onFocus\"]>[number]\n  > | void;\n  @Prop() size: DBRadioProps[\"size\"];\n  @Prop() showLabel: DBRadioProps[\"showLabel\"];\n  @Prop({attribute: \"classname\"}) className: DBRadioProps[\"className\"];\n  @Prop() validation: DBRadioProps[\"validation\"];\n  @Prop() name: DBRadioProps[\"name\"];\n  @Prop() disabled: DBRadioProps[\"disabled\"];\n  @Prop() describedbyid: DBRadioProps[\"describedbyid\"];\n  @Prop() value: DBRadioProps[\"value\"];\n  @Prop() required: DBRadioProps[\"required\"];\n  @Prop() label: DBRadioProps[\"label\"];\n  @State() initialized = false;\n  @State() _id = undefined;\n\n  handleChange(event: ChangeEvent<HTMLInputElement> | any) {\n    event.stopPropagation();\n    if (this.change) {\n      this.change.emit(event);\n    }\n  }\n  handleBlur(event: InteractionEvent<HTMLInputElement> | any) {\n    event.stopPropagation();\n    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLInputElement> | any) {\n    event.stopPropagation();\n    if (this.focus) {\n      this.focus.emit(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: 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 && this.initialized && this._ref) {\n      this._ref.checked = true;\n    }\n  }\n\n  @Watch(\"initialized\")\n  @Watch(\"_ref\")\n  @Watch(\"checked\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-radio\");\n    this.initialized = true;\n    this._id = this.id ?? `radio-${uuid()}`;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <label\n        class={cls(\"db-radio\", this.className)}\n        data-size={this.size}\n        data-hide-label={getHideProp(this.showLabel)}\n        htmlFor={this._id}\n      >\n        <input\n          type=\"radio\"\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          id={this._id}\n          name={this.name}\n          checked={getBoolean(this.checked, \"checked\")}\n          disabled={getBoolean(this.disabled, \"disabled\")}\n          aria-describedby={this.describedbyid}\n          value={this.value}\n          required={getBoolean(this.required, \"required\")}\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":"iHA2BaA,EAAO,MAHnB,WAAAC,CAAAC,G,2FA0BUC,KAAWC,YAAG,MACdD,KAAGE,IAAGC,SA+GhB,CA7GC,YAAAC,CAAaC,GACXA,EAAMC,kBACN,GAAIN,KAAKO,OAAQ,CACfP,KAAKO,OAAOC,KAAKH,E,EAGrB,UAAAI,CAAWJ,GACTA,EAAMC,kBACN,GAAIN,KAAKU,KAAM,CACbV,KAAKU,KAAKF,KAAKH,E,EAGnB,WAAAM,CAAYN,GACVA,EAAMC,kBACN,GAAIN,KAAKY,MAAO,CACdZ,KAAKY,MAAMJ,KAAKH,E,EASZ,sBAAAQ,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,GAAIlC,KAAKmC,SAAWnC,KAAKC,aAAeD,KAAKoC,KAAM,CACjDpC,KAAKoC,KAAKD,QAAU,I,EAOxB,MAAAE,GACErC,KAAKkC,U,CAGP,gBAAAI,G,MACEtC,KAAKa,uBAAuBb,KAAKoC,KAAM,YACvCpC,KAAKC,YAAc,KACnBD,KAAKE,KAAMqC,EAAAvC,KAAKwC,MAAE,MAAAD,SAAA,EAAAA,EAAI,SAASE,MAC/BzC,KAAKkC,U,CAGP,MAAAQ,GACE,OACEC,EAAA,SAAAC,IAAA,2CACEC,MAAOC,EAAI,WAAY9C,KAAK+C,WACjB,YAAA/C,KAAKgD,KACC,kBAAAC,EAAYjD,KAAKkD,WAClCC,QAASnD,KAAKE,KAEdyC,EAAA,SAAAC,IAAA,2CACEQ,KAAK,QAAO,eACEpD,KAAKqD,aAAe,UAAS,uBACrBrD,KAAKqD,WAC3BC,IAAMC,IACJvD,KAAKoC,KAAOmB,CAAE,EAEhBf,GAAIxC,KAAKE,IACTqB,KAAMvB,KAAKuB,KACXY,QAASqB,EAAWxD,KAAKmC,QAAS,WAClCsB,SAAUD,EAAWxD,KAAKyD,SAAU,YAAW,mBAC7BzD,KAAK0D,cACvBhC,MAAO1B,KAAK0B,MACZiC,SAAUH,EAAWxD,KAAK2D,SAAU,YACpCC,SAAWvD,GAAUL,KAAKI,aAAaC,GACvCwD,OAASxD,GAAUL,KAAKS,WAAWJ,GACnCyD,QAAUzD,GAAUL,KAAKW,YAAYN,KAEtCL,KAAK+D,MAAQ/D,KAAK+D,MAAQpB,EAAa,a","ignoreList":[]}

package/dist/db-ux/p-5c2e9373.entry.js

@@ -1,2 +0,0 @@
-import{r as a,c as e,h as d}from"./p-bH2PZLSq.js";import{a as c,u as t,j as s,c as i}from"./p-pglUTSkG.js";import{D as b,p as n}from"./p-DC9V_oNU.js";import{i as r}from"./p-6wgV8aKO.js";const o=class{constructor(d){a(this,d);this.toggle=e(this,"toggle");this._id=b;this.initialized=false;this.forcedToMobile=false}handleToggle(){const a=!s(this.drawerOpen,"drawerOpen");if(this.toggle){this.toggle.emit(a)}}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 t=e.item(c);if(t&&(t.name.startsWith("data-")||t.name.startsWith("aria-"))){a.setAttribute(t.name,t.value);d.removeAttribute(t.name)}if(t&&t.name==="class"){const e=t.value.includes("hydrated");const c=t.value.replace("hydrated","").trim();const s=a.getAttribute("class");a.setAttribute(t.name,`${s?`${s} `:""}${c}`);if(e){d.setAttribute("class","hydrated")}else{d.removeAttribute(t.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){c(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-"+t();this.watch0Fn()}render(){var a;return d("header",{key:"706d9888cdf43e88d7a9307cab768f2ef62c3f04",class:i("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:"bf750a6f9103422707a26ab3ca1f174932d6c412",class:"db-header-drawer",spacing:"small",rounded:true,open:s(this.drawerOpen),onClose:()=>this.handleToggle()},d("div",{key:"4bff290d09bee0913172e261c93a0205f64e006f",class:"db-header-drawer-navigation"},d("div",{key:"fa2c6a2437de706faee1f826d9194c642ea779a3",class:"db-header-navigation",onClick:a=>this.handleNavigationItemClick(a)},d("slot",{key:"4beb82548c84f884e7a736ed4a4e135baebad76c"})),d("div",{key:"5521428ba395319d92ec44ac379ba9e94890808a",class:"db-header-meta-navigation"},d("slot",{key:"cf9b4440ccc0a8864e2871ed2ff925d7d6cc9f0d",name:"metaNavigation"}))),d("div",{key:"3903ff331e7232ec2f504ccc4329bde6780e8b8c",class:"db-header-secondary-action"},d("slot",{key:"286fb0615b448d8cbe33e23d1900c8f38a9b299e",name:"secondaryAction"}))),d("div",{key:"3a8896f4e2e56efe1d67729f6e8d9cfc8314dcf5",class:"db-header-meta-navigation"},d("slot",{key:"c7c521b5c74b217cff0b7d365b06233dcc3532db",name:"metaNavigation"})),d("div",{key:"6ba3a0cb9297ea2208de833f9191e627f8af8ec6",class:"db-header-navigation-bar"},d("div",{key:"3f296a91a7ff3d735a438c878352a0c5b7ab57ce",class:"db-header-brand-container"},d("slot",{key:"d2ca72bc700ed02aad76a0aa07e4ebb1e3dfa4b5",name:"brand"})),d("div",{key:"44265c07ea806285c056f20f2c5de8d8530b3e29",class:"db-header-navigation-container"},d("div",{key:"2cb5b17b87c58aa73404285d279378c3502b9a58",class:"db-header-navigation"},d("slot",{key:"17284c474fffe16ed4f54b2c595361b06146f2b6"})),d("div",{key:"6b0f4a458e74fb9c9173937a916ce1e7c1e558f5",class:"db-header-primary-action"},d("slot",{key:"89608e88b40607e5837d40b4910dc5924479be53",name:"primaryAction"}))),d("div",{key:"01e6768d7506c349eaa5b041c627adcf7bcc1411",class:"db-header-action-container"},d("div",{key:"c27bbdaf9b5478e3f6dd8bf233a59397c76a0547",class:"db-header-burger-menu-container"},d("db-button",{key:"db8cc38d74194ff3e7c031eaf68a735efffa5d5f",icon:"menu",variant:"ghost",id:this._id+"-burger-menu",noText:true,onClick:()=>this.handleToggle()},(a=this.burgerMenuLabel)!==null&&a!==void 0?a:n)),d("div",{key:"10ac26b995e20c57a13787bb082df08ac7c66d8b",class:"db-header-secondary-action"},d("slot",{key:"4a553f3585a6ce2661d7bc004a9b8d5fd2aec2b0",name:"secondaryAction"})))))}static get watchers(){return{initialized:["watch0"]}}};export{o as db_header};
-//# sourceMappingURL=p-5c2e9373.entry.js.map

package/dist/db-ux/p-61410d87.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBButton","handleClick","event","stopPropagation","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","type","disabled","getBoolean","label","icon","getHideProp","showIcon","size","state","width","variant","getBooleanAsString","noText","form","describedbyid","ariaexpanded","ariapressed","onClick","text"],"sources":["src/components/button/button.tsx"],"sourcesContent":["import type { DBButtonProps, DBButtonState } from \"./model\";\nimport { cls, getBoolean, getBooleanAsString, getHideProp } 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-button\",\n})\nexport class DBButton {\n  private _ref!: HTMLButtonElement | any;\n  @Event() click: EventEmitter<\n    Parameters<Required<DBButtonProps>[\"onClick\"]>[number]\n  > | void;\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  handleClick(event: ClickEvent<HTMLButtonElement>) {\n    event.stopPropagation();\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-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        onClick={(event) => this.handleClick(event)}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </button>\n    );\n  }\n}\n"],"mappings":"iHAqBaA,EAAQ,M,oDAyBnB,WAAAC,CAAYC,GACVA,EAAMC,kBACN,GAAIC,KAAKC,MAAO,CACdD,KAAKC,MAAMC,KAAKJ,E,EASZ,sBAAAK,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,Y,CAGzC,MAAAC,GACE,OACEC,EACE,UAAAC,IAAA,2CAAAC,MAAOC,EAAI,YAAa9B,KAAK+B,WAC7BC,IAAMC,IACJjC,KAAKyB,KAAOQ,CAAE,EAEhBC,GAAIlC,KAAKkC,GACTC,KAAMnC,KAAKmC,MAAQ,SACnBC,SAAUC,EAAWrC,KAAKoC,SAAU,YACxB,aAAApC,KAAKsC,MACN,YAAAtC,KAAKuC,KACA,iBAAAC,EAAYxC,KAAKyC,UAAS,YAC/BzC,KAAK0C,KAAI,aACR1C,KAAK2C,MAAK,aACV3C,KAAK4C,MAAK,eACR5C,KAAK6C,QAAO,eACZC,EAAmB9C,KAAK+C,QACtClC,KAAMb,KAAKa,KACXmC,KAAMhD,KAAKgD,KACXhC,MAAOhB,KAAKgB,MACM,mBAAAhB,KAAKiD,cACR,gBAAAjD,KAAKkD,aACN,eAAAlD,KAAKmD,YACnBC,QAAUtD,GAAUE,KAAKH,YAAYC,IAEpCE,KAAKqD,KAAOrD,KAAKqD,KAAO1B,EAAA,a","ignoreList":[]}

package/dist/db-ux/p-623a9409.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as a}from"./p-bH2PZLSq.js";import{c as i}from"./p-pglUTSkG.js";const e=class{constructor(a){t(this,a);this.click=s(this,"click")}handleClick(t){t.stopPropagation();if(this.click){this.click.emit(t)}}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 d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-card")}render(){return a("div",{key:"a8b769cea69c58fa2388820ba3a02a4406e6a38c",class:i("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)},a("slot",{key:"6d0d9a8c16fceb2ed48855666ae58d59c7d59d1e"}))}};export{e as db_card};
-//# sourceMappingURL=p-623a9409.entry.js.map

package/dist/db-ux/p-623a9409.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBCard","handleClick","event","stopPropagation","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    event.stopPropagation();\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,GACVA,EAAMC,kBACN,GAAIC,KAAKC,MAAO,CACdD,KAAKC,MAAMC,KAAKJ,E,EASZ,sBAAAK,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,QAAU3C,GAAUE,KAAKH,YAAYC,IAErC6B,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/db-ux/p-6wgV8aKO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-6wgV8aKO.js","sources":["src/utils/navigation.ts"],"sourcesContent":["import { handleDataOutside } from './index';\nexport type TriangleData = {\n  itemRect: DOMRect;\n  parentElementWidth: number;\n  subNavigationHeight: number;\n  padding: number;\n  outsideVX: 'left' | 'right' | undefined;\n  outsideVY: 'top' | 'bottom' | undefined;\n};\nexport const isEventTargetNavigationItem = (event: unknown): boolean => {\n  const {\n    target\n  } = event as {\n    target: HTMLElement;\n  };\n  return Boolean(!target?.classList?.contains('db-navigation-item-expand-button') && target?.parentElement?.classList.contains('db-navigation-item'));\n};\nexport class NavigationItemSafeTriangle {\n  private readonly element: HTMLElement | null;\n  private readonly subNavigation: Element | null;\n  private readonly parentSubNavigation: Element | null = null;\n  private triangleData?: TriangleData;\n  private initialized: boolean = false;\n  private mouseX: number = 0;\n  private mouseY: number = 0;\n  constructor(element: HTMLElement | null, subNavigation: Element | null) {\n    this.element = element;\n    this.subNavigation = subNavigation;\n    if (!this.element || !this.subNavigation) {\n      return;\n    }\n    this.parentSubNavigation = this.element?.closest('.db-sub-navigation');\n\n    /*\n     * only initiate if:\n     * 1. item is not at root navigation level\n     * 2. item is not in the mobile navigation / within db-drawer\n     */\n    if (this.parentSubNavigation && !this.element.closest('.db-drawer')) {\n      this.init();\n    }\n  }\n  private init() {\n    const parentElementWidth = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;\n\n    // the triangle has the width of the sub-navigation, current nav-item can be wider.\n    // so the width of the triangle must be adapted to a possibly wider nav-item.\n    this.element?.style.setProperty('--db-navigation-item-inline-size', `${parentElementWidth}px`);\n    this.initialized = true;\n  }\n  public enableFollow() {\n    if (!this.initialized || this.triangleData || !this.element || !this.subNavigation) {\n      return;\n    }\n    const dataOutsidePair = handleDataOutside(this.subNavigation);\n    const itemRect = this.element.getBoundingClientRect();\n    const parentElementWidth = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;\n    this.triangleData = {\n      itemRect,\n      parentElementWidth,\n      subNavigationHeight: this.subNavigation.getBoundingClientRect().height,\n      padding: (parentElementWidth - itemRect.width) / 2,\n      outsideVX: dataOutsidePair.vx,\n      outsideVY: dataOutsidePair.vy\n    };\n  }\n  public disableFollow() {\n    this.triangleData = undefined;\n  }\n  private getTriangleTipX(): number {\n    if (!this.triangleData) return 0;\n    if (this.triangleData.outsideVX === 'right') {\n      // vertical flipped triangle needs an inverted x pos\n      return this.triangleData.itemRect.width - this.mouseX;\n    }\n\n    // triangle stops shrinking from 75% x pos\n    return Math.min(this.mouseX, this.triangleData.itemRect.width * 0.75);\n  }\n  private getTriangleTipY(): number {\n    if (!this.triangleData) return 0;\n\n    // padding must be added to the y pos of the tip so that the y pos matches the cursor\n    const mouseYLimited = Math.max(Math.min(this.mouseY, this.triangleData.itemRect.height), 0) + this.triangleData.padding;\n    if (this.triangleData.outsideVY === 'bottom') {\n      // add offset to tip y pos to match corrected sub-navigation y pos\n      return mouseYLimited + (this.triangleData.subNavigationHeight - this.triangleData.padding * 2 - this.triangleData.itemRect.height);\n    }\n    return mouseYLimited;\n  }\n  private hasMouseEnteredSubNavigation(): boolean {\n    if (!this.triangleData) {\n      return false;\n    }\n    const isSubNavigationOnLeftSide = this.triangleData.outsideVX === 'right';\n    if (isSubNavigationOnLeftSide && this.mouseX < -1 * this.triangleData.padding) {\n      return true;\n    }\n    if (!isSubNavigationOnLeftSide && this.mouseX > this.triangleData.parentElementWidth - this.triangleData.padding) {\n      return true;\n    }\n    return false;\n  }\n  private getTriangleCoordinates(variant: 'safe-triangle' | 'fill-gap'): undefined | {\n    lb: string;\n    lt: string;\n    rt: string;\n    rb: string;\n  } {\n    if (!this.triangleData) {\n      return;\n    }\n    if (variant === 'fill-gap') {\n      const itemHeight = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`;\n      const xStart = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;\n      return {\n        lb: `${xStart} ${itemHeight}`,\n        lt: `${xStart} 0`,\n        rt: '100% 0',\n        rb: `100% ${itemHeight}`\n      };\n    }\n    const tipX = this.getTriangleTipX();\n    const tipY = this.getTriangleTipY();\n    const lb = `${tipX}px ${tipY}px`;\n    const lt = `${tipX}px ${tipY}px`;\n    return {\n      lb,\n      lt,\n      rt: '100% 0',\n      rb: '100% 100%'\n    };\n  }\n  public followByMouseEvent(event: MouseEvent) {\n    if (!this.initialized || !this.triangleData || !this.element || !this.subNavigation) {\n      return;\n    }\n    this.mouseX = event.clientX - this.triangleData.itemRect.left;\n    this.mouseY = event.clientY - this.triangleData.itemRect.top;\n    const isOverSubNavigation = this.hasMouseEnteredSubNavigation();\n    const coordinates = this.getTriangleCoordinates(isOverSubNavigation ? 'fill-gap' : 'safe-triangle');\n    if (!coordinates) {\n      return;\n    }\n    this.element.style.setProperty('--db-navigation-item-clip-path', `polygon(${coordinates.lb}, ${coordinates.lt}, ${coordinates.rt}, ${coordinates.rb})`);\n    if (isOverSubNavigation) {\n      this.triangleData = undefined;\n    }\n  }\n}\nexport default {\n  isEventTargetNavigationItem,\n  NavigationItemSafeTriangle\n}"],"names":[],"mappings":"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"}

package/dist/db-ux/p-DszXleuv.js

@@ -1,2 +0,0 @@
-import{u as t}from"./p-pglUTSkG.js";class c{static runCallbacks(t){Object.values(c.callbacks).forEach((c=>{if(typeof c==="function"){c(t)}}))}constructor(){if(c._instance){return c._instance}c._instance=this;if(document){document.addEventListener("click",(t=>c.runCallbacks(t)))}}addCallback(e){const l=t();c.callbacks[l]=e;return l}removeCallback(t){delete c.callbacks[t]}}c.callbacks={};c._instance=null;export{c as D};
-//# sourceMappingURL=p-DszXleuv.js.map

package/dist/db-ux/p-DszXleuv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-DszXleuv.js","sources":["src/utils/document-click-listener.ts"],"sourcesContent":["import { uuid } from './index';\nexport class DocumentClickListener {\n  private static callbacks: Record<string, (event: any) => void> = {};\n  private static _instance: DocumentClickListener | null = null;\n  private static runCallbacks(event: any) {\n    Object.values(DocumentClickListener.callbacks).forEach(callback => {\n      if (typeof callback === 'function') {\n        callback(event);\n      }\n    });\n  }\n  constructor() {\n    if (DocumentClickListener._instance) {\n      return DocumentClickListener._instance;\n    }\n    DocumentClickListener._instance = this;\n    if (document) {\n      document.addEventListener('click', event => DocumentClickListener.runCallbacks(event));\n    }\n  }\n  public addCallback(callback: (event: any) => void) {\n    const callbackID = uuid();\n    DocumentClickListener.callbacks[callbackID] = callback;\n    return callbackID;\n  }\n  public removeCallback(id: string) {\n    delete DocumentClickListener.callbacks[id];\n  }\n}"],"names":[],"mappings":";;MACa,qBAAqB,CAAA;IAGxB,OAAO,YAAY,CAAC,KAAU,EAAA;AACpC,QAAA,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,QAAQ,IAAG;AAChE,YAAA,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;gBAClC,QAAQ,CAAC,KAAK,CAAC;;AAEnB,SAAC,CAAC;;AAEJ,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,qBAAqB,CAAC,SAAS,EAAE;YACnC,OAAO,qBAAqB,CAAC,SAAS;;AAExC,QAAA,qBAAqB,CAAC,SAAS,GAAG,IAAI;QACtC,IAAI,QAAQ,EAAE;AACZ,YAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,IAAI,qBAAqB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;;;AAGnF,IAAA,WAAW,CAAC,QAA8B,EAAA;AAC/C,QAAA,MAAM,UAAU,GAAG,IAAI,EAAE;AACzB,QAAA,qBAAqB,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,QAAQ;AACtD,QAAA,OAAO,UAAU;;AAEZ,IAAA,cAAc,CAAC,EAAU,EAAA;AAC9B,QAAA,OAAO,qBAAqB,CAAC,SAAS,CAAC,EAAE,CAAC;;;AAxB7B,qBAAS,CAAA,SAAA,GAAyC,EAAE;AACpD,qBAAS,CAAA,SAAA,GAAiC,IAAI;;;;"}

package/dist/db-ux/p-a1ee66b3.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as s}from"./p-bH2PZLSq.js";import{e as h,f as a,s as e,u as d,k as l,j as n,m as c,c as o}from"./p-pglUTSkG.js";import{l as r,g as u,h as f,f as v,k as b,b as m,r as p,a as y}from"./p-DC9V_oNU.js";const w=class{constructor(s){i(this,s);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._descByIds="";this._value="";this._voiceOverFallback=""}hasValidState(){var i;return!!((i=this.validMessage)!==null&&i!==void 0?i:this.validation==="valid")}handleValidation(){var i,t,s,d;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)||r;if(h()){this._voiceOverFallback=this._invalidMessage;a((()=>this._voiceOverFallback=""),1e3)}}else if(this.hasValidState()&&((s=this._ref)===null||s===void 0?void 0:s.validity.valid)&&(this.required||this.minLength||this.maxLength)){this._descByIds=this._validMessageId;if(h()){this._voiceOverFallback=(d=this.validMessage)!==null&&d!==void 0?d:b;a((()=>this._voiceOverFallback=""),1e3)}}else if(e(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=""}}handleInput(i){i.stopPropagation();if(this.input){this.input.emit(i)}this.handleValidation()}handleChange(i){i.stopPropagation();if(this.change){this.change.emit(i)}this.handleValidation()}handleBlur(i){i.stopPropagation();if(this.blur){this.blur.emit(i)}}handleFocus(i){i.stopPropagation();if(this.focus){this.focus.emit(i)}}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)||r}watch0(){this.watch0Fn()}watch1Fn(){if(this._id){const i=this._id+v;this._messageId=i;this._validMessageId=this._id+u;this._invalidMessageId=this._id+f;if(e(this.message,this.showMessage)){this._descByIds=i}}}watch1(){this.watch1Fn()}watch2Fn(){this._value=this.value}watch2(){this.watch2Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-textarea");const t=(i=this.id)!==null&&i!==void 0?i:`textarea-${d()}`;this._id=t;this._messageId=t+v;this._validMessageId=t+u;this._invalidMessageId=t+f;this._invalidMessage=this.invalidMessage||r;this.watch0Fn();this.watch1Fn();this.watch2Fn()}render(){var i,t,h;return s("div",{key:"97cfd2fa48956a54a0717de06543457d9ba35e25",class:o("db-textarea",this.className),"data-variant":this.variant,"data-hide-label":c(this.showLabel)},s("label",{key:"eb395c8dbc6e55c03c2be269243b447eb4e65de8",htmlFor:this._id},(i=this.label)!==null&&i!==void 0?i:y),s("textarea",{key:"6e85365f128f0cdb37d203d7fc5d7949d6c98132","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:i=>{this._ref=i},id:this._id,"data-resize":this.resize,disabled:n(this.disabled,"disabled"),required:n(this.required,"required"),readOnly:n(this.readOnly,"readOnly")||n(this.readonly,"readonly"),form:this.form,maxLength:l(this.maxLength,this.maxlength),minLength:l(this.minLength,this.minlength),name:this.name,wrap:this.wrap,spellcheck:this.spellCheck,autocomplete:this.autocomplete,onInput:i=>this.handleInput(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),value:(t=this.value)!==null&&t!==void 0?t:this._value,"aria-describedby":this._descByIds,placeholder:(h=this.placeholder)!==null&&h!==void 0?h:m,rows:l(this.rows,p),cols:l(this.cols)}),e(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||b):null,s("db-infotext",{key:"d66d7a8a0e8453b04b5861e9d0564c4c88f0a83d",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"fc01207c878e725172ecc72808bf473e9b3c9e24","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:["watch0"],invalidMessage:["watch0"],_id:["watch1"],value:["watch2"]}}};export{w as db_textarea};
-//# sourceMappingURL=p-a1ee66b3.entry.js.map

package/dist/db-ux/p-a1ee66b3.entry.js.map

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

package/dist/db-ux/p-b5a8e9c3.entry.js

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

package/dist/db-ux/p-b5a8e9c3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBCustomSelect","constructor","hostRef","this","showClearSelection","clearSelectionText","_id","undefined","_messageId","_validMessageId","_invalidMessageId","_invalidMessage","_selectId","_labelId","_summaryId","_placeholderId","_infoTextId","_validity","_descByIds","_selectedLabels","_selectedLabelsId","_voiceOverFallback","_selectedOptions","selectAllEnabled","searchEnabled","amountOptions","_values","_options","_hasNoOptions","_documentClickListenerCallbackId","_internalChangeTimestamp","selectAllChecked","selectAllIndeterminate","satisfyReact","hasValidState","_a","validMessage","validation","handleValidation","selectRef","value","getNativeSelectValue","validity","valid","invalidMessage","_b","validationMessage","DEFAULT_INVALID_MESSAGE","hasVoiceOver","delay","_c","_d","required","_e","DEFAULT_VALID_MESSAGE","_f","stringPropVisible","message","showMessage","_g","_h","handleDropdownToggle","event","dropdownToggle","emit","target","open","DocumentClickListener","addCallback","handleDocumentClose","removeCallback","length","at","setDescById","descId","descByIds","push","join","getSelectAllLabel","selectAllLabel","DEFAULT_LABEL","getOptionLabel","option","label","toString","getOptionChecked","includes","getOptionKey","id","uuid","getTagRemoveLabel","index","removeTagsTexts","DEFAULT_REMOVE","handleTagRemove","stopPropagation","handleSelect","handleSummaryFocus","handleAutoPlacement","detailsRef","dropdown","querySelector","handleDataOutside","handleArrowDownUp","document","activeElement","isCheckbox","getAttribute","listElement","closest","key","nextElementSibling","focus","handleFocusFirstDropdownCheckbox","previousElementSibling","search","getSearchInput","checkboxList","Array","from","querySelectorAll","handleClose","preventDefault","handleOpenByKeyboardFocus","handleKeyboardPress","relatedTarget","contains","detail","handleOptionSelected","values","skip","Date","getTime","optionSelected","multiple","filter","v","handleSelectAll","searchValue","searchInputRef","options","isGroupTitle","toLowerCase","map","checkboxes","first","checkbox","onlySearch","handleSearch","filterText","handleClearAll","enableAttributePassing","element","customElementSelector","parent","attributes","i","attr","item","name","startsWith","setAttribute","removeAttribute","isWebComponent","replace","trim","currentClass","watch0Fn","summary","addEventListener","code","watch0","watch1Fn","messageId","DEFAULT_MESSAGE_ID_SUFFIX","DEFAULT_LABEL_ID_SUFFIX","DEFAULT_SELECT_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","DEFAULT_PLACEHOLDER_ID_SUFFIX","watch1","watch2Fn","watch2","watch3Fn","showNoResults","watch3","watch4Fn","Boolean","showSelectAll","watch4","watch5Fn","showSearch","watch5","watch6Fn","isArray","watch6","watch7Fn","watch7","watch8Fn","watch8","watch9Fn","watch9","watch10Fn","watch10","watch11Fn","watch11","watch12Fn","selectedType","amountText","DEFAULT_SELECTED","watch12","watch13Fn","amountChange","watch13","watch14Fn","selectAllRef","indeterminate","watch14","watch15Fn","watch15","componentDidLoad","_ref","mId","render","h","class","cls","className","ref","el","formFieldWidth","variant","getBooleanAsString","placement","getHideProp","showLabel","icon","showIcon","role","hidden","tabIndex","form","getBoolean","disabled","onChange","onToggle","onKeyDown","Fragment","emphasis","behavior","removeButton","onRemove","width","dropdownWidth","type","searchLabel","placeholder","searchPlaceholder","ariaDescribedBy","showLoading","onInput","semantic","noResultsText","loadingText","DEFAULT_MESSAGE","checked","_k","_j","ariaListLabel","_l","showDivider","groupTitle","size","onClick","_m","mobileCloseButtonText","DEFAULT_CLOSE_BUTTON","_o","_p","noText","_q","messageIcon"],"sources":["src/components/custom-select/custom-select.tsx"],"sourcesContent":["import {\n  DBCustomSelectProps,\n  DBCustomSelectState,\n  CustomSelectOptionType,\n} from \"./model\";\nimport {\n  cls,\n  delay,\n  getBoolean,\n  getBooleanAsString,\n  getHideProp,\n  getSearchInput,\n  handleDataOutside,\n  hasVoiceOver,\n  stringPropVisible,\n  uuid,\n} from \"../../utils\";\nimport {\n  DEFAULT_CLOSE_BUTTON,\n  DEFAULT_INVALID_MESSAGE,\n  DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n  DEFAULT_LABEL,\n  DEFAULT_LABEL_ID_SUFFIX,\n  DEFAULT_MESSAGE,\n  DEFAULT_MESSAGE_ID_SUFFIX,\n  DEFAULT_PLACEHOLDER_ID_SUFFIX,\n  DEFAULT_REMOVE,\n  DEFAULT_SELECT_ID_SUFFIX,\n  DEFAULT_SELECTED,\n  DEFAULT_VALID_MESSAGE,\n  DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport { ChangeEvent, ClickEvent } from \"../../shared/model\";\nimport { DBCustomSelectList } from \"../custom-select-list/custom-select-list\";\nimport { DBCustomSelectListItem } from \"../custom-select-list-item/custom-select-list-item\";\nimport { DBCustomSelectDropdown } from \"../custom-select-dropdown/custom-select-dropdown\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport { DBTag } from \"../tag/tag\";\nimport { DBButton } from \"../button/button\";\nimport { DBTooltip } from \"../tooltip/tooltip\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\nimport { DBInput } from \"../input/input\";\nimport { DocumentClickListener } from \"../../utils/document-click-listener\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-custom-select\",\n})\nexport class DBCustomSelect {\n  private _ref!: HTMLDivElement | any;\n  private detailsRef!: HTMLDetailsElement | any;\n  private selectRef!: HTMLSelectElement | any;\n  private selectAllRef!: HTMLInputElement | any;\n  private searchInputRef!: HTMLInputElement | any;\n  @Prop() id: DBCustomSelectProps[\"id\"];\n  @Prop() invalidMessage: DBCustomSelectProps[\"invalidMessage\"];\n  @Prop() message: DBCustomSelectProps[\"message\"];\n  @Prop() showMessage: DBCustomSelectProps[\"showMessage\"];\n  @Prop() showNoResults: DBCustomSelectProps[\"showNoResults\"];\n  @Prop() multiple: DBCustomSelectProps[\"multiple\"];\n  @Prop() showSelectAll: DBCustomSelectProps[\"showSelectAll\"];\n  @Prop() showSearch: DBCustomSelectProps[\"showSearch\"];\n  @Prop() values: DBCustomSelectProps[\"values\"];\n  @Prop() validation: DBCustomSelectProps[\"validation\"];\n  @Prop() options: DBCustomSelectProps[\"options\"];\n  @Prop() selectedType: DBCustomSelectProps[\"selectedType\"];\n  @Prop() amountText: DBCustomSelectProps[\"amountText\"];\n  @Event() amountChange: EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onAmountChange\"]>[number]\n  > | void;\n  @Prop() validMessage: DBCustomSelectProps[\"validMessage\"];\n  @Prop() required: DBCustomSelectProps[\"required\"];\n  @Event() dropdownToggle: EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onDropdownToggle\"]>[number]\n  > | void;\n  @Prop() selectAllLabel: DBCustomSelectProps[\"selectAllLabel\"];\n  @Prop() removeTagsTexts: DBCustomSelectProps[\"removeTagsTexts\"];\n  @Event() optionSelected: EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onOptionSelected\"]>[number]\n  > | void;\n  @Prop({attribute: \"classname\"}) className: DBCustomSelectProps[\"className\"];\n  @Prop() formFieldWidth: DBCustomSelectProps[\"formFieldWidth\"];\n  @Prop() variant: DBCustomSelectProps[\"variant\"];\n  @Prop() placement: DBCustomSelectProps[\"placement\"];\n  @Prop() showLabel: DBCustomSelectProps[\"showLabel\"];\n  @Prop() icon: DBCustomSelectProps[\"icon\"];\n  @Prop() showIcon: DBCustomSelectProps[\"showIcon\"];\n  @Prop() label: DBCustomSelectProps[\"label\"];\n  @Prop() form: DBCustomSelectProps[\"form\"];\n  @Prop() name: DBCustomSelectProps[\"name\"];\n  @Prop() disabled: DBCustomSelectProps[\"disabled\"];\n  @Prop() open: DBCustomSelectProps[\"open\"];\n  @Prop() dropdownWidth: DBCustomSelectProps[\"dropdownWidth\"];\n  @Prop() searchLabel: DBCustomSelectProps[\"searchLabel\"];\n  @Prop() searchPlaceholder: DBCustomSelectProps[\"searchPlaceholder\"];\n  @Prop() showLoading: DBCustomSelectProps[\"showLoading\"];\n  @Prop() ariaListLabel: DBCustomSelectProps[\"ariaListLabel\"];\n  @Prop() noResultsText: DBCustomSelectProps[\"noResultsText\"];\n  @Prop() loadingText: DBCustomSelectProps[\"loadingText\"];\n  @Prop() mobileCloseButtonText: DBCustomSelectProps[\"mobileCloseButtonText\"];\n  @Prop() showClearSelection: DBCustomSelectProps[\"showClearSelection\"] = true;\n  @Prop() clearSelectionText: DBCustomSelectProps[\"clearSelectionText\"] =\n    \"Clear selection\";\n  @Prop() placeholder: DBCustomSelectProps[\"placeholder\"];\n  @Prop() messageIcon: DBCustomSelectProps[\"messageIcon\"];\n  @State() _id = undefined;\n  @State() _messageId = undefined;\n  @State() _validMessageId = undefined;\n  @State() _invalidMessageId = undefined;\n  @State() _invalidMessage = undefined;\n  @State() _selectId = undefined;\n  @State() _labelId = undefined;\n  @State() _summaryId = undefined;\n  @State() _placeholderId = undefined;\n  @State() _infoTextId = undefined;\n  @State() _validity = \"no-validation\";\n  @State() _descByIds = \"\";\n  @State() _selectedLabels = \"\";\n  @State() _selectedLabelsId = undefined;\n  @State() _voiceOverFallback = \"\";\n  @State() _selectedOptions = [];\n  @State() selectAllEnabled = false;\n  @State() searchEnabled = false;\n  @State() amountOptions = 0;\n  @State() _values = [];\n  @State() _options = [];\n  @State() _hasNoOptions = false;\n  @State() _documentClickListenerCallbackId = undefined;\n  @State() _internalChangeTimestamp = 0;\n  @State() selectAllChecked = false;\n  @State() selectAllIndeterminate = false;\n\n  hasValidState() {\n    return !!(this.validMessage ?? this.validation === \"valid\");\n  }\n  handleValidation() {\n    if (this.selectRef) {\n      this.selectRef.value = this.getNativeSelectValue();\n    }\n    /* For a11y reasons we need to map the correct message with the select */\n    if (!this.selectRef?.validity.valid || this.validation === \"invalid\") {\n      this._descByIds = this._invalidMessageId;\n      this._invalidMessage =\n        this.invalidMessage ||\n        this.selectRef?.validationMessage ||\n        DEFAULT_INVALID_MESSAGE;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this._invalidMessage;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n      this._validity = this.validation ?? \"invalid\";\n    } else if (\n      this.hasValidState() &&\n      this.selectRef?.validity.valid &&\n      this.required\n    ) {\n      this._descByIds = this._validMessageId;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n      this._validity = this.validation ?? \"valid\";\n    } else if (stringPropVisible(this.message, this.showMessage)) {\n      this._descByIds = this._messageId;\n      this._validity = this.validation ?? \"no-validation\";\n    } else {\n      this._descByIds = this._placeholderId;\n      this._validity = this.validation ?? \"no-validation\";\n    }\n  }\n  handleDropdownToggle(event: any) {\n    if (this.dropdownToggle) {\n      this.dropdownToggle.emit(event);\n    }\n    if (event.target.open) {\n      this._documentClickListenerCallbackId =\n        new DocumentClickListener().addCallback((event) =>\n          this.handleDocumentClose(event)\n        );\n    } else {\n      if (this._documentClickListenerCallbackId) {\n        new DocumentClickListener().removeCallback(\n          this._documentClickListenerCallbackId!\n        );\n      }\n    }\n  }\n  getNativeSelectValue() {\n    if (this._values?.length) {\n      return this._values!.at(0) ?? \"\";\n    }\n    return \"\";\n  }\n  setDescById(descId?: string) {\n    const descByIds: string[] = [];\n    if (descId) {\n      descByIds.push(descId);\n    }\n    if (this._selectedLabelsId && this._selectedLabels?.length) {\n      descByIds.push(this._selectedLabelsId!);\n    }\n    this._descByIds = descByIds.join(\" \");\n  }\n  getSelectAllLabel() {\n    return this.selectAllLabel ?? DEFAULT_LABEL;\n  }\n  getOptionLabel(option: CustomSelectOptionType) {\n    return option.label ?? option.value?.toString() ?? \"\";\n  }\n  getOptionChecked(value?: string) {\n    if (value && this._values?.includes) {\n      return this._values?.includes(value!);\n    }\n    return false;\n  }\n  getOptionKey(option: CustomSelectOptionType) {\n    return (option.id ?? option.value ?? uuid()).toString();\n  }\n  getTagRemoveLabel(index: number) {\n    return this.removeTagsTexts && this.removeTagsTexts!.length > index\n      ? this.removeTagsTexts!.at(index)!\n      : `${DEFAULT_REMOVE} ${\n          this._selectedOptions\n            ? this.getOptionLabel(this._selectedOptions![index])\n            : \"\"\n        }`;\n  }\n  handleTagRemove(option: CustomSelectOptionType, event: any) {\n    event.stopPropagation();\n    this.handleSelect(option.value);\n    this.handleSummaryFocus();\n  }\n  handleAutoPlacement() {\n    if (this.detailsRef) {\n      const dropdown = this.detailsRef.querySelector(\"article\");\n      if (dropdown) {\n        delay(() => {\n          handleDataOutside(dropdown);\n        }, 100);\n      }\n    }\n  }\n  handleArrowDownUp(event: any) {\n    if (this.detailsRef?.open) {\n      if (document) {\n        const activeElement = document.activeElement;\n        if (activeElement) {\n          // 1. we check if we are currently focusing a checkbox in the dropdown\n          const isCheckbox =\n            activeElement.getAttribute(\"type\") === \"checkbox\" ||\n            activeElement.getAttribute(\"type\") === \"radio\";\n          if (isCheckbox) {\n            const listElement = activeElement?.closest(\"li\");\n            if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") {\n              if (listElement?.nextElementSibling) {\n                listElement?.nextElementSibling\n                  ?.querySelector(\"input\")\n                  ?.focus();\n              } else {\n                // We are on the last checkbox we move to the top checkbox\n                this.handleFocusFirstDropdownCheckbox(activeElement);\n              }\n            } else {\n              if (listElement?.previousElementSibling) {\n                listElement?.previousElementSibling\n                  ?.querySelector(\"input\")\n                  ?.focus();\n              } else if (\n                this.detailsRef.querySelector(`input[type=\"checkbox\"]`) !==\n                activeElement\n              ) {\n                // We are on the top list checkbox but there is a select all checkbox as well\n                this.handleFocusFirstDropdownCheckbox(activeElement);\n              } else {\n                // We are on the top checkbox, we need to move to the search\n                // or to the last checkbox\n                const search = getSearchInput(this.detailsRef);\n                if (search) {\n                  delay(() => {\n                    search.focus();\n                  }, 100);\n                } else {\n                  const checkboxList: HTMLInputElement[] = Array.from(\n                    this.detailsRef?.querySelectorAll(\n                      `input[type=\"checkbox\"],input[type=\"radio\"]`\n                    )\n                  );\n                  if (checkboxList.length) {\n                    checkboxList.at(-1)?.focus();\n                  }\n                }\n              }\n            }\n          } else {\n            // 2. If we are on the search, and press up we go back to summary and close\n            if (\n              activeElement.getAttribute(\"type\") === \"search\" &&\n              (event.key === \"ArrowUp\" || event.key === \"ArrowLeft\")\n            ) {\n              this.handleClose(\"close\");\n              this.handleSummaryFocus();\n            } else {\n              // 3. Otherwise, we need to move to the first checkbox\n              this.handleFocusFirstDropdownCheckbox(activeElement);\n            }\n          }\n        }\n      }\n      event.stopPropagation();\n      event.preventDefault();\n    } else if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") {\n      // Open dropdown with arrows see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/#keyboardinteraction\n      this.handleAutoPlacement();\n      if (this.detailsRef) {\n        this.detailsRef.open = true;\n      }\n      this.handleOpenByKeyboardFocus();\n      event.stopPropagation();\n      event.preventDefault();\n    }\n  }\n  handleKeyboardPress(event: any) {\n    if (event.key === \"Escape\" && this.detailsRef && this.detailsRef?.open) {\n      this.handleClose(\"close\");\n      this.handleSummaryFocus();\n    } else if (\n      event.key === \"ArrowDown\" ||\n      event.key === \"ArrowUp\" ||\n      event.key === \"ArrowLeft\" ||\n      event.key === \"ArrowRight\"\n    ) {\n      this.handleArrowDownUp(event);\n    }\n  }\n  handleClose(event: any) {\n    if (this.detailsRef) {\n      if (event === \"close\") {\n        this.detailsRef.open = false;\n        this.handleSummaryFocus();\n      } else if (this.detailsRef.open && event?.relatedTarget) {\n        const relatedTarget = event.relatedTarget as HTMLElement;\n        if (!this.detailsRef.contains(relatedTarget)) {\n          this.detailsRef.open = false;\n        }\n      }\n    }\n  }\n  handleDocumentClose(event: any) {\n    // stencil is sending a custom event which wraps the pointer event into details\n    const target =\n      typeof event.detail === \"number\" ? event.target : event.detail.target;\n    if (this.detailsRef?.open && !this.detailsRef.contains(target)) {\n      this.detailsRef.open = false;\n    }\n  }\n  handleOptionSelected(values: string[]) {\n    const skip = new Date().getTime() - this._internalChangeTimestamp < 200;\n    if (skip) return;\n    if (this.optionSelected) {\n      this._values = values;\n      this.optionSelected.emit(values ?? []);\n    }\n    this._internalChangeTimestamp = new Date().getTime();\n  }\n  handleSelect(value?: string) {\n    if (value) {\n      if (this.multiple) {\n        if (this._values?.includes(value)) {\n          this.handleOptionSelected(\n            this._values!.filter((v: string) => v !== value)\n          );\n        } else {\n          this.handleOptionSelected([...(this._values || []), value]);\n        }\n      } else {\n        this.handleOptionSelected([value]);\n        this.handleClose(\"close\");\n      }\n    }\n  }\n  handleSelectAll() {\n    if (this._values?.length === this.amountOptions) {\n      this.handleOptionSelected([]);\n    } else {\n      const searchValue: string | undefined =\n        this.searchEnabled && this.searchInputRef\n          ? this.searchInputRef.value\n          : undefined;\n      this.handleOptionSelected(\n        this.options\n          ? this.options!.filter(\n              (option) =>\n                !option.isGroupTitle &&\n                (!searchValue ||\n                  option.value\n                    ?.toLowerCase()\n                    .includes(searchValue.toLowerCase()))\n            ).map((option) => option.value ?? \"\")\n          : []\n      );\n    }\n  }\n  handleFocusFirstDropdownCheckbox(activeElement?: Element) {\n    if (this.detailsRef) {\n      const checkboxes = Array.from(\n        this.detailsRef.querySelectorAll(\n          `input[type=\"checkbox\"],input[type=\"radio\"]`\n        )\n      );\n      if (checkboxes.length) {\n        const first = checkboxes.at(0);\n        const checkbox =\n          first === activeElement && checkboxes.length > 1\n            ? checkboxes.at(1)\n            : first;\n        if (checkbox) {\n          delay(() => {\n            // Takes some time until element can be focused\n            (checkbox as HTMLInputElement).focus();\n          }, 100);\n        }\n      }\n    }\n  }\n  handleOpenByKeyboardFocus(onlySearch?: boolean) {\n    if (this.detailsRef) {\n      // Focus search if possible\n      const search = getSearchInput(this.detailsRef);\n      if (search) {\n        delay(() => {\n          // Takes some time until element can be focused\n          search.focus();\n        }, 100);\n      } else if (!onlySearch) {\n        // Focus first checkbox otherwise\n        this.handleFocusFirstDropdownCheckbox();\n      }\n    }\n  }\n  handleSearch(event: any) {\n    event.stopPropagation();\n    const filterText = (event.target as HTMLInputElement).value;\n    this._options =\n      !this.options || !filterText || filterText.length === 0\n        ? this.options\n        : this.options!.filter(\n            (option) =>\n              !option.isGroupTitle &&\n              this.getOptionLabel(option)\n                .toLowerCase()\n                .includes(filterText.toLowerCase())\n          );\n  }\n  handleClearAll() {\n    this.handleOptionSelected([]);\n    this.handleSummaryFocus();\n  }\n  handleSummaryFocus() {\n    this.detailsRef?.querySelector(\"summary\")?.focus();\n  }\n  satisfyReact = function satisfyReact() {\n    // This is an empty function to satisfy React\n  };\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this.detailsRef) {\n      const summary = this.detailsRef.querySelector(\"summary\");\n      if (summary) {\n        summary.addEventListener(\"click\", () => {\n          this.handleAutoPlacement();\n          this.handleOpenByKeyboardFocus(true);\n        });\n        summary.addEventListener(\"keydown\", (event: KeyboardEvent) => {\n          if (event.code === \"Space\" && !this.detailsRef?.open) {\n            this.handleOpenByKeyboardFocus();\n          }\n        });\n      }\n      this.detailsRef.addEventListener(\"focusout\", (event: any) =>\n        this.handleClose(event)\n      );\n    }\n  }\n\n  @Watch(\"detailsRef\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this._id) {\n      const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n      this._labelId = this._id + DEFAULT_LABEL_ID_SUFFIX;\n      this._selectId = this._id + DEFAULT_SELECT_ID_SUFFIX;\n      this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n      this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n      this._placeholderId = this._id + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n      if (stringPropVisible(this.message, this.showMessage)) {\n        this.setDescById(messageId);\n      } else {\n        this.setDescById();\n      }\n    }\n  }\n\n  @Watch(\"_id\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  watch2Fn() {\n    if (this.detailsRef) {\n      const summary = this.detailsRef.querySelector(\"summary\");\n      if (summary) {\n        summary.setAttribute(\"aria-describedby\", this._descByIds || \"\");\n      }\n    }\n  }\n\n  @Watch(\"detailsRef\")\n  @Watch(\"_descByIds\")\n  watch2() {\n    this.watch2Fn();\n  }\n\n  watch3Fn() {\n    if (this.showNoResults !== undefined) {\n      this._hasNoOptions = this.showNoResults!;\n    } else if (this._options) {\n      this._hasNoOptions = this._options!.length === 0;\n    }\n  }\n\n  @Watch(\"showNoResults\")\n  @Watch(\"_options\")\n  watch3() {\n    this.watch3Fn();\n  }\n\n  watch4Fn() {\n    this.selectAllEnabled = Boolean(\n      this.multiple && (this.showSelectAll || this.amountOptions > 5)\n    );\n  }\n\n  @Watch(\"showSelectAll\")\n  @Watch(\"amountOptions\")\n  @Watch(\"multiple\")\n  watch4() {\n    this.watch4Fn();\n  }\n\n  watch5Fn() {\n    this.searchEnabled = this.showSearch || this.amountOptions > 9;\n  }\n\n  @Watch(\"showSearch\")\n  @Watch(\"amountOptions\")\n  watch5() {\n    this.watch5Fn();\n  }\n\n  watch6Fn() {\n    if (\n      this.values &&\n      Array.isArray(this.values) &&\n      this.values !== this._values\n    ) {\n      this._values = this.values ?? [];\n    }\n  }\n\n  @Watch(\"values\")\n  watch6() {\n    this.watch6Fn();\n  }\n\n  watch7Fn() {\n    this.handleValidation();\n  }\n\n  @Watch(\"_values\")\n  watch7() {\n    this.watch7Fn();\n  }\n\n  watch8Fn() {\n    this._validity = this.validation;\n  }\n\n  @Watch(\"validation\")\n  watch8() {\n    this.watch8Fn();\n  }\n\n  watch9Fn() {\n    if (this._values?.length === 0) {\n      this.selectAllChecked = false;\n      this.selectAllIndeterminate = false;\n    } else if (this._values?.length === this.amountOptions) {\n      this.selectAllIndeterminate = false;\n      this.selectAllChecked = true;\n    } else if (this._values) {\n      this.selectAllIndeterminate = true;\n    }\n  }\n\n  @Watch(\"_values\")\n  @Watch(\"amountOptions\")\n  watch9() {\n    this.watch9Fn();\n  }\n\n  watch10Fn() {\n    this._options = this.options;\n    this.amountOptions =\n      this.options?.filter((option) => !option.isGroupTitle).length ?? 0;\n  }\n\n  @Watch(\"options\")\n  watch10() {\n    this.watch10Fn();\n  }\n\n  watch11Fn() {\n    if (this._options?.length) {\n      this._selectedOptions = this._options?.filter(\n        (option: CustomSelectOptionType) => {\n          if (!option.value || !this._values?.[\"includes\"]) {\n            return false;\n          }\n          return !option.isGroupTitle && this._values?.includes(option.value);\n        }\n      );\n    }\n  }\n\n  @Watch(\"_options\")\n  @Watch(\"_values\")\n  watch11() {\n    this.watch11Fn();\n  }\n\n  watch12Fn() {\n    if (this._selectedOptions?.length) {\n      if (this.selectedType === \"amount\") {\n        this._selectedLabels = this.amountText\n          ? this.amountText\n          : `${this._selectedOptions?.length} ${DEFAULT_SELECTED}`;\n      } else {\n        this._selectedLabels = this._selectedOptions\n          ?.map((option: CustomSelectOptionType) => this.getOptionLabel(option))\n          .join(\", \");\n      }\n    } else {\n      this._selectedLabels = \"\";\n    }\n  }\n\n  @Watch(\"_selectedOptions\")\n  @Watch(\"selectedType\")\n  @Watch(\"amountText\")\n  watch12() {\n    this.watch12Fn();\n  }\n\n  watch13Fn() {\n    if (this.amountChange) {\n      this.amountChange.emit(this._selectedOptions?.length ?? 0);\n    }\n  }\n\n  @Watch(\"_selectedOptions\")\n  watch13() {\n    this.watch13Fn();\n  }\n\n  watch14Fn() {\n    if (this.selectAllRef) {\n      this.selectAllRef.indeterminate = Boolean(this.selectAllIndeterminate);\n    }\n  }\n\n  @Watch(\"selectAllIndeterminate\")\n  @Watch(\"selectAllRef\")\n  watch14() {\n    this.watch14Fn();\n  }\n\n  watch15Fn() {\n    this._invalidMessage =\n      this.invalidMessage ||\n      this.selectRef?.validationMessage ||\n      DEFAULT_INVALID_MESSAGE;\n  }\n\n  @Watch(\"selectRef\")\n  @Watch(\"invalidMessage\")\n  watch15() {\n    this.watch15Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-custom-select\");\n    const mId = this.id ?? `custom-select-${uuid()}`;\n    this._id = mId;\n    this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;\n    this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n    this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n    this._selectId = mId + DEFAULT_SELECT_ID_SUFFIX;\n    this._labelId = mId + DEFAULT_LABEL_ID_SUFFIX;\n    this._summaryId = mId + \"-summary\";\n    this._placeholderId = mId + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n    this._selectedLabelsId = mId + \"-selected-labels\";\n    this._infoTextId = mId + \"-info\";\n    this._invalidMessage = this.invalidMessage || DEFAULT_INVALID_MESSAGE;\n    this.watch0Fn();\n    this.watch1Fn();\n    this.watch2Fn();\n    this.watch3Fn();\n    this.watch4Fn();\n    this.watch5Fn();\n    this.watch6Fn();\n    this.watch7Fn();\n    this.watch8Fn();\n    this.watch9Fn();\n    this.watch10Fn();\n    this.watch11Fn();\n    this.watch12Fn();\n    this.watch13Fn();\n    this.watch14Fn();\n    this.watch15Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-custom-select\", this.className)}\n        id={this._id}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        aria-invalid={this._validity === \"invalid\"}\n        data-custom-validity={this._validity}\n        data-width={this.formFieldWidth}\n        data-variant={\n          this.variant === \"floating\" &&\n          this.selectedType === \"tag\" &&\n          this.multiple\n            ? \"above\"\n            : this.variant\n        }\n        data-required={getBooleanAsString(this.required)}\n        data-placement={this.placement}\n        data-selected-type={this.multiple ? this.selectedType : \"text\"}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n      >\n        <label id={this._labelId}>\n          {this.label ?? DEFAULT_LABEL}\n          <select\n            role=\"none\"\n            hidden={true}\n            id={this._selectId}\n            tabIndex={-1}\n            ref={(el: any) => {\n              this.selectRef = el;\n            }}\n            form={this.form}\n            name={this.name}\n            multiple={getBoolean(this.multiple, \"multiple\")}\n            disabled={getBoolean(this.disabled, \"disabled\")}\n            required={getBoolean(this.required, \"required\")}\n            onChange={() => this.satisfyReact()}\n          >\n            {this._options?.length\n              ? this._options?.map((option) => (\n                  <option\n                    disabled={option.disabled}\n                    value={option.value}\n                    key={undefined}\n                  >\n                    {this.getOptionLabel(option)}\n                  </option>\n                ))\n              : null}\n          </select>\n        </label>\n        <details\n          ref={(el: any) => {\n            this.detailsRef = el;\n          }}\n          open={this.open}\n          onToggle={(event) => this.handleDropdownToggle(event)}\n          onKeyDown={(event) => this.handleKeyboardPress(event)}\n        >\n          <slot></slot>\n          {this.options ? (\n            <Fragment>\n              <summary\n                class=\"db-custom-select-form-field\"\n                id={this._summaryId}\n                aria-disabled={getBooleanAsString(this.disabled)}\n                aria-labelledby={this._labelId}\n              >\n                {this._selectedLabels?.length ? (\n                  <span\n                    data-visually-hidden={getBooleanAsString(\n                      this.selectedType === \"tag\"\n                    )}\n                    id={this._selectedLabelsId}\n                  >\n                    {this._selectedLabels}\n                  </span>\n                ) : null}\n                {this.selectedType === \"tag\" ? (\n                  <div>\n                    {this._selectedOptions?.map((option, index) => (\n                      <db-tag\n                        emphasis=\"strong\"\n                        behavior=\"removable\"\n                        removeButton={this.getTagRemoveLabel(index)}\n                        onRemove={(event) =>\n                          this.handleTagRemove(option, event)\n                        }\n                        key={undefined}\n                      >\n                        {this.getOptionLabel(option)}\n                      </db-tag>\n                    ))}\n                  </div>\n                ) : null}\n              </summary>\n              <db-custom-select-dropdown width={this.dropdownWidth}>\n                {this.searchEnabled ? (\n                  <div>\n                    <db-input\n                      type=\"search\"\n                      ref={(el: any) => {\n                        this.searchInputRef = el;\n                      }}\n                      name={this._id}\n                      form={this._id}\n                      showLabel={false}\n                      label={this.searchLabel ?? DEFAULT_LABEL}\n                      placeholder={this.searchPlaceholder ?? this.searchLabel}\n                      ariaDescribedBy={\n                        this._hasNoOptions || this.showLoading\n                          ? this._infoTextId\n                          : undefined\n                      }\n                      onInput={(event) => this.handleSearch(event)}\n                    ></db-input>\n                  </div>\n                ) : null}\n                {this._hasNoOptions || this.showLoading ? (\n                  <db-infotext\n                    id={this._infoTextId}\n                    icon={this._hasNoOptions ? undefined : \"circular_arrows\"}\n                    semantic={this._hasNoOptions ? \"warning\" : \"informational\"}\n                  >\n                    {(this._hasNoOptions\n                      ? this.noResultsText\n                      : this.loadingText) ?? DEFAULT_MESSAGE}\n                  </db-infotext>\n                ) : (\n                  <Fragment>\n                    {this.selectAllEnabled ? (\n                      <div>\n                        <div class=\"db-checkbox db-custom-select-list-item\">\n                          <label>\n                            <input\n                              type=\"checkbox\"\n                              value=\"select-all\"\n                              ref={(el: any) => {\n                                this.selectAllRef = el;\n                              }}\n                              form={this._id}\n                              checked={this.selectAllChecked}\n                              onChange={() => this.handleSelectAll()}\n                            />\n                            {this.getSelectAllLabel()}\n                          </label>\n                        </div>\n                      </div>\n                    ) : null}\n                    <db-custom-select-list\n                      multiple={getBoolean(this.multiple, \"multiple\")}\n                      label={this.ariaListLabel ?? this.label ?? DEFAULT_LABEL}\n                    >\n                      {this._options?.map((option) => (\n                        <db-custom-select-list-item\n                          type={this.multiple ? \"checkbox\" : \"radio\"}\n                          showDivider={option.showDivider}\n                          icon={option.icon}\n                          isGroupTitle={option.isGroupTitle}\n                          groupTitle={this.getOptionLabel(option)}\n                          name={this._id}\n                          checked={this.getOptionChecked(option.value)}\n                          disabled={option.disabled}\n                          value={option.value}\n                          onChange={() => this.handleSelect(option.value)}\n                          key={undefined}\n                        >\n                          {!option.isGroupTitle\n                            ? this.getOptionLabel(option)\n                            : null}\n                        </db-custom-select-list-item>\n                      ))}\n                    </db-custom-select-list>\n                  </Fragment>\n                )}\n                <div>\n                  <db-button\n                    variant=\"ghost\"\n                    width=\"full\"\n                    icon=\"cross\"\n                    size=\"small\"\n                    name={this._id}\n                    form={this._id}\n                    onClick={() => this.handleClose(\"close\")}\n                  >\n                    {this.mobileCloseButtonText ?? DEFAULT_CLOSE_BUTTON}\n                  </db-button>\n                </div>\n              </db-custom-select-dropdown>\n            </Fragment>\n          ) : null}\n        </details>\n        {(this.showClearSelection ?? true) && this._values?.length ? (\n          <db-button\n            icon=\"cross\"\n            variant=\"ghost\"\n            size=\"small\"\n            noText={true}\n            name={this._id}\n            form={this._id}\n            onClick={() => this.handleClearAll()}\n          >\n            {this.clearSelectionText}\n            <db-tooltip placement=\"top\">{this.clearSelectionText}</db-tooltip>\n          </db-button>\n        ) : null}\n        <span aria-hidden={getBooleanAsString(true)} id={this._placeholderId}>\n          {this.placeholder ?? this.label}\n        </span>\n        {stringPropVisible(this.message, this.showMessage) ? (\n          <db-infotext\n            size=\"small\"\n            icon={this.messageIcon}\n            id={this._messageId}\n          >\n            {this.message}\n          </db-infotext>\n        ) : null}\n        {this.hasValidState() ? (\n          <db-infotext\n            size=\"small\"\n            semantic=\"successful\"\n            id={this._validMessageId}\n          >\n            {this.validMessage || DEFAULT_VALID_MESSAGE}\n          </db-infotext>\n        ) : null}\n        <db-infotext\n          size=\"small\"\n          semantic=\"critical\"\n          id={this._invalidMessageId}\n        >\n          {this._invalidMessage}\n        </db-infotext>\n        <span data-visually-hidden=\"true\" role=\"status\">\n          {this._voiceOverFallback}\n        </span>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/p-c989b5d8.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as s,F as a}from"./p-bH2PZLSq.js";import{u as h,f as n,j as e,g as o,m as l,c as d}from"./p-pglUTSkG.js";import{i as r,N as c}from"./p-6wgV8aKO.js";import{n as u}from"./p-DC9V_oNU.js";const v=class{constructor(s){i(this,s);this.click=t(this,"click");this.initialized=false;this.hasAreaPopup=false;this.hasSubNavigation=true;this.isSubNavigationExpanded=false;this.autoClose=false;this.subNavigationId="sub-navigation-"+h();this.navigationItemSafeTriangle=undefined}handleNavigationItemClick(i){if(r(i)){this.autoClose=true;n((()=>{this.autoClose=false}),300)}}handleClick(i){i.stopPropagation();if(this.click){this.click.emit(i)}if(this.hasAreaPopup){this.isSubNavigationExpanded=true}}handleBackClick(i){i.stopPropagation();this.isSubNavigationExpanded=false}enableAttributePassing(i,t){const s=i===null||i===void 0?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let a=0;a<t.length;a++){const h=t.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))){i.setAttribute(h.name,h.value);s.removeAttribute(h.name)}if(h&&h.name==="class"){const t=h.value.includes("hydrated");const a=h.value.replace("hydrated","").trim();const n=i.getAttribute("class");i.setAttribute(h.name,`${n?`${n} `:""}${a}`);if(t){s.setAttribute("class","hydrated")}else{s.removeAttribute(h.name)}}}}}watch0Fn(){if(this.subNavigationExpanded!==undefined){this.isSubNavigationExpanded=!!e(this.subNavigationExpanded,"subNavigationExpanded")}}watch0(){this.watch0Fn()}watch1Fn(){var i;if(this.initialized&&this._ref){const t=this._ref.querySelector("menu");if(t){if(((i=t.children)===null||i===void 0?void 0:i.length)>0){this.hasAreaPopup=true;if(!this.navigationItemSafeTriangle){this.navigationItemSafeTriangle=new c(this._ref,t)}}else{this.hasSubNavigation=false}}}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-navigation-item");this.initialized=true;this.watch0Fn();this.watch1Fn()}render(){var i;return s("li",{key:"415f7f254062a602040c654806ce826b92367e0b",class:d("db-navigation-item",this.className),ref:i=>{this._ref=i},id:this.id,onMouseOver:()=>{var i;return(i=this.navigationItemSafeTriangle)===null||i===void 0?void 0:i.enableFollow()},onMouseLeave:()=>{var i;return(i=this.navigationItemSafeTriangle)===null||i===void 0?void 0:i.disableFollow()},onMouseMove:i=>{var t;return(t=this.navigationItemSafeTriangle)===null||t===void 0?void 0:t.followByMouseEvent(i)},"data-width":this.width,"data-icon":this.icon,"data-hide-icon":l(this.showIcon),"data-active":this.active,"data-wrap":o(this.wrap),"aria-disabled":o(this.disabled)},!this.hasSubNavigation?this.text?this.text:s("slot",null):null,this.hasSubNavigation?s(a,null,s("button",{class:"db-navigation-item-expand-button","aria-haspopup":this.hasAreaPopup,"aria-expanded":this.isSubNavigationExpanded,disabled:e(this.disabled,"disabled"),onClick:i=>this.handleClick(i)},this.text?this.text:s("slot",null)),s("menu",{class:"db-sub-navigation","data-auto-close":this.autoClose,id:this.subNavigationId,onClick:i=>this.handleNavigationItemClick(i)},this.hasAreaPopup?s("div",{class:"db-mobile-navigation-back"},s("db-button",{icon:"arrow_left",variant:"ghost",id:this.backButtonId,onClick:i=>this.handleBackClick(i)},(i=this.backButtonText)!==null&&i!==void 0?i:u)):null,s("slot",{name:"subNavigation"}))):null)}static get watchers(){return{subNavigationExpanded:["watch0"],initialized:["watch1"],_ref:["watch1"]}}};export{v as db_navigation_item};
-//# sourceMappingURL=p-c989b5d8.entry.js.map

package/dist/db-ux/p-c989b5d8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBNavigationItem","constructor","hostRef","this","initialized","hasAreaPopup","hasSubNavigation","isSubNavigationExpanded","autoClose","subNavigationId","uuid","navigationItemSafeTriangle","undefined","handleNavigationItemClick","event","isEventTargetNavigationItem","delay","handleClick","stopPropagation","click","emit","handleBackClick","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","subNavigationExpanded","getBoolean","watch0","watch1Fn","_ref","subNavigationSlot","querySelector","_a","children","NavigationItemSafeTriangle","watch1","componentDidLoad","render","h","key","class","cls","className","ref","el","id","onMouseOver","enableFollow","onMouseLeave","disableFollow","onMouseMove","followByMouseEvent","width","icon","getHideProp","showIcon","active","getBooleanAsString","wrap","disabled","text","Fragment","onClick","variant","backButtonId","backButtonText","DEFAULT_BACK"],"sources":["src/components/navigation-item/navigation-item.tsx"],"sourcesContent":["import { DBNavigationItemProps, DBNavigationItemState } from \"./model\";\nimport { DBButton } from \"../button/button\";\nimport {\n  cls,\n  delay,\n  getBoolean,\n  getBooleanAsString,\n  getHideProp,\n  uuid,\n} from \"../../utils\";\nimport {\n  isEventTargetNavigationItem,\n  NavigationItemSafeTriangle,\n} from \"../../utils/navigation\";\nimport { DEFAULT_BACK } from \"../../shared/constants\";\nimport { ClickEvent } from \"../../shared/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 subNavigation - TODO: Add description for slotSubNavigation\n */\n @Component({\n  tag: \"db-navigation-item\",\n})\nexport class DBNavigationItem {\n  private _ref!: HTMLLIElement | any;\n  @Prop() subNavigationExpanded: DBNavigationItemProps[\"subNavigationExpanded\"];\n  @Event() click: EventEmitter<\n    Parameters<Required<DBNavigationItemProps>[\"onClick\"]>[number]\n  > | void;\n  @Prop() id: DBNavigationItemProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBNavigationItemProps[\"className\"];\n  @Prop() width: DBNavigationItemProps[\"width\"];\n  @Prop() icon: DBNavigationItemProps[\"icon\"];\n  @Prop() showIcon: DBNavigationItemProps[\"showIcon\"];\n  @Prop() active: DBNavigationItemProps[\"active\"];\n  @Prop() wrap: DBNavigationItemProps[\"wrap\"];\n  @Prop() disabled: DBNavigationItemProps[\"disabled\"];\n  @Prop() text: DBNavigationItemProps[\"text\"];\n  @Prop() backButtonId: DBNavigationItemProps[\"backButtonId\"];\n  @Prop() backButtonText: DBNavigationItemProps[\"backButtonText\"];\n  @State() initialized = false;\n  @State() hasAreaPopup = false;\n  @State() hasSubNavigation = true;\n  @State() isSubNavigationExpanded = false;\n  @State() autoClose = false;\n  @State() subNavigationId = \"sub-navigation-\" + uuid();\n  @State() navigationItemSafeTriangle = undefined;\n\n  handleNavigationItemClick(event: unknown) {\n    if (isEventTargetNavigationItem(event)) {\n      this.autoClose = true;\n      delay(() => {\n        this.autoClose = false;\n      }, 300);\n    }\n  }\n  handleClick(event: ClickEvent<HTMLButtonElement> | any) {\n    event.stopPropagation();\n    if (this.click) {\n      this.click.emit(event);\n    }\n    if (this.hasAreaPopup) {\n      this.isSubNavigationExpanded = true;\n    }\n  }\n  handleBackClick(event: ClickEvent<HTMLButtonElement> | any) {\n    event.stopPropagation();\n    this.isSubNavigationExpanded = false;\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.subNavigationExpanded !== undefined) {\n      this.isSubNavigationExpanded = !!getBoolean(\n        this.subNavigationExpanded,\n        \"subNavigationExpanded\"\n      );\n    }\n  }\n\n  @Watch(\"subNavigationExpanded\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this.initialized && this._ref) {\n      const subNavigationSlot = this._ref.querySelector(\"menu\");\n      if (subNavigationSlot) {\n        if (subNavigationSlot.children?.length > 0) {\n          this.hasAreaPopup = true;\n          if (!this.navigationItemSafeTriangle) {\n            this.navigationItemSafeTriangle = new NavigationItemSafeTriangle(\n              this._ref,\n              subNavigationSlot\n            );\n          }\n        } else {\n          this.hasSubNavigation = false;\n        }\n      }\n    }\n  }\n\n  @Watch(\"initialized\")\n  @Watch(\"_ref\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-navigation-item\");\n    this.initialized = true;\n    this.watch0Fn();\n    this.watch1Fn();\n  }\n\n  render() {\n    return (\n      <li\n        class={cls(\"db-navigation-item\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        onMouseOver={() => this.navigationItemSafeTriangle?.enableFollow()}\n        onMouseLeave={() => this.navigationItemSafeTriangle?.disableFollow()}\n        onMouseMove={(event) =>\n          this.navigationItemSafeTriangle?.followByMouseEvent(event)\n        }\n        data-width={this.width}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-active={this.active}\n        data-wrap={getBooleanAsString(this.wrap)}\n        aria-disabled={getBooleanAsString(this.disabled)}\n      >\n        {!this.hasSubNavigation ? this.text ? this.text : <slot></slot> : null}\n        {this.hasSubNavigation ? (\n          <Fragment>\n            <button\n              class=\"db-navigation-item-expand-button\"\n              aria-haspopup={this.hasAreaPopup}\n              aria-expanded={this.isSubNavigationExpanded}\n              disabled={getBoolean(this.disabled, \"disabled\")}\n              onClick={(event) => this.handleClick(event)}\n            >\n              {this.text ? this.text : <slot></slot>}\n            </button>\n            <menu\n              class=\"db-sub-navigation\"\n              data-auto-close={this.autoClose}\n              id={this.subNavigationId}\n              onClick={(event) => this.handleNavigationItemClick(event)}\n            >\n              {this.hasAreaPopup ? (\n                <div class=\"db-mobile-navigation-back\">\n                  <db-button\n                    icon=\"arrow_left\"\n                    variant=\"ghost\"\n                    id={this.backButtonId}\n                    onClick={(event) => this.handleBackClick(event)}\n                  >\n                    {this.backButtonText ?? DEFAULT_BACK}\n                  </db-button>\n                </div>\n              ) : null}\n              <slot name=\"subNavigation\"></slot>\n            </menu>\n          </Fragment>\n        ) : null}\n      </li>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/p-d9ff0c75.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as i}from"./p-bH2PZLSq.js";import{e as a,f as e,s as h,d,u as o,j as c,l as n,k as l,m as r,c as f,g as u,h as b}from"./p-pglUTSkG.js";import{l as v,g as m,h as p,j as y,f as w,k,b as g,a as $,m as _,D as x}from"./p-DC9V_oNU.js";const D=class{constructor(i){t(this,i);this.input=s(this,"input");this.change=s(this,"change");this.blur=s(this,"blur");this.focus=s(this,"focus");this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._invalidMessage=undefined;this._dataListId=undefined;this._descByIds="";this._value="";this._voiceOverFallback=""}hasValidState(){var t;return!!((t=this.validMessage)!==null&&t!==void 0?t:this.validation==="valid")}handleValidation(){var t,s,i,d;if(!((t=this._ref)===null||t===void 0?void 0:t.validity.valid)||this.validation==="invalid"){this._descByIds=this._invalidMessageId;this._invalidMessage=this.invalidMessage||((s=this._ref)===null||s===void 0?void 0:s.validationMessage)||v;if(a()){this._voiceOverFallback=this._invalidMessage;e((()=>this._voiceOverFallback=""),1e3)}}else if(this.hasValidState()&&((i=this._ref)===null||i===void 0?void 0:i.validity.valid)&&(this.required||this.minLength||this.maxLength||this.pattern)){this._descByIds=this._validMessageId;if(a()){this._voiceOverFallback=(d=this.validMessage)!==null&&d!==void 0?d:k;e((()=>this._voiceOverFallback=""),1e3)}}else if(h(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=""}}handleInput(t){t.stopPropagation();if(this.input){this.input.emit(t)}this.handleValidation()}handleChange(t){t.stopPropagation();if(this.change){this.change.emit(t)}this.handleValidation()}handleBlur(t){t.stopPropagation();if(this.blur){this.blur.emit(t)}}handleFocus(t){t.stopPropagation();if(this.focus){this.focus.emit(t)}}getDataList(){const t=this.dataList;return Array.from((d(t)?t===null||t===void 0?void 0:t.map((t=>({value:t,label:undefined}))):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 h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}watch0Fn(){var t;this._invalidMessage=this.invalidMessage||((t=this._ref)===null||t===void 0?void 0:t.validationMessage)||v}watch0(){this.watch0Fn()}watch1Fn(){var t;if(this._id){const s=this._id+w;this._messageId=s;this._validMessageId=this._id+m;this._invalidMessageId=this._id+p;this._dataListId=(t=this.dataListId)!==null&&t!==void 0?t:this._id+y;if(h(this.message,this.showMessage)){this._descByIds=s}}}watch1(){this.watch1Fn()}watch2Fn(){this._value=this.value}watch2(){this.watch2Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-input");const s=(t=this.id)!==null&&t!==void 0?t:`input-${o()}`;this._id=s;this._messageId=s+w;this._validMessageId=s+m;this._invalidMessageId=s+p;this._dataListId=s+y;this._invalidMessage=this.invalidMessage||v;this.watch0Fn();this.watch1Fn();this.watch2Fn()}render(){var t,s,a,e,d;return i("div",{key:"7cfa92e9d87ec52eb18fee52ffc677ce4feafd7c",class:f("db-input",this.className),"data-variant":this.variant,"data-hide-label":r(this.showLabel),"data-hide-icon":r(this.showIcon),"data-icon":this.icon,"data-icon-after":this.iconAfter,"data-hide-icon-after":r(this.showIcon)},i("label",{key:"f3132e767e32d3594edda92c83adf50920bc032c",htmlFor:this._id},(t=this.label)!==null&&t!==void 0?t:$),i("input",{key:"af917f83f15d8f601e95da800295fd7d6877df98","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:t=>{this._ref=t},id:this._id,name:this.name,type:this.type||"text",placeholder:(s=this.placeholder)!==null&&s!==void 0?s:g,disabled:c(this.disabled,"disabled"),required:c(this.required,"required"),step:l(this.step),value:(a=this.value)!==null&&a!==void 0?a:this._value,maxLength:l(this.maxLength,this.maxlength),minLength:l(this.minLength,this.minlength),max:n(this.max,this.type),min:n(this.min,this.type),readOnly:c(this.readOnly,"readOnly")||c(this.readonly,"readonly"),form:this.form,pattern:this.pattern,size:this.size,autoComplete:this.autocomplete,autoFocus:c(this.autofocus,"autofocus"),onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onBlur:t=>this.handleBlur(t),onFocus:t=>this.handleFocus(t),list:this.dataList&&this._dataListId,"aria-describedby":(e=this.ariaDescribedBy)!==null&&e!==void 0?e:this._descByIds}),this.dataList?i("datalist",{id:this._dataListId},(d=this.getDataList())===null||d===void 0?void 0:d.map((t=>i("option",{key:this._dataListId+"-option-"+t.value,value:t.value},t.label)))):null,i("slot",{key:"84291450e3eed8ca4b9dbbcb3ddffd7a4a931b08"}),h(this.message,this.showMessage)?i("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?i("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||k):null,i("db-infotext",{key:"15006de508ff7c1428209cb34161b5ff9f3abb11",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),i("span",{key:"29321ba8175ae662fa0c05836e98aafcfc5be324","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:["watch0"],invalidMessage:["watch0"],_id:["watch1"],value:["watch2"]}}};const F=class{constructor(i){t(this,i);this.remove=s(this,"remove");this.initialized=false}handleRemove(t){t===null||t===void 0?void 0:t.stopPropagation();if(this.remove){this.remove.emit(t)}}getRemoveButtonText(){if(this.removeButton){return this.removeButton}return _}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 h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}watch0Fn(){var t,s;if(this.initialized&&this._ref&&this.disabled!==undefined){const i=(t=this._ref)===null||t===void 0?void 0:t.querySelector("button:not(.db-tab-remove-button)");const a=(s=this._ref)===null||s===void 0?void 0:s.querySelector("input");for(const t of[i,a]){if(t){t.disabled=Boolean(this.disabled)}}}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tag");this.watch0Fn()}render(){var t;return i("div",{key:"9c9ef2ba73cb3451614e3d65027f0d2a4d5a8641",class:f("db-tag",this.className),ref:t=>{this._ref=t},id:this.id,"data-disabled":u(this.disabled),"data-semantic":this.semantic,"data-emphasis":this.emphasis,"data-icon":this.icon,"data-show-check-state":u((t=this.showCheckState)!==null&&t!==void 0?t:true),"data-hide-icon":r(this.showIcon),"data-no-text":u(this.noText),"data-overflow":u(this.overflow)},i("slot",{key:"4b1c9798f89f6d10c951c36f88315dc4d8c8fc6f",name:"content"}),i("slot",{key:"de14ee2134d1dc862459c53afddc51db741ae734"}),this.text?this.text:null,this.behavior==="removable"?i("button",{class:"db-button db-tab-remove-button","data-icon":"cross","data-size":"small","data-no-text":"true","data-variant":"ghost",onClick:t=>this.handleRemove(t),title:this.getRemoveButtonText()},this.getRemoveButtonText()):null)}static get watchers(){return{initialized:["watch0"],disabled:["watch0"],_ref:["watch0"]}}};const L=class{constructor(s){t(this,s);this._id=x;this.initialized=false}handleClick(t){t.stopPropagation()}handleAutoPlacement(){if(this._ref)b(this._ref)}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 h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}watch0Fn(){if(this._ref&&this.initialized&&this._id){let t=this._ref.parentElement;if(t&&t.localName.includes("tooltip")){t=t.parentElement}if(t){["mouseenter","focus"].forEach((s=>{t.addEventListener(s,(()=>this.handleAutoPlacement()))}));t.setAttribute("data-has-tooltip","true");t.setAttribute("aria-describedby",this._id)}this.initialized=false}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tooltip");this._id=this.id||"tooltip-"+o();this.initialized=true;this.watch0Fn()}render(){var t,s;return i("i",{key:"ca896b62cc647f7303c58a2c1f3b34c54aa36196",class:f("db-tooltip",this.className),role:"tooltip","aria-hidden":"true","data-gap":"true",ref:t=>{this._ref=t},id:this._id,"data-emphasis":this.emphasis,"data-animation":u((t=this.animation)!==null&&t!==void 0?t:true),"data-delay":this.delay,"data-width":this.width,"data-show-arrow":u((s=this.showArrow)!==null&&s!==void 0?s:true),"data-placement":this.placement,onClick:t=>this.handleClick(t)},i("slot",{key:"2e261348a396edfd6f000d0f14ea19dfba822e00"}))}static get watchers(){return{_ref:["watch0"],initialized:["watch0"]}}};const A=class{constructor(s){t(this,s);this.width="fixed"}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 h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-dropdown")}render(){return i("article",{key:"6996fad215702cb1f31f4a3a9625a1ada0121528",class:f("db-custom-select-dropdown db-card",this.className),"data-spacing":"none",ref:t=>{this._ref=t},id:this.id,"data-width":this.width},i("slot",{key:"31056fd553f9312376ff94fb7415a117ab29b17b"}))}};const C=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 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 h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-list")}render(){return i("div",{key:"55b9bf7f522c5dab2113ba4755fb0d01a6539a33",class:f("db-custom-select-list",this.className),role:this.multiple?"group":"radiogroup","aria-label":this.label,ref:t=>{this._ref=t},id:this.id},i("ul",{key:"87553958e161d97f8095a79abcd4c79a3b4b4b2a"},i("slot",{key:"68034e713e4b5095e32da5c0704671912cda26cd"})))}};const P=class{constructor(i){t(this,i);this.change=s(this,"change");this._id=undefined;this.hasDivider=false}handleChange(t){t.stopPropagation();if(this.change){this.change.emit(t)}}getIconAfter(){if(this.isGroupTitle||this.type==="checkbox"){return}return c(this.checked,"checked")?"check":"x_placeholder"}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 h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}watch0Fn(){this.hasDivider=Boolean(this.isGroupTitle||this.showDivider)}watch0(){this.watch0Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-custom-select-list-item");this._id=(t=this.id)!==null&&t!==void 0?t:`custom-select-list-item-${o()}`;this.watch0Fn()}render(){return i("li",{key:"e3e90fd8d73cedc493624a10270bc7fe5fe880ba",class:f("db-custom-select-list-item",this.className,{"db-checkbox":this.type==="checkbox"&&!this.isGroupTitle,"db-radio":this.type!=="checkbox"&&!this.isGroupTitle}),ref:t=>{this._ref=t},id:this._id,"data-divider":u(this.hasDivider)},!this.isGroupTitle?i("label",{"data-icon":this.type!=="checkbox"&&this.icon?this.icon:undefined,"data-hide-icon":r(this.showIcon),"data-icon-after":this.getIconAfter()},i("input",{class:"db-custom-select-list-item-checkbox","data-disable-focus":"true",type:this.type,name:this.name,form:this.name,checked:c(this.checked,"checked"),disabled:c(this.disabled,"disabled"),value:this.value,onChange:t=>this.handleChange(t)}),this.label?this.label:i("slot",null)):i("span",null,this.groupTitle))}static get watchers(){return{isGroupTitle:["watch0"],showDivider:["watch0"]}}};export{A as db_custom_select_dropdown,C as db_custom_select_list,P as db_custom_select_list_item,D as db_input,F as db_tag,L as db_tooltip};
-//# sourceMappingURL=p-d9ff0c75.entry.js.map