@db-ux/wc-core-components 1.1.1 → 1.2.1

package/dist/db-ux/{p-2c5a50cb.entry.js.map → p-a33ead25.entry.js.map}

@@ -1 +1 @@
-{"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":[]}
+{"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-a7cb5508.entry.js

@@ -0,0 +1,2 @@
+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-BJJmGwiD.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-a7cb5508.entry.js.map

package/dist/db-ux/{p-ecdbfa7d.entry.js.map → p-a7cb5508.entry.js.map}

@@ -1 +1 @@
-{"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,0DAuBnB,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,EAAA,UAAAC,IAAA,2CACEC,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,KAAI,iBACJC,EAAYvC,KAAKwC,UAAS,YAC/BxC,KAAKyC,KAAI,aACRzC,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":[]}
+{"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-ab698c11.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t}from"./p-D-D8lQAG.js";import{c as d,g as s}from"./p-BJJmGwiD.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-ab698c11.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DBPage","constructor","hostRef","this","fontsLoaded","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","_ref","fadeIn","document","fonts","ready","then","disconnectedCallback","window","documentElement","classList","contains","remove","render","h","key","class","cls","className","ref","el","id","variant","getBooleanAsString","mainClass"],"sources":["src/components/page/page.tsx"],"sourcesContent":["import { DBPageProps, DBPageState } from \"./model\";\nimport { cls, getBooleanAsString } from \"../../utils\";\n\nimport { Component, h, Fragment, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot header - TODO: Add description for slotHeader\n * @slot footer - TODO: Add description for slotFooter\n */\n @Component({\n  tag: \"db-page\",\n})\nexport class DBPage {\n  private _ref!: HTMLDivElement | 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-b34a66b5.entry.js

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

package/dist/db-ux/{p-0f85a724.entry.js.map → p-b34a66b5.entry.js.map}

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

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

@@ -0,0 +1,2 @@
+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-BJJmGwiD.js";import{D as h}from"./p-CNj9Jn9q.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-b7ea60d8.entry.js.map

package/dist/db-ux/{p-79b19742.entry.js.map → p-b7ea60d8.entry.js.map}

@@ -1 +1 @@
-{"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":[]}
+{"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-bb08ea68.entry.js → p-b8250e4a.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as t}from"./p-6e619ac9.js";import{c as a,j as i}from"./p-45bb9feb.js";import{l as d}from"./p-af3834b6.js";const o=class{constructor(t){s(this,t)}enableAttributePassing(s,t){const a=s===null||s===void 0?void 0:s.closest(t);if(s&&a){const t=a.attributes;for(let i=0;i<t.length;i++){const d=t.item(i);if(d&&(d.name.startsWith("data-")||d.name.startsWith("aria-"))){s.setAttribute(d.name,d.value);a.removeAttribute(d.name)}if(d&&d.name==="class"){const t=d.value.includes("hydrated");const i=d.value.replace("hydrated","").trim();const o=s.getAttribute("class");s.setAttribute(d.name,`${o?`${o} `:""}${i}`);if(t){a.setAttribute("class","hydrated")}else{a.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-bb08ea68.entry.js.map
+import{r as s,h as t}from"./p-D-D8lQAG.js";import{j as i,c as a}from"./p-BJJmGwiD.js";import{l as d}from"./p-CNj9Jn9q.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-b8250e4a.entry.js.map

package/dist/db-ux/{p-bb08ea68.entry.js.map → p-b8250e4a.entry.js.map}

@@ -1 +1 @@
-{"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,EAAA,OAAAC,IAAA,2CACEC,MAAOC,EAAI,WAAYN,KAAKO,WAC5BC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EACf,YACUT,KAAKU,SAAW,QAASC,EAAAX,KAAKY,QAAI,MAAAD,SAAA,EAAAA,EAAIE,EAAY,iBAC7CC,EAAYd,KAAKe,UACjCC,GAAIhB,KAAKgB,IAERhB,KAAKiB,KAAOjB,KAAKiB,KAAOd,EAAA,a","ignoreList":[]}
+{"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":[]}

package/dist/db-ux/{p-8a557e62.entry.js → p-c1e84446.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s}from"./p-6e619ac9.js";import{c as i,j as a}from"./p-45bb9feb.js";const e=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 o=t.getAttribute("class");t.setAttribute(e.name,`${o?`${o} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-infotext")}render(){var t;return s("span",{key:"b27c5cfd908a8c0ff8b45c13eed0d6e9090e6571",class:i("db-infotext",this.className),ref:t=>{this._ref=t},id:this.id,"data-icon":this.icon,"data-semantic":this.semantic,"data-size":this.size,"data-hide-icon-before":a((t=this.showIcon)!==null&&t!==void 0?t:true)},this.text?this.text:s("slot",null))}};export{e as db_infotext};
-//# sourceMappingURL=p-8a557e62.entry.js.map
+import{r as t,h as s}from"./p-D-D8lQAG.js";import{j as i,c as a}from"./p-BJJmGwiD.js";const e=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 o=t.getAttribute("class");t.setAttribute(e.name,`${o?`${o} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-infotext")}render(){var t;return s("span",{key:"b27c5cfd908a8c0ff8b45c13eed0d6e9090e6571",class:a("db-infotext",this.className),ref:t=>{this._ref=t},id:this.id,"data-icon":this.icon,"data-semantic":this.semantic,"data-size":this.size,"data-hide-icon-before":i((t=this.showIcon)!==null&&t!==void 0?t:true)},this.text?this.text:s("slot",null))}};export{e as db_infotext};
+//# sourceMappingURL=p-c1e84446.entry.js.map

package/dist/db-ux/{p-8a557e62.entry.js.map → p-c1e84446.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DBInfotext","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","this","_ref","render","h","key","class","cls","className","ref","el","id","icon","semantic","size","getHideProp","_a","showIcon","text"],"sources":["src/components/infotext/infotext.tsx"],"sourcesContent":["import { DBInfotextProps, DBInfotextState } from \"./model\";\nimport { cls, getHideProp } from \"../../utils\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-infotext\",\n})\nexport class DBInfotext {\n  private _ref!: HTMLSpanElement | 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,EAAA,QAAAC,IAAA,2CACEC,MAAOC,EAAI,cAAeN,KAAKO,WAC/BC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EAEhBC,GAAIV,KAAKU,GAAE,YACAV,KAAKW,KAAI,gBACLX,KAAKY,SAAQ,YACjBZ,KAAKa,KAAI,wBACGC,GAAYC,EAAAf,KAAKgB,YAAQ,MAAAD,SAAA,EAAAA,EAAI,OAEnDf,KAAKiB,KAAOjB,KAAKiB,KAAOd,EAAA,a","ignoreList":[]}
+{"version":3,"names":["DBInfotext","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","this","_ref","render","h","key","class","cls","className","ref","el","id","icon","semantic","size","getHideProp","_a","showIcon","text"],"sources":["src/components/infotext/infotext.tsx"],"sourcesContent":["import { 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-d8fa16c3.entry.js

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

package/dist/db-ux/{p-b7ca81eb.entry.js.map → p-d8fa16c3.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DBRadio","constructor","hostRef","this","initialized","_id","undefined","handleChange","event","onChange","emit","change","handleBlur","onBlur","blur","handleFocus","onFocus","focus","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","checked","_ref","watch0","componentDidLoad","_a","id","uuid","render","h","key","class","cls","className","size","getHideProp","showLabel","htmlFor","type","validation","ref","el","disabled","describedbyid","required","label"],"sources":["src/components/radio/radio.tsx"],"sourcesContent":["import { DBRadioProps, DBRadioState } from \"./model\";\nimport { cls, getHideProp, uuid } from \"../../utils\";\nimport { ChangeEvent, InteractionEvent } from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-radio\",\n})\nexport class DBRadio {\n  private _ref!: HTMLInputElement | null;\n  @Prop() id: DBRadioProps[\"id\"];\n  @Prop() checked: DBRadioProps[\"checked\"];\n  @Event() onChange: any;\n  @Prop() change: DBRadioProps[\"change\"];\n  @Event() onBlur: any;\n  @Prop() blur: DBRadioProps[\"blur\"];\n  @Event() onFocus: any;\n  @Prop() focus: DBRadioProps[\"focus\"];\n  @Prop() size: DBRadioProps[\"size\"];\n  @Prop() showLabel: DBRadioProps[\"showLabel\"];\n  @Prop({attribute: \"classname\"}) className: DBRadioProps[\"className\"];\n  @Prop() validation: DBRadioProps[\"validation\"];\n  @Prop() name: DBRadioProps[\"name\"];\n  @Prop() disabled: DBRadioProps[\"disabled\"];\n  @Prop() describedbyid: DBRadioProps[\"describedbyid\"];\n  @Prop() value: DBRadioProps[\"value\"];\n  @Prop() required: DBRadioProps[\"required\"];\n  @Prop() label: DBRadioProps[\"label\"];\n\n  @State() initialized = false;\n  @State() _id = undefined;\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  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\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLInputElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this.checked && this.initialized && this._ref) {\n      this._ref.checked = true;\n    }\n  }\n\n  @Watch(\"initialized\")\n  @Watch(\"_ref\")\n  @Watch(\"checked\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-radio\");\n    this.initialized = true;\n    this._id = this.id ?? `radio-${uuid()}`;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <label\n        class={cls(\"db-radio\", this.className)}\n        data-size={this.size}\n        data-hide-label={getHideProp(this.showLabel)}\n        htmlFor={this._id}\n      >\n        <input\n          type=\"radio\"\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          id={this._id}\n          name={this.name}\n          checked={this.checked}\n          disabled={this.disabled}\n          aria-describedby={this.describedbyid}\n          value={this.value}\n          required={this.required}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n        />\n        {this.label ? this.label : <slot></slot>}\n      </label>\n    );\n  }\n}\n"],"mappings":"0GA0BaA,EAAO,MAHnB,WAAAC,CAAAC,G,6GAwBUC,KAAAC,YAAc,MACdD,KAAAE,IAAMC,S,CAEf,YAAAC,CAAaC,GACX,GAAIL,KAAKM,SAAU,CACjBN,KAAKM,SAASC,KAAKF,E,CAErB,GAAIL,KAAKQ,OAAQ,CACfR,KAAKQ,OAAOH,E,EAGhB,UAAAI,CAAWJ,GACT,GAAIL,KAAKU,OAAQ,CACfV,KAAKU,OAAOH,KAAKF,E,CAEnB,GAAIL,KAAKW,KAAM,CACbX,KAAKW,KAAKN,E,EAGd,WAAAO,CAAYP,GACV,GAAIL,KAAKa,QAAS,CAChBb,KAAKa,QAAQN,KAAKF,E,CAEpB,GAAIL,KAAKc,MAAO,CACdd,KAAKc,MAAMT,E,EASP,sBAAAU,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,QAAAW,GACE,GAAIpC,KAAKqC,SAAWrC,KAAKC,aAAeD,KAAKsC,KAAM,CACjDtC,KAAKsC,KAAKD,QAAU,I,EAOxB,MAAAE,GACEvC,KAAKoC,U,CAGP,gBAAAI,G,MACExC,KAAKe,uBAAuBf,KAAKsC,KAAM,YACvCtC,KAAKC,YAAc,KACnBD,KAAKE,KAAMuC,EAAAzC,KAAK0C,MAAE,MAAAD,SAAA,EAAAA,EAAI,SAASE,MAC/B3C,KAAKoC,U,CAGP,MAAAQ,GACE,OACEC,EAAA,SAAAC,IAAA,2CACEC,MAAOC,EAAI,WAAYhD,KAAKiD,WAAU,YAC3BjD,KAAKkD,KAAI,kBACHC,EAAYnD,KAAKoD,WAClCC,QAASrD,KAAKE,KAEd2C,EAAA,SAAAC,IAAA,2CACEQ,KAAK,QAAO,eACEtD,KAAKuD,aAAe,UAAS,uBACrBvD,KAAKuD,WAC3BC,IAAMC,IACJzD,KAAKsC,KAAOmB,CAAE,EAEhBf,GAAI1C,KAAKE,IACTuB,KAAMzB,KAAKyB,KACXY,QAASrC,KAAKqC,QACdqB,SAAU1D,KAAK0D,SAAQ,mBACL1D,KAAK2D,cACvB/B,MAAO5B,KAAK4B,MACZgC,SAAU5D,KAAK4D,SACftD,SAAWD,GAAUL,KAAKI,aAAaC,GACvCK,OAASL,GAAUL,KAAKS,WAAWJ,GACnCQ,QAAUR,GAAUL,KAAKY,YAAYP,KAEtCL,KAAK6D,MAAQ7D,KAAK6D,MAAQhB,EAAA,a","ignoreList":[]}
+{"version":3,"names":["DBRadio","constructor","hostRef","this","initialized","_id","undefined","handleChange","event","onChange","emit","change","handleBlur","onBlur","blur","handleFocus","onFocus","focus","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","checked","_ref","watch0","componentDidLoad","_a","id","uuid","render","h","key","class","cls","className","size","getHideProp","showLabel","htmlFor","type","validation","ref","el","disabled","describedbyid","required","label"],"sources":["src/components/radio/radio.tsx"],"sourcesContent":["import { DBRadioProps, DBRadioState } from \"./model\";\nimport { cls, getHideProp, uuid } from \"../../utils\";\nimport { ChangeEvent, InteractionEvent } from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-radio\",\n})\nexport class DBRadio {\n  private _ref!: HTMLInputElement | null;\n  @Prop() id: DBRadioProps[\"id\"];\n  @Prop() checked: DBRadioProps[\"checked\"];\n  @Event() onChange: any;\n  @Prop() change: DBRadioProps[\"change\"];\n  @Event() onBlur: any;\n  @Prop() blur: DBRadioProps[\"blur\"];\n  @Event() onFocus: any;\n  @Prop() focus: DBRadioProps[\"focus\"];\n  @Prop() size: DBRadioProps[\"size\"];\n  @Prop() showLabel: DBRadioProps[\"showLabel\"];\n  @Prop({attribute: \"classname\"}) className: DBRadioProps[\"className\"];\n  @Prop() validation: DBRadioProps[\"validation\"];\n  @Prop() name: DBRadioProps[\"name\"];\n  @Prop() disabled: DBRadioProps[\"disabled\"];\n  @Prop() describedbyid: DBRadioProps[\"describedbyid\"];\n  @Prop() value: DBRadioProps[\"value\"];\n  @Prop() required: DBRadioProps[\"required\"];\n  @Prop() label: DBRadioProps[\"label\"];\n\n  @State() initialized = false;\n  @State() _id = undefined;\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  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\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLInputElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this.checked && this.initialized && this._ref) {\n      this._ref.checked = true;\n    }\n  }\n\n  @Watch(\"initialized\")\n  @Watch(\"_ref\")\n  @Watch(\"checked\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-radio\");\n    this.initialized = true;\n    this._id = this.id ?? `radio-${uuid()}`;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <label\n        class={cls(\"db-radio\", this.className)}\n        data-size={this.size}\n        data-hide-label={getHideProp(this.showLabel)}\n        htmlFor={this._id}\n      >\n        <input\n          type=\"radio\"\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          id={this._id}\n          name={this.name}\n          checked={this.checked}\n          disabled={this.disabled}\n          aria-describedby={this.describedbyid}\n          value={this.value}\n          required={this.required}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n        />\n        {this.label ? this.label : <slot></slot>}\n      </label>\n    );\n  }\n}\n"],"mappings":"0GA0BaA,EAAO,MAHnB,WAAAC,CAAAC,G,uGAwBUC,KAAWC,YAAG,MACdD,KAAGE,IAAGC,SAqHhB,CAnHC,YAAAC,CAAaC,GACX,GAAIL,KAAKM,SAAU,CACjBN,KAAKM,SAASC,KAAKF,E,CAErB,GAAIL,KAAKQ,OAAQ,CACfR,KAAKQ,OAAOH,E,EAGhB,UAAAI,CAAWJ,GACT,GAAIL,KAAKU,OAAQ,CACfV,KAAKU,OAAOH,KAAKF,E,CAEnB,GAAIL,KAAKW,KAAM,CACbX,KAAKW,KAAKN,E,EAGd,WAAAO,CAAYP,GACV,GAAIL,KAAKa,QAAS,CAChBb,KAAKa,QAAQN,KAAKF,E,CAEpB,GAAIL,KAAKc,MAAO,CACdd,KAAKc,MAAMT,E,EASP,sBAAAU,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,QAAAW,GACE,GAAIpC,KAAKqC,SAAWrC,KAAKC,aAAeD,KAAKsC,KAAM,CACjDtC,KAAKsC,KAAKD,QAAU,I,EAOxB,MAAAE,GACEvC,KAAKoC,U,CAGP,gBAAAI,G,MACExC,KAAKe,uBAAuBf,KAAKsC,KAAM,YACvCtC,KAAKC,YAAc,KACnBD,KAAKE,KAAMuC,EAAAzC,KAAK0C,MAAE,MAAAD,SAAA,EAAAA,EAAI,SAASE,MAC/B3C,KAAKoC,U,CAGP,MAAAQ,GACE,OACEC,EAAA,SAAAC,IAAA,2CACEC,MAAOC,EAAI,WAAYhD,KAAKiD,WACjB,YAAAjD,KAAKkD,KACC,kBAAAC,EAAYnD,KAAKoD,WAClCC,QAASrD,KAAKE,KAEd2C,EAAA,SAAAC,IAAA,2CACEQ,KAAK,QAAO,eACEtD,KAAKuD,aAAe,UAAS,uBACrBvD,KAAKuD,WAC3BC,IAAMC,IACJzD,KAAKsC,KAAOmB,CAAE,EAEhBf,GAAI1C,KAAKE,IACTuB,KAAMzB,KAAKyB,KACXY,QAASrC,KAAKqC,QACdqB,SAAU1D,KAAK0D,SAAQ,mBACL1D,KAAK2D,cACvB/B,MAAO5B,KAAK4B,MACZgC,SAAU5D,KAAK4D,SACftD,SAAWD,GAAUL,KAAKI,aAAaC,GACvCK,OAASL,GAAUL,KAAKS,WAAWJ,GACnCQ,QAAUR,GAAUL,KAAKY,YAAYP,KAEtCL,KAAK6D,MAAQ7D,KAAK6D,MAAQhB,EAAa,a","ignoreList":[]}

package/dist/db-ux/{p-bf771913.entry.js → p-da8fcf7f.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as t}from"./p-6e619ac9.js";import{u as i,c as a}from"./p-45bb9feb.js";import{D as c}from"./p-af3834b6.js";const e=class{constructor(t){s(this,t);this._id=c}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 c=t.item(a);if(c&&(c.name.startsWith("data-")||c.name.startsWith("aria-"))){s.setAttribute(c.name,c.value);i.removeAttribute(c.name)}if(c&&c.name==="class"){const t=c.value.includes("hydrated");const a=c.value.replace("hydrated","").trim();const e=s.getAttribute("class");s.setAttribute(c.name,`${e?`${e} `:""}${a}`);if(t){i.setAttribute("class","hydrated")}else{i.removeAttribute(c.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-section");this._id=this.id||"section-"+i()}render(){return t("section",{key:"e7968521b6967bc9832d0953f3adf5c0f12263c4",class:a("db-section",this.className),ref:s=>{this._ref=s},id:this._id,"data-spacing":this.spacing||"medium","data-width":this.width},t("slot",{key:"a87c12f1d2379a3e6a41b7db1d1e5ba3dc64d60c"}))}};export{e as db_section};
-//# sourceMappingURL=p-bf771913.entry.js.map
+import{r as s,h as t}from"./p-D-D8lQAG.js";import{u as i,c as a}from"./p-BJJmGwiD.js";import{D as c}from"./p-CNj9Jn9q.js";const o=class{constructor(t){s(this,t);this._id=c}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 c=t.item(a);if(c&&(c.name.startsWith("data-")||c.name.startsWith("aria-"))){s.setAttribute(c.name,c.value);i.removeAttribute(c.name)}if(c&&c.name==="class"){const t=c.value.includes("hydrated");const a=c.value.replace("hydrated","").trim();const o=s.getAttribute("class");s.setAttribute(c.name,`${o?`${o} `:""}${a}`);if(t){i.setAttribute("class","hydrated")}else{i.removeAttribute(c.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-section");this._id=this.id||"section-"+i()}render(){return t("section",{key:"e7968521b6967bc9832d0953f3adf5c0f12263c4",class:a("db-section",this.className),ref:s=>{this._ref=s},id:this._id,"data-spacing":this.spacing||"medium","data-width":this.width},t("slot",{key:"a87c12f1d2379a3e6a41b7db1d1e5ba3dc64d60c"}))}};export{o as db_section};
+//# sourceMappingURL=p-da8fcf7f.entry.js.map

package/dist/db-ux/{p-bf771913.entry.js.map → p-da8fcf7f.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DBSection","constructor","hostRef","this","_id","DEFAULT_ID","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","render","h","key","class","cls","className","ref","el","spacing","width"],"sources":["src/components/section/section.tsx"],"sourcesContent":["import { DBSectionProps, DBSectionState } 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-section\",\n})\nexport class DBSection {\n  private _ref!: HTMLDivElement | null;\n  @Prop() id: DBSectionProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBSectionProps[\"className\"];\n  @Prop() spacing: DBSectionProps[\"spacing\"];\n  @Prop() width: DBSectionProps[\"width\"];\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-section\");\n    this._id = this.id || \"section-\" + uuid();\n  }\n\n  render() {\n    return (\n      <section\n        class={cls(\"db-section\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-spacing={this.spacing || \"medium\"}\n        data-width={this.width}\n      >\n        <slot></slot>\n      </section>\n    );\n  }\n}\n"],"mappings":"gIAcaA,EAAS,MAHrB,WAAAC,CAAAC,G,UAUUC,KAAAC,IAAMC,C,CAOP,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,cACvCzB,KAAKC,IAAMD,KAAK0B,IAAM,WAAaC,G,CAGrC,MAAAC,GACE,OACEC,EAAA,WAAAC,IAAA,2CACEC,MAAOC,EAAI,aAAchC,KAAKiC,WAC9BC,IAAMC,IACJnC,KAAKyB,KAAOU,CAAE,EAEhBT,GAAI1B,KAAKC,IAAG,eACED,KAAKoC,SAAW,SAAQ,aAC1BpC,KAAKqC,OAEjBR,EAAA,QAAAC,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["DBSection","constructor","hostRef","this","_id","DEFAULT_ID","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","render","h","key","class","cls","className","ref","el","spacing","width"],"sources":["src/components/section/section.tsx"],"sourcesContent":["import { DBSectionProps, DBSectionState } 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-section\",\n})\nexport class DBSection {\n  private _ref!: HTMLDivElement | null;\n  @Prop() id: DBSectionProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBSectionProps[\"className\"];\n  @Prop() spacing: DBSectionProps[\"spacing\"];\n  @Prop() width: DBSectionProps[\"width\"];\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-section\");\n    this._id = this.id || \"section-\" + uuid();\n  }\n\n  render() {\n    return (\n      <section\n        class={cls(\"db-section\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-spacing={this.spacing || \"medium\"}\n        data-width={this.width}\n      >\n        <slot></slot>\n      </section>\n    );\n  }\n}\n"],"mappings":"gIAcaA,EAAS,MAHrB,WAAAC,CAAAC,G,UAUUC,KAAGC,IAAGC,CA8DhB,CAvDS,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,cACvCzB,KAAKC,IAAMD,KAAK0B,IAAM,WAAaC,G,CAGrC,MAAAC,GACE,OACEC,EACE,WAAAC,IAAA,2CAAAC,MAAOC,EAAI,aAAchC,KAAKiC,WAC9BC,IAAMC,IACJnC,KAAKyB,KAAOU,CAAE,EAEhBT,GAAI1B,KAAKC,IAAG,eACED,KAAKoC,SAAW,SAClB,aAAApC,KAAKqC,OAEjBR,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/db-ux/{p-2e931b97.entry.js → p-e1893e40.entry.js}

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

package/dist/db-ux/{p-2e931b97.entry.js.map → p-e1893e40.entry.js.map}

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

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

@@ -0,0 +1,2 @@
+import{r as i,c as s,h as t}from"./p-D-D8lQAG.js";import{i as h,h as a,d as e,e as d,c}from"./p-CNj9Jn9q.js";import{e as n,f as l,s as o,u as f,j as r,c as u}from"./p-BJJmGwiD.js";const b=class{constructor(t){i(this,t);this.onChange=s(this,"onChange");this.onBlur=s(this,"onBlur");this.onFocus=s(this,"onFocus");this.initialized=false;this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._descByIds="";this._voiceOverFallback=""}handleChange(i){var s,t,e,d,c,f;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(n()){this._voiceOverFallback=(d=(t=this.invalidMessage)!==null&&t!==void 0?t:(e=this._ref)===null||e===void 0?void 0:e.validationMessage)!==null&&d!==void 0?d:h;l((()=>this._voiceOverFallback=""),1e3)}}else if(this.validation==="valid"||((c=this._ref)===null||c===void 0?void 0:c.validity.valid)&&this.required){this._descByIds=this._validMessageId;if(n()){this._voiceOverFallback=(f=this.validMessage)!==null&&f!==void 0?f:a;l((()=>this._voiceOverFallback=""),1e3)}}else if(o(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=""}}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)}}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 a=s.item(h);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){i.setAttribute(a.name,a.value);t.removeAttribute(a.name)}if(a&&a.name==="class"){const s=a.value.includes("hydrated");const h=a.value.replace("hydrated","").trim();const e=i.getAttribute("class");i.setAttribute(a.name,`${e?`${e} `:""}${h}`);if(s){t.setAttribute("class","hydrated")}else{t.removeAttribute(a.name)}}}}}watch0Fn(){if(this._id){const i=this._id+c;this._messageId=i;this._validMessageId=this._id+e;this._invalidMessageId=this._id+d;if(o(this.message,this.showMessage)){this._descByIds=i}}}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref){if(this.indeterminate!==undefined){this._ref.indeterminate=this.indeterminate}}}watch1(){this.watch1Fn()}watch2Fn(){if(this.initialized&&this._ref){if(this.checked!=undefined){this._ref.checked=this.checked}this.initialized=false}}watch2(){this.watch2Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-checkbox");this.initialized=true;const s=(i=this.id)!==null&&i!==void 0?i:`checkbox-${f()}`;this._id=s;this._messageId=s+c;this._validMessageId=s+e;this._invalidMessageId=s+d;this.watch0Fn();this.watch1Fn();this.watch2Fn()}render(){var i,s,e,d;return t("div",{key:"a0271b130c9ea285cf0ed8855ca6184e1bbd0dc2",class:u("db-checkbox",this.className),"data-size":this.size,"data-hide-label":r(this.showLabel)},t("label",{key:"671bd2542c827f14c692b784b38dacddfba3e2e1",htmlFor:this._id},t("input",{key:"2c570c34423a152cae7f300b8cd64ea37660af8a",type:"checkbox","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:i=>{this._ref=i},id:this._id,name:this.name,checked:this.checked,disabled:this.disabled,value:this.value,required:this.required,onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":this._descByIds}),this.label?this.label:t("slot",null)),o(this.message,this.showMessage)?t("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,t("db-infotext",{key:"c2616ac2d5953f553f758ac22ae493c6b4cd7c97",size:"small",semantic:"successful",id:this._validMessageId},(i=this.validMessage)!==null&&i!==void 0?i:a),t("db-infotext",{key:"b5b4f366e50fc282cc915c6161fb2e919a73093b",size:"small",semantic:"critical",id:this._invalidMessageId},(d=(s=this.invalidMessage)!==null&&s!==void 0?s:(e=this._ref)===null||e===void 0?void 0:e.validationMessage)!==null&&d!==void 0?d:h),t("span",{key:"81f640e01c980cab839c6f57472389ad60279a75","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_id:["watch0"],initialized:["watch1","watch2"],_ref:["watch1","watch2"],indeterminate:["watch1"],checked:["watch2"]}}};export{b as db_checkbox};
+//# sourceMappingURL=p-e7905599.entry.js.map