@db-ux/wc-core-components 3.0.2-copilot2-e7bf98b → 3.0.2-shell2-badc28f

package/dist/db-ux/{p-d6aeabf0.entry.js.map → p-8db3c126.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DBSwitch","constructor","hostRef","this","_id","undefined","handleChange","event","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","componentDidLoad","_ref","_a","id","uuid","render","h","key","class","cls","className","getBooleanAsString","visualAid","size","getHideProp","showLabel","emphasis","htmlFor","showRequiredAsterisk","type","role","ref","el","checked","getBoolean","disabled","validation","required","iconLeading","icon","iconTrailing","onChange","onBlur","onFocus","label"],"sources":["src/components/switch/switch.tsx"],"sourcesContent":["import { ChangeEvent, InteractionEvent } from \"../../shared/model\";\nimport {\n  cls,\n  getBoolean,\n  getBooleanAsString,\n  getHideProp,\n  uuid,\n} from \"../../utils\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\nimport { DBSwitchProps, DBSwitchState } from \"./model\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-switch\",\n})\nexport class DBSwitch {\n  private _ref!: HTMLInputElement | any;\n  @Prop() id: DBSwitchProps[\"id\"];\n  @Event() change: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onChange\"]>[number]\n  > | void;\n  @Event() blur: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onBlur\"]>[number]\n  > | void;\n  @Event() focus: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onFocus\"]>[number]\n  > | void;\n  @Prop() visualAid: DBSwitchProps[\"visualAid\"];\n  @Prop() size: DBSwitchProps[\"size\"];\n  @Prop() showLabel: DBSwitchProps[\"showLabel\"];\n  @Prop() emphasis: DBSwitchProps[\"emphasis\"];\n  @Prop() showRequiredAsterisk: DBSwitchProps[\"showRequiredAsterisk\"];\n  @Prop({attribute: \"classname\"}) className: DBSwitchProps[\"className\"];\n  @Prop() checked: DBSwitchProps[\"checked\"];\n  @Prop() value: DBSwitchProps[\"value\"];\n  @Prop() disabled: DBSwitchProps[\"disabled\"];\n  @Prop() validation: DBSwitchProps[\"validation\"];\n  @Prop() name: DBSwitchProps[\"name\"];\n  @Prop() required: DBSwitchProps[\"required\"];\n  @Prop() iconLeading: DBSwitchProps[\"iconLeading\"];\n  @Prop() icon: DBSwitchProps[\"icon\"];\n  @Prop() iconTrailing: DBSwitchProps[\"iconTrailing\"];\n  @Prop() label: DBSwitchProps[\"label\"];\n  @State() _id = undefined;\n\n  handleChange(event: ChangeEvent<HTMLInputElement>) {\n    if (this.change) {\n      this.change.emit(event);\n    }\n  }\n  handleBlur(event: InteractionEvent<HTMLInputElement>) {\n    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLInputElement>) {\n    if (this.focus) {\n      this.focus.emit(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLInputElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-switch\");\n    this._id = this.id ?? `switch-${uuid()}`;\n  }\n\n  render() {\n    return (\n      <label\n        class={cls(\"db-switch\", this.className)}\n        data-visual-aid={getBooleanAsString(this.visualAid)}\n        data-size={this.size}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-emphasis={this.emphasis}\n        htmlFor={this._id}\n        data-hide-asterisk={getHideProp(this.showRequiredAsterisk)}\n      >\n        <input\n          type=\"checkbox\"\n          role=\"switch\"\n          id={this._id}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          checked={getBoolean(this.checked, \"checked\")}\n          value={this.value}\n          disabled={getBoolean(this.disabled, \"disabled\")}\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          name={this.name}\n          required={getBoolean(this.required, \"required\")}\n          data-aid-icon={this.iconLeading ?? this.icon}\n          data-aid-icon-trailing={this.iconTrailing}\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":"wHAgCaA,EAAQ,MAHpB,WAAAC,CAAAC,G,2FA+BUC,KAAGC,IAAGC,SAkGhB,CAhGC,YAAAC,CAAaC,GACX,GAAIJ,KAAKK,OAAQ,CACfL,KAAKK,OAAOC,KAAKF,E,EAGrB,UAAAG,CAAWH,GACT,GAAIJ,KAAKQ,KAAM,CACbR,KAAKQ,KAAKF,KAAKF,E,EAGnB,WAAAK,CAAYL,GACV,GAAIJ,KAAKU,MAAO,CACdV,KAAKU,MAAMJ,KAAKF,E,EASZ,sBAAAO,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,G,MACEhC,KAAKW,uBAAuBX,KAAKiC,KAAM,aACvCjC,KAAKC,KAAMiC,EAAAlC,KAAKmC,MAAE,MAAAD,SAAA,EAAAA,EAAI,UAAUE,K,CAGlC,MAAAC,G,MACE,OACEC,EAAA,SAAAC,IAAA,2CACEC,MAAOC,EAAI,YAAazC,KAAK0C,WAAU,kBACtBC,EAAmB3C,KAAK4C,WAC9B,YAAA5C,KAAK6C,KAAI,kBACHC,EAAY9C,KAAK+C,WACnB,gBAAA/C,KAAKgD,SACpBC,QAASjD,KAAKC,IAAG,qBACG6C,EAAY9C,KAAKkD,uBAErCZ,EAAA,SAAAC,IAAA,2CACEY,KAAK,WACLC,KAAK,SACLjB,GAAInC,KAAKC,IACToD,IAAMC,IACJtD,KAAKiC,KAAOqB,CAAE,EAEhBC,QAASC,EAAWxD,KAAKuD,QAAS,WAClC/B,MAAOxB,KAAKwB,MACZiC,SAAUD,EAAWxD,KAAKyD,SAAU,YAAW,eACjCzD,KAAK0D,aAAe,UACZ,uBAAA1D,KAAK0D,WAC3BrC,KAAMrB,KAAKqB,KACXsC,SAAUH,EAAWxD,KAAK2D,SAAU,YAAW,iBAChCzB,EAAAlC,KAAK4D,eAAe,MAAA1B,SAAA,EAAAA,EAAAlC,KAAK6D,KAAI,yBACpB7D,KAAK8D,aAC7BC,SAAW3D,GAAUJ,KAAKG,aAAaC,GACvC4D,OAAS5D,GAAUJ,KAAKO,WAAWH,GACnC6D,QAAU7D,GAAUJ,KAAKS,YAAYL,KAEtCJ,KAAKkE,MAAQlE,KAAKkE,MAAQ5B,EAAa,a","ignoreList":[]}
+{"version":3,"names":["DBSwitch","constructor","hostRef","this","_id","undefined","handleChange","event","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","componentDidLoad","_ref","_a","id","uuid","render","h","key","class","cls","className","getBooleanAsString","visualAid","size","getHideProp","showLabel","emphasis","htmlFor","showRequiredAsterisk","type","role","ref","el","checked","getBoolean","disabled","validation","required","iconLeading","icon","iconTrailing","onChange","onBlur","onFocus","label"],"sources":["src/components/switch/switch.tsx"],"sourcesContent":["import { ChangeEvent, InteractionEvent } from \"../../shared/model\";\nimport {\n  cls,\n  getBoolean,\n  getBooleanAsString,\n  getHideProp,\n  uuid,\n} from \"../../utils\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\nimport { DBSwitchProps, DBSwitchState } from \"./model\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-switch\",\n})\nexport class DBSwitch {\n  private _ref!: HTMLInputElement | any;\n  @Prop() id: DBSwitchProps[\"id\"];\n  @Event() change: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onChange\"]>[number]\n  > | void;\n  @Event() blur: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onBlur\"]>[number]\n  > | void;\n  @Event() focus: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onFocus\"]>[number]\n  > | void;\n  @Prop() visualAid: DBSwitchProps[\"visualAid\"];\n  @Prop() size: DBSwitchProps[\"size\"];\n  @Prop() showLabel: DBSwitchProps[\"showLabel\"];\n  @Prop() emphasis: DBSwitchProps[\"emphasis\"];\n  @Prop() showRequiredAsterisk: DBSwitchProps[\"showRequiredAsterisk\"];\n  @Prop({attribute: \"classname\"}) className: DBSwitchProps[\"className\"];\n  @Prop() checked: DBSwitchProps[\"checked\"];\n  @Prop() value: DBSwitchProps[\"value\"];\n  @Prop() disabled: DBSwitchProps[\"disabled\"];\n  @Prop() validation: DBSwitchProps[\"validation\"];\n  @Prop() name: DBSwitchProps[\"name\"];\n  @Prop() required: DBSwitchProps[\"required\"];\n  @Prop() iconLeading: DBSwitchProps[\"iconLeading\"];\n  @Prop() icon: DBSwitchProps[\"icon\"];\n  @Prop() iconTrailing: DBSwitchProps[\"iconTrailing\"];\n  @Prop() label: DBSwitchProps[\"label\"];\n  @State() _id = undefined;\n\n  handleChange(event: ChangeEvent<HTMLInputElement>) {\n    if (this.change) {\n      this.change.emit(event);\n    }\n  }\n  handleBlur(event: InteractionEvent<HTMLInputElement>) {\n    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLInputElement>) {\n    if (this.focus) {\n      this.focus.emit(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLInputElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-switch\");\n    this._id = this.id ?? `switch-${uuid()}`;\n  }\n\n  render() {\n    return (\n      <label\n        class={cls(\"db-switch\", this.className)}\n        data-visual-aid={getBooleanAsString(this.visualAid)}\n        data-size={this.size}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-emphasis={this.emphasis}\n        htmlFor={this._id}\n        data-hide-asterisk={getHideProp(this.showRequiredAsterisk)}\n      >\n        <input\n          type=\"checkbox\"\n          role=\"switch\"\n          id={this._id}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          checked={getBoolean(this.checked, \"checked\")}\n          value={this.value}\n          disabled={getBoolean(this.disabled, \"disabled\")}\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          name={this.name}\n          required={getBoolean(this.required, \"required\")}\n          data-aid-icon={this.iconLeading ?? this.icon}\n          data-aid-icon-trailing={this.iconTrailing}\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":"mHAgCaA,EAAQ,MAHpB,WAAAC,CAAAC,G,2FA+BUC,KAAGC,IAAGC,SAkGhB,CAhGC,YAAAC,CAAaC,GACX,GAAIJ,KAAKK,OAAQ,CACfL,KAAKK,OAAOC,KAAKF,E,EAGrB,UAAAG,CAAWH,GACT,GAAIJ,KAAKQ,KAAM,CACbR,KAAKQ,KAAKF,KAAKF,E,EAGnB,WAAAK,CAAYL,GACV,GAAIJ,KAAKU,MAAO,CACdV,KAAKU,MAAMJ,KAAKF,E,EASZ,sBAAAO,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,G,MACEhC,KAAKW,uBAAuBX,KAAKiC,KAAM,aACvCjC,KAAKC,KAAMiC,EAAAlC,KAAKmC,MAAE,MAAAD,SAAA,EAAAA,EAAI,UAAUE,K,CAGlC,MAAAC,G,MACE,OACEC,EAAA,SAAAC,IAAA,2CACEC,MAAOC,EAAI,YAAazC,KAAK0C,WAAU,kBACtBC,EAAmB3C,KAAK4C,WAC9B,YAAA5C,KAAK6C,KAAI,kBACHC,EAAY9C,KAAK+C,WACnB,gBAAA/C,KAAKgD,SACpBC,QAASjD,KAAKC,IAAG,qBACG6C,EAAY9C,KAAKkD,uBAErCZ,EAAA,SAAAC,IAAA,2CACEY,KAAK,WACLC,KAAK,SACLjB,GAAInC,KAAKC,IACToD,IAAMC,IACJtD,KAAKiC,KAAOqB,CAAE,EAEhBC,QAASC,EAAWxD,KAAKuD,QAAS,WAClC/B,MAAOxB,KAAKwB,MACZiC,SAAUD,EAAWxD,KAAKyD,SAAU,YAAW,eACjCzD,KAAK0D,aAAe,UACZ,uBAAA1D,KAAK0D,WAC3BrC,KAAMrB,KAAKqB,KACXsC,SAAUH,EAAWxD,KAAK2D,SAAU,YAAW,iBAChCzB,EAAAlC,KAAK4D,eAAe,MAAA1B,SAAA,EAAAA,EAAAlC,KAAK6D,KAAI,yBACpB7D,KAAK8D,aAC7BC,SAAW3D,GAAUJ,KAAKG,aAAaC,GACvC4D,OAAS5D,GAAUJ,KAAKO,WAAWH,GACnC6D,QAAU7D,GAAUJ,KAAKS,YAAYL,KAEtCJ,KAAKkE,MAAQlE,KAAKkE,MAAQ5B,EAAa,a","ignoreList":[]}

package/dist/db-ux/p-99d090b7.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as t}from"./p-uOzX56mL.js";import{c as e}from"./p-YECpAE3G.js";const c=class{constructor(t){s(this,t)}enableAttributePassing(s,t){const e=s===null||s===void 0?void 0:s.closest(t);if(s&&e){const t=e.attributes;for(let c=0;c<t.length;c++){const o=t.item(c);if(o&&(o.name.startsWith("data-")||o.name.startsWith("aria-"))){s.setAttribute(o.name,o.value);e.removeAttribute(o.name)}if(o&&o.name==="class"){const t=o.value.includes("hydrated");const c=o.value.replace("hydrated","").trim();const r=s.getAttribute("class");s.setAttribute(o.name,`${r?`${r} `:""}${c}`);if(t){e.setAttribute("class","hydrated")}else{e.removeAttribute(o.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-form-field")}render(){return t("summary",{key:"c73fc8f1221eec70156a73bb7e85386fe8328e9c",class:e("db-custom-select-form-field",this.className),ref:s=>{this._ref=s},id:this.id},t("slot",{key:"487773d5b715104fdf70c427f4fd39f4c7cc1702"}))}};export{c as db_custom_select_form_field};
+//# sourceMappingURL=p-99d090b7.entry.js.map

package/dist/db-ux/p-9d18d065.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as t}from"./p-uOzX56mL.js";import{c as a}from"./p-YECpAE3G.js";const o=class{constructor(t){s(this,t)}enableAttributePassing(s,t){const a=s===null||s===void 0?void 0:s.closest(t);if(s&&a){const t=a.attributes;for(let o=0;o<t.length;o++){const r=t.item(o);if(r&&(r.name.startsWith("data-")||r.name.startsWith("aria-"))){s.setAttribute(r.name,r.value);a.removeAttribute(r.name)}if(r&&r.name==="class"){const t=r.value.includes("hydrated");const o=r.value.replace("hydrated","").trim();const i=s.getAttribute("class");s.setAttribute(r.name,`${i?`${i} `:""}${o}`);if(t){a.setAttribute("class","hydrated")}else{a.removeAttribute(r.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-control-panel-primary-actions")}render(){return t("div",{key:"48ea59a22801729e98a038db0554db7e82fedcb8",class:a("db-control-panel-primary-actions",this.className),ref:s=>{this._ref=s},id:this.id},t("slot",{key:"85dc5f1db70a3784f09302b40612b31a8f5d34da"}))}};export{o as db_control_panel_primary_actions};
+//# sourceMappingURL=p-9d18d065.entry.js.map

package/dist/db-ux/p-9d18d065.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DBControlPanelPrimaryActions","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","this","_ref","render","h","key","class","cls","className","ref","el","id"],"sources":["src/components/control-panel-primary-actions/control-panel-primary-actions.tsx"],"sourcesContent":["import { cls } from \"../../utils\";\nimport { DBControlPanelPrimaryActionsProps } from \"./model\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-control-panel-primary-actions\",\n})\nexport class DBControlPanelPrimaryActions {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBControlPanelPrimaryActionsProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBControlPanelPrimaryActionsProps[\"className\"];\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-control-panel-primary-actions\");\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-control-panel-primary-actions\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"qFAaaA,EAA4B,M,yBAU/B,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEC,KAAKtB,uBAAuBsB,KAAKC,KAAM,mC,CAGzC,MAAAC,GACE,OACEC,EACE,OAAAC,IAAA,2CAAAC,MAAOC,EAAI,mCAAoCN,KAAKO,WACpDC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EAEhBC,GAAIV,KAAKU,IAETP,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{h as t,b as i}from"./p-D3kmGlOI.js";const s=t=>{var i;const{target:s}=t;return Boolean((i=s===null||s===void 0?void 0:s.parentElement)===null||i===void 0?void 0:i.classList.contains("db-navigation-item"))};class n{constructor(t,i){var s,n;this.parentSubNavigation=null;this.initialized=false;this.mouseX=0;this.mouseY=0;this.element=t;this.subNavigation=i;if(!this.element||!this.subNavigation){return}this.parentSubNavigation=(n=(s=this.element)===null||s===void 0?void 0:s.closest(".db-navigation-item-group-menu"))!==null&&n!==void 0?n:this.element;if(!this.element.closest(".db-drawer")){this.init()}}init(){var t,i,s;const n=(i=(t=this.parentSubNavigation)===null||t===void 0?void 0:t.getBoundingClientRect().width)!==null&&i!==void 0?i:0;(s=this.element)===null||s===void 0?void 0:s.style.setProperty("--db-navigation-item-inline-size",`${n}px`);this.initialized=true}enableFollow(){var i,s;if(!this.initialized||this.triangleData||!this.element||!this.subNavigation){return}const n=t(this.subNavigation);const o=this.element.getBoundingClientRect();const e=(s=(i=this.parentSubNavigation)===null||i===void 0?void 0:i.getBoundingClientRect().width)!==null&&s!==void 0?s:0;this.triangleData={itemRect:o,parentElementWidth:e,subNavigationHeight:this.subNavigation.getBoundingClientRect().height,padding:(e-o.width)/2,outsideVX:n.vx,outsideVY:n.vy}}disableFollow(){this.triangleData=undefined}getTriangleTipX(){if(!this.triangleData)return 0;if(this.triangleData.outsideVX==="right"){return this.triangleData.itemRect.width-this.mouseX}return Math.min(this.mouseX,this.triangleData.itemRect.width*.75)}getTriangleTipY(){if(!this.triangleData)return 0;const t=Math.max(Math.min(this.mouseY,this.triangleData.itemRect.height),0)+this.triangleData.padding;if(this.triangleData.outsideVY==="bottom"){return t+(this.triangleData.subNavigationHeight-this.triangleData.padding*2-this.triangleData.itemRect.height)}return t}hasMouseEnteredSubNavigation(){if(!this.triangleData){return false}const t=this.triangleData.outsideVX==="right";if(t&&this.mouseX<-1*this.triangleData.padding){return true}if(!t&&this.mouseX>this.triangleData.parentElementWidth-this.triangleData.padding){return true}return false}getTriangleCoordinates(){if(!this.triangleData){return}const t=this.getTriangleTipX();const i=this.getTriangleTipY();const s=`${t}px ${i}px`;const n=`${t}px ${i}px`;return{lb:s,lt:n,rt:"100% 0",rb:"100% 100%"}}followByMouseEvent(t){if(!this.initialized||!this.triangleData||!this.element||!this.subNavigation){return}this.mouseX=t.clientX-this.triangleData.itemRect.left;this.mouseY=t.clientY-this.triangleData.itemRect.top;const i=this.hasMouseEnteredSubNavigation();const s=this.getTriangleCoordinates();if(!s){return}this.element.style.setProperty("--db-navigation-item-clip-path",`polygon(${s.lb}, ${s.lt}, ${s.rt}, ${s.rb})`);if(i){this.triangleData=undefined}}}const o=(t,s=0)=>{for(const n of Array.from(t.querySelectorAll(".db-navigation-item-group"))){const t=n.querySelector(".db-navigation-item-group-menu");const e=n.querySelector(".db-navigation-item-group-expand-button");if(t&&e){const n=getComputedStyle(t).getPropertyValue("--db-navigation-item-group-menu-mobile");if(n)return;if(s>0||t.dataset["open"]==="horizontal"){i(t,e,"right-start");t.dataset["open"]="horizontal"}else{i(t,e,"bottom-start");t.dataset["open"]="vertical"}o(t,s+1)}}};export{n as N,o as h,s as i};
+//# sourceMappingURL=p-CZxi1Pek.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"p-CZxi1Pek.js","sources":["src/utils/navigation.ts"],"sourcesContent":["import { handleDataOutside, handleFixedPopover } from './floating-components';\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?.parentElement?.classList.contains('db-navigation-item'));\n};\nexport class NavigationItemSafeTriangle {\n  private readonly element: HTMLElement | null;\n  private readonly subNavigation: HTMLElement | null;\n  private readonly parentSubNavigation: HTMLElement | 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: HTMLElement | 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-navigation-item-group-menu') ?? this.element;\n\n    /*\n     * only initiate if:\n     * 2. item is not in the mobile navigation / within db-drawer\n     */\n    if (!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(): undefined | {\n    lb: string;\n    lt: string;\n    rt: string;\n    rb: string;\n  } {\n    if (!this.triangleData) {\n      return;\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: any) {\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();\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 const handleSubNavigationPosition = (element: HTMLElement, level: number = 0) => {\n  for (const navItem of Array.from(element.querySelectorAll('.db-navigation-item-group'))) {\n    const subNavigation: HTMLElement | null = navItem.querySelector('.db-navigation-item-group-menu');\n    const button: HTMLElement | null = navItem.querySelector('.db-navigation-item-group-expand-button');\n    if (subNavigation && button) {\n      /*\n       * This is set via css inside:\n       * `packages/components/src/components/navigation-item-group/navigation-item-group-menu-popover.scss`.\n       * We don't need to calculate the position of the menu as a popover.\n       */\n      const isMobile = getComputedStyle(subNavigation).getPropertyValue('--db-navigation-item-group-menu-mobile');\n      if (isMobile) return;\n      if (level > 0 || subNavigation.dataset['open'] === 'horizontal') {\n        // Sub-Navigation should be opened horizontal\n        handleFixedPopover(subNavigation, button, 'right-start');\n        subNavigation.dataset['open'] = 'horizontal';\n      } else {\n        // Sub-Navigation should be opened vertical\n        handleFixedPopover(subNavigation, button, 'bottom-start');\n        subNavigation.dataset['open'] = 'vertical';\n      }\n      handleSubNavigationPosition(subNavigation, level + 1);\n    }\n  }\n}"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+const t=t=>{var e;const{top:o,bottom:i,left:l,right:n}=t.getBoundingClientRect();const{innerHeight:s,innerWidth:f}=window;let d=o<0;let r=i>s;let c=l<0;let h=n>f;const p=t.dataset["outsideVy"];const a=t.dataset["outsideVx"];const b=(e=t===null||t===void 0?void 0:t.parentElement)===null||e===void 0?void 0:e.getBoundingClientRect();if(b){if(p){const e=t.dataset["outsideVy"];if(e==="top"){d=b.top-(i-b.bottom)<0}else{r=b.bottom+(b.top-o)>s}}if(a){const e=t.dataset["outsideVx"];if(e==="left"){c=b.left-(n-b.right)<0}else{h=b.right+(b.left-l)>f}}}return{outTop:d,outBottom:r,outLeft:c,outRight:h}};const e=e=>{const{outTop:o,outBottom:i,outLeft:l,outRight:n}=t(e);let s={};if(o||i){s={vy:o?"top":"bottom"};e.dataset["outsideVy"]=s.vy}else{delete e.dataset["outsideVy"]}if(l||n){s=Object.assign(Object.assign({},s),{vx:n?"right":"left"});e.dataset["outsideVx"]=s.vx}else{delete e.dataset["outsideVx"]}return s};const o=(t,e,o)=>{const l=getComputedStyle(t);if(l.zIndex==="9999"||l.position!=="fixed"&&l.position!=="absolute"){return}const{top:n,bottom:s,childHeight:f,childWidth:d,width:r,right:c,left:h,correctedPlacement:p}=i(t,e,o);const a=t.dataset["width"]==="full";if(a){t.style.inlineSize=`${r}px`}if(p==="top"||p==="bottom"||p==="top-start"||p==="bottom-start"){t.style.insetInlineStart=`${h}px`}else if(p==="top-end"||p==="bottom-end"){t.style.insetInlineStart=`${c-d}px`}if(p===null||p===void 0?void 0:p.startsWith("top")){t.style.insetBlockStart=`${n-f}px`}else if(p===null||p===void 0?void 0:p.startsWith("bottom")){t.style.insetBlockStart=`${s}px`}t.style.position="fixed"};const i=(t,e,o)=>{if(!t||!e){return{top:0,bottom:0,right:0,height:0,width:0,left:0,childHeight:0,childWidth:0,correctedPlacement:o,innerWidth:window.innerWidth,innerHeight:window.innerHeight}}const i=t.getBoundingClientRect();const{top:l,height:n,bottom:s,right:f,left:d,width:r}=e.getBoundingClientRect();const{innerHeight:c,innerWidth:h}=window;let p=i.height;let a=i.width;if(o==="bottom"||o==="top"){a=r>a?0:a/2}if(o==="left"||o==="right"){p=n>p?0:p/2}const b=Math.floor(s+p)>c;const g=Math.ceil(l-p)<0;const u=Math.ceil(d-a)<0;const $=Math.floor(f+a)>h;let m=o;if(o.startsWith("bottom")){if(b){if(!g){m=o===null||o===void 0?void 0:o.replace("bottom","top");if(u&&$){m="top"}else if(u){m="top-start"}else if($){m="top-end"}}}else{if(u&&$){m="bottom"}else if(u){m="bottom-start"}else if($){m="bottom-end"}}}else if(o.startsWith("top")){if(g){if(!b){m=o===null||o===void 0?void 0:o.replace("top","bottom");if(u&&$){m="bottom"}else if(u){m="bottom-start"}else if($){m="bottom-end"}}}else{if(u&&$){m="top"}else if(u){m="top-start"}else if($){m="top-end"}}}else if(o.startsWith("left")){if(u){if($){m=o===null||o===void 0?void 0:o.replace("left","right");if(b&&g){m="right"}else if(b){m="right-end"}else if(g){m="right-start"}}}else{if(b&&g){m="left"}else if(b){m="left-end"}else if(g){m="left-start"}}}else if(m.startsWith("right")){if($){if(!u){m=o===null||o===void 0?void 0:o.replace("right","left");if(b&&g){m="left"}else if(b){m="left-end"}else if(g){m="left-start"}}}else{if(b&&g){m="right"}else if(b){m="right-end"}else if(g){m="right-start"}}}return{top:l,bottom:s,right:f,height:n,width:r,left:d,childHeight:i.height,childWidth:i.width,correctedPlacement:m,innerWidth:h,innerHeight:c,outsideYBoth:g&&b,outsideXBoth:$&&u}};const l=(t,e,o)=>{var l,n,s;const f=getComputedStyle(t);if(f.position!=="fixed"&&f.position!=="absolute"){return}let d=f.getPropertyValue("--db-popover-distance");if(!d.length){d="0px"}const r=(s=(n=(l=t===null||t===void 0?void 0:t.dataset)===null||l===void 0?void 0:l["placement"])!==null&&n!==void 0?n:o)!==null&&s!==void 0?s:"bottom";const{top:c,height:h,width:p,childHeight:a,childWidth:b,right:g,left:u,bottom:$,correctedPlacement:m,innerWidth:v,innerHeight:x,outsideYBoth:w}=i(t,e,r);if(b>p&&(m.startsWith("bottom")||m.startsWith("top"))){const e=p/2/b*100;if(m.endsWith("start")){t.style.setProperty("--db-tooltip-arrow-inline-start",`${e}%`)}else if(m.endsWith("end")){t.style.setProperty("--db-tooltip-arrow-inline-start",`${100-e}%`)}}if(a>h&&(m.startsWith("left")||m.startsWith("bottom"))){const e=h/2/a*100;if(m.endsWith("start")){t.style.setProperty("--db-tooltip-arrow-block-start",`${e}%`)}else if(m.endsWith("end")){t.style.setProperty("--db-tooltip-arrow-block-start",`${100-e}%`)}}if(m==="right"||m==="left"){t.style.insetBlockStart=`${c+h/2}px`}else if(m==="right-start"||m==="left-start"){const e=c+a;t.style.insetBlockStart=`${c}px`;t.style.insetBlockEnd=`${e>x?x:e}px`}else if(m==="right-end"||m==="left-end"){const e=$-a;t.style.insetBlockStart=`${e<0?0:e}px`;t.style.insetBlockEnd=`${$}px`}else if(m==="top"||m==="bottom"){t.style.insetInlineStart=`${u+p/2}px`}else if(m==="top-start"||m==="bottom-start"){const e=u+b;t.style.insetInlineStart=`${u}px`;t.style.insetInlineEnd=`${e>v?v:e}px`}else if(m==="top-end"||m==="bottom-end"){const e=u-b;t.style.insetInlineStart=`${g-b}px`;t.style.insetInlineEnd=`${e<0?0:e}px`}if(m===null||m===void 0?void 0:m.startsWith("right")){const e=g+b;t.style.insetInlineStart=`calc(${g}px + ${d})`;t.style.insetInlineEnd=`calc(${e>v?v:e}px + ${d})`}else if(m===null||m===void 0?void 0:m.startsWith("left")){const e=u-b;t.style.insetInlineStart=`calc(${e<0?0:e}px - ${d})`;t.style.insetInlineEnd=`calc(${g}px - ${d})`}else if(m===null||m===void 0?void 0:m.startsWith("top")){const e=c-a;t.style.insetBlockStart=`calc(${e<0?0:e}px - ${d})`;t.style.insetBlockEnd=`calc(${$}px - ${d})`}else if(m===null||m===void 0?void 0:m.startsWith("bottom")){const e=$+a;t.style.insetBlockStart=`calc(${$}px + ${d})`;t.style.insetBlockEnd=`calc(${e>x?x:e}px + ${d})`}if(w){t.style.overflow="hidden auto";t.style.insetBlock=d;t.style.maxBlockSize=`calc(${x}px - 2 * ${d})`}t.style.position="fixed";t.dataset["correctedPlacement"]=m};export{o as a,l as b,i as g,e as h};
+//# sourceMappingURL=p-D3kmGlOI.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"p-D3kmGlOI.js","sources":["src/utils/floating-components.ts"],"sourcesContent":["// TODO: We should reevaluate this as soon as CSS Anchor Positioning is supported in all relevant browsers\nconst isInView = (el: HTMLElement) => {\n  const {\n    top,\n    bottom,\n    left,\n    right\n  } = el.getBoundingClientRect();\n  const {\n    innerHeight,\n    innerWidth\n  } = window;\n  let outTop = top < 0;\n  let outBottom = bottom > innerHeight;\n  let outLeft = left < 0;\n  let outRight = right > innerWidth;\n\n  // We need to check if it was already outside\n  const outsideY = el.dataset['outsideVy'];\n  const outsideX = el.dataset['outsideVx'];\n  const parentRect = el?.parentElement?.getBoundingClientRect();\n  if (parentRect) {\n    if (outsideY) {\n      const position = el.dataset['outsideVy'];\n      if (position === 'top') {\n        outTop = parentRect.top - (bottom - parentRect.bottom) < 0;\n      } else {\n        outBottom = parentRect.bottom + (parentRect.top - top) > innerHeight;\n      }\n    }\n    if (outsideX) {\n      const position = el.dataset['outsideVx'];\n      if (position === 'left') {\n        outLeft = parentRect.left - (right - parentRect.right) < 0;\n      } else {\n        outRight = parentRect.right + (parentRect.left - left) > innerWidth;\n      }\n    }\n  }\n  return {\n    outTop,\n    outBottom,\n    outLeft,\n    outRight\n  };\n};\nexport interface DBDataOutsidePair {\n  vx?: 'left' | 'right';\n  vy?: 'top' | 'bottom';\n}\nexport const handleDataOutside = (el: HTMLElement): DBDataOutsidePair => {\n  const {\n    outTop,\n    outBottom,\n    outLeft,\n    outRight\n  } = isInView(el);\n  let dataOutsidePair: DBDataOutsidePair = {};\n  if (outTop || outBottom) {\n    dataOutsidePair = {\n      vy: outTop ? 'top' : 'bottom'\n    };\n    el.dataset['outsideVy'] = dataOutsidePair.vy!;\n  } else {\n    delete el.dataset['outsideVy'];\n  }\n  if (outLeft || outRight) {\n    dataOutsidePair = {\n      ...dataOutsidePair,\n      vx: outRight ? 'right' : 'left'\n    };\n    el.dataset['outsideVx'] = dataOutsidePair.vx!;\n  } else {\n    delete el.dataset['outsideVx'];\n  }\n  return dataOutsidePair;\n};\nexport const handleFixedDropdown = (element: HTMLElement, parent: HTMLElement, placement: string) => {\n  // We skip this if we are in mobile it's already fixed or if we don't have a floating dropdown\n  const computedStyle = getComputedStyle(element);\n  if (computedStyle.zIndex === '9999' || computedStyle.position !== 'fixed' && computedStyle.position !== 'absolute') {\n    return;\n  }\n  const {\n    top,\n    bottom,\n    childHeight,\n    childWidth,\n    width,\n    right,\n    left,\n    correctedPlacement\n  } = getFloatingProps(element, parent, placement);\n  const fullWidth = element.dataset['width'] === 'full';\n  if (fullWidth) {\n    element.style.inlineSize = `${width}px`;\n  }\n  if (correctedPlacement === 'top' || correctedPlacement === 'bottom' || correctedPlacement === 'top-start' || correctedPlacement === 'bottom-start') {\n    element.style.insetInlineStart = `${left}px`;\n  } else if (correctedPlacement === 'top-end' || correctedPlacement === 'bottom-end') {\n    element.style.insetInlineStart = `${right - childWidth}px`;\n  }\n  if (correctedPlacement?.startsWith('top')) {\n    element.style.insetBlockStart = `${top - childHeight}px`;\n  } else if (correctedPlacement?.startsWith('bottom')) {\n    element.style.insetBlockStart = `${bottom}px`;\n  }\n  element.style.position = 'fixed';\n};\nexport const getFloatingProps = (element: HTMLElement, parent: HTMLElement, placement: string) => {\n  if (!element || !parent) {\n    return {\n      top: 0,\n      bottom: 0,\n      right: 0,\n      height: 0,\n      width: 0,\n      left: 0,\n      childHeight: 0,\n      childWidth: 0,\n      correctedPlacement: placement,\n      innerWidth: window.innerWidth,\n      innerHeight: window.innerHeight\n    };\n  }\n  const childRect = element.getBoundingClientRect();\n  const {\n    top,\n    height,\n    bottom,\n    right,\n    left,\n    width\n  } = parent.getBoundingClientRect();\n  const {\n    innerHeight,\n    innerWidth\n  } = window;\n  let childHeight = childRect.height;\n  let childWidth = childRect.width;\n  if (placement === 'bottom' || placement === 'top') {\n    childWidth = width > childWidth ? 0 : childWidth / 2;\n  }\n  if (placement === 'left' || placement === 'right') {\n    childHeight = height > childHeight ? 0 : childHeight / 2;\n  }\n  const outsideBottom = Math.floor(bottom + childHeight) > innerHeight;\n  const outsideTop = Math.ceil(top - childHeight) < 0;\n  const outsideLeft = Math.ceil(left - childWidth) < 0;\n  const outsideRight = Math.floor(right + childWidth) > innerWidth;\n  let correctedPlacement = placement;\n  if (placement.startsWith('bottom')) {\n    if (outsideBottom) {\n      if (!outsideTop) {\n        correctedPlacement = placement?.replace('bottom', 'top');\n        if (outsideLeft && outsideRight) {\n          correctedPlacement = 'top';\n        } else if (outsideLeft) {\n          correctedPlacement = 'top-start';\n        } else if (outsideRight) {\n          correctedPlacement = 'top-end';\n        }\n      }\n    } else {\n      if (outsideLeft && outsideRight) {\n        correctedPlacement = 'bottom';\n      } else if (outsideLeft) {\n        correctedPlacement = 'bottom-start';\n      } else if (outsideRight) {\n        correctedPlacement = 'bottom-end';\n      }\n    }\n  } else if (placement.startsWith('top')) {\n    if (outsideTop) {\n      if (!outsideBottom) {\n        correctedPlacement = placement?.replace('top', 'bottom');\n        if (outsideLeft && outsideRight) {\n          correctedPlacement = 'bottom';\n        } else if (outsideLeft) {\n          correctedPlacement = 'bottom-start';\n        } else if (outsideRight) {\n          correctedPlacement = 'bottom-end';\n        }\n      }\n    } else {\n      if (outsideLeft && outsideRight) {\n        correctedPlacement = 'top';\n      } else if (outsideLeft) {\n        correctedPlacement = 'top-start';\n      } else if (outsideRight) {\n        correctedPlacement = 'top-end';\n      }\n    }\n  } else if (placement.startsWith('left')) {\n    if (outsideLeft) {\n      if (outsideRight) {\n        correctedPlacement = placement?.replace('left', 'right');\n        if (outsideBottom && outsideTop) {\n          correctedPlacement = 'right';\n        } else if (outsideBottom) {\n          correctedPlacement = 'right-end';\n        } else if (outsideTop) {\n          correctedPlacement = 'right-start';\n        }\n      }\n    } else {\n      if (outsideBottom && outsideTop) {\n        correctedPlacement = 'left';\n      } else if (outsideBottom) {\n        correctedPlacement = 'left-end';\n      } else if (outsideTop) {\n        correctedPlacement = 'left-start';\n      }\n    }\n  } else if (correctedPlacement.startsWith('right')) {\n    if (outsideRight) {\n      if (!outsideLeft) {\n        correctedPlacement = placement?.replace('right', 'left');\n        if (outsideBottom && outsideTop) {\n          correctedPlacement = 'left';\n        } else if (outsideBottom) {\n          correctedPlacement = 'left-end';\n        } else if (outsideTop) {\n          correctedPlacement = 'left-start';\n        }\n      }\n    } else {\n      if (outsideBottom && outsideTop) {\n        correctedPlacement = 'right';\n      } else if (outsideBottom) {\n        correctedPlacement = 'right-end';\n      } else if (outsideTop) {\n        correctedPlacement = 'right-start';\n      }\n    }\n  }\n  return {\n    top,\n    bottom,\n    right,\n    height,\n    width,\n    left,\n    childHeight: childRect.height,\n    childWidth: childRect.width,\n    correctedPlacement,\n    innerWidth,\n    innerHeight,\n    outsideYBoth: outsideTop && outsideBottom,\n    outsideXBoth: outsideRight && outsideLeft\n  };\n};\nexport const handleFixedPopover = (element: HTMLElement, parent: HTMLElement, placement?: string) => {\n  const computedStyle = getComputedStyle(element);\n\n  // We skip if we don't have a floating popover\n  if (computedStyle.position !== 'fixed' && computedStyle.position !== 'absolute') {\n    return;\n  }\n  let distance = computedStyle.getPropertyValue('--db-popover-distance');\n  if (!distance.length) {\n    distance = '0px';\n  }\n  const elementPlacement = element?.dataset?.['placement'] ?? placement ?? 'bottom';\n  const {\n    top,\n    height,\n    width,\n    childHeight,\n    childWidth,\n    right,\n    left,\n    bottom,\n    correctedPlacement,\n    innerWidth,\n    innerHeight,\n    outsideYBoth\n  } = getFloatingProps(element, parent, elementPlacement);\n\n  // Tooltip arrow position\n\n  if (childWidth > width && (correctedPlacement.startsWith('bottom') || correctedPlacement.startsWith('top'))) {\n    const diff = width / 2 / childWidth * 100;\n    if (correctedPlacement.endsWith('start')) {\n      element.style.setProperty('--db-tooltip-arrow-inline-start', `${diff}%`);\n    } else if (correctedPlacement.endsWith('end')) {\n      element.style.setProperty('--db-tooltip-arrow-inline-start', `${100 - diff}%`);\n    }\n  }\n  if (childHeight > height && (correctedPlacement.startsWith('left') || correctedPlacement.startsWith('bottom'))) {\n    const diff = height / 2 / childHeight * 100;\n    if (correctedPlacement.endsWith('start')) {\n      element.style.setProperty('--db-tooltip-arrow-block-start', `${diff}%`);\n    } else if (correctedPlacement.endsWith('end')) {\n      element.style.setProperty('--db-tooltip-arrow-block-start', `${100 - diff}%`);\n    }\n  }\n\n  // Popover position\n\n  if (correctedPlacement === 'right' || correctedPlacement === 'left') {\n    // center horizontally\n    element.style.insetBlockStart = `${top + height / 2}px`;\n  } else if (correctedPlacement === 'right-start' || correctedPlacement === 'left-start') {\n    const end = top + childHeight;\n    element.style.insetBlockStart = `${top}px`;\n    element.style.insetBlockEnd = `${end > innerHeight ? innerHeight : end}px`;\n  } else if (correctedPlacement === 'right-end' || correctedPlacement === 'left-end') {\n    const start = bottom - childHeight;\n    element.style.insetBlockStart = `${start < 0 ? 0 : start}px`;\n    element.style.insetBlockEnd = `${bottom}px`;\n  } else if (correctedPlacement === 'top' || correctedPlacement === 'bottom') {\n    // center vertically\n    element.style.insetInlineStart = `${left + width / 2}px`;\n  } else if (correctedPlacement === 'top-start' || correctedPlacement === 'bottom-start') {\n    const end = left + childWidth;\n    element.style.insetInlineStart = `${left}px`;\n    element.style.insetInlineEnd = `${end > innerWidth ? innerWidth : end}px`;\n  } else if (correctedPlacement === 'top-end' || correctedPlacement === 'bottom-end') {\n    const start = left - childWidth;\n    element.style.insetInlineStart = `${right - childWidth}px`;\n    element.style.insetInlineEnd = `${start < 0 ? 0 : start}px`;\n  }\n  if (correctedPlacement?.startsWith('right')) {\n    const end = right + childWidth;\n    element.style.insetInlineStart = `calc(${right}px + ${distance})`;\n    element.style.insetInlineEnd = `calc(${end > innerWidth ? innerWidth : end}px + ${distance})`;\n  } else if (correctedPlacement?.startsWith('left')) {\n    const start = left - childWidth;\n    element.style.insetInlineStart = `calc(${start < 0 ? 0 : start}px - ${distance})`;\n    element.style.insetInlineEnd = `calc(${right}px - ${distance})`;\n  } else if (correctedPlacement?.startsWith('top')) {\n    const start = top - childHeight;\n    element.style.insetBlockStart = `calc(${start < 0 ? 0 : start}px - ${distance})`;\n    element.style.insetBlockEnd = `calc(${bottom}px - ${distance})`;\n  } else if (correctedPlacement?.startsWith('bottom')) {\n    const end = bottom + childHeight;\n    element.style.insetBlockStart = `calc(${bottom}px + ${distance})`;\n    element.style.insetBlockEnd = `calc(${end > innerHeight ? innerHeight : end}px + ${distance})`;\n  }\n\n  // In this case we are outside of top and bottom so we need to scroll\n  // We use the full height in this case\n  if (outsideYBoth) {\n    element.style.overflow = 'hidden auto';\n    element.style.insetBlock = distance;\n    element.style.maxBlockSize = `calc(${innerHeight}px - 2 * ${distance})`;\n  }\n  element.style.position = 'fixed';\n  element.dataset['correctedPlacement'] = correctedPlacement;\n}"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+const a="OVERWRITE_DEFAULT_ID";const s="LABEL SHOULD BE SET";const e=" ";const n="MESSAGE SHOULD BE SET";const c="-label";const t="-select";const l="-message";const i="-valid-message";const b="-invalid-message";const r="-placeholder";const o="-datalist";const g="TODO: Add a validMessage";const u="TODO: Add an invalidMessage";const v="Remove";const d="Back";const f="Selected";const m="Expand";const p="Collapse";const O="BurgerMenu";const E="brand";const h=4;const w="Close";const S="density";const j="color";var D;(function(a){a["FUNCTIONAL"]="functional";a["REGULAR"]="regular";a["EXPRESSIVE"]="expressive"})(D||(D={}));const T=Object.entries(D).map((([,a])=>a));var A;(function(a){a["PRIMARY"]="primary"})(A||(A={}));var B;(function(a){a["NEUTRAL_BG_LEVEL_1"]="neutral-bg-basic-level-1";a["NEUTRAL_BG_LEVEL_2"]="neutral-bg-basic-level-2";a["NEUTRAL_BG_LEVEL_3"]="neutral-bg-basic-level-3";a["NEUTRAL_BG_TRANSPARENT_SEMI"]="neutral-bg-basic-transparent-semi";a["NEUTRAL_BG_TRANSPARENT_FULL"]="neutral-bg-basic-transparent-full";a["BRAND_BG_LEVEL_1"]="brand-bg-basic-level-1";a["BRAND_BG_LEVEL_2"]="brand-bg-basic-level-2";a["BRAND_BG_LEVEL_3"]="brand-bg-basic-level-3";a["BRAND_BG_TRANSPARENT_SEMI"]="brand-bg-basic-transparent-semi";a["BRAND_BG_TRANSPARENT_FULL"]="brand-bg-basic-transparent-full";a["SUCCESSFUL_BG_LEVEL_1"]="successful-bg-basic-level-1";a["SUCCESSFUL_BG_LEVEL_2"]="successful-bg-basic-level-2";a["SUCCESSFUL_BG_LEVEL_3"]="successful-bg-basic-level-3";a["SUCCESSFUL_BG_TRANSPARENT_SEMI"]="successful-bg-basic-transparent-semi";a["SUCCESSFUL_BG_TRANSPARENT_FULL"]="successful-bg-basic-transparent-full";a["CRITICAL_BG_LEVEL_1"]="critical-bg-basic-level-1";a["CRITICAL_BG_LEVEL_2"]="critical-bg-basic-level-2";a["CRITICAL_BG_LEVEL_3"]="critical-bg-basic-level-3";a["CRITICAL_BG_TRANSPARENT_SEMI"]="critical-bg-basic-transparent-semi";a["CRITICAL_BG_TRANSPARENT_Full"]="critical-bg-basic-transparent-full";a["WARNING_BG_LEVEL_1"]="warning-bg-basic-level-1";a["WARNING_BG_LEVEL_2"]="warning-bg-basic-level-2";a["WARNING_BG_LEVEL_3"]="warning-bg-basic-level-3";a["WARNING_BG_TRANSPARENT_SEMI"]="warning-bg-basic-transparent-semi";a["WARNING_BG_TRANSPARENT_FULL"]="warning-bg-basic-transparent-full";a["INFORMATIONAL_BG_LEVEL_1"]="informational-bg-basic-level-1";a["INFORMATIONAL_BG_LEVEL_2"]="informational-bg-basic-level-2";a["INFORMATIONAL_BG_LEVEL_3"]="informational-bg-basic-level-3";a["INFORMATIONAL_BG_TRANSPARENT_SEMI"]="informational-bg-basic-transparent-semi";a["INFORMATIONAL_BG_TRANSPARENT_FULL"]="informational-bg-basic-transparent-full"})(B||(B={}));const L=Object.entries(B).map((([,a])=>a));const x=Object.entries(A).map((([,a])=>a));var M;(function(a){a["NEUTRAL"]="neutral";a["CRITICAL"]="critical";a["INFORMATIONAL"]="informational";a["WARNING"]="warning";a["SUCCESSFUL"]="successful"})(M||(M={}));const k=Object.entries(M).map((([,a])=>a));const y={width:390,height:884};const C={width:1920,height:1280};const R=[Object.assign({name:"desktop"},C),{name:"tablet",width:768,height:1024},Object.assign({name:"mobile"},y)];export{L as A,x as B,j as C,a as D,k as E,y as F,C as G,M as S,R as T,s as a,e as b,n as c,c as d,t as e,l as f,i as g,b as h,r as i,o as j,g as k,u as l,v as m,d as n,f as o,m as p,p as q,O as r,E as s,h as t,w as u,S as v,D as w,T as x,A as y,B as z};
+//# sourceMappingURL=p-Dst8dqRS.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"p-Dst8dqRS.js","sources":["src/shared/constants.ts"],"sourcesContent":["export const DEFAULT_ID: string = 'OVERWRITE_DEFAULT_ID';\nexport const DEFAULT_LABEL: string = 'LABEL SHOULD BE SET';\nexport const DEFAULT_PLACEHOLDER: string = ' ';\nexport const DEFAULT_MESSAGE: string = 'MESSAGE SHOULD BE SET';\nexport const DEFAULT_LABEL_ID_SUFFIX: string = '-label';\nexport const DEFAULT_SELECT_ID_SUFFIX: string = '-select';\nexport const DEFAULT_MESSAGE_ID_SUFFIX: string = '-message';\nexport const DEFAULT_VALID_MESSAGE_ID_SUFFIX: string = '-valid-message';\nexport const DEFAULT_INVALID_MESSAGE_ID_SUFFIX: string = '-invalid-message';\nexport const DEFAULT_PLACEHOLDER_ID_SUFFIX: string = '-placeholder';\nexport const DEFAULT_DATALIST_ID_SUFFIX: string = '-datalist';\nexport const DEFAULT_VALID_MESSAGE: string = 'TODO: Add a validMessage';\nexport const DEFAULT_INVALID_MESSAGE: string = 'TODO: Add an invalidMessage';\nexport const DEFAULT_REMOVE: string = 'Remove';\nexport const DEFAULT_BACK: string = 'Back';\nexport const DEFAULT_SELECTED: string = 'Selected';\nexport const DEFAULT_EXPAND: string = 'Expand';\nexport const DEFAULT_COLLAPSE: string = 'Collapse';\nexport const DEFAULT_BURGER_MENU: string = 'BurgerMenu';\nexport const DEFAULT_ICON: string = 'brand';\nexport const DEFAULT_ROWS: number = 4;\nexport const DEFAULT_CLOSE_BUTTON: string = 'Close';\nexport const DENSITY_CONST: string = 'density';\nexport const COLOR_CONST: string = 'color';\nexport enum DENSITY {\n  'FUNCTIONAL' = 'functional',\n  'REGULAR' = 'regular',\n  'EXPRESSIVE' = 'expressive',\n}\nexport const DENSITIES: DENSITY[] = Object.entries(DENSITY).map(([, value]) => value);\nexport enum COLOR_SIMPLE {\n  'PRIMARY' = 'primary',\n}\nexport enum COLOR {\n  'NEUTRAL_BG_LEVEL_1' = 'neutral-bg-basic-level-1',\n  'NEUTRAL_BG_LEVEL_2' = 'neutral-bg-basic-level-2',\n  'NEUTRAL_BG_LEVEL_3' = 'neutral-bg-basic-level-3',\n  'NEUTRAL_BG_TRANSPARENT_SEMI' = 'neutral-bg-basic-transparent-semi',\n  'NEUTRAL_BG_TRANSPARENT_FULL' = 'neutral-bg-basic-transparent-full',\n  'BRAND_BG_LEVEL_1' = 'brand-bg-basic-level-1',\n  'BRAND_BG_LEVEL_2' = 'brand-bg-basic-level-2',\n  'BRAND_BG_LEVEL_3' = 'brand-bg-basic-level-3',\n  'BRAND_BG_TRANSPARENT_SEMI' = 'brand-bg-basic-transparent-semi',\n  'BRAND_BG_TRANSPARENT_FULL' = 'brand-bg-basic-transparent-full',\n  'SUCCESSFUL_BG_LEVEL_1' = 'successful-bg-basic-level-1',\n  'SUCCESSFUL_BG_LEVEL_2' = 'successful-bg-basic-level-2',\n  'SUCCESSFUL_BG_LEVEL_3' = 'successful-bg-basic-level-3',\n  'SUCCESSFUL_BG_TRANSPARENT_SEMI' = 'successful-bg-basic-transparent-semi',\n  'SUCCESSFUL_BG_TRANSPARENT_FULL' = 'successful-bg-basic-transparent-full',\n  'CRITICAL_BG_LEVEL_1' = 'critical-bg-basic-level-1',\n  'CRITICAL_BG_LEVEL_2' = 'critical-bg-basic-level-2',\n  'CRITICAL_BG_LEVEL_3' = 'critical-bg-basic-level-3',\n  'CRITICAL_BG_TRANSPARENT_SEMI' = 'critical-bg-basic-transparent-semi',\n  'CRITICAL_BG_TRANSPARENT_Full' = 'critical-bg-basic-transparent-full',\n  'WARNING_BG_LEVEL_1' = 'warning-bg-basic-level-1',\n  'WARNING_BG_LEVEL_2' = 'warning-bg-basic-level-2',\n  'WARNING_BG_LEVEL_3' = 'warning-bg-basic-level-3',\n  'WARNING_BG_TRANSPARENT_SEMI' = 'warning-bg-basic-transparent-semi',\n  'WARNING_BG_TRANSPARENT_FULL' = 'warning-bg-basic-transparent-full',\n  'INFORMATIONAL_BG_LEVEL_1' = 'informational-bg-basic-level-1',\n  'INFORMATIONAL_BG_LEVEL_2' = 'informational-bg-basic-level-2',\n  'INFORMATIONAL_BG_LEVEL_3' = 'informational-bg-basic-level-3',\n  'INFORMATIONAL_BG_TRANSPARENT_SEMI' = 'informational-bg-basic-transparent-semi',\n  'INFORMATIONAL_BG_TRANSPARENT_FULL' = 'informational-bg-basic-transparent-full',\n}\nexport const COLORS: COLOR[] = Object.entries(COLOR).map(([, value]) => value);\nexport const COLORS_SIMPLE: COLOR_SIMPLE[] = Object.entries(COLOR_SIMPLE).map(([, value]) => value);\nexport enum SEMANTIC {\n  'NEUTRAL' = 'neutral',\n  'CRITICAL' = 'critical',\n  'INFORMATIONAL' = 'informational',\n  'WARNING' = 'warning',\n  'SUCCESSFUL' = 'successful',\n}\nexport const SEMANTICS: SEMANTIC[] = Object.entries(SEMANTIC).map(([, value]) => value);\nexport const DEFAULT_VIEWPORT = {\n  width: 390,\n  height: 884\n};\nexport const DESKTOP_VIEWPORT = {\n  width: 1920,\n  height: 1280\n};\n\n/**\n * Use those viewports if your component has a css media-query otherwise use the DEFAULT_VIEWPORT\n */\nexport const TESTING_VIEWPORTS = [{\n  name: 'desktop',\n  ...DESKTOP_VIEWPORT\n}, {\n  name: 'tablet',\n  width: 768,\n  height: 1024\n}, {\n  name: 'mobile',\n  ...DEFAULT_VIEWPORT\n}]"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as a}from"./p-uOzX56mL.js";import{q as s,p as o}from"./p-Dst8dqRS.js";import{u as i,g as n,c as d}from"./p-YECpAE3G.js";import{h as c}from"./p-CZxi1Pek.js";import"./p-D3kmGlOI.js";const r=class{constructor(a){t(this,a);this.expandButtonTooltipFn=e(this,"expandButtonTooltipFn");this._id=`db-control-panel-desktop-${i()}`;this._open=true}handleToggle(t){if(typeof t.detail!=="object"){t.stopPropagation();this._open=!this._open}}getToggleButtonText(){if(this.expandButtonTooltipFn){const t=this._open;return this.expandButtonTooltipFn.emit(t)}if(this.expandButtonTooltip){return this.expandButtonTooltip}return this._open?s:o}onScroll(){if(!this._scrollContainerRef)return;const t=this._scrollContainerRef.querySelector('.db-navigation[data-variant="popover"]');if(!t)return;const e=t.querySelector("menu");if(e){c(e)}}enableAttributePassing(t,e){const a=t===null||t===void 0?void 0:t.closest(e);if(t&&a){const e=a.attributes;for(let s=0;s<e.length;s++){const o=e.item(s);if(o&&(o.name.startsWith("data-")||o.name.startsWith("aria-"))){t.setAttribute(o.name,o.value);a.removeAttribute(o.name)}if(o&&o.name==="class"){const e=o.value.includes("hydrated");const s=o.value.replace("hydrated","").trim();const i=t.getAttribute("class");t.setAttribute(o.name,`${i?`${i} `:""}${s}`);if(e){a.setAttribute("class","hydrated")}else{a.removeAttribute(o.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-control-panel-desktop")}render(){var t,e;return a("header",{key:"3c7e88cc69afdfb6221311a696b0553ce3d3cc10",class:d("db-control-panel-desktop",this.className),ref:t=>{this._ref=t},id:(t=this.id)!==null&&t!==void 0?t:this._id,"data-width":this.width,"data-orientation":this.orientation,"data-open":n(this._open)},a("slot",{key:"dca436083c51c01afbe59723d13954db58996e5d",name:"brand"}),a("div",{key:"79fbe0c8401545bf118fe29586ecc98a9e702d37",class:"db-control-panel-desktop-scroll-container",ref:t=>{this._scrollContainerRef=t},onScroll:()=>this.onScroll()},a("slot",{key:"abd60e724660cdd1aebcb58072e94fd11277980d"}),a("slot",{key:"6e895b69fb7b01d126821f890f57e18bd55c790d",name:"metaNavigation"})),a("slot",{key:"49d633cacdfb47122d48587f5cf7ee76530dffe9",name:"primaryActions"}),a("slot",{key:"116b03a21cf583e35bd4894da871a46caae785d4",name:"secondaryActions"}),a("div",{key:"60a6356f9211b76f6d5946d5236b5c0ba9e10a9f",class:"db-control-panel-desktop-button"},a("db-button",{key:"112680bc8484b7cee70d336ac1ee44b4950ec8ab",variant:"ghost",type:"button",icon:"double_chevron_left",onClick:t=>this.handleToggle(t),"aria-controls":(e=this.id)!==null&&e!==void 0?e:this._id,"aria-expanded":this._open,noText:true},a("db-tooltip",{key:"bcb68f929809dba3e7f4427f0333b54ca556717f",variant:"label",placement:"right"},this.getToggleButtonText()))))}};export{r as db_control_panel_desktop};
+//# sourceMappingURL=p-a652e0d0.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DBControlPanelDesktop","constructor","hostRef","this","_id","uuid","_open","handleToggle","event","detail","stopPropagation","getToggleButtonText","expandButtonTooltipFn","open","emit","expandButtonTooltip","DEFAULT_COLLAPSE","DEFAULT_EXPAND","onScroll","_scrollContainerRef","popoverNavigation","querySelector","navigationMenu","handleSubNavigationPosition","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","_a","width","orientation","getBooleanAsString","variant","type","icon","onClick","_b","noText","placement"],"sources":["src/components/control-panel-desktop/control-panel-desktop.tsx"],"sourcesContent":["import { DEFAULT_COLLAPSE, DEFAULT_EXPAND } from \"../../shared/constants\";\nimport { cls, getBoolean, getBooleanAsString, uuid } from \"../../utils\";\nimport { handleSubNavigationPosition } from \"../../utils/navigation\";\nimport { DBButton } from \"../button/button\";\nimport { DBTooltip } from \"../tooltip/tooltip\";\nimport {\n  DBControlPanelDesktopProps,\n  DBControlPanelDesktopState,\n} from \"./model\";\n\nimport {\n  Component,\n  h,\n  Fragment,\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 brand - TODO: Add description for slotBrand\n * @slot metaNavigation - TODO: Add description for slotMetaNavigation\n * @slot primaryActions - TODO: Add description for slotPrimaryActions\n * @slot secondaryActions - TODO: Add description for slotSecondaryActions\n */\n @Component({\n  tag: \"db-control-panel-desktop\",\n})\nexport class DBControlPanelDesktop {\n  private _ref!: HTMLDivElement | any;\n  private _scrollContainerRef!: HTMLDivElement | any;\n  @Prop() expanded: DBControlPanelDesktopProps[\"expanded\"];\n  @Event() expandButtonTooltipFn: EventEmitter<\n    Parameters<\n      Required<DBControlPanelDesktopProps>[\"onExpandButtonTooltipFn\"]\n    >[number]\n  > | void;\n  @Prop()\n  expandButtonTooltip: DBControlPanelDesktopProps[\"expandButtonTooltip\"];\n  @Prop({attribute: \"classname\"}) className: DBControlPanelDesktopProps[\"className\"];\n  @Prop() id: DBControlPanelDesktopProps[\"id\"];\n  @Prop() width: DBControlPanelDesktopProps[\"width\"];\n  @Prop() orientation: DBControlPanelDesktopProps[\"orientation\"];\n  @State() _id = `db-control-panel-desktop-${uuid()}`;\n  @State() _open = true;\n\n  handleToggle(event: any) {\n    if (typeof event.detail !== \"object\") {\n      event.stopPropagation();\n      this._open = !this._open;\n    }\n  }\n  getToggleButtonText() {\n    if (this.expandButtonTooltipFn) {\n      const open = this._open;\n      return this.expandButtonTooltipFn.emit(open);\n    }\n    if (this.expandButtonTooltip) {\n      return this.expandButtonTooltip;\n    }\n    return this._open ? DEFAULT_COLLAPSE : DEFAULT_EXPAND;\n  }\n  onScroll() {\n    if (!this._scrollContainerRef) return;\n    const popoverNavigation: HTMLElement | null = (\n      this._scrollContainerRef as HTMLDivElement\n    ).querySelector('.db-navigation[data-variant=\"popover\"]');\n    if (!popoverNavigation) return;\n    const navigationMenu = popoverNavigation.querySelector(\"menu\");\n    if (navigationMenu) {\n      handleSubNavigationPosition(navigationMenu);\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-control-panel-desktop\");\n  }\n\n  render() {\n    return (\n      <header\n        class={cls(\"db-control-panel-desktop\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id ?? this._id}\n        data-width={this.width}\n        data-orientation={this.orientation}\n        data-open={getBooleanAsString(this._open)}\n      >\n        <slot name=\"brand\"></slot>\n        <div\n          class=\"db-control-panel-desktop-scroll-container\"\n          ref={(el: any) => {\n            this._scrollContainerRef = el;\n          }}\n          onScroll={() => this.onScroll()}\n        >\n          <slot></slot>\n          <slot name=\"metaNavigation\"></slot>\n        </div>\n        <slot name=\"primaryActions\"></slot>\n        <slot name=\"secondaryActions\"></slot>\n        <div class=\"db-control-panel-desktop-button\">\n          <db-button\n            variant=\"ghost\"\n            type=\"button\"\n            icon=\"double_chevron_left\"\n            onClick={(event) => this.handleToggle(event)}\n            aria-controls={this.id ?? this._id}\n            aria-expanded={this._open}\n            noText={true}\n          >\n            <db-tooltip variant=\"label\" placement=\"right\">\n              {this.getToggleButtonText()}\n            </db-tooltip>\n          </db-button>\n        </div>\n      </header>\n    );\n  }\n}\n"],"mappings":"iNA+BaA,EAAqB,MAHjC,WAAAC,CAAAC,G,qEAkBUC,KAAAC,IAAM,4BAA4BC,MAClCF,KAAKG,MAAG,IAqHlB,CAnHC,YAAAC,CAAaC,GACX,UAAWA,EAAMC,SAAW,SAAU,CACpCD,EAAME,kBACNP,KAAKG,OAASH,KAAKG,K,EAGvB,mBAAAK,GACE,GAAIR,KAAKS,sBAAuB,CAC9B,MAAMC,EAAOV,KAAKG,MAClB,OAAOH,KAAKS,sBAAsBE,KAAKD,E,CAEzC,GAAIV,KAAKY,oBAAqB,CAC5B,OAAOZ,KAAKY,mB,CAEd,OAAOZ,KAAKG,MAAQU,EAAmBC,C,CAEzC,QAAAC,GACE,IAAKf,KAAKgB,oBAAqB,OAC/B,MAAMC,EACJjB,KAAKgB,oBACLE,cAAc,0CAChB,IAAKD,EAAmB,OACxB,MAAME,EAAiBF,EAAkBC,cAAc,QACvD,GAAIC,EAAgB,CAClBC,EAA4BD,E,EASxB,sBAAAE,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,GACE1C,KAAKqB,uBAAuBrB,KAAK2C,KAAM,2B,CAGzC,MAAAC,G,QACE,OACEC,EACE,UAAAC,IAAA,2CAAAC,MAAOC,EAAI,2BAA4BhD,KAAKiD,WAC5CC,IAAMC,IACJnD,KAAK2C,KAAOQ,CAAE,EAEhBC,IAAIC,EAAArD,KAAKoD,MAAE,MAAAC,SAAA,EAAAA,EAAIrD,KAAKC,IAAG,aACXD,KAAKsD,MACC,mBAAAtD,KAAKuD,YACZ,YAAAC,EAAmBxD,KAAKG,QAEnC0C,EAAM,QAAAC,IAAA,2CAAAf,KAAK,UACXc,EACE,OAAAC,IAAA,2CAAAC,MAAM,4CACNG,IAAMC,IACJnD,KAAKgB,oBAAsBmC,CAAE,EAE/BpC,SAAU,IAAMf,KAAKe,YAErB8B,EAAa,QAAAC,IAAA,6CACbD,EAAA,QAAAC,IAAA,2CAAMf,KAAK,oBAEbc,EAAM,QAAAC,IAAA,2CAAAf,KAAK,mBACXc,EAAM,QAAAC,IAAA,2CAAAf,KAAK,qBACXc,EAAK,OAAAC,IAAA,2CAAAC,MAAM,mCACTF,EAAA,aAAAC,IAAA,2CACEW,QAAQ,QACRC,KAAK,SACLC,KAAK,sBACLC,QAAUvD,GAAUL,KAAKI,aAAaC,GAAM,iBAC7BwD,EAAA7D,KAAKoD,MAAE,MAAAS,SAAA,EAAAA,EAAI7D,KAAKC,IAAG,gBACnBD,KAAKG,MACpB2D,OAAQ,MAERjB,EAAA,cAAAC,IAAA,2CAAYW,QAAQ,QAAQM,UAAU,SACnC/D,KAAKQ,yB","ignoreList":[]}

package/dist/db-ux/{p-bd7d1646.entry.js → p-b713791b.entry.js}

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

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

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s}from"./p-uOzX56mL.js";import{u as a}from"./p-Dst8dqRS.js";import{m as e,d,g as c,c as h}from"./p-YECpAE3G.js";const r=class{constructor(s){t(this,s);this.close=i(this,"close");this.initialized=false}handleClose(t,i){var s;if(!t)return;if(e(t)){if(t.key==="Escape"){t.preventDefault();if(this.close){this.close.emit(t)}}}else{if(i){t.stopPropagation();if(this.close){this.close.emit(t)}}if(((s=t.target)===null||s===void 0?void 0:s.nodeName)==="DIALOG"&&t.type==="click"&&this.backdrop!=="none"){if(this.close){this.close.emit(t)}}}}handleDialogOpen(){if(this._ref){const t=Boolean(this.open);if(t&&!this._ref.open){if(this.dialogContainerRef){this.dialogContainerRef.hidden=false}if(this.position==="absolute"||this.backdrop==="none"||this.variant==="inside"){this._ref.show()}else{this._ref.showModal()}}if(!t&&this._ref.open){if(this.dialogContainerRef){this.dialogContainerRef.hidden=true}void d((()=>{var t;if(this.dialogContainerRef){this.dialogContainerRef.hidden=false}(t=this._ref)===null||t===void 0?void 0:t.close()}),401)}}}enableAttributePassing(t,i){const s=t===null||t===void 0?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let a=0;a<i.length;a++){const e=i.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);s.removeAttribute(e.name)}if(e&&e.name==="class"){const i=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${a}`);if(i){s.setAttribute("class","hydrated")}else{s.removeAttribute(e.name)}}}}}watch0Fn(){this.handleDialogOpen()}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref&&this.initialized&&this.position==="absolute"){const t=this._ref;const i=t.parentElement;if(i){i.style.position="relative"}}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-drawer");this.handleDialogOpen();this.initialized=true;this.watch0Fn();this.watch1Fn()}render(){var t;return s("dialog",{key:"d1a6b2f5c2a2baeffa2ad7b1b1b366dc6cc4ac34",class:"db-drawer",id:this.id,ref:t=>{this._ref=t},onClick:t=>this.handleClose(t),onKeyDown:t=>this.handleClose(t),"data-position":this.position,"data-backdrop":this.backdrop,"data-direction":this.direction,"data-variant":this.variant},s("article",{key:"ab857ff08589d6e9cb1b7c77c0eaef433b1cb30d",class:h("db-drawer-container",this.className),ref:t=>{this.dialogContainerRef=t},"data-spacing":this.spacing,"data-width":this.width,"data-direction":this.direction,"data-rounded":c(this.rounded)},s("header",{key:"d0f1ea96c6826dd253c568dbc2f358acefe448ce",class:"db-drawer-header"},s("div",{key:"78f28c5d595ecd9da5c0fc9b2dc38dcf1f67589c",class:"db-drawer-header-text"},this.drawerHeaderPlain?this.drawerHeaderPlain:s("slot",{name:"drawerHeader"})),s("db-button",{key:"e79b4e31f09cc0481e06d866722c60f43d858559",class:"button-close-drawer",icon:"cross",variant:"ghost",type:"button",id:this.closeButtonId,noText:true,onClick:t=>this.handleClose(t,true)},(t=this.closeButtonText)!==null&&t!==void 0?t:a)),s("div",{key:"44913afbc656fde966b0ba3006f8b30a71254198",class:"db-drawer-content"},s("slot",{key:"83faa8b719f1fd4b30ca448cf9926ba15b1978fd"}))))}static get watchers(){return{open:["watch0"],_ref:["watch1"],initialized:["watch1"],position:["watch1"]}}};export{r as db_drawer};
+//# sourceMappingURL=p-b90f037e.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DBDrawer","constructor","hostRef","this","initialized","handleClose","event","forceClose","isKeyboardEvent","key","preventDefault","close","emit","stopPropagation","_a","target","nodeName","type","backdrop","handleDialogOpen","_ref","open","Boolean","dialogContainerRef","hidden","position","variant","show","showModal","delay","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","watch0","watch1Fn","refElement","parentElement","style","watch1","componentDidLoad","render","h","class","id","ref","el","onClick","onKeyDown","direction","cls","className","spacing","width","getBooleanAsString","rounded","drawerHeaderPlain","icon","closeButtonId","noText","closeButtonText","DEFAULT_CLOSE_BUTTON"],"sources":["src/components/drawer/drawer.tsx"],"sourcesContent":["import { DEFAULT_CLOSE_BUTTON } from \"../../shared/constants\";\nimport { ClickEvent, GeneralKeyboardEvent } from \"../../shared/model\";\nimport { cls, delay, getBooleanAsString, isKeyboardEvent } from \"../../utils\";\nimport { DBButton } from \"../button/button\";\nimport { DBDrawerProps, DBDrawerState } from \"./model\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot drawerHeader - TODO: Add description for slotDrawerHeader\n */\n @Component({\n  tag: \"db-drawer\",\n})\nexport class DBDrawer {\n  private _ref!: HTMLDialogElement | any;\n  private dialogContainerRef!: HTMLDivElement | any;\n  @Prop() open: DBDrawerProps[\"open\"];\n  @Prop() position: DBDrawerProps[\"position\"];\n  @Event() close: EventEmitter<\n    Parameters<Required<DBDrawerProps>[\"onClose\"]>[number]\n  > | void;\n  @Prop() backdrop: DBDrawerProps[\"backdrop\"];\n  @Prop() variant: DBDrawerProps[\"variant\"];\n  @Prop() id: DBDrawerProps[\"id\"];\n  @Prop() direction: DBDrawerProps[\"direction\"];\n  @Prop({attribute: \"classname\"}) className: DBDrawerProps[\"className\"];\n  @Prop() spacing: DBDrawerProps[\"spacing\"];\n  @Prop() width: DBDrawerProps[\"width\"];\n  @Prop() rounded: DBDrawerProps[\"rounded\"];\n  @Prop() drawerHeaderPlain: DBDrawerProps[\"drawerHeaderPlain\"];\n  @Prop() closeButtonId: DBDrawerProps[\"closeButtonId\"];\n  @Prop() closeButtonText: DBDrawerProps[\"closeButtonText\"];\n  @State() initialized = false;\n\n  handleClose(\n    event?:\n      | ClickEvent<HTMLButtonElement | HTMLDialogElement>\n      | GeneralKeyboardEvent<HTMLDialogElement>\n      | void,\n    forceClose?: boolean\n  ) {\n    if (!event) return;\n    if (isKeyboardEvent<HTMLButtonElement | HTMLDialogElement>(event)) {\n      if (event.key === \"Escape\") {\n        event.preventDefault();\n        if (this.close) {\n          this.close.emit(event);\n        }\n      }\n    } else {\n      if (forceClose) {\n        event.stopPropagation();\n        if (this.close) {\n          this.close.emit(event);\n        }\n      }\n      if (\n        (event.target as any)?.nodeName === \"DIALOG\" &&\n        event.type === \"click\" &&\n        this.backdrop !== \"none\"\n      ) {\n        if (this.close) {\n          this.close.emit(event);\n        }\n      }\n    }\n  }\n  handleDialogOpen() {\n    if (this._ref) {\n      const open = Boolean(this.open);\n      if (open && !this._ref.open) {\n        if (this.dialogContainerRef) {\n          this.dialogContainerRef.hidden = false;\n        }\n        if (\n          this.position === \"absolute\" ||\n          this.backdrop === \"none\" ||\n          this.variant === \"inside\"\n        ) {\n          this._ref.show();\n        } else {\n          this._ref.showModal();\n        }\n      }\n      if (!open && this._ref.open) {\n        if (this.dialogContainerRef) {\n          this.dialogContainerRef.hidden = true;\n        }\n        void delay(() => {\n          if (this.dialogContainerRef) {\n            this.dialogContainerRef.hidden = false;\n          }\n          this._ref?.close();\n        }, 401);\n      }\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    this.handleDialogOpen();\n  }\n\n  @Watch(\"open\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this._ref && this.initialized && this.position === \"absolute\") {\n      const refElement = this._ref as HTMLDialogElement;\n      const parent = refElement.parentElement;\n      if (parent) {\n        parent.style.position = \"relative\";\n      }\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"initialized\")\n  @Watch(\"position\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-drawer\");\n    this.handleDialogOpen();\n    this.initialized = true;\n    this.watch0Fn();\n    this.watch1Fn();\n  }\n\n  render() {\n    return (\n      <dialog\n        class=\"db-drawer\"\n        id={this.id}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        onClick={(event) => this.handleClose(event)}\n        onKeyDown={(event) => this.handleClose(event)}\n        data-position={this.position}\n        data-backdrop={this.backdrop}\n        data-direction={this.direction}\n        data-variant={this.variant}\n      >\n        <article\n          class={cls(\"db-drawer-container\", this.className)}\n          ref={(el: any) => {\n            this.dialogContainerRef = el;\n          }}\n          data-spacing={this.spacing}\n          data-width={this.width}\n          data-direction={this.direction}\n          data-rounded={getBooleanAsString(this.rounded)}\n        >\n          <header class=\"db-drawer-header\">\n            <div class=\"db-drawer-header-text\">\n              {this.drawerHeaderPlain ? (\n                this.drawerHeaderPlain\n              ) : (\n                <slot name=\"drawerHeader\"></slot>\n              )}\n            </div>\n            <db-button\n              class=\"button-close-drawer\"\n              icon=\"cross\"\n              variant=\"ghost\"\n              type=\"button\"\n              id={this.closeButtonId}\n              noText={true}\n              onClick={(event) => this.handleClose(event, true)}\n            >\n              {this.closeButtonText ?? DEFAULT_CLOSE_BUTTON}\n            </db-button>\n          </header>\n          <div class=\"db-drawer-content\">\n            <slot></slot>\n          </div>\n        </article>\n      </dialog>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,h as i}from"./p-uOzX56mL.js";import{D as s}from"./p-Dst8dqRS.js";import{d as e,u as a,g as o,c as h}from"./p-YECpAE3G.js";import{D as d}from"./p-BwSmFFdU.js";import{b as n}from"./p-D3kmGlOI.js";const l=class{constructor(i){t(this,i);this._id=s;this.initialized=false;this._documentScrollListenerCallbackId=undefined;this._observer=undefined}handleClick(t){t.stopPropagation()}handleEscape(t){if((!t||t.key==="Escape")&&this._ref&&getComputedStyle(this._ref).visibility==="visible"){this.getParent().blur()}}getParent(){let t=this._ref.parentElement;if(t&&t.localName.includes("tooltip")){t=t.parentElement}return t}handleAutoPlacement(t){if(!t)return;if(this._ref){void e((()=>{n(this._ref,t)}),1)}}handleDocumentScroll(t,i){var s,e;if(((s=t===null||t===void 0?void 0:t.target)===null||s===void 0?void 0:s.contains)&&((e=t===null||t===void 0?void 0:t.target)===null||e===void 0?void 0:e.contains(this._ref))){this.handleAutoPlacement(i)}}handleLeave(){var t;if(this._documentScrollListenerCallbackId){(new d).removeCallback(this._documentScrollListenerCallbackId)}(t=this._observer)===null||t===void 0?void 0:t.unobserve(this.getParent())}handleEnter(t){var i;this._documentScrollListenerCallbackId=(new d).addCallback((i=>this.handleDocumentScroll(i,t)));this.handleAutoPlacement(t);(i=this._observer)===null||i===void 0?void 0:i.observe(this.getParent())}enableAttributePassing(t,i){const s=t===null||t===void 0?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const a=i.item(e);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){t.setAttribute(a.name,a.value);s.removeAttribute(a.name)}if(a&&a.name==="class"){const i=a.value.includes("hydrated");const e=a.value.replace("hydrated","").trim();const o=t.getAttribute("class");t.setAttribute(a.name,`${o?`${o} `:""}${e}`);if(i){s.setAttribute("class","hydrated")}else{s.removeAttribute(a.name)}}}}}watch0Fn(){if(this._ref&&this.initialized&&this._id){const t=this.getParent();if(t){["mouseenter","focusin"].forEach((i=>{t.addEventListener(i,(()=>this.handleEnter(t)))}));t.addEventListener("keydown",(t=>this.handleEscape(t)));["mouseleave","focusout"].forEach((i=>{t.addEventListener(i,(()=>this.handleLeave()))}));t.dataset["hasTooltip"]="true";if(this.variant==="label"){t.setAttribute("aria-labelledby",this._id)}else{t.setAttribute("aria-describedby",this._id)}}if(typeof window!=="undefined"&&"IntersectionObserver"in window){this._observer=new IntersectionObserver((t=>{const i=t.find((({target:t})=>t===this.getParent()));if(i&&!i.isIntersecting){this.handleEscape(false)}}))}this.initialized=false}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tooltip");this._id=this.id||"tooltip-"+a();this.initialized=true;this.watch0Fn()}render(){var t,s;return i("i",{key:"61541950359cc85eb043b0cca5390fa17ebc1c99",class:h("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":o((t=this.animation)!==null&&t!==void 0?t:true),"data-delay":this.delay,"data-width":this.width,"data-show-arrow":o((s=this.showArrow)!==null&&s!==void 0?s:true),"data-placement":this.placement,onClick:t=>this.handleClick(t)},i("slot",{key:"9c8b4d1039e41822bd32444b66ea764778f34840"}))}static get watchers(){return{_ref:["watch0"],initialized:["watch0"]}}};export{l as db_tooltip};
+//# sourceMappingURL=p-bb9043b3.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DBTooltip","constructor","hostRef","this","_id","DEFAULT_ID","initialized","_documentScrollListenerCallbackId","undefined","_observer","handleClick","event","stopPropagation","handleEscape","key","_ref","getComputedStyle","visibility","getParent","blur","parent","parentElement","localName","includes","handleAutoPlacement","utilsDelay","handleFixedPopover","handleDocumentScroll","_a","target","contains","_b","handleLeave","DocumentScrollListener","removeCallback","unobserve","handleEnter","addCallback","observe","enableAttributePassing","element","customElementSelector","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","replace","trim","currentClass","getAttribute","watch0Fn","forEach","addEventListener","dataset","variant","window","IntersectionObserver","payload","entry","find","isIntersecting","watch0","componentDidLoad","id","uuid","render","h","class","cls","className","role","ref","el","emphasis","getBooleanAsString","animation","delay","width","showArrow","placement","onClick"],"sources":["src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { DEFAULT_ID } from \"../../shared/constants\";\nimport { ClickEvent } from \"../../shared/model\";\nimport {\n  cls,\n  getBooleanAsString,\n  delay as utilsDelay,\n  uuid,\n} from \"../../utils\";\nimport { DocumentScrollListener } from \"../../utils/document-scroll-listener\";\nimport { handleFixedPopover } from \"../../utils/floating-components\";\nimport { DBTooltipProps, DBTooltipState } from \"./model\";\n\nimport { Component, h, Fragment, Watch, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-tooltip\",\n})\nexport class DBTooltip {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBTooltipProps[\"id\"];\n  @Prop() variant: DBTooltipProps[\"variant\"];\n  @Prop({attribute: \"classname\"}) className: DBTooltipProps[\"className\"];\n  @Prop() emphasis: DBTooltipProps[\"emphasis\"];\n  @Prop() animation: DBTooltipProps[\"animation\"];\n  @Prop() delay: DBTooltipProps[\"delay\"];\n  @Prop() width: DBTooltipProps[\"width\"];\n  @Prop() showArrow: DBTooltipProps[\"showArrow\"];\n  @Prop() placement: DBTooltipProps[\"placement\"];\n  @State() _id = DEFAULT_ID;\n  @State() initialized = false;\n  @State() _documentScrollListenerCallbackId = undefined;\n  @State() _observer = undefined;\n\n  handleClick(event: ClickEvent<HTMLElement>) {\n    event.stopPropagation();\n  }\n  handleEscape(event: any) {\n    if (\n      (!event || event.key === \"Escape\") &&\n      this._ref &&\n      getComputedStyle(this._ref).visibility === \"visible\"\n    ) {\n      this.getParent().blur();\n    }\n  }\n  getParent() {\n    let parent = this._ref.parentElement;\n    if (parent && parent.localName.includes(\"tooltip\")) {\n      // Angular workaround\n      parent = parent.parentElement;\n    }\n    return parent;\n  }\n  handleAutoPlacement(parent?: HTMLElement) {\n    if (!parent) return;\n    if (this._ref) {\n      // This is a workaround for angular\n      void utilsDelay(() => {\n        handleFixedPopover(this._ref, parent);\n      }, 1);\n    }\n  }\n  handleDocumentScroll(event: any, parent?: HTMLElement) {\n    if (event?.target?.contains && event?.target?.contains(this._ref)) {\n      this.handleAutoPlacement(parent);\n    }\n  }\n  handleLeave() {\n    if (this._documentScrollListenerCallbackId) {\n      new DocumentScrollListener().removeCallback(\n        this._documentScrollListenerCallbackId!\n      );\n    }\n    this._observer?.unobserve(this.getParent());\n  }\n  handleEnter(parent?: HTMLElement) {\n    this._documentScrollListenerCallbackId =\n      new DocumentScrollListener().addCallback((event) =>\n        this.handleDocumentScroll(event, parent)\n      );\n    this.handleAutoPlacement(parent);\n    this._observer?.observe(this.getParent());\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._ref && this.initialized && this._id) {\n      const parent = this.getParent();\n      if (parent) {\n        [\"mouseenter\", \"focusin\"].forEach((event) => {\n          parent.addEventListener(event, () => this.handleEnter(parent));\n        });\n        parent.addEventListener(\"keydown\", (event) => this.handleEscape(event));\n        [\"mouseleave\", \"focusout\"].forEach((event) => {\n          parent.addEventListener(event, () => this.handleLeave());\n        });\n        parent.dataset[\"hasTooltip\"] = \"true\";\n        if (this.variant === \"label\") {\n          parent.setAttribute(\"aria-labelledby\", this._id);\n        } else {\n          parent.setAttribute(\"aria-describedby\", this._id);\n        }\n      }\n      if (typeof window !== \"undefined\" && \"IntersectionObserver\" in window) {\n        this._observer = new IntersectionObserver((payload) => {\n          const entry = payload.find(\n            ({ target }) => target === this.getParent()\n          );\n          if (entry && !entry.isIntersecting) {\n            this.handleEscape(false);\n          }\n        });\n      }\n      this.initialized = false;\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-tooltip\");\n    this._id = this.id || \"tooltip-\" + uuid();\n    this.initialized = true;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <i\n        class={cls(\"db-tooltip\", this.className)}\n        role=\"tooltip\"\n        aria-hidden=\"true\"\n        data-gap=\"true\"\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-emphasis={this.emphasis}\n        data-animation={getBooleanAsString(this.animation ?? true)}\n        data-delay={this.delay}\n        data-width={this.width}\n        data-show-arrow={getBooleanAsString(this.showArrow ?? true)}\n        data-placement={this.placement}\n        onClick={(event) => this.handleClick(event)}\n      >\n        <slot></slot>\n      </i>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s,F as a}from"./p-uOzX56mL.js";import{u as o,c as n}from"./p-YECpAE3G.js";const e=class{constructor(s){t(this,s);this.indexChange=i(this,"indexChange");this.tabSelect=i(this,"tabSelect");this._id="tabs-"+o();this._name="";this.initialized=false;this.showScrollLeft=false;this.showScrollRight=false;this.scrollContainer=null}convertTabs(){try{if(typeof this.tabs==="string"){return JSON.parse(this.tabs)}return this.tabs}catch(t){console.error(t)}return[]}evaluateScrollButtons(t){const i=t.scrollWidth>t.clientWidth;this.showScrollLeft=i&&t.scrollLeft>1;this.showScrollRight=i&&t.scrollLeft<t.scrollWidth-t.clientWidth}scroll(t){var i;let s=Number(this.arrowScrollDistance)||100;if(t){s*=-1}(i=this.scrollContainer)===null||i===void 0?void 0:i.scrollBy({top:0,left:s,behavior:"smooth"})}initTabList(){if(this._ref){const t=this._ref.querySelector(".db-tab-list");if(t){const i=t.querySelector('[role="tablist"]');if(i){i.setAttribute("aria-orientation",this.orientation||"horizontal");if(this.behavior==="arrows"){this.scrollContainer=i;this.evaluateScrollButtons(i);i.addEventListener("scroll",(()=>{this.evaluateScrollButtons(i)}))}}}}}initTabs(t){if(this._ref){const i=Array.from(this._ref.querySelectorAll(":is(:scope > db-tab-list .db-tab-item, :scope > .db-tab-list .db-tab-item)"));const s=Array.from(this._ref.querySelectorAll(":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"));for(const a of i){const o=i.indexOf(a);const n=a.querySelector("label");const e=a.querySelector("input");if(e&&n){if(!e.id){const t=`${this._name}-tab-${o}`;n.setAttribute("for",t);e.id=t;e.setAttribute("name",this._name);if(s.length>o){e.setAttribute("aria-controls",`${this._name}-tab-panel-${o}`)}}if(t){const t=!this.initialSelectedMode||this.initialSelectedMode==="auto";const i=this.initialSelectedIndex==null&&o===0||Number(this.initialSelectedIndex)===o;if(t&&i){e.click()}}}}for(const t of s){if(t.id)continue;const i=s.indexOf(t);t.id=`${this._name}-tab-panel-${i}`;t.setAttribute("aria-labelledby",`${this._name}-tab-${i}`)}}}handleChange(t){var i;t.stopPropagation();if(t.target){const s=t.target;const a=s.parentElement;if(a&&a.parentElement&&((i=a.parentElement)===null||i===void 0?void 0:i.nodeName)==="LI"){const i=a.parentElement.parentElement;if(i){const s=i.parentElement;if(s){const a=Array.from(s.childNodes).indexOf(i);if(this.indexChange){this.indexChange.emit(a)}if(this.tabSelect){this.tabSelect.emit(t)}}}}}}enableAttributePassing(t,i){const s=t===null||t===void 0?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let a=0;a<i.length;a++){const o=i.item(a);if(o&&(o.name.startsWith("data-")||o.name.startsWith("aria-"))){t.setAttribute(o.name,o.value);s.removeAttribute(o.name)}if(o&&o.name==="class"){const i=o.value.includes("hydrated");const a=o.value.replace("hydrated","").trim();const n=t.getAttribute("class");t.setAttribute(o.name,`${n?`${n} `:""}${a}`);if(i){s.setAttribute("class","hydrated")}else{s.removeAttribute(o.name)}}}}}watch0Fn(){if(this._ref&&this.initialized){this.initTabList();this.initTabs(true);const t=this._ref.querySelector(".db-tab-list");if(t){const i=new MutationObserver((t=>{t.forEach((t=>{if(t.removedNodes.length||t.addedNodes.length){this.initTabList();this.initTabs()}}))}));i.observe(t,{childList:true,subtree:true})}this.initialized=false}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tabs");this._id=this.id||this._id;this._name=`tabs-${this.name||o()}`;this.initialized=true;this.watch0Fn()}render(){var t,i,o,e;return s("div",{key:"f14b1aec9550feb2cf2355717126a4eb587ec3cf",class:n("db-tabs",this.className),ref:t=>{this._ref=t},id:this._id,"data-orientation":this.orientation,"data-scroll-behavior":this.behavior,"data-alignment":(t=this.alignment)!==null&&t!==void 0?t:"start","data-width":(i=this.width)!==null&&i!==void 0?i:"auto",onInput:t=>this.handleChange(t),onChange:t=>this.handleChange(t)},this.showScrollLeft?s("db-button",{class:"overflow-scroll-left-button",variant:"ghost",icon:"chevron_left",type:"button",noText:true,onClick:()=>this.scroll(true)},"Scroll left"):null,this.tabs?s(a,null,s("db-tab-list",null,(o=this.convertTabs())===null||o===void 0?void 0:o.map(((t,i)=>s("db-tab-item",{key:this.name+"tab-item"+i,active:t.active,label:t.label,iconTrailing:t.iconTrailing,icon:t.icon,noText:t.noText})))),(e=this.convertTabs())===null||e===void 0?void 0:e.map(((t,i)=>s("db-tab-panel",{key:this.name+"tab-panel"+i,content:t.content},t.children)))):null,this.showScrollRight?s("db-button",{class:"overflow-scroll-right-button",variant:"ghost",icon:"chevron_right",type:"button",noText:true,onClick:()=>this.scroll()},"Scroll right"):null,s("slot",{key:"84663c8df2015a93453f6ac240ab69e4df495ebe"}))}static get watchers(){return{_ref:["watch0"],initialized:["watch0"]}}};export{e as db_tabs};
+//# sourceMappingURL=p-bbbb47fe.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DBTabs","constructor","hostRef","this","_id","uuid","_name","initialized","showScrollLeft","showScrollRight","scrollContainer","convertTabs","tabs","JSON","parse","error","console","evaluateScrollButtons","tList","needsScroll","scrollWidth","clientWidth","scrollLeft","scroll","left","step","Number","arrowScrollDistance","_a","scrollBy","top","behavior","initTabList","_ref","tabList","querySelector","container","setAttribute","orientation","addEventListener","initTabs","init","tabItems","Array","from","querySelectorAll","tabPanels","tabItem","index","indexOf","label","input","id","tabId","length","autoSelect","initialSelectedMode","shouldAutoSelect","initialSelectedIndex","click","panel","handleChange","event","stopPropagation","target","parent","parentElement","nodeName","list","indices","childNodes","indexChange","emit","tabSelect","enableAttributePassing","element","customElementSelector","closest","attributes","i","attr","item","name","startsWith","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","observer","MutationObserver","mutations","forEach","mutation","removedNodes","addedNodes","observe","childList","subtree","watch0","componentDidLoad","render","h","key","class","cls","className","ref","el","alignment","_b","width","onInput","onChange","variant","icon","type","noText","onClick","Fragment","_c","map","tab","active","iconTrailing","_d","content","children"],"sources":["src/components/tabs/tabs.tsx"],"sourcesContent":["import { InputEvent } from \"../../shared/model\";\nimport { cls, uuid } from \"../../utils\";\nimport { DBButton } from \"../button/button\";\nimport { DBTabItem } from \"../tab-item/tab-item\";\nimport { DBTabList } from \"../tab-list/tab-list\";\nimport { DBTabPanel } from \"../tab-panel/tab-panel\";\nimport { DBSimpleTabProps, DBTabsProps, DBTabsState } from \"./model\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-tabs\",\n})\nexport class DBTabs {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBTabsProps[\"id\"];\n  @Prop() name: DBTabsProps[\"name\"];\n  @Prop() tabs: DBTabsProps[\"tabs\"];\n  @Prop() arrowScrollDistance: DBTabsProps[\"arrowScrollDistance\"];\n  @Prop() orientation: DBTabsProps[\"orientation\"];\n  @Prop() behavior: DBTabsProps[\"behavior\"];\n  @Prop() initialSelectedMode: DBTabsProps[\"initialSelectedMode\"];\n  @Prop() initialSelectedIndex: DBTabsProps[\"initialSelectedIndex\"];\n  @Event() indexChange: EventEmitter<\n    Parameters<Required<DBTabsProps>[\"onIndexChange\"]>[number]\n  > | void;\n  @Event() tabSelect: EventEmitter<\n    Parameters<Required<DBTabsProps>[\"onTabSelect\"]>[number]\n  > | void;\n  @Prop({attribute: \"classname\"}) className: DBTabsProps[\"className\"];\n  @Prop() alignment: DBTabsProps[\"alignment\"];\n  @Prop() width: DBTabsProps[\"width\"];\n  @State() _id = \"tabs-\" + uuid();\n  @State() _name = \"\";\n  @State() initialized = false;\n  @State() showScrollLeft = false;\n  @State() showScrollRight = false;\n  @State() scrollContainer = null;\n\n  convertTabs() {\n    try {\n      if (typeof this.tabs === \"string\") {\n        return JSON.parse(this.tabs as string);\n      }\n      return this.tabs as DBSimpleTabProps[];\n    } catch (error) {\n      console.error(error);\n    }\n    return [];\n  }\n  evaluateScrollButtons(tList: Element) {\n    const needsScroll = tList.scrollWidth > tList.clientWidth;\n    this.showScrollLeft = needsScroll && tList.scrollLeft > 1;\n    this.showScrollRight =\n      needsScroll && tList.scrollLeft < tList.scrollWidth - tList.clientWidth;\n  }\n  scroll(left?: boolean) {\n    let step = Number(this.arrowScrollDistance) || 100;\n    if (left) {\n      step *= -1;\n    }\n    this.scrollContainer?.scrollBy({\n      top: 0,\n      left: step,\n      behavior: \"smooth\",\n    });\n  }\n  initTabList() {\n    if (this._ref) {\n      const tabList = this._ref.querySelector(\".db-tab-list\");\n      if (tabList) {\n        const container: HTMLElement | null =\n          tabList.querySelector('[role=\"tablist\"]');\n        if (container) {\n          container.setAttribute(\n            \"aria-orientation\",\n            this.orientation || \"horizontal\"\n          );\n          if (this.behavior === \"arrows\") {\n            this.scrollContainer = container;\n            this.evaluateScrollButtons(container);\n            container.addEventListener(\"scroll\", () => {\n              this.evaluateScrollButtons(container);\n            });\n          }\n        }\n      }\n    }\n  }\n  initTabs(init?: boolean) {\n    if (this._ref) {\n      const tabItems = Array.from<Element>(\n        this._ref.querySelectorAll(\n          \":is(:scope > db-tab-list .db-tab-item, :scope > .db-tab-list .db-tab-item)\"\n        )\n      );\n      const tabPanels = Array.from<Element>(\n        this._ref.querySelectorAll(\n          \":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)\"\n        )\n      );\n      for (const tabItem of tabItems) {\n        const index: number = tabItems.indexOf(tabItem);\n        const label = tabItem.querySelector(\"label\");\n        const input = tabItem.querySelector(\"input\");\n        if (input && label) {\n          if (!input.id) {\n            const tabId = `${this._name}-tab-${index}`;\n            label.setAttribute(\"for\", tabId);\n            input.id = tabId;\n            input.setAttribute(\"name\", this._name);\n            if (tabPanels.length > index) {\n              input.setAttribute(\n                \"aria-controls\",\n                `${this._name}-tab-panel-${index}`\n              );\n            }\n          }\n          if (init) {\n            // Auto select\n            const autoSelect =\n              !this.initialSelectedMode || this.initialSelectedMode === \"auto\";\n            const shouldAutoSelect =\n              (this.initialSelectedIndex == null && index === 0) ||\n              Number(this.initialSelectedIndex) === index;\n            if (autoSelect && shouldAutoSelect) {\n              input.click();\n            }\n          }\n        }\n      }\n      for (const panel of tabPanels) {\n        if (panel.id) continue;\n        const index: number = tabPanels.indexOf(panel);\n        panel.id = `${this._name}-tab-panel-${index}`;\n        panel.setAttribute(\"aria-labelledby\", `${this._name}-tab-${index}`);\n      }\n    }\n  }\n  handleChange(event: InputEvent<HTMLElement>) {\n    event.stopPropagation();\n    if (event.target) {\n      const target = event.target as HTMLElement;\n      const parent = target.parentElement;\n      if (\n        parent &&\n        parent.parentElement &&\n        parent.parentElement?.nodeName === \"LI\"\n      ) {\n        const tabItem = parent.parentElement.parentElement;\n        if (tabItem) {\n          const list = tabItem.parentElement;\n          if (list) {\n            const indices = Array.from(list.childNodes).indexOf(tabItem);\n            if (this.indexChange) {\n              this.indexChange.emit(indices);\n            }\n            if (this.tabSelect) {\n              this.tabSelect.emit(event);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this._ref && this.initialized) {\n      this.initTabList();\n      this.initTabs(true);\n      const tabList = this._ref.querySelector(\".db-tab-list\");\n      if (tabList) {\n        const observer = new MutationObserver((mutations) => {\n          mutations.forEach((mutation) => {\n            if (mutation.removedNodes.length || mutation.addedNodes.length) {\n              this.initTabList();\n              this.initTabs();\n            }\n          });\n        });\n        observer.observe(tabList, {\n          childList: true,\n          subtree: true,\n        });\n      }\n      this.initialized = false;\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-tabs\");\n    this._id = this.id || this._id;\n    this._name = `tabs-${this.name || uuid()}`;\n    this.initialized = true;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-tabs\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-orientation={this.orientation}\n        data-scroll-behavior={this.behavior}\n        data-alignment={this.alignment ?? \"start\"}\n        data-width={this.width ?? \"auto\"}\n        onInput={(event) => this.handleChange(event)}\n        onChange={(event) => this.handleChange(event)}\n      >\n        {this.showScrollLeft ? (\n          <db-button\n            class=\"overflow-scroll-left-button\"\n            variant=\"ghost\"\n            icon=\"chevron_left\"\n            type=\"button\"\n            noText={true}\n            onClick={() => this.scroll(true)}\n          >\n            Scroll left\n          </db-button>\n        ) : null}\n        {this.tabs ? (\n          <Fragment>\n            <db-tab-list>\n              {this.convertTabs()?.map((tab, index) => (\n                <db-tab-item\n                  key={this.name + \"tab-item\" + index}\n                  active={tab.active}\n                  label={tab.label}\n                  iconTrailing={tab.iconTrailing}\n                  icon={tab.icon}\n                  noText={tab.noText}\n                ></db-tab-item>\n              ))}\n            </db-tab-list>\n            {this.convertTabs()?.map((tab, index) => (\n              <db-tab-panel\n                key={this.name + \"tab-panel\" + index}\n                content={tab.content}\n              >\n                {tab.children}\n              </db-tab-panel>\n            ))}\n          </Fragment>\n        ) : null}\n        {this.showScrollRight ? (\n          <db-button\n            class=\"overflow-scroll-right-button\"\n            variant=\"ghost\"\n            icon=\"chevron_right\"\n            type=\"button\"\n            noText={true}\n            onClick={() => this.scroll()}\n          >\n            Scroll right\n          </db-button>\n        ) : null}\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,h as a}from"./p-uOzX56mL.js";import{c as s}from"./p-YECpAE3G.js";const e=class{constructor(a){t(this,a)}enableAttributePassing(t,a){const s=t===null||t===void 0?void 0:t.closest(a);if(t&&s){const a=s.attributes;for(let e=0;e<a.length;e++){const o=a.item(e);if(o&&(o.name.startsWith("data-")||o.name.startsWith("aria-"))){t.setAttribute(o.name,o.value);s.removeAttribute(o.name)}if(o&&o.name==="class"){const a=o.value.includes("hydrated");const e=o.value.replace("hydrated","").trim();const n=t.getAttribute("class");t.setAttribute(o.name,`${n?`${n} `:""}${e}`);if(a){s.setAttribute("class","hydrated")}else{s.removeAttribute(o.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-control-panel-meta-navigation")}render(){return a("div",{key:"ba8e23a26e21b9bfc13874e6abd8ea7d8bea5665",class:s("db-control-panel-meta-navigation",this.className),ref:t=>{this._ref=t},id:this.id},a("slot",{key:"cfed04894dfaf5225f014c01c37d141d6e6e5fd6"}))}};export{e as db_control_panel_meta_navigation};
+//# sourceMappingURL=p-c00303d4.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DBControlPanelMetaNavigation","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","this","_ref","render","h","key","class","cls","className","ref","el","id"],"sources":["src/components/control-panel-meta-navigation/control-panel-meta-navigation.tsx"],"sourcesContent":["import { cls } from \"../../utils\";\nimport { DBControlPanelMetaNavigationProps } from \"./model\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-control-panel-meta-navigation\",\n})\nexport class DBControlPanelMetaNavigation {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBControlPanelMetaNavigationProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBControlPanelMetaNavigationProps[\"className\"];\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-control-panel-meta-navigation\");\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-control-panel-meta-navigation\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"qFAaaA,EAA4B,M,yBAU/B,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEC,KAAKtB,uBAAuBsB,KAAKC,KAAM,mC,CAGzC,MAAAC,GACE,OACEC,EACE,OAAAC,IAAA,2CAAAC,MAAOC,EAAI,mCAAoCN,KAAKO,WACpDC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EAEhBC,GAAIV,KAAKU,IAETP,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as s}from"./p-uOzX56mL.js";import{n as a}from"./p-Dst8dqRS.js";import{u as e,d as o,b as h,g as n,j as d,c}from"./p-YECpAE3G.js";import{h as r,N as f}from"./p-CZxi1Pek.js";import"./p-D3kmGlOI.js";const l=class{constructor(s){i(this,s);this.click=t(this,"click");this.hasSubNavigation=true;this.isSubNavigationExpanded=false;this.autoClose=false;this.hasPopup=false;this.initialized=false;this.subNavigationId="db-navigation-item-group-menu-"+e();this.navigationItemSafeTriangle=undefined}onScroll(){if(this.hasPopup){r(this._ref)}}handleNavigationItemClick(i){var t;if(((t=i===null||i===void 0?void 0:i.target)===null||t===void 0?void 0:t.nodeName)==="A"){this.forceClose()}}forceClose(){this.autoClose=true;void o((()=>{this.autoClose=false}),300)}handleClick(i){if(this.click){i.stopPropagation();this.click.emit(i)}this.isSubNavigationExpanded=!this.isSubNavigationExpanded}handleBackClick(i){i.stopPropagation();this.isSubNavigationExpanded=false}handleEscape(i){if(!i||i.key==="Escape"){this.forceClose();this._buttonRef.blur()}}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 e=t.item(a);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 a=e.value.replace("hydrated","").trim();const o=i.getAttribute("class");i.setAttribute(e.name,`${o?`${o} `:""}${a}`);if(t){s.setAttribute("class","hydrated")}else{s.removeAttribute(e.name)}}}}}watch0Fn(){if(this.expanded!==undefined){this.isSubNavigationExpanded=!!h(this.expanded,"subNavigationExpanded")}}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref&&this.initialized){this.initialized=false;void o((()=>{const i=this._ref;const t=i.closest(".db-navigation");this.hasPopup=!t||!t.dataset["variant"]||t.dataset["variant"]==="popover"}),200)}}watch1(){this.watch1Fn()}watch2Fn(){if(this._ref&&this._buttonRef&&this._menuRef&&this.hasPopup&&!this.navigationItemSafeTriangle){void o((()=>{this.navigationItemSafeTriangle=new f(this._ref,this._menuRef)}),1);["mouseenter","focusin"].forEach((i=>{this._ref.addEventListener(i,(()=>r(this._menuRef)))}))}}watch2(){this.watch2Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-navigation-item-group");this.initialized=true;this.watch0Fn();this.watch1Fn();this.watch2Fn()}render(){var i;return s("li",{key:"0feb40fc1eb885450f2f61aab591b3d05aa2eb0d",class:c("db-navigation-item-group",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)},onKeyDown:i=>this.handleEscape(i),"data-icon":this.icon,"data-hide-icon":d(this.showIcon),"data-active":this.active,"aria-disabled":n(this.disabled)},s("button",{key:"5bd2b1dcfb1a30e4ffce5ec597a8caef7c7b2a1f",class:"db-navigation-item-group-expand-button",type:"button",ref:i=>{this._buttonRef=i},"aria-haspopup":n(this.hasPopup?true:undefined),"aria-owns":this.hasPopup?undefined:this.subNavigationId,"aria-expanded":n(this.isSubNavigationExpanded),disabled:h(this.disabled,"disabled"),onClick:i=>this.handleClick(i)},this.text,s("slot",{key:"0af1cd7b5f6734de52b5abcf7af50f3052e1b242",name:"additionalInformation"})),s("menu",{key:"54c731d61026b1d0897e46da7e9820e971720a4f",class:"db-navigation-item-group-menu",role:"group",ref:i=>{this._menuRef=i},"data-force-close":n(this.autoClose),id:this.subNavigationId,onScroll:()=>this.onScroll(),onClick:i=>this.handleNavigationItemClick(i)},s("div",{key:"c20e8df3f651f7aeaeb2f61a2e1feba3f511dbcc",class:"db-navigation-item-group-back-button"},s("db-button",{key:"fe353a18a5f38c52e1d03d5ed5f3b239dabd25ad",icon:"arrow_left",variant:"ghost",id:this.backButtonId,onClick:i=>this.handleBackClick(i)},(i=this.backButtonText)!==null&&i!==void 0?i:a)),s("slot",{key:"d06eb8d06cf68f06dbad2443c664b6ddfb5e533b"})))}static get watchers(){return{expanded:["watch0"],_ref:["watch1","watch2"],initialized:["watch1"],_menuRef:["watch2"],_buttonRef:["watch2"],hasPopup:["watch2"]}}};export{l as db_navigation_item_group};
+//# sourceMappingURL=p-c841ce92.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DBNavigationItemGroup","constructor","hostRef","this","hasSubNavigation","isSubNavigationExpanded","autoClose","hasPopup","initialized","subNavigationId","uuid","navigationItemSafeTriangle","undefined","onScroll","handleSubNavigationPosition","_ref","handleNavigationItemClick","event","_a","target","nodeName","forceClose","delay","handleClick","click","stopPropagation","emit","handleBackClick","handleEscape","key","_buttonRef","blur","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","expanded","getBoolean","watch0","watch1Fn","nav","dataset","watch1","watch2Fn","_menuRef","NavigationItemSafeTriangle","forEach","addEventListener","watch2","componentDidLoad","render","h","class","cls","className","ref","el","id","onMouseOver","enableFollow","onMouseLeave","disableFollow","onMouseMove","followByMouseEvent","onKeyDown","icon","getHideProp","showIcon","active","getBooleanAsString","disabled","type","onClick","text","role","variant","backButtonId","backButtonText","DEFAULT_BACK"],"sources":["src/components/navigation-item-group/navigation-item-group.tsx"],"sourcesContent":["import { DEFAULT_BACK } from \"../../shared/constants\";\nimport { ClickEvent } from \"../../shared/model\";\nimport {\n  cls,\n  delay,\n  getBoolean,\n  getBooleanAsString,\n  getHideProp,\n  uuid,\n} from \"../../utils\";\nimport {\n  handleSubNavigationPosition,\n  NavigationItemSafeTriangle,\n} from \"../../utils/navigation\";\nimport { DBButton } from \"../button/button\";\nimport {\n  DBNavigationItemGroupProps,\n  DBNavigationItemGroupState,\n} from \"./model\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot additionalInformation - TODO: Add description for slotAdditionalInformation\n */\n @Component({\n  tag: \"db-navigation-item-group\",\n})\nexport class DBNavigationItemGroup {\n  private _ref!: HTMLLIElement | any;\n  private _menuRef!: HTMLElement | any;\n  private _buttonRef!: HTMLButtonElement | any;\n  @Prop() expanded: DBNavigationItemGroupProps[\"expanded\"];\n  @Event() click: EventEmitter<\n    Parameters<Required<DBNavigationItemGroupProps>[\"onClick\"]>[number]\n  > | void;\n  @Prop() id: DBNavigationItemGroupProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBNavigationItemGroupProps[\"className\"];\n  @Prop() icon: DBNavigationItemGroupProps[\"icon\"];\n  @Prop() showIcon: DBNavigationItemGroupProps[\"showIcon\"];\n  @Prop() active: DBNavigationItemGroupProps[\"active\"];\n  @Prop() disabled: DBNavigationItemGroupProps[\"disabled\"];\n  @Prop() text: DBNavigationItemGroupProps[\"text\"];\n  @Prop() backButtonId: DBNavigationItemGroupProps[\"backButtonId\"];\n  @Prop() backButtonText: DBNavigationItemGroupProps[\"backButtonText\"];\n  @State() hasSubNavigation = true;\n  @State() isSubNavigationExpanded = false;\n  @State() autoClose = false;\n  @State() hasPopup = false;\n  @State() initialized = false;\n  @State() subNavigationId = \"db-navigation-item-group-menu-\" + uuid();\n  @State() navigationItemSafeTriangle = undefined;\n\n  onScroll() {\n    if (this.hasPopup) {\n      handleSubNavigationPosition(this._ref);\n    }\n  }\n  handleNavigationItemClick(event: any) {\n    if (event?.target?.nodeName === \"A\") {\n      this.forceClose();\n    }\n  }\n  forceClose() {\n    this.autoClose = true;\n    void delay(() => {\n      this.autoClose = false;\n    }, 300);\n  }\n  handleClick(event: ClickEvent<HTMLButtonElement> | any) {\n    if (this.click) {\n      event.stopPropagation();\n      this.click.emit(event);\n    }\n    this.isSubNavigationExpanded = !this.isSubNavigationExpanded;\n  }\n  handleBackClick(event: ClickEvent<HTMLButtonElement> | any) {\n    event.stopPropagation();\n    this.isSubNavigationExpanded = false;\n  }\n  handleEscape(event: any) {\n    if (!event || event.key === \"Escape\") {\n      this.forceClose();\n      this._buttonRef.blur();\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this.expanded !== undefined) {\n      this.isSubNavigationExpanded = !!getBoolean(\n        this.expanded,\n        \"subNavigationExpanded\"\n      );\n    }\n  }\n\n  @Watch(\"expanded\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this._ref && this.initialized) {\n      this.initialized = false;\n      // We delay this because the navigation variant check is delayed as well\n      void delay(() => {\n        const element = this._ref as HTMLLIElement;\n        const nav = element.closest<HTMLElement>(\".db-navigation\");\n        this.hasPopup =\n          !nav ||\n          !nav.dataset[\"variant\"] ||\n          nav.dataset[\"variant\"] === \"popover\";\n      }, 200);\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"initialized\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  watch2Fn() {\n    if (\n      this._ref &&\n      this._buttonRef &&\n      this._menuRef &&\n      this.hasPopup &&\n      !this.navigationItemSafeTriangle\n    ) {\n      void delay(() => {\n        this.navigationItemSafeTriangle = new NavigationItemSafeTriangle(\n          this._ref,\n          this._menuRef\n        );\n      }, 1);\n      [\"mouseenter\", \"focusin\"].forEach((event) => {\n        this._ref.addEventListener(event, () =>\n          handleSubNavigationPosition(this._menuRef)\n        );\n      });\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"_menuRef\")\n  @Watch(\"_buttonRef\")\n  @Watch(\"hasPopup\")\n  watch2() {\n    this.watch2Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-navigation-item-group\");\n    this.initialized = true;\n    this.watch0Fn();\n    this.watch1Fn();\n    this.watch2Fn();\n  }\n\n  render() {\n    return (\n      <li\n        class={cls(\"db-navigation-item-group\", 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        onKeyDown={(event) => this.handleEscape(event)}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-active={this.active}\n        aria-disabled={getBooleanAsString(this.disabled)}\n      >\n        <button\n          class=\"db-navigation-item-group-expand-button\"\n          type=\"button\"\n          ref={(el: any) => {\n            this._buttonRef = el;\n          }}\n          aria-haspopup={getBooleanAsString(this.hasPopup ? true : undefined)}\n          aria-owns={this.hasPopup ? undefined : this.subNavigationId}\n          aria-expanded={getBooleanAsString(this.isSubNavigationExpanded)}\n          disabled={getBoolean(this.disabled, \"disabled\")}\n          onClick={(event) => this.handleClick(event)}\n        >\n          {this.text}\n          <slot name=\"additionalInformation\"></slot>\n        </button>\n        <menu\n          class=\"db-navigation-item-group-menu\"\n          role=\"group\"\n          ref={(el: any) => {\n            this._menuRef = el;\n          }}\n          data-force-close={getBooleanAsString(this.autoClose)}\n          id={this.subNavigationId}\n          onScroll={() => this.onScroll()}\n          onClick={(event) => this.handleNavigationItemClick(event)}\n        >\n          <div class=\"db-navigation-item-group-back-button\">\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          <slot></slot>\n        </menu>\n      </li>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/{p-a2b55626.entry.js → p-d6047812.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s}from"./p-CNzNv7KB.js";import{u as h,b as a,j as e,c as d}from"./p-YECpAE3G.js";const r=class{constructor(s){t(this,s);this.change=i(this,"change");this.blur=i(this,"blur");this.focus=i(this,"focus");this.initialized=false;this._id=undefined}handleChange(t){if(this.change){this.change.emit(t)}}handleBlur(t){if(this.blur){this.blur.emit(t)}}handleFocus(t){if(this.focus){this.focus.emit(t)}}enableAttributePassing(t,i){const s=t===null||t===void 0?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let h=0;h<i.length;h++){const a=i.item(h);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){t.setAttribute(a.name,a.value);s.removeAttribute(a.name)}if(a&&a.name==="class"){const i=a.value.includes("hydrated");const h=a.value.replace("hydrated","").trim();const e=t.getAttribute("class");t.setAttribute(a.name,`${e?`${e} `:""}${h}`);if(i){s.setAttribute("class","hydrated")}else{s.removeAttribute(a.name)}}}}}watch0Fn(){if(this.checked&&this.initialized&&this._ref){this._ref.checked=true}}watch0(){this.watch0Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-radio");this.initialized=true;this._id=(t=this.id)!==null&&t!==void 0?t:`radio-${h()}`;this.watch0Fn()}render(){return s("label",{key:"48ef890634115e003796b0721e66c1eedf07e8b2",class:d("db-radio",this.className),"data-size":this.size,"data-hide-label":e(this.showLabel),"data-hide-asterisk":e(this.showRequiredAsterisk),htmlFor:this._id},s("input",{key:"93ef1731fc978cb7ceac5fe555f3383224f18b64",type:"radio","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:t=>{this._ref=t},id:this._id,name:this.name,checked:a(this.checked,"checked"),disabled:a(this.disabled,"disabled"),value:this.value,required:a(this.required,"required"),onChange:t=>this.handleChange(t),onBlur:t=>this.handleBlur(t),onFocus:t=>this.handleFocus(t)}),this.label?this.label:s("slot",null))}static get watchers(){return{initialized:["watch0"],_ref:["watch0"],checked:["watch0"]}}};export{r as db_radio};
-//# sourceMappingURL=p-a2b55626.entry.js.map
+import{r as t,c as i,h as s}from"./p-uOzX56mL.js";import{u as a,b as h,j as e,c as d}from"./p-YECpAE3G.js";const c=class{constructor(s){t(this,s);this.change=i(this,"change");this.blur=i(this,"blur");this.focus=i(this,"focus");this.initialized=false;this._id=undefined}handleChange(t){if(this.change){this.change.emit(t)}}handleBlur(t){if(this.blur){this.blur.emit(t)}}handleFocus(t){if(this.focus){this.focus.emit(t)}}enableAttributePassing(t,i){const s=t===null||t===void 0?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let a=0;a<i.length;a++){const h=i.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))){t.setAttribute(h.name,h.value);s.removeAttribute(h.name)}if(h&&h.name==="class"){const i=h.value.includes("hydrated");const a=h.value.replace("hydrated","").trim();const e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`);if(i){s.setAttribute("class","hydrated")}else{s.removeAttribute(h.name)}}}}}watch0Fn(){if(this.checked&&this.initialized&&this._ref){this._ref.checked=true}}watch0(){this.watch0Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-radio");this.initialized=true;this._id=(t=this.id)!==null&&t!==void 0?t:`radio-${a()}`;this.watch0Fn()}render(){return s("label",{key:"c5dd2b394031c1ca9a20ab8eb5bffdf2457ed116",class:d("db-radio",this.className),"data-size":this.size,"data-hide-label":e(this.showLabel),"data-hide-asterisk":e(this.showRequiredAsterisk),htmlFor:this._id},s("input",{key:"e85e6d38f06cc8d4b5c9015d900c7dc783763ebb",type:"radio","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:t=>{this._ref=t},id:this._id,name:this.name,checked:h(this.checked,"checked"),disabled:h(this.disabled,"disabled"),value:this.value,required:h(this.required,"required"),onChange:t=>this.handleChange(t),onBlur:t=>this.handleBlur(t),onFocus:t=>this.handleFocus(t)}),this.label?this.label:s("slot",null))}static get watchers(){return{initialized:["watch0"],_ref:["watch0"],checked:["watch0"]}}};export{c as db_radio};
+//# sourceMappingURL=p-d6047812.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as s}from"./p-uOzX56mL.js";import{l as h,g as a,h as e,f as d,k as c}from"./p-Dst8dqRS.js";import{h as n,d as l,s as o,b as f,u as r,j as u,c as b}from"./p-YECpAE3G.js";const v=class{constructor(s){i(this,s);this.change=t(this,"change");this.blur=t(this,"blur");this.focus=t(this,"focus");this.initialized=false;this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._invalidMessage=undefined;this._descByIds=undefined;this._voiceOverFallback=""}hasValidState(){var i;return!!((i=this.validMessage)!==null&&i!==void 0?i:this.validation==="valid")}handleValidation(){var i,t,s,a;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)||h;if(n()){this._voiceOverFallback=this._invalidMessage;void l((()=>this._voiceOverFallback=""),1e3)}}else if(this.hasValidState()&&((s=this._ref)===null||s===void 0?void 0:s.validity.valid)&&this.required){this._descByIds=this._validMessageId;if(n()){this._voiceOverFallback=(a=this.validMessage)!==null&&a!==void 0?a:c;void l((()=>this._voiceOverFallback=""),1e3)}}else if(o(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=undefined}}handleChange(i){if(this.change){this.change.emit(i)}this.handleValidation()}handleBlur(i){if(this.blur){this.blur.emit(i)}}handleFocus(i){if(this.focus){this.focus.emit(i)}}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)||h}watch0(){this.watch0Fn()}watch1Fn(){if(this._id){const i=this._id+d;this._messageId=i;this._validMessageId=this._id+a;this._invalidMessageId=this._id+e;if(o(this.message,this.showMessage)){this._descByIds=i}this.handleValidation()}}watch1(){this.watch1Fn()}watch2Fn(){if(this._ref){if(this.indeterminate!==undefined){this._ref.indeterminate=!!f(this.indeterminate)}}}watch2(){this.watch2Fn()}watch3Fn(){if(this.initialized&&this._ref){if(this.checked!=undefined){this._ref.checked=!!f(this.checked)}this.initialized=false}}watch3(){this.watch3Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-checkbox");this.initialized=true;const t=(i=this.id)!==null&&i!==void 0?i:`checkbox-${r()}`;this._id=t;this._messageId=t+d;this._validMessageId=t+a;this._invalidMessageId=t+e;this._invalidMessage=this.invalidMessage||h;this.watch0Fn();this.watch1Fn();this.watch2Fn();this.watch3Fn()}render(){var i;return s("div",{key:"fb2c565d14350dd10c370549fba49cb1e357fcf3",class:b("db-checkbox",this.className),"data-size":this.size,"data-hide-asterisk":u(this.showRequiredAsterisk),"data-hide-label":u(this.showLabel)},s("label",{key:"444819d02709abc6c1c26414bd0c6b3ccb7c2e5f",htmlFor:this._id},s("input",{key:"716d1495caeacf84d3918341199b8068a3a5f303",type:"checkbox","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:i=>{this._ref=i},id:this._id,name:this.name,checked:f(this.checked,"checked"),disabled:f(this.disabled,"disabled"),value:this.value,required:f(this.required,"required"),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":(i=this.ariaDescribedBy)!==null&&i!==void 0?i:this._descByIds}),this.label?this.label:s("slot",null)),o(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||c):null,s("db-infotext",{key:"3e357b3fbe60fe25c9f1cd4ec5a0030b772870ef",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"cbb16a80614638038a6ca98fcdb1e35b32523dd4","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:["watch0","watch2","watch3"],invalidMessage:["watch0"],_id:["watch1"],initialized:["watch2","watch3"],indeterminate:["watch2"],checked:["watch3"]}}};export{v as db_checkbox};
+//# sourceMappingURL=p-d8f87aaa.entry.js.map

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

@@ -0,0 +1 @@
+{"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","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","showRequiredAsterisk","showLabel","htmlFor","type","ref","el","disabled","onChange","onBlur","onFocus","ariaDescribedBy","label","icon","messageIcon","semantic","role"],"sources":["src/components/checkbox/checkbox.tsx"],"sourcesContent":["import {\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  cls,\n  delay,\n  getBoolean,\n  getHideProp,\n  hasVoiceOver,\n  stringPropVisible,\n  uuid,\n} from \"../../utils\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport { DBCheckboxProps, DBCheckboxState } from \"./model\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-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() showRequiredAsterisk: DBCheckboxProps[\"showRequiredAsterisk\"];\n  @Prop() showLabel: DBCheckboxProps[\"showLabel\"];\n  @Prop() name: DBCheckboxProps[\"name\"];\n  @Prop() disabled: DBCheckboxProps[\"disabled\"];\n  @Prop() value: DBCheckboxProps[\"value\"];\n  @Prop() ariaDescribedBy: DBCheckboxProps[\"ariaDescribedBy\"];\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 = undefined;\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        void 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        void delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (stringPropVisible(this.message, this.showMessage)) {\n      this._descByIds = this._messageId;\n    } else {\n      this._descByIds = undefined;\n    }\n  }\n  handleChange(event: ChangeEvent<HTMLInputElement>) {\n    if (this.change) {\n      this.change.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleBlur(event: InteractionEvent<HTMLInputElement> | any) {\n    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLInputElement> | any) {\n    if (this.focus) {\n      this.focus.emit(event);\n    }\n  }\n\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      this.handleValidation();\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-asterisk={getHideProp(this.showRequiredAsterisk)}\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.ariaDescribedBy ?? 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":[]}