@db-ux/wc-core-components 1.0.0-test-13b991d

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

@@ -0,0 +1 @@
+{"version":3,"names":["DBAccordionItem","constructor","hostRef","this","_id","DEFAULT_ID","_open","toggle","event","preventDefault","newStateOpen","onToggle","emit","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","_ref","id","uuid","defaultOpen","render","h","key","class","cls","className","getBooleanAsString","disabled","ref","el","open","onClick","headlinePlain","text"],"sources":["src/components/accordion-item/accordion-item.tsx"],"sourcesContent":["import { DBAccordionItemProps, DBAccordionItemState } from \"./model\";\nimport { cls, getBooleanAsString, uuid } from \"../../utils\";\nimport { ClickEvent } from \"../../shared/model\";\nimport { DEFAULT_ID } from \"../../shared/constants\";\n\nimport { Component, h, Fragment, Event, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot headline - TODO: Add description for slotHeadline\n */\n @Component({\n  tag: \"db-accordion-item\",\n})\nexport class DBAccordionItem {\n  private _ref!: HTMLDetailsElement | null;\n  @Prop() id: DBAccordionItemProps[\"id\"];\n  @Prop() defaultOpen: DBAccordionItemProps[\"defaultOpen\"];\n  @Event() onToggle: any;\n  @Prop({attribute: \"classname\"}) className: DBAccordionItemProps[\"className\"];\n  @Prop() disabled: DBAccordionItemProps[\"disabled\"];\n  @Prop() headlinePlain: DBAccordionItemProps[\"headlinePlain\"];\n  @Prop() text: DBAccordionItemProps[\"text\"];\n\n  @State() _id = DEFAULT_ID;\n  @State() _open = false;\n\n  toggle(event: ClickEvent<HTMLElement>) {\n    // We need this for react https://github.com/facebook/react/issues/15486#issuecomment-488028431\n    event?.preventDefault();\n    const newStateOpen = !this._open;\n    if (this.onToggle) {\n      this.onToggle.emit(newStateOpen);\n    }\n    this._open = newStateOpen;\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-accordion-item\");\n    this._id = this.id || \"accordion-item-\" + uuid();\n    if (this.defaultOpen) {\n      this._open = this.defaultOpen;\n    }\n  }\n\n  render() {\n    return (\n      <li class={cls(\"db-accordion-item\", this.className)} id={this._id}>\n        <details\n          aria-disabled={getBooleanAsString(this.disabled)}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          open={this._open}\n        >\n          <summary onClick={(event) => this.toggle(event)}>\n            {this.headlinePlain ? this.headlinePlain : null}\n            {!this.headlinePlain ? <slot name=\"headline\"></slot> : null}\n          </summary>\n          <div>{this.text ? this.text : <slot></slot>}</div>\n        </details>\n      </li>\n    );\n  }\n}\n"],"mappings":"8IAeaA,EAAe,MAH3B,WAAAC,CAAAC,G,6CAaUC,KAAAC,IAAMC,EACNF,KAAAG,MAAQ,K,CAEjB,MAAAC,CAAOC,GAELA,IAAK,MAALA,SAAK,SAALA,EAAOC,iBACP,MAAMC,GAAgBP,KAAKG,MAC3B,GAAIH,KAAKQ,SAAU,CACjBR,KAAKQ,SAASC,KAAKF,E,CAErBP,KAAKG,MAAQI,C,CAQP,sBAAAG,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACE/B,KAAKU,uBAAuBV,KAAKgC,KAAM,qBACvChC,KAAKC,IAAMD,KAAKiC,IAAM,kBAAoBC,IAC1C,GAAIlC,KAAKmC,YAAa,CACpBnC,KAAKG,MAAQH,KAAKmC,W,EAItB,MAAAC,GACE,OACEC,EAAA,MAAAC,IAAA,2CAAIC,MAAOC,EAAI,oBAAqBxC,KAAKyC,WAAYR,GAAIjC,KAAKC,KAC5DoC,EAAA,WAAAC,IAAA,2DACiBI,EAAmB1C,KAAK2C,UACvCC,IAAMC,IACJ7C,KAAKgC,KAAOa,CAAE,EAEhBC,KAAM9C,KAAKG,OAEXkC,EAAA,WAAAC,IAAA,2CAASS,QAAU1C,GAAUL,KAAKI,OAAOC,IACtCL,KAAKgD,cAAgBhD,KAAKgD,cAAgB,MACzChD,KAAKgD,cAAgBX,EAAA,QAAMjB,KAAK,aAAqB,MAEzDiB,EAAA,OAAAC,IAAA,4CAAMtC,KAAKiD,KAAOjD,KAAKiD,KAAOZ,EAAA,e","ignoreList":[]}

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

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

@@ -0,0 +1 @@
+{"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-b0f1a571.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t}from"./p-1feee149.js";import{c as a,k as s}from"./p-99d90022.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-b0f1a571.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DBPage","constructor","hostRef","this","fontsLoaded","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","_ref","fadeIn","document","fonts","ready","then","disconnectedCallback","window","documentElement","classList","contains","remove","render","h","key","class","cls","className","ref","el","id","variant","getBooleanAsString"],"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-b47af6eb.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s}from"./p-1feee149.js";import{h as i,u as a,c as e,k as o}from"./p-99d90022.js";import{D as d}from"./p-af3834b6.js";const h=class{constructor(s){t(this,s);this._id=d;this.initialized=false}handleClick(t){t.stopPropagation()}handleAutoPlacement(){if(this._ref)i(this._ref)}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const o=t.getAttribute("class");t.setAttribute(e.name,`${o?`${o} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tooltip");this._id=this.id||"tooltip-"+a();this.initialized=true}componentDidUpdate(){if(this._ref&&this.initialized&&this._id){let t=this._ref.parentElement;if(t&&t.localName.includes("tooltip")){t=t.parentElement}if(t){["mouseenter","focus"].forEach((s=>{t.addEventListener(s,(()=>this.handleAutoPlacement()))}));t.setAttribute("data-has-tooltip","true");t.setAttribute("aria-describedby",this._id)}this.initialized=false}}render(){var t,i;return s("i",{key:"6ffc338ce6bd3a685eeaa74d718377cbcdbcbd61",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)},s("slot",{key:"7f70a4a4064efbd8f1df49bcb70e1888cf6188ae"}))}};export{h as db_tooltip};
+//# sourceMappingURL=p-b47af6eb.entry.js.map

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

@@ -0,0 +1 @@
+{"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","componentDidLoad","id","uuid","componentDidUpdate","parentElement","localName","forEach","addEventListener","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, 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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-tooltip\");\n    this._id = this.id || \"tooltip-\" + uuid();\n    this.initialized = true;\n  }\n\n  componentDidUpdate() {\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  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,gBAAAW,GACE/B,KAAKU,uBAAuBV,KAAKQ,KAAM,cACvCR,KAAKC,IAAMD,KAAKgC,IAAM,WAAaC,IACnCjC,KAAKG,YAAc,I,CAGrB,kBAAA+B,GACE,GAAIlC,KAAKQ,MAAQR,KAAKG,aAAeH,KAAKC,IAAK,CAC7C,IAAIY,EAASb,KAAKQ,KAAK2B,cACvB,GAAItB,GAAUA,EAAOuB,UAAUV,SAAS,WAAY,CAElDb,EAASA,EAAOsB,a,CAElB,GAAItB,EAAQ,CACV,CAAC,aAAc,SAASwB,SAAShC,IAC/BQ,EAAOyB,iBAAiBjC,GAAO,IAAML,KAAKO,uBAAsB,IAElEM,EAAOS,aAAa,mBAAoB,QACxCT,EAAOS,aAAa,mBAAoBtB,KAAKC,I,CAE/CD,KAAKG,YAAc,K,EAIvB,MAAAoC,G,QACE,OACEC,EAAA,KAAAC,IAAA,2CACEC,MAAOC,EAAI,aAAc3C,KAAK4C,WAC9BC,KAAK,UAAS,cACF,OAAM,WACT,OACTC,IAAMC,IACJ/C,KAAKQ,KAAOuC,CAAE,EAEhBf,GAAIhC,KAAKC,IAAG,gBACGD,KAAKgD,SAAQ,iBACZC,GAAmBC,EAAAlD,KAAKmD,aAAS,MAAAD,SAAA,EAAAA,EAAI,MAAK,aAC9ClD,KAAKoD,MAAK,aACVpD,KAAKqD,MAAK,kBACLJ,GAAmBK,EAAAtD,KAAKuD,aAAS,MAAAD,SAAA,EAAAA,EAAI,MAAK,iBAC3CtD,KAAKwD,UACrBC,QAAUpD,GAAUL,KAAKI,YAAYC,IAErCmC,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as s,h as i}from"./p-1feee149.js";import{c as a,l as d,k as e}from"./p-99d90022.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-c6d54dd4.entry.js.map

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

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

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

@@ -0,0 +1,2 @@
+import{r as i,c as s,h as t,F as h}from"./p-1feee149.js";import{e,j as a,s as d,u as l,c as n,l as o}from"./p-99d90022.js";import{i as c,h as f,c as u,d as r,e as b,f as v,a as p}from"./p-af3834b6.js";const m=class{constructor(t){i(this,t);this.onClick=s(this,"onClick",7);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._placeholderId="";this._descByIds="";this._value="";this.initialized=false;this._voiceOverFallback=""}handleClick(i){if(this.onClick){this.onClick.emit(i)}}handleInput(i){if(this.onInput){this.onInput.emit(i)}if(this.input){this.input(i)}}handleChange(i){var s,t,h,l,n,o;if(this.onChange){this.onChange.emit(i)}if(this.change){this.change(i)}if(!((s=this._ref)===null||s===void 0?void 0:s.validity.valid)||this.validation==="invalid"){this._descByIds=this._invalidMessageId;if(e()){this._voiceOverFallback=(l=(t=this.invalidMessage)!==null&&t!==void 0?t:(h=this._ref)===null||h===void 0?void 0:h.validationMessage)!==null&&l!==void 0?l:c;a((()=>this._voiceOverFallback=""),1e3)}}else if(this.validation==="valid"||((n=this._ref)===null||n===void 0?void 0:n.validity.valid)&&this.required){this._descByIds=this._validMessageId;if(e()){this._voiceOverFallback=(o=this.validMessage)!==null&&o!==void 0?o:f;a((()=>this._voiceOverFallback=""),1e3)}}else if(d(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=this._placeholderId}}handleBlur(i){if(this.onBlur){this.onBlur.emit(i)}if(this.blur){this.blur(i)}}handleFocus(i){if(this.onFocus){this.onFocus.emit(i)}if(this.focus){this.focus(i)}}getOptionLabel(i){var s;return(s=i.label)!==null&&s!==void 0?s:i.value.toString()}enableAttributePassing(i,s){const t=i===null||i===void 0?void 0:i.closest(s);if(i&&t){const s=t.attributes;for(let h=0;h<s.length;h++){const e=s.item(h);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){i.setAttribute(e.name,e.value);t.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const h=e.value.replace("hydrated","").trim();const a=i.getAttribute("class");i.setAttribute(e.name,`${a?`${a} `:""}${h}`);if(s){t.setAttribute("class","hydrated")}else{t.removeAttribute(e.name)}}}}}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-select");this.initialized=true;const s=(i=this.id)!==null&&i!==void 0?i:`select-${l()}`;this._id=s;this._messageId=s+u;this._validMessageId=s+r;this._invalidMessageId=s+b;this._placeholderId=s+v}componentDidUpdate(){if(this._id&&this.initialized){const i=this._id+u;const s=this._id+v;this._messageId=i;this._validMessageId=this._id+r;this._invalidMessageId=this._id+b;this._placeholderId=s;if(d(this.message,this.showMessage)){this._descByIds=i}else{this._descByIds=s}this.initialized=false}this._value=this.value}render(){var i,s,e,a,l,u,r,b;return t("div",{key:"06017b1d2eb4dc4ee34da5b5436a6a2a1543305e",class:n("db-select",this.className),"data-variant":this.variant,"data-hide-label":o(this.showLabel),"data-icon":this.icon,"data-hide-icon":o(this.showIcon)},t("label",{key:"8009184d561a239b9c54afb410ca16187e37e147",htmlFor:this._id},(i=this.label)!==null&&i!==void 0?i:p),t("select",{key:"8664cfb20dda0f75f51c079299cbf6bd4c35a90c","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:i=>{this._ref=i},required:this.required,disabled:this.disabled,id:this._id,name:this.name,value:(s=this.value)!==null&&s!==void 0?s:this._value,autocomplete:this.autocomplete,onInput:i=>this.handleInput(i),onClick:i=>this.handleClick(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":this._descByIds},t("option",{key:"980b08554152ef897529193f8398387e666a206b",hidden:true}),this.options?(e=this.options)===null||e===void 0?void 0:e.map((i=>{var s;return t(h,null,i.options?t("optgroup",{label:this.getOptionLabel(i)},(s=i.options)===null||s===void 0?void 0:s.map((i=>t("option",{key:i.value.toString(),value:i.value,selected:i.selected,disabled:i.disabled},this.getOptionLabel(i))))):null,!i.options?t("option",{value:i.value,disabled:i.disabled,selected:i.selected},this.getOptionLabel(i)):null)})):null,t("slot",{key:"a6c2d85972b745880eff26b5bf35dcaeda05a071"})),t("span",{key:"060c35ad975fc394ff9ec66f1eb89b9e38adccdb",id:this._placeholderId},(a=this.placeholder)!==null&&a!==void 0?a:this.label),d(this.message,this.showMessage)?t("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,t("db-infotext",{key:"732e12ecf2306aed43f2bd252b086334c5edef41",size:"small",semantic:"successful",id:this._validMessageId},(l=this.validMessage)!==null&&l!==void 0?l:f),t("db-infotext",{key:"6d45eed0cfe4d82b3a5fadc8aaa652d149530dce",size:"small",semantic:"critical",id:this._invalidMessageId},(b=(u=this.invalidMessage)!==null&&u!==void 0?u:(r=this._ref)===null||r===void 0?void 0:r.validationMessage)!==null&&b!==void 0?b:c),t("span",{key:"c8a6a7684b1421f60708acaacb2b8be9f2bc59b2","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}};export{m as db_select};
+//# sourceMappingURL=p-d48f3770.entry.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"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-f65f4eac.entry.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["DBBrand","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","this","_ref","render","h","key","class","cls","className","ref","el","hideLogo","_a","icon","DEFAULT_ICON","getHideProp","showIcon","id","text"],"sources":["src/components/brand/brand.tsx"],"sourcesContent":["import { cls, getHideProp } from \"../../utils\";\nimport { DBBrandProps, DBBrandState } from \"./model\";\nimport { DEFAULT_ICON } from \"../../shared/constants\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-brand\",\n})\nexport class DBBrand {\n  private _ref!: HTMLDivElement | null;\n  @Prop() hideLogo: DBBrandProps[\"hideLogo\"];\n  @Prop() icon: DBBrandProps[\"icon\"];\n  @Prop() showIcon: DBBrandProps[\"showIcon\"];\n  @Prop() id: DBBrandProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBBrandProps[\"className\"];\n  @Prop() text: DBBrandProps[\"text\"];\n\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-brand\");\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-brand\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        data-icon={this.hideLogo ? \"none\" : this.icon ?? DEFAULT_ICON}\n        data-hide-icon={getHideProp(this.showIcon)}\n        id={this.id}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </div>\n    );\n  }\n}\n"],"mappings":"gIAcaA,EAAO,M,yBAeV,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEC,KAAKtB,uBAAuBsB,KAAKC,KAAM,W,CAGzC,MAAAC,G,MACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAOC,EAAI,WAAYN,KAAKO,WAC5BC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EACf,YACUT,KAAKU,SAAW,QAASC,EAAAX,KAAKY,QAAI,MAAAD,SAAA,EAAAA,EAAIE,EAAY,iBAC7CC,EAAYd,KAAKe,UACjCC,GAAIhB,KAAKgB,IAERhB,KAAKiB,KAAOjB,KAAKiB,KAAOd,EAAA,a","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,h as s}from"./p-1feee149.js";import{h as a,k as e,c as i}from"./p-99d90022.js";const o=class{constructor(s){t(this,s);this.initialized=false;this.isExpanded=false}handleAutoPlacement(){this.isExpanded=true;if(!this._ref)return;const t=this._ref.querySelector("article");if(!t)return;a(t)}handleLeave(t){const s=t.target;const a=s.parentNode;if(!a||s.parentNode.querySelector(":focus")!==s&&s.parentNode.querySelector(":focus-within")!==s&&s.parentNode.querySelector(":hover")!==s){this.isExpanded=false}}getTrigger(){var t;if(this._ref){const s=Array.from(this._ref.children);if(s.length>=2){const a=s[0];if(a.tagName.includes("-")){return((t=a.children)===null||t===void 0?void 0:t.length)>0?a.children[0]:null}else{return a}}}return null}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let e=0;e<s.length;e++){const i=s.item(e);if(i&&(i.name.startsWith("data-")||i.name.startsWith("aria-"))){t.setAttribute(i.name,i.value);a.removeAttribute(i.name)}if(i&&i.name==="class"){const s=i.value.includes("hydrated");const e=i.value.replace("hydrated","").trim();const o=t.getAttribute("class");t.setAttribute(i.name,`${o?`${o} `:""}${e}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(i.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-popover");this.initialized=true}componentDidUpdate(){if(this._ref&&this.initialized){const t=this.getTrigger();if(t){t.ariaHasPopup="true"}this.initialized=false}if(this._ref){const t=this.getTrigger();if(t){t.ariaExpanded=Boolean(this.isExpanded).toString()}}}render(){var t;return s("div",{key:"959688fa0ba764ae73b1dc6c184aaf74c31d163c",class:i("db-popover",this.className),ref:t=>{this._ref=t},id:this.id,onFocus:()=>this.handleAutoPlacement(),onBlur:t=>this.handleLeave(t),onMouseEnter:()=>this.handleAutoPlacement(),onMouseLeave:t=>this.handleLeave(t)},s("slot",{key:"a4d9922139a48d24095791378175abca0b6bd53e",name:"trigger"}),s("article",{key:"dabb36120c1a3b7f56f723a18abadc539f4ef851",class:"db-popover-content","data-spacing":this.spacing,"data-gap":e(this.gap),"data-animation":e((t=this.animation)!==null&&t!==void 0?t:true),"data-open":this.open,"data-delay":this.delay,"data-width":this.width,"data-placement":this.placement},s("slot",{key:"c184bdeeaf5db986c6631b5cbd9a2dce4a8d3eec"})))}};export{o as db_popover};
+//# sourceMappingURL=p-fea6db86.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DBPopover","constructor","hostRef","this","initialized","isExpanded","handleAutoPlacement","_ref","article","querySelector","handleDataOutside","handleLeave","event","element","target","parent","parentNode","getTrigger","children","Array","from","length","firstChild","tagName","includes","_a","enableAttributePassing","customElementSelector","closest","attributes","i","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","replace","trim","currentClass","getAttribute","componentDidLoad","componentDidUpdate","child","ariaHasPopup","ariaExpanded","Boolean","toString","render","h","key","class","cls","className","ref","el","id","onFocus","onBlur","onMouseEnter","onMouseLeave","spacing","getBooleanAsString","gap","animation","open","delay","width","placement"],"sources":["src/components/popover/popover.tsx"],"sourcesContent":["import { DBPopoverProps, DBPopoverState } from \"./model\";\nimport { cls, getBooleanAsString, handleDataOutside } 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 trigger - TODO: Add description for slotTrigger\n */\n @Component({\n  tag: \"db-popover\",\n})\nexport class DBPopover {\n  private _ref!: HTMLDivElement | null;\n  @Prop() id: DBPopoverProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBPopoverProps[\"className\"];\n  @Prop() spacing: DBPopoverProps[\"spacing\"];\n  @Prop() gap: DBPopoverProps[\"gap\"];\n  @Prop() animation: DBPopoverProps[\"animation\"];\n  @Prop() open: DBPopoverProps[\"open\"];\n  @Prop() delay: DBPopoverProps[\"delay\"];\n  @Prop() width: DBPopoverProps[\"width\"];\n  @Prop() placement: DBPopoverProps[\"placement\"];\n\n  @State() initialized = false;\n  @State() isExpanded = false;\n\n  handleAutoPlacement() {\n    this.isExpanded = true;\n    if (!this._ref) return;\n    const article = this._ref.querySelector(\"article\");\n    if (!article) return;\n    handleDataOutside(article);\n  }\n  handleLeave(event: any) {\n    const element = event.target as HTMLElement;\n    const parent = element.parentNode;\n    if (\n      !parent ||\n      (element.parentNode.querySelector(\":focus\") !== element &&\n        element.parentNode.querySelector(\":focus-within\") !== element &&\n        element.parentNode.querySelector(\":hover\") !== element)\n    ) {\n      this.isExpanded = false;\n    }\n  }\n  getTrigger() {\n    if (this._ref) {\n      const children: Element[] = Array.from(this._ref.children);\n      if (children.length >= 2) {\n        const firstChild = children[0];\n        if (firstChild.tagName.includes(\"-\")) {\n          // this is a workaround for custom angular components\n          return firstChild.children?.length > 0\n            ? firstChild.children[0]\n            : null;\n        } else {\n          return firstChild;\n        }\n      }\n    }\n    return null;\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-popover\");\n    this.initialized = true;\n  }\n\n  componentDidUpdate() {\n    if (this._ref && this.initialized) {\n      const child = this.getTrigger();\n      if (child) {\n        child.ariaHasPopup = \"true\";\n      }\n      this.initialized = false;\n    }\n    if (this._ref) {\n      const child = this.getTrigger();\n      if (child) {\n        child.ariaExpanded = Boolean(this.isExpanded).toString();\n      }\n    }\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-popover\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        onFocus={() => this.handleAutoPlacement()}\n        onBlur={(event) => this.handleLeave(event)}\n        onMouseEnter={() => this.handleAutoPlacement()}\n        onMouseLeave={(event) => this.handleLeave(event)}\n      >\n        <slot name=\"trigger\"></slot>\n        <article\n          class=\"db-popover-content\"\n          data-spacing={this.spacing}\n          data-gap={getBooleanAsString(this.gap)}\n          data-animation={getBooleanAsString(this.animation ?? true)}\n          data-open={this.open}\n          data-delay={this.delay}\n          data-width={this.width}\n          data-placement={this.placement}\n        >\n          <slot></slot>\n        </article>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

@@ -0,0 +1,91 @@
+const DEFAULT_ID = 'OVERWRITE_DEFAULT_ID';
+const DEFAULT_LABEL = 'LABEL SHOULD BE SET';
+const DEFAULT_PLACEHOLDER = ' ';
+const DEFAULT_MESSAGE_ID_SUFFIX = '-message';
+const DEFAULT_VALID_MESSAGE_ID_SUFFIX = '-valid-message';
+const DEFAULT_INVALID_MESSAGE_ID_SUFFIX = '-invalid-message';
+const DEFAULT_PLACEHOLDER_ID_SUFFIX = '-placeholder';
+const DEFAULT_DATALIST_ID_SUFFIX = '-datalist';
+const DEFAULT_VALID_MESSAGE = 'TODO: Add a validMessage';
+const DEFAULT_INVALID_MESSAGE = 'TODO: Add an invalidMessage';
+const DEFAULT_BACK = 'Back';
+const DEFAULT_BURGER_MENU = 'BurgerMenu';
+const DEFAULT_ICON = 'brand';
+const DEFAULT_ROWS = 4;
+const DEFAULT_CLOSE_BUTTON = 'Close Button';
+const DENSITY_CONST = 'density';
+const COLOR_CONST = 'color';
+var DENSITY;
+(function (DENSITY) {
+    DENSITY["FUNCTIONAL"] = "functional";
+    DENSITY["REGULAR"] = "regular";
+    DENSITY["EXPRESSIVE"] = "expressive";
+})(DENSITY || (DENSITY = {}));
+const DENSITIES = Object.entries(DENSITY).map(([, value]) => value);
+var COLOR_SIMPLE;
+(function (COLOR_SIMPLE) {
+    COLOR_SIMPLE["PRIMARY"] = "primary";
+})(COLOR_SIMPLE || (COLOR_SIMPLE = {}));
+var COLOR;
+(function (COLOR) {
+    COLOR["NEUTRAL_BG_LEVEL_1"] = "neutral-bg-basic-level-1";
+    COLOR["NEUTRAL_BG_LEVEL_2"] = "neutral-bg-basic-level-2";
+    COLOR["NEUTRAL_BG_LEVEL_3"] = "neutral-bg-basic-level-3";
+    COLOR["NEUTRAL_BG_TRANSPARENT_SEMI"] = "neutral-bg-basic-transparent-semi";
+    COLOR["NEUTRAL_BG_TRANSPARENT_FULL"] = "neutral-bg-basic-transparent-full";
+    COLOR["BRAND_BG_LEVEL_1"] = "brand-bg-basic-level-1";
+    COLOR["BRAND_BG_LEVEL_2"] = "brand-bg-basic-level-2";
+    COLOR["BRAND_BG_LEVEL_3"] = "brand-bg-basic-level-3";
+    COLOR["BRAND_BG_TRANSPARENT_SEMI"] = "brand-bg-basic-transparent-semi";
+    COLOR["BRAND_BG_TRANSPARENT_FULL"] = "brand-bg-basic-transparent-full";
+    COLOR["SUCCESSFUL_BG_LEVEL_1"] = "successful-bg-basic-level-1";
+    COLOR["SUCCESSFUL_BG_LEVEL_2"] = "successful-bg-basic-level-2";
+    COLOR["SUCCESSFUL_BG_LEVEL_3"] = "successful-bg-basic-level-3";
+    COLOR["SUCCESSFUL_BG_TRANSPARENT_SEMI"] = "successful-bg-basic-transparent-semi";
+    COLOR["SUCCESSFUL_BG_TRANSPARENT_FULL"] = "successful-bg-basic-transparent-full";
+    COLOR["CRITICAL_BG_LEVEL_1"] = "critical-bg-basic-level-1";
+    COLOR["CRITICAL_BG_LEVEL_2"] = "critical-bg-basic-level-2";
+    COLOR["CRITICAL_BG_LEVEL_3"] = "critical-bg-basic-level-3";
+    COLOR["CRITICAL_BG_TRANSPARENT_SEMI"] = "critical-bg-basic-transparent-semi";
+    COLOR["CRITICAL_BG_TRANSPARENT_Full"] = "critical-bg-basic-transparent-full";
+    COLOR["WARNING_BG_LEVEL_1"] = "warning-bg-basic-level-1";
+    COLOR["WARNING_BG_LEVEL_2"] = "warning-bg-basic-level-2";
+    COLOR["WARNING_BG_LEVEL_3"] = "warning-bg-basic-level-3";
+    COLOR["WARNING_BG_TRANSPARENT_SEMI"] = "warning-bg-basic-transparent-semi";
+    COLOR["WARNING_BG_TRANSPARENT_FULL"] = "warning-bg-basic-transparent-full";
+    COLOR["INFORMATIONAL_BG_LEVEL_1"] = "informational-bg-basic-level-1";
+    COLOR["INFORMATIONAL_BG_LEVEL_2"] = "informational-bg-basic-level-2";
+    COLOR["INFORMATIONAL_BG_LEVEL_3"] = "informational-bg-basic-level-3";
+    COLOR["INFORMATIONAL_BG_TRANSPARENT_SEMI"] = "informational-bg-basic-transparent-semi";
+    COLOR["INFORMATIONAL_BG_TRANSPARENT_FULL"] = "informational-bg-basic-transparent-full";
+})(COLOR || (COLOR = {}));
+const COLORS = Object.entries(COLOR).map(([, value]) => value);
+const COLORS_SIMPLE = Object.entries(COLOR_SIMPLE).map(([, value]) => value);
+var SEMANTIC;
+(function (SEMANTIC) {
+    SEMANTIC["CRITICAL"] = "critical";
+    SEMANTIC["INFORMATIONAL"] = "informational";
+    SEMANTIC["WARNING"] = "warning";
+    SEMANTIC["SUCCESSFUL"] = "successful";
+})(SEMANTIC || (SEMANTIC = {}));
+const SEMANTICS = Object.entries(SEMANTIC).map(([, value]) => value);
+const DEFAULT_VIEWPORT = {
+    width: 390,
+    height: 884
+};
+const DESKTOP_VIEWPORT = {
+    width: 1920,
+    height: 1280
+};
+/**
+ * Use those viewports if your component has a css media-query otherwise use the DEFAULT_VIEWPORT
+ */
+const TESTING_VIEWPORTS = [Object.assign({ name: 'desktop' }, DESKTOP_VIEWPORT), {
+        name: 'tablet',
+        width: 768,
+        height: 1024
+    }, Object.assign({ name: 'mobile' }, DEFAULT_VIEWPORT)];
+
+export { COLOR_CONST as C, DEFAULT_ID as D, SEMANTIC as S, TESTING_VIEWPORTS as T, DEFAULT_LABEL as a, DEFAULT_PLACEHOLDER as b, DEFAULT_MESSAGE_ID_SUFFIX as c, DEFAULT_VALID_MESSAGE_ID_SUFFIX as d, DEFAULT_INVALID_MESSAGE_ID_SUFFIX as e, DEFAULT_PLACEHOLDER_ID_SUFFIX as f, DEFAULT_DATALIST_ID_SUFFIX as g, DEFAULT_VALID_MESSAGE as h, DEFAULT_INVALID_MESSAGE as i, DEFAULT_BACK as j, DEFAULT_BURGER_MENU as k, DEFAULT_ICON as l, DEFAULT_ROWS as m, DEFAULT_CLOSE_BUTTON as n, DENSITY_CONST as o, DENSITY as p, DENSITIES as q, COLOR_SIMPLE as r, COLOR as s, COLORS as t, COLORS_SIMPLE as u, SEMANTICS as v, DEFAULT_VIEWPORT as w, DESKTOP_VIEWPORT as x };
+
+//# sourceMappingURL=constants-745cf8d7.js.map

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

@@ -0,0 +1 @@
+{"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-accordion-item.entry.js

@@ -0,0 +1,69 @@
+import { r as registerInstance, c as createEvent, h } from './index-5be50117.js';
+import { u as uuid, k as getBooleanAsString, c as cls } from './index-fad99efc.js';
+import { D as DEFAULT_ID } from './constants-745cf8d7.js';
+
+const DBAccordionItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.onToggle = createEvent(this, "onToggle", 7);
+        this._id = DEFAULT_ID;
+        this._open = false;
+    }
+    toggle(event) {
+        // We need this for react https://github.com/facebook/react/issues/15486#issuecomment-488028431
+        event === null || event === void 0 ? void 0 : event.preventDefault();
+        const newStateOpen = !this._open;
+        if (this.onToggle) {
+            this.onToggle.emit(newStateOpen);
+        }
+        this._open = newStateOpen;
+    }
+    /**
+     * 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);
+                    }
+                }
+            }
+        }
+    }
+    componentDidLoad() {
+        this.enableAttributePassing(this._ref, "db-accordion-item");
+        this._id = this.id || "accordion-item-" + uuid();
+        if (this.defaultOpen) {
+            this._open = this.defaultOpen;
+        }
+    }
+    render() {
+        return (h("li", { key: '7094e608b01a216da13c416ba6d6f845bc3554df', class: cls("db-accordion-item", this.className), id: this._id }, h("details", { key: '8eb8bc7f0741d7e03a79923407709d7451a1c423', "aria-disabled": getBooleanAsString(this.disabled), ref: (el) => {
+                this._ref = el;
+            }, open: this._open }, h("summary", { key: '7f531a785588b63c302c637416552171e88b310a', onClick: (event) => this.toggle(event) }, this.headlinePlain ? this.headlinePlain : null, !this.headlinePlain ? h("slot", { name: "headline" }) : null), h("div", { key: '9a53a8b06d591360965973288075ab2b06968ac4' }, this.text ? this.text : h("slot", null)))));
+    }
+};
+
+export { DBAccordionItem as db_accordion_item };
+
+//# sourceMappingURL=db-accordion-item.entry.js.map

package/dist/esm/db-accordion-item.entry.js.map

@@ -0,0 +1 @@
+{"file":"db-accordion-item.entry.js","mappings":";;;;MAea,eAAe;IAH3B;;;QAaU,QAAG,GAAG,UAAU,CAAC;QACjB,UAAK,GAAG,KAAK,CAAC;KA+ExB;IA7EC,MAAM,CAAC,KAA8B;;QAEnC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,EAAE,CAAC;QACxB,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;QACjC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;SAClC;QACD,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC;KAC3B;;;;;;IAOO,sBAAsB,CAC5B,OAA2B,EAC3B,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,gBAAgB;QACd,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;QAC5D,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,IAAI,iBAAiB,GAAG,IAAI,EAAE,CAAC;QACjD,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC;SAC/B;KACF;IAED,MAAM;QACJ,QACE,2DAAI,KAAK,EAAE,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,IAC/D,iFACiB,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAChD,GAAG,EAAE,CAAC,EAAO;gBACX,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;aAChB,EACD,IAAI,EAAE,IAAI,CAAC,KAAK,IAEhB,gEAAS,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAC5C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,EAC9C,CAAC,IAAI,CAAC,aAAa,GAAG,YAAM,IAAI,EAAC,UAAU,GAAQ,GAAG,IAAI,CACnD,EACV,8DAAM,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,eAAa,CAAO,CAC1C,CACP,EACL;KACH;;;;;","names":[],"sources":["src/components/accordion-item/accordion-item.tsx"],"sourcesContent":["import { DBAccordionItemProps, DBAccordionItemState } from \"./model\";\nimport { cls, getBooleanAsString, uuid } from \"../../utils\";\nimport { ClickEvent } from \"../../shared/model\";\nimport { DEFAULT_ID } from \"../../shared/constants\";\n\nimport { Component, h, Fragment, Event, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot headline - TODO: Add description for slotHeadline\n */\n @Component({\n  tag: \"db-accordion-item\",\n})\nexport class DBAccordionItem {\n  private _ref!: HTMLDetailsElement | null;\n  @Prop() id: DBAccordionItemProps[\"id\"];\n  @Prop() defaultOpen: DBAccordionItemProps[\"defaultOpen\"];\n  @Event() onToggle: any;\n  @Prop({attribute: \"classname\"}) className: DBAccordionItemProps[\"className\"];\n  @Prop() disabled: DBAccordionItemProps[\"disabled\"];\n  @Prop() headlinePlain: DBAccordionItemProps[\"headlinePlain\"];\n  @Prop() text: DBAccordionItemProps[\"text\"];\n\n  @State() _id = DEFAULT_ID;\n  @State() _open = false;\n\n  toggle(event: ClickEvent<HTMLElement>) {\n    // We need this for react https://github.com/facebook/react/issues/15486#issuecomment-488028431\n    event?.preventDefault();\n    const newStateOpen = !this._open;\n    if (this.onToggle) {\n      this.onToggle.emit(newStateOpen);\n    }\n    this._open = newStateOpen;\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-accordion-item\");\n    this._id = this.id || \"accordion-item-\" + uuid();\n    if (this.defaultOpen) {\n      this._open = this.defaultOpen;\n    }\n  }\n\n  render() {\n    return (\n      <li class={cls(\"db-accordion-item\", this.className)} id={this._id}>\n        <details\n          aria-disabled={getBooleanAsString(this.disabled)}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          open={this._open}\n        >\n          <summary onClick={(event) => this.toggle(event)}>\n            {this.headlinePlain ? this.headlinePlain : null}\n            {!this.headlinePlain ? <slot name=\"headline\"></slot> : null}\n          </summary>\n          <div>{this.text ? this.text : <slot></slot>}</div>\n        </details>\n      </li>\n    );\n  }\n}\n"],"version":3}

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

@@ -0,0 +1,126 @@
+import { r as registerInstance, h } from './index-5be50117.js';
+import { u as uuid, c as cls } from './index-fad99efc.js';
+import { D as DEFAULT_ID } from './constants-745cf8d7.js';
+
+const DBAccordion = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this._id = DEFAULT_ID;
+        this._name = "";
+        this.initialized = false;
+        this._initOpenIndexDone = false;
+    }
+    convertItems(items) {
+        try {
+            if (typeof items === "string") {
+                return JSON.parse(items);
+            }
+            return items;
+        }
+        catch (error) {
+            console.error(error);
+        }
+        return [];
+    }
+    /**
+     * 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);
+                    }
+                }
+            }
+        }
+    }
+    componentDidLoad() {
+        this.enableAttributePassing(this._ref, "db-accordion");
+        this._id = this.id || "accordion-" + uuid();
+        this.initialized = true;
+        this._initOpenIndexDone = true;
+    }
+    componentDidUpdate() {
+        var _a;
+        // If we have a single behavior we first check for
+        // props.name otherwise for state_id
+        if (this.initialized) {
+            if (this.behavior === "single") {
+                if (this.name) {
+                    if (this._name !== this.name) {
+                        this._name = this.name;
+                    }
+                }
+                else {
+                    if (this._name !== this._id && this._id) {
+                        this._name = this._id;
+                    }
+                }
+            }
+            else {
+                this._name = "";
+            }
+        }
+        if (this._ref) {
+            const childDetails = this._ref.getElementsByTagName("details");
+            if (childDetails) {
+                for (const details of Array.from(childDetails)) {
+                    if (this._name === "") {
+                        details.removeAttribute("name");
+                    }
+                    else {
+                        details.name = this._name;
+                    }
+                }
+            }
+        }
+        if (this._ref && this._initOpenIndexDone) {
+            if (this.initOpenIndex && ((_a = this.initOpenIndex) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                const childDetails = this._ref.getElementsByTagName("details");
+                if (childDetails) {
+                    const initOpenIndex = this.behavior === "single" && this.initOpenIndex.length > 1
+                        ? [this.initOpenIndex[0]] // use only one index for behavior=single
+                        : this.initOpenIndex;
+                    Array.from(childDetails).forEach((details, index) => {
+                        if (initOpenIndex.includes(index)) {
+                            details.open = true;
+                        }
+                    });
+                }
+            }
+            this._initOpenIndexDone = false;
+        }
+    }
+    render() {
+        var _a;
+        return (h("ul", { key: '6a2d7280077c11e5660b5638d2d10b4dce057be5', class: cls("db-accordion", this.className), ref: (el) => {
+                this._ref = el;
+            }, id: this._id, "data-variant": this.variant }, !this.items ? h("slot", null) : null, this.items
+            ? (_a = this.convertItems(this.items)) === null || _a === void 0 ? void 0 : _a.map((item, index) => (h("db-accordion-item", { key: `accordion-item-${index}`, headlinePlain: item.headlinePlain, disabled: item.disabled, text: item.text })))
+            : null));
+    }
+};
+
+export { DBAccordion as db_accordion };
+
+//# sourceMappingURL=db-accordion.entry.js.map