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

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

@@ -1,2 +0,0 @@
-import{r as e,h as t}from"./p-6e619ac9.js";import{c as a,g as s}from"./p-45bb9feb.js";const d=class{constructor(t){e(this,t);this.fontsLoaded=false}enableAttributePassing(e,t){const a=e===null||e===void 0?void 0:e.closest(t);if(e&&a){const t=a.attributes;for(let s=0;s<t.length;s++){const d=t.item(s);if(d&&(d.name.startsWith("data-")||d.name.startsWith("aria-"))){e.setAttribute(d.name,d.value);a.removeAttribute(d.name)}if(d&&d.name==="class"){const t=d.value.includes("hydrated");const s=d.value.replace("hydrated","").trim();const i=e.getAttribute("class");e.setAttribute(d.name,`${i?`${i} `:""}${s}`);if(t){a.setAttribute("class","hydrated")}else{a.removeAttribute(d.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:"1813172b90b8bdae5e14024bdb764211a9516af7",class:a("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:"7b3cb18c6f48fa169c68b528f500a856fdb829a4",name:"header"}),t("main",{key:"17468d52548cee8710499a796bc5a8454744508a",class:"db-main"},t("slot",{key:"23f7b20371a3e8cb6d0dc7388a4217d2361eef5e"})),t("slot",{key:"b9143dcf291836be5bf133934c546e5168c7676f",name:"footer"}))}};export{d as db_page};
-//# sourceMappingURL=p-a0a07ca5.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["DBPage","constructor","hostRef","this","fontsLoaded","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","_ref","fadeIn","document","fonts","ready","then","disconnectedCallback","window","documentElement","classList","contains","remove","render","h","key","class","cls","className","ref","el","id","variant","getBooleanAsString"],"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\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=\"db-main\">\n          <slot></slot>\n        </main>\n        <slot name=\"footer\"></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"4FAcaA,EAAM,MAHlB,WAAAC,CAAAC,G,UAWUC,KAAAC,YAAc,K,CAOf,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,EAAA,OAAAC,IAAA,2CACEC,MAAOC,EAAI,UAAWxC,KAAKyC,WAC3BC,IAAMC,IACJ3C,KAAKwB,KAAOmB,CAAE,EAEhBC,GAAI5C,KAAK4C,GAAE,eACG5C,KAAK6C,QAAO,eACZ7C,KAAKyB,OAAM,oBACNqB,EAAmB9C,KAAKC,cAE3CoC,EAAA,QAAAC,IAAA,2CAAM1B,KAAK,WACXyB,EAAA,QAAAC,IAAA,2CAAMC,MAAM,WACVF,EAAA,QAAAC,IAAA,8CAEFD,EAAA,QAAAC,IAAA,2CAAM1B,KAAK,W","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,h as a}from"./p-6e619ac9.js";import{h as i,u as s,c as e,g as o}from"./p-45bb9feb.js";import{D as h}from"./p-af3834b6.js";const d=class{constructor(a){t(this,a);this._id=h;this.initialized=false}handleClick(t){t.stopPropagation()}handleAutoPlacement(){if(this._ref)i(this._ref)}enableAttributePassing(t,a){const i=t===null||t===void 0?void 0:t.closest(a);if(t&&i){const a=i.attributes;for(let s=0;s<a.length;s++){const e=a.item(s);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 a=e.value.includes("hydrated");const s=e.value.replace("hydrated","").trim();const o=t.getAttribute("class");t.setAttribute(e.name,`${o?`${o} `:""}${s}`);if(a){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}watch0Fn(){if(this._ref&&this.initialized&&this._id){let t=this._ref.parentElement;if(t&&t.localName.includes("tooltip")){t=t.parentElement}if(t){["mouseenter","focus"].forEach((a=>{t.addEventListener(a,(()=>this.handleAutoPlacement()))}));t.setAttribute("data-has-tooltip","true");t.setAttribute("aria-describedby",this._id)}this.initialized=false}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tooltip");this._id=this.id||"tooltip-"+s();this.initialized=true;this.watch0Fn()}render(){var t,i;return a("i",{key:"515667fd1fe2d97522536c95b0b8ab04ab6d8787",class:e("db-tooltip",this.className),role:"tooltip","aria-hidden":"true","data-gap":"true",ref:t=>{this._ref=t},id:this._id,"data-emphasis":this.emphasis,"data-animation":o((t=this.animation)!==null&&t!==void 0?t:true),"data-delay":this.delay,"data-width":this.width,"data-show-arrow":o((i=this.showArrow)!==null&&i!==void 0?i:true),"data-placement":this.placement,onClick:t=>this.handleClick(t)},a("slot",{key:"3adaabba357f9945728c6b8a4bf6b00bfe063a02"}))}static get watchers(){return{_ref:["watch0"],initialized:["watch0"]}}};export{d as db_tooltip};
-//# sourceMappingURL=p-a123f227.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["DBTooltip","constructor","hostRef","this","_id","DEFAULT_ID","initialized","handleClick","event","stopPropagation","handleAutoPlacement","_ref","handleDataOutside","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","parentElement","localName","forEach","addEventListener","watch0","componentDidLoad","id","uuid","render","h","key","class","cls","className","role","ref","el","emphasis","getBooleanAsString","_a","animation","delay","width","_b","showArrow","placement","onClick"],"sources":["src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { DBTooltipProps, DBTooltipState } from \"./model\";\nimport { cls, getBooleanAsString, handleDataOutside, uuid } from \"../../utils\";\nimport { ClickEvent } from \"../../shared/model\";\nimport { DEFAULT_ID } from \"../../shared/constants\";\n\nimport { Component, h, Fragment, Watch, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-tooltip\",\n})\nexport class DBTooltip {\n  private _ref!: HTMLDivElement | null;\n  @Prop() id: DBTooltipProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBTooltipProps[\"className\"];\n  @Prop() emphasis: DBTooltipProps[\"emphasis\"];\n  @Prop() animation: DBTooltipProps[\"animation\"];\n  @Prop() delay: DBTooltipProps[\"delay\"];\n  @Prop() width: DBTooltipProps[\"width\"];\n  @Prop() showArrow: DBTooltipProps[\"showArrow\"];\n  @Prop() placement: DBTooltipProps[\"placement\"];\n\n  @State() _id = DEFAULT_ID;\n  @State() initialized = false;\n\n  handleClick(event: ClickEvent<HTMLElement>) {\n    event.stopPropagation();\n  }\n  handleAutoPlacement() {\n    if (this._ref) handleDataOutside(this._ref);\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this._ref && this.initialized && this._id) {\n      let parent = this._ref.parentElement;\n      if (parent && parent.localName.includes(\"tooltip\")) {\n        // Angular workaround\n        parent = parent.parentElement;\n      }\n      if (parent) {\n        [\"mouseenter\", \"focus\"].forEach((event) => {\n          parent.addEventListener(event, () => this.handleAutoPlacement());\n        });\n        parent.setAttribute(\"data-has-tooltip\", \"true\");\n        parent.setAttribute(\"aria-describedby\", this._id);\n      }\n      this.initialized = false;\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-tooltip\");\n    this._id = this.id || \"tooltip-\" + uuid();\n    this.initialized = true;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <i\n        class={cls(\"db-tooltip\", this.className)}\n        role=\"tooltip\"\n        aria-hidden=\"true\"\n        data-gap=\"true\"\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-emphasis={this.emphasis}\n        data-animation={getBooleanAsString(this.animation ?? true)}\n        data-delay={this.delay}\n        data-width={this.width}\n        data-show-arrow={getBooleanAsString(this.showArrow ?? true)}\n        data-placement={this.placement}\n        onClick={(event) => this.handleClick(event)}\n      >\n        <slot></slot>\n      </i>\n    );\n  }\n}\n"],"mappings":"8IAeaA,EAAS,MAHrB,WAAAC,CAAAC,G,UAcUC,KAAAC,IAAMC,EACNF,KAAAG,YAAc,K,CAEvB,WAAAC,CAAYC,GACVA,EAAMC,iB,CAER,mBAAAC,GACE,GAAIP,KAAKQ,KAAMC,EAAkBT,KAAKQ,K,CAQhC,sBAAAE,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,QAAAW,GACE,GAAI/B,KAAKQ,MAAQR,KAAKG,aAAeH,KAAKC,IAAK,CAC7C,IAAIY,EAASb,KAAKQ,KAAKwB,cACvB,GAAInB,GAAUA,EAAOoB,UAAUP,SAAS,WAAY,CAElDb,EAASA,EAAOmB,a,CAElB,GAAInB,EAAQ,CACV,CAAC,aAAc,SAASqB,SAAS7B,IAC/BQ,EAAOsB,iBAAiB9B,GAAO,IAAML,KAAKO,uBAAsB,IAElEM,EAAOS,aAAa,mBAAoB,QACxCT,EAAOS,aAAa,mBAAoBtB,KAAKC,I,CAE/CD,KAAKG,YAAc,K,EAMvB,MAAAiC,GACEpC,KAAK+B,U,CAGP,gBAAAM,GACErC,KAAKU,uBAAuBV,KAAKQ,KAAM,cACvCR,KAAKC,IAAMD,KAAKsC,IAAM,WAAaC,IACnCvC,KAAKG,YAAc,KACnBH,KAAK+B,U,CAGP,MAAAS,G,QACE,OACEC,EAAA,KAAAC,IAAA,2CACEC,MAAOC,EAAI,aAAc5C,KAAK6C,WAC9BC,KAAK,UAAS,cACF,OAAM,WACT,OACTC,IAAMC,IACJhD,KAAKQ,KAAOwC,CAAE,EAEhBV,GAAItC,KAAKC,IAAG,gBACGD,KAAKiD,SAAQ,iBACZC,GAAmBC,EAAAnD,KAAKoD,aAAS,MAAAD,SAAA,EAAAA,EAAI,MAAK,aAC9CnD,KAAKqD,MAAK,aACVrD,KAAKsD,MAAK,kBACLJ,GAAmBK,EAAAvD,KAAKwD,aAAS,MAAAD,SAAA,EAAAA,EAAI,MAAK,iBAC3CvD,KAAKyD,UACrBC,QAAUrD,GAAUL,KAAKI,YAAYC,IAErCoC,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["DEFAULT_ID","DEFAULT_LABEL","DEFAULT_PLACEHOLDER","DEFAULT_MESSAGE_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","DEFAULT_PLACEHOLDER_ID_SUFFIX","DEFAULT_DATALIST_ID_SUFFIX","DEFAULT_VALID_MESSAGE","DEFAULT_INVALID_MESSAGE","DEFAULT_BACK","DEFAULT_BURGER_MENU","DEFAULT_ICON","DEFAULT_ROWS","DEFAULT_CLOSE_BUTTON","DENSITY_CONST","COLOR_CONST","DENSITY","DENSITIES","Object","entries","map","value","COLOR_SIMPLE","COLOR","COLORS","COLORS_SIMPLE","SEMANTIC","SEMANTICS","DEFAULT_VIEWPORT","width","height","DESKTOP_VIEWPORT","TESTING_VIEWPORTS","assign","name"],"sources":["src/shared/constants.ts"],"sourcesContent":["export const DEFAULT_ID: string = 'OVERWRITE_DEFAULT_ID';\nexport const DEFAULT_LABEL: string = 'LABEL SHOULD BE SET';\nexport const DEFAULT_PLACEHOLDER: string = ' ';\nexport const DEFAULT_MESSAGE_ID_SUFFIX: string = '-message';\nexport const DEFAULT_VALID_MESSAGE_ID_SUFFIX: string = '-valid-message';\nexport const DEFAULT_INVALID_MESSAGE_ID_SUFFIX: string = '-invalid-message';\nexport const DEFAULT_PLACEHOLDER_ID_SUFFIX: string = '-placeholder';\nexport const DEFAULT_DATALIST_ID_SUFFIX: string = '-datalist';\nexport const DEFAULT_VALID_MESSAGE: string = 'TODO: Add a validMessage';\nexport const DEFAULT_INVALID_MESSAGE: string = 'TODO: Add an invalidMessage';\nexport const DEFAULT_BACK: string = 'Back';\nexport const DEFAULT_BURGER_MENU: string = 'BurgerMenu';\nexport const DEFAULT_ICON: string = 'brand';\nexport const DEFAULT_ROWS: number = 4;\nexport const DEFAULT_CLOSE_BUTTON: string = 'Close Button';\nexport const DENSITY_CONST: string = 'density';\nexport const COLOR_CONST: string = 'color';\nexport enum DENSITY {\n  'FUNCTIONAL' = 'functional',\n  'REGULAR' = 'regular',\n  'EXPRESSIVE' = 'expressive',\n}\nexport const DENSITIES: DENSITY[] = Object.entries(DENSITY).map(([, value]) => value);\nexport enum COLOR_SIMPLE {\n  'PRIMARY' = 'primary',\n}\nexport enum COLOR {\n  'NEUTRAL_BG_LEVEL_1' = 'neutral-bg-basic-level-1',\n  'NEUTRAL_BG_LEVEL_2' = 'neutral-bg-basic-level-2',\n  'NEUTRAL_BG_LEVEL_3' = 'neutral-bg-basic-level-3',\n  'NEUTRAL_BG_TRANSPARENT_SEMI' = 'neutral-bg-basic-transparent-semi',\n  'NEUTRAL_BG_TRANSPARENT_FULL' = 'neutral-bg-basic-transparent-full',\n  'BRAND_BG_LEVEL_1' = 'brand-bg-basic-level-1',\n  'BRAND_BG_LEVEL_2' = 'brand-bg-basic-level-2',\n  'BRAND_BG_LEVEL_3' = 'brand-bg-basic-level-3',\n  'BRAND_BG_TRANSPARENT_SEMI' = 'brand-bg-basic-transparent-semi',\n  'BRAND_BG_TRANSPARENT_FULL' = 'brand-bg-basic-transparent-full',\n  'SUCCESSFUL_BG_LEVEL_1' = 'successful-bg-basic-level-1',\n  'SUCCESSFUL_BG_LEVEL_2' = 'successful-bg-basic-level-2',\n  'SUCCESSFUL_BG_LEVEL_3' = 'successful-bg-basic-level-3',\n  'SUCCESSFUL_BG_TRANSPARENT_SEMI' = 'successful-bg-basic-transparent-semi',\n  'SUCCESSFUL_BG_TRANSPARENT_FULL' = 'successful-bg-basic-transparent-full',\n  'CRITICAL_BG_LEVEL_1' = 'critical-bg-basic-level-1',\n  'CRITICAL_BG_LEVEL_2' = 'critical-bg-basic-level-2',\n  'CRITICAL_BG_LEVEL_3' = 'critical-bg-basic-level-3',\n  'CRITICAL_BG_TRANSPARENT_SEMI' = 'critical-bg-basic-transparent-semi',\n  'CRITICAL_BG_TRANSPARENT_Full' = 'critical-bg-basic-transparent-full',\n  'WARNING_BG_LEVEL_1' = 'warning-bg-basic-level-1',\n  'WARNING_BG_LEVEL_2' = 'warning-bg-basic-level-2',\n  'WARNING_BG_LEVEL_3' = 'warning-bg-basic-level-3',\n  'WARNING_BG_TRANSPARENT_SEMI' = 'warning-bg-basic-transparent-semi',\n  'WARNING_BG_TRANSPARENT_FULL' = 'warning-bg-basic-transparent-full',\n  'INFORMATIONAL_BG_LEVEL_1' = 'informational-bg-basic-level-1',\n  'INFORMATIONAL_BG_LEVEL_2' = 'informational-bg-basic-level-2',\n  'INFORMATIONAL_BG_LEVEL_3' = 'informational-bg-basic-level-3',\n  'INFORMATIONAL_BG_TRANSPARENT_SEMI' = 'informational-bg-basic-transparent-semi',\n  'INFORMATIONAL_BG_TRANSPARENT_FULL' = 'informational-bg-basic-transparent-full',\n}\nexport const COLORS: COLOR[] = Object.entries(COLOR).map(([, value]) => value);\nexport const COLORS_SIMPLE: COLOR_SIMPLE[] = Object.entries(COLOR_SIMPLE).map(([, value]) => value);\nexport enum SEMANTIC {\n  'CRITICAL' = 'critical',\n  'INFORMATIONAL' = 'informational',\n  'WARNING' = 'warning',\n  'SUCCESSFUL' = 'successful',\n}\nexport const SEMANTICS: SEMANTIC[] = Object.entries(SEMANTIC).map(([, value]) => value);\nexport const DEFAULT_VIEWPORT = {\n  width: 390,\n  height: 884\n};\nexport const DESKTOP_VIEWPORT = {\n  width: 1920,\n  height: 1280\n};\n\n/**\n * Use those viewports if your component has a css media-query otherwise use the DEFAULT_VIEWPORT\n */\nexport const TESTING_VIEWPORTS = [{\n  name: 'desktop',\n  ...DESKTOP_VIEWPORT\n}, {\n  name: 'tablet',\n  width: 768,\n  height: 1024\n}, {\n  name: 'mobile',\n  ...DEFAULT_VIEWPORT\n}]"],"mappings":"MAAaA,EAAqB,uB,MACrBC,EAAwB,sB,MACxBC,EAA8B,I,MAC9BC,EAAoC,W,MACpCC,EAA0C,iB,MAC1CC,EAA4C,mB,MAC5CC,EAAwC,e,MACxCC,EAAqC,Y,MACrCC,EAAgC,2B,MAChCC,EAAkC,8B,MAClCC,EAAuB,O,MACvBC,EAA8B,a,MAC9BC,EAAuB,Q,MACvBC,EAAuB,E,MACvBC,EAA+B,e,MAC/BC,EAAwB,U,MACxBC,EAAsB,Q,IACvBC,GAAZ,SAAYA,GACVA,EAAA,2BACAA,EAAA,qBACAA,EAAA,0BACD,EAJD,CAAYA,MAAO,K,MAKNC,EAAuBC,OAAOC,QAAQH,GAASI,KAAI,EAAC,CAAGC,KAAWA,I,IACnEC,GAAZ,SAAYA,GACVA,EAAA,oBACD,EAFD,CAAYA,MAAY,K,IAGZC,GAAZ,SAAYA,GACVA,EAAA,iDACAA,EAAA,iDACAA,EAAA,iDACAA,EAAA,mEACAA,EAAA,mEACAA,EAAA,6CACAA,EAAA,6CACAA,EAAA,6CACAA,EAAA,+DACAA,EAAA,+DACAA,EAAA,uDACAA,EAAA,uDACAA,EAAA,uDACAA,EAAA,yEACAA,EAAA,yEACAA,EAAA,mDACAA,EAAA,mDACAA,EAAA,mDACAA,EAAA,qEACAA,EAAA,qEACAA,EAAA,iDACAA,EAAA,iDACAA,EAAA,iDACAA,EAAA,mEACAA,EAAA,mEACAA,EAAA,6DACAA,EAAA,6DACAA,EAAA,6DACAA,EAAA,+EACAA,EAAA,8EACD,EA/BD,CAAYA,MAAK,K,MAgCJC,EAAkBN,OAAOC,QAAQI,GAAOH,KAAI,EAAC,CAAGC,KAAWA,I,MAC3DI,EAAgCP,OAAOC,QAAQG,GAAcF,KAAI,EAAC,CAAGC,KAAWA,I,IACjFK,GAAZ,SAAYA,GACVA,EAAA,uBACAA,EAAA,iCACAA,EAAA,qBACAA,EAAA,0BACD,EALD,CAAYA,MAAQ,K,MAMPC,EAAwBT,OAAOC,QAAQO,GAAUN,KAAI,EAAC,CAAGC,KAAWA,I,MACpEO,EAAmB,CAC9BC,MAAO,IACPC,OAAQ,K,MAEGC,EAAmB,CAC9BF,MAAO,KACPC,OAAQ,M,MAMGE,EAAoB,CAAAd,OAAAe,OAAA,CAC/BC,KAAM,WACHH,GACF,CACDG,KAAM,SACNL,MAAO,IACPC,OAAQ,MACTZ,OAAAe,OAAA,CACCC,KAAM,UACHN,W","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as s}from"./p-6e619ac9.js";import{u as h,c as a,j as e}from"./p-45bb9feb.js";const d=class{constructor(s){i(this,s);this.onChange=t(this,"onChange",7);this.onBlur=t(this,"onBlur",7);this.onFocus=t(this,"onFocus",7);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:a("db-radio",this.className),"data-size":this.size,"data-hide-label":e(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-b7ca81eb.entry.js.map

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

@@ -1,2 +0,0 @@
-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

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

@@ -1,2 +0,0 @@
-import{r as i,c as s,h as t}from"./p-6e619ac9.js";import{e as h,f as a,s as e,u as d,c as l,j as n}from"./p-45bb9feb.js";import{i as o,h as c,d as f,e as r,c as u,b as v,m as b,a as m}from"./p-af3834b6.js";const p=class{constructor(t){i(this,t);this.onInput=s(this,"onInput",7);this.onChange=s(this,"onChange",7);this.onBlur=s(this,"onBlur",7);this.onFocus=s(this,"onFocus",7);this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._descByIds="";this._value="";this._voiceOverFallback=""}handleInput(i){if(this.onInput){this.onInput.emit(i)}if(this.input){this.input(i)}}handleChange(i){var s,t,d,l,n,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(h()){this._voiceOverFallback=(l=(t=this.invalidMessage)!==null&&t!==void 0?t:(d=this._ref)===null||d===void 0?void 0:d.validationMessage)!==null&&l!==void 0?l:o;a((()=>this._voiceOverFallback=""),1e3)}}else if(this.validation==="valid"||((n=this._ref)===null||n===void 0?void 0:n.validity.valid)&&(this.required||this.minLength||this.maxLength)){this._descByIds=this._validMessageId;if(h()){this._voiceOverFallback=(f=this.validMessage)!==null&&f!==void 0?f:c;a((()=>this._voiceOverFallback=""),1e3)}}else if(e(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+u;this._messageId=i;this._validMessageId=this._id+f;this._invalidMessageId=this._id+r;if(e(this.message,this.showMessage)){this._descByIds=i}}}watch0(){this.watch0Fn()}watch1Fn(){this._value=this.value}watch1(){this.watch1Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-textarea");const s=(i=this.id)!==null&&i!==void 0?i:`textarea-${d()}`;this._id=s;this._messageId=s+u;this._validMessageId=s+f;this._invalidMessageId=s+r;this.watch0Fn();this.watch1Fn()}render(){var i,s,h,a,d,f,r,u;return t("div",{key:"e4ef4e666ccb942a36d351bc222778301f19d683",class:l("db-textarea",this.className),"data-variant":this.variant,"data-hide-label":n(this.showLabel)},t("label",{key:"f6789ed822b101611cc4faa8ab80811f5a28dac1",htmlFor:this._id},(i=this.label)!==null&&i!==void 0?i:m),t("textarea",{key:"765275e4d10aa51e836709ad88eb4797387f2d90","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:i=>{this._ref=i},id:this._id,"data-resize":this.resize,disabled:this.disabled,required:this.required,readOnly:this.readOnly,form:this.form,maxLength:this.maxLength,minLength:this.minLength,name:this.name,wrap:this.wrap,spellcheck:this.spellCheck,autocomplete:this.autocomplete,onInput:i=>this.handleInput(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),value:(s=this.value)!==null&&s!==void 0?s:this._value,"aria-describedby":this._descByIds,placeholder:(h=this.placeholder)!==null&&h!==void 0?h:v,rows:(a=this.rows)!==null&&a!==void 0?a:b,cols:this.cols}),e(this.message,this.showMessage)?t("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,t("db-infotext",{key:"3bb51e0be90600f665b64caff82e89b5f2adaf07",size:"small",semantic:"successful",id:this._validMessageId},(d=this.validMessage)!==null&&d!==void 0?d:c),t("db-infotext",{key:"7b1a8a41ff41a8fe2a60f00536203ac28a4e10c2",size:"small",semantic:"critical",id:this._invalidMessageId},(u=(f=this.invalidMessage)!==null&&f!==void 0?f:(r=this._ref)===null||r===void 0?void 0:r.validationMessage)!==null&&u!==void 0?u:o),t("span",{key:"ddca5afd8b8555967aabdec9d64240f81ded8de0","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_id:["watch0"],value:["watch1"]}}};export{p as db_textarea};
-//# sourceMappingURL=p-d4755d20.entry.js.map

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

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

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

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as i}from"./p-6e619ac9.js";import{c as a}from"./p-45bb9feb.js";const e=class{constructor(i){t(this,i);this.onClick=s(this,"onClick",7)}handleClick(t){if(this.onClick){this.onClick.emit(t)}}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const c=t.getAttribute("class");t.setAttribute(e.name,`${c?`${c} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-card")}render(){return i("div",{key:"ccbc53820799b727bdf095528da4bf4c7fdf1129",class:a("db-card",this.className),ref:t=>{this._ref=t},id:this.id,"data-behavior":this.behavior,"data-elevation-level":this.elevationLevel,"data-spacing":this.spacing,role:this.behavior==="interactive"?"button":undefined,tabIndex:this.behavior==="interactive"?0:undefined,onClick:t=>this.handleClick(t)},i("slot",{key:"8afa05261ef6931eceecfd55694c8dc06d78f7a3"}))}};export{e as db_card};
-//# sourceMappingURL=p-d94a3bf9.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as a,c as e,h as d}from"./p-6e619ac9.js";import{a as c,u as t,c as i}from"./p-45bb9feb.js";import{D as s,k as b}from"./p-af3834b6.js";import{i as n}from"./p-0cdf053e.js";const r=class{constructor(d){a(this,d);this.onToggle=e(this,"onToggle",7);this._id=s;this.initialized=false;this.forcedToMobile=false}toggle(){if(this.onToggle){this.onToggle.emit(!this.drawerOpen)}}handleNavigationItemClick(a){if(n(a)){this.toggle()}}enableAttributePassing(a,e){const d=a===null||a===void 0?void 0:a.closest(e);if(a&&d){const e=d.attributes;for(let c=0;c<e.length;c++){const t=e.item(c);if(t&&(t.name.startsWith("data-")||t.name.startsWith("aria-"))){a.setAttribute(t.name,t.value);d.removeAttribute(t.name)}if(t&&t.name==="class"){const e=t.value.includes("hydrated");const c=t.value.replace("hydrated","").trim();const i=a.getAttribute("class");a.setAttribute(t.name,`${i?`${i} `:""}${c}`);if(e){d.setAttribute("class","hydrated")}else{d.removeAttribute(t.name)}}}}}watch0Fn(){if(this.initialized&&document&&this._id&&this.forceMobile){const a=document.getElementById(this._id);if(a){c(a,{key:"data-force-mobile",value:"true"})}this.forcedToMobile=true}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-header");this.initialized=true;this._id=this.id||"header-"+t();this.watch0Fn()}render(){var a;return d("header",{key:"a1944079ccb6bf1ee6ea360a68086846125a0e2f",class:i("db-header",this.className),ref:a=>{this._ref=a},id:this._id,"data-width":this.width,"data-on-forcing-mobile":this.forceMobile&&!this.forcedToMobile},d("db-drawer",{key:"a086da74c97662e9e33d512ec4dda63e7b56dc74",class:"db-header-drawer",spacing:"small",rounded:true,open:this.drawerOpen,onClose:()=>this.toggle()},d("div",{key:"d99e789b5ec5bdc09d7438e589903838de0fbb80",class:"db-header-drawer-navigation"},d("div",{key:"9a49e141930002cc497dc69d3abad2c1385e5ace",class:"db-header-navigation",onClick:a=>this.handleNavigationItemClick(a)},d("slot",{key:"e654c28d49f27cc4d054d5aa2375066043947f7f"})),d("div",{key:"1fa75e8ea8f93e8736cd23b7a05d131ed313fc63",class:"db-header-meta-navigation"},d("slot",{key:"3598fa3831dbebafd83077915e41d59c323c1a2b",name:"metaNavigation"}))),d("div",{key:"1de486f0bba414124a682651ac225ade4b417842",class:"db-header-secondary-action"},d("slot",{key:"160f65e26ab01a3d4da9196238993bab5e75d903",name:"secondaryAction"}))),d("div",{key:"80badc2597674c112252499793d728a27eb2b7eb",class:"db-header-meta-navigation"},d("slot",{key:"d2c8d28050bf2360d0d5fc6294a5464abafc0b34",name:"metaNavigation"})),d("div",{key:"f15ed8fc314657c625030edae528cc6741ab2431",class:"db-header-navigation-bar"},d("div",{key:"7e27ff8d36ed0a55c29209dfca595d4a30d0f87d",class:"db-header-brand-container"},d("slot",{key:"1929f3470e162b9d63fd14ac9926f010c6dce264",name:"brand"})),d("div",{key:"f54a8dfb5f6205a94ecdbfcbc8ae1fcc617d0787",class:"db-header-navigation-container"},d("div",{key:"df907a865ce91be332970f60251969857372c9e1",class:"db-header-navigation"},d("slot",{key:"6290ab6dc2a4d3a1b1d89bdaac30cdbfee3f7d34"})),d("div",{key:"35f59206c7cdb293106e47ad4beda0af9f8a1dcd",class:"db-header-primary-action"},d("slot",{key:"90870fcd5e2721b6c0606e57cea24751fb128d48",name:"primaryAction"}))),d("div",{key:"0ba5f21806156ba27c1377266a875952e839425d",class:"db-header-action-container"},d("div",{key:"57780dd0d6b4cfbafc4e4edeb761a79e6acb1c1e",class:"db-header-burger-menu-container"},d("db-button",{key:"66bec38632988cca9700fad1de89d6d33dad197d",icon:"menu",variant:"ghost",id:this._id+"-burger-menu",noText:true,onClick:()=>this.toggle()},(a=this.burgerMenuLabel)!==null&&a!==void 0?a:b)),d("div",{key:"de9408a796a8af6998c335ff29c0c21eba71dbab",class:"db-header-secondary-action"},d("slot",{key:"563353f952f6510851cb521d1a09f57bd2a45fef",name:"secondaryAction"})))))}static get watchers(){return{initialized:["watch0"]}}};export{r as db_header};
-//# sourceMappingURL=p-df8a20f6.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as a,h as s}from"./p-6e619ac9.js";import{u as t,c as e}from"./p-45bb9feb.js";import{D as i}from"./p-af3834b6.js";const o=class{constructor(s){a(this,s);this._id=i}enableAttributePassing(a,s){const t=a===null||a===void 0?void 0:a.closest(s);if(a&&t){const s=t.attributes;for(let e=0;e<s.length;e++){const i=s.item(e);if(i&&(i.name.startsWith("data-")||i.name.startsWith("aria-"))){a.setAttribute(i.name,i.value);t.removeAttribute(i.name)}if(i&&i.name==="class"){const s=i.value.includes("hydrated");const e=i.value.replace("hydrated","").trim();const o=a.getAttribute("class");a.setAttribute(i.name,`${o?`${o} `:""}${e}`);if(s){t.setAttribute("class","hydrated")}else{t.removeAttribute(i.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-navigation");this._id=this.id||"navigation-"+t()}render(){return s("nav",{key:"4591f1348a2d7fceafc4ad0fbd6ebc768b819af1",class:e("db-navigation",this.className),ref:a=>{this._ref=a},id:this._id,"aria-labelledby":this.labelledBy},s("menu",{key:"ade607816e1b561f5c74eb18ea7dbbef7d8e0d93"},s("slot",{key:"02578f17abb1eb0513aa2663b5617427eaa291c5"})))}};export{o as db_navigation};
-//# sourceMappingURL=p-e0c996ca.entry.js.map

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

@@ -1,2 +0,0 @@
-const o=()=>{};export{o as g};
-//# sourceMappingURL=p-e1255160.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["globalScripts"],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"mappings":"AAAY,MAACA,EAAgB,c","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as i}from"./p-6e619ac9.js";import{c as a,j as d,g as e}from"./p-45bb9feb.js";const h=class{constructor(i){t(this,i);this.onClick=s(this,"onClick",7)}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:a("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":e(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-ecdbfa7d.entry.js.map

package/dist/esm/app-globals-0f993ce5.js

@@ -1,5 +0,0 @@
-const globalScripts = () => {};
-
-export { globalScripts as g };
-
-//# sourceMappingURL=app-globals-0f993ce5.js.map

package/dist/esm/app-globals-0f993ce5.js.map

@@ -1 +0,0 @@
-{"file":"app-globals-0f993ce5.js","mappings":"AAAY,MAAC,aAAa,GAAG,MAAM;;;;","names":[],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"version":3}

package/dist/esm/constants-745cf8d7.js.map

@@ -1 +0,0 @@
-{"file":"constants-745cf8d7.js","mappings":"MAAa,UAAU,GAAW,uBAAuB;MAC5C,aAAa,GAAW,sBAAsB;MAC9C,mBAAmB,GAAW,IAAI;MAClC,yBAAyB,GAAW,WAAW;MAC/C,+BAA+B,GAAW,iBAAiB;MAC3D,iCAAiC,GAAW,mBAAmB;MAC/D,6BAA6B,GAAW,eAAe;MACvD,0BAA0B,GAAW,YAAY;MACjD,qBAAqB,GAAW,2BAA2B;MAC3D,uBAAuB,GAAW,8BAA8B;MAChE,YAAY,GAAW,OAAO;MAC9B,mBAAmB,GAAW,aAAa;MAC3C,YAAY,GAAW,QAAQ;MAC/B,YAAY,GAAW,EAAE;MACzB,oBAAoB,GAAW,eAAe;MAC9C,aAAa,GAAW,UAAU;MAClC,WAAW,GAAW,QAAQ;IAC/B;AAAZ,WAAY,OAAO;IACjB,oCAA2B,CAAA;IAC3B,8BAAqB,CAAA;IACrB,oCAA2B,CAAA;AAC7B,CAAC,EAJW,OAAO,KAAP,OAAO,QAIlB;MACY,SAAS,GAAc,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,KAAK,EAAE;IAC1E;AAAZ,WAAY,YAAY;IACtB,mCAAqB,CAAA;AACvB,CAAC,EAFW,YAAY,KAAZ,YAAY,QAEvB;IACW;AAAZ,WAAY,KAAK;IACf,wDAAiD,CAAA;IACjD,wDAAiD,CAAA;IACjD,wDAAiD,CAAA;IACjD,0EAAmE,CAAA;IACnE,0EAAmE,CAAA;IACnE,oDAA6C,CAAA;IAC7C,oDAA6C,CAAA;IAC7C,oDAA6C,CAAA;IAC7C,sEAA+D,CAAA;IAC/D,sEAA+D,CAAA;IAC/D,8DAAuD,CAAA;IACvD,8DAAuD,CAAA;IACvD,8DAAuD,CAAA;IACvD,gFAAyE,CAAA;IACzE,gFAAyE,CAAA;IACzE,0DAAmD,CAAA;IACnD,0DAAmD,CAAA;IACnD,0DAAmD,CAAA;IACnD,4EAAqE,CAAA;IACrE,4EAAqE,CAAA;IACrE,wDAAiD,CAAA;IACjD,wDAAiD,CAAA;IACjD,wDAAiD,CAAA;IACjD,0EAAmE,CAAA;IACnE,0EAAmE,CAAA;IACnE,oEAA6D,CAAA;IAC7D,oEAA6D,CAAA;IAC7D,oEAA6D,CAAA;IAC7D,sFAA+E,CAAA;IAC/E,sFAA+E,CAAA;AACjF,CAAC,EA/BW,KAAK,KAAL,KAAK,QA+BhB;MACY,MAAM,GAAY,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,KAAK,EAAE;MAClE,aAAa,GAAmB,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,KAAK,EAAE;IACxF;AAAZ,WAAY,QAAQ;IAClB,iCAAuB,CAAA;IACvB,2CAAiC,CAAA;IACjC,+BAAqB,CAAA;IACrB,qCAA2B,CAAA;AAC7B,CAAC,EALW,QAAQ,KAAR,QAAQ,QAKnB;MACY,SAAS,GAAe,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,KAAK,EAAE;MAC3E,gBAAgB,GAAG;IAC9B,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;EACX;MACW,gBAAgB,GAAG;IAC9B,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;EACZ;AAEF;;;MAGa,iBAAiB,GAAG,iBAC/B,IAAI,EAAE,SAAS,IACZ,gBAAgB,GAClB;QACD,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,IAAI;KACb,kBACC,IAAI,EAAE,QAAQ,IACX,gBAAgB;;;;","names":[],"sources":["src/shared/constants.ts"],"sourcesContent":["export const DEFAULT_ID: string = 'OVERWRITE_DEFAULT_ID';\nexport const DEFAULT_LABEL: string = 'LABEL SHOULD BE SET';\nexport const DEFAULT_PLACEHOLDER: string = ' ';\nexport const DEFAULT_MESSAGE_ID_SUFFIX: string = '-message';\nexport const DEFAULT_VALID_MESSAGE_ID_SUFFIX: string = '-valid-message';\nexport const DEFAULT_INVALID_MESSAGE_ID_SUFFIX: string = '-invalid-message';\nexport const DEFAULT_PLACEHOLDER_ID_SUFFIX: string = '-placeholder';\nexport const DEFAULT_DATALIST_ID_SUFFIX: string = '-datalist';\nexport const DEFAULT_VALID_MESSAGE: string = 'TODO: Add a validMessage';\nexport const DEFAULT_INVALID_MESSAGE: string = 'TODO: Add an invalidMessage';\nexport const DEFAULT_BACK: string = 'Back';\nexport const DEFAULT_BURGER_MENU: string = 'BurgerMenu';\nexport const DEFAULT_ICON: string = 'brand';\nexport const DEFAULT_ROWS: number = 4;\nexport const DEFAULT_CLOSE_BUTTON: string = 'Close Button';\nexport const DENSITY_CONST: string = 'density';\nexport const COLOR_CONST: string = 'color';\nexport enum DENSITY {\n  'FUNCTIONAL' = 'functional',\n  'REGULAR' = 'regular',\n  'EXPRESSIVE' = 'expressive',\n}\nexport const DENSITIES: DENSITY[] = Object.entries(DENSITY).map(([, value]) => value);\nexport enum COLOR_SIMPLE {\n  'PRIMARY' = 'primary',\n}\nexport enum COLOR {\n  'NEUTRAL_BG_LEVEL_1' = 'neutral-bg-basic-level-1',\n  'NEUTRAL_BG_LEVEL_2' = 'neutral-bg-basic-level-2',\n  'NEUTRAL_BG_LEVEL_3' = 'neutral-bg-basic-level-3',\n  'NEUTRAL_BG_TRANSPARENT_SEMI' = 'neutral-bg-basic-transparent-semi',\n  'NEUTRAL_BG_TRANSPARENT_FULL' = 'neutral-bg-basic-transparent-full',\n  'BRAND_BG_LEVEL_1' = 'brand-bg-basic-level-1',\n  'BRAND_BG_LEVEL_2' = 'brand-bg-basic-level-2',\n  'BRAND_BG_LEVEL_3' = 'brand-bg-basic-level-3',\n  'BRAND_BG_TRANSPARENT_SEMI' = 'brand-bg-basic-transparent-semi',\n  'BRAND_BG_TRANSPARENT_FULL' = 'brand-bg-basic-transparent-full',\n  'SUCCESSFUL_BG_LEVEL_1' = 'successful-bg-basic-level-1',\n  'SUCCESSFUL_BG_LEVEL_2' = 'successful-bg-basic-level-2',\n  'SUCCESSFUL_BG_LEVEL_3' = 'successful-bg-basic-level-3',\n  'SUCCESSFUL_BG_TRANSPARENT_SEMI' = 'successful-bg-basic-transparent-semi',\n  'SUCCESSFUL_BG_TRANSPARENT_FULL' = 'successful-bg-basic-transparent-full',\n  'CRITICAL_BG_LEVEL_1' = 'critical-bg-basic-level-1',\n  'CRITICAL_BG_LEVEL_2' = 'critical-bg-basic-level-2',\n  'CRITICAL_BG_LEVEL_3' = 'critical-bg-basic-level-3',\n  'CRITICAL_BG_TRANSPARENT_SEMI' = 'critical-bg-basic-transparent-semi',\n  'CRITICAL_BG_TRANSPARENT_Full' = 'critical-bg-basic-transparent-full',\n  'WARNING_BG_LEVEL_1' = 'warning-bg-basic-level-1',\n  'WARNING_BG_LEVEL_2' = 'warning-bg-basic-level-2',\n  'WARNING_BG_LEVEL_3' = 'warning-bg-basic-level-3',\n  'WARNING_BG_TRANSPARENT_SEMI' = 'warning-bg-basic-transparent-semi',\n  'WARNING_BG_TRANSPARENT_FULL' = 'warning-bg-basic-transparent-full',\n  'INFORMATIONAL_BG_LEVEL_1' = 'informational-bg-basic-level-1',\n  'INFORMATIONAL_BG_LEVEL_2' = 'informational-bg-basic-level-2',\n  'INFORMATIONAL_BG_LEVEL_3' = 'informational-bg-basic-level-3',\n  'INFORMATIONAL_BG_TRANSPARENT_SEMI' = 'informational-bg-basic-transparent-semi',\n  'INFORMATIONAL_BG_TRANSPARENT_FULL' = 'informational-bg-basic-transparent-full',\n}\nexport const COLORS: COLOR[] = Object.entries(COLOR).map(([, value]) => value);\nexport const COLORS_SIMPLE: COLOR_SIMPLE[] = Object.entries(COLOR_SIMPLE).map(([, value]) => value);\nexport enum SEMANTIC {\n  'CRITICAL' = 'critical',\n  'INFORMATIONAL' = 'informational',\n  'WARNING' = 'warning',\n  'SUCCESSFUL' = 'successful',\n}\nexport const SEMANTICS: SEMANTIC[] = Object.entries(SEMANTIC).map(([, value]) => value);\nexport const DEFAULT_VIEWPORT = {\n  width: 390,\n  height: 884\n};\nexport const DESKTOP_VIEWPORT = {\n  width: 1920,\n  height: 1280\n};\n\n/**\n * Use those viewports if your component has a css media-query otherwise use the DEFAULT_VIEWPORT\n */\nexport const TESTING_VIEWPORTS = [{\n  name: 'desktop',\n  ...DESKTOP_VIEWPORT\n}, {\n  name: 'tablet',\n  width: 768,\n  height: 1024\n}, {\n  name: 'mobile',\n  ...DEFAULT_VIEWPORT\n}]"],"version":3}

package/dist/esm/db-input.entry.js

@@ -1,167 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-389cc56c.js';
-import { e as hasVoiceOver, f as delay, s as stringPropVisible, d as isArrayOfStrings, u as uuid, c as cls, j as getHideProp } from './index-7d31752e.js';
-import { i as DEFAULT_INVALID_MESSAGE, h as DEFAULT_VALID_MESSAGE, d as DEFAULT_VALID_MESSAGE_ID_SUFFIX, e as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, g as DEFAULT_DATALIST_ID_SUFFIX, c as DEFAULT_MESSAGE_ID_SUFFIX, b as DEFAULT_PLACEHOLDER, a as DEFAULT_LABEL } from './constants-745cf8d7.js';
-
-const DBInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.onInput = createEvent(this, "onInput", 7);
-        this.onChange = createEvent(this, "onChange", 7);
-        this.onBlur = createEvent(this, "onBlur", 7);
-        this.onFocus = createEvent(this, "onFocus", 7);
-        this._id = undefined;
-        this._messageId = undefined;
-        this._validMessageId = undefined;
-        this._invalidMessageId = undefined;
-        this._dataListId = undefined;
-        this._descByIds = "";
-        this._value = "";
-        this._voiceOverFallback = "";
-    }
-    handleInput(event) {
-        if (this.onInput) {
-            this.onInput.emit(event);
-        }
-        if (this.input) {
-            this.input(event);
-        }
-    }
-    handleChange(event) {
-        var _a, _b, _c, _d, _e, _f;
-        if (this.onChange) {
-            this.onChange.emit(event);
-        }
-        if (this.change) {
-            this.change(event);
-        }
-        /* For a11y reasons we need to map the correct message with the input */
-        if (!((_a = this._ref) === null || _a === void 0 ? void 0 : _a.validity.valid) || this.validation === "invalid") {
-            this._descByIds = this._invalidMessageId;
-            if (hasVoiceOver()) {
-                this._voiceOverFallback =
-                    (_d = (_b = this.invalidMessage) !== null && _b !== void 0 ? _b : (_c = this._ref) === null || _c === void 0 ? void 0 : _c.validationMessage) !== null && _d !== void 0 ? _d : DEFAULT_INVALID_MESSAGE;
-                delay(() => (this._voiceOverFallback = ""), 1000);
-            }
-        }
-        else if (this.validation === "valid" ||
-            (((_e = this._ref) === null || _e === void 0 ? void 0 : _e.validity.valid) &&
-                (this.required || this.minLength || this.maxLength || this.pattern))) {
-            this._descByIds = this._validMessageId;
-            if (hasVoiceOver()) {
-                this._voiceOverFallback = (_f = this.validMessage) !== null && _f !== void 0 ? _f : DEFAULT_VALID_MESSAGE;
-                delay(() => (this._voiceOverFallback = ""), 1000);
-            }
-        }
-        else if (stringPropVisible(this.message, this.showMessage)) {
-            this._descByIds = this._messageId;
-        }
-        else {
-            this._descByIds = "";
-        }
-    }
-    handleBlur(event) {
-        if (this.onBlur) {
-            this.onBlur.emit(event);
-        }
-        if (this.blur) {
-            this.blur(event);
-        }
-    }
-    handleFocus(event) {
-        if (this.onFocus) {
-            this.onFocus.emit(event);
-        }
-        if (this.focus) {
-            this.focus(event);
-        }
-    }
-    getDataList(_list) {
-        return Array.from((isArrayOfStrings(_list)
-            ? _list.map((val) => ({
-                value: val,
-                label: undefined,
-            }))
-            : _list) || []);
-    }
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    enableAttributePassing(element, customElementSelector) {
-        const parent = element === null || element === void 0 ? void 0 : element.closest(customElementSelector);
-        if (element && parent) {
-            const attributes = parent.attributes;
-            for (let i = 0; i < attributes.length; i++) {
-                const attr = attributes.item(i);
-                if (attr &&
-                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
-                    element.setAttribute(attr.name, attr.value);
-                    parent.removeAttribute(attr.name);
-                }
-                if (attr && attr.name === "class") {
-                    const isWebComponent = attr.value.includes("hydrated");
-                    const value = attr.value.replace("hydrated", "").trim();
-                    const currentClass = element.getAttribute("class");
-                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
-                    if (isWebComponent) {
-                        // Stencil is using this class for lazy loading component
-                        parent.setAttribute("class", "hydrated");
-                    }
-                    else {
-                        parent.removeAttribute(attr.name);
-                    }
-                }
-            }
-        }
-    }
-    watch0Fn() {
-        var _a;
-        if (this._id) {
-            const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;
-            this._messageId = messageId;
-            this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;
-            this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;
-            this._dataListId =
-                (_a = this.dataListId) !== null && _a !== void 0 ? _a : this._id + DEFAULT_DATALIST_ID_SUFFIX;
-            if (stringPropVisible(this.message, this.showMessage)) {
-                this._descByIds = messageId;
-            }
-        }
-    }
-    watch0() {
-        this.watch0Fn();
-    }
-    watch1Fn() {
-        this._value = this.value;
-    }
-    watch1() {
-        this.watch1Fn();
-    }
-    componentDidLoad() {
-        var _a;
-        this.enableAttributePassing(this._ref, "db-input");
-        const mId = (_a = this.id) !== null && _a !== void 0 ? _a : `input-${uuid()}`;
-        this._id = mId;
-        this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;
-        this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;
-        this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;
-        this._dataListId = mId + DEFAULT_DATALIST_ID_SUFFIX;
-        this.watch0Fn();
-        this.watch1Fn();
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        return (h("div", { key: '0c25f7ef84624052737837cab61a8557c4ea84bb', class: cls("db-input", this.className), "data-variant": this.variant, "data-hide-label": getHideProp(this.showLabel), "data-hide-icon": getHideProp(this.showIcon), "data-icon": this.icon, "data-icon-after": this.iconAfter, "data-hide-icon-after": getHideProp(this.showIcon) }, h("label", { key: '149beaf6f908019a2414722a9cbe89d7c7d8fa49', htmlFor: this._id }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL), h("input", { key: 'fba48423f65963809ef74f9873239f55427baa8f', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, ref: (el) => {
-                this._ref = el;
-            }, id: this._id, name: this.name, type: this.type || "text", placeholder: (_b = this.placeholder) !== null && _b !== void 0 ? _b : DEFAULT_PLACEHOLDER, disabled: this.disabled, required: this.required, step: this.step, value: (_c = this.value) !== null && _c !== void 0 ? _c : this._value, maxLength: this.maxLength, minLength: this.minLength, max: this.max, min: this.min, readOnly: this.readOnly, form: this.form, pattern: this.pattern, size: this.size, autoComplete: this.autocomplete, autoFocus: this.autofocus, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), list: this.dataList && this._dataListId, "aria-describedby": this._descByIds }), this.dataList ? (h("datalist", { id: this._dataListId }, (_d = this.getDataList(this.dataList)) === null || _d === void 0 ? void 0 : _d.map((option) => (h("option", { key: this._dataListId + "-option-" + option.value, value: option.value }, option.label))))) : null, h("slot", { key: '2d847dd3f3cb46daedfa6a8766792882dbed58c7' }), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, h("db-infotext", { key: '4672d6f5a543ba186c16f3527f7ddf098d8345a0', size: "small", semantic: "successful", id: this._validMessageId }, (_e = this.validMessage) !== null && _e !== void 0 ? _e : DEFAULT_VALID_MESSAGE), h("db-infotext", { key: '9252f5d43cef9a7517205139a9dbcab9823ef807', size: "small", semantic: "critical", id: this._invalidMessageId }, (_h = (_f = this.invalidMessage) !== null && _f !== void 0 ? _f : (_g = this._ref) === null || _g === void 0 ? void 0 : _g.validationMessage) !== null && _h !== void 0 ? _h : DEFAULT_INVALID_MESSAGE), h("span", { key: '408a492750d960f4bdf96f99f98c71816ad65d13', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
-    }
-    static get watchers() { return {
-        "_id": ["watch0"],
-        "value": ["watch1"]
-    }; }
-};
-
-export { DBInput as db_input };
-
-//# sourceMappingURL=db-input.entry.js.map

package/dist/esm/db-input.entry.js.map

@@ -1 +0,0 @@
-{"file":"db-input.entry.js","mappings":";;;;MAkDa,OAAO;IAHnB;;;;;;QA+CU,QAAG,GAAG,SAAS,CAAC;QAChB,eAAU,GAAG,SAAS,CAAC;QACvB,oBAAe,GAAG,SAAS,CAAC;QAC5B,sBAAiB,GAAG,SAAS,CAAC;QAC9B,gBAAW,GAAG,SAAS,CAAC;QACxB,eAAU,GAAG,EAAE,CAAC;QAChB,WAAM,GAAG,EAAE,CAAC;QACZ,uBAAkB,GAAG,EAAE,CAAC;KA6OlC;IA3OC,WAAW,CAAC,KAAmC;QAC7C,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAC1B;QACD,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SACnB;KACF;IACD,YAAY,CAAC,KAAoC;;QAC/C,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAC3B;QACD,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;SACpB;;QAED,IAAI,EAAC,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAC,KAAK,CAAA,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE;YAC/D,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,iBAAiB,CAAC;YACzC,IAAI,YAAY,EAAE,EAAE;gBAClB,IAAI,CAAC,kBAAkB;oBACrB,MAAA,MAAA,IAAI,CAAC,cAAc,mCACnB,MAAA,IAAI,CAAC,IAAI,0CAAE,iBAAiB,mCAC5B,uBAAuB,CAAC;gBAC1B,KAAK,CAAC,OAAO,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;aACnD;SACF;aAAM,IACL,IAAI,CAAC,UAAU,KAAK,OAAO;aAC1B,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAC,KAAK;iBACvB,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,EACtE;YACA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC;YACvC,IAAI,YAAY,EAAE,EAAE;gBAClB,IAAI,CAAC,kBAAkB,GAAG,MAAA,IAAI,CAAC,YAAY,mCAAI,qBAAqB,CAAC;gBACrE,KAAK,CAAC,OAAO,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;aACnD;SACF;aAAM,IAAI,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE;YAC5D,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;SACnC;aAAM;YACL,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;SACtB;KACF;IACD,UAAU,CAAC,KAAyC;QAClD,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACzB;QACD,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAClB;KACF;IACD,WAAW,CAAC,KAAyC;QACnD,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAC1B;QACD,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SACnB;KACF;IACD,WAAW,CAAC,KAAmC;QAC7C,OAAO,KAAK,CAAC,IAAI,CACf,CAAC,gBAAgB,CAAC,KAAK,CAAC;cACpB,KAAK,CAAC,GAAG,CAAC,CAAC,GAAW,MAAM;gBAC1B,KAAK,EAAE,GAAG;gBACV,KAAK,EAAE,SAAS;aACjB,CAAC,CAAC;cACH,KAAK,KAAK,EAAE,CACjB,CAAC;KACH;;;;;;IAOO,sBAAsB,CAC5B,OAAgC,EAChC,qBAA6B;QAE7B,MAAM,MAAM,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;QACvD,IAAI,OAAO,IAAI,MAAM,EAAE;YACrB,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;YACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC1C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBAChC,IACE,IAAI;qBACH,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAChE;oBACA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;oBAC5C,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBACnC;gBACD,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;oBACjC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;oBACvD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;oBACxD,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;oBACnD,OAAO,CAAC,YAAY,CAClB,IAAI,CAAC,IAAI,EACT,GAAG,YAAY,GAAG,GAAG,YAAY,GAAG,GAAG,EAAE,GAAG,KAAK,EAAE,CACpD,CAAC;oBACF,IAAI,cAAc,EAAE;;wBAElB,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;qBAC1C;yBAAM;wBACL,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;qBACnC;iBACF;aACF;SACF;KACF;IAED,QAAQ;;QACN,IAAI,IAAI,CAAC,GAAG,EAAE;YACZ,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,GAAG,yBAAyB,CAAC;YACvD,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;YAC5B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,GAAG,GAAG,+BAA+B,CAAC;YAClE,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,GAAG,GAAG,iCAAiC,CAAC;YACtE,IAAI,CAAC,WAAW;gBACd,MAAA,IAAI,CAAC,UAAU,mCAAI,IAAI,CAAC,GAAG,GAAG,0BAA0B,CAAC;YAC3D,IAAI,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE;gBACrD,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;aAC7B;SACF;KACF;IAGD,MAAM;QACJ,IAAI,CAAC,QAAQ,EAAE,CAAC;KACjB;IAED,QAAQ;QACN,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC;KAC1B;IAGD,MAAM;QACJ,IAAI,CAAC,QAAQ,EAAE,CAAC;KACjB;IAED,gBAAgB;;QACd,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QACnD,MAAM,GAAG,GAAG,MAAA,IAAI,CAAC,EAAE,mCAAI,SAAS,IAAI,EAAE,EAAE,CAAC;QACzC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,UAAU,GAAG,GAAG,GAAG,yBAAyB,CAAC;QAClD,IAAI,CAAC,eAAe,GAAG,GAAG,GAAG,+BAA+B,CAAC;QAC7D,IAAI,CAAC,iBAAiB,GAAG,GAAG,GAAG,iCAAiC,CAAC;QACjE,IAAI,CAAC,WAAW,GAAG,GAAG,GAAG,0BAA0B,CAAC;QACpD,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChB,IAAI,CAAC,QAAQ,EAAE,CAAC;KACjB;IAED,MAAM;;QACJ,QACE,4DACE,KAAK,EAAE,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,kBACxB,IAAI,CAAC,OAAO,qBACT,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,oBAC5B,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,eAC/B,IAAI,CAAC,IAAI,qBACH,IAAI,CAAC,SAAS,0BACT,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,IAEhD,8DAAO,OAAO,EAAE,IAAI,CAAC,GAAG,IAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,aAAa,CAAS,EAC/D,8EACgB,IAAI,CAAC,UAAU,KAAK,SAAS,0BACrB,IAAI,CAAC,UAAU,EACrC,GAAG,EAAE,CAAC,EAAO;gBACX,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;aAChB,EACD,EAAE,EAAE,IAAI,CAAC,GAAG,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,MAAM,EACzB,WAAW,EAAE,MAAA,IAAI,CAAC,WAAW,mCAAI,mBAAmB,EACpD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,IAAI,CAAC,MAAM,EAChC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,QAAQ,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAC7C,MAAM,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EACzC,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,IAAI,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW,sBACrB,IAAI,CAAC,UAAU,GACjC,EACD,IAAI,CAAC,QAAQ,IACZ,gBAAU,EAAE,EAAE,IAAI,CAAC,WAAW,IAC3B,MAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,0CAAE,GAAG,CAAC,CAAC,MAAM,MAC3C,cACE,GAAG,EAAE,IAAI,CAAC,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC,KAAK,EACjD,KAAK,EAAE,MAAM,CAAC,KAAK,IAElB,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACO,IACT,IAAI,EACR,8DAAa,EACZ,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAChD,mBACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,WAAW,EACtB,EAAE,EAAE,IAAI,CAAC,UAAU,IAElB,IAAI,CAAC,OAAO,CACD,IACZ,IAAI,EACR,oEACE,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,YAAY,EACrB,EAAE,EAAE,IAAI,CAAC,eAAe,IAEvB,MAAA,IAAI,CAAC,YAAY,mCAAI,qBAAqB,CAC/B,EACd,oEACE,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAE,IAAI,CAAC,iBAAiB,IAEzB,MAAA,MAAA,IAAI,CAAC,cAAc,mCAClB,MAAA,IAAI,CAAC,IAAI,0CAAE,iBAAiB,mCAC5B,uBAAuB,CACb,EACd,qFAA2B,MAAM,EAAC,IAAI,EAAC,QAAQ,IAC5C,IAAI,CAAC,kBAAkB,CACnB,CACH,EACN;KACH;;;;;;;;;","names":[],"sources":["src/components/input/input.tsx"],"sourcesContent":["import {\n  cls,\n  delay,\n  getHideProp,\n  hasVoiceOver,\n  isArrayOfStrings,\n  stringPropVisible,\n  uuid,\n} from \"../../utils\";\nimport { DBInputProps, DBInputState } from \"./model\";\nimport {\n  DEFAULT_DATALIST_ID_SUFFIX,\n  DEFAULT_INVALID_MESSAGE,\n  DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n  DEFAULT_LABEL,\n  DEFAULT_MESSAGE_ID_SUFFIX,\n  DEFAULT_PLACEHOLDER,\n  DEFAULT_VALID_MESSAGE,\n  DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport {\n  ChangeEvent,\n  InputEvent,\n  InteractionEvent,\n  ValueLabelType,\n} from \"../../shared/model\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport {\n  handleFrameworkEventVue,\n  handleFrameworkEventAngular,\n} from \"../../utils/form-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-input\",\n})\nexport class DBInput {\n  private _ref!: HTMLInputElement | null;\n  @Prop() id: DBInputProps[\"id\"];\n  @Prop() dataListId: DBInputProps[\"dataListId\"];\n  @Prop() message: DBInputProps[\"message\"];\n  @Prop() showMessage: DBInputProps[\"showMessage\"];\n  @Prop() value: DBInputProps[\"value\"];\n  @Event() onInput: any;\n  @Prop() input: DBInputProps[\"input\"];\n  @Event() onChange: any;\n  @Prop() change: DBInputProps[\"change\"];\n  @Prop() validation: DBInputProps[\"validation\"];\n  @Prop() invalidMessage: DBInputProps[\"invalidMessage\"];\n  @Prop() required: DBInputProps[\"required\"];\n  @Prop() minLength: DBInputProps[\"minLength\"];\n  @Prop() maxLength: DBInputProps[\"maxLength\"];\n  @Prop() pattern: DBInputProps[\"pattern\"];\n  @Prop() validMessage: DBInputProps[\"validMessage\"];\n  @Event() onBlur: any;\n  @Prop() blur: DBInputProps[\"blur\"];\n  @Event() onFocus: any;\n  @Prop() focus: DBInputProps[\"focus\"];\n  @Prop({attribute: \"classname\"}) className: DBInputProps[\"className\"];\n  @Prop() variant: DBInputProps[\"variant\"];\n  @Prop() showLabel: DBInputProps[\"showLabel\"];\n  @Prop() showIcon: DBInputProps[\"showIcon\"];\n  @Prop() icon: DBInputProps[\"icon\"];\n  @Prop() iconAfter: DBInputProps[\"iconAfter\"];\n  @Prop() label: DBInputProps[\"label\"];\n  @Prop() name: DBInputProps[\"name\"];\n  @Prop() type: DBInputProps[\"type\"];\n  @Prop() placeholder: DBInputProps[\"placeholder\"];\n  @Prop() disabled: DBInputProps[\"disabled\"];\n  @Prop() step: DBInputProps[\"step\"];\n  @Prop() max: DBInputProps[\"max\"];\n  @Prop() min: DBInputProps[\"min\"];\n  @Prop() readOnly: DBInputProps[\"readOnly\"];\n  @Prop() form: DBInputProps[\"form\"];\n  @Prop() size: DBInputProps[\"size\"];\n  @Prop() autocomplete: DBInputProps[\"autocomplete\"];\n  @Prop() autofocus: DBInputProps[\"autofocus\"];\n  @Prop() dataList: DBInputProps[\"dataList\"];\n\n  @Prop() messageIcon: DBInputProps[\"messageIcon\"];\n  @State() _id = undefined;\n  @State() _messageId = undefined;\n  @State() _validMessageId = undefined;\n  @State() _invalidMessageId = undefined;\n  @State() _dataListId = undefined;\n  @State() _descByIds = \"\";\n  @State() _value = \"\";\n  @State() _voiceOverFallback = \"\";\n\n  handleInput(event: InputEvent<HTMLInputElement>) {\n    if (this.onInput) {\n      this.onInput.emit(event);\n    }\n    if (this.input) {\n      this.input(event);\n    }\n  }\n  handleChange(event: ChangeEvent<HTMLInputElement>) {\n    if (this.onChange) {\n      this.onChange.emit(event);\n    }\n    if (this.change) {\n      this.change(event);\n    }\n    /* For a11y reasons we need to map the correct message with the input */\n    if (!this._ref?.validity.valid || this.validation === \"invalid\") {\n      this._descByIds = this._invalidMessageId;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback =\n          this.invalidMessage ??\n          this._ref?.validationMessage ??\n          DEFAULT_INVALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (\n      this.validation === \"valid\" ||\n      (this._ref?.validity.valid &&\n        (this.required || this.minLength || this.maxLength || this.pattern))\n    ) {\n      this._descByIds = this._validMessageId;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (stringPropVisible(this.message, this.showMessage)) {\n      this._descByIds = this._messageId;\n    } else {\n      this._descByIds = \"\";\n    }\n  }\n  handleBlur(event: InteractionEvent<HTMLInputElement>) {\n    if (this.onBlur) {\n      this.onBlur.emit(event);\n    }\n    if (this.blur) {\n      this.blur(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLInputElement>) {\n    if (this.onFocus) {\n      this.onFocus.emit(event);\n    }\n    if (this.focus) {\n      this.focus(event);\n    }\n  }\n  getDataList(_list?: string[] | ValueLabelType[]) {\n    return Array.from(\n      (isArrayOfStrings(_list)\n        ? _list.map((val: string) => ({\n            value: val,\n            label: undefined,\n          }))\n        : _list) || []\n    );\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLInputElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this._id) {\n      const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n      this._messageId = messageId;\n      this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n      this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n      this._dataListId =\n        this.dataListId ?? this._id + DEFAULT_DATALIST_ID_SUFFIX;\n      if (stringPropVisible(this.message, this.showMessage)) {\n        this._descByIds = messageId;\n      }\n    }\n  }\n\n  @Watch(\"_id\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    this._value = this.value;\n  }\n\n  @Watch(\"value\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-input\");\n    const mId = this.id ?? `input-${uuid()}`;\n    this._id = mId;\n    this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;\n    this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n    this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n    this._dataListId = mId + DEFAULT_DATALIST_ID_SUFFIX;\n    this.watch0Fn();\n    this.watch1Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-input\", this.className)}\n        data-variant={this.variant}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-icon={this.icon}\n        data-icon-after={this.iconAfter}\n        data-hide-icon-after={getHideProp(this.showIcon)}\n      >\n        <label htmlFor={this._id}>{this.label ?? DEFAULT_LABEL}</label>\n        <input\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          id={this._id}\n          name={this.name}\n          type={this.type || \"text\"}\n          placeholder={this.placeholder ?? DEFAULT_PLACEHOLDER}\n          disabled={this.disabled}\n          required={this.required}\n          step={this.step}\n          value={this.value ?? this._value}\n          maxLength={this.maxLength}\n          minLength={this.minLength}\n          max={this.max}\n          min={this.min}\n          readOnly={this.readOnly}\n          form={this.form}\n          pattern={this.pattern}\n          size={this.size}\n          autoComplete={this.autocomplete}\n          autoFocus={this.autofocus}\n          onInput={(event) => this.handleInput(event)}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n          list={this.dataList && this._dataListId}\n          aria-describedby={this._descByIds}\n        />\n        {this.dataList ? (\n          <datalist id={this._dataListId}>\n            {this.getDataList(this.dataList)?.map((option) => (\n              <option\n                key={this._dataListId + \"-option-\" + option.value}\n                value={option.value}\n              >\n                {option.label}\n              </option>\n            ))}\n          </datalist>\n        ) : null}\n        <slot></slot>\n        {stringPropVisible(this.message, this.showMessage) ? (\n          <db-infotext\n            size=\"small\"\n            icon={this.messageIcon}\n            id={this._messageId}\n          >\n            {this.message}\n          </db-infotext>\n        ) : null}\n        <db-infotext\n          size=\"small\"\n          semantic=\"successful\"\n          id={this._validMessageId}\n        >\n          {this.validMessage ?? DEFAULT_VALID_MESSAGE}\n        </db-infotext>\n        <db-infotext\n          size=\"small\"\n          semantic=\"critical\"\n          id={this._invalidMessageId}\n        >\n          {this.invalidMessage ??\n            this._ref?.validationMessage ??\n            DEFAULT_INVALID_MESSAGE}\n        </db-infotext>\n        <span data-visually-hidden=\"true\" role=\"status\">\n          {this._voiceOverFallback}\n        </span>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/db-tag.entry.js

@@ -1,88 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-389cc56c.js';
-import { c as cls, g as getBooleanAsString, j as getHideProp } from './index-7d31752e.js';
-
-const DBTag = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.onRemove = createEvent(this, "onRemove", 7);
-        this.initialized = false;
-    }
-    handleRemove() {
-        if (this.onRemove) {
-            this.onRemove.emit();
-        }
-    }
-    getRemoveButtonText() {
-        if (this.removeButton) {
-            return this.removeButton;
-        }
-        // TODO: We should think this through again, if we would really like to have default and especially english, instead of german labels in here
-        return "Remove tag";
-    }
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    enableAttributePassing(element, customElementSelector) {
-        const parent = element === null || element === void 0 ? void 0 : element.closest(customElementSelector);
-        if (element && parent) {
-            const attributes = parent.attributes;
-            for (let i = 0; i < attributes.length; i++) {
-                const attr = attributes.item(i);
-                if (attr &&
-                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
-                    element.setAttribute(attr.name, attr.value);
-                    parent.removeAttribute(attr.name);
-                }
-                if (attr && attr.name === "class") {
-                    const isWebComponent = attr.value.includes("hydrated");
-                    const value = attr.value.replace("hydrated", "").trim();
-                    const currentClass = element.getAttribute("class");
-                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
-                    if (isWebComponent) {
-                        // Stencil is using this class for lazy loading component
-                        parent.setAttribute("class", "hydrated");
-                    }
-                    else {
-                        parent.removeAttribute(attr.name);
-                    }
-                }
-            }
-        }
-    }
-    watch0Fn() {
-        var _a, _b;
-        if (this.initialized && this._ref && this.disabled !== undefined) {
-            const button = (_a = this._ref) === null || _a === void 0 ? void 0 : _a.querySelector("button:not(.db-tab-remove-button)");
-            const input = (_b = this._ref) === null || _b === void 0 ? void 0 : _b.querySelector("input");
-            for (const element of [button, input]) {
-                if (element) {
-                    element.disabled = this.disabled;
-                }
-            }
-        }
-    }
-    watch0() {
-        this.watch0Fn();
-    }
-    componentDidLoad() {
-        this.enableAttributePassing(this._ref, "db-tag");
-        this.watch0Fn();
-    }
-    render() {
-        var _a;
-        return (h("div", { key: '4a5a3df5d160e2111aec79a4294dd4b7bab93bea', class: cls("db-tag", this.className), ref: (el) => {
-                this._ref = el;
-            }, id: this.id, "data-disabled": getBooleanAsString(this.disabled), "data-semantic": this.semantic, "data-emphasis": this.emphasis, "data-icon": this.icon, "data-show-check-state": getBooleanAsString((_a = this.showCheckState) !== null && _a !== void 0 ? _a : true), "data-hide-icon": getHideProp(this.showIcon), "data-no-text": getBooleanAsString(this.noText), "data-overflow": getBooleanAsString(this.overflow) }, h("slot", { key: '61f0ecf8f1026f67ddc712eae2aacaeda15f0eec', name: "content" }), h("slot", { key: 'c51fefea79e202c87af9e37a34493adc14571ede' }), this.text ? this.text : null, this.behavior === "removable" ? (h("button", { class: "db-button db-tab-remove-button", "data-icon": "cross", "data-size": "small", "data-no-text": "true", "data-variant": "ghost", onClick: () => this.handleRemove(), title: this.getRemoveButtonText() }, this.getRemoveButtonText())) : null));
-    }
-    static get watchers() { return {
-        "initialized": ["watch0"],
-        "disabled": ["watch0"],
-        "_ref": ["watch0"]
-    }; }
-};
-
-export { DBTag as db_tag };
-
-//# sourceMappingURL=db-tag.entry.js.map

package/dist/esm/db-tag.entry.js.map

@@ -1 +0,0 @@
-{"file":"db-tag.entry.js","mappings":"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","names":[],"sources":["src/components/tag/tag.tsx"],"sourcesContent":["import { DBTagProps, DBTagState } from \"./model\";\nimport { cls, getBooleanAsString, getHideProp } from \"../../utils\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot content - TODO: Add description for slotContent\n */\n @Component({\n  tag: \"db-tag\",\n})\nexport class DBTag {\n  private _ref!: HTMLDivElement | null;\n  @Prop() disabled: DBTagProps[\"disabled\"];\n  @Event() onRemove: any;\n  @Prop() removeButton: DBTagProps[\"removeButton\"];\n  @Prop() id: DBTagProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBTagProps[\"className\"];\n  @Prop() semantic: DBTagProps[\"semantic\"];\n  @Prop() emphasis: DBTagProps[\"emphasis\"];\n  @Prop() icon: DBTagProps[\"icon\"];\n  @Prop() showCheckState: DBTagProps[\"showCheckState\"];\n  @Prop() showIcon: DBTagProps[\"showIcon\"];\n  @Prop() noText: DBTagProps[\"noText\"];\n  @Prop() overflow: DBTagProps[\"overflow\"];\n\n  @Prop() text: DBTagProps[\"text\"];\n  @Prop() behavior: DBTagProps[\"behavior\"];\n  @State() initialized = false;\n\n  handleRemove() {\n    if (this.onRemove) {\n      this.onRemove.emit();\n    }\n  }\n  getRemoveButtonText() {\n    if (this.removeButton) {\n      return this.removeButton;\n    }\n\n    // TODO: We should think this through again, if we would really like to have default and especially english, instead of german labels in here\n    return \"Remove tag\";\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this.initialized && this._ref && this.disabled !== undefined) {\n      const button: HTMLButtonElement | null = this._ref?.querySelector(\n        \"button:not(.db-tab-remove-button)\"\n      );\n      const input: HTMLInputElement | null = this._ref?.querySelector(\"input\");\n      for (const element of [button, input]) {\n        if (element) {\n          element.disabled = this.disabled;\n        }\n      }\n    }\n  }\n\n  @Watch(\"initialized\")\n  @Watch(\"disabled\")\n  @Watch(\"_ref\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-tag\");\n\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-tag\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-disabled={getBooleanAsString(this.disabled)}\n        data-semantic={this.semantic}\n        data-emphasis={this.emphasis}\n        data-icon={this.icon}\n        data-show-check-state={getBooleanAsString(this.showCheckState ?? true)}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-no-text={getBooleanAsString(this.noText)}\n        data-overflow={getBooleanAsString(this.overflow)}\n      >\n        <slot name=\"content\"></slot>\n        <slot></slot>\n        {this.text ? this.text : null}\n        {this.behavior === \"removable\" ? (\n          <button\n            class=\"db-button db-tab-remove-button\"\n            data-icon=\"cross\"\n            data-size=\"small\"\n            data-no-text=\"true\"\n            data-variant=\"ghost\"\n            onClick={() => this.handleRemove()}\n            title={this.getRemoveButtonText()}\n          >\n            {this.getRemoveButtonText()}\n          </button>\n        ) : null}\n      </div>\n    );\n  }\n}\n"],"version":3}