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

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

@@ -1,2 +0,0 @@
-import{r as i,c as s,h as t}from"./p-D-D8lQAG.js";import{u as h,g as a,j as e,c as d}from"./p-fw8E73KY.js";const c=class{constructor(t){i(this,t);this.onChange=s(this,"onChange");this.onBlur=s(this,"onBlur");this.onFocus=s(this,"onFocus");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 h=0;h<s.length;h++){const a=s.item(h);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){i.setAttribute(a.name,a.value);t.removeAttribute(a.name)}if(a&&a.name==="class"){const s=a.value.includes("hydrated");const h=a.value.replace("hydrated","").trim();const e=i.getAttribute("class");i.setAttribute(a.name,`${e?`${e} `:""}${h}`);if(s){t.setAttribute("class","hydrated")}else{t.removeAttribute(a.name)}}}}}watch0Fn(){if(this.checked!==undefined&&this.checked!==null){this._checked=!!this.checked}}watch0(){this.watch0Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-switch");this._id=(i=this.id)!==null&&i!==void 0?i:`switch-${h()}`;this.watch0Fn()}render(){return t("label",{key:"c63a332044dbee87f648ff1e3ace039cf3dcfecd",class:d("db-switch",this.className),"data-visual-aid":a(this.visualAid),"data-size":this.size,"data-hide-label":e(this.showLabel),"data-emphasis":this.emphasis,htmlFor:this._id},t("input",{key:"5b9a05962ebab359a84c8c23be52357dfd77df99",type:"checkbox",role:"switch",id:this._id,"aria-checked":a(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))}static get watchers(){return{checked:["watch0"]}}};export{c as db_switch};
-//# sourceMappingURL=p-acca879a.entry.js.map

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

@@ -1 +0,0 @@
-{"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","watch0Fn","checked","watch0","componentDidLoad","_ref","id","uuid","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 {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-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  watch0Fn() {\n    if (this.checked !== undefined && this.checked !== null) {\n      this._checked = !!this.checked;\n    }\n  }\n\n  @Watch(\"checked\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-switch\");\n    this._id = this.id ?? `switch-${uuid()}`;\n    this.watch0Fn();\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":"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","ignoreList":[]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["DBHeader","constructor","hostRef","this","_id","DEFAULT_ID","initialized","forcedToMobile","toggle","onToggle","emit","drawerOpen","handleNavigationItemClick","event","isEventTargetNavigationItem","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","document","forceMobile","headerElement","getElementById","addAttributeToChildren","key","watch0","componentDidLoad","_ref","id","uuid","render","h","class","cls","className","ref","el","width","spacing","rounded","open","onClose","onClick","icon","variant","noText","_a","burgerMenuLabel","DEFAULT_BURGER_MENU"],"sources":["src/components/header/header.tsx"],"sourcesContent":["import { DBHeaderProps, DBHeaderState } from \"./model\";\nimport { addAttributeToChildren, cls, uuid } from \"../../utils\";\nimport { DBButton } from \"../button/button\";\nimport { DBDrawer } from \"../drawer/drawer\";\nimport { DEFAULT_BURGER_MENU, DEFAULT_ID } from \"../../shared/constants\";\nimport { isEventTargetNavigationItem } from \"../../utils/navigation\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot metaNavigation - TODO: Add description for slotMetaNavigation\n * @slot secondaryAction - TODO: Add description for slotSecondaryAction\n * @slot brand - TODO: Add description for slotBrand\n * @slot primaryAction - TODO: Add description for slotPrimaryAction\n */\n @Component({\n  tag: \"db-header\",\n})\nexport class DBHeader {\n  private _ref!: HTMLDivElement | null;\n  @Prop() id: DBHeaderProps[\"id\"];\n  @Prop() forceMobile: DBHeaderProps[\"forceMobile\"];\n  @Event() onToggle: any;\n  @Prop() drawerOpen: DBHeaderProps[\"drawerOpen\"];\n  @Prop({attribute: \"classname\"}) className: DBHeaderProps[\"className\"];\n  @Prop() width: DBHeaderProps[\"width\"];\n\n  @Prop() burgerMenuLabel: DBHeaderProps[\"burgerMenuLabel\"];\n  @State() _id = DEFAULT_ID;\n  @State() initialized = false;\n  @State() forcedToMobile = false;\n\n  toggle() {\n    if (this.onToggle) {\n      this.onToggle.emit(!this.drawerOpen);\n    }\n  }\n  handleNavigationItemClick(event: unknown) {\n    if (isEventTargetNavigationItem(event)) {\n      this.toggle();\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this.initialized && document && this._id && this.forceMobile) {\n      const headerElement = document.getElementById(this._id) as HTMLElement;\n      if (headerElement) {\n        // Adds this attribute to the header to enable all styling which would have\n        // @media screen and (min-width: $db-screens-m) to show mobile navigation on a desktop device\n        addAttributeToChildren(headerElement, {\n          key: \"data-force-mobile\",\n          value: \"true\",\n        });\n      }\n      this.forcedToMobile = true;\n    }\n  }\n\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-header\");\n    this.initialized = true;\n    this._id = this.id || \"header-\" + uuid();\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <header\n        class={cls(\"db-header\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-width={this.width}\n        data-on-forcing-mobile={this.forceMobile && !this.forcedToMobile}\n      >\n        <db-drawer\n          class=\"db-header-drawer\"\n          spacing=\"small\"\n          rounded={true}\n          open={this.drawerOpen}\n          onClose={() => this.toggle()}\n        >\n          <div class=\"db-header-drawer-navigation\">\n            <div\n              class=\"db-header-navigation\"\n              onClick={(event) => this.handleNavigationItemClick(event)}\n            >\n              <slot></slot>\n            </div>\n            <div class=\"db-header-meta-navigation\">\n              <slot name=\"metaNavigation\"></slot>\n            </div>\n          </div>\n          <div class=\"db-header-secondary-action\">\n            <slot name=\"secondaryAction\"></slot>\n          </div>\n        </db-drawer>\n        <div class=\"db-header-meta-navigation\">\n          <slot name=\"metaNavigation\"></slot>\n        </div>\n        <div class=\"db-header-navigation-bar\">\n          <div class=\"db-header-brand-container\">\n            <slot name=\"brand\"></slot>\n          </div>\n          <div class=\"db-header-navigation-container\">\n            <div class=\"db-header-navigation\">\n              <slot></slot>\n            </div>\n            <div class=\"db-header-primary-action\">\n              <slot name=\"primaryAction\"></slot>\n            </div>\n          </div>\n          <div class=\"db-header-action-container\">\n            <div class=\"db-header-burger-menu-container\">\n              <db-button\n                icon=\"menu\"\n                variant=\"ghost\"\n                id={this._id + \"-burger-menu\"}\n                noText={true}\n                onClick={() => this.toggle()}\n              >\n                {this.burgerMenuLabel ?? DEFAULT_BURGER_MENU}\n              </db-button>\n            </div>\n            <div class=\"db-header-secondary-action\">\n              <slot name=\"secondaryAction\"></slot>\n            </div>\n          </div>\n        </div>\n      </header>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"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","watch0Fn","messageId","DEFAULT_MESSAGE_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","watch0","watch1Fn","indeterminate","watch1","watch2Fn","checked","watch2","componentDidLoad","mId","id","uuid","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 {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-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  watch0Fn() {\n    if (this._id) {\n      const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n      this._messageId = messageId;\n      this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n      this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n      if (stringPropVisible(this.message, this.showMessage)) {\n        this._descByIds = messageId;\n      }\n    }\n  }\n\n  @Watch(\"_id\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    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  }\n\n  @Watch(\"initialized\")\n  @Watch(\"_ref\")\n  @Watch(\"indeterminate\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  watch2Fn() {\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  @Watch(\"initialized\")\n  @Watch(\"_ref\")\n  @Watch(\"checked\")\n  watch2() {\n    this.watch2Fn();\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    this.watch0Fn();\n    this.watch1Fn();\n    this.watch2Fn();\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 || 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-e393938c.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as a}from"./p-D-D8lQAG.js";import{g as s,c as i}from"./p-fw8E73KY.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:i("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:"81ee546528b5cd1a117791ad1f98b4f9af199806"}))}};export{d as db_stack};
-//# sourceMappingURL=p-e393938c.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["DBStack","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","this","_ref","render","h","key","class","cls","className","ref","el","id","gap","variant","direction","alignment","justifyContent","getBooleanAsString","wrap"],"sources":["src/components/stack/stack.tsx"],"sourcesContent":["import { DBStackProps, DBStackState } from \"./model\";\nimport { cls, getBooleanAsString } 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-stack\",\n})\nexport class DBStack {\n  private _ref!: HTMLDivElement | null;\n  @Prop() id: DBStackProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBStackProps[\"className\"];\n  @Prop() gap: DBStackProps[\"gap\"];\n  @Prop() variant: DBStackProps[\"variant\"];\n  @Prop() direction: DBStackProps[\"direction\"];\n  @Prop() alignment: DBStackProps[\"alignment\"];\n  @Prop() justifyContent: DBStackProps[\"justifyContent\"];\n  @Prop() wrap: DBStackProps[\"wrap\"];\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-stack\");\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-stack\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-gap={this.gap}\n        data-variant={this.variant}\n        data-direction={this.direction}\n        data-alignment={this.alignment}\n        data-justify-content={this.justifyContent}\n        data-wrap={getBooleanAsString(this.wrap)}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"4FAaaA,EAAO,M,yBAiBV,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEC,KAAKtB,uBAAuBsB,KAAKC,KAAM,W,CAGzC,MAAAC,GACE,OACEC,EACE,OAAAC,IAAA,2CAAAC,MAAOC,EAAI,WAAYN,KAAKO,WAC5BC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EAEhBC,GAAIV,KAAKU,GAAE,WACDV,KAAKW,IAAG,eACJX,KAAKY,QACH,iBAAAZ,KAAKa,UACL,iBAAAb,KAAKc,UAAS,uBACRd,KAAKe,eAAc,YAC9BC,EAAmBhB,KAAKiB,OAEnCd,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as s,h as t}from"./p-D-D8lQAG.js";import{u as i,c as a}from"./p-fw8E73KY.js";import{D as o}from"./p-DC9V_oNU.js";const c=class{constructor(t){s(this,t);this._id=o}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 o=t.item(a);if(o&&(o.name.startsWith("data-")||o.name.startsWith("aria-"))){s.setAttribute(o.name,o.value);i.removeAttribute(o.name)}if(o&&o.name==="class"){const t=o.value.includes("hydrated");const a=o.value.replace("hydrated","").trim();const c=s.getAttribute("class");s.setAttribute(o.name,`${c?`${c} `:""}${a}`);if(t){i.setAttribute("class","hydrated")}else{i.removeAttribute(o.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-ea7da771.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["DBSection","constructor","hostRef","this","_id","DEFAULT_ID","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","_ref","id","uuid","render","h","key","class","cls","className","ref","el","spacing","width"],"sources":["src/components/section/section.tsx"],"sourcesContent":["import { DBSectionProps, DBSectionState } from \"./model\";\nimport { cls, uuid } from \"../../utils\";\nimport { DEFAULT_ID } from \"../../shared/constants\";\n\nimport { Component, h, Fragment, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-section\",\n})\nexport class DBSection {\n  private _ref!: HTMLDivElement | null;\n  @Prop() id: DBSectionProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBSectionProps[\"className\"];\n  @Prop() spacing: DBSectionProps[\"spacing\"];\n  @Prop() width: DBSectionProps[\"width\"];\n\n  @State() _id = DEFAULT_ID;\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-section\");\n    this._id = this.id || \"section-\" + uuid();\n  }\n\n  render() {\n    return (\n      <section\n        class={cls(\"db-section\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-spacing={this.spacing || \"medium\"}\n        data-width={this.width}\n      >\n        <slot></slot>\n      </section>\n    );\n  }\n}\n"],"mappings":"gIAcaA,EAAS,MAHrB,WAAAC,CAAAC,G,UAUUC,KAAGC,IAAGC,CA8DhB,CAvDS,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACExB,KAAKG,uBAAuBH,KAAKyB,KAAM,cACvCzB,KAAKC,IAAMD,KAAK0B,IAAM,WAAaC,G,CAGrC,MAAAC,GACE,OACEC,EACE,WAAAC,IAAA,2CAAAC,MAAOC,EAAI,aAAchC,KAAKiC,WAC9BC,IAAMC,IACJnC,KAAKyB,KAAOU,CAAE,EAEhBT,GAAI1B,KAAKC,IAAG,eACED,KAAKoC,SAAW,SAClB,aAAApC,KAAKqC,OAEjBR,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-const t=()=>{var t,o;if(typeof window!=="undefined"){if((t=window.crypto)===null||t===void 0?void 0:t.randomUUID){return window.crypto.randomUUID()}else if((o=window.crypto)===null||o===void 0?void 0:o.getRandomValues){return window.crypto.getRandomValues(new Uint32Array(3)).join("-")}}return Math.random().toString().substring(2)};const o=(t,n)=>{const e=t.children;Object.values(e).forEach((t=>{t.setAttribute(n.key,n.value);if(t.children.length>0){o(t,n)}}))};const n=(...t)=>{let o="";for(const n of t){if(n){if(typeof n==="string"){o+=`${n} `}else{for(const t in n){if(n[t]){o+=`${t} `}}}}}return o.trim()};const e=t=>{const{left:o,right:n}=t.getBoundingClientRect();const{innerWidth:e}=window;return o>=0&&n<=e};const i=t=>{const{top:o,bottom:n}=t.getBoundingClientRect();const{innerHeight:e}=window;return o>=0&&n<=e};const s=t=>{var o;const{top:n,bottom:e,left:i,right:s}=t.getBoundingClientRect();const{innerHeight:d,innerWidth:r}=window;let u=n<0;let a=e>d;let c=i<0;let f=s>r;const l=t.hasAttribute("data-outside-vy");const w=t.hasAttribute("data-outside-vx");const v=(o=t===null||t===void 0?void 0:t.parentElement)===null||o===void 0?void 0:o.getBoundingClientRect();if(v){if(l){const o=t.getAttribute("data-outside-vy");if(o==="top"){u=v.top-(e-v.bottom)<0}else{a=v.bottom+(v.top-n)>d}}if(w){const o=t.getAttribute("data-outside-vx");if(o==="left"){c=v.left-(s-v.right)<0}else{f=v.right+(v.left-i)>r}}}return{outTop:u,outBottom:a,outLeft:c,outRight:f}};const d=t=>{const{outTop:o,outBottom:n,outLeft:e,outRight:i}=s(t);let d={};if(o||n){d={vy:o?"top":"bottom"};t.setAttribute("data-outside-vy",d.vy)}else{t.removeAttribute("data-outside-vy")}if(e||i){d=Object.assign(Object.assign({},d),{vx:i?"right":"left"});t.setAttribute("data-outside-vx",d.vx)}else{t.removeAttribute("data-outside-vx")}return d};const r=t=>Array.isArray(t)&&t.every((t=>typeof t==="string"));const u=["Mac","iPhone","iPad","iPod"];const a=()=>typeof window!=="undefined"&&u.some((t=>window.navigator.userAgent.includes(t)));const c=(t,o)=>new Promise((()=>setTimeout(t,o)));const f=t=>{if(t){return String(t)}return t};const l=t=>{if(t===undefined||t===null){return undefined}return f(!t)};const w=(t,o)=>{if(o===undefined){return!!t}else{return o&&t}};const v=t=>t.querySelector(`input[type="search"]`);export{o as a,i as b,n as c,r as d,a as e,c as f,f as g,d as h,s as i,l as j,v as k,w as s,t as u,e as v};
-//# sourceMappingURL=p-fw8E73KY.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"p-fw8E73KY.js","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 const getSearchInput = (element: HTMLElement): HTMLInputElement | null => element.querySelector<HTMLInputElement>(`input[type=\"search\"]`);\nexport default {\n  getSearchInput,\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}"],"names":[],"mappings":"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"}