@db-ux/wc-core-components 2.4.4 → 3.0.0

package/dist/db-ux/p-93a9f369.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s,c as i}from"./p-CNzNv7KB.js";import{c as a,b as h,u as e,g as d,h as n,d as c,s as o,i as l,f as r,e as u,j as f}from"./p-YECpAE3G.js";import{l as b,g as v,h as m,j as p,f as y,k as g,b as k,a as w,m as x}from"./p-DC9V_oNU.js";const $=class{constructor(s){t(this,s);this.width="fixed"}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const h=s.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))){t.setAttribute(h.name,h.value);i.removeAttribute(h.name)}if(h&&h.name==="class"){const s=h.value.includes("hydrated");const a=h.value.replace("hydrated","").trim();const e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(h.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-dropdown")}render(){return s("article",{key:"98087cc1db985bbb2e2578cb9e2c78bc3a0c3b23",class:a("db-custom-select-dropdown db-card",this.className),"data-spacing":"none",ref:t=>{this._ref=t},id:this.id,"data-width":this.width},s("slot",{key:"25bcaa79bdf8168feffce0a59c0adbc656023e64"}))}};const _=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 h=s.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))){t.setAttribute(h.name,h.value);i.removeAttribute(h.name)}if(h&&h.name==="class"){const s=h.value.includes("hydrated");const a=h.value.replace("hydrated","").trim();const e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(h.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-list")}render(){return s("div",{key:"f47e219aac45d07e958a94969205260af981bcf1",class:a("db-custom-select-list",this.className),role:this.multiple?"group":"radiogroup","aria-label":this.label,ref:t=>{this._ref=t},id:this.id},s("ul",{key:"adca0d159ec4cd5d2dc46f11fe41006276dba94f"},s("slot",{key:"abb6edfb683a3e4a42512b2185854099c66f1f3c"})))}};const C=class{constructor(s){t(this,s);this.change=i(this,"change");this._id=undefined;this.hasDivider=false}handleChange(t){t.stopPropagation();if(this.change){this.change.emit(t)}}getIconTrailing(){if(this.isGroupTitle||this.type==="checkbox"){return}return h(this.checked,"checked")?"check":"x_placeholder"}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const h=s.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))){t.setAttribute(h.name,h.value);i.removeAttribute(h.name)}if(h&&h.name==="class"){const s=h.value.includes("hydrated");const a=h.value.replace("hydrated","").trim();const e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(h.name)}}}}}watch0Fn(){this.hasDivider=Boolean(this.isGroupTitle||this.showDivider)}watch0(){this.watch0Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-custom-select-list-item");this._id=(t=this.id)!==null&&t!==void 0?t:`custom-select-list-item-${e()}`;this.watch0Fn()}render(){return s("li",{key:"d94821da8bf1842933f6518079c9e463459bed2b",class:a("db-custom-select-list-item",this.className,{"db-checkbox":this.type==="checkbox"&&!this.isGroupTitle,"db-radio":this.type!=="checkbox"&&!this.isGroupTitle}),ref:t=>{this._ref=t},id:this._id,"data-divider":d(this.hasDivider)},!this.isGroupTitle?s("label",{"data-icon":this.type!=="checkbox"&&this.icon?this.icon:undefined,"data-show-icon":d(this.showIcon),"data-icon-trailing":this.getIconTrailing()},s("input",{class:"db-custom-select-list-item-checkbox","data-disable-focus":"true",type:this.type,name:this.name,form:this.name,checked:h(this.checked,"checked"),disabled:h(this.disabled,"disabled"),value:this.value,onChange:t=>this.handleChange(t)}),this.label?this.label:s("slot",null)):s("span",null,this.groupTitle))}static get watchers(){return{isGroupTitle:["watch0"],showDivider:["watch0"]}}};const D=class{constructor(s){t(this,s);this.input=i(this,"input");this.change=i(this,"change");this.blur=i(this,"blur");this.focus=i(this,"focus");this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._invalidMessage=undefined;this._dataListId=undefined;this._descByIds="";this._value="";this._voiceOverFallback=""}hasValidState(){var t;return!!((t=this.validMessage)!==null&&t!==void 0?t:this.validation==="valid")}handleValidation(){var t,s,i,a;if(!((t=this._ref)===null||t===void 0?void 0:t.validity.valid)||this.validation==="invalid"){this._descByIds=this._invalidMessageId;this._invalidMessage=this.invalidMessage||((s=this._ref)===null||s===void 0?void 0:s.validationMessage)||b;if(n()){this._voiceOverFallback=this._invalidMessage;c((()=>this._voiceOverFallback=""),1e3)}}else if(this.hasValidState()&&((i=this._ref)===null||i===void 0?void 0:i.validity.valid)&&(this.required||this.minLength||this.maxLength||this.pattern)){this._descByIds=this._validMessageId;if(n()){this._voiceOverFallback=(a=this.validMessage)!==null&&a!==void 0?a:g;c((()=>this._voiceOverFallback=""),1e3)}}else if(o(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=""}}handleInput(t){if(this.input){this.input.emit(t)}this.handleValidation()}handleChange(t){if(this.change){this.change.emit(t)}this.handleValidation()}handleBlur(t){if(this.blur){this.blur.emit(t)}}handleFocus(t){if(this.focus){this.focus.emit(t)}}getDataList(){const t=this.dataList;return Array.from((l(t)?t===null||t===void 0?void 0:t.map((t=>({value:t,label:undefined}))):t)||[])}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const h=s.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))){t.setAttribute(h.name,h.value);i.removeAttribute(h.name)}if(h&&h.name==="class"){const s=h.value.includes("hydrated");const a=h.value.replace("hydrated","").trim();const e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(h.name)}}}}}watch0Fn(){var t;this._invalidMessage=this.invalidMessage||((t=this._ref)===null||t===void 0?void 0:t.validationMessage)||b}watch0(){this.watch0Fn()}watch1Fn(){var t;if(this._id){const s=this._id+y;this._messageId=s;this._validMessageId=this._id+v;this._invalidMessageId=this._id+m;this._dataListId=(t=this.dataListId)!==null&&t!==void 0?t:this._id+p;if(o(this.message,this.showMessage)){this._descByIds=s}}}watch1(){this.watch1Fn()}watch2Fn(){this._value=this.value}watch2(){this.watch2Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-input");const s=(t=this.id)!==null&&t!==void 0?t:`input-${e()}`;this._id=s;this._messageId=s+y;this._validMessageId=s+v;this._invalidMessageId=s+m;this._dataListId=s+p;this._invalidMessage=this.invalidMessage||b;this.watch0Fn();this.watch1Fn();this.watch2Fn()}render(){var t,i,e,n,c,l,b;return s("div",{key:"e1f64105a5a13cac79e9b9735472b3859ed28e7b",class:a("db-input",this.className),"data-variant":this.variant,"data-hide-label":f(this.showLabel),"data-show-icon":d((t=this.showIconLeading)!==null&&t!==void 0?t:this.showIcon),"data-icon":(i=this.iconLeading)!==null&&i!==void 0?i:this.icon,"data-icon-trailing":this.iconTrailing,"data-hide-asterisk":f(this.showRequiredAsterisk),"data-show-icon-trailing":d(this.showIconTrailing)},s("label",{key:"cf4a55220c43d6bcabafd24b84b90a7cc984b373",htmlFor:this._id},(e=this.label)!==null&&e!==void 0?e:w),s("input",{key:"42323c70273eb021afd367ff71ad99e86d664f12","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,"data-field-sizing":this.fieldSizing,ref:t=>{this._ref=t},id:this._id,name:this.name,type:this.type||"text",multiple:h(this.multiple,"multiple"),placeholder:(n=this.placeholder)!==null&&n!==void 0?n:k,disabled:h(this.disabled,"disabled"),required:h(this.required,"required"),step:u(this.step),value:(c=this.value)!==null&&c!==void 0?c:this._value,maxLength:u(this.maxLength,this.maxlength),minLength:u(this.minLength,this.minlength),max:r(this.max,this.type),min:r(this.min,this.type),readOnly:h(this.readOnly,"readOnly")||h(this.readonly,"readonly"),form:this.form,pattern:this.pattern,size:this.size,autoComplete:this.autocomplete,autoFocus:h(this.autofocus,"autofocus"),onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onBlur:t=>this.handleBlur(t),onFocus:t=>this.handleFocus(t),list:this.dataList&&this._dataListId,"aria-describedby":(l=this.ariaDescribedBy)!==null&&l!==void 0?l:this._descByIds}),this.dataList?s("datalist",{id:this._dataListId},(b=this.getDataList())===null||b===void 0?void 0:b.map((t=>s("option",{key:this._dataListId+"-option-"+t.value,value:t.value},t.label)))):null,s("slot",{key:"9e933a4d705d6d1e891c7116489a98c41418af43"}),o(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||g):null,s("db-infotext",{key:"3553a29a16dc1c1c3dcad81302b29d05610ba6ff",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"6824a63f5c2df64580c4e5716b9df28a47758688","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:["watch0"],invalidMessage:["watch0"],_id:["watch1"],value:["watch2"]}}};const F=class{constructor(s){t(this,s);this.remove=i(this,"remove")}handleRemove(t){if(!t)return;t.stopPropagation();if(this.remove){this.remove.emit(t)}}getRemoveButtonText(){if(this.removeButton){return this.removeButton}return x}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 h=s.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))){t.setAttribute(h.name,h.value);i.removeAttribute(h.name)}if(h&&h.name==="class"){const s=h.value.includes("hydrated");const a=h.value.replace("hydrated","").trim();const e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(h.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tag")}render(){var t;return s("div",{key:"db86fabfde3f9d1e41a863f58db34eb88d067440",class:a("db-tag",this.className),ref:t=>{this._ref=t},id:this.id,"data-semantic":this.semantic,"data-emphasis":this.emphasis,"data-icon":this.icon,"data-show-check-state":d((t=this.showCheckState)!==null&&t!==void 0?t:true),"data-show-icon":d(this.showIcon),"data-no-text":d(this.noText),"data-overflow":d(this.overflow)},s("slot",{key:"1bef11e30ca670fa5bf1d438cd12c43e233cded4",name:"content"}),s("slot",{key:"3f94141f60688d0730478711748fa9dbb194f810"}),this.text?this.text:null,this.behavior==="removable"?s("button",{class:"db-button db-tab-remove-button","data-icon":"cross","data-size":"small","data-no-text":"true","data-variant":"ghost",type:"button",onClick:t=>this.handleRemove(t)},s("db-tooltip",{variant:"label"},this.getRemoveButtonText())):null)}};export{$ as db_custom_select_dropdown,_ as db_custom_select_list,C as db_custom_select_list_item,D as db_input,F as db_tag};
+//# sourceMappingURL=p-93a9f369.entry.js.map

package/dist/db-ux/p-93a9f369.entry.js.map

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

package/dist/db-ux/{p-9f122b1e.entry.js → p-971a16c3.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i}from"./p-B-IYTj4g.js";import{s as a}from"./p-DC9V_oNU.js";import{m as e,d,g as h,c}from"./p-YECpAE3G.js";const r=class{constructor(i){t(this,i);this.close=s(this,"close");this.initialized=false}handleClose(t,s){var i;if(!t)return;if(e(t)){if(t.key==="Escape"){t.preventDefault();if(this.close){this.close.emit(t)}}}else{if(s){t.stopPropagation();if(this.close){this.close.emit(t)}}if(((i=t.target)===null||i===void 0?void 0:i.nodeName)==="DIALOG"&&t.type==="click"&&this.backdrop!=="none"){if(this.close){this.close.emit(t)}}}}handleDialogOpen(){if(this._ref){const t=Boolean(this.open);if(t&&!this._ref.open){if(this.dialogContainerRef){this.dialogContainerRef.hidden=false}if(this.position==="absolute"||this.backdrop==="none"||this.variant==="inside"){this._ref.show()}else{this._ref.showModal()}}if(!t&&this._ref.open){if(this.dialogContainerRef){this.dialogContainerRef.hidden=true}d((()=>{var t;if(this.dialogContainerRef){this.dialogContainerRef.hidden=false}(t=this._ref)===null||t===void 0?void 0:t.close()}),401)}}}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 d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}watch0Fn(){this.handleDialogOpen()}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref&&this.initialized&&this.position==="absolute"){const t=this._ref;const s=t.parentElement;if(s){s.style.position="relative"}}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-drawer");this.handleDialogOpen();this.initialized=true;this.watch0Fn();this.watch1Fn()}render(){var t;return i("dialog",{key:"bde9fb000bc000b3371ab4e7333ec0b7e802a1d5",class:"db-drawer",id:this.id,ref:t=>{this._ref=t},onClick:t=>this.handleClose(t),onKeyDown:t=>this.handleClose(t),"data-position":this.position,"data-backdrop":this.backdrop,"data-direction":this.direction,"data-variant":this.variant},i("article",{key:"62fb34f827d93c6a52e6dc79fb0970879b07dd72",class:c("db-drawer-container",this.className),ref:t=>{this.dialogContainerRef=t},"data-spacing":this.spacing,"data-width":this.width,"data-direction":this.direction,"data-rounded":h(this.rounded)},i("header",{key:"81567140972ebb1f244c46227f688f017b2d74da",class:"db-drawer-header"},i("div",{key:"14fe9424f88dd71bedc5b670edf7d776639ad65f",class:"db-drawer-header-text"},i("slot",{key:"e8f703b2d8c81c9e64996f6c8214ae004484698c",name:"drawerHeader"})),i("db-button",{key:"7f18727c2550a75ed735d11b8983b9b6bca0f1d4",class:"button-close-drawer",icon:"cross",variant:"ghost",id:this.closeButtonId,noText:true,onClick:t=>this.handleClose(t,true)},(t=this.closeButtonText)!==null&&t!==void 0?t:a)),i("div",{key:"e2b7f182c9f321f5477ee4669451e10935cae010",class:"db-drawer-content"},i("slot",{key:"23bb4b8cf2c617757379637fab20361b6d4943f2"}))))}static get watchers(){return{open:["watch0"],_ref:["watch1"],initialized:["watch1"],position:["watch1"]}}};export{r as db_drawer};
-//# sourceMappingURL=p-9f122b1e.entry.js.map
+import{r as t,c as s,h as i}from"./p-CNzNv7KB.js";import{s as a}from"./p-DC9V_oNU.js";import{m as e,d,g as h,c}from"./p-YECpAE3G.js";const r=class{constructor(i){t(this,i);this.close=s(this,"close");this.initialized=false}handleClose(t,s){var i;if(!t)return;if(e(t)){if(t.key==="Escape"){t.preventDefault();if(this.close){this.close.emit(t)}}}else{if(s){t.stopPropagation();if(this.close){this.close.emit(t)}}if(((i=t.target)===null||i===void 0?void 0:i.nodeName)==="DIALOG"&&t.type==="click"&&this.backdrop!=="none"){if(this.close){this.close.emit(t)}}}}handleDialogOpen(){if(this._ref){const t=Boolean(this.open);if(t&&!this._ref.open){if(this.dialogContainerRef){this.dialogContainerRef.hidden=false}if(this.position==="absolute"||this.backdrop==="none"||this.variant==="inside"){this._ref.show()}else{this._ref.showModal()}}if(!t&&this._ref.open){if(this.dialogContainerRef){this.dialogContainerRef.hidden=true}d((()=>{var t;if(this.dialogContainerRef){this.dialogContainerRef.hidden=false}(t=this._ref)===null||t===void 0?void 0:t.close()}),401)}}}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 d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}watch0Fn(){this.handleDialogOpen()}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref&&this.initialized&&this.position==="absolute"){const t=this._ref;const s=t.parentElement;if(s){s.style.position="relative"}}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-drawer");this.handleDialogOpen();this.initialized=true;this.watch0Fn();this.watch1Fn()}render(){var t;return i("dialog",{key:"bde9fb000bc000b3371ab4e7333ec0b7e802a1d5",class:"db-drawer",id:this.id,ref:t=>{this._ref=t},onClick:t=>this.handleClose(t),onKeyDown:t=>this.handleClose(t),"data-position":this.position,"data-backdrop":this.backdrop,"data-direction":this.direction,"data-variant":this.variant},i("article",{key:"62fb34f827d93c6a52e6dc79fb0970879b07dd72",class:c("db-drawer-container",this.className),ref:t=>{this.dialogContainerRef=t},"data-spacing":this.spacing,"data-width":this.width,"data-direction":this.direction,"data-rounded":h(this.rounded)},i("header",{key:"81567140972ebb1f244c46227f688f017b2d74da",class:"db-drawer-header"},i("div",{key:"14fe9424f88dd71bedc5b670edf7d776639ad65f",class:"db-drawer-header-text"},i("slot",{key:"e8f703b2d8c81c9e64996f6c8214ae004484698c",name:"drawerHeader"})),i("db-button",{key:"7f18727c2550a75ed735d11b8983b9b6bca0f1d4",class:"button-close-drawer",icon:"cross",variant:"ghost",id:this.closeButtonId,noText:true,onClick:t=>this.handleClose(t,true)},(t=this.closeButtonText)!==null&&t!==void 0?t:a)),i("div",{key:"e2b7f182c9f321f5477ee4669451e10935cae010",class:"db-drawer-content"},i("slot",{key:"23bb4b8cf2c617757379637fab20361b6d4943f2"}))))}static get watchers(){return{open:["watch0"],_ref:["watch1"],initialized:["watch1"],position:["watch1"]}}};export{r as db_drawer};
+//# sourceMappingURL=p-971a16c3.entry.js.map

package/dist/db-ux/{p-e5984435.entry.js → p-9d0996e9.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as a}from"./p-B-IYTj4g.js";import{g as s,c as d}from"./p-YECpAE3G.js";const i=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 d=0;d<a.length;d++){const i=a.item(d);if(i&&(i.name.startsWith("data-")||i.name.startsWith("aria-"))){t.setAttribute(i.name,i.value);s.removeAttribute(i.name)}if(i&&i.name==="class"){const a=i.value.includes("hydrated");const d=i.value.replace("hydrated","").trim();const c=t.getAttribute("class");t.setAttribute(i.name,`${c?`${c} `:""}${d}`);if(a){s.setAttribute("class","hydrated")}else{s.removeAttribute(i.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-stack")}render(){return a("div",{key:"d199c5cdabd2916e3afa32c33d0fe1dd9c99da8e",class:d("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":s(this.wrap)},a("slot",{key:"a0d56c424e03273b2cc51bfe0fa5df285ecd13e9"}))}};export{i as db_stack};
-//# sourceMappingURL=p-e5984435.entry.js.map
+import{r as t,h as a}from"./p-CNzNv7KB.js";import{g as s,c as d}from"./p-YECpAE3G.js";const i=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 d=0;d<a.length;d++){const i=a.item(d);if(i&&(i.name.startsWith("data-")||i.name.startsWith("aria-"))){t.setAttribute(i.name,i.value);s.removeAttribute(i.name)}if(i&&i.name==="class"){const a=i.value.includes("hydrated");const d=i.value.replace("hydrated","").trim();const c=t.getAttribute("class");t.setAttribute(i.name,`${c?`${c} `:""}${d}`);if(a){s.setAttribute("class","hydrated")}else{s.removeAttribute(i.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-stack")}render(){return a("div",{key:"d199c5cdabd2916e3afa32c33d0fe1dd9c99da8e",class:d("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":s(this.wrap)},a("slot",{key:"a0d56c424e03273b2cc51bfe0fa5df285ecd13e9"}))}};export{i as db_stack};
+//# sourceMappingURL=p-9d0996e9.entry.js.map

package/dist/db-ux/{p-B-IYTj4g.js → p-CNzNv7KB.js}

@@ -1,3 +1,3 @@
 const e="db-ux";const t={hydratedSelectorName:"hydrated",lazyLoad:true,shadowDom:false,slotRelocation:true,updatable:true};var n=Object.defineProperty;var r=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:true})};var o=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var i=(e,t)=>{e.__stencil__getHostRef=()=>t;t.t=e};var l=(e,t)=>{const n={o:0,$hostElement$:e,i:t,l:new Map};{n.u=new Promise((e=>n.v=e));e["s-p"]=[];e["s-rc"]=[]}const r=n;e.__stencil__getHostRef=()=>r;return r};var s=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var a=new Map;var c=(e,t,n)=>{const r=e.h.replace(/-/g,"_");const o=e.p;if(!o){return void 0}const i=a.get(o);if(i){return i[r]}
 /*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${o}.entry.js${""}`).then((e=>{{a.set(o,e)}return e[r]}),(e=>{f(e,t.$hostElement$)}))};var u="{visibility:hidden}.hydrated{visibility:inherit}";var v="slot-fb{display:contents}slot-fb[hidden]{display:none}";var d=typeof window!=="undefined"?window:{};var h={o:0,m:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var p=t.shadowDom;var m=e=>Promise.resolve(e);var b=false;var y=[];var w=[];var $=(e,t)=>n=>{e.push(n);if(!b){b=true;if(t&&h.o&4){k(j)}else{h.raf(j)}}};var g=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var j=()=>{g(y);{g(w);if(b=y.length>0){h.raf(j)}}};var k=e=>m().then(e);var O=$(w,true);var S=e=>{e=typeof e;return e==="object"||e==="function"};function E(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var N=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");var R={};r(R,{err:()=>C,map:()=>M,ok:()=>x,unwrap:()=>T,unwrapErr:()=>F});var x=e=>({isOk:true,isErr:false,value:e});var C=e=>({isOk:false,isErr:true,value:e});function M(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>x(e)))}else{return x(n)}}if(e.isErr){const t=e.value;return C(t)}throw"should never get here"}var T=e=>{if(e.isOk){return e.value}else{throw e.value}};var F=e=>{if(e.isErr){return e.value}else{throw e.value}};var L=e=>{const t=z(e,"childNodes");if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){U(t,e.tagName).forEach((e=>{if(e.nodeType===1&&e.tagName==="SLOT-FB"){if(D(e,A(e),false).length){e.hidden=true}else{e.hidden=false}}}))}let n=0;for(n=0;n<t.length;n++){const e=t[n];if(e.nodeType===1&&z(e,"childNodes").length){L(e)}}};var P=e=>{const t=[];for(let n=0;n<e.length;n++){const r=e[n]["s-nr"]||void 0;if(r&&r.isConnected){t.push(r)}}return t};function U(e,t,n){let r=0;let o=[];let i;for(;r<e.length;r++){i=e[r];if(i["s-sr"]&&(!t||i["s-hn"]===t)&&n===void 0){o.push(i)}o=[...o,...U(i.childNodes,t,n)]}return o}var D=(e,t,n=true)=>{const r=[];if(n&&e["s-sr"]||!e["s-sr"])r.push(e);let o=e;while(o=o.nextSibling){if(A(o)===t&&(n||!o["s-sr"]))r.push(o)}return r};var W=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var A=e=>typeof e["s-sn"]==="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function _(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const t=t=>function(e){const n=[];const r=this["s-sn"];if(e==null?void 0:e.flatten){console.error(`\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use \`.childNodes\` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        `)}const o=this["s-cr"].parentElement;const i=o.__childNodes?o.childNodes:P(o.childNodes);i.forEach((e=>{if(r===A(e)){n.push(e)}}));if(t){return n.filter((e=>e.nodeType===1))}return n}.bind(e);e.assignedElements=t(true);e.assignedNodes=t(false)}function z(e,t){if("__"+t in e){const n=e["__"+t];if(typeof n!=="function")return n;return n.bind(e)}else{if(typeof e[t]!=="function")return e[t];return e[t].bind(e)}}var B=(e,t="")=>{{return()=>{}}};var I=(e,t)=>{{return()=>{}}};var q=new WeakMap;var H=(e,t,...n)=>{let r=null;let o=null;let i=null;let l=false;let s=false;const f=[];const a=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){a(r)}else if(r!=null&&typeof r!=="boolean"){if(l=typeof e!=="function"&&!S(r)){r=String(r)}if(l&&s){f[f.length-1].$+=r}else{f.push(l?V(null,r):r)}s=l}}};a(n);if(t){if(t.key){o=t.key}if(t.name){i=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,J)}const c=V(e,null);c.j=t;if(f.length>0){c.k=f}{c.O=o}{c.S=i}return c};var V=(e,t)=>{const n={o:0,N:e,$:t,R:null,k:null};{n.j=null}{n.O=null}{n.S=null}return n};var Y={};var G=e=>e&&e.N===Y;var J={forEach:(e,t)=>e.map(K).forEach(t),map:(e,t)=>e.map(K).map(t).map(Q)};var K=e=>({vattrs:e.j,vchildren:e.k,vkey:e.O,vname:e.S,vtag:e.N,vtext:e.$});var Q=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return H(e.vtag,t,...e.vchildren||[])}const t=V(e.vtag,e.vtext);t.j=e.vattrs;t.k=e.vchildren;t.O=e.vkey;t.S=e.vname;return t};var X=e=>{const t=N(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};X("::slotted");X(":host");X(":host-context");var Z=(e,t,n)=>{if(e!=null&&!S(e)){if(t&4){{return e==="false"?false:e===""||!!e}}if(t&2){return typeof e==="string"?parseFloat(e):typeof e==="number"?e:NaN}if(t&1){return String(e)}return e}return e};var ee=e=>{var t;return(t=o(e))==null?void 0:t.$hostElement$};var te=(e,t,n)=>{const r=ee(e);return{emit:e=>ne(r,t,{bubbles:true,composed:true,cancelable:true,detail:e})}};var ne=(e,t,n)=>{const r=h.ce(t,n);e.dispatchEvent(r);return r};var re=(e,t,n,r,o,i,l)=>{if(n===r){return}let f=s(e,t);let a=t.toLowerCase();if(t==="class"){const t=e.classList;const o=ie(n);let i=ie(r);{t.remove(...o.filter((e=>e&&!i.includes(e))));t.add(...i.filter((e=>e&&!o.includes(e))))}}else if(t==="key");else if(t==="ref"){if(r){r(e)}}else if(!f&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(s(d,a)){t=a.slice(2)}else{t=a[2]+t.slice(3)}if(n||r){const o=t.endsWith(le);t=t.replace(se,"");if(n){h.rel(e,t,n,o)}if(r){h.ael(e,t,r,o)}}}else{const l=S(r);if((f||l&&r!==null)&&true){try{if(!e.tagName.includes("-")){const o=r==null?"":r;if(t==="list"){f=false}else if(n==null||e[t]!=o){if(typeof e.__lookupSetter__(t)==="function"){e[t]=o}else{e.setAttribute(t,o)}}}else if(e[t]!==r){e[t]=r}}catch(e){}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!f||i&4||o)&&!l&&e.nodeType===1){r=r===true?"":r;{e.setAttribute(t,r)}}}};var oe=/\s/;var ie=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(oe)};var le="Capture";var se=new RegExp(le+"$");var fe=(e,t,n,r)=>{const o=t.R.nodeType===11&&t.R.host?t.R.host:t.R;const i=e&&e.j||{};const l=t.j||{};{for(const e of ae(Object.keys(i))){if(!(e in l)){re(o,e,i[e],void 0,n,t.o)}}}for(const e of ae(Object.keys(l))){re(o,e,i[e],l[e],n,t.o)}};function ae(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ce;var ue;var ve=false;var de=false;var he=false;var pe=false;var me=(e,n,r)=>{var o;const i=n.k[r];let l=0;let s;let f;let a;if(!ve){he=true;if(i.N==="slot"){i.o|=i.k?2:1}}if(i.$!==null){s=i.R=d.document.createTextNode(i.$)}else if(i.o&1){s=i.R=d.document.createTextNode("");{fe(null,i,pe)}}else{if(!d.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}s=i.R=d.document.createElement(!ve&&t.slotRelocation&&i.o&2?"slot-fb":i.N);{fe(null,i,pe)}if(i.k){for(l=0;l<i.k.length;++l){f=me(e,i,l);if(f){s.appendChild(f)}}}}s["s-hn"]=ue;{if(i.o&(2|1)){s["s-sr"]=true;s["s-cr"]=ce;s["s-sn"]=i.S||"";s["s-rf"]=(o=i.j)==null?void 0:o.ref;_(s);a=e&&e.k&&e.k[r];if(a&&a.N===i.N&&e.R){{be(e.R,false)}}}}return s};var be=(e,t)=>{h.o|=1;const n=Array.from(e.__childNodes||e.childNodes);for(let e=n.length-1;e>=0;e--){const r=n[e];if(r["s-hn"]!==ue&&r["s-ol"]){Ne(je(r).parentNode,r,je(r));r["s-ol"].remove();r["s-ol"]=void 0;r["s-sh"]=void 0;he=true}if(t){be(r,t)}}h.o&=-2};var ye=(e,t,n,r,o,i)=>{let l=e["s-cr"]&&e["s-cr"].parentNode||e;let s;for(;o<=i;++o){if(r[o]){s=me(null,n,o);if(s){r[o].R=s;Ne(l,s,je(t))}}}};var we=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.R;Ee(t);if(e){{de=true;if(e["s-ol"]){e["s-ol"].remove()}else{be(e,true)}}e.remove()}}}};var $e=(e,t,n,r,o=false)=>{let i=0;let l=0;let s=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=r.length-1;let d=r[0];let h=r[v];let p;let m;while(i<=a&&l<=v){if(c==null){c=t[++i]}else if(u==null){u=t[--a]}else if(d==null){d=r[++l]}else if(h==null){h=r[--v]}else if(ge(c,d,o)){ke(c,d,o);c=t[++i];d=r[++l]}else if(ge(u,h,o)){ke(u,h,o);u=t[--a];h=r[--v]}else if(ge(c,h,o)){if(c.N==="slot"||h.N==="slot"){be(c.R.parentNode,false)}ke(c,h,o);Ne(e,c.R,u.R.nextSibling);c=t[++i];h=r[--v]}else if(ge(u,d,o)){if(c.N==="slot"||h.N==="slot"){be(u.R.parentNode,false)}ke(u,d,o);Ne(e,u.R,c.R);u=t[--a];d=r[++l]}else{s=-1;{for(f=i;f<=a;++f){if(t[f]&&t[f].O!==null&&t[f].O===d.O){s=f;break}}}if(s>=0){m=t[s];if(m.N!==d.N){p=me(t&&t[l],n,s)}else{ke(m,d,o);t[s]=void 0;p=m.R}d=r[++l]}else{p=me(t&&t[l],n,l);d=r[++l]}if(p){{Ne(je(c.R).parentNode,p,je(c.R))}}}}if(i>a){ye(e,r[v+1]==null?null:r[v+1].R,n,r,l,v)}else if(l>v){we(t,i,a)}};var ge=(e,t,n=false)=>{if(e.N===t.N){if(e.N==="slot"){return e.S===t.S}if(!n){return e.O===t.O}if(n&&!e.O&&t.O){e.O=t.O}return true}return false};var je=e=>e&&e["s-ol"]||e;var ke=(e,n,r=false)=>{const o=n.R=e.R;const i=e.k;const l=n.k;const s=n.$;let f;if(s===null){{fe(e,n,pe)}if(i!==null&&l!==null){$e(o,i,n,l,r)}else if(l!==null){if(e.$!==null){o.textContent=""}ye(o,null,n,l,0,l.length-1)}else if(!r&&t.updatable&&i!==null){we(i,0,i.length-1)}else;}else if(f=o["s-cr"]){f.parentNode.textContent=s}else if(e.$!==s){o.data=s}};var Oe=[];var Se=e=>{let t;let n;let r;const o=e.__childNodes||e.childNodes;for(const e of o){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;const o=e["s-sn"];for(r=n.length-1;r>=0;r--){t=n[r];if(!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==e["s-hn"]&&true){if(W(t,o)){let n=Oe.find((e=>e.C===t));de=true;t["s-sn"]=t["s-sn"]||o;if(n){n.C["s-sh"]=e["s-hn"];n.M=e}else{t["s-sh"]=e["s-hn"];Oe.push({M:e,C:t})}if(t["s-sr"]){Oe.map((e=>{if(W(e.C,t["s-sn"])){n=Oe.find((e=>e.C===t));if(n&&!e.M){e.M=n.M}}}))}}else if(!Oe.some((e=>e.C===t))){Oe.push({C:t})}}}}if(e.nodeType===1){Se(e)}}};var Ee=e=>{{e.j&&e.j.ref&&e.j.ref(null);e.k&&e.k.map(Ee)}};var Ne=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var Re=(e,t,n=false)=>{var r,o,i,l;const s=e.$hostElement$;const f=e.T||V(null,null);const a=G(t);const c=a?t:H(null,null,t);ue=s.tagName;if(n&&c.j){for(const e of Object.keys(c.j)){if(s.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.j[e]=s[e]}}}c.N=null;c.o|=4;e.T=c;c.R=f.R=s;ve=p;{ce=s["s-cr"];de=false}ke(f,c,n);{h.o|=1;if(he){Se(c.R);for(const e of Oe){const t=e.C;if(!t["s-ol"]&&d.document){const e=d.document.createTextNode("");e["s-nr"]=t;Ne(t.parentNode,t["s-ol"]=e,t)}}for(const e of Oe){const t=e.C;const s=e.M;if(s){const e=s.parentNode;let n=s.nextSibling;{let i=(r=t["s-ol"])==null?void 0:r.previousSibling;while(i){let r=(o=i["s-nr"])!=null?o:null;if(r&&r["s-sn"]===t["s-sn"]&&e===(r.__parentNode||r.parentNode)){r=r.nextSibling;while(r===t||(r==null?void 0:r["s-sr"])){r=r==null?void 0:r.nextSibling}if(!r||!r["s-nr"]){n=r;break}}i=i.previousSibling}}const l=t.__parentNode||t.parentNode;const f=t.__nextSibling||t.nextSibling;if(!n&&e!==l||f!==n){if(t!==n){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Ne(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(i=t["s-ih"])!=null?i:false}}}t&&typeof s["s-rf"]==="function"&&s["s-rf"](s)}else{if(t.nodeType===1){if(n){t["s-ih"]=(l=t.hidden)!=null?l:false}t.hidden=true}}}}if(de){L(c.R)}h.o&=-2;Oe.length=0}ce=void 0};var xe=(e,t)=>{if(t&&!e.F&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.F=()=>{t["s-p"].splice(n-1,1);r()})))}};var Ce=(e,t)=>{{e.o|=16}if(e.o&4){e.o|=512;return}xe(e,e.L);const n=()=>Me(e,t);if(t){queueMicrotask((()=>{n()}));return}return O(n)};var Me=(e,t)=>{const n=e.$hostElement$;const r=B("scheduleUpdate",e.i.h);const o=e.t;if(!o){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let i;if(t){i=We(o,"componentWillLoad",void 0,n)}else{i=We(o,"componentWillUpdate",void 0,n)}i=Te(i,(()=>We(o,"componentWillRender",void 0,n)));r();return Te(i,(()=>Le(e,o,t)))};var Te=(e,t)=>Fe(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Fe=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Le=async(e,t,n)=>{var r;const o=e.$hostElement$;const i=B("update",e.i.h);const l=o["s-rc"];const s=B("render",e.i.h);{Pe(e,t,o,n)}if(l){l.map((e=>e()));o["s-rc"]=void 0}s();i();{const t=(r=o["s-p"])!=null?r:[];const n=()=>Ue(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.o|=4;t.length=0}}};var Pe=(e,t,n,r)=>{try{t=t.render();{e.o&=-17}{e.o|=2}{{{Re(e,t,r)}}}}catch(t){f(t,e.$hostElement$)}return null};var Ue=e=>{const t=e.i.h;const n=e.$hostElement$;const r=B("postUpdate",t);const o=e.t;const i=e.L;We(o,"componentDidRender",void 0,n);if(!(e.o&64)){e.o|=64;{Ae(n)}We(o,"componentDidLoad",void 0,n);r();{e.v(n);if(!i){De()}}}else{We(o,"componentDidUpdate",void 0,n);r()}{if(e.F){e.F();e.F=void 0}if(e.o&512){k((()=>Ce(e,false)))}e.o&=-517}};var De=t=>{k((()=>ne(d,"appload",{detail:{namespace:e}})))};var We=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){f(e,r)}}return void 0};var Ae=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var _e=(e,t)=>o(e).l.get(t);var ze=(e,t,n,r)=>{const i=o(e);if(!i){return}if(!i){throw new Error(`Couldn't find host element for "${r.h}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const l=i.$hostElement$;const s=i.l.get(t);const a=i.o;const c=i.t;n=Z(n,r.P[t][0]);const u=Number.isNaN(s)&&Number.isNaN(n);const v=n!==s&&!u;if((!(a&8)||s===void 0)&&v){i.l.set(t,n);if(c){if(r.U&&a&128){const e=r.U[t];if(e){e.map((e=>{try{c[e](n,s,t)}catch(e){f(e,l)}}))}}if((a&(2|16))===2){if(c.componentShouldUpdate){if(c.componentShouldUpdate(n,s,t)===false){return}}Ce(i,false)}}}};var Be=(e,n,r)=>{var i,l;const s=e.prototype;if(n.P||(n.U||e.watchers)){if(e.watchers&&!n.U){n.U=e.watchers}const f=Object.entries((i=n.P)!=null?i:{});f.map((([e,[t]])=>{if(t&31||r&2&&t&32){const{get:i,set:l}=Object.getOwnPropertyDescriptor(s,e)||{};if(i)n.P[e][0]|=2048;if(l)n.P[e][0]|=4096;if(r&1||!i){Object.defineProperty(s,e,{get(){{if((n.P[e][0]&2048)===0){return _e(this,e)}const t=o(this);const r=t?t.t:s;if(!r)return;return r[e]}},configurable:true,enumerable:true})}Object.defineProperty(s,e,{set(i){const s=o(this);if(!s){return}if(l){const r=t&32?this[e]:s.$hostElement$[e];if(typeof r==="undefined"&&s.l.get(e)){i=s.l.get(e)}else if(!s.l.get(e)&&r){s.l.set(e,r)}l.apply(this,[Z(i,t)]);i=t&32?this[e]:s.$hostElement$[e];ze(this,e,i,n);return}{if((r&1)===0||(n.P[e][0]&4096)===0){ze(this,e,i,n);if(r&1&&!s.t){s.u.then((()=>{if(n.P[e][0]&4096&&s.t[e]!==s.l.get(e)){s.t[e]=i}}))}return}const o=()=>{const r=s.t[e];if(!s.l.get(e)&&r){s.l.set(e,r)}s.t[e]=Z(i,t);ze(this,e,s.t[e],n)};if(s.t){o()}else{s.u.then((()=>o()))}}}})}}));if(r&1){const r=new Map;s.attributeChangedCallback=function(e,i,l){h.jmp((()=>{var f;const a=r.get(e);if(this.hasOwnProperty(a)&&t.lazyLoad){l=this[a];delete this[a]}else if(s.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==l){return}else if(a==null){const t=o(this);const r=t==null?void 0:t.o;if(t&&r&&!(r&8)&&r&128&&l!==i){const r=t.t;const o=(f=n.U)==null?void 0:f[e];o==null?void 0:o.forEach((t=>{if(r[t]!=null){r[t].call(r,l,i,e)}}))}return}const c=Object.getOwnPropertyDescriptor(s,a);l=l===null&&typeof this[a]==="boolean"?false:l;if(l!==this[a]&&(!c.get||!!c.set)){this[a]=l}}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=n.U)!=null?l:{}),...f.filter((([e,t])=>t[0]&15)).map((([e,t])=>{const n=t[1]||e;r.set(n,e);return n}))]))}}return e};var Ie=async(e,t,n,r)=>{let o;if((t.o&32)===0){t.o|=32;const r=n.p;if(r){const r=c(n,t);if(r&&"then"in r){const e=I();o=await r;e()}else{o=r}if(!o){throw new Error(`Constructor for "${n.h}#${t.D}" was not found`)}if(!o.isProxied){{n.U=o.watchers}Be(o,n,2);o.isProxied=true}const i=B("createInstance",n.h);{t.o|=8}try{new o(t)}catch(t){f(t,e)}{t.o&=-9}{t.o|=128}i();qe(t.t,e)}else{o=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.o|=128))}}const i=t.L;const l=()=>Ce(t,true);if(i&&i["s-rc"]){i["s-rc"].push(l)}else{l()}};var qe=(e,t)=>{{We(e,"connectedCallback",void 0,t)}};var He=e=>{if((h.o&1)===0){const t=o(e);if(!t){return}const n=t.i;const r=B("connectedCallback",n.h);if(!(t.o&1)){t.o|=1;{if(n.o&(4|8)){Ve(e)}}{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){xe(t,t.L=n);break}}}if(n.P){Object.entries(n.P).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Ie(e,t,n)}}else{if(t==null?void 0:t.t){qe(t.t,e)}else if(t==null?void 0:t.u){t.u.then((()=>qe(t.t,e)))}}r()}};var Ve=e=>{if(!d.document){return}const t=e["s-cr"]=d.document.createComment("");t["s-cn"]=true;Ne(e,t,e.firstChild)};var Ye=(e,t)=>{{We(e,"disconnectedCallback",void 0,t||e)}};var Ge=async e=>{if((h.o&1)===0){const t=o(e);if(t==null?void 0:t.t){Ye(t.t,e)}else if(t==null?void 0:t.u){t.u.then((()=>Ye(t.t,e)))}}if(q.has(e)){q.delete(e)}if(e.shadowRoot&&q.has(e.shadowRoot)){q.delete(e.shadowRoot)}};var Je=(e,t={})=>{var n;if(!d.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const r=B();const i=[];const s=t.exclude||[];const f=d.customElements;const a=d.document.head;const c=a.querySelector("meta[charset]");const p=d.document.createElement("style");const m=[];let b;let y=true;Object.assign(h,t);h.m=new URL(t.resourcesUrl||"./",d.document.baseURI).href;let w=false;e.map((e=>{e[1].map((t=>{var n;const r={o:t[0],h:t[1],P:t[2],W:t[3]};if(r.o&4){w=true}{r.P=t[2]}{r.U=(n=t[4])!=null?n:{}}const a=r.h;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;l(e,r)}connectedCallback(){const e=o(this);if(!e){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(b){clearTimeout(b);b=null}if(y){m.push(this)}else{h.jmp((()=>He(this)))}}disconnectedCallback(){h.jmp((()=>Ge(this)));h.raf((()=>{var e;const t=o(this);if(!t){return}const n=m.findIndex((e=>e===this));if(n>-1){m.splice(n,1)}if(((e=t==null?void 0:t.T)==null?void 0:e.R)instanceof Node&&!t.T.R.isConnected){delete t.T.R}}))}componentOnReady(){var e;return(e=o(this))==null?void 0:e.u}};r.p=e[0];if(!s.includes(a)&&!f.get(a)){i.push(a);f.define(a,Be(c,r,1))}}))}));if(i.length>0){if(w){p.textContent+=v}{p.textContent+=i.sort()+u}if(p.innerHTML.length){p.setAttribute("data-styles","");const e=(n=h.A)!=null?n:E(d.document);if(e!=null){p.setAttribute("nonce",e)}a.insertBefore(p,c?c.nextSibling:a.firstChild)}}y=false;if(m.length){m.map((e=>e.connectedCallback()))}else{{h.jmp((()=>b=setTimeout(De,30)))}}r()};var Ke=(e,t)=>t;var Qe=e=>h.A=e;export{Ke as F,Je as b,te as c,H as h,m as p,i as r,Qe as s};
-//# sourceMappingURL=p-B-IYTj4g.js.map
+//# sourceMappingURL=p-CNzNv7KB.js.map