@db-ux/wc-core-components 2.0.0-0-custom-select-16b8cce → 2.0.0

package/dist/db-ux/p-0414dab3.entry.js.map

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["DBLink","handleClick","event","this","onClick","emit","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","_ref","render","h","key","class","cls","className","ref","el","id","href","target","rel","role","hrefLang","hreflang","getBooleanAsString","disabled","tabIndex","selected","label","current","size","getHideProp","_a","showIcon","variant","content","text"],"sources":["src/components/link/link.tsx"],"sourcesContent":["import { DBLinkProps, DBLinkState } from \"./model\";\nimport { cls, getBooleanAsString, getHideProp } from \"../../utils\";\nimport { ClickEvent } from \"../../shared/model\";\n\nimport { Component, h, Fragment, Event, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-link\",\n})\nexport class DBLink {\n  private _ref!: HTMLAnchorElement | null;\n  @Event() onClick: any;\n  @Prop() id: DBLinkProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBLinkProps[\"className\"];\n  @Prop() href: DBLinkProps[\"href\"];\n  @Prop() target: DBLinkProps[\"target\"];\n  @Prop() rel: DBLinkProps[\"rel\"];\n  @Prop() role: DBLinkProps[\"role\"];\n  @Prop() hreflang: DBLinkProps[\"hreflang\"];\n  @Prop() disabled: DBLinkProps[\"disabled\"];\n  @Prop() selected: DBLinkProps[\"selected\"];\n  @Prop() label: DBLinkProps[\"label\"];\n  @Prop() current: DBLinkProps[\"current\"];\n  @Prop() size: DBLinkProps[\"size\"];\n  @Prop() showIcon: DBLinkProps[\"showIcon\"];\n  @Prop() variant: DBLinkProps[\"variant\"];\n  @Prop() content: DBLinkProps[\"content\"];\n  @Prop() text: DBLinkProps[\"text\"];\n\n\n  handleClick(event: ClickEvent<HTMLAnchorElement>) {\n    if (this.onClick) {\n      this.onClick.emit(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-link\");\n  }\n\n  render() {\n    return (\n      <a\n        class={cls(\"db-link\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        href={this.href}\n        target={this.target}\n        rel={this.rel}\n        role={this.role}\n        hrefLang={this.hreflang}\n        aria-disabled={getBooleanAsString(this.disabled)}\n        tabIndex={this.disabled ? -1 : 0}\n        aria-selected={this.selected}\n        aria-label={this.label}\n        aria-current={this.current}\n        data-size={this.size}\n        data-hide-icon-after={getHideProp(this.showIcon ?? true)}\n        data-variant={this.variant}\n        data-content={this.content || \"internal\"}\n        onClick={(event) => this.handleClick(event)}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </a>\n    );\n  }\n}\n"],"mappings":"0GAcaA,EAAM,M,wDAqBjB,WAAAC,CAAYC,GACV,GAAIC,KAAKC,QAAS,CAChBD,KAAKC,QAAQC,KAAKH,E,EASd,sBAAAI,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACExB,KAAKG,uBAAuBH,KAAKyB,KAAM,U,CAGzC,MAAAC,G,MACE,OACEC,EACE,KAAAC,IAAA,2CAAAC,MAAOC,EAAI,UAAW9B,KAAK+B,WAC3BC,IAAMC,IACJjC,KAAKyB,KAAOQ,CAAE,EAEhBC,GAAIlC,KAAKkC,GACTC,KAAMnC,KAAKmC,KACXC,OAAQpC,KAAKoC,OACbC,IAAKrC,KAAKqC,IACVC,KAAMtC,KAAKsC,KACXC,SAAUvC,KAAKwC,SACA,gBAAAC,EAAmBzC,KAAK0C,UACvCC,SAAU3C,KAAK0C,UAAW,EAAK,EAChB,gBAAA1C,KAAK4C,SACR,aAAA5C,KAAK6C,MACH,eAAA7C,KAAK8C,QACR,YAAA9C,KAAK+C,KACM,uBAAAC,GAAYC,EAAAjD,KAAKkD,YAAQ,MAAAD,SAAA,EAAAA,EAAI,MACrC,eAAAjD,KAAKmD,QACL,eAAAnD,KAAKoD,SAAW,WAC9BnD,QAAUF,GAAUC,KAAKF,YAAYC,IAEpCC,KAAKqD,KAAOrD,KAAKqD,KAAO1B,EAAA,a","ignoreList":[]}

package/dist/db-ux/p-0b9779be.entry.js.map

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

package/dist/db-ux/p-1799c085.entry.js

@@ -1,2 +0,0 @@
-import{r as s,c as t,h as a}from"./p-D-D8lQAG.js";import{s as i}from"./p-DC9V_oNU.js";import{f as e,c as d}from"./p-fw8E73KY.js";const c=class{constructor(a){s(this,a);this.close=t(this,"close")}handleClose(s){if(s.key==="Escape"){s.preventDefault()}if(s==="close"||s.key==="Escape"||s.target.nodeName==="DIALOG"&&s.type==="click"&&this.backdrop!=="none"){if(this.close){this.close.emit(s)}}}handleDialogOpen(){if(this._ref){if(this.open&&!this._ref.open){if(this.dialogContainerRef){this.dialogContainerRef.hidden=false}if(this.backdrop==="none"||this.variant==="inside"){this._ref.show()}else{this._ref.showModal()}}if(!this.open&&this._ref.open){if(this.dialogContainerRef){this.dialogContainerRef.hidden=true}e((()=>{var s;if(this.dialogContainerRef){this.dialogContainerRef.hidden=false}(s=this._ref)===null||s===void 0?void 0:s.close()}),401)}}}enableAttributePassing(s,t){const a=s===null||s===void 0?void 0:s.closest(t);if(s&&a){const t=a.attributes;for(let i=0;i<t.length;i++){const e=t.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){s.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const t=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const d=s.getAttribute("class");s.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(t){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}watch0Fn(){this.handleDialogOpen()}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-drawer");this.handleDialogOpen();this.watch0Fn()}render(){var s;return a("dialog",{key:"45d96b573d5486b5742d011e1e8d5b85f5eecf57",class:"db-drawer",id:this.id,ref:s=>{this._ref=s},onClick:s=>{this.handleClose(s)},onKeyDown:s=>this.handleClose(s),"data-backdrop":this.backdrop,"data-variant":this.variant},a("article",{key:"f0056239d6b60047b56f2c07afdefe69a40c2fdb",class:d("db-drawer-container",this.className),ref:s=>{this.dialogContainerRef=s},"data-spacing":this.spacing,"data-width":this.width,"data-direction":this.direction,"data-rounded":this.rounded},a("header",{key:"553e02fc81b1204b8fc315036c74825b4f690fc0",class:"db-drawer-header"},a("div",{key:"ac8901408434e520de2817da4cfae746f681ce57",class:"db-drawer-header-text"},a("slot",{key:"64c88d5eea65823c25fc2e9693a4ef4734a06849",name:"drawerHeader"})),a("db-button",{key:"1b02b6c357f563877cbddbc8a246b296577dc0d1",class:"button-close-drawer",icon:"cross",variant:"ghost",id:this.closeButtonId,noText:true,onClick:()=>this.handleClose("close")},(s=this.closeButtonText)!==null&&s!==void 0?s:i)),a("div",{key:"55f2035f63f90fd62b743af12eaf4a5b680ac03d",class:"db-drawer-content"},a("slot",{key:"aaab4804f9079a6fa940080b51d552dfffbf2b34"}))))}static get watchers(){return{open:["watch0"]}}};export{c as db_drawer};
-//# sourceMappingURL=p-1799c085.entry.js.map

package/dist/db-ux/p-1799c085.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBDrawer","handleClose","event","key","preventDefault","target","nodeName","type","this","backdrop","close","emit","handleDialogOpen","_ref","open","dialogContainerRef","hidden","variant","show","showModal","delay","_a","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","watch0","componentDidLoad","render","h","class","id","ref","el","onClick","onKeyDown","cls","className","spacing","width","direction","rounded","icon","closeButtonId","noText","closeButtonText","DEFAULT_CLOSE_BUTTON"],"sources":["src/components/drawer/drawer.tsx"],"sourcesContent":["import { DBDrawerProps, DBDrawerState } from \"./model\";\nimport { DBButton } from \"../button/button\";\nimport { DEFAULT_CLOSE_BUTTON } from \"../../shared/constants\";\nimport { cls, delay } from \"../../utils\";\n\nimport { Component, h, Fragment, Watch, Event, Prop } 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 | null;\n  private dialogContainerRef!: HTMLDivElement | null;\n  @Prop() open: DBDrawerProps[\"open\"];\n  @Prop() backdrop: DBDrawerProps[\"backdrop\"];\n  @Event() close: any;\n  @Prop() variant: DBDrawerProps[\"variant\"];\n  @Prop() id: DBDrawerProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBDrawerProps[\"className\"];\n  @Prop() spacing: DBDrawerProps[\"spacing\"];\n  @Prop() width: DBDrawerProps[\"width\"];\n  @Prop() direction: DBDrawerProps[\"direction\"];\n  @Prop() rounded: DBDrawerProps[\"rounded\"];\n  @Prop() closeButtonId: DBDrawerProps[\"closeButtonId\"];\n  @Prop() closeButtonText: DBDrawerProps[\"closeButtonText\"];\n\n\n  handleClose(event: any) {\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n    }\n    if (\n      event === \"close\" ||\n      event.key === \"Escape\" ||\n      (event.target.nodeName === \"DIALOG\" &&\n        event.type === \"click\" &&\n        this.backdrop !== \"none\")\n    ) {\n      if (this.close) {\n        this.close.emit(event);\n      }\n    }\n  }\n  handleDialogOpen() {\n    if (this._ref) {\n      if (this.open && !this._ref.open) {\n        if (this.dialogContainerRef) {\n          this.dialogContainerRef.hidden = false;\n        }\n        if (this.backdrop === \"none\" || this.variant === \"inside\") {\n          this._ref.show();\n        } else {\n          this._ref.showModal();\n        }\n      }\n      if (!this.open && this._ref.open) {\n        if (this.dialogContainerRef) {\n          this.dialogContainerRef.hidden = true;\n        }\n        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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-drawer\");\n    this.handleDialogOpen();\n    this.watch0Fn();\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) => {\n          this.handleClose(event);\n        }}\n        onKeyDown={(event) => this.handleClose(event)}\n        data-backdrop={this.backdrop}\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={this.rounded}\n        >\n          <header class=\"db-drawer-header\">\n            <div class=\"db-drawer-header-text\">\n              <slot name=\"drawerHeader\"></slot>\n            </div>\n            <db-button\n              class=\"button-close-drawer\"\n              icon=\"cross\"\n              variant=\"ghost\"\n              id={this.closeButtonId}\n              noText={true}\n              onClick={() => this.handleClose(\"close\")}\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-30261cf0.entry.js

@@ -1,2 +0,0 @@
-import{r as s,c as i,h as t}from"./p-D-D8lQAG.js";import{u as a,g as o,c as e}from"./p-fw8E73KY.js";import{D as c}from"./p-DC9V_oNU.js";const d=class{constructor(t){s(this,t);this.onToggle=i(this,"onToggle");this._id=c;this._open=false}toggle(s){s===null||s===void 0?void 0:s.preventDefault();const i=!this._open;if(this.onToggle){this.onToggle.emit(i)}this._open=i}enableAttributePassing(s,i){const t=s===null||s===void 0?void 0:s.closest(i);if(s&&t){const i=t.attributes;for(let a=0;a<i.length;a++){const o=i.item(a);if(o&&(o.name.startsWith("data-")||o.name.startsWith("aria-"))){s.setAttribute(o.name,o.value);t.removeAttribute(o.name)}if(o&&o.name==="class"){const i=o.value.includes("hydrated");const a=o.value.replace("hydrated","").trim();const e=s.getAttribute("class");s.setAttribute(o.name,`${e?`${e} `:""}${a}`);if(i){t.setAttribute("class","hydrated")}else{t.removeAttribute(o.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-accordion-item");this._id=this.id||"accordion-item-"+a();if(this.defaultOpen){this._open=this.defaultOpen}}render(){return t("li",{key:"7094e608b01a216da13c416ba6d6f845bc3554df",class:e("db-accordion-item",this.className),id:this._id},t("details",{key:"8eb8bc7f0741d7e03a79923407709d7451a1c423","aria-disabled":o(this.disabled),ref:s=>{this._ref=s},open:this._open},t("summary",{key:"7f531a785588b63c302c637416552171e88b310a",onClick:s=>this.toggle(s)},this.headlinePlain?this.headlinePlain:null,!this.headlinePlain?t("slot",{name:"headline"}):null),t("div",{key:"9a53a8b06d591360965973288075ab2b06968ac4"},this.text?this.text:t("slot",null))))}};export{d as db_accordion_item};
-//# sourceMappingURL=p-30261cf0.entry.js.map

package/dist/db-ux/p-30261cf0.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBAccordionItem","constructor","hostRef","this","_id","DEFAULT_ID","_open","toggle","event","preventDefault","newStateOpen","onToggle","emit","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","_ref","id","uuid","defaultOpen","render","h","key","class","cls","className","getBooleanAsString","disabled","ref","el","open","onClick","headlinePlain","text"],"sources":["src/components/accordion-item/accordion-item.tsx"],"sourcesContent":["import { DBAccordionItemProps, DBAccordionItemState } from \"./model\";\nimport { cls, getBooleanAsString, uuid } from \"../../utils\";\nimport { ClickEvent } from \"../../shared/model\";\nimport { DEFAULT_ID } from \"../../shared/constants\";\n\nimport { Component, h, Fragment, Event, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot headline - TODO: Add description for slotHeadline\n */\n @Component({\n  tag: \"db-accordion-item\",\n})\nexport class DBAccordionItem {\n  private _ref!: HTMLDetailsElement | null;\n  @Prop() id: DBAccordionItemProps[\"id\"];\n  @Prop() defaultOpen: DBAccordionItemProps[\"defaultOpen\"];\n  @Event() onToggle: any;\n  @Prop({attribute: \"classname\"}) className: DBAccordionItemProps[\"className\"];\n  @Prop() disabled: DBAccordionItemProps[\"disabled\"];\n  @Prop() headlinePlain: DBAccordionItemProps[\"headlinePlain\"];\n  @Prop() text: DBAccordionItemProps[\"text\"];\n\n  @State() _id = DEFAULT_ID;\n  @State() _open = false;\n\n  toggle(event: ClickEvent<HTMLElement>) {\n    // We need this for react https://github.com/facebook/react/issues/15486#issuecomment-488028431\n    event?.preventDefault();\n    const newStateOpen = !this._open;\n    if (this.onToggle) {\n      this.onToggle.emit(newStateOpen);\n    }\n    this._open = newStateOpen;\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-accordion-item\");\n    this._id = this.id || \"accordion-item-\" + uuid();\n    if (this.defaultOpen) {\n      this._open = this.defaultOpen;\n    }\n  }\n\n  render() {\n    return (\n      <li class={cls(\"db-accordion-item\", this.className)} id={this._id}>\n        <details\n          aria-disabled={getBooleanAsString(this.disabled)}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          open={this._open}\n        >\n          <summary onClick={(event) => this.toggle(event)}>\n            {this.headlinePlain ? this.headlinePlain : null}\n            {!this.headlinePlain ? <slot name=\"headline\"></slot> : null}\n          </summary>\n          <div>{this.text ? this.text : <slot></slot>}</div>\n        </details>\n      </li>\n    );\n  }\n}\n"],"mappings":"8IAeaA,EAAe,MAH3B,WAAAC,CAAAC,G,2CAaUC,KAAGC,IAAGC,EACNF,KAAKG,MAAG,KA+ElB,CA7EC,MAAAC,CAAOC,GAELA,IAAK,MAALA,SAAK,SAALA,EAAOC,iBACP,MAAMC,GAAgBP,KAAKG,MAC3B,GAAIH,KAAKQ,SAAU,CACjBR,KAAKQ,SAASC,KAAKF,E,CAErBP,KAAKG,MAAQI,C,CAQP,sBAAAG,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,GACE/B,KAAKU,uBAAuBV,KAAKgC,KAAM,qBACvChC,KAAKC,IAAMD,KAAKiC,IAAM,kBAAoBC,IAC1C,GAAIlC,KAAKmC,YAAa,CACpBnC,KAAKG,MAAQH,KAAKmC,W,EAItB,MAAAC,GACE,OACEC,EAAI,MAAAC,IAAA,2CAAAC,MAAOC,EAAI,oBAAqBxC,KAAKyC,WAAYR,GAAIjC,KAAKC,KAC5DoC,EAAA,WAAAC,IAAA,2DACiBI,EAAmB1C,KAAK2C,UACvCC,IAAMC,IACJ7C,KAAKgC,KAAOa,CAAE,EAEhBC,KAAM9C,KAAKG,OAEXkC,EAAA,WAAAC,IAAA,2CAASS,QAAU1C,GAAUL,KAAKI,OAAOC,IACtCL,KAAKgD,cAAgBhD,KAAKgD,cAAgB,MACzChD,KAAKgD,cAAgBX,EAAA,QAAMjB,KAAK,aAAqB,MAEzDiB,EAAA,OAAAC,IAAA,4CAAMtC,KAAKiD,KAAOjD,KAAKiD,KAAOZ,EAAA,e","ignoreList":[]}

package/dist/db-ux/p-43f2df95.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i}from"./p-D-D8lQAG.js";import{u as s,c as h}from"./p-fw8E73KY.js";import{D as a}from"./p-DC9V_oNU.js";const e=class{constructor(i){t(this,i);this._id=a;this._name="";this.initialized=false;this._initOpenIndexDone=false}convertItems(t){try{if(typeof t==="string"){return JSON.parse(t)}return t}catch(t){console.error(t)}return[]}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.initialized){if(this.behavior==="single"){if(this.name){if(this._name!==this.name){this._name=this.name}}else{if(this._name!==this._id&&this._id){this._name=this._id}}}else{this._name=""}}}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref){const t=this._ref.getElementsByTagName("details");if(t){for(const i of Array.from(t)){if(this._name===""){i.removeAttribute("name")}else{i.name=this._name}}}}}watch1(){this.watch1Fn()}watch2Fn(){var t;if(this._ref&&this._initOpenIndexDone){if(this.initOpenIndex&&((t=this.initOpenIndex)===null||t===void 0?void 0:t.length)>0){const t=this._ref.getElementsByTagName("details");if(t){const i=this.behavior==="single"&&this.initOpenIndex.length>1?[this.initOpenIndex[0]]:this.initOpenIndex;Array.from(t).forEach(((t,s)=>{if(i.includes(s)){t.open=true}}))}}this._initOpenIndexDone=false}}watch2(){this.watch2Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-accordion");this._id=this.id||"accordion-"+s();this.initialized=true;this._initOpenIndexDone=true;this.watch0Fn();this.watch1Fn();this.watch2Fn()}render(){var t;return i("ul",{key:"cbb0e2f58e5b0506125bc6c38830b5ce73f762ca",class:h("db-accordion",this.className),ref:t=>{this._ref=t},id:this._id,"data-variant":this.variant},!this.items?i("slot",null):null,this.items?(t=this.convertItems(this.items))===null||t===void 0?void 0:t.map(((t,s)=>i("db-accordion-item",{key:`accordion-item-${s}`,headlinePlain:t.headlinePlain,disabled:t.disabled,text:t.text}))):null)}static get watchers(){return{initialized:["watch0"],name:["watch0"],behavior:["watch0"],_id:["watch0"],_ref:["watch1","watch2"],_name:["watch1"],_initOpenIndexDone:["watch2"],initOpenIndex:["watch2"]}}};export{e as db_accordion};
-//# sourceMappingURL=p-43f2df95.entry.js.map

package/dist/db-ux/p-43f2df95.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBAccordion","constructor","hostRef","this","_id","DEFAULT_ID","_name","initialized","_initOpenIndexDone","convertItems","items","JSON","parse","error","console","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","behavior","watch0","watch1Fn","_ref","childDetails","getElementsByTagName","details","Array","from","watch1","watch2Fn","initOpenIndex","_a","forEach","index","open","watch2","componentDidLoad","id","uuid","render","h","key","class","cls","className","ref","el","variant","map","headlinePlain","disabled","text"],"sources":["src/components/accordion/accordion.tsx"],"sourcesContent":["import { DBAccordionItemDefaultProps } from \"../accordion-item/model\";\nimport { DBAccordionProps, DBAccordionState } from \"./model\";\nimport { cls, uuid } from \"../../utils\";\nimport { DBAccordionItem } from \"../accordion-item/accordion-item\";\nimport { DEFAULT_ID } from \"../../shared/constants\";\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-accordion\",\n})\nexport class DBAccordion {\n  private _ref!: HTMLUListElement | null;\n  @Prop() id: DBAccordionProps[\"id\"];\n  @Prop() name: DBAccordionProps[\"name\"];\n  @Prop() behavior: DBAccordionProps[\"behavior\"];\n  @Prop() initOpenIndex: DBAccordionProps[\"initOpenIndex\"];\n  @Prop({attribute: \"classname\"}) className: DBAccordionProps[\"className\"];\n  @Prop() variant: DBAccordionProps[\"variant\"];\n  @Prop() items: DBAccordionProps[\"items\"];\n\n  @State() _id = DEFAULT_ID;\n  @State() _name = \"\";\n  @State() initialized = false;\n  @State() _initOpenIndexDone = false;\n\n  convertItems(items: unknown[] | string | undefined) {\n    try {\n      if (typeof items === \"string\") {\n        return JSON.parse(items);\n      }\n      return items as DBAccordionItemDefaultProps[];\n    } catch (error) {\n      console.error(error);\n    }\n    return [];\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 we have a single behavior we first check for\n    // props.name otherwise for state_id\n    if (this.initialized) {\n      if (this.behavior === \"single\") {\n        if (this.name) {\n          if (this._name !== this.name) {\n            this._name = this.name;\n          }\n        } else {\n          if (this._name !== this._id && this._id) {\n            this._name = this._id;\n          }\n        }\n      } else {\n        this._name = \"\";\n      }\n    }\n  }\n\n  @Watch(\"initialized\")\n  @Watch(\"name\")\n  @Watch(\"behavior\")\n  @Watch(\"_id\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this._ref) {\n      const childDetails = this._ref.getElementsByTagName(\"details\");\n      if (childDetails) {\n        for (const details of Array.from<HTMLDetailsElement>(childDetails)) {\n          if (this._name === \"\") {\n            details.removeAttribute(\"name\");\n          } else {\n            details.name = this._name;\n          }\n        }\n      }\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"_name\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  watch2Fn() {\n    if (this._ref && this._initOpenIndexDone) {\n      if (this.initOpenIndex && this.initOpenIndex?.length > 0) {\n        const childDetails = this._ref.getElementsByTagName(\"details\");\n        if (childDetails) {\n          const initOpenIndex =\n            this.behavior === \"single\" && this.initOpenIndex.length > 1\n              ? [this.initOpenIndex[0]] // use only one index for behavior=single\n              : this.initOpenIndex;\n          Array.from<HTMLDetailsElement>(childDetails).forEach(\n            (details: HTMLDetailsElement, index: number) => {\n              if (initOpenIndex.includes(index)) {\n                details.open = true;\n              }\n            }\n          );\n        }\n      }\n      this._initOpenIndexDone = false;\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"_initOpenIndexDone\")\n  @Watch(\"initOpenIndex\")\n  watch2() {\n    this.watch2Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-accordion\");\n    this._id = this.id || \"accordion-\" + uuid();\n    this.initialized = true;\n    this._initOpenIndexDone = true;\n    this.watch0Fn();\n    this.watch1Fn();\n    this.watch2Fn();\n  }\n\n  render() {\n    return (\n      <ul\n        class={cls(\"db-accordion\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-variant={this.variant}\n      >\n        {!this.items ? <slot></slot> : null}\n        {this.items\n          ? this.convertItems(this.items)?.map((item, index) => (\n              <db-accordion-item\n                key={`accordion-item-${index}`}\n                headlinePlain={item.headlinePlain}\n                disabled={item.disabled}\n                text={item.text}\n              ></db-accordion-item>\n            ))\n          : null}\n      </ul>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/p-463c100b.entry.js

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

package/dist/db-ux/p-463c100b.entry.js.map

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

package/dist/db-ux/p-4cf2c595.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as t}from"./p-D-D8lQAG.js";import{c as e}from"./p-fw8E73KY.js";const d=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 d=0;d<t.length;d++){const c=t.item(d);if(c&&(c.name.startsWith("data-")||c.name.startsWith("aria-"))){s.setAttribute(c.name,c.value);e.removeAttribute(c.name)}if(c&&c.name==="class"){const t=c.value.includes("hydrated");const d=c.value.replace("hydrated","").trim();const o=s.getAttribute("class");s.setAttribute(c.name,`${o?`${o} `:""}${d}`);if(t){e.setAttribute("class","hydrated")}else{e.removeAttribute(c.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-form-field")}render(){return t("summary",{key:"539dd0f05b358ce1542e08f9ec8727d408572dc8",class:e("db-custom-select-form-field",this.className),ref:s=>{this._ref=s},id:this.id},t("slot",{key:"fd858cde5019672b4d54b9d350d1641b596c2683"}))}};export{d as db_custom_select_form_field};
-//# sourceMappingURL=p-4cf2c595.entry.js.map

package/dist/db-ux/p-4cf2c595.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBCustomSelectFormField","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/custom-select-form-field/custom-select-form-field.tsx"],"sourcesContent":["import {\n  DBCustomSelectFormFieldProps,\n  DBCustomSelectFormFieldState,\n} from \"./model\";\nimport { cls } from \"../../utils\";\nimport { ClickEvent } from \"../../shared/model\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-custom-select-form-field\",\n})\nexport class DBCustomSelectFormField {\n  private _ref!: HTMLDivElement | null;\n  @Prop() id: DBCustomSelectFormFieldProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBCustomSelectFormFieldProps[\"className\"];\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-custom-select-form-field\");\n  }\n\n  render() {\n    return (\n      <summary\n        class={cls(\"db-custom-select-form-field\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n      >\n        <slot></slot>\n      </summary>\n    );\n  }\n}\n"],"mappings":"qFAiBaA,EAAuB,M,yBAW1B,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,8B,CAGzC,MAAAC,GACE,OACEC,EACE,WAAAC,IAAA,2CAAAC,MAAOC,EAAI,8BAA+BN,KAAKO,WAC/CC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EAEhBC,GAAIV,KAAKU,IAETP,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/db-ux/p-56a39c64.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as i}from"./p-D-D8lQAG.js";import{e as a,f as e,s as h,d,u as o,j as c,c as n,g as l,h as r}from"./p-fw8E73KY.js";import{l as f,k as u,g as b,h as v,j as m,f as p,b as y,a as w,m as k,D as g}from"./p-DC9V_oNU.js";const $=class{constructor(i){t(this,i);this.onInput=s(this,"onInput");this.onChange=s(this,"onChange");this.onBlur=s(this,"onBlur");this.onFocus=s(this,"onFocus");this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._dataListId=undefined;this._descByIds="";this._value="";this._voiceOverFallback=""}handleInput(t){if(this.onInput){this.onInput.emit(t)}if(this.input){this.input(t)}}handleChange(t){var s,i,d,o,c,n;if(this.onChange){this.onChange.emit(t)}if(this.change){this.change(t)}if(!((s=this._ref)===null||s===void 0?void 0:s.validity.valid)||this.validation==="invalid"){this._descByIds=this._invalidMessageId;if(a()){this._voiceOverFallback=(o=(i=this.invalidMessage)!==null&&i!==void 0?i:(d=this._ref)===null||d===void 0?void 0:d.validationMessage)!==null&&o!==void 0?o:f;e((()=>this._voiceOverFallback=""),1e3)}}else if(this.validation==="valid"||((c=this._ref)===null||c===void 0?void 0:c.validity.valid)&&(this.required||this.minLength||this.maxLength||this.pattern)){this._descByIds=this._validMessageId;if(a()){this._voiceOverFallback=(n=this.validMessage)!==null&&n!==void 0?n:u;e((()=>this._voiceOverFallback=""),1e3)}}else if(h(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=""}}handleBlur(t){if(this.onBlur){this.onBlur.emit(t)}if(this.blur){this.blur(t)}}handleFocus(t){if(this.onFocus){this.onFocus.emit(t)}if(this.focus){this.focus(t)}}getDataList(t){return Array.from((d(t)?t.map((t=>({value:t,label:undefined}))):t)||[])}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}watch0Fn(){var t;if(this._id){const s=this._id+p;this._messageId=s;this._validMessageId=this._id+b;this._invalidMessageId=this._id+v;this._dataListId=(t=this.dataListId)!==null&&t!==void 0?t:this._id+m;if(h(this.message,this.showMessage)){this._descByIds=s}}}watch0(){this.watch0Fn()}watch1Fn(){this._value=this.value}watch1(){this.watch1Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-input");const s=(t=this.id)!==null&&t!==void 0?t:`input-${o()}`;this._id=s;this._messageId=s+p;this._validMessageId=s+b;this._invalidMessageId=s+v;this._dataListId=s+m;this.watch0Fn();this.watch1Fn()}render(){var t,s,a,e,d,o,l,r;return i("div",{key:"27ca6ca78881b0ca837b0c1c64533160ebeb28f4",class:n("db-input",this.className),"data-variant":this.variant,"data-hide-label":c(this.showLabel),"data-hide-icon":c(this.showIcon),"data-icon":this.icon,"data-icon-after":this.iconAfter,"data-hide-icon-after":c(this.showIcon)},i("label",{key:"a315cf7bf30dc070839e9ed0d2b0acbf7c3e6664",htmlFor:this._id},(t=this.label)!==null&&t!==void 0?t:w),i("input",{key:"a31d17d54469082152be2cc72a9ae60738dbb623","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:t=>{this._ref=t},id:this._id,name:this.name,type:this.type||"text",placeholder:(s=this.placeholder)!==null&&s!==void 0?s:y,disabled:this.disabled,required:this.required,step:this.step,value:(a=this.value)!==null&&a!==void 0?a:this._value,maxLength:this.maxLength,minLength:this.minLength,max:this.max,min:this.min,readOnly:this.readOnly,form:this.form,pattern:this.pattern,size:this.size,autoComplete:this.autocomplete,autoFocus:this.autofocus,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onBlur:t=>this.handleBlur(t),onFocus:t=>this.handleFocus(t),list:this.dataList&&this._dataListId,"aria-describedby":(e=this.ariaDescribedBy)!==null&&e!==void 0?e:this._descByIds}),this.dataList?i("datalist",{id:this._dataListId},(d=this.getDataList(this.dataList))===null||d===void 0?void 0:d.map((t=>i("option",{key:this._dataListId+"-option-"+t.value,value:t.value},t.label)))):null,i("slot",{key:"13cb6a1a9bd85beb16952f9cc7d74656bb7f836a"}),h(this.message,this.showMessage)?i("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,i("db-infotext",{key:"8cac2689efbb19ae72ef25316b3309a8eb95dff7",size:"small",semantic:"successful",id:this._validMessageId},(o=this.validMessage)!==null&&o!==void 0?o:u),i("db-infotext",{key:"8bed69ac448eb47e57e9e379b69f782f0b700d2f",size:"small",semantic:"critical",id:this._invalidMessageId},(l=this.invalidMessage)!==null&&l!==void 0?l:((r=this._ref)===null||r===void 0?void 0:r.validationMessage)||f),i("span",{key:"0bc8771f4d6121930df983cbc039b8b4234c4f74","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_id:["watch0"],value:["watch1"]}}};const x=class{constructor(i){t(this,i);this.remove=s(this,"remove");this.initialized=false}handleRemove(t){if(this.remove){this.remove.emit(t)}}getRemoveButtonText(){if(this.removeButton){return this.removeButton}return k}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}watch0Fn(){var t,s;if(this.initialized&&this._ref&&this.disabled!==undefined){const i=(t=this._ref)===null||t===void 0?void 0:t.querySelector("button:not(.db-tab-remove-button)");const a=(s=this._ref)===null||s===void 0?void 0:s.querySelector("input");for(const t of[i,a]){if(t){t.disabled=this.disabled}}}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tag");this.watch0Fn()}render(){var t;return i("div",{key:"885adb703a4fa64c2d3efaba7c167d5eb4f624a9",class:n("db-tag",this.className),ref:t=>{this._ref=t},id:this.id,"data-disabled":l(this.disabled),"data-semantic":this.semantic,"data-emphasis":this.emphasis,"data-icon":this.icon,"data-show-check-state":l((t=this.showCheckState)!==null&&t!==void 0?t:true),"data-hide-icon":c(this.showIcon),"data-no-text":l(this.noText),"data-overflow":l(this.overflow)},i("slot",{key:"af6aae86c3e2a9af3e11beff754012287566408c",name:"content"}),i("slot",{key:"71cf408fa539ea385b71de349cde551fa22b46ec"}),this.text?this.text:null,this.behavior==="removable"?i("button",{class:"db-button db-tab-remove-button","data-icon":"cross","data-size":"small","data-no-text":"true","data-variant":"ghost",onClick:t=>this.handleRemove(t),title:this.getRemoveButtonText()},this.getRemoveButtonText()):null)}static get watchers(){return{initialized:["watch0"],disabled:["watch0"],_ref:["watch0"]}}};const _=class{constructor(s){t(this,s);this._id=g;this.initialized=false}handleClick(t){t.stopPropagation()}handleAutoPlacement(){if(this._ref)r(this._ref)}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}watch0Fn(){if(this._ref&&this.initialized&&this._id){let t=this._ref.parentElement;if(t&&t.localName.includes("tooltip")){t=t.parentElement}if(t){["mouseenter","focus"].forEach((s=>{t.addEventListener(s,(()=>this.handleAutoPlacement()))}));t.setAttribute("data-has-tooltip","true");t.setAttribute("aria-describedby",this._id)}this.initialized=false}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tooltip");this._id=this.id||"tooltip-"+o();this.initialized=true;this.watch0Fn()}render(){var t,s;return i("i",{key:"515667fd1fe2d97522536c95b0b8ab04ab6d8787",class:n("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":l((t=this.animation)!==null&&t!==void 0?t:true),"data-delay":this.delay,"data-width":this.width,"data-show-arrow":l((s=this.showArrow)!==null&&s!==void 0?s:true),"data-placement":this.placement,onClick:t=>this.handleClick(t)},i("slot",{key:"3adaabba357f9945728c6b8a4bf6b00bfe063a02"}))}static get watchers(){return{_ref:["watch0"],initialized:["watch0"]}}};const D=class{constructor(s){t(this,s);this.width="fixed"}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-dropdown")}render(){return i("article",{key:"c9fb8bc9bd624219a0205249169d2b9b887444db",class:n("db-custom-select-dropdown db-card",this.className),"data-spacing":"none",ref:t=>{this._ref=t},id:this.id,"data-width":this.width},i("slot",{key:"412704007262faf38def014d5e390ddb2cdf3519"}))}};const C=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-list")}render(){return i("div",{key:"a60454c11cb2f4c18f2805df4d2a36e08ce7bb2f",class:n("db-custom-select-list",this.className),role:this.multiple?"group":"radiogroup","aria-label":this.label,ref:t=>{this._ref=t},id:this.id},i("ul",{key:"c67f060ca27858cb77a4d35c56aab1658ada579a"},i("slot",{key:"3fa6b6eeb7856ca66ce3d71ecc21b49d1dea1bc2"})))}};const A=class{constructor(i){t(this,i);this.onChange=s(this,"onChange");this._id=undefined;this.hasDivider=false}handleChange(t){if(this.onChange){this.onChange.emit(t)}if(this.change){this.change(t)}}getIconAfter(){if(this.isGroupTitle||this.type==="checkbox"){return}return this.checked?"check":"x_placeholder"}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}watch0Fn(){this.hasDivider=Boolean(this.isGroupTitle||this.showDivider)}watch0(){this.watch0Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-custom-select-list-item");this._id=(t=this.id)!==null&&t!==void 0?t:`custom-select-list-item-${o()}`;this.watch0Fn()}render(){return i("li",{key:"c20bf3ffc59b3755eed50837ac35cecf0baf425b",class:n("db-custom-select-list-item",this.className,{"db-checkbox":this.type==="checkbox"&&!this.isGroupTitle,"db-radio":this.type!=="checkbox"&&!this.isGroupTitle}),ref:t=>{this._ref=t},id:this._id,"data-divider":l(this.hasDivider)},!this.isGroupTitle?i("label",{"data-icon":this.type!=="checkbox"&&this.icon?this.icon:undefined,"data-hide-icon":c(this.showIcon),"data-icon-after":this.getIconAfter()},i("input",{class:"db-custom-select-list-item-checkbox","data-disable-focus":"true",type:this.type,name:this.name,checked:this.checked,disabled:this.disabled,value:this.value,onChange:t=>this.handleChange(t)}),this.label?this.label:null,!this.label?i("slot",null):null):i("span",null,this.groupTitle))}static get watchers(){return{isGroupTitle:["watch0"],showDivider:["watch0"]}}};export{D as db_custom_select_dropdown,C as db_custom_select_list,A as db_custom_select_list_item,$ as db_input,x as db_tag,_ as db_tooltip};
-//# sourceMappingURL=p-56a39c64.entry.js.map

package/dist/db-ux/p-56a39c64.entry.js.map

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

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

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as a}from"./p-D-D8lQAG.js";import{g as i,j as e,c,u as d}from"./p-fw8E73KY.js";import{D as h}from"./p-DC9V_oNU.js";const o=class{constructor(a){t(this,a);this.onChange=s(this,"onChange");this.initialized=false;this._selected=false}handleChange(t){var s;if(this.onChange){this.onChange.emit(t)}if(this.change){this.change(t)}const a=(s=t.target)===null||s===void 0?void 0:s["checked"];this._selected=i(a)}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const c=t.getAttribute("class");t.setAttribute(e.name,`${c?`${c} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}watch0Fn(){if(this.active&&this.initialized&&this._ref){this._ref.click();this.initialized=false}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-item");this.initialized=true;this.watch0Fn()}render(){return a("li",{key:"d0b4aa3cc63c20c3ca1c6e8b988baa2053094cf0",class:c("db-tab-item",this.className),role:"none"},a("label",{key:"2202177cd76e682a3bbb5d08516cc6ce60fca1cf",htmlFor:this.id,"data-icon":this.icon,"data-icon-after":this.iconAfter,"data-hide-icon":e(this.showIcon),"data-hide-icon-after":e(this.showIcon),"data-no-text":this.noText},a("input",{key:"0ad9f2eebc5294546206a989dcdd62f3f0a9937c",type:"radio",role:"tab",disabled:this.disabled,"aria-selected":this._selected,"aria-controls":this.controls,checked:this.checked,ref:t=>{this._ref=t},id:this.id,onChange:t=>this.handleChange(t)}),this.label?this.label:null,a("slot",{key:"785dff862d5181b7202d27d22c69e40208571aea"})))}static get watchers(){return{_ref:["watch0"],initialized:["watch0"]}}};const n=class{constructor(s){t(this,s);this._id=h}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const c=t.getAttribute("class");t.setAttribute(e.name,`${c?`${c} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-list");this._id=this.id||"tab-list-"+d()}render(){return a("div",{key:"8c3f73b0f4378863ef31a34ef3f8b3db306896cd",class:c("db-tab-list",this.className),ref:t=>{this._ref=t},id:this._id},a("ul",{key:"ecc6a926bdf3b375af90cb5c942ae505bca42d6a",role:"tablist"},a("slot",{key:"59a8a88f6558c5d99bc634718cfddf649919cae7"})))}};const l=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const c=t.getAttribute("class");t.setAttribute(e.name,`${c?`${c} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-panel")}render(){return a("section",{key:"0d41da4c7a0ff41ae23c271fb550b1431c8b9de0",class:c("db-tab-panel",this.className),role:"tabpanel",ref:t=>{this._ref=t},id:this.id,"aria-labelledby":this.labelledBy},this.content?this.content:null,a("slot",{key:"3a81ddc76c2b38a38c3b0006a59d2eb55f248ad7"}))}};export{o as db_tab_item,n as db_tab_list,l as db_tab_panel};
-//# sourceMappingURL=p-5ceb34d7.entry.js.map

package/dist/db-ux/p-5ceb34d7.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBTabItem","constructor","hostRef","this","initialized","_selected","handleChange","event","onChange","emit","change","selected","_a","target","getBooleanAsString","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","active","_ref","click","watch0","componentDidLoad","render","h","key","class","cls","className","role","htmlFor","id","icon","iconAfter","getHideProp","showIcon","noText","type","disabled","controls","checked","ref","el","label","DBTabList","_id","DEFAULT_ID","uuid","DBTabPanel","labelledBy","content"],"sources":["src/components/tab-item/tab-item.tsx","src/components/tab-list/tab-list.tsx","src/components/tab-panel/tab-panel.tsx"],"sourcesContent":["import type { DBTabItemProps, DBTabItemState } from \"./model\";\nimport { cls, getBooleanAsString, getHideProp } from \"../../utils\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\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-tab-item\",\n})\nexport class DBTabItem {\n  private _ref!: HTMLInputElement | null;\n  @Prop() active: DBTabItemProps[\"active\"];\n  @Event() onChange: any;\n  @Prop() change: DBTabItemProps[\"change\"];\n  @Prop({attribute: \"classname\"}) className: DBTabItemProps[\"className\"];\n  @Prop() id: DBTabItemProps[\"id\"];\n  @Prop() icon: DBTabItemProps[\"icon\"];\n  @Prop() iconAfter: DBTabItemProps[\"iconAfter\"];\n  @Prop() showIcon: DBTabItemProps[\"showIcon\"];\n  @Prop() noText: DBTabItemProps[\"noText\"];\n  @Prop() disabled: DBTabItemProps[\"disabled\"];\n  @Prop() controls: DBTabItemProps[\"controls\"];\n  @Prop() checked: DBTabItemProps[\"checked\"];\n  @Prop() label: DBTabItemProps[\"label\"];\n\n  @State() initialized = false;\n  @State() _selected = false;\n\n  handleChange(event: any) {\n    if (this.onChange) {\n      this.onChange.emit(event);\n    }\n    if (this.change) {\n      this.change(event);\n    }\n\n    // We have different ts types in different frameworks, so we need to use any here\n\n    const selected = (event.target as any)?.[\"checked\"];\n    this._selected = getBooleanAsString(selected);\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.active && this.initialized && this._ref) {\n      this._ref.click();\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-tab-item\");\n    this.initialized = true;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <li class={cls(\"db-tab-item\", this.className)} role=\"none\">\n        <label\n          htmlFor={this.id}\n          data-icon={this.icon}\n          data-icon-after={this.iconAfter}\n          data-hide-icon={getHideProp(this.showIcon)}\n          data-hide-icon-after={getHideProp(this.showIcon)}\n          data-no-text={this.noText}\n        >\n          <input\n            type=\"radio\"\n            role=\"tab\"\n            disabled={this.disabled}\n            aria-selected={this._selected}\n            aria-controls={this.controls}\n            checked={this.checked}\n            ref={(el: any) => {\n              this._ref = el;\n            }}\n            id={this.id}\n            onChange={(event) => this.handleChange(event)}\n          />\n          {this.label ? this.label : null}\n          <slot></slot>\n        </label>\n      </li>\n    );\n  }\n}\n","import { DBTabListProps, DBTabListState } from \"./model\";\nimport { cls, uuid } from \"../../utils\";\nimport { DEFAULT_ID } from \"../../shared/constants\";\n\nimport { Component, h, Fragment, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-tab-list\",\n})\nexport class DBTabList {\n  private _ref!: HTMLDivElement | null;\n  @Prop() id: DBTabListProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBTabListProps[\"className\"];\n\n  @State() _id = DEFAULT_ID;\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-tab-list\");\n    this._id = this.id || \"tab-list-\" + uuid();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-tab-list\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n      >\n        <ul role=\"tablist\">\n          <slot></slot>\n        </ul>\n      </div>\n    );\n  }\n}\n","import { DBTabPanelProps, DBTabPanelState } from \"./model\";\nimport { cls } from \"../../utils\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-tab-panel\",\n})\nexport class DBTabPanel {\n  private _ref!: HTMLDivElement | null;\n  @Prop({attribute: \"classname\"}) className: DBTabPanelProps[\"className\"];\n  @Prop() id: DBTabPanelProps[\"id\"];\n  @Prop() labelledBy: DBTabPanelProps[\"labelledBy\"];\n  @Prop() content: DBTabPanelProps[\"content\"];\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-tab-panel\");\n  }\n\n  render() {\n    return (\n      <section\n        class={cls(\"db-tab-panel\", this.className)}\n        role=\"tabpanel\"\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        aria-labelledby={this.labelledBy}\n      >\n        {this.content ? this.content : null}\n        <slot></slot>\n      </section>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/p-65983b83.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBBadge","constructor","hostRef","this","initialized","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","_ref","_a","placement","parentElement","localName","watch0","componentDidLoad","render","h","key","class","cls","className","ref","el","id","semantic","size","emphasis","_b","label","DEFAULT_LABEL","text"],"sources":["src/components/badge/badge.tsx"],"sourcesContent":["import { DBBadgeProps, DBBadgeState } from \"./model\";\nimport { cls } from \"../../utils\";\nimport { DEFAULT_LABEL } from \"../../shared/constants\";\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-badge\",\n})\nexport class DBBadge {\n  private _ref!: HTMLSpanElement | null;\n  @Prop() placement: DBBadgeProps[\"placement\"];\n  @Prop() id: DBBadgeProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBBadgeProps[\"className\"];\n  @Prop() semantic: DBBadgeProps[\"semantic\"];\n  @Prop() size: DBBadgeProps[\"size\"];\n  @Prop() emphasis: DBBadgeProps[\"emphasis\"];\n  @Prop() label: DBBadgeProps[\"label\"];\n  @Prop() text: DBBadgeProps[\"text\"];\n\n  @State() initialized = false;\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this._ref && this.initialized) {\n      if (this.placement?.startsWith(\"corner\")) {\n        let parent = this._ref.parentElement;\n        if (parent && parent.localName.includes(\"badge\")) {\n          // Angular workaround\n          parent = parent.parentElement;\n        }\n        if (parent) {\n          parent.setAttribute(\"data-has-badge\", \"true\");\n        }\n      }\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-badge\");\n    this.initialized = true;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <span\n        class={cls(\"db-badge\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-semantic={this.semantic}\n        data-size={this.size}\n        data-emphasis={this.emphasis}\n        data-placement={this.placement}\n        data-label={\n          this.placement?.startsWith(\"corner\") && (this.label ?? DEFAULT_LABEL)\n        }\n      >\n        {this.text ? this.text : <slot></slot>}\n      </span>\n    );\n  }\n}\n"],"mappings":"yHAcaA,EAAO,MAHnB,WAAAC,CAAAC,G,UAcUC,KAAWC,YAAG,KAyFxB,CAlFS,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,QAAAW,G,MACE,GAAIvB,KAAKwB,MAAQxB,KAAKC,YAAa,CACjC,IAAIwB,EAAAzB,KAAK0B,aAAS,MAAAD,SAAA,SAAAA,EAAEZ,WAAW,UAAW,CACxC,IAAIR,EAASL,KAAKwB,KAAKG,cACvB,GAAItB,GAAUA,EAAOuB,UAAUV,SAAS,SAAU,CAEhDb,EAASA,EAAOsB,a,CAElB,GAAItB,EAAQ,CACVA,EAAOS,aAAa,iBAAkB,O,IAQ9C,MAAAe,GACE7B,KAAKuB,U,CAGP,gBAAAO,GACE9B,KAAKE,uBAAuBF,KAAKwB,KAAM,YACvCxB,KAAKC,YAAc,KACnBD,KAAKuB,U,CAGP,MAAAQ,G,QACE,OACEC,EACE,QAAAC,IAAA,2CAAAC,MAAOC,EAAI,WAAYnC,KAAKoC,WAC5BC,IAAMC,IACJtC,KAAKwB,KAAOc,CAAE,EAEhBC,GAAIvC,KAAKuC,GAAE,gBACIvC,KAAKwC,SAAQ,YACjBxC,KAAKyC,KAAI,gBACLzC,KAAK0C,SAAQ,iBACZ1C,KAAK0B,UAAS,eAE5BD,EAAAzB,KAAK0B,aAAS,MAAAD,SAAA,SAAAA,EAAEZ,WAAW,cAAc8B,EAAA3C,KAAK4C,SAAK,MAAAD,SAAA,EAAAA,EAAIE,IAGxD7C,KAAK8C,KAAO9C,KAAK8C,KAAOd,EAAA,a","ignoreList":[]}

package/dist/db-ux/p-6e1aa320.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as i}from"./p-D-D8lQAG.js";import{s as a}from"./p-DC9V_oNU.js";import{s as e,j as n,c as o}from"./p-fw8E73KY.js";const d=class{constructor(i){t(this,i);this.onClose=s(this,"onClose")}handleClose(t){if(this.onClose){this.onClose.emit()}}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const n=t.getAttribute("class");t.setAttribute(e.name,`${n?`${n} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-notification")}render(){var t;return i("article",{key:"687caef11f1936276ea751c770a202132d7ff823",class:o("db-notification",this.className),ref:t=>{this._ref=t},id:this.id,"aria-live":this.ariaLive,"data-semantic":this.semantic,"data-variant":this.variant,"data-icon":this.icon,"data-hide-icon":n(this.showIcon),"data-link-variant":this.linkVariant},i("slot",{key:"8b8fe272272196ebf585a0b3166c27fdf8a81c0a",name:"image"}),e(this.headline,this.showHeadline)?i("header",null,this.headline):null,i("p",{key:"57f127bde56e0ea9ecebf371f2119c4b5b6c0e50"},this.text?this.text:i("slot",null)),e(this.timestamp,this.showTimestamp)?i("span",null,this.timestamp):null,i("slot",{key:"ab7ddf6617b5df95984d2d7dc21ef6dd517981fc",name:"link"}),this.closeable?i("db-button",{icon:"cross",variant:"ghost",size:"small",id:this.closeButtonId,noText:true,onClick:t=>this.handleClose(t)},(t=this.closeButtonText)!==null&&t!==void 0?t:a):null)}};export{d as db_notification};
-//# sourceMappingURL=p-6e1aa320.entry.js.map

package/dist/db-ux/p-6e1aa320.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBNotification","handleClose","event","this","onClose","emit","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","_ref","render","h","key","class","cls","className","ref","el","id","ariaLive","semantic","variant","icon","getHideProp","showIcon","linkVariant","stringPropVisible","headline","showHeadline","text","timestamp","showTimestamp","closeable","size","closeButtonId","noText","onClick","_a","closeButtonText","DEFAULT_CLOSE_BUTTON"],"sources":["src/components/notification/notification.tsx"],"sourcesContent":["import { DBNotificationProps, DBNotificationState } from \"./model\";\nimport { DBButton } from \"../button/button\";\nimport { DEFAULT_CLOSE_BUTTON } from \"../../shared/constants\";\nimport { cls, getHideProp, stringPropVisible } from \"../../utils\";\nimport { ClickEvent } from \"../../shared/model\";\n\nimport { Component, h, Fragment, Event, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot image - TODO: Add description for slotImage\n * @slot link - TODO: Add description for slotLink\n */\n @Component({\n  tag: \"db-notification\",\n})\nexport class DBNotification {\n  private _ref!: HTMLDivElement | null;\n  @Event() onClose: any;\n  @Prop() id: DBNotificationProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBNotificationProps[\"className\"];\n  @Prop() ariaLive: DBNotificationProps[\"ariaLive\"];\n  @Prop() semantic: DBNotificationProps[\"semantic\"];\n  @Prop() variant: DBNotificationProps[\"variant\"];\n  @Prop() icon: DBNotificationProps[\"icon\"];\n  @Prop() showIcon: DBNotificationProps[\"showIcon\"];\n  @Prop() linkVariant: DBNotificationProps[\"linkVariant\"];\n  @Prop() headline: DBNotificationProps[\"headline\"];\n  @Prop() showHeadline: DBNotificationProps[\"showHeadline\"];\n  @Prop() text: DBNotificationProps[\"text\"];\n\n  @Prop() timestamp: DBNotificationProps[\"timestamp\"];\n  @Prop() showTimestamp: DBNotificationProps[\"showTimestamp\"];\n  @Prop() closeable: DBNotificationProps[\"closeable\"];\n  @Prop() closeButtonId: DBNotificationProps[\"closeButtonId\"];\n  @Prop() closeButtonText: DBNotificationProps[\"closeButtonText\"];\n\n  handleClose(event: ClickEvent<HTMLButtonElement>) {\n    if (this.onClose) {\n      this.onClose.emit();\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-notification\");\n  }\n\n  render() {\n    return (\n      <article\n        class={cls(\"db-notification\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        aria-live={this.ariaLive}\n        data-semantic={this.semantic}\n        data-variant={this.variant}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-link-variant={this.linkVariant}\n      >\n        <slot name=\"image\"></slot>\n        {stringPropVisible(this.headline, this.showHeadline) ? (\n          <header>{this.headline}</header>\n        ) : null}\n        <p>{this.text ? this.text : <slot></slot>}</p>\n        {stringPropVisible(this.timestamp, this.showTimestamp) ? (\n          <span>{this.timestamp}</span>\n        ) : null}\n        <slot name=\"link\"></slot>\n        {this.closeable ? (\n          <db-button\n            icon=\"cross\"\n            variant=\"ghost\"\n            size=\"small\"\n            id={this.closeButtonId}\n            noText={true}\n            onClick={(event) => this.handleClose(event)}\n          >\n            {this.closeButtonText ?? DEFAULT_CLOSE_BUTTON}\n          </db-button>\n        ) : null}\n      </article>\n    );\n  }\n}\n"],"mappings":"8IAiBaA,EAAc,M,wDAqBzB,WAAAC,CAAYC,GACV,GAAIC,KAAKC,QAAS,CAChBD,KAAKC,QAAQC,M,EAST,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,GACExB,KAAKG,uBAAuBH,KAAKyB,KAAM,kB,CAGzC,MAAAC,G,MACE,OACEC,EACE,WAAAC,IAAA,2CAAAC,MAAOC,EAAI,kBAAmB9B,KAAK+B,WACnCC,IAAMC,IACJjC,KAAKyB,KAAOQ,CAAE,EAEhBC,GAAIlC,KAAKkC,GAAE,YACAlC,KAAKmC,SAAQ,gBACTnC,KAAKoC,SACN,eAAApC,KAAKqC,QACR,YAAArC,KAAKsC,KAAI,iBACJC,EAAYvC,KAAKwC,UACd,oBAAAxC,KAAKyC,aAExBd,EAAM,QAAAC,IAAA,2CAAAf,KAAK,UACV6B,EAAkB1C,KAAK2C,SAAU3C,KAAK4C,cACrCjB,EAAA,cAAS3B,KAAK2C,UACZ,KACJhB,EAAA,KAAAC,IAAA,4CAAI5B,KAAK6C,KAAO7C,KAAK6C,KAAOlB,EAAA,cAC3Be,EAAkB1C,KAAK8C,UAAW9C,KAAK+C,eACtCpB,EAAA,YAAO3B,KAAK8C,WACV,KACJnB,EAAM,QAAAC,IAAA,2CAAAf,KAAK,SACVb,KAAKgD,UACJrB,EAAA,aACEW,KAAK,QACLD,QAAQ,QACRY,KAAK,QACLf,GAAIlC,KAAKkD,cACTC,OAAQ,KACRC,QAAUrD,GAAUC,KAAKF,YAAYC,KAEpCsD,EAAArD,KAAKsD,mBAAmB,MAAAD,SAAA,EAAAA,EAAAE,GAEzB,K","ignoreList":[]}

package/dist/db-ux/p-70b6a633.entry.js

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

package/dist/db-ux/p-70b6a633.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBButton","handleClick","event","this","onClick","emit","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","_ref","render","h","key","class","cls","className","ref","el","id","type","disabled","label","icon","getHideProp","showIcon","size","state","width","variant","getBooleanAsString","noText","describedbyid","ariaexpanded","ariapressed","text"],"sources":["src/components/button/button.tsx"],"sourcesContent":["import type { DBButtonProps, DBButtonState } from \"./model\";\nimport { cls, getBooleanAsString, getHideProp } from \"../../utils\";\nimport { ClickEvent } from \"../../shared/model\";\n\nimport { Component, h, Fragment, Event, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-button\",\n})\nexport class DBButton {\n  private _ref!: HTMLButtonElement | null;\n  @Event() onClick: any;\n  @Prop() id: DBButtonProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBButtonProps[\"className\"];\n  @Prop() type: DBButtonProps[\"type\"];\n  @Prop() disabled: DBButtonProps[\"disabled\"];\n  @Prop() label: DBButtonProps[\"label\"];\n  @Prop() icon: DBButtonProps[\"icon\"];\n  @Prop() showIcon: DBButtonProps[\"showIcon\"];\n  @Prop() size: DBButtonProps[\"size\"];\n  @Prop() state: DBButtonProps[\"state\"];\n  @Prop() width: DBButtonProps[\"width\"];\n  @Prop() variant: DBButtonProps[\"variant\"];\n  @Prop() noText: DBButtonProps[\"noText\"];\n  @Prop() name: DBButtonProps[\"name\"];\n  @Prop() value: DBButtonProps[\"value\"];\n  @Prop() describedbyid: DBButtonProps[\"describedbyid\"];\n  @Prop() ariaexpanded: DBButtonProps[\"ariaexpanded\"];\n  @Prop() ariapressed: DBButtonProps[\"ariapressed\"];\n  @Prop() text: DBButtonProps[\"text\"];\n\n\n  handleClick(event: ClickEvent<HTMLButtonElement>) {\n    if (this.onClick) {\n      this.onClick.emit(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-button\");\n  }\n\n  render() {\n    return (\n      <button\n        class={cls(\"db-button\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        type={this.type || \"button\"}\n        disabled={this.disabled}\n        aria-label={this.label}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-size={this.size}\n        data-state={this.state}\n        data-width={this.width}\n        data-variant={this.variant}\n        data-no-text={getBooleanAsString(this.noText)}\n        name={this.name}\n        value={this.value}\n        aria-describedby={this.describedbyid}\n        aria-expanded={this.ariaexpanded}\n        aria-pressed={this.ariapressed}\n        onClick={(event) => this.handleClick(event)}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </button>\n    );\n  }\n}\n"],"mappings":"0GAcaA,EAAQ,M,wDAuBnB,WAAAC,CAAYC,GACV,GAAIC,KAAKC,QAAS,CAChBD,KAAKC,QAAQC,KAAKH,E,EASd,sBAAAI,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACExB,KAAKG,uBAAuBH,KAAKyB,KAAM,Y,CAGzC,MAAAC,GACE,OACEC,EACE,UAAAC,IAAA,2CAAAC,MAAOC,EAAI,YAAa9B,KAAK+B,WAC7BC,IAAMC,IACJjC,KAAKyB,KAAOQ,CAAE,EAEhBC,GAAIlC,KAAKkC,GACTC,KAAMnC,KAAKmC,MAAQ,SACnBC,SAAUpC,KAAKoC,SAAQ,aACXpC,KAAKqC,MAAK,YACXrC,KAAKsC,KACA,iBAAAC,EAAYvC,KAAKwC,UACtB,YAAAxC,KAAKyC,KACJ,aAAAzC,KAAK0C,MAAK,aACV1C,KAAK2C,MAAK,eACR3C,KAAK4C,QAAO,eACZC,EAAmB7C,KAAK8C,QACtCjC,KAAMb,KAAKa,KACXG,MAAOhB,KAAKgB,MAAK,mBACChB,KAAK+C,cAAa,gBACrB/C,KAAKgD,aAAY,eAClBhD,KAAKiD,YACnBhD,QAAUF,GAAUC,KAAKF,YAAYC,IAEpCC,KAAKkD,KAAOlD,KAAKkD,KAAOvB,EAAA,a","ignoreList":[]}

package/dist/db-ux/p-72cbf9ff.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as s,h as t,F as h}from"./p-D-D8lQAG.js";import{e,f as a,s as l,u as d,j as n,c as o}from"./p-fw8E73KY.js";import{l as c,k as f,g as u,h as r,f as v,i as b,a as p}from"./p-DC9V_oNU.js";const m=class{constructor(t){i(this,t);this.onClick=s(this,"onClick");this.onInput=s(this,"onInput");this.onChange=s(this,"onChange");this.onBlur=s(this,"onBlur");this.onFocus=s(this,"onFocus");this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._placeholderId="";this._descByIds="";this._value="";this.initialized=false;this._voiceOverFallback=""}handleClick(i){if(this.onClick){this.onClick.emit(i)}}handleInput(i){if(this.onInput){this.onInput.emit(i)}if(this.input){this.input(i)}}handleChange(i){var s,t,h,d,n,o;if(this.onChange){this.onChange.emit(i)}if(this.change){this.change(i)}if(!((s=this._ref)===null||s===void 0?void 0:s.validity.valid)||this.validation==="invalid"){this._descByIds=this._invalidMessageId;if(e()){this._voiceOverFallback=(d=(t=this.invalidMessage)!==null&&t!==void 0?t:(h=this._ref)===null||h===void 0?void 0:h.validationMessage)!==null&&d!==void 0?d:c;a((()=>this._voiceOverFallback=""),1e3)}}else if(this.validation==="valid"||((n=this._ref)===null||n===void 0?void 0:n.validity.valid)&&this.required){this._descByIds=this._validMessageId;if(e()){this._voiceOverFallback=(o=this.validMessage)!==null&&o!==void 0?o:f;a((()=>this._voiceOverFallback=""),1e3)}}else if(l(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=this._placeholderId}}handleBlur(i){if(this.onBlur){this.onBlur.emit(i)}if(this.blur){this.blur(i)}}handleFocus(i){if(this.onFocus){this.onFocus.emit(i)}if(this.focus){this.focus(i)}}getOptionLabel(i){var s,t;return(s=i.label)!==null&&s!==void 0?s:(t=i.value)===null||t===void 0?void 0:t.toString()}enableAttributePassing(i,s){const t=i===null||i===void 0?void 0:i.closest(s);if(i&&t){const s=t.attributes;for(let h=0;h<s.length;h++){const e=s.item(h);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){i.setAttribute(e.name,e.value);t.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const h=e.value.replace("hydrated","").trim();const a=i.getAttribute("class");i.setAttribute(e.name,`${a?`${a} `:""}${h}`);if(s){t.setAttribute("class","hydrated")}else{t.removeAttribute(e.name)}}}}}watch0Fn(){if(this._id&&this.initialized){const i=this._id+v;const s=this._id+b;this._messageId=i;this._validMessageId=this._id+u;this._invalidMessageId=this._id+r;this._placeholderId=s;if(l(this.message,this.showMessage)){this._descByIds=i}else{this._descByIds=s}this.initialized=false}}watch0(){this.watch0Fn()}watch1Fn(){this._value=this.value}watch1(){this.watch1Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-select");this.initialized=true;const s=(i=this.id)!==null&&i!==void 0?i:`select-${d()}`;this._id=s;this._messageId=s+v;this._validMessageId=s+u;this._invalidMessageId=s+r;this._placeholderId=s+b;this.watch0Fn();this.watch1Fn()}render(){var i,s,e,a,d,u,r;return t("div",{key:"85a29658a39b64e4205017e7888ef795d480deb5",class:o("db-select",this.className),"data-variant":this.variant,"data-hide-label":n(this.showLabel),"data-icon":this.icon,"data-hide-icon":n(this.showIcon)},t("label",{key:"1cfc3fb32ca1d4fddd964c866e3f5063d01bdd68",htmlFor:this._id},(i=this.label)!==null&&i!==void 0?i:p),t("select",{key:"19ec1171b29a57ec6e545c15e2a2ab38002fef12","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:i=>{this._ref=i},required:this.required,disabled:this.disabled,id:this._id,name:this.name,size:this.size,value:(s=this.value)!==null&&s!==void 0?s:this._value,autocomplete:this.autocomplete,multiple:this.multiple,onInput:i=>this.handleInput(i),onClick:i=>this.handleClick(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":this._descByIds},t("option",{key:"232c4bcf08fa6241c232a5853d61917b9fe6812d",hidden:true}),this.options?(e=this.options)===null||e===void 0?void 0:e.map((i=>{var s;return t(h,null,i.options?t("optgroup",{label:this.getOptionLabel(i)},(s=i.options)===null||s===void 0?void 0:s.map((i=>t("option",{key:i.value.toString(),value:i.value,selected:i.selected,disabled:i.disabled},this.getOptionLabel(i))))):null,!i.options?t("option",{value:i.value,disabled:i.disabled,selected:i.selected},this.getOptionLabel(i)):null)})):null,t("slot",{key:"f3630e5abaf877c9bbfc650a9cc126e78ac8d59d"})),t("span",{key:"9f770336f16272c43d124bf064868f3b42ed9084",id:this._placeholderId},(a=this.placeholder)!==null&&a!==void 0?a:this.label),l(this.message,this.showMessage)?t("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,t("db-infotext",{key:"30b40e29195baeff0fed9ceec7ce4850b50dcf1b",size:"small",semantic:"successful",id:this._validMessageId},(d=this.validMessage)!==null&&d!==void 0?d:f),t("db-infotext",{key:"ed8335ee6d0cc6bc0b5f0b4e6e075cdee193e966",size:"small",semantic:"critical",id:this._invalidMessageId},(u=this.invalidMessage)!==null&&u!==void 0?u:((r=this._ref)===null||r===void 0?void 0:r.validationMessage)||c),t("span",{key:"4ed34ac0948c3df2d8a04ef03fae4aa501b64a2e","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_id:["watch0"],initialized:["watch0"],value:["watch1"]}}};export{m as db_select};
-//# sourceMappingURL=p-72cbf9ff.entry.js.map

package/dist/db-ux/p-72cbf9ff.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBSelect","constructor","hostRef","this","_id","undefined","_messageId","_validMessageId","_invalidMessageId","_placeholderId","_descByIds","_value","initialized","_voiceOverFallback","handleClick","event","onClick","emit","handleInput","onInput","input","handleChange","onChange","change","_a","_ref","validity","valid","validation","hasVoiceOver","_d","_b","invalidMessage","_c","validationMessage","DEFAULT_INVALID_MESSAGE","delay","_e","required","_f","validMessage","DEFAULT_VALID_MESSAGE","stringPropVisible","message","showMessage","handleBlur","onBlur","blur","handleFocus","onFocus","focus","getOptionLabel","option","label","value","toString","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","messageId","DEFAULT_MESSAGE_ID_SUFFIX","placeholderId","DEFAULT_PLACEHOLDER_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","watch0","watch1Fn","watch1","componentDidLoad","mId","id","uuid","render","h","key","class","cls","className","variant","getHideProp","showLabel","icon","showIcon","htmlFor","DEFAULT_LABEL","ref","el","disabled","size","autocomplete","multiple","hidden","options","map","Fragment","optgroupOption","selected","placeholder","messageIcon","semantic","_g","role"],"sources":["src/components/select/select.tsx"],"sourcesContent":["import { DBSelectOptionType, DBSelectProps, DBSelectState } from \"./model\";\nimport {\n  cls,\n  delay,\n  getHideProp,\n  hasVoiceOver,\n  stringPropVisible,\n  uuid,\n} from \"../../utils\";\nimport {\n  DEFAULT_INVALID_MESSAGE,\n  DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n  DEFAULT_LABEL,\n  DEFAULT_MESSAGE_ID_SUFFIX,\n  DEFAULT_PLACEHOLDER_ID_SUFFIX,\n  DEFAULT_VALID_MESSAGE,\n  DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport {\n  ChangeEvent,\n  ClickEvent,\n  InputEvent,\n  InteractionEvent,\n} from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  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-select\",\n})\nexport class DBSelect {\n  private _ref!: HTMLSelectElement | null;\n  @Prop() id: DBSelectProps[\"id\"];\n  @Prop() message: DBSelectProps[\"message\"];\n  @Prop() showMessage: DBSelectProps[\"showMessage\"];\n  @Prop() value: DBSelectProps[\"value\"];\n  @Event() onClick: any;\n  @Event() onInput: any;\n  @Prop() input: DBSelectProps[\"input\"];\n  @Event() onChange: any;\n  @Prop() change: DBSelectProps[\"change\"];\n  @Prop() validation: DBSelectProps[\"validation\"];\n  @Prop() invalidMessage: DBSelectProps[\"invalidMessage\"];\n  @Prop() required: DBSelectProps[\"required\"];\n  @Prop() validMessage: DBSelectProps[\"validMessage\"];\n  @Event() onBlur: any;\n  @Prop() blur: DBSelectProps[\"blur\"];\n  @Event() onFocus: any;\n  @Prop() focus: DBSelectProps[\"focus\"];\n  @Prop({attribute: \"classname\"}) className: DBSelectProps[\"className\"];\n  @Prop() variant: DBSelectProps[\"variant\"];\n  @Prop() showLabel: DBSelectProps[\"showLabel\"];\n  @Prop() icon: DBSelectProps[\"icon\"];\n  @Prop() showIcon: DBSelectProps[\"showIcon\"];\n  @Prop() label: DBSelectProps[\"label\"];\n  @Prop() disabled: DBSelectProps[\"disabled\"];\n  @Prop() name: DBSelectProps[\"name\"];\n  @Prop() size: DBSelectProps[\"size\"];\n  @Prop() autocomplete: DBSelectProps[\"autocomplete\"];\n  @Prop() multiple: DBSelectProps[\"multiple\"];\n  @Prop() options: DBSelectProps[\"options\"];\n\n  @Prop() placeholder: DBSelectProps[\"placeholder\"];\n  @Prop() messageIcon: DBSelectProps[\"messageIcon\"];\n  @State() _id = undefined;\n  @State() _messageId = undefined;\n  @State() _validMessageId = undefined;\n  @State() _invalidMessageId = undefined;\n  @State() _placeholderId = \"\";\n  @State() _descByIds = \"\";\n  @State() _value = \"\";\n  @State() initialized = false;\n  @State() _voiceOverFallback = \"\";\n\n  handleClick(event: ClickEvent<HTMLSelectElement>) {\n    if (this.onClick) {\n      this.onClick.emit(event);\n    }\n  }\n  handleInput(event: InputEvent<HTMLSelectElement>) {\n    if (this.onInput) {\n      this.onInput.emit(event);\n    }\n    if (this.input) {\n      this.input(event);\n    }\n  }\n  handleChange(event: ChangeEvent<HTMLSelectElement>) {\n    if (this.onChange) {\n      this.onChange.emit(event);\n    }\n    if (this.change) {\n      this.change(event);\n    }\n    /* For a11y reasons we need to map the correct message with the select */\n    if (!this._ref?.validity.valid || this.validation === \"invalid\") {\n      this._descByIds = this._invalidMessageId;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback =\n          this.invalidMessage ??\n          this._ref?.validationMessage ??\n          DEFAULT_INVALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (\n      this.validation === \"valid\" ||\n      (this._ref?.validity.valid && this.required)\n    ) {\n      this._descByIds = this._validMessageId;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (stringPropVisible(this.message, this.showMessage)) {\n      this._descByIds = this._messageId;\n    } else {\n      this._descByIds = this._placeholderId;\n    }\n  }\n  handleBlur(event: InteractionEvent<HTMLSelectElement>) {\n    if (this.onBlur) {\n      this.onBlur.emit(event);\n    }\n    if (this.blur) {\n      this.blur(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLSelectElement>) {\n    if (this.onFocus) {\n      this.onFocus.emit(event);\n    }\n    if (this.focus) {\n      this.focus(event);\n    }\n  }\n  getOptionLabel(option: DBSelectOptionType) {\n    return option.label ?? option.value?.toString();\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: HTMLSelectElement | 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._id && this.initialized) {\n      const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n      const placeholderId = this._id + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n      this._messageId = messageId;\n      this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n      this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n      this._placeholderId = placeholderId;\n      if (stringPropVisible(this.message, this.showMessage)) {\n        this._descByIds = messageId;\n      } else {\n        this._descByIds = placeholderId;\n      }\n      this.initialized = false;\n    }\n  }\n\n  @Watch(\"_id\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    this._value = this.value;\n  }\n\n  @Watch(\"value\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-select\");\n    this.initialized = true;\n    const mId = this.id ?? `select-${uuid()}`;\n    this._id = mId;\n    this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;\n    this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n    this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n    this._placeholderId = mId + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n    this.watch0Fn();\n    this.watch1Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-select\", this.className)}\n        data-variant={this.variant}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n      >\n        <label htmlFor={this._id}>{this.label ?? DEFAULT_LABEL}</label>\n        <select\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          required={this.required}\n          disabled={this.disabled}\n          id={this._id}\n          name={this.name}\n          size={this.size}\n          /* @ts-ignore */\nvalue={this.value ?? this._value}\n          autocomplete={this.autocomplete}\n          multiple={this.multiple}\n          onInput={(event) => this.handleInput(event)}\n          onClick={(event) => this.handleClick(event)}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n          aria-describedby={this._descByIds}\n        >\n          <option hidden={true}></option>\n          {this.options\n            ? this.options?.map((option) => (\n                <Fragment>\n                  {option.options ? (\n                    <optgroup label={this.getOptionLabel(option)}>\n                      {option.options?.map((optgroupOption) => (\n                        <option\n                          key={optgroupOption.value.toString()}\n                          value={optgroupOption.value}\n                          selected={optgroupOption.selected}\n                          disabled={optgroupOption.disabled}\n                        >\n                          {this.getOptionLabel(optgroupOption)}\n                        </option>\n                      ))}\n                    </optgroup>\n                  ) : null}\n                  {!option.options ? (\n                    <option\n                      value={option.value}\n                      disabled={option.disabled}\n                      selected={option.selected}\n                    >\n                      {this.getOptionLabel(option)}\n                    </option>\n                  ) : null}\n                </Fragment>\n              ))\n            : null}\n          <slot></slot>\n        </select>\n        <span id={this._placeholderId}>{this.placeholder ?? this.label}</span>\n        {stringPropVisible(this.message, this.showMessage) ? (\n          <db-infotext\n            size=\"small\"\n            icon={this.messageIcon}\n            id={this._messageId}\n          >\n            {this.message}\n          </db-infotext>\n        ) : null}\n        <db-infotext\n          size=\"small\"\n          semantic=\"successful\"\n          id={this._validMessageId}\n        >\n          {this.validMessage ?? DEFAULT_VALID_MESSAGE}\n        </db-infotext>\n        <db-infotext\n          size=\"small\"\n          semantic=\"critical\"\n          id={this._invalidMessageId}\n        >\n          {this.invalidMessage ??\n            (this._ref?.validationMessage || DEFAULT_INVALID_MESSAGE)}\n        </db-infotext>\n        <span data-visually-hidden=\"true\" role=\"status\">\n          {this._voiceOverFallback}\n        </span>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/p-7346f78f.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as t}from"./p-D-D8lQAG.js";import{j as i,c as a}from"./p-fw8E73KY.js";import{q as d}from"./p-DC9V_oNU.js";const o=class{constructor(t){s(this,t)}enableAttributePassing(s,t){const i=s===null||s===void 0?void 0:s.closest(t);if(s&&i){const t=i.attributes;for(let a=0;a<t.length;a++){const d=t.item(a);if(d&&(d.name.startsWith("data-")||d.name.startsWith("aria-"))){s.setAttribute(d.name,d.value);i.removeAttribute(d.name)}if(d&&d.name==="class"){const t=d.value.includes("hydrated");const a=d.value.replace("hydrated","").trim();const o=s.getAttribute("class");s.setAttribute(d.name,`${o?`${o} `:""}${a}`);if(t){i.setAttribute("class","hydrated")}else{i.removeAttribute(d.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-brand")}render(){var s;return t("div",{key:"1db730e221409228d980d48bd673bdc2e75aefc8",class:a("db-brand",this.className),ref:s=>{this._ref=s},"data-icon":this.hideLogo?"none":(s=this.icon)!==null&&s!==void 0?s:d,"data-hide-icon":i(this.showIcon),id:this.id},this.text?this.text:t("slot",null))}};export{o as db_brand};
-//# sourceMappingURL=p-7346f78f.entry.js.map

package/dist/db-ux/p-7346f78f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBBrand","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","hideLogo","_a","icon","DEFAULT_ICON","getHideProp","showIcon","id","text"],"sources":["src/components/brand/brand.tsx"],"sourcesContent":["import { cls, getHideProp } from \"../../utils\";\nimport { DBBrandProps, DBBrandState } from \"./model\";\nimport { DEFAULT_ICON } from \"../../shared/constants\";\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-brand\",\n})\nexport class DBBrand {\n  private _ref!: HTMLDivElement | null;\n  @Prop() hideLogo: DBBrandProps[\"hideLogo\"];\n  @Prop() icon: DBBrandProps[\"icon\"];\n  @Prop() showIcon: DBBrandProps[\"showIcon\"];\n  @Prop() id: DBBrandProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBBrandProps[\"className\"];\n  @Prop() text: DBBrandProps[\"text\"];\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-brand\");\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-brand\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        data-icon={this.hideLogo ? \"none\" : this.icon ?? DEFAULT_ICON}\n        data-hide-icon={getHideProp(this.showIcon)}\n        id={this.id}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </div>\n    );\n  }\n}\n"],"mappings":"gIAcaA,EAAO,M,yBAeV,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEC,KAAKtB,uBAAuBsB,KAAKC,KAAM,W,CAGzC,MAAAC,G,MACE,OACEC,EACE,OAAAC,IAAA,2CAAAC,MAAOC,EAAI,WAAYN,KAAKO,WAC5BC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EACf,YACUT,KAAKU,SAAW,QAASC,EAAAX,KAAKY,QAAI,MAAAD,SAAA,EAAAA,EAAIE,EACjC,iBAAAC,EAAYd,KAAKe,UACjCC,GAAIhB,KAAKgB,IAERhB,KAAKiB,KAAOjB,KAAKiB,KAAOd,EAAA,a","ignoreList":[]}