@db-ux/wc-core-components 1.0.0 → 1.1.0

package/dist/db-ux/p-45bb9feb.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["uuid","window","_a","crypto","randomUUID","_b","getRandomValues","Uint32Array","join","Math","random","toString","substring","addAttributeToChildren","element","attribute","children","Object","values","forEach","child","setAttribute","key","value","length","cls","args","result","arg","trim","visibleInVX","el","left","right","getBoundingClientRect","innerWidth","visibleInVY","top","bottom","innerHeight","isInView","outTop","outBottom","outLeft","outRight","outsideY","hasAttribute","outsideX","parentRect","parentElement","position","getAttribute","handleDataOutside","dataOutsidePair","vy","removeAttribute","assign","vx","isArrayOfStrings","Array","isArray","every","item","appleOs","hasVoiceOver","some","os","navigator","userAgent","includes","delay","fn","ms","Promise","setTimeout","getBooleanAsString","originBool","String","getHideProp","show","undefined","stringPropVisible","givenString","showString"],"sources":["src/utils/index.ts"],"sourcesContent":["export const uuid = () => {\n  if (typeof window !== 'undefined') {\n    if (window.crypto?.randomUUID) {\n      return window.crypto.randomUUID();\n    } else if (window.crypto?.getRandomValues) {\n      return window.crypto.getRandomValues(new Uint32Array(3)).join('-');\n    }\n  }\n  return Math.random().toString().substring(2);\n};\nexport const addAttributeToChildren = (element: Element, attribute: {\n  key: string;\n  value: string;\n}) => {\n  const children = element.children;\n  Object.values(children).forEach((child: Element) => {\n    child.setAttribute(attribute.key, attribute.value);\n    if (child.children.length > 0) {\n      addAttributeToChildren(child, attribute);\n    }\n  });\n};\nexport type ClassNameArg = string | {\n  [key: string]: boolean | undefined;\n} | undefined;\nexport const cls = (...args: ClassNameArg[]) => {\n  let result = '';\n  for (const arg of args) {\n    if (arg) {\n      if (typeof arg === 'string') {\n        result += `${arg} `;\n      } else {\n        for (const key in arg) {\n          if (arg[key]) {\n            result += `${key} `;\n          }\n        }\n      }\n    }\n  }\n  return result.trim();\n};\nexport const visibleInVX = (el: Element) => {\n  const {\n    left,\n    right\n  } = el.getBoundingClientRect();\n  const {\n    innerWidth\n  } = window;\n  return left >= 0 && right <= innerWidth;\n};\nexport const visibleInVY = (el: Element) => {\n  const {\n    top,\n    bottom\n  } = el.getBoundingClientRect();\n  const {\n    innerHeight\n  } = window;\n  return top >= 0 && bottom <= innerHeight;\n};\nexport const isInView = (el: Element) => {\n  const {\n    top,\n    bottom,\n    left,\n    right\n  } = el.getBoundingClientRect();\n  const {\n    innerHeight,\n    innerWidth\n  } = window;\n  let outTop = top < 0;\n  let outBottom = bottom > innerHeight;\n  let outLeft = left < 0;\n  let outRight = right > innerWidth;\n\n  // We need to check if it was already outside\n  const outsideY = el.hasAttribute('data-outside-vy');\n  const outsideX = el.hasAttribute('data-outside-vx');\n  const parentRect = el?.parentElement?.getBoundingClientRect();\n  if (parentRect) {\n    if (outsideY) {\n      const position = el.getAttribute('data-outside-vy');\n      if (position === 'top') {\n        outTop = parentRect.top - (bottom - parentRect.bottom) < 0;\n      } else {\n        outBottom = parentRect.bottom + (parentRect.top - top) > innerHeight;\n      }\n    }\n    if (outsideX) {\n      const position = el.getAttribute('data-outside-vx');\n      if (position === 'left') {\n        outLeft = parentRect.left - (right - parentRect.right) < 0;\n      } else {\n        outRight = parentRect.right + (parentRect.left - left) > innerWidth;\n      }\n    }\n  }\n  return {\n    outTop,\n    outBottom,\n    outLeft,\n    outRight\n  };\n};\nexport interface DBDataOutsidePair {\n  vx?: 'left' | 'right';\n  vy?: 'top' | 'bottom';\n}\nexport const handleDataOutside = (el: Element): DBDataOutsidePair => {\n  const {\n    outTop,\n    outBottom,\n    outLeft,\n    outRight\n  } = isInView(el);\n  let dataOutsidePair: DBDataOutsidePair = {};\n  if (outTop || outBottom) {\n    dataOutsidePair = {\n      vy: outTop ? 'top' : 'bottom'\n    };\n    el.setAttribute('data-outside-vy', dataOutsidePair.vy!);\n  } else {\n    el.removeAttribute('data-outside-vy');\n  }\n  if (outLeft || outRight) {\n    dataOutsidePair = {\n      ...dataOutsidePair,\n      vx: outRight ? 'right' : 'left'\n    };\n    el.setAttribute('data-outside-vx', dataOutsidePair.vx!);\n  } else {\n    el.removeAttribute('data-outside-vx');\n  }\n  return dataOutsidePair;\n};\nexport const isArrayOfStrings = (value: unknown): value is string[] => Array.isArray(value) && value.every(item => typeof item === 'string');\nconst appleOs = ['Mac', 'iPhone', 'iPad', 'iPod'];\nexport const hasVoiceOver = (): boolean => typeof window !== 'undefined' && appleOs.some(os => window.navigator.userAgent.includes(os));\nexport const delay = (fn: () => void, ms: number) => new Promise(() => setTimeout(fn, ms));\n\n/**\n * Some frameworks like stencil would not add \"true\" as value for a prop\n * if it is used in a framework like angular e.g.: [disabled]=\"myDisabledProp\"\n * @param originBool Some boolean to convert to string\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const getBooleanAsString = (originBool?: boolean): any => {\n  if (originBool) {\n    return String(originBool);\n  }\n  return originBool;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const getHideProp = (show?: boolean): any => {\n  if (show === undefined || show === null) {\n    return undefined;\n  }\n  return getBooleanAsString(!show);\n};\nexport const stringPropVisible = (givenString?: string, showString?: boolean) => {\n  if (showString === undefined) {\n    return !!givenString;\n  } else {\n    return showString && givenString;\n  }\n};\nexport default {\n  cls,\n  addAttributeToChildren,\n  uuid,\n  visibleInVX,\n  visibleInVY,\n  isInView,\n  handleDataOutside,\n  isArrayOfStrings,\n  hasVoiceOver,\n  delay,\n  getBooleanAsString,\n  getHideProp,\n  stringPropVisible\n}"],"mappings":"MAAaA,EAAO,K,QAClB,UAAWC,SAAW,YAAa,CACjC,IAAIC,EAAAD,OAAOE,UAAM,MAAAD,SAAA,SAAAA,EAAEE,WAAY,CAC7B,OAAOH,OAAOE,OAAOC,Y,MAChB,IAAIC,EAAAJ,OAAOE,UAAM,MAAAE,SAAA,SAAAA,EAAEC,gBAAiB,CACzC,OAAOL,OAAOE,OAAOG,gBAAgB,IAAIC,YAAY,IAAIC,KAAK,I,EAGlE,OAAOC,KAAKC,SAASC,WAAWC,UAAU,EAAE,E,MAEjCC,EAAyB,CAACC,EAAkBC,KAIvD,MAAMC,EAAWF,EAAQE,SACzBC,OAAOC,OAAOF,GAAUG,SAASC,IAC/BA,EAAMC,aAAaN,EAAUO,IAAKP,EAAUQ,OAC5C,GAAIH,EAAMJ,SAASQ,OAAS,EAAG,CAC7BX,EAAuBO,EAAOL,E,IAEhC,E,MAKSU,EAAM,IAAIC,KACrB,IAAIC,EAAS,GACb,IAAK,MAAMC,KAAOF,EAAM,CACtB,GAAIE,EAAK,CACP,UAAWA,IAAQ,SAAU,CAC3BD,GAAU,GAAGC,I,KACR,CACL,IAAK,MAAMN,KAAOM,EAAK,CACrB,GAAIA,EAAIN,GAAM,CACZK,GAAU,GAAGL,I,KAMvB,OAAOK,EAAOE,MAAM,E,MAETC,EAAeC,IAC1B,MAAMC,KACJA,EAAIC,MACJA,GACEF,EAAGG,wBACP,MAAMC,WACJA,GACElC,OACJ,OAAO+B,GAAQ,GAAKC,GAASE,CAAU,E,MAE5BC,EAAeL,IAC1B,MAAMM,IACJA,EAAGC,OACHA,GACEP,EAAGG,wBACP,MAAMK,YACJA,GACEtC,OACJ,OAAOoC,GAAO,GAAKC,GAAUC,CAAW,E,MAE7BC,EAAYT,I,MACvB,MAAMM,IACJA,EAAGC,OACHA,EAAMN,KACNA,EAAIC,MACJA,GACEF,EAAGG,wBACP,MAAMK,YACJA,EAAWJ,WACXA,GACElC,OACJ,IAAIwC,EAASJ,EAAM,EACnB,IAAIK,EAAYJ,EAASC,EACzB,IAAII,EAAUX,EAAO,EACrB,IAAIY,EAAWX,EAAQE,EAGvB,MAAMU,EAAWd,EAAGe,aAAa,mBACjC,MAAMC,EAAWhB,EAAGe,aAAa,mBACjC,MAAME,GAAa9C,EAAA6B,IAAE,MAAFA,SAAE,SAAFA,EAAIkB,iBAAa,MAAA/C,SAAA,SAAAA,EAAEgC,wBACtC,GAAIc,EAAY,CACd,GAAIH,EAAU,CACZ,MAAMK,EAAWnB,EAAGoB,aAAa,mBACjC,GAAID,IAAa,MAAO,CACtBT,EAASO,EAAWX,KAAOC,EAASU,EAAWV,QAAU,C,KACpD,CACLI,EAAYM,EAAWV,QAAUU,EAAWX,IAAMA,GAAOE,C,EAG7D,GAAIQ,EAAU,CACZ,MAAMG,EAAWnB,EAAGoB,aAAa,mBACjC,GAAID,IAAa,OAAQ,CACvBP,EAAUK,EAAWhB,MAAQC,EAAQe,EAAWf,OAAS,C,KACpD,CACLW,EAAWI,EAAWf,OAASe,EAAWhB,KAAOA,GAAQG,C,GAI/D,MAAO,CACLM,SACAC,YACAC,UACAC,WACD,E,MAMUQ,EAAqBrB,IAChC,MAAMU,OACJA,EAAMC,UACNA,EAASC,QACTA,EAAOC,SACPA,GACEJ,EAAST,GACb,IAAIsB,EAAqC,GACzC,GAAIZ,GAAUC,EAAW,CACvBW,EAAkB,CAChBC,GAAIb,EAAS,MAAQ,UAEvBV,EAAGV,aAAa,kBAAmBgC,EAAgBC,G,KAC9C,CACLvB,EAAGwB,gBAAgB,kB,CAErB,GAAIZ,GAAWC,EAAU,CACvBS,EAAepC,OAAAuC,OAAAvC,OAAAuC,OAAA,GACVH,GAAe,CAClBI,GAAIb,EAAW,QAAU,SAE3Bb,EAAGV,aAAa,kBAAmBgC,EAAgBI,G,KAC9C,CACL1B,EAAGwB,gBAAgB,kB,CAErB,OAAOF,CAAe,E,MAEXK,EAAoBnC,GAAsCoC,MAAMC,QAAQrC,IAAUA,EAAMsC,OAAMC,UAAeA,IAAS,WACnI,MAAMC,EAAU,CAAC,MAAO,SAAU,OAAQ,Q,MAC7BC,EAAe,WAAsB/D,SAAW,aAAe8D,EAAQE,MAAKC,GAAMjE,OAAOkE,UAAUC,UAAUC,SAASH,K,MACtHI,EAAQ,CAACC,EAAgBC,IAAe,IAAIC,SAAQ,IAAMC,WAAWH,EAAIC,K,MAQzEG,EAAsBC,IACjC,GAAIA,EAAY,CACd,OAAOC,OAAOD,E,CAEhB,OAAOA,CAAU,E,MAINE,EAAeC,IAC1B,GAAIA,IAASC,WAAaD,IAAS,KAAM,CACvC,OAAOC,S,CAET,OAAOL,GAAoBI,EAAK,E,MAErBE,EAAoB,CAACC,EAAsBC,KACtD,GAAIA,IAAeH,UAAW,CAC5B,QAASE,C,KACJ,CACL,OAAOC,GAAcD,C","ignoreList":[]}

package/dist/db-ux/{p-43aa16d7.entry.js → p-5c1b65ac.entry.js}

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

package/dist/db-ux/p-69948f78.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as s,h as t}from"./p-1feee149.js";import{i as h,h as e,c as d,d as a,e as l}from"./p-af3834b6.js";import{e as n,f as o,s as f,u as c,c as u,j as r}from"./p-45bb9feb.js";const b=class{constructor(t){i(this,t);this.onChange=s(this,"onChange",7);this.onBlur=s(this,"onBlur",7);this.onFocus=s(this,"onFocus",7);this.initialized=false;this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._descByIds="";this._voiceOverFallback=""}handleChange(i){var s,t,d,a,l,c;if(this.onChange){this.onChange.emit(i)}if(this.change){this.change(i)}if(!((s=this._ref)===null||s===void 0?void 0:s.validity.valid)||this.validation==="invalid"){this._descByIds=this._invalidMessageId;if(n()){this._voiceOverFallback=(a=(t=this.invalidMessage)!==null&&t!==void 0?t:(d=this._ref)===null||d===void 0?void 0:d.validationMessage)!==null&&a!==void 0?a:h;o((()=>this._voiceOverFallback=""),1e3)}}else if(this.validation==="valid"||((l=this._ref)===null||l===void 0?void 0:l.validity.valid)&&this.required){this._descByIds=this._validMessageId;if(n()){this._voiceOverFallback=(c=this.validMessage)!==null&&c!==void 0?c:e;o((()=>this._voiceOverFallback=""),1e3)}}else if(f(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=""}}handleBlur(i){if(this.onBlur){this.onBlur.emit(i)}if(this.blur){this.blur(i)}}handleFocus(i){if(this.onFocus){this.onFocus.emit(i)}if(this.focus){this.focus(i)}}enableAttributePassing(i,s){const t=i===null||i===void 0?void 0:i.closest(s);if(i&&t){const s=t.attributes;for(let h=0;h<s.length;h++){const 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 d=i.getAttribute("class");i.setAttribute(e.name,`${d?`${d} `:""}${h}`);if(s){t.setAttribute("class","hydrated")}else{t.removeAttribute(e.name)}}}}}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-checkbox");this.initialized=true;const s=(i=this.id)!==null&&i!==void 0?i:`checkbox-${c()}`;this._id=s;this._messageId=s+d;this._validMessageId=s+a;this._invalidMessageId=s+l}componentDidUpdate(){if(this._id){const i=this._id+d;this._messageId=i;this._validMessageId=this._id+a;this._invalidMessageId=this._id+l;if(f(this.message,this.showMessage)){this._descByIds=i}}if(this._ref){if(this.indeterminate!==undefined){this._ref.indeterminate=this.indeterminate}}if(this.initialized&&this._ref){if(this.checked!=undefined){this._ref.checked=this.checked}this.initialized=false}}render(){var i,s,d,a;return t("div",{key:"516ed45e71cec94c78630961047e4eb17559fe74",class:u("db-checkbox",this.className),"data-size":this.size,"data-hide-label":r(this.showLabel)},t("label",{key:"8fdb1fe937b3ea39220b59a785967435ff38f08c",htmlFor:this._id},t("input",{key:"e7367922a1f060d40d2182a0f1dafc2b0c93f25f",type:"checkbox","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:i=>{this._ref=i},id:this._id,name:this.name,checked:this.checked,disabled:this.disabled,value:this.value,required:this.required,onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":this._descByIds}),this.label?this.label:t("slot",null)),f(this.message,this.showMessage)?t("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,t("db-infotext",{key:"c23ca5064548b1317552b66bd1e051483a761670",size:"small",semantic:"successful",id:this._validMessageId},(i=this.validMessage)!==null&&i!==void 0?i:e),t("db-infotext",{key:"3adf578c5d66981b4d538dee7be9c9d371d47f7b",size:"small",semantic:"critical",id:this._invalidMessageId},(a=(s=this.invalidMessage)!==null&&s!==void 0?s:(d=this._ref)===null||d===void 0?void 0:d.validationMessage)!==null&&a!==void 0?a:h),t("span",{key:"df025ce6148d146c671e0ffd7853f265713f8feb","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}};export{b as db_checkbox};
+//# sourceMappingURL=p-69948f78.entry.js.map

package/dist/db-ux/p-69948f78.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DBCheckbox","constructor","hostRef","this","initialized","_id","undefined","_messageId","_validMessageId","_invalidMessageId","_descByIds","_voiceOverFallback","handleChange","event","onChange","emit","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","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","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","componentDidUpdate","messageId","indeterminate","checked","render","h","key","class","cls","className","size","getHideProp","showLabel","htmlFor","type","ref","el","disabled","label","icon","messageIcon","semantic","role"],"sources":["src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { DBCheckboxProps, DBCheckboxState } from \"./model\";\nimport {\n  DEFAULT_INVALID_MESSAGE,\n  DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n  DEFAULT_MESSAGE_ID_SUFFIX,\n  DEFAULT_VALID_MESSAGE,\n  DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport { ChangeEvent, InteractionEvent } from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport {\n  cls,\n  delay,\n  getHideProp,\n  hasVoiceOver,\n  stringPropVisible,\n  uuid,\n} from \"../../utils\";\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-checkbox\",\n})\nexport class DBCheckbox {\n  private _ref!: HTMLInputElement | null;\n  @Prop() id: DBCheckboxProps[\"id\"];\n  @Prop() message: DBCheckboxProps[\"message\"];\n  @Prop() showMessage: DBCheckboxProps[\"showMessage\"];\n  @Prop() indeterminate: DBCheckboxProps[\"indeterminate\"];\n  @Prop() checked: DBCheckboxProps[\"checked\"];\n  @Event() onChange: any;\n  @Prop() change: DBCheckboxProps[\"change\"];\n  @Prop() validation: DBCheckboxProps[\"validation\"];\n  @Prop() invalidMessage: DBCheckboxProps[\"invalidMessage\"];\n  @Prop() required: DBCheckboxProps[\"required\"];\n  @Prop() validMessage: DBCheckboxProps[\"validMessage\"];\n  @Event() onBlur: any;\n  @Prop() blur: DBCheckboxProps[\"blur\"];\n  @Event() onFocus: any;\n  @Prop() focus: DBCheckboxProps[\"focus\"];\n  @Prop({attribute: \"classname\"}) className: DBCheckboxProps[\"className\"];\n  @Prop() size: DBCheckboxProps[\"size\"];\n  @Prop() showLabel: DBCheckboxProps[\"showLabel\"];\n  @Prop() name: DBCheckboxProps[\"name\"];\n  @Prop() disabled: DBCheckboxProps[\"disabled\"];\n  @Prop() value: DBCheckboxProps[\"value\"];\n  @Prop() label: DBCheckboxProps[\"label\"];\n\n  @Prop() messageIcon: DBCheckboxProps[\"messageIcon\"];\n  @State() initialized = false;\n  @State() _id = undefined;\n  @State() _messageId = undefined;\n  @State() _validMessageId = undefined;\n  @State() _invalidMessageId = undefined;\n  @State() _descByIds = \"\";\n  @State() _voiceOverFallback = \"\";\n\n  handleChange(event: ChangeEvent<HTMLInputElement>) {\n    if (this.onChange) {\n      this.onChange.emit(event);\n    }\n    if (this.change) {\n      this.change(event);\n    }\n    /* For a11y reasons we need to map the correct message with the checkbox */\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 = \"\";\n    }\n  }\n  handleBlur(event: InteractionEvent<HTMLInputElement>) {\n    if (this.onBlur) {\n      this.onBlur.emit(event);\n    }\n    if (this.blur) {\n      this.blur(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLInputElement>) {\n    if (this.onFocus) {\n      this.onFocus.emit(event);\n    }\n    if (this.focus) {\n      this.focus(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLInputElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-checkbox\");\n    this.initialized = true;\n    const mId = this.id ?? `checkbox-${uuid()}`;\n    this._id = mId;\n    this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;\n    this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n    this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n  }\n\n  componentDidUpdate() {\n    if (this._id) {\n      const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n      this._messageId = messageId;\n      this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n      this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n      if (stringPropVisible(this.message, this.showMessage)) {\n        this._descByIds = messageId;\n      }\n    }\n    if (this._ref) {\n      if (this.indeterminate !== undefined) {\n        // When indeterminate is set, the value of the checked prop only impacts the form submitted values.\n        // It has no accessibility or UX implications. (https://mui.com/material-ui/react-checkbox/)\n        this._ref.indeterminate = this.indeterminate;\n      }\n    }\n    if (this.initialized && this._ref) {\n      // in angular this must be set via native element\n      if (this.checked != undefined) {\n        this._ref.checked = this.checked;\n      }\n      this.initialized = false;\n    }\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-checkbox\", this.className)}\n        data-size={this.size}\n        data-hide-label={getHideProp(this.showLabel)}\n      >\n        <label htmlFor={this._id}>\n          <input\n            type=\"checkbox\"\n            aria-invalid={this.validation === \"invalid\"}\n            data-custom-validity={this.validation}\n            ref={(el: any) => {\n              this._ref = el;\n            }}\n            id={this._id}\n            name={this.name}\n            checked={this.checked}\n            disabled={this.disabled}\n            value={this.value}\n            required={this.required}\n            onChange={(event) => this.handleChange(event)}\n            onBlur={(event) => this.handleBlur(event)}\n            onFocus={(event) => this.handleFocus(event)}\n            aria-describedby={this._descByIds}\n          />\n          {this.label ? this.label : <slot></slot>}\n        </label>\n        {stringPropVisible(this.message, this.showMessage) ? (\n          <db-infotext\n            size=\"small\"\n            icon={this.messageIcon}\n            id={this._messageId}\n          >\n            {this.message}\n          </db-infotext>\n        ) : null}\n        <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-6b6f1f7f.entry.js → p-7eb92648.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as a}from"./p-1feee149.js";import{c as s,k as i}from"./p-99d90022.js";const d=class{constructor(a){t(this,a)}enableAttributePassing(t,a){const s=t===null||t===void 0?void 0:t.closest(a);if(t&&s){const a=s.attributes;for(let i=0;i<a.length;i++){const d=a.item(i);if(d&&(d.name.startsWith("data-")||d.name.startsWith("aria-"))){t.setAttribute(d.name,d.value);s.removeAttribute(d.name)}if(d&&d.name==="class"){const a=d.value.includes("hydrated");const i=d.value.replace("hydrated","").trim();const e=t.getAttribute("class");t.setAttribute(d.name,`${e?`${e} `:""}${i}`);if(a){s.setAttribute("class","hydrated")}else{s.removeAttribute(d.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-stack")}render(){return a("div",{key:"9deede5569467891fc0a46db81b485a7f0107f91",class:s("db-stack",this.className),ref:t=>{this._ref=t},id:this.id,"data-gap":this.gap,"data-variant":this.variant,"data-direction":this.direction,"data-alignment":this.alignment,"data-justify-content":this.justifyContent,"data-wrap":i(this.wrap)},a("slot",{key:"81ee546528b5cd1a117791ad1f98b4f9af199806"}))}};export{d as db_stack};
-//# sourceMappingURL=p-6b6f1f7f.entry.js.map
+import{r as t,h as a}from"./p-1feee149.js";import{c as s,g as i}from"./p-45bb9feb.js";const d=class{constructor(a){t(this,a)}enableAttributePassing(t,a){const s=t===null||t===void 0?void 0:t.closest(a);if(t&&s){const a=s.attributes;for(let i=0;i<a.length;i++){const d=a.item(i);if(d&&(d.name.startsWith("data-")||d.name.startsWith("aria-"))){t.setAttribute(d.name,d.value);s.removeAttribute(d.name)}if(d&&d.name==="class"){const a=d.value.includes("hydrated");const i=d.value.replace("hydrated","").trim();const e=t.getAttribute("class");t.setAttribute(d.name,`${e?`${e} `:""}${i}`);if(a){s.setAttribute("class","hydrated")}else{s.removeAttribute(d.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-stack")}render(){return a("div",{key:"9deede5569467891fc0a46db81b485a7f0107f91",class:s("db-stack",this.className),ref:t=>{this._ref=t},id:this.id,"data-gap":this.gap,"data-variant":this.variant,"data-direction":this.direction,"data-alignment":this.alignment,"data-justify-content":this.justifyContent,"data-wrap":i(this.wrap)},a("slot",{key:"81ee546528b5cd1a117791ad1f98b4f9af199806"}))}};export{d as db_stack};
+//# sourceMappingURL=p-7eb92648.entry.js.map

package/dist/db-ux/{p-1c12853c.entry.js → p-8d9ef330.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s}from"./p-1feee149.js";import{c as a}from"./p-99d90022.js";import{a as i}from"./p-af3834b6.js";const e=class{constructor(s){t(this,s);this.initialized=false}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-badge");this.initialized=true}componentDidUpdate(){var t;if(this._ref&&this.initialized){if((t=this.placement)===null||t===void 0?void 0:t.startsWith("corner")){let t=this._ref.parentElement;if(t&&t.localName.includes("badge")){t=t.parentElement}if(t){t.setAttribute("data-has-badge","true")}}}}render(){var t,e;return s("span",{key:"7f6ba75819424fcc333e56aebd40e23fe2b77a25",class:a("db-badge",this.className),ref:t=>{this._ref=t},id:this.id,"data-semantic":this.semantic,"data-size":this.size,"data-emphasis":this.emphasis,"data-placement":this.placement,"data-label":((t=this.placement)===null||t===void 0?void 0:t.startsWith("corner"))&&((e=this.label)!==null&&e!==void 0?e:i)},this.text?this.text:s("slot",null))}};export{e as db_badge};
-//# sourceMappingURL=p-1c12853c.entry.js.map
+import{r as t,h as s}from"./p-1feee149.js";import{c as a}from"./p-45bb9feb.js";import{a as i}from"./p-af3834b6.js";const e=class{constructor(s){t(this,s);this.initialized=false}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-badge");this.initialized=true}componentDidUpdate(){var t;if(this._ref&&this.initialized){if((t=this.placement)===null||t===void 0?void 0:t.startsWith("corner")){let t=this._ref.parentElement;if(t&&t.localName.includes("badge")){t=t.parentElement}if(t){t.setAttribute("data-has-badge","true")}}}}render(){var t,e;return s("span",{key:"7f6ba75819424fcc333e56aebd40e23fe2b77a25",class:a("db-badge",this.className),ref:t=>{this._ref=t},id:this.id,"data-semantic":this.semantic,"data-size":this.size,"data-emphasis":this.emphasis,"data-placement":this.placement,"data-label":((t=this.placement)===null||t===void 0?void 0:t.startsWith("corner"))&&((e=this.label)!==null&&e!==void 0?e:i)},this.text?this.text:s("slot",null))}};export{e as db_badge};
+//# sourceMappingURL=p-8d9ef330.entry.js.map

package/dist/db-ux/{p-79b43b42.entry.js → p-90caefe4.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as s,h as t}from"./p-1feee149.js";import{n as i}from"./p-af3834b6.js";import{j as a,c as d}from"./p-99d90022.js";const r=class{constructor(t){e(this,t);this.close=s(this,"close",7)}handleClose(e){if(e.key==="Escape"){e.preventDefault()}if(e==="close"||e.key==="Escape"||e.target.nodeName==="DIALOG"&&e.type==="click"&&this.backdrop!=="none"){if(this.close){this.close.emit(e)}}}handleDialogOpen(){if(this._ref){if(this.open&&!this._ref.open){if(this.dialogContainerRef){this.dialogContainerRef.hidden=false}if(this.backdrop==="none"||this.variant==="inside"){this._ref.show()}else{this._ref.showModal()}}if(!this.open&&this._ref.open){if(this.dialogContainerRef){this.dialogContainerRef.hidden=true}a((()=>{var e;if(this.dialogContainerRef){this.dialogContainerRef.hidden=false}(e=this._ref)===null||e===void 0?void 0:e.close()}),401)}}}enableAttributePassing(e,s){const t=e===null||e===void 0?void 0:e.closest(s);if(e&&t){const s=t.attributes;for(let i=0;i<s.length;i++){const a=s.item(i);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){e.setAttribute(a.name,a.value);t.removeAttribute(a.name)}if(a&&a.name==="class"){const s=a.value.includes("hydrated");const i=a.value.replace("hydrated","").trim();const d=e.getAttribute("class");e.setAttribute(a.name,`${d?`${d} `:""}${i}`);if(s){t.setAttribute("class","hydrated")}else{t.removeAttribute(a.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-drawer");this.handleDialogOpen()}componentDidUpdate(){this.handleDialogOpen()}render(){var e;return t("dialog",{key:"efc7b76d7e179006f931e628209b70d523846f1a",class:"db-drawer",id:this.id,ref:e=>{this._ref=e},onClick:e=>{this.handleClose(e)},onKeyDown:e=>this.handleClose(e),"data-backdrop":this.backdrop,"data-variant":this.variant},t("article",{key:"820272abf5f6e879f8efaf49a1327475fffe279f",class:d("db-drawer-container",this.className),ref:e=>{this.dialogContainerRef=e},"data-spacing":this.spacing,"data-width":this.width,"data-direction":this.direction,"data-rounded":this.rounded},t("header",{key:"283f77d28d6b73bad144526e432c619cbcc61262",class:"db-drawer-header"},t("div",{key:"a0ed12fd187e43d54a241bc608ead20771b59236",class:"db-drawer-header-text"},t("slot",{key:"e1e5c1121f722e35cd985409131dd83d6e8c88ff",name:"drawerHeader"})),t("db-button",{key:"a07bd900b7070a7f8bda663292f6e06a13df3e7b",class:"button-close-drawer",icon:"cross",variant:"ghost",id:this.closeButtonId,noText:true,onClick:()=>this.handleClose("close")},(e=this.closeButtonText)!==null&&e!==void 0?e:i)),t("div",{key:"428b9518b4fe40a7d646cd37e945575805774152",class:"db-drawer-content"},t("slot",{key:"11e09fdfee2cdbfcbf9751b3e0c95144478de9fe"}))))}};export{r as db_drawer};
-//# sourceMappingURL=p-79b43b42.entry.js.map
+import{r as e,c as s,h as t}from"./p-1feee149.js";import{n as i}from"./p-af3834b6.js";import{f as a,c as d}from"./p-45bb9feb.js";const r=class{constructor(t){e(this,t);this.close=s(this,"close",7)}handleClose(e){if(e.key==="Escape"){e.preventDefault()}if(e==="close"||e.key==="Escape"||e.target.nodeName==="DIALOG"&&e.type==="click"&&this.backdrop!=="none"){if(this.close){this.close.emit(e)}}}handleDialogOpen(){if(this._ref){if(this.open&&!this._ref.open){if(this.dialogContainerRef){this.dialogContainerRef.hidden=false}if(this.backdrop==="none"||this.variant==="inside"){this._ref.show()}else{this._ref.showModal()}}if(!this.open&&this._ref.open){if(this.dialogContainerRef){this.dialogContainerRef.hidden=true}a((()=>{var e;if(this.dialogContainerRef){this.dialogContainerRef.hidden=false}(e=this._ref)===null||e===void 0?void 0:e.close()}),401)}}}enableAttributePassing(e,s){const t=e===null||e===void 0?void 0:e.closest(s);if(e&&t){const s=t.attributes;for(let i=0;i<s.length;i++){const a=s.item(i);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){e.setAttribute(a.name,a.value);t.removeAttribute(a.name)}if(a&&a.name==="class"){const s=a.value.includes("hydrated");const i=a.value.replace("hydrated","").trim();const d=e.getAttribute("class");e.setAttribute(a.name,`${d?`${d} `:""}${i}`);if(s){t.setAttribute("class","hydrated")}else{t.removeAttribute(a.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-drawer");this.handleDialogOpen()}componentDidUpdate(){this.handleDialogOpen()}render(){var e;return t("dialog",{key:"efc7b76d7e179006f931e628209b70d523846f1a",class:"db-drawer",id:this.id,ref:e=>{this._ref=e},onClick:e=>{this.handleClose(e)},onKeyDown:e=>this.handleClose(e),"data-backdrop":this.backdrop,"data-variant":this.variant},t("article",{key:"820272abf5f6e879f8efaf49a1327475fffe279f",class:d("db-drawer-container",this.className),ref:e=>{this.dialogContainerRef=e},"data-spacing":this.spacing,"data-width":this.width,"data-direction":this.direction,"data-rounded":this.rounded},t("header",{key:"283f77d28d6b73bad144526e432c619cbcc61262",class:"db-drawer-header"},t("div",{key:"a0ed12fd187e43d54a241bc608ead20771b59236",class:"db-drawer-header-text"},t("slot",{key:"e1e5c1121f722e35cd985409131dd83d6e8c88ff",name:"drawerHeader"})),t("db-button",{key:"a07bd900b7070a7f8bda663292f6e06a13df3e7b",class:"button-close-drawer",icon:"cross",variant:"ghost",id:this.closeButtonId,noText:true,onClick:()=>this.handleClose("close")},(e=this.closeButtonText)!==null&&e!==void 0?e:i)),t("div",{key:"428b9518b4fe40a7d646cd37e945575805774152",class:"db-drawer-content"},t("slot",{key:"11e09fdfee2cdbfcbf9751b3e0c95144478de9fe"}))))}};export{r as db_drawer};
+//# sourceMappingURL=p-90caefe4.entry.js.map

package/dist/db-ux/{p-c6d54dd4.entry.js → p-95e59a69.entry.js}

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

package/dist/db-ux/{p-71cb932e.entry.js → p-ab783af4.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i}from"./p-1feee149.js";import{u as s,c as e}from"./p-99d90022.js";import{D as h}from"./p-af3834b6.js";const o=class{constructor(i){t(this,i);this._id=h;this._name="";this.initialized=false;this._initOpenIndexDone=false}convertItems(t){try{if(typeof t==="string"){return JSON.parse(t)}return t}catch(t){console.error(t)}return[]}enableAttributePassing(t,i){const s=t===null||t===void 0?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const h=i.item(e);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))){t.setAttribute(h.name,h.value);s.removeAttribute(h.name)}if(h&&h.name==="class"){const i=h.value.includes("hydrated");const e=h.value.replace("hydrated","").trim();const o=t.getAttribute("class");t.setAttribute(h.name,`${o?`${o} `:""}${e}`);if(i){s.setAttribute("class","hydrated")}else{s.removeAttribute(h.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-accordion");this._id=this.id||"accordion-"+s();this.initialized=true;this._initOpenIndexDone=true}componentDidUpdate(){var t;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 t=this._ref.getElementsByTagName("details");if(t){for(const i of Array.from(t)){if(this._name===""){i.removeAttribute("name")}else{i.name=this._name}}}}if(this._ref&&this._initOpenIndexDone){if(this.initOpenIndex&&((t=this.initOpenIndex)===null||t===void 0?void 0:t.length)>0){const t=this._ref.getElementsByTagName("details");if(t){const i=this.behavior==="single"&&this.initOpenIndex.length>1?[this.initOpenIndex[0]]:this.initOpenIndex;Array.from(t).forEach(((t,s)=>{if(i.includes(s)){t.open=true}}))}}this._initOpenIndexDone=false}}render(){var t;return i("ul",{key:"6a2d7280077c11e5660b5638d2d10b4dce057be5",class:e("db-accordion",this.className),ref:t=>{this._ref=t},id:this._id,"data-variant":this.variant},!this.items?i("slot",null):null,this.items?(t=this.convertItems(this.items))===null||t===void 0?void 0:t.map(((t,s)=>i("db-accordion-item",{key:`accordion-item-${s}`,headlinePlain:t.headlinePlain,disabled:t.disabled,text:t.text}))):null)}};export{o as db_accordion};
-//# sourceMappingURL=p-71cb932e.entry.js.map
+import{r as t,h as i}from"./p-1feee149.js";import{u as s,c as e}from"./p-45bb9feb.js";import{D as h}from"./p-af3834b6.js";const o=class{constructor(i){t(this,i);this._id=h;this._name="";this.initialized=false;this._initOpenIndexDone=false}convertItems(t){try{if(typeof t==="string"){return JSON.parse(t)}return t}catch(t){console.error(t)}return[]}enableAttributePassing(t,i){const s=t===null||t===void 0?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const h=i.item(e);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))){t.setAttribute(h.name,h.value);s.removeAttribute(h.name)}if(h&&h.name==="class"){const i=h.value.includes("hydrated");const e=h.value.replace("hydrated","").trim();const o=t.getAttribute("class");t.setAttribute(h.name,`${o?`${o} `:""}${e}`);if(i){s.setAttribute("class","hydrated")}else{s.removeAttribute(h.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-accordion");this._id=this.id||"accordion-"+s();this.initialized=true;this._initOpenIndexDone=true}componentDidUpdate(){var t;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 t=this._ref.getElementsByTagName("details");if(t){for(const i of Array.from(t)){if(this._name===""){i.removeAttribute("name")}else{i.name=this._name}}}}if(this._ref&&this._initOpenIndexDone){if(this.initOpenIndex&&((t=this.initOpenIndex)===null||t===void 0?void 0:t.length)>0){const t=this._ref.getElementsByTagName("details");if(t){const i=this.behavior==="single"&&this.initOpenIndex.length>1?[this.initOpenIndex[0]]:this.initOpenIndex;Array.from(t).forEach(((t,s)=>{if(i.includes(s)){t.open=true}}))}}this._initOpenIndexDone=false}}render(){var t;return i("ul",{key:"6a2d7280077c11e5660b5638d2d10b4dce057be5",class:e("db-accordion",this.className),ref:t=>{this._ref=t},id:this._id,"data-variant":this.variant},!this.items?i("slot",null):null,this.items?(t=this.convertItems(this.items))===null||t===void 0?void 0:t.map(((t,s)=>i("db-accordion-item",{key:`accordion-item-${s}`,headlinePlain:t.headlinePlain,disabled:t.disabled,text:t.text}))):null)}};export{o as db_accordion};
+//# sourceMappingURL=p-ab783af4.entry.js.map

package/dist/db-ux/{p-3f2e2d87.entry.js → p-b0b04684.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as a}from"./p-1feee149.js";import{c as e,k as i,l as o}from"./p-99d90022.js";const d=class{constructor(a){t(this,a);this.onRemove=s(this,"onRemove",7);this.initialized=false}handleRemove(){if(this.onRemove){this.onRemove.emit()}}getRemoveButtonText(){if(this.removeButton){return this.removeButton}return"Remove tag"}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-tag")}componentDidUpdate(){var t,s;if(this.initialized&&this._ref&&this.disabled!==undefined){const a=(t=this._ref)===null||t===void 0?void 0:t.querySelector("button:not(.db-tab-remove-button)");const e=(s=this._ref)===null||s===void 0?void 0:s.querySelector("input");for(const t of[a,e]){if(t){t.disabled=this.disabled}}}}render(){var t;return a("div",{key:"e6f18da64641446432bbce41af6471d9bb752ec7",class:e("db-tag",this.className),ref:t=>{this._ref=t},id:this.id,"data-disabled":i(this.disabled),"data-semantic":this.semantic,"data-emphasis":this.emphasis,"data-icon":this.icon,"data-show-check-state":i((t=this.showCheckState)!==null&&t!==void 0?t:true),"data-hide-icon":o(this.showIcon),"data-no-text":i(this.noText),"data-overflow":i(this.overflow)},a("slot",{key:"eae0086cdb3d8b98c1656f6f55fbfa0e96621775",name:"content"}),a("slot",{key:"02475fab45bbab8604543163eec85e6e370e122a"}),this.text?this.text:null,this.behavior==="removable"?a("button",{class:"db-button db-tab-remove-button","data-icon":"cross","data-size":"small","data-no-text":"true","data-variant":"ghost",onClick:()=>this.handleRemove(),title:this.getRemoveButtonText()},this.getRemoveButtonText()):null)}};export{d as db_tag};
-//# sourceMappingURL=p-3f2e2d87.entry.js.map
+import{r as t,c as s,h as a}from"./p-1feee149.js";import{c as e,g as i,j as o}from"./p-45bb9feb.js";const n=class{constructor(a){t(this,a);this.onRemove=s(this,"onRemove",7);this.initialized=false}handleRemove(){if(this.onRemove){this.onRemove.emit()}}getRemoveButtonText(){if(this.removeButton){return this.removeButton}return"Remove tag"}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-tag")}componentDidUpdate(){var t,s;if(this.initialized&&this._ref&&this.disabled!==undefined){const a=(t=this._ref)===null||t===void 0?void 0:t.querySelector("button:not(.db-tab-remove-button)");const e=(s=this._ref)===null||s===void 0?void 0:s.querySelector("input");for(const t of[a,e]){if(t){t.disabled=this.disabled}}}}render(){var t;return a("div",{key:"e6f18da64641446432bbce41af6471d9bb752ec7",class:e("db-tag",this.className),ref:t=>{this._ref=t},id:this.id,"data-disabled":i(this.disabled),"data-semantic":this.semantic,"data-emphasis":this.emphasis,"data-icon":this.icon,"data-show-check-state":i((t=this.showCheckState)!==null&&t!==void 0?t:true),"data-hide-icon":o(this.showIcon),"data-no-text":i(this.noText),"data-overflow":i(this.overflow)},a("slot",{key:"eae0086cdb3d8b98c1656f6f55fbfa0e96621775",name:"content"}),a("slot",{key:"02475fab45bbab8604543163eec85e6e370e122a"}),this.text?this.text:null,this.behavior==="removable"?a("button",{class:"db-button db-tab-remove-button","data-icon":"cross","data-size":"small","data-no-text":"true","data-variant":"ghost",onClick:()=>this.handleRemove(),title:this.getRemoveButtonText()},this.getRemoveButtonText()):null)}};export{n as db_tag};
+//# sourceMappingURL=p-b0b04684.entry.js.map

package/dist/db-ux/{p-79d9caa7.entry.js → p-b2886d1c.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as t}from"./p-1feee149.js";import{u as i,c as a}from"./p-99d90022.js";import{D as e}from"./p-af3834b6.js";const c=class{constructor(t){s(this,t);this._id=e}enableAttributePassing(s,t){const i=s===null||s===void 0?void 0:s.closest(t);if(s&&i){const t=i.attributes;for(let a=0;a<t.length;a++){const e=t.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){s.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const t=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const c=s.getAttribute("class");s.setAttribute(e.name,`${c?`${c} `:""}${a}`);if(t){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-section");this._id=this.id||"section-"+i()}render(){return t("section",{key:"e7968521b6967bc9832d0953f3adf5c0f12263c4",class:a("db-section",this.className),ref:s=>{this._ref=s},id:this._id,"data-spacing":this.spacing||"medium","data-width":this.width},t("slot",{key:"a87c12f1d2379a3e6a41b7db1d1e5ba3dc64d60c"}))}};export{c as db_section};
-//# sourceMappingURL=p-79d9caa7.entry.js.map
+import{r as s,h as t}from"./p-1feee149.js";import{u as i,c as a}from"./p-45bb9feb.js";import{D as e}from"./p-af3834b6.js";const c=class{constructor(t){s(this,t);this._id=e}enableAttributePassing(s,t){const i=s===null||s===void 0?void 0:s.closest(t);if(s&&i){const t=i.attributes;for(let a=0;a<t.length;a++){const e=t.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){s.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const t=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const c=s.getAttribute("class");s.setAttribute(e.name,`${c?`${c} `:""}${a}`);if(t){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-section");this._id=this.id||"section-"+i()}render(){return t("section",{key:"e7968521b6967bc9832d0953f3adf5c0f12263c4",class:a("db-section",this.className),ref:s=>{this._ref=s},id:this._id,"data-spacing":this.spacing||"medium","data-width":this.width},t("slot",{key:"a87c12f1d2379a3e6a41b7db1d1e5ba3dc64d60c"}))}};export{c as db_section};
+//# sourceMappingURL=p-b2886d1c.entry.js.map

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

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

package/dist/db-ux/{p-08126c21.entry.js → p-c367b891.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as e,h as d}from"./p-1feee149.js";import{u as c,a as s,c as i}from"./p-99d90022.js";import{D as t,k as b}from"./p-af3834b6.js";import{i as n}from"./p-34f88e4e.js";const o=class{constructor(d){a(this,d);this.onToggle=e(this,"onToggle",7);this._id=t;this.initialized=false;this.forcedToMobile=false}toggle(){if(this.onToggle){this.onToggle.emit(!this.drawerOpen)}}handleNavigationItemClick(a){if(n(a)){this.toggle()}}enableAttributePassing(a,e){const d=a===null||a===void 0?void 0:a.closest(e);if(a&&d){const e=d.attributes;for(let c=0;c<e.length;c++){const s=e.item(c);if(s&&(s.name.startsWith("data-")||s.name.startsWith("aria-"))){a.setAttribute(s.name,s.value);d.removeAttribute(s.name)}if(s&&s.name==="class"){const e=s.value.includes("hydrated");const c=s.value.replace("hydrated","").trim();const i=a.getAttribute("class");a.setAttribute(s.name,`${i?`${i} `:""}${c}`);if(e){d.setAttribute("class","hydrated")}else{d.removeAttribute(s.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-header");this.initialized=true;this._id=this.id||"header-"+c()}componentDidUpdate(){if(this.initialized&&document&&this._id&&this.forceMobile){const a=document.getElementById(this._id);if(a){s(a,{key:"data-force-mobile",value:"true"})}this.forcedToMobile=true}}render(){var a;return d("header",{key:"90e4860c36a39e77aa080e188c190d8213e05f31",class:i("db-header",this.className),ref:a=>{this._ref=a},id:this._id,"data-width":this.width,"data-on-forcing-mobile":this.forceMobile&&!this.forcedToMobile},d("db-drawer",{key:"baab2ea24ee50f1c57cdeee348a32a0bfe727181",class:"db-header-drawer",spacing:"small",rounded:true,open:this.drawerOpen,onClose:()=>this.toggle()},d("div",{key:"04227e024f8aa835274b00edeb729f248b843432",class:"db-header-drawer-navigation"},d("div",{key:"49255007dd63d0f48c403c6ea6982e29cb3be8ce",class:"db-header-navigation",onClick:a=>this.handleNavigationItemClick(a)},d("slot",{key:"52b2c8cea483255cebf7bbf824e490a2805c0812"})),d("div",{key:"d53b476dd0eb375a91571ed8b25f09533952b7ac",class:"db-header-meta-navigation"},d("slot",{key:"d7aca8fa660affa66857c78c70bf6d3bb6baf577",name:"metaNavigation"}))),d("div",{key:"1baa944ea37df34349cafe83ff9601a96b2f3845",class:"db-header-secondary-action"},d("slot",{key:"2df7106c6096adb6642a58d2afd865babb9a2aed",name:"secondaryAction"}))),d("div",{key:"3444df8cd284cf2f09fe8bcd561605eed25547ac",class:"db-header-meta-navigation"},d("slot",{key:"b3cdfb520b9bfaa69586c6d9d397b2564962e38e",name:"metaNavigation"})),d("div",{key:"e6f467e4e541179d37d30acc045261a007cf65d1",class:"db-header-navigation-bar"},d("div",{key:"5c6f78bcd3516b699a5f2b0c9c26a6142f6c534b",class:"db-header-brand-container"},d("slot",{key:"9fb25e7cdc3c44e1b7a388083c1e16ec66bcd100",name:"brand"})),d("div",{key:"a59204c004f0e03aaa7cf6190c304db448f9783e",class:"db-header-navigation-container"},d("div",{key:"7a4c5ab818ba78209bc63a6baecb9f0460355d0b",class:"db-header-navigation"},d("slot",{key:"799cbf46a06b87f8c2c7a42f17a0f2c23c65481f"})),d("div",{key:"756293dd8ecfff883cb90cc1ba904503beea77eb",class:"db-header-primary-action"},d("slot",{key:"181fa4b77a2c10bf091a6690b97d4e665d4fd824",name:"primaryAction"}))),d("div",{key:"0ba2601633b491a60b33166253a7da6695249c0a",class:"db-header-action-container"},d("div",{key:"21d5d4145aa40c14c475b9f9d72d0ce885aff81e",class:"db-header-burger-menu-container"},d("db-button",{key:"732bb354bbb363b32365215f2db1f25b3a54cee3",icon:"menu",variant:"ghost",id:this._id+"-burger-menu",noText:true,onClick:()=>this.toggle()},(a=this.burgerMenuLabel)!==null&&a!==void 0?a:b)),d("div",{key:"c9e3f15b97eabaf94dcaee166f7d0e31577ade58",class:"db-header-secondary-action"},d("slot",{key:"5e783e8c6347e28264f466829cd495973a6d23d8",name:"secondaryAction"})))))}};export{o as db_header};
-//# sourceMappingURL=p-08126c21.entry.js.map
+import{r as a,c as e,h as d}from"./p-1feee149.js";import{u as c,a as s,c as i}from"./p-45bb9feb.js";import{D as t,k as b}from"./p-af3834b6.js";import{i as n}from"./p-0cdf053e.js";const o=class{constructor(d){a(this,d);this.onToggle=e(this,"onToggle",7);this._id=t;this.initialized=false;this.forcedToMobile=false}toggle(){if(this.onToggle){this.onToggle.emit(!this.drawerOpen)}}handleNavigationItemClick(a){if(n(a)){this.toggle()}}enableAttributePassing(a,e){const d=a===null||a===void 0?void 0:a.closest(e);if(a&&d){const e=d.attributes;for(let c=0;c<e.length;c++){const s=e.item(c);if(s&&(s.name.startsWith("data-")||s.name.startsWith("aria-"))){a.setAttribute(s.name,s.value);d.removeAttribute(s.name)}if(s&&s.name==="class"){const e=s.value.includes("hydrated");const c=s.value.replace("hydrated","").trim();const i=a.getAttribute("class");a.setAttribute(s.name,`${i?`${i} `:""}${c}`);if(e){d.setAttribute("class","hydrated")}else{d.removeAttribute(s.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-header");this.initialized=true;this._id=this.id||"header-"+c()}componentDidUpdate(){if(this.initialized&&document&&this._id&&this.forceMobile){const a=document.getElementById(this._id);if(a){s(a,{key:"data-force-mobile",value:"true"})}this.forcedToMobile=true}}render(){var a;return d("header",{key:"90e4860c36a39e77aa080e188c190d8213e05f31",class:i("db-header",this.className),ref:a=>{this._ref=a},id:this._id,"data-width":this.width,"data-on-forcing-mobile":this.forceMobile&&!this.forcedToMobile},d("db-drawer",{key:"baab2ea24ee50f1c57cdeee348a32a0bfe727181",class:"db-header-drawer",spacing:"small",rounded:true,open:this.drawerOpen,onClose:()=>this.toggle()},d("div",{key:"04227e024f8aa835274b00edeb729f248b843432",class:"db-header-drawer-navigation"},d("div",{key:"49255007dd63d0f48c403c6ea6982e29cb3be8ce",class:"db-header-navigation",onClick:a=>this.handleNavigationItemClick(a)},d("slot",{key:"52b2c8cea483255cebf7bbf824e490a2805c0812"})),d("div",{key:"d53b476dd0eb375a91571ed8b25f09533952b7ac",class:"db-header-meta-navigation"},d("slot",{key:"d7aca8fa660affa66857c78c70bf6d3bb6baf577",name:"metaNavigation"}))),d("div",{key:"1baa944ea37df34349cafe83ff9601a96b2f3845",class:"db-header-secondary-action"},d("slot",{key:"2df7106c6096adb6642a58d2afd865babb9a2aed",name:"secondaryAction"}))),d("div",{key:"3444df8cd284cf2f09fe8bcd561605eed25547ac",class:"db-header-meta-navigation"},d("slot",{key:"b3cdfb520b9bfaa69586c6d9d397b2564962e38e",name:"metaNavigation"})),d("div",{key:"e6f467e4e541179d37d30acc045261a007cf65d1",class:"db-header-navigation-bar"},d("div",{key:"5c6f78bcd3516b699a5f2b0c9c26a6142f6c534b",class:"db-header-brand-container"},d("slot",{key:"9fb25e7cdc3c44e1b7a388083c1e16ec66bcd100",name:"brand"})),d("div",{key:"a59204c004f0e03aaa7cf6190c304db448f9783e",class:"db-header-navigation-container"},d("div",{key:"7a4c5ab818ba78209bc63a6baecb9f0460355d0b",class:"db-header-navigation"},d("slot",{key:"799cbf46a06b87f8c2c7a42f17a0f2c23c65481f"})),d("div",{key:"756293dd8ecfff883cb90cc1ba904503beea77eb",class:"db-header-primary-action"},d("slot",{key:"181fa4b77a2c10bf091a6690b97d4e665d4fd824",name:"primaryAction"}))),d("div",{key:"0ba2601633b491a60b33166253a7da6695249c0a",class:"db-header-action-container"},d("div",{key:"21d5d4145aa40c14c475b9f9d72d0ce885aff81e",class:"db-header-burger-menu-container"},d("db-button",{key:"732bb354bbb363b32365215f2db1f25b3a54cee3",icon:"menu",variant:"ghost",id:this._id+"-burger-menu",noText:true,onClick:()=>this.toggle()},(a=this.burgerMenuLabel)!==null&&a!==void 0?a:b)),d("div",{key:"c9e3f15b97eabaf94dcaee166f7d0e31577ade58",class:"db-header-secondary-action"},d("slot",{key:"5e783e8c6347e28264f466829cd495973a6d23d8",name:"secondaryAction"})))))}};export{o as db_header};
+//# sourceMappingURL=p-c367b891.entry.js.map

package/dist/db-ux/{p-1066cd52.entry.js → p-cf22eaea.entry.js}

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

package/dist/db-ux/{p-2e318e2a.entry.js → p-e1788dce.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as a}from"./p-1feee149.js";import{k as i,l as e,c as d,u as c}from"./p-99d90022.js";import{D as o}from"./p-af3834b6.js";const n=class{constructor(a){t(this,a);this.onChange=s(this,"onChange",7);this.initialized=false;this._selected=false}handleChange(t){var s;if(this.onChange){this.onChange.emit(t)}if(this.change){this.change(t)}const a=(s=t.target)===null||s===void 0?void 0:s["checked"];this._selected=i(a)}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-item");this.initialized=true}componentDidUpdate(){if(this.active&&this.initialized&&this._ref){this._ref.click();this.initialized=false}}render(){return a("li",{key:"9b06c4a5236dd94278169644ef1ada748fb19f86",class:d("db-tab-item",this.className),role:"none"},a("label",{key:"2189b9ec92e56a9502279091e25b7f91536b6435",htmlFor:this.id,"data-icon":this.icon,"data-icon-after":this.iconAfter,"data-hide-icon":e(this.showIcon),"data-hide-icon-after":e(this.showIcon),"data-no-text":this.noText},a("input",{key:"7464ece5d41bdfc2166548efd1888e835874400d",type:"radio",role:"tab",disabled:this.disabled,"aria-selected":this._selected,"aria-controls":this.controls,checked:this.checked,ref:t=>{this._ref=t},id:this.id,onChange:t=>this.handleChange(t)}),this.label?this.label:null,a("slot",{key:"f5fd6eacea787f4814f749203e52ecf5d633b884"})))}};const h=class{constructor(s){t(this,s);this._id=o}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-list");this._id=this.id||"tab-list-"+c()}render(){return a("div",{key:"8c3f73b0f4378863ef31a34ef3f8b3db306896cd",class:d("db-tab-list",this.className),ref:t=>{this._ref=t},id:this._id},a("ul",{key:"ecc6a926bdf3b375af90cb5c942ae505bca42d6a",role:"tablist"},a("slot",{key:"59a8a88f6558c5d99bc634718cfddf649919cae7"})))}};const l=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-panel")}render(){return a("section",{key:"0d41da4c7a0ff41ae23c271fb550b1431c8b9de0",class:d("db-tab-panel",this.className),role:"tabpanel",ref:t=>{this._ref=t},id:this.id,"aria-labelledby":this.labelledBy},this.content?this.content:null,a("slot",{key:"3a81ddc76c2b38a38c3b0006a59d2eb55f248ad7"}))}};export{n as db_tab_item,h as db_tab_list,l as db_tab_panel};
-//# sourceMappingURL=p-2e318e2a.entry.js.map
+import{r as t,c as s,h as a}from"./p-1feee149.js";import{g as i,j as e,c as d,u as c}from"./p-45bb9feb.js";import{D as o}from"./p-af3834b6.js";const n=class{constructor(a){t(this,a);this.onChange=s(this,"onChange",7);this.initialized=false;this._selected=false}handleChange(t){var s;if(this.onChange){this.onChange.emit(t)}if(this.change){this.change(t)}const a=(s=t.target)===null||s===void 0?void 0:s["checked"];this._selected=i(a)}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-item");this.initialized=true}componentDidUpdate(){if(this.active&&this.initialized&&this._ref){this._ref.click();this.initialized=false}}render(){return a("li",{key:"b74836903d6f4fb378dfefe400c4ee90e87e81b6",class:d("db-tab-item",this.className),role:"none"},a("label",{key:"d54e0cdf202b70a2184ad29adac3a5b7aac1cce0",htmlFor:this.id,"data-icon":this.icon,"data-icon-after":this.iconAfter,"data-hide-icon":e(this.showIcon),"data-hide-icon-after":e(this.showIcon),"data-no-text":this.noText},a("input",{key:"40dc63d4f0c756b8900917f0d216d005874303a2",type:"radio",role:"tab",disabled:this.disabled,"aria-selected":this._selected,"aria-controls":this.controls,checked:this.checked,ref:t=>{this._ref=t},id:this.id,onChange:t=>this.handleChange(t)}),this.label?this.label:null,a("slot",{key:"3ef8b94926e52b17980f663487887b41f03f6b10"})))}};const h=class{constructor(s){t(this,s);this._id=o}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-list");this._id=this.id||"tab-list-"+c()}render(){return a("div",{key:"8c3f73b0f4378863ef31a34ef3f8b3db306896cd",class:d("db-tab-list",this.className),ref:t=>{this._ref=t},id:this._id},a("ul",{key:"ecc6a926bdf3b375af90cb5c942ae505bca42d6a",role:"tablist"},a("slot",{key:"59a8a88f6558c5d99bc634718cfddf649919cae7"})))}};const l=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-panel")}render(){return a("section",{key:"0d41da4c7a0ff41ae23c271fb550b1431c8b9de0",class:d("db-tab-panel",this.className),role:"tabpanel",ref:t=>{this._ref=t},id:this.id,"aria-labelledby":this.labelledBy},this.content?this.content:null,a("slot",{key:"3a81ddc76c2b38a38c3b0006a59d2eb55f248ad7"}))}};export{n as db_tab_item,h as db_tab_list,l as db_tab_panel};
+//# sourceMappingURL=p-e1788dce.entry.js.map

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

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

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

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

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

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

package/dist/db-ux/{p-683d690f.entry.js → p-e6f5c82d.entry.js}

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

package/dist/db-ux/{p-5a689165.entry.js → p-f23ca7f6.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as t}from"./p-1feee149.js";import{c as i}from"./p-99d90022.js";const a=class{constructor(t){s(this,t)}enableAttributePassing(s,t){const i=s===null||s===void 0?void 0:s.closest(t);if(s&&i){const t=i.attributes;for(let a=0;a<t.length;a++){const d=t.item(a);if(d&&(d.name.startsWith("data-")||d.name.startsWith("aria-"))){s.setAttribute(d.name,d.value);i.removeAttribute(d.name)}if(d&&d.name==="class"){const t=d.value.includes("hydrated");const a=d.value.replace("hydrated","").trim();const e=s.getAttribute("class");s.setAttribute(d.name,`${e?`${e} `:""}${a}`);if(t){i.setAttribute("class","hydrated")}else{i.removeAttribute(d.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-divider")}render(){return t("div",{key:"30fd3018e2c2ba0e57728fbcd0bfea70203279ef",class:i("db-divider",this.className),ref:s=>{this._ref=s},id:this.id,"data-margin":this.margin,"data-variant":this.variant,"data-emphasis":this.emphasis,"data-width":this.width})}};export{a as db_divider};
-//# sourceMappingURL=p-5a689165.entry.js.map
+import{r as s,h as t}from"./p-1feee149.js";import{c as i}from"./p-45bb9feb.js";const a=class{constructor(t){s(this,t)}enableAttributePassing(s,t){const i=s===null||s===void 0?void 0:s.closest(t);if(s&&i){const t=i.attributes;for(let a=0;a<t.length;a++){const d=t.item(a);if(d&&(d.name.startsWith("data-")||d.name.startsWith("aria-"))){s.setAttribute(d.name,d.value);i.removeAttribute(d.name)}if(d&&d.name==="class"){const t=d.value.includes("hydrated");const a=d.value.replace("hydrated","").trim();const e=s.getAttribute("class");s.setAttribute(d.name,`${e?`${e} `:""}${a}`);if(t){i.setAttribute("class","hydrated")}else{i.removeAttribute(d.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-divider")}render(){return t("div",{key:"30fd3018e2c2ba0e57728fbcd0bfea70203279ef",class:i("db-divider",this.className),ref:s=>{this._ref=s},id:this.id,"data-margin":this.margin,"data-variant":this.variant,"data-emphasis":this.emphasis,"data-width":this.width})}};export{a as db_divider};
+//# sourceMappingURL=p-f23ca7f6.entry.js.map

package/dist/db-ux/{p-b47af6eb.entry.js → p-f3251c56.entry.js}

@@ -1,2 +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
+import{r as t,h as s}from"./p-1feee149.js";import{h as i,u as a,c as e,g as o}from"./p-45bb9feb.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-f3251c56.entry.js.map

package/dist/db-ux/{p-8e2a086b.entry.js → p-f78c8591.entry.js}

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

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

@@ -0,0 +1,2 @@
+import{r as i,c as s,h as t}from"./p-1feee149.js";import{u as a,g as h,c as e,j as d}from"./p-45bb9feb.js";const n=class{constructor(t){i(this,t);this.onChange=s(this,"onChange",7);this.onBlur=s(this,"onBlur",7);this.onFocus=s(this,"onFocus",7);this._id=undefined;this._checked=false}handleChange(i){var s;if(this.onChange){this.onChange.emit(i)}if(this.change){this.change(i)}this._checked=(s=i.target)===null||s===void 0?void 0:s["checked"]}handleBlur(i){if(this.onBlur){this.onBlur.emit(i)}if(this.blur){this.blur(i)}}handleFocus(i){if(this.onFocus){this.onFocus.emit(i)}if(this.focus){this.focus(i)}}enableAttributePassing(i,s){const t=i===null||i===void 0?void 0:i.closest(s);if(i&&t){const s=t.attributes;for(let a=0;a<s.length;a++){const h=s.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))){i.setAttribute(h.name,h.value);t.removeAttribute(h.name)}if(h&&h.name==="class"){const s=h.value.includes("hydrated");const a=h.value.replace("hydrated","").trim();const e=i.getAttribute("class");i.setAttribute(h.name,`${e?`${e} `:""}${a}`);if(s){t.setAttribute("class","hydrated")}else{t.removeAttribute(h.name)}}}}}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-switch");this._id=(i=this.id)!==null&&i!==void 0?i:`switch-${a()}`}componentDidUpdate(){if(this.checked!==undefined&&this.checked!==null){this._checked=!!this.checked}}render(){return t("label",{key:"1c301648d509c8d67d02cb96e89b4aed178a648a",class:e("db-switch",this.className),"data-visual-aid":h(this.visualAid),"data-size":this.size,"data-hide-label":d(this.showLabel),"data-emphasis":this.emphasis,htmlFor:this._id},t("input",{key:"5d5fc24b58aa99e4aaeb83cabe533381c5477528",type:"checkbox",role:"switch",id:this._id,"aria-checked":h(this._checked),ref:i=>{this._ref=i},checked:this.checked,value:this.value,disabled:this.disabled,"aria-describedby":this.describedbyid,"aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,name:this.name,required:this.required,"data-aid-icon":this.icon,"data-aid-icon-after":this.iconAfter,onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i)}),this.label?this.label:t("slot",null))}};export{n as db_switch};
+//# sourceMappingURL=p-fa9a7966.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DBSwitch","constructor","hostRef","this","_id","undefined","_checked","handleChange","event","onChange","emit","change","_a","target","handleBlur","onBlur","blur","handleFocus","onFocus","focus","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","_ref","id","uuid","componentDidUpdate","checked","render","h","key","class","cls","className","getBooleanAsString","visualAid","size","getHideProp","showLabel","emphasis","htmlFor","type","role","ref","el","disabled","describedbyid","validation","required","icon","iconAfter","label"],"sources":["src/components/switch/switch.tsx"],"sourcesContent":["import { DBSwitchProps, DBSwitchState } from \"./model\";\nimport { cls, getBooleanAsString, getHideProp, uuid } from \"../../utils\";\nimport { ChangeEvent, InteractionEvent } 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-switch\",\n})\nexport class DBSwitch {\n  private _ref!: HTMLInputElement | null;\n  @Prop() id: DBSwitchProps[\"id\"];\n  @Prop() checked: DBSwitchProps[\"checked\"];\n  @Event() onChange: any;\n  @Prop() change: DBSwitchProps[\"change\"];\n  @Event() onBlur: any;\n  @Prop() blur: DBSwitchProps[\"blur\"];\n  @Event() onFocus: any;\n  @Prop() focus: DBSwitchProps[\"focus\"];\n  @Prop() visualAid: DBSwitchProps[\"visualAid\"];\n  @Prop() size: DBSwitchProps[\"size\"];\n  @Prop() showLabel: DBSwitchProps[\"showLabel\"];\n  @Prop() emphasis: DBSwitchProps[\"emphasis\"];\n  @Prop({attribute: \"classname\"}) className: DBSwitchProps[\"className\"];\n  @Prop() value: DBSwitchProps[\"value\"];\n  @Prop() disabled: DBSwitchProps[\"disabled\"];\n  @Prop() describedbyid: DBSwitchProps[\"describedbyid\"];\n  @Prop() validation: DBSwitchProps[\"validation\"];\n  @Prop() name: DBSwitchProps[\"name\"];\n  @Prop() required: DBSwitchProps[\"required\"];\n  @Prop() icon: DBSwitchProps[\"icon\"];\n  @Prop() iconAfter: DBSwitchProps[\"iconAfter\"];\n  @Prop() label: DBSwitchProps[\"label\"];\n\n  @State() _id = undefined;\n  @State() _checked = false;\n\n  handleChange(event: ChangeEvent<HTMLInputElement>) {\n    if (this.onChange) {\n      this.onChange.emit(event);\n    }\n    if (this.change) {\n      this.change(event);\n    }\n\n    // We have different ts types in different frameworks, so we need to use any here\n    this._checked = (event.target as any)?.[\"checked\"];\n  }\n  handleBlur(event: InteractionEvent<HTMLInputElement>) {\n    if (this.onBlur) {\n      this.onBlur.emit(event);\n    }\n    if (this.blur) {\n      this.blur(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLInputElement>) {\n    if (this.onFocus) {\n      this.onFocus.emit(event);\n    }\n    if (this.focus) {\n      this.focus(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLInputElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-switch\");\n    this._id = this.id ?? `switch-${uuid()}`;\n  }\n\n  componentDidUpdate() {\n    if (this.checked !== undefined && this.checked !== null) {\n      this._checked = !!this.checked;\n    }\n  }\n\n  render() {\n    return (\n      <label\n        class={cls(\"db-switch\", this.className)}\n        data-visual-aid={getBooleanAsString(this.visualAid)}\n        data-size={this.size}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-emphasis={this.emphasis}\n        htmlFor={this._id}\n      >\n        <input\n          type=\"checkbox\"\n          role=\"switch\"\n          id={this._id}\n          aria-checked={getBooleanAsString(this._checked)}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          checked={this.checked}\n          value={this.value}\n          disabled={this.disabled}\n          aria-describedby={this.describedbyid}\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          name={this.name}\n          required={this.required}\n          data-aid-icon={this.icon}\n          data-aid-icon-after={this.iconAfter}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n        />\n        {this.label ? this.label : <slot></slot>}\n      </label>\n    );\n  }\n}\n"],"mappings":"iHAkBaA,EAAQ,MAHpB,WAAAC,CAAAC,G,6GA4BUC,KAAAC,IAAMC,UACNF,KAAAG,SAAW,K,CAEpB,YAAAC,CAAaC,G,MACX,GAAIL,KAAKM,SAAU,CACjBN,KAAKM,SAASC,KAAKF,E,CAErB,GAAIL,KAAKQ,OAAQ,CACfR,KAAKQ,OAAOH,E,CAIdL,KAAKG,UAAWM,EAACJ,EAAMK,UAAc,MAAAD,SAAA,SAAAA,EAAG,U,CAE1C,UAAAE,CAAWN,GACT,GAAIL,KAAKY,OAAQ,CACfZ,KAAKY,OAAOL,KAAKF,E,CAEnB,GAAIL,KAAKa,KAAM,CACbb,KAAKa,KAAKR,E,EAGd,WAAAS,CAAYT,GACV,GAAIL,KAAKe,QAAS,CAChBf,KAAKe,QAAQR,KAAKF,E,CAEpB,GAAIL,KAAKgB,MAAO,CACdhB,KAAKgB,MAAMX,E,EASP,sBAAAY,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,G,MACEtC,KAAKiB,uBAAuBjB,KAAKuC,KAAM,aACvCvC,KAAKC,KAAMQ,EAAAT,KAAKwC,MAAE,MAAA/B,SAAA,EAAAA,EAAI,UAAUgC,K,CAGlC,kBAAAC,GACE,GAAI1C,KAAK2C,UAAYzC,WAAaF,KAAK2C,UAAY,KAAM,CACvD3C,KAAKG,WAAaH,KAAK2C,O,EAI3B,MAAAC,GACE,OACEC,EAAA,SAAAC,IAAA,2CACEC,MAAOC,EAAI,YAAahD,KAAKiD,WAAU,kBACtBC,EAAmBlD,KAAKmD,WAAU,YACxCnD,KAAKoD,KAAI,kBACHC,EAAYrD,KAAKsD,WAAU,gBAC7BtD,KAAKuD,SACpBC,QAASxD,KAAKC,KAEd4C,EAAA,SAAAC,IAAA,2CACEW,KAAK,WACLC,KAAK,SACLlB,GAAIxC,KAAKC,IAAG,eACEiD,EAAmBlD,KAAKG,UACtCwD,IAAMC,IACJ5D,KAAKuC,KAAOqB,CAAE,EAEhBjB,QAAS3C,KAAK2C,QACdb,MAAO9B,KAAK8B,MACZ+B,SAAU7D,KAAK6D,SAAQ,mBACL7D,KAAK8D,cAAa,eACtB9D,KAAK+D,aAAe,UAAS,uBACrB/D,KAAK+D,WAC3BpC,KAAM3B,KAAK2B,KACXqC,SAAUhE,KAAKgE,SAAQ,gBACRhE,KAAKiE,KAAI,sBACHjE,KAAKkE,UAC1B5D,SAAWD,GAAUL,KAAKI,aAAaC,GACvCO,OAASP,GAAUL,KAAKW,WAAWN,GACnCU,QAAUV,GAAUL,KAAKc,YAAYT,KAEtCL,KAAKmE,MAAQnE,KAAKmE,MAAQtB,EAAA,a","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 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 { u as uuid, g as getBooleanAsString, c as cls } from './index-7d31752e.js';
 import { D as DEFAULT_ID } from './constants-745cf8d7.js';
 
 const DBAccordionItem = class {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-5be50117.js';
-import { u as uuid, c as cls } from './index-fad99efc.js';
+import { u as uuid, c as cls } from './index-7d31752e.js';
 import { D as DEFAULT_ID } from './constants-745cf8d7.js';
 
 const DBAccordion = class {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-5be50117.js';
-import { c as cls } from './index-fad99efc.js';
+import { c as cls } from './index-7d31752e.js';
 import { a as DEFAULT_LABEL } from './constants-745cf8d7.js';
 
 const DBBadge = class {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-5be50117.js';
-import { c as cls, l as getHideProp } from './index-fad99efc.js';
+import { c as cls, j as getHideProp } from './index-7d31752e.js';
 import { l as DEFAULT_ICON } from './constants-745cf8d7.js';
 
 const DBBrand = class {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h } from './index-5be50117.js';
-import { c as cls, l as getHideProp, k as getBooleanAsString } from './index-fad99efc.js';
+import { c as cls, j as getHideProp, g as getBooleanAsString } from './index-7d31752e.js';
 
 const DBButton = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h } from './index-5be50117.js';
-import { c as cls } from './index-fad99efc.js';
+import { c as cls } from './index-7d31752e.js';
 
 const DBCard = class {
     constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h } from './index-5be50117.js';
-import { e as hasVoiceOver, j as delay, s as stringPropVisible, u as uuid, c as cls, l as getHideProp } from './index-fad99efc.js';
 import { i as DEFAULT_INVALID_MESSAGE, h as DEFAULT_VALID_MESSAGE, c as DEFAULT_MESSAGE_ID_SUFFIX, d as DEFAULT_VALID_MESSAGE_ID_SUFFIX, e as DEFAULT_INVALID_MESSAGE_ID_SUFFIX } from './constants-745cf8d7.js';
+import { e as hasVoiceOver, f as delay, s as stringPropVisible, u as uuid, c as cls, j as getHideProp } from './index-7d31752e.js';
 
 const DBCheckbox = class {
     constructor(hostRef) {
@@ -116,27 +116,26 @@ const DBCheckbox = class {
                 this._descByIds = messageId;
             }
         }
-        if (this.initialized && document && this._id) {
-            const checkboxElement = document === null || document === void 0 ? void 0 : document.getElementById(this._id);
-            if (checkboxElement) {
-                // in angular this must be set via native element
-                if (this.checked != undefined) {
-                    checkboxElement.checked = this.checked;
-                }
-                if (this.indeterminate !== undefined) {
-                    // When indeterminate is set, the value of the checked prop only impacts the form submitted values.
-                    // It has no accessibility or UX implications. (https://mui.com/material-ui/react-checkbox/)
-                    checkboxElement.indeterminate = this.indeterminate;
-                }
-                this.initialized = false;
+        if (this._ref) {
+            if (this.indeterminate !== undefined) {
+                // When indeterminate is set, the value of the checked prop only impacts the form submitted values.
+                // It has no accessibility or UX implications. (https://mui.com/material-ui/react-checkbox/)
+                this._ref.indeterminate = this.indeterminate;
+            }
+        }
+        if (this.initialized && this._ref) {
+            // in angular this must be set via native element
+            if (this.checked != undefined) {
+                this._ref.checked = this.checked;
             }
+            this.initialized = false;
         }
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '6f903d630c468fdd7075c59b05e4137f5850e517', class: cls("db-checkbox", this.className), "data-size": this.size, "data-hide-label": getHideProp(this.showLabel) }, h("label", { key: '122e74ed43e7d3ea0423c926bce7efe784f1efcc', htmlFor: this._id }, h("input", { key: '6dd67eb9a4e99426f8aa04f4d13d26302dd543f2', type: "checkbox", "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, ref: (el) => {
+        return (h("div", { key: '516ed45e71cec94c78630961047e4eb17559fe74', class: cls("db-checkbox", this.className), "data-size": this.size, "data-hide-label": getHideProp(this.showLabel) }, h("label", { key: '8fdb1fe937b3ea39220b59a785967435ff38f08c', htmlFor: this._id }, h("input", { key: 'e7367922a1f060d40d2182a0f1dafc2b0c93f25f', type: "checkbox", "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, ref: (el) => {
                 this._ref = el;
-            }, id: this._id, name: this.name, checked: this.checked, disabled: this.disabled, value: this.value, required: this.required, onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), "aria-describedby": this._descByIds }), this.label ? this.label : h("slot", null)), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, h("db-infotext", { key: '8b0db2ae635836386a2d1a5cd9a606a761493b20', size: "small", semantic: "successful", id: this._validMessageId }, (_a = this.validMessage) !== null && _a !== void 0 ? _a : DEFAULT_VALID_MESSAGE), h("db-infotext", { key: '75a7192d1a2999c9493453cc9d1019e74ce9ee85', size: "small", semantic: "critical", id: this._invalidMessageId }, (_d = (_b = this.invalidMessage) !== null && _b !== void 0 ? _b : (_c = this._ref) === null || _c === void 0 ? void 0 : _c.validationMessage) !== null && _d !== void 0 ? _d : DEFAULT_INVALID_MESSAGE), h("span", { key: '82516ae6e6ef5675d42a1aded5f00ebab1f1830c', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
+            }, id: this._id, name: this.name, checked: this.checked, disabled: this.disabled, value: this.value, required: this.required, onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), "aria-describedby": this._descByIds }), this.label ? this.label : h("slot", null)), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, h("db-infotext", { key: 'c23ca5064548b1317552b66bd1e051483a761670', size: "small", semantic: "successful", id: this._validMessageId }, (_a = this.validMessage) !== null && _a !== void 0 ? _a : DEFAULT_VALID_MESSAGE), h("db-infotext", { key: '3adf578c5d66981b4d538dee7be9c9d371d47f7b', size: "small", semantic: "critical", id: this._invalidMessageId }, (_d = (_b = this.invalidMessage) !== null && _b !== void 0 ? _b : (_c = this._ref) === null || _c === void 0 ? void 0 : _c.validationMessage) !== null && _d !== void 0 ? _d : DEFAULT_INVALID_MESSAGE), h("span", { key: 'df025ce6148d146c671e0ffd7853f265713f8feb', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
     }
 };