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

package/dist/db-ux.umd.js

@@ -0,0 +1 @@
+(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s["DB-UX"]={},s.Vue))})(this,function(s,e){"use strict";var Wn=Object.defineProperty;var Xn=(s,e,L)=>e in s?Wn(s,e,{enumerable:!0,configurable:!0,writable:!0,value:L}):s[e]=L;var U=(s,e,L)=>Xn(s,typeof e!="symbol"?e+"":e,L);const L=()=>{var d,t;if(typeof window<"u"){if((d=window.crypto)!=null&&d.randomUUID)return window.crypto.randomUUID();if((t=window.crypto)!=null&&t.getRandomValues)return window.crypto.getRandomValues(new Uint32Array(3)).join("-")}return Math.random().toString().substring(2)},H=(d,t)=>{const i=d.children;Object.values(i).forEach(a=>{a.setAttribute(t.key,t.value),a.children.length>0&&H(a,t)})},N=(...d)=>{let t="";for(const i of d)if(i)if(typeof i=="string")t+=`${i} `;else for(const a in i)i[a]&&(t+=`${a} `);return t.trim()},be=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],ye=(d,t)=>Object.keys(d).filter(i=>(i.startsWith("data-")||i.startsWith("aria-")||i.startsWith("default")||i.startsWith("auto")||i.startsWith("item")||i.startsWith("on")||be.includes(i))&&!t.includes(i)).reduce((i,a)=>({...i,[a]:d[a]}),{}),Be=(d,t)=>Object.keys(d).filter(i=>t.includes(i)).reduce((i,a)=>({...i,[a]:d[a]}),{}),ke=d=>{const{left:t,right:i}=d.getBoundingClientRect(),{innerWidth:a}=window;return t>=0&&i<=a},Ee=d=>{const{top:t,bottom:i}=d.getBoundingClientRect(),{innerHeight:a}=window;return t>=0&&i<=a},ae=d=>{var B;const{top:t,bottom:i,left:a,right:n}=d.getBoundingClientRect(),{innerHeight:f,innerWidth:o}=window;let c=t<0,l=i>f,h=a<0,r=n>o;const y=d.hasAttribute("data-outside-vy"),b=d.hasAttribute("data-outside-vx"),E=(B=d==null?void 0:d.parentElement)==null?void 0:B.getBoundingClientRect();return E&&(y&&(d.getAttribute("data-outside-vy")==="top"?c=E.top-(i-E.bottom)<0:l=E.bottom+(E.top-t)>f),b&&(d.getAttribute("data-outside-vx")==="left"?h=E.left-(n-E.right)<0:r=E.right+(E.left-a)>o)),{outTop:c,outBottom:l,outLeft:h,outRight:r}},W=d=>{const{outTop:t,outBottom:i,outLeft:a,outRight:n}=ae(d);let f={};return t||i?(f={vy:t?"top":"bottom"},d.setAttribute("data-outside-vy",f.vy)):d.removeAttribute("data-outside-vy"),a||n?(f={...f,vx:n?"right":"left"},d.setAttribute("data-outside-vx",f.vx)):d.removeAttribute("data-outside-vx"),f},ne=d=>Array.isArray(d)&&d.every(t=>typeof t=="string"),Ne=["Mac","iPhone","iPad","iPod"],A=()=>typeof window<"u"&&Ne.some(d=>window.navigator.userAgent.includes(d)),F=(d,t)=>new Promise(()=>setTimeout(d,t)),_=d=>d&&String(d),I=d=>{if(d!=null)return _(!d)},T=(d,t)=>t===void 0?!!d:t&&d,Se=["id","type","disabled","aria-label","data-icon","data-hide-icon","data-size","data-state","data-width","data-variant","data-no-text","name","value","aria-describedby","aria-expanded","aria-pressed"],P=e.defineComponent({__name:"button",props:{ariaexpanded:{type:Boolean,default:void 0},ariapressed:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},noText:{type:Boolean,default:void 0},label:{default:void 0},name:{default:void 0},type:{default:void 0},value:{default:void 0},state:{default:void 0},variant:{default:void 0},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{default:void 0},id:{default:void 0},autofocus:{type:Boolean},onClick:{type:Function,default:void 0},icon:{default:void 0},width:{default:void 0},size:{default:void 0},showIcon:{type:Boolean,default:void 0},text:{default:void 0}},setup(d){const t=d,i=e.ref(null);function a(n){t.onClick&&t.onClick(n)}return(n,f)=>(e.openBlock(),e.createElementBlock("button",{ref_key:"_ref",ref:i,id:n.id,class:e.normalizeClass(e.unref(N)("db-button",t.class)),type:n.type||"button",disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-hide-icon":e.unref(I)(n.showIcon),"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,"data-no-text":e.unref(_)(n.noText),name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:f[0]||(f[0]=async o=>a(o))},[n.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(n.text),1)],64)):e.renderSlot(n.$slots,"default",{key:1})],10,Se))}}),R="OVERWRITE_DEFAULT_ID",G="LABEL SHOULD BE SET",j=" ",V="-message",$="-valid-message",M="-invalid-message",Y="-placeholder",K="-datalist",v="TODO: Add a validMessage",z="TODO: Add an invalidMessage",te="Back",de="BurgerMenu",ie="brand",le=4,J="Close Button",we="density",Ce="color";var Q=(d=>(d.FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",d))(Q||{});const Le=Object.entries(Q).map(([,d])=>d);var Z=(d=>(d.PRIMARY="primary",d))(Z||{}),x=(d=>(d.NEUTRAL_BG_LEVEL_1="neutral-bg-basic-level-1",d.NEUTRAL_BG_LEVEL_2="neutral-bg-basic-level-2",d.NEUTRAL_BG_LEVEL_3="neutral-bg-basic-level-3",d.NEUTRAL_BG_TRANSPARENT_SEMI="neutral-bg-basic-transparent-semi",d.NEUTRAL_BG_TRANSPARENT_FULL="neutral-bg-basic-transparent-full",d.BRAND_BG_LEVEL_1="brand-bg-basic-level-1",d.BRAND_BG_LEVEL_2="brand-bg-basic-level-2",d.BRAND_BG_LEVEL_3="brand-bg-basic-level-3",d.BRAND_BG_TRANSPARENT_SEMI="brand-bg-basic-transparent-semi",d.BRAND_BG_TRANSPARENT_FULL="brand-bg-basic-transparent-full",d.SUCCESSFUL_BG_LEVEL_1="successful-bg-basic-level-1",d.SUCCESSFUL_BG_LEVEL_2="successful-bg-basic-level-2",d.SUCCESSFUL_BG_LEVEL_3="successful-bg-basic-level-3",d.SUCCESSFUL_BG_TRANSPARENT_SEMI="successful-bg-basic-transparent-semi",d.SUCCESSFUL_BG_TRANSPARENT_FULL="successful-bg-basic-transparent-full",d.CRITICAL_BG_LEVEL_1="critical-bg-basic-level-1",d.CRITICAL_BG_LEVEL_2="critical-bg-basic-level-2",d.CRITICAL_BG_LEVEL_3="critical-bg-basic-level-3",d.CRITICAL_BG_TRANSPARENT_SEMI="critical-bg-basic-transparent-semi",d.CRITICAL_BG_TRANSPARENT_Full="critical-bg-basic-transparent-full",d.WARNING_BG_LEVEL_1="warning-bg-basic-level-1",d.WARNING_BG_LEVEL_2="warning-bg-basic-level-2",d.WARNING_BG_LEVEL_3="warning-bg-basic-level-3",d.WARNING_BG_TRANSPARENT_SEMI="warning-bg-basic-transparent-semi",d.WARNING_BG_TRANSPARENT_FULL="warning-bg-basic-transparent-full",d.INFORMATIONAL_BG_LEVEL_1="informational-bg-basic-level-1",d.INFORMATIONAL_BG_LEVEL_2="informational-bg-basic-level-2",d.INFORMATIONAL_BG_LEVEL_3="informational-bg-basic-level-3",d.INFORMATIONAL_BG_TRANSPARENT_SEMI="informational-bg-basic-transparent-semi",d.INFORMATIONAL_BG_TRANSPARENT_FULL="informational-bg-basic-transparent-full",d))(x||{});const Ie=Object.entries(x).map(([,d])=>d),_e=Object.entries(Z).map(([,d])=>d);var ee=(d=>(d.CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",d))(ee||{});const Te=Object.entries(ee).map(([,d])=>d),oe={width:390,height:884},se={width:1920,height:1280},De=[{name:"desktop",...se},{name:"tablet",width:768,height:1024},{name:"mobile",...oe}],Fe=["id","aria-live","data-semantic","data-variant","data-icon","data-hide-icon","data-link-variant"],Ae={key:0},Ve={key:1},$e=e.defineComponent({__name:"notification",props:{ariaLive:{default:void 0},closeable:{type:Boolean,default:void 0},headline:{default:void 0},image:{},link:{},linkVariant:{default:void 0},showHeadline:{type:Boolean,default:void 0},timestamp:{default:void 0},showTimestamp:{type:Boolean,default:void 0},variant:{default:void 0},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},onClose:{type:Function,default:void 0},icon:{default:void 0},semantic:{default:void 0},closeButtonId:{default:void 0},closeButtonText:{default:void 0},delay:{},animation:{type:Boolean},width:{},showIcon:{type:Boolean,default:void 0},text:{default:void 0}},setup(d){const t=d,i=e.ref(null);function a(n){t.onClose&&t.onClose()}return(n,f)=>(e.openBlock(),e.createElementBlock("article",{ref_key:"_ref",ref:i,id:n.id,class:e.normalizeClass(e.unref(N)("db-notification",t.class)),"aria-live":n.ariaLive,"data-semantic":n.semantic,"data-variant":n.variant,"data-icon":n.icon,"data-hide-icon":e.unref(I)(n.showIcon),"data-link-variant":n.linkVariant},[e.renderSlot(n.$slots,"image"),e.unref(T)(n.headline,n.showHeadline)?(e.openBlock(),e.createElementBlock("header",Ae,e.toDisplayString(n.headline),1)):e.createCommentVNode("",!0),e.createElementVNode("p",null,[n.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(n.text),1)],64)):e.renderSlot(n.$slots,"default",{key:1})]),e.unref(T)(n.timestamp,n.showTimestamp)?(e.openBlock(),e.createElementBlock("span",Ve,e.toDisplayString(n.timestamp),1)):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"link"),n.closeable?(e.openBlock(),e.createBlock(P,{key:2,icon:"cross",variant:"ghost",size:"small",id:n.closeButtonId,noText:!0,onClick:o=>a()},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.closeButtonText??e.unref(J)),1)]),_:1},8,["id","onClick"])):e.createCommentVNode("",!0)],10,Fe))}}),Me=["id","data-semantic","data-size","data-emphasis","data-placement","data-label"],ve=e.defineComponent({__name:"badge",props:{placement:{default:void 0},label:{default:void 0},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},semantic:{default:void 0},size:{default:void 0},emphasis:{default:void 0},text:{default:void 0}},setup(d){const t=d,i=e.ref(!1),a=e.ref(null);return e.onMounted(()=>{i.value=!0}),e.watch(()=>[a.value,i.value],()=>{var n;if(a.value&&i.value&&(n=t.placement)!=null&&n.startsWith("corner")){let f=a.value.parentElement;f&&f.localName.includes("badge")&&(f=f.parentElement),f&&f.setAttribute("data-has-badge","true")}},{immediate:!0,flush:"post"}),(n,f)=>{var o;return e.openBlock(),e.createElementBlock("span",{ref_key:"_ref",ref:a,id:n.id,class:e.normalizeClass(e.unref(N)("db-badge",t.class)),"data-semantic":n.semantic,"data-size":n.size,"data-emphasis":n.emphasis,"data-placement":n.placement,"data-label":((o=n.placement)==null?void 0:o.startsWith("corner"))&&(n.label??e.unref(G))},[n.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(n.text),1)],64)):e.renderSlot(n.$slots,"default",{key:1})],10,Me)}}}),ze=["data-icon","data-hide-icon","id"],Re=e.defineComponent({__name:"brand",props:{hideLogo:{type:Boolean,default:void 0},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},icon:{default:void 0},showIcon:{type:Boolean,default:void 0},text:{default:void 0}},setup(d){const t=d,i=e.ref(null);return(a,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"_ref",ref:i,"data-icon":a.hideLogo?"none":a.icon??e.unref(ie),"data-hide-icon":e.unref(I)(a.showIcon),id:a.id,class:e.normalizeClass(e.unref(N)("db-brand",t.class))},[a.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(a.text),1)],64)):e.renderSlot(a.$slots,"default",{key:1})],10,ze))}}),Ue=["id","data-behavior","data-elevation-level","data-spacing","role","tabIndex"],Pe=e.defineComponent({__name:"card",props:{behavior:{default:void 0},elevationLevel:{default:void 0},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},onClick:{type:Function,default:void 0},spacing:{default:void 0}},setup(d){const t=d,i=e.ref(null);function a(n){t.onClick&&t.onClick(n)}return(n,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"_ref",ref:i,id:n.id,class:e.normalizeClass(e.unref(N)("db-card",t.class)),"data-behavior":n.behavior,"data-elevation-level":n.elevationLevel,"data-spacing":n.spacing,role:n.behavior==="interactive"?"button":void 0,tabIndex:n.behavior==="interactive"?0:void 0,onClick:f[0]||(f[0]=async o=>a(o))},[e.renderSlot(n.$slots,"default")],10,Ue))}}),O=(d,t,i="value")=>{d(`update:${i}`,t.target[i])},Oe=["id","data-icon","data-semantic","data-size","data-hide-icon-before"],D=e.defineComponent({__name:"infotext",props:{children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},semantic:{default:void 0},icon:{default:void 0},size:{default:void 0},showIcon:{type:Boolean,default:void 0},text:{default:void 0}},setup(d){const t=d,i=e.ref(null);return(a,n)=>(e.openBlock(),e.createElementBlock("span",{ref_key:"_ref",ref:i,id:a.id,class:e.normalizeClass(e.unref(N)("db-infotext",t.class)),"data-icon":a.icon,"data-semantic":a.semantic,"data-size":a.size,"data-hide-icon-before":e.unref(I)(a.showIcon??!0)},[a.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(a.text),1)],64)):e.renderSlot(a.$slots,"default",{key:1})],10,Oe))}}),Ge=["data-size","data-hide-label"],qe=["for"],We=["aria-invalid","data-custom-validity","id","name","checked","disabled","value","required","aria-describedby"],Xe={"data-visually-hidden":"true",role:"status"},He=e.defineComponent({__name:"checkbox",props:{indeterminate:{type:Boolean,default:void 0},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},change:{type:Function,default:void 0},onChange:{type:Function,default:void 0},blur:{type:Function,default:void 0},onBlur:{type:Function,default:void 0},focus:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},validation:{default:void 0},disabled:{type:Boolean,default:void 0},form:{},label:{default:void 0},name:{default:void 0},required:{type:Boolean,default:void 0},showLabel:{type:Boolean,default:void 0},value:{default:void 0},checked:{type:Boolean,default:void 0},variant:{},placeholder:{},message:{default:void 0},validMessage:{default:void 0},invalidMessage:{default:void 0},messageIcon:{default:void 0},autocomplete:{},showMessage:{type:Boolean,default:void 0},size:{default:void 0}},emits:["update:checked"],setup(d,{emit:t}){const i=t,a=d,n=e.ref(!1),f=e.ref(void 0),o=e.ref(void 0),c=e.ref(void 0),l=e.ref(void 0),h=e.ref(""),r=e.ref(""),y=e.ref(null);e.onMounted(()=>{n.value=!0;const m=a.id??`checkbox-${L()}`;f.value=m,o.value=m+V,c.value=m+$,l.value=m+M}),e.watch(()=>[f.value],()=>{if(f.value){const m=f.value+V;o.value=m,c.value=f.value+$,l.value=f.value+M,T(a.message,a.showMessage)&&(h.value=m)}},{immediate:!0,flush:"post"}),e.watch(()=>[n.value,a.indeterminate,a.checked],()=>{if(n.value&&document&&f.value){const m=document==null?void 0:document.getElementById(f.value);m&&(a.checked!=null&&(m.checked=a.checked),a.indeterminate!==void 0&&(m.indeterminate=a.indeterminate),n.value=!1)}},{immediate:!0,flush:"post"});function b(m){var p,k,u;a.onChange&&a.onChange(m),a.change&&a.change(m),O(i,m,"checked"),!((p=y.value)!=null&&p.validity.valid)||a.validation==="invalid"?(h.value=l.value,A()&&(r.value=a.invalidMessage??((k=y.value)==null?void 0:k.validationMessage)??z,F(()=>r.value="",1e3))):a.validation==="valid"||(u=y.value)!=null&&u.validity.valid&&a.required?(h.value=c.value,A()&&(r.value=a.validMessage??v,F(()=>r.value="",1e3))):T(a.message,a.showMessage)?h.value=o.value:h.value=""}function E(m){a.onBlur&&a.onBlur(m),a.blur&&a.blur(m)}function B(m){a.onFocus&&a.onFocus(m),a.focus&&a.focus(m)}return(m,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(N)("db-checkbox",a.class)),"data-size":m.size,"data-hide-label":e.unref(I)(m.showLabel)},[e.createElementVNode("label",{for:f.value},[e.createElementVNode("input",{type:"checkbox","aria-invalid":m.validation==="invalid","data-custom-validity":m.validation,ref_key:"_ref",ref:y,id:f.value,name:m.name,checked:m.checked,disabled:m.disabled,value:m.value,required:m.required,onChange:p[0]||(p[0]=async k=>b(k)),onBlur:p[1]||(p[1]=async k=>E(k)),onFocus:p[2]||(p[2]=async k=>B(k)),"aria-describedby":h.value},null,40,We),m.label?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(m.label),1)],64)):e.renderSlot(m.$slots,"default",{key:1})],8,qe),e.unref(T)(m.message,m.showMessage)?(e.openBlock(),e.createBlock(D,{key:0,size:"small",icon:m.messageIcon,id:o.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m.message),1)]),_:1},8,["icon","id"])):e.createCommentVNode("",!0),e.createVNode(D,{size:"small",semantic:"successful",id:c.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m.validMessage??e.unref(v)),1)]),_:1},8,["id"]),e.createVNode(D,{size:"small",semantic:"critical",id:l.value},{default:e.withCtx(()=>{var k;return[e.createTextVNode(e.toDisplayString(m.invalidMessage??((k=y.value)==null?void 0:k.validationMessage)??e.unref(z)),1)]}),_:1},8,["id"]),e.createElementVNode("span",Xe,e.toDisplayString(r.value),1)],10,Ge))}}),je=["id","data-margin","data-variant","data-emphasis","data-width"],Ye=e.defineComponent({__name:"divider",props:{margin:{default:void 0},variant:{default:void 0},children:{},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},emphasis:{default:void 0},width:{default:void 0}},setup(d){const t=d,i=e.ref(null);return(a,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"_ref",ref:i,id:a.id,"data-margin":a.margin,"data-variant":a.variant,"data-emphasis":a.emphasis,"data-width":a.width,class:e.normalizeClass(e.unref(N)("db-divider",t.class))},null,10,je))}}),Ke=["id","data-backdrop","data-variant"],Je=["data-spacing","data-width","data-direction","data-rounded"],Qe={class:"db-drawer-header"},Ze={class:"db-drawer-header-text"},xe={class:"db-drawer-content"},re=e.defineComponent({__name:"drawer",props:{backdrop:{default:void 0},direction:{default:void 0},drawerHeader:{},open:{type:Boolean,default:void 0},rounded:{type:Boolean,default:void 0},variant:{default:void 0},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},onClose:{type:Function,default:void 0},closeButtonId:{default:void 0},closeButtonText:{default:void 0},width:{default:void 0},spacing:{default:void 0}},setup(d){const t=d,i=e.ref(null),a=e.ref(null);e.onMounted(()=>{f()}),e.watch(()=>[t.open],()=>{f()},{immediate:!0,flush:"post"});function n(o){o.key==="Escape"&&o.preventDefault(),(o==="close"||o.key==="Escape"||o.target.nodeName==="DIALOG"&&o.type==="click"&&t.backdrop!=="none")&&t.onClose&&t.onClose(o)}function f(){i.value&&(t.open&&!i.value.open&&(a.value&&(a.value.hidden=!1),t.backdrop==="none"||t.variant==="inside"?i.value.show():i.value.showModal()),!t.open&&i.value.open&&(a.value&&(a.value.hidden=!0),F(()=>{var o;a.value&&(a.value.hidden=!1),(o=i.value)==null||o.close()},401)))}return(o,c)=>(e.openBlock(),e.createElementBlock("dialog",{class:"db-drawer",id:o.id,ref_key:"_ref",ref:i,onClick:c[0]||(c[0]=async l=>{n(l)}),onKeydown:c[1]||(c[1]=async l=>n(l)),"data-backdrop":o.backdrop,"data-variant":o.variant},[e.createElementVNode("article",{ref_key:"dialogContainerRef",ref:a,class:e.normalizeClass(e.unref(N)("db-drawer-container",t.class)),"data-spacing":o.spacing,"data-width":o.width,"data-direction":o.direction,"data-rounded":o.rounded},[e.createElementVNode("header",Qe,[e.createElementVNode("div",Ze,[e.renderSlot(o.$slots,"drawer-header")]),e.createVNode(P,{class:"button-close-drawer",icon:"cross",variant:"ghost",id:o.closeButtonId,noText:!0,onClick:l=>n("close")},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.closeButtonText??e.unref(J)),1)]),_:1},8,["id","onClick"])]),e.createElementVNode("div",xe,[e.renderSlot(o.$slots,"default")])],10,Je)],40,Ke))}}),fe=d=>{var i,a;const{target:t}=d;return!!(!((i=t==null?void 0:t.classList)!=null&&i.contains("db-navigation-item-expand-button"))&&((a=t==null?void 0:t.parentElement)!=null&&a.classList.contains("db-navigation-item")))};class ue{constructor(t,i){U(this,"element");U(this,"subNavigation");U(this,"parentSubNavigation",null);U(this,"triangleData");U(this,"initialized",!1);U(this,"mouseX",0);U(this,"mouseY",0);var a;this.element=t,this.subNavigation=i,!(!this.element||!this.subNavigation)&&(this.parentSubNavigation=(a=this.element)==null?void 0:a.closest(".db-sub-navigation"),this.parentSubNavigation&&!this.element.closest(".db-drawer")&&this.init())}init(){var i,a;const t=((i=this.parentSubNavigation)==null?void 0:i.getBoundingClientRect().width)??0;(a=this.element)==null||a.style.setProperty("--db-navigation-item-inline-size",`${t}px`),this.initialized=!0}enableFollow(){var n;if(!this.initialized||this.triangleData||!this.element||!this.subNavigation)return;const t=W(this.subNavigation),i=this.element.getBoundingClientRect(),a=((n=this.parentSubNavigation)==null?void 0:n.getBoundingClientRect().width)??0;this.triangleData={itemRect:i,parentElementWidth:a,subNavigationHeight:this.subNavigation.getBoundingClientRect().height,padding:(a-i.width)/2,outsideVX:t.vx,outsideVY:t.vy}}disableFollow(){this.triangleData=void 0}getTriangleTipX(){return this.triangleData?this.triangleData.outsideVX==="right"?this.triangleData.itemRect.width-this.mouseX:Math.min(this.mouseX,this.triangleData.itemRect.width*.75):0}getTriangleTipY(){if(!this.triangleData)return 0;const t=Math.max(Math.min(this.mouseY,this.triangleData.itemRect.height),0)+this.triangleData.padding;return this.triangleData.outsideVY==="bottom"?t+(this.triangleData.subNavigationHeight-this.triangleData.padding*2-this.triangleData.itemRect.height):t}hasMouseEnteredSubNavigation(){if(!this.triangleData)return!1;const t=this.triangleData.outsideVX==="right";return!!(t&&this.mouseX<-1*this.triangleData.padding||!t&&this.mouseX>this.triangleData.parentElementWidth-this.triangleData.padding)}getTriangleCoordinates(t){if(!this.triangleData)return;if(t==="fill-gap"){const o=`${this.triangleData.itemRect.height+2*this.triangleData.padding}px`,c=`${this.triangleData.parentElementWidth-this.triangleData.padding}px`;return{lb:`${c} ${o}`,lt:`${c} 0`,rt:"100% 0",rb:`100% ${o}`}}const i=this.getTriangleTipX(),a=this.getTriangleTipY(),n=`${i}px ${a}px`,f=`${i}px ${a}px`;return{lb:n,lt:f,rt:"100% 0",rb:"100% 100%"}}followByMouseEvent(t){if(!this.initialized||!this.triangleData||!this.element||!this.subNavigation)return;this.mouseX=t.clientX-this.triangleData.itemRect.left,this.mouseY=t.clientY-this.triangleData.itemRect.top;const i=this.hasMouseEnteredSubNavigation(),a=this.getTriangleCoordinates(i?"fill-gap":"safe-triangle");a&&(this.element.style.setProperty("--db-navigation-item-clip-path",`polygon(${a.lb}, ${a.lt}, ${a.rt}, ${a.rb})`),i&&(this.triangleData=void 0))}}const ea=["id","data-width","data-on-forcing-mobile"],aa={class:"db-header-drawer-navigation"},na={class:"db-header-meta-navigation"},ta={class:"db-header-secondary-action"},da={class:"db-header-meta-navigation"},ia={class:"db-header-navigation-bar"},la={class:"db-header-brand-container"},oa={class:"db-header-navigation-container"},sa={class:"db-header-navigation"},ra={class:"db-header-primary-action"},fa={class:"db-header-action-container"},ua={class:"db-header-burger-menu-container"},ca={class:"db-header-secondary-action"},ma=e.defineComponent({__name:"header",props:{brand:{},metaNavigation:{},primaryAction:{},secondaryAction:{},drawerOpen:{type:Boolean,default:void 0},forceMobile:{type:Boolean,default:void 0},burgerMenuLabel:{default:void 0},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},onToggle:{type:Function,default:void 0},width:{default:void 0}},setup(d){const t=d,i=e.ref(R),a=e.ref(!1),n=e.ref(!1),f=e.ref(null);e.onMounted(()=>{a.value=!0,i.value=t.id||"header-"+L()}),e.watch(()=>[a.value],()=>{if(a.value&&document&&i.value&&t.forceMobile){const l=document.getElementById(i.value);l&&H(l,{key:"data-force-mobile",value:"true"}),n.value=!0}},{immediate:!0,flush:"post"});function o(){t.onToggle&&t.onToggle(!t.drawerOpen)}function c(l){fe(l)&&o()}return(l,h)=>(e.openBlock(),e.createElementBlock("header",{ref_key:"_ref",ref:f,class:e.normalizeClass(e.unref(N)("db-header",t.class)),id:i.value,"data-width":l.width,"data-on-forcing-mobile":l.forceMobile&&!n.value},[e.createVNode(re,{class:"db-header-drawer",spacing:"small",rounded:!0,open:l.drawerOpen,onClose:()=>o()},{default:e.withCtx(()=>[e.createElementVNode("div",aa,[e.createElementVNode("div",{class:"db-header-navigation",onClick:h[0]||(h[0]=async r=>c(r))},[e.renderSlot(l.$slots,"default")]),e.createElementVNode("div",na,[e.renderSlot(l.$slots,"meta-navigation")])]),e.createElementVNode("div",ta,[e.renderSlot(l.$slots,"secondary-action")])]),_:3},8,["open","onClose"]),e.createElementVNode("div",da,[e.renderSlot(l.$slots,"meta-navigation")]),e.createElementVNode("div",ia,[e.createElementVNode("div",la,[e.renderSlot(l.$slots,"brand")]),e.createElementVNode("div",oa,[e.createElementVNode("div",sa,[e.renderSlot(l.$slots,"default")]),e.createElementVNode("div",ra,[e.renderSlot(l.$slots,"primary-action")])]),e.createElementVNode("div",fa,[e.createElementVNode("div",ua,[e.createVNode(P,{icon:"menu",variant:"ghost",id:i.value+"-burger-menu",noText:!0,onClick:()=>o()},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.burgerMenuLabel??e.unref(de)),1)]),_:1},8,["id","onClick"])]),e.createElementVNode("div",ca,[e.renderSlot(l.$slots,"secondary-action")])])])],10,ea))}}),pa=["id","data-icon","data-icon-weight","data-icon-variant"],ha=e.defineComponent({__name:"icon",props:{variant:{default:void 0},weight:{default:void 0},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},icon:{default:void 0},text:{default:void 0}},setup(d){const t=d,i=e.ref(null);return(a,n)=>(e.openBlock(),e.createElementBlock("span",{"aria-hidden":"true",ref_key:"_ref",ref:i,id:a.id,class:e.normalizeClass(e.unref(N)("db-icon",t.class)),"data-icon":a.icon,"data-icon-weight":a.weight,"data-icon-variant":a.variant},[a.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(a.text),1)],64)):e.renderSlot(a.$slots,"default",{key:1})],10,pa))}}),ga=["data-variant","data-hide-label","data-hide-icon","data-icon","data-icon-after","data-hide-icon-after"],ba=["for"],ya=["aria-invalid","data-custom-validity","id","name","type","placeholder","disabled","required","step","value","maxLength","minLength","max","min","readOnly","form","pattern","autoComplete","autoFocus","list","aria-describedby"],Ba=["id"],ka=["value"],Ea={"data-visually-hidden":"true",role:"status"},Na=e.defineComponent({__name:"input",props:{dataList:{default:void 0},dataListId:{default:void 0},max:{default:void 0},min:{default:void 0},pattern:{default:void 0},type:{default:void 0},step:{default:void 0},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean,default:void 0},maxLength:{default:void 0},minLength:{default:void 0},readOnly:{type:Boolean,default:void 0},input:{type:Function,default:void 0},onInput:{type:Function,default:void 0},change:{type:Function,default:void 0},onChange:{type:Function,default:void 0},blur:{type:Function,default:void 0},onBlur:{type:Function,default:void 0},focus:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},validation:{default:void 0},disabled:{type:Boolean,default:void 0},form:{default:void 0},label:{default:void 0},name:{default:void 0},required:{type:Boolean,default:void 0},showLabel:{type:Boolean,default:void 0},value:{default:void 0},icon:{default:void 0},iconAfter:{default:void 0},variant:{default:void 0},placeholder:{default:void 0},message:{default:void 0},validMessage:{default:void 0},invalidMessage:{default:void 0},messageIcon:{default:void 0},autocomplete:{default:void 0},showMessage:{type:Boolean,default:void 0},showIcon:{type:Boolean,default:void 0}},emits:["update:value"],setup(d,{emit:t}){const i=t,a=d,n=e.ref(void 0),f=e.ref(void 0),o=e.ref(void 0),c=e.ref(void 0),l=e.ref(void 0),h=e.ref(""),r=e.ref(""),y=e.ref(""),b=e.ref(null);e.onMounted(()=>{const u=a.id??`input-${L()}`;n.value=u,f.value=u+V,o.value=u+$,c.value=u+M,l.value=u+K}),e.watch(()=>[n.value],()=>{if(n.value){const u=n.value+V;f.value=u,o.value=n.value+$,c.value=n.value+M,l.value=a.dataListId??n.value+K,T(a.message,a.showMessage)&&(h.value=u)}},{immediate:!0,flush:"post"}),e.watch(()=>[a.value],()=>{r.value=a.value},{immediate:!0,flush:"post"});function E(u){r.value=u.target.value,a.onInput&&a.onInput(u),a.input&&a.input(u)}function B(u){var C,g,S;a.onChange&&a.onChange(u),a.change&&a.change(u),O(i,u),!((C=b.value)!=null&&C.validity.valid)||a.validation==="invalid"?(h.value=c.value,A()&&(y.value=a.invalidMessage??((g=b.value)==null?void 0:g.validationMessage)??z,F(()=>y.value="",1e3))):a.validation==="valid"||(S=b.value)!=null&&S.validity.valid&&(a.required||a.minLength||a.maxLength||a.pattern)?(h.value=o.value,A()&&(y.value=a.validMessage??v,F(()=>y.value="",1e3))):T(a.message,a.showMessage)?h.value=f.value:h.value=""}function m(u){a.onBlur&&a.onBlur(u),a.blur&&a.blur(u)}function p(u){a.onFocus&&a.onFocus(u),a.focus&&a.focus(u)}function k(u){return Array.from((ne(u)?u.map(C=>({value:C,label:void 0})):u)||[])}return(u,C)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(N)("db-input",a.class)),"data-variant":u.variant,"data-hide-label":e.unref(I)(u.showLabel),"data-hide-icon":e.unref(I)(u.showIcon),"data-icon":u.icon,"data-icon-after":u.iconAfter,"data-hide-icon-after":e.unref(I)(u.showIcon)},[e.createElementVNode("label",{for:n.value},e.toDisplayString(u.label??e.unref(G)),9,ba),e.createElementVNode("input",{"aria-invalid":u.validation==="invalid","data-custom-validity":u.validation,ref_key:"_ref",ref:b,id:n.value,name:u.name,type:u.type||"text",placeholder:u.placeholder??e.unref(j),disabled:u.disabled,required:u.required,step:u.step,value:u.value??r.value,maxLength:u.maxLength,minLength:u.minLength,max:u.max,min:u.min,readOnly:u.readOnly,form:u.form,pattern:u.pattern,autoComplete:u.autocomplete,autoFocus:u.autofocus,onInput:C[0]||(C[0]=async g=>E(g)),onChange:C[1]||(C[1]=async g=>B(g)),onBlur:C[2]||(C[2]=async g=>m(g)),onFocus:C[3]||(C[3]=async g=>p(g)),list:u.dataList&&l.value,"aria-describedby":h.value},null,40,ya),u.dataList?(e.openBlock(),e.createElementBlock("datalist",{key:0,id:l.value},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k(u.dataList),g=>(e.openBlock(),e.createElementBlock("option",{key:l.value+"-option-"+g.value,value:g.value},e.toDisplayString(g.label),9,ka))),128))],8,Ba)):e.createCommentVNode("",!0),e.renderSlot(u.$slots,"default"),e.unref(T)(u.message,u.showMessage)?(e.openBlock(),e.createBlock(D,{key:1,size:"small",icon:u.messageIcon,id:f.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.message),1)]),_:1},8,["icon","id"])):e.createCommentVNode("",!0),e.createVNode(D,{size:"small",semantic:"successful",id:o.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.validMessage??e.unref(v)),1)]),_:1},8,["id"]),e.createVNode(D,{size:"small",semantic:"critical",id:c.value},{default:e.withCtx(()=>{var g;return[e.createTextVNode(e.toDisplayString(u.invalidMessage??((g=b.value)==null?void 0:g.validationMessage)??e.unref(z)),1)]}),_:1},8,["id"]),e.createElementVNode("span",Ea,e.toDisplayString(y.value),1)],10,ga))}}),Sa=["id","href","target","rel","role","hrefLang","aria-disabled","tabIndex","aria-selected","aria-label","aria-current","data-size","data-hide-icon-after","data-variant","data-content"],wa=e.defineComponent({__name:"link",props:{content:{default:void 0},size:{default:void 0},variant:{default:void 0},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},onClick:{type:Function,default:void 0},current:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},href:{default:void 0},hreflang:{default:void 0},label:{default:void 0},target:{default:void 0},rel:{default:void 0},role:{default:void 0},referrerpolicy:{},selected:{type:Boolean,default:void 0},showIcon:{type:Boolean,default:void 0},text:{default:void 0}},setup(d){const t=d,i=e.ref(null);function a(n){t.onClick&&t.onClick(n)}return(n,f)=>(e.openBlock(),e.createElementBlock("a",{ref_key:"_ref",ref:i,id:n.id,class:e.normalizeClass(e.unref(N)("db-link",t.class)),href:n.href,target:n.target,rel:n.rel,role:n.role,hrefLang:n.hreflang,"aria-disabled":e.unref(_)(n.disabled),tabIndex:n.disabled?-1:0,"aria-selected":n.selected,"aria-label":n.label,"aria-current":n.current,"data-size":n.size,"data-hide-icon-after":e.unref(I)(n.showIcon??!0),"data-variant":n.variant,"data-content":n.content||"internal",onClick:f[0]||(f[0]=async o=>a(o))},[n.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(n.text),1)],64)):e.renderSlot(n.$slots,"default",{key:1})],10,Sa))}}),Ca=["id","data-variant","data-fade-in","data-fonts-loaded"],La={class:"db-main"},Ia=e.defineComponent({__name:"page",props:{documentOverflow:{default:void 0},fadeIn:{type:Boolean,default:void 0},footer:{},header:{},variant:{default:void 0},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean}},setup(d){const t=d,i=e.ref(!1),a=e.ref(null);return typeof window<"u"&&document&&(t.documentOverflow==="hidden"||t.variant==="fixed"&&t.documentOverflow!=="auto")&&document.documentElement.classList.add("db-page-document"),e.onMounted(()=>{i.value=!t.fadeIn,document&&t.fadeIn?document.fonts.ready.then(()=>{i.value=!0}):i.value=!0}),e.onUnmounted(()=>{typeof window<"u"&&document.documentElement.classList.contains("db-page-document")&&document.documentElement.classList.remove("db-page-document")}),(n,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"_ref",ref:a,id:n.id,class:e.normalizeClass(e.unref(N)("db-page",t.class)),"data-variant":n.variant,"data-fade-in":n.fadeIn,"data-fonts-loaded":e.unref(_)(i.value)},[e.renderSlot(n.$slots,"header"),e.createElementVNode("main",La,[e.renderSlot(n.$slots,"default")]),e.renderSlot(n.$slots,"footer")],10,Ca))}}),_a=["data-size","data-hide-label","for"],Ta=["aria-invalid","data-custom-validity","id","name","checked","disabled","aria-describedby","value","required"],Da=e.defineComponent({__name:"radio",props:{describedbyid:{default:void 0},children:{default:void 0},className:{default:void 0},class:{},id:{default:void 0},autofocus:{type:Boolean},change:{type:Function,default:void 0},onChange:{type:Function,default:void 0},blur:{type:Function,default:void 0},onBlur:{type:Function,default:void 0},focus:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},validation:{default:void 0},disabled:{type:Boolean,default:void 0},form:{},label:{default:void 0},name:{default:void 0},required:{type:Boolean,default:void 0},showLabel:{type:Boolean,default:void 0},value:{default:void 0},checked:{type:Boolean,default:void 0},size:{default:void 0}},emits:["update:checked"],setup(d,{emit:t}){const i=t,a=d,n=e.ref(!1),f=e.ref(void 0),o=e.ref(null);e.onMounted(()=>{n.value=!0,f.value=a.id??`radio-${L()}`}),e.watch(()=>[n.value,a.checked],()=>{if(a.checked&&n.value&&document&&f.value){const r=document==null?void 0:document.getElementById(f.value);r&&a.checked!=null&&(r.checked=!0)}},{immediate:!0,flush:"post"});function c(r){a.onChange&&a.onChange(r),a.change&&a.change(r),O(i,r,"checked")}function l(r){a.onBlur&&a.onBlur(r),a.blur&&a.blur(r)}function h(r){a.onFocus&&a.onFocus(r),a.focus&&a.focus(r)}return(r,y)=>(e.openBlock(),e.createElementBlock("label",{"data-size":r.size,"data-hide-label":e.unref(I)(r.showLabel),class:e.normalizeClass(e.unref(N)("db-radio",a.class)),for:f.value},[e.createElementVNode("input",{type:"radio","aria-invalid":r.validation==="invalid","data-custom-validity":r.validation,ref_key:"_ref",ref:o,id:f.value,name:r.name,checked:r.checked,disabled:r.disabled,"aria-describedby":r.describedbyid,value:r.value,required:r.required,onChange:y[0]||(y[0]=async b=>c(b)),onBlur:y[1]||(y[1]=async b=>l(b)),onFocus:y[2]||(y[2]=async b=>h(b))},null,40,Ta),r.label?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(r.label),1)],64)):e.renderSlot(r.$slots,"default",{key:1})],10,_a))}}),Fa=["id","data-spacing","data-width"],Aa=e.defineComponent({__name:"section",props:{children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},spacing:{default:void 0},width:{default:void 0}},setup(d){const t=d,i=e.ref(R),a=e.ref(null);return e.onMounted(()=>{i.value=t.id||"section-"+L()}),(n,f)=>(e.openBlock(),e.createElementBlock("section",{ref_key:"_ref",ref:a,id:i.value,class:e.normalizeClass(e.unref(N)("db-section",t.class)),"data-spacing":n.spacing||"medium","data-width":n.width},[e.renderSlot(n.$slots,"default")],10,Fa))}}),Va=["data-variant","data-hide-label","data-icon","data-hide-icon"],$a=["for"],Ma=["aria-invalid","data-custom-validity","required","disabled","id","name","value","autocomplete","aria-describedby"],va=["label"],za=["value","selected","disabled"],Ra=["value","disabled","selected"],Ua=["id"],Pa={"data-visually-hidden":"true",role:"status"},Oa=e.defineComponent({__name:"select",props:{description:{},options:{default:void 0},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},onClick:{type:Function,default:void 0},change:{type:Function,default:void 0},onChange:{type:Function,default:void 0},blur:{type:Function,default:void 0},onBlur:{type:Function,default:void 0},focus:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},input:{type:Function,default:void 0},onInput:{type:Function,default:void 0},validation:{default:void 0},disabled:{type:Boolean,default:void 0},form:{},label:{default:void 0},name:{default:void 0},required:{type:Boolean,default:void 0},showLabel:{type:Boolean,default:void 0},value:{default:void 0},icon:{default:void 0},variant:{default:void 0},placeholder:{default:void 0},message:{default:void 0},validMessage:{default:void 0},invalidMessage:{default:void 0},messageIcon:{default:void 0},autocomplete:{default:void 0},showMessage:{type:Boolean,default:void 0},showIcon:{type:Boolean,default:void 0}},emits:["update:value"],setup(d,{emit:t}){const i=t,a=d,n=e.ref(void 0),f=e.ref(void 0),o=e.ref(void 0),c=e.ref(void 0),l=e.ref(""),h=e.ref(""),r=e.ref(""),y=e.ref(!1),b=e.ref(""),E=e.ref(null);e.onMounted(()=>{y.value=!0;const g=a.id??`select-${L()}`;n.value=g,f.value=g+V,o.value=g+$,c.value=g+M,l.value=g+Y}),e.watch(()=>[n.value,y.value],()=>{if(n.value&&y.value){const g=n.value+V,S=n.value+Y;f.value=g,o.value=n.value+$,c.value=n.value+M,l.value=S,T(a.message,a.showMessage)?h.value=g:h.value=S,y.value=!1}},{immediate:!0,flush:"post"}),e.watch(()=>[a.value],()=>{r.value=a.value},{immediate:!0,flush:"post"});function B(g){a.onClick&&a.onClick(g)}function m(g){r.value=g.target.value,a.onInput&&a.onInput(g),a.input&&a.input(g)}function p(g){var S,w,X;a.onChange&&a.onChange(g),a.change&&a.change(g),O(i,g),!((S=E.value)!=null&&S.validity.valid)||a.validation==="invalid"?(h.value=c.value,A()&&(b.value=a.invalidMessage??((w=E.value)==null?void 0:w.validationMessage)??z,F(()=>b.value="",1e3))):a.validation==="valid"||(X=E.value)!=null&&X.validity.valid&&a.required?(h.value=o.value,A()&&(b.value=a.validMessage??v,F(()=>b.value="",1e3))):T(a.message,a.showMessage)?h.value=f.value:h.value=l.value}function k(g){a.onBlur&&a.onBlur(g),a.blur&&a.blur(g)}function u(g){a.onFocus&&a.onFocus(g),a.focus&&a.focus(g)}function C(g){return g.label??g.value.toString()}return(g,S)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(N)("db-select",a.class)),"data-variant":g.variant,"data-hide-label":e.unref(I)(g.showLabel),"data-icon":g.icon,"data-hide-icon":e.unref(I)(g.showIcon)},[e.createElementVNode("label",{for:n.value},e.toDisplayString(g.label??e.unref(G)),9,$a),e.createElementVNode("select",{"aria-invalid":g.validation==="invalid","data-custom-validity":g.validation,ref_key:"_ref",ref:E,required:g.required,disabled:g.disabled,id:n.value,name:g.name,value:g.value??r.value,autocomplete:g.autocomplete,onInput:S[0]||(S[0]=async w=>m(w)),onClick:S[1]||(S[1]=async w=>B(w)),onChange:S[2]||(S[2]=async w=>p(w)),onBlur:S[3]||(S[3]=async w=>k(w)),onFocus:S[4]||(S[4]=async w=>u(w)),"aria-describedby":h.value},[S[5]||(S[5]=e.createElementVNode("option",{hidden:!0},null,-1)),g.options?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(g.options,(w,X)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:X},[w.options?(e.openBlock(),e.createElementBlock("optgroup",{key:0,label:C(w)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.options,(q,Hn)=>(e.openBlock(),e.createElementBlock("option",{key:q.value.toString(),value:q.value,selected:q.selected,disabled:q.disabled},e.toDisplayString(C(q)),9,za))),128))],8,va)):e.createCommentVNode("",!0),w.options?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("option",{key:1,value:w.value,disabled:w.disabled,selected:w.selected},e.toDisplayString(C(w)),9,Ra))],64))),128)):e.createCommentVNode("",!0),e.renderSlot(g.$slots,"default")],40,Ma),e.createElementVNode("span",{id:l.value},e.toDisplayString(g.placeholder??g.label),9,Ua),e.unref(T)(g.message,g.showMessage)?(e.openBlock(),e.createBlock(D,{key:0,size:"small",icon:g.messageIcon,id:f.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(g.message),1)]),_:1},8,["icon","id"])):e.createCommentVNode("",!0),e.createVNode(D,{size:"small",semantic:"successful",id:o.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(g.validMessage??e.unref(v)),1)]),_:1},8,["id"]),e.createVNode(D,{size:"small",semantic:"critical",id:c.value},{default:e.withCtx(()=>{var w;return[e.createTextVNode(e.toDisplayString(g.invalidMessage??((w=E.value)==null?void 0:w.validationMessage)??e.unref(z)),1)]}),_:1},8,["id"]),e.createElementVNode("span",Pa,e.toDisplayString(b.value),1)],10,Va))}}),Ga=["data-visual-aid","data-size","data-hide-label","data-emphasis","for"],qa=["id","aria-checked","checked","disabled","aria-describedby","aria-invalid","data-custom-validity","name","required","data-aid-icon","data-aid-icon-after"],Wa=e.defineComponent({__name:"switch",props:{visualAid:{type:Boolean,default:void 0},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{default:void 0},id:{default:void 0},autofocus:{type:Boolean},change:{type:Function,default:void 0},onChange:{type:Function,default:void 0},blur:{type:Function,default:void 0},onBlur:{type:Function,default:void 0},focus:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},validation:{default:void 0},disabled:{type:Boolean,default:void 0},form:{},label:{default:void 0},name:{default:void 0},required:{type:Boolean,default:void 0},showLabel:{type:Boolean,default:void 0},value:{},checked:{type:Boolean,default:void 0},emphasis:{default:void 0},size:{default:void 0},icon:{default:void 0},iconAfter:{default:void 0}},emits:["update:checked"],setup(d,{emit:t}){const i=t,a=d,n=e.ref(void 0),f=e.ref(!1);e.ref(!1);const o=e.ref(null);e.onMounted(()=>{n.value=a.id??`switch-${L()}`});function c(r){var y;a.onChange&&a.onChange(r),a.change&&a.change(r),f.value=(y=r.target)==null?void 0:y.checked,O(i,r,"checked")}function l(r){a.onBlur&&a.onBlur(r),a.blur&&a.blur(r)}function h(r){a.onFocus&&a.onFocus(r),a.focus&&a.focus(r)}return(r,y)=>(e.openBlock(),e.createElementBlock("label",{"data-visual-aid":e.unref(_)(r.visualAid),"data-size":r.size,"data-hide-label":e.unref(I)(r.showLabel),"data-emphasis":r.emphasis,for:n.value,class:e.normalizeClass(e.unref(N)("db-switch",a.class))},[e.createElementVNode("input",{type:"checkbox",role:"switch",id:n.value,"aria-checked":f.value,ref_key:"_ref",ref:o,checked:r.checked,disabled:r.disabled,"aria-describedby":r.describedbyid,"aria-invalid":r.validation==="invalid","data-custom-validity":r.validation,name:r.name,required:r.required,"data-aid-icon":r.icon,"data-aid-icon-after":r.iconAfter,onChange:y[0]||(y[0]=async b=>c(b)),onBlur:y[1]||(y[1]=async b=>l(b)),onFocus:y[2]||(y[2]=async b=>h(b))},null,40,qa),r.label?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(r.label),1)],64)):e.renderSlot(r.$slots,"default",{key:1})],10,Ga))}}),Xa=["for","data-icon","data-icon-after","data-hide-icon","data-hide-icon-after","data-no-text"],Ha=["disabled","aria-selected","aria-controls","checked","id"],ce=e.defineComponent({__name:"tab-item",props:{children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},checked:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},label:{default:void 0},noText:{type:Boolean,default:void 0},icon:{default:void 0},iconAfter:{default:void 0},active:{type:Boolean,default:void 0},controls:{default:void 0},change:{type:Function,default:void 0},onChange:{type:Function,default:void 0},showIcon:{type:Boolean,default:void 0}},emits:["update:checked"],setup(d,{emit:t}){const i=t,a=d,n=e.ref(!1),f=e.ref(!1),o=e.ref(null);e.onMounted(()=>{n.value=!0}),e.watch(()=>[o.value,n.value],()=>{a.active&&n.value&&o.value&&(o.value.click(),n.value=!1)},{immediate:!0,flush:"post"});function c(l){var h;a.onChange&&a.onChange(l),a.change&&a.change(l),f.value=(h=l.target)==null?void 0:h.checked,O(i,l,"checked")}return(l,h)=>(e.openBlock(),e.createElementBlock("li",{role:"none",class:e.normalizeClass(e.unref(N)("db-tab-item",a.class))},[e.createElementVNode("label",{for:l.id,"data-icon":l.icon,"data-icon-after":l.iconAfter,"data-hide-icon":e.unref(I)(l.showIcon),"data-hide-icon-after":e.unref(I)(l.showIcon),"data-no-text":l.noText},[e.createElementVNode("input",{type:"radio",role:"tab",disabled:l.disabled,"aria-selected":f.value,"aria-controls":l.controls,checked:l.checked,ref_key:"_ref",ref:o,id:l.id,onChange:h[0]||(h[0]=async r=>c(r))},null,40,Ha),l.label?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(l.label),1)],64)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"default")],8,Xa)],2))}}),ja=["id","data-disabled","data-semantic","data-emphasis","data-icon","data-show-check-state","data-hide-icon","data-no-text","data-overflow"],Ya=["title"],Ka=e.defineComponent({__name:"tag",props:{behavior:{default:void 0},disabled:{type:Boolean,default:void 0},noText:{type:Boolean,default:void 0},onRemove:{type:Function,default:void 0},removeButton:{default:void 0},showCheckState:{type:Boolean,default:void 0},text:{default:void 0},value:{},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},icon:{default:void 0},semantic:{default:void 0},overflow:{type:Boolean,default:void 0},emphasis:{default:void 0},showIcon:{type:Boolean,default:void 0},content:{}},setup(d){const t=d,i=e.ref(!1),a=e.ref(null);i.value=!0,e.watch(()=>[i.value,t.disabled,a.value],()=>{var o,c;if(i.value&&a.value&&t.disabled!==void 0){const l=(o=a.value)==null?void 0:o.querySelector("button:not(.db-tab-remove-button)"),h=(c=a.value)==null?void 0:c.querySelector("input");for(const r of[l,h])r&&(r.disabled=t.disabled)}},{immediate:!0,flush:"post"});function n(){t.onRemove&&t.onRemove()}function f(){return t.removeButton?t.removeButton:"Remove tag"}return(o,c)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"_ref",ref:a,id:o.id,class:e.normalizeClass(e.unref(N)("db-tag",t.class)),"data-disabled":e.unref(_)(o.disabled),"data-semantic":o.semantic,"data-emphasis":o.emphasis,"data-icon":o.icon,"data-show-check-state":e.unref(_)(o.showCheckState??!0),"data-hide-icon":e.unref(I)(o.showIcon),"data-no-text":e.unref(_)(o.noText),"data-overflow":e.unref(_)(o.overflow)},[e.renderSlot(o.$slots,"content"),e.renderSlot(o.$slots,"default"),o.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(o.text),1)],64)):e.createCommentVNode("",!0),o.behavior==="removable"?(e.openBlock(),e.createElementBlock("button",{key:1,class:"db-button db-tab-remove-button","data-icon":"cross","data-size":"small","data-no-text":"true","data-variant":"ghost",onClick:c[0]||(c[0]=async l=>n()),title:f()},e.toDisplayString(f()),9,Ya)):e.createCommentVNode("",!0)],10,ja))}}),Ja=["data-variant","data-hide-label"],Qa=["for"],Za=["aria-invalid","data-custom-validity","id","data-resize","disabled","required","readOnly","form","maxLength","minLength","name","wrap","spellcheck","autocomplete","value","aria-describedby","placeholder","rows","cols"],xa={"data-visually-hidden":"true",role:"status"},en=e.defineComponent({__name:"textarea",props:{cols:{default:void 0},resize:{default:void 0},rows:{default:void 0},spellCheck:{type:Boolean,default:void 0},wrap:{default:void 0},change:{type:Function,default:void 0},onChange:{type:Function,default:void 0},input:{type:Function,default:void 0},onInput:{type:Function,default:void 0},blur:{type:Function,default:void 0},onBlur:{type:Function,default:void 0},focus:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},validation:{default:void 0},disabled:{type:Boolean,default:void 0},form:{default:void 0},label:{default:void 0},name:{default:void 0},required:{type:Boolean,default:void 0},showLabel:{type:Boolean,default:void 0},value:{default:void 0},children:{},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},maxLength:{default:void 0},minLength:{default:void 0},readOnly:{type:Boolean,default:void 0},variant:{default:void 0},placeholder:{default:void 0},message:{default:void 0},validMessage:{default:void 0},invalidMessage:{default:void 0},messageIcon:{default:void 0},autocomplete:{default:void 0},showMessage:{type:Boolean,default:void 0}},emits:["update:value"],setup(d,{emit:t}){const i=t,a=d,n=e.ref(void 0),f=e.ref(void 0),o=e.ref(void 0),c=e.ref(void 0),l=e.ref(""),h=e.ref(""),r=e.ref(""),y=e.ref(null);e.onMounted(()=>{const p=a.id??`textarea-${L()}`;n.value=p,f.value=p+V,o.value=p+$,c.value=p+M}),e.watch(()=>[n.value],()=>{if(n.value){const p=n.value+V;f.value=p,o.value=n.value+$,c.value=n.value+M,T(a.message,a.showMessage)&&(l.value=p)}},{immediate:!0,flush:"post"}),e.watch(()=>[a.value],()=>{h.value=a.value},{immediate:!0,flush:"post"});function b(p){h.value=p.target.value,a.onInput&&a.onInput(p),a.input&&a.input(p)}function E(p){var k,u,C;a.onChange&&a.onChange(p),a.change&&a.change(p),O(i,p),!((k=y.value)!=null&&k.validity.valid)||a.validation==="invalid"?(l.value=c.value,A()&&(r.value=a.invalidMessage??((u=y.value)==null?void 0:u.validationMessage)??z,F(()=>r.value="",1e3))):a.validation==="valid"||(C=y.value)!=null&&C.validity.valid&&(a.required||a.minLength||a.maxLength)?(l.value=o.value,A()&&(r.value=a.validMessage??v,F(()=>r.value="",1e3))):T(a.message,a.showMessage)?l.value=f.value:l.value=""}function B(p){a.onBlur&&a.onBlur(p),a.blur&&a.blur(p)}function m(p){a.onFocus&&a.onFocus(p),a.focus&&a.focus(p)}return(p,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(N)("db-textarea",a.class)),"data-variant":p.variant,"data-hide-label":e.unref(I)(p.showLabel)},[e.createElementVNode("label",{for:n.value},e.toDisplayString(p.label??e.unref(G)),9,Qa),e.createElementVNode("textarea",{"aria-invalid":p.validation==="invalid","data-custom-validity":p.validation,ref_key:"_ref",ref:y,id:n.value,"data-resize":p.resize,disabled:p.disabled,required:p.required,readOnly:p.readOnly,form:p.form,maxLength:p.maxLength,minLength:p.minLength,name:p.name,wrap:p.wrap,spellcheck:p.spellCheck,autocomplete:p.autocomplete,onInput:k[0]||(k[0]=async u=>b(u)),onChange:k[1]||(k[1]=async u=>E(u)),onBlur:k[2]||(k[2]=async u=>B(u)),onFocus:k[3]||(k[3]=async u=>m(u)),value:p.value??h.value,"aria-describedby":l.value,placeholder:p.placeholder??e.unref(j),rows:p.rows??e.unref(le),cols:p.cols},null,40,Za),e.unref(T)(p.message,p.showMessage)?(e.openBlock(),e.createBlock(D,{key:0,size:"small",icon:p.messageIcon,id:f.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.message),1)]),_:1},8,["icon","id"])):e.createCommentVNode("",!0),e.createVNode(D,{size:"small",semantic:"successful",id:o.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.validMessage??e.unref(v)),1)]),_:1},8,["id"]),e.createVNode(D,{size:"small",semantic:"critical",id:c.value},{default:e.withCtx(()=>{var u;return[e.createTextVNode(e.toDisplayString(p.invalidMessage??((u=y.value)==null?void 0:u.validationMessage)??e.unref(z)),1)]}),_:1},8,["id"]),e.createElementVNode("span",xa,e.toDisplayString(r.value),1)],10,Ja))}}),an=["id","data-width","data-icon","data-hide-icon","data-active","aria-disabled"],nn=["aria-haspopup","aria-expanded","disabled"],tn=["id"],dn={key:0,class:"db-mobile-navigation-back"},ln=e.defineComponent({__name:"navigation-item",props:{active:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},subNavigation:{},subNavigationExpanded:{type:Boolean,default:void 0},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},onClick:{type:Function,default:void 0},icon:{default:void 0},width:{default:void 0},backButtonId:{default:void 0},backButtonText:{default:void 0},showIcon:{type:Boolean,default:void 0},text:{default:void 0}},setup(d){const t=d,i=e.ref(!1),a=e.ref(!1),n=e.ref(!0),f=e.ref(!1),o=e.ref("sub-navigation-"+L()),c=e.ref(void 0),l=e.ref(null);e.onMounted(()=>{i.value=!0}),e.watch(()=>[t.subNavigationExpanded],()=>{t.subNavigationExpanded!==void 0&&(f.value=!!t.subNavigationExpanded)},{immediate:!0,flush:"post"}),e.watch(()=>[i.value],()=>{y()},{immediate:!0,flush:"post"});function h(b){t.onClick&&t.onClick(b),a.value&&(f.value=!0)}function r(b){b.stopPropagation(),f.value=!1}function y(){var b;if(i.value&&document&&o.value){const E=document==null?void 0:document.getElementById(o.value);E&&(((b=E.children)==null?void 0:b.length)>0?(a.value=!0,c.value||(c.value=new ue(l.value,E))):n.value=!1)}}return(b,E)=>(e.openBlock(),e.createElementBlock("li",{ref_key:"_ref",ref:l,id:b.id,onMouseover:E[1]||(E[1]=async B=>{var m;return(m=c.value)==null?void 0:m.enableFollow()}),onMouseleave:E[2]||(E[2]=async B=>{var m;return(m=c.value)==null?void 0:m.disableFollow()}),onMousemove:E[3]||(E[3]=async B=>{var m;return(m=c.value)==null?void 0:m.followByMouseEvent(B)}),class:e.normalizeClass(e.unref(N)("db-navigation-item",t.class)),"data-width":b.width,"data-icon":b.icon,"data-hide-icon":e.unref(I)(b.showIcon),"data-active":b.active,"aria-disabled":e.unref(_)(b.disabled)},[n.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[b.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(b.text),1)],64)):e.renderSlot(b.$slots,"default",{key:1})],64)),n.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("button",{class:"db-navigation-item-expand-button","aria-haspopup":a.value,"aria-expanded":f.value,disabled:b.disabled,onClick:E[0]||(E[0]=async B=>h(B))},[b.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(b.text),1)],64)):e.renderSlot(b.$slots,"default",{key:1})],8,nn),e.createElementVNode("menu",{class:"db-sub-navigation",id:o.value},[a.value?(e.openBlock(),e.createElementBlock("div",dn,[e.createVNode(P,{icon:"arrow_left",variant:"ghost",id:b.backButtonId,onClick:B=>r(B)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(b.backButtonText??e.unref(te)),1)]),_:1},8,["id","onClick"])])):e.createCommentVNode("",!0),e.renderSlot(b.$slots,"sub-navigation")],8,tn)],64)):e.createCommentVNode("",!0)],42,an))}}),on=["id"],sn=["aria-disabled","open"],me=e.defineComponent({__name:"accordion-item",props:{defaultOpen:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},headline:{},headlinePlain:{default:void 0},text:{default:void 0},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},onToggle:{type:Function,default:void 0}},setup(d){const t=d,i=e.ref(R),a=e.ref(!1),n=e.ref(null);e.onMounted(()=>{i.value=t.id||"accordion-item-"+L(),t.defaultOpen&&(a.value=t.defaultOpen)});function f(o){o==null||o.preventDefault();const c=!a.value;t.onToggle&&t.onToggle(c),a.value=c}return(o,c)=>(e.openBlock(),e.createElementBlock("li",{id:i.value,class:e.normalizeClass(e.unref(N)("db-accordion-item",t.class))},[e.createElementVNode("details",{"aria-disabled":e.unref(_)(o.disabled),ref_key:"_ref",ref:n,open:a.value},[e.createElementVNode("summary",{onClick:c[0]||(c[0]=async l=>f(l))},[o.headlinePlain?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(o.headlinePlain),1)],64)):e.createCommentVNode("",!0),o.headlinePlain?e.createCommentVNode("",!0):e.renderSlot(o.$slots,"headline",{key:1})]),e.createElementVNode("div",null,[o.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(o.text),1)],64)):e.renderSlot(o.$slots,"default",{key:1})])],8,sn)],10,on))}}),rn=["id","data-variant"],fn=e.defineComponent({__name:"accordion",props:{behavior:{default:void 0},initOpenIndex:{default:void 0},items:{default:void 0},name:{default:void 0},onChange:{},variant:{default:void 0},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean}},setup(d){const t=d,i=e.ref(R),a=e.ref(""),n=e.ref(!1),f=e.ref(!1),o=e.ref(null);e.onMounted(()=>{i.value=t.id||"accordion-"+L(),n.value=!0,f.value=!0}),e.watch(()=>[n.value,t.name,t.behavior,i.value],()=>{n.value&&(t.behavior==="single"?t.name?a.value!==t.name&&(a.value=t.name):a.value!==i.value&&i.value&&(a.value=i.value):a.value="")},{immediate:!0,flush:"post"}),e.watch(()=>[o.value,a.value],()=>{if(o.value){const l=o.value.getElementsByTagName("details");if(l)for(const h of Array.from(l))a.value===""?h.removeAttribute("name"):h.name=a.value}},{immediate:!0,flush:"post"}),e.watch(()=>[o.value,f.value,t.initOpenIndex],()=>{var l;if(o.value&&f.value){if(t.initOpenIndex&&((l=t.initOpenIndex)==null?void 0:l.length)>0){const h=o.value.getElementsByTagName("details");if(h){const r=t.behavior==="single"&&t.initOpenIndex.length>1?[t.initOpenIndex[0]]:t.initOpenIndex;Array.from(h).forEach((y,b)=>{r.includes(b)&&(y.open=!0)})}}f.value=!1}},{immediate:!0,flush:"post"});function c(l){try{return typeof l=="string"?JSON.parse(l):l}catch(h){console.error(h)}return[]}return(l,h)=>(e.openBlock(),e.createElementBlock("ul",{ref_key:"_ref",ref:o,id:i.value,class:e.normalizeClass(e.unref(N)("db-accordion",t.class)),"data-variant":l.variant},[l.items?e.createCommentVNode("",!0):e.renderSlot(l.$slots,"default",{key:0}),l.items?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(c(l.items),(r,y)=>(e.openBlock(),e.createBlock(me,{key:`accordion-item-${y}`,headlinePlain:r.headlinePlain,disabled:r.disabled,text:r.text},null,8,["headlinePlain","disabled","text"]))),128)):e.createCommentVNode("",!0)],10,rn))}}),un=["id","aria-labelledby"],cn=e.defineComponent({__name:"navigation",props:{children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},labelledBy:{default:void 0}},setup(d){const t=d,i=e.ref(R),a=e.ref(null);return e.onMounted(()=>{i.value=t.id||"navigation-"+L()}),(n,f)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"_ref",ref:a,id:i.value,"aria-labelledby":n.labelledBy,class:e.normalizeClass(e.unref(N)("db-navigation",t.class))},[e.createElementVNode("menu",null,[e.renderSlot(n.$slots,"default")])],10,un))}}),mn=["id"],pn=["data-spacing","data-gap","data-animation","data-open","data-delay","data-width","data-placement"],hn=e.defineComponent({__name:"popover",props:{open:{type:Boolean,default:void 0},trigger:{},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},spacing:{default:void 0},placement:{default:void 0},gap:{type:Boolean,default:void 0},delay:{default:void 0},animation:{type:Boolean,default:void 0},width:{default:void 0}},setup(d){const t=d,i=e.ref(!1),a=e.ref(!1),n=e.ref(null);e.onMounted(()=>{i.value=!0}),e.watch(()=>[n.value,i.value],()=>{if(n.value&&i.value){const l=c();l&&(l.ariaHasPopup="true"),i.value=!1}},{immediate:!0,flush:"post"}),e.watch(()=>[n.value,a.value],()=>{if(n.value){const l=c();l&&(l.ariaExpanded=(!!a.value).toString())}},{immediate:!0,flush:"post"});function f(){if(a.value=!0,!n.value)return;const l=n.value.querySelector("article");l&&W(l)}function o(l){const h=l.target;(!h.parentNode||h.parentNode.querySelector(":focus")!==h&&h.parentNode.querySelector(":focus-within")!==h&&h.parentNode.querySelector(":hover")!==h)&&(a.value=!1)}function c(){var l;if(n.value){const h=Array.from(n.value.children);if(h.length>=2){const r=h[0];return r.tagName.includes("-")?((l=r.children)==null?void 0:l.length)>0?r.children[0]:null:r}}return null}return(l,h)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"_ref",ref:n,id:l.id,class:e.normalizeClass(e.unref(N)("db-popover",t.class)),onFocus:h[0]||(h[0]=async r=>f()),onBlur:h[1]||(h[1]=async r=>o(r)),onMouseenter:h[2]||(h[2]=async r=>f()),onMouseleave:h[3]||(h[3]=async r=>o(r))},[e.renderSlot(l.$slots,"trigger"),e.createElementVNode("article",{class:"db-popover-content","data-spacing":l.spacing,"data-gap":e.unref(_)(l.gap),"data-animation":e.unref(_)(l.animation??!0),"data-open":l.open,"data-delay":l.delay,"data-width":l.width,"data-placement":l.placement},[e.renderSlot(l.$slots,"default")],8,pn)],42,mn))}}),gn=["id","data-emphasis","data-animation","data-delay","data-width","data-show-arrow","data-placement"],bn=e.defineComponent({__name:"tooltip",props:{showArrow:{type:Boolean,default:void 0},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},emphasis:{default:void 0},placement:{default:void 0},delay:{default:void 0},animation:{type:Boolean,default:void 0},width:{default:void 0}},setup(d){const t=d,i=e.ref(R),a=e.ref(!1),n=e.ref(null);e.onMounted(()=>{i.value=t.id||"tooltip-"+L(),a.value=!0}),e.watch(()=>[n.value,a.value],()=>{if(n.value&&a.value&&i.value){let c=n.value.parentElement;c&&c.localName.includes("tooltip")&&(c=c.parentElement),c&&(["mouseenter","focus"].forEach(l=>{c.addEventListener(l,()=>o())}),c.setAttribute("data-has-tooltip","true"),c.setAttribute("aria-describedby",i.value)),a.value=!1}},{immediate:!0,flush:"post"});function f(c){c.stopPropagation()}function o(){n.value&&W(n.value)}return(c,l)=>(e.openBlock(),e.createElementBlock("i",{role:"tooltip","aria-hidden":"true","data-gap":"true",ref_key:"_ref",ref:n,class:e.normalizeClass(e.unref(N)("db-tooltip",t.class)),id:i.value,"data-emphasis":c.emphasis,"data-animation":e.unref(_)(c.animation??!0),"data-delay":c.delay,"data-width":c.width,"data-show-arrow":e.unref(_)(c.showArrow??!0),"data-placement":c.placement,onClick:l[0]||(l[0]=async h=>f(h))},[e.renderSlot(c.$slots,"default")],10,gn))}}),yn=["id"],Bn={role:"tablist"},pe=e.defineComponent({__name:"tab-list",props:{children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean}},setup(d){const t=d,i=e.ref(R),a=e.ref(null);return e.onMounted(()=>{i.value=t.id||"tab-list-"+L()}),(n,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"_ref",ref:a,id:i.value,class:e.normalizeClass(e.unref(N)("db-tab-list",t.class))},[e.createElementVNode("ul",Bn,[e.renderSlot(n.$slots,"default")])],10,yn))}}),kn=["id","aria-labelledby"],he=e.defineComponent({__name:"tab-panel",props:{content:{default:void 0},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},labelledBy:{default:void 0}},setup(d){const t=d,i=e.ref(null);return e.onMounted(()=>{}),(a,n)=>(e.openBlock(),e.createElementBlock("section",{role:"tabpanel",ref_key:"_ref",ref:i,class:e.normalizeClass(e.unref(N)("db-tab-panel",t.class)),id:a.id,"aria-labelledby":a.labelledBy},[a.content?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(a.content),1)],64)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default")],10,kn))}}),En=["id","data-orientation","data-scroll-behavior","data-alignment","data-width"],Nn=e.defineComponent({__name:"tabs",props:{arrowScrollDistance:{default:void 0},behavior:{default:void 0},initialSelectedIndex:{default:void 0},initialSelectedMode:{default:void 0},name:{default:void 0},tabs:{default:void 0},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},orientation:{default:void 0},width:{default:void 0},alignment:{default:void 0}},setup(d){const t=d,i=e.ref("tabs-"+L()),a=e.ref(""),n=e.ref(!1),f=e.ref(!1),o=e.ref(!1),c=e.ref(null),l=e.ref(null);e.onMounted(()=>{i.value=t.id||i.value,a.value=`tabs-${t.name||L()}`,n.value=!0}),e.watch(()=>[l.value,n.value],()=>{if(l.value&&n.value){b(),E(!0);const B=l.value.querySelector(".db-tab-list");B&&new MutationObserver(p=>{p.forEach(k=>{(k.removedNodes.length||k.addedNodes.length)&&(b(),E())})}).observe(B,{childList:!0,subtree:!0}),n.value=!1}},{immediate:!0,flush:"post"});function h(B){try{return typeof B=="string"?JSON.parse(B):B}catch(m){console.error(m)}return[]}function r(B){const m=B.scrollWidth>B.clientWidth;f.value=m&&B.scrollLeft>1,o.value=m&&B.scrollLeft<B.scrollWidth-B.clientWidth}function y(B){var p;let m=t.arrowScrollDistance||100;B&&(m*=-1),(p=c.value)==null||p.scrollBy({top:0,left:m,behavior:"smooth"})}function b(){if(l.value){const B=l.value.querySelector(".db-tab-list");if(B){const m=B.querySelector('[role="tablist"]');m&&(m.setAttribute("aria-orientation",t.orientation||"horizontal"),t.behavior==="arrows"&&(c.value=m,r(m),m.addEventListener("scroll",()=>{r(m)})))}}}function E(B){if(l.value){const m=Array.from(l.value.getElementsByClassName("db-tab-item"));for(const k of m){const u=m.indexOf(k),C=k.querySelector("label"),g=k.querySelector("input");if(g&&C){if(!g.id){const S=`${a.value}-tab-${u}`;C.setAttribute("for",S),g.setAttribute("aria-controls",`${a.value}-tab-panel-${u}`),g.id=S,g.setAttribute("name",a.value)}if(B){const S=!t.initialSelectedMode||t.initialSelectedMode==="auto",w=t.initialSelectedIndex==null&&u===0||t.initialSelectedIndex===u;S&&w&&g.click()}}}const p=Array.from(l.value.querySelectorAll(":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"));for(const k of p){if(k.id)continue;const u=p.indexOf(k);k.id=`${a.value}-tab-panel-${u}`,k.setAttribute("aria-labelledby",`${a.value}-tab-${u}`)}}}return(B,m)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"_ref",ref:l,id:i.value,class:e.normalizeClass(e.unref(N)("db-tabs",t.class)),"data-orientation":B.orientation,"data-scroll-behavior":B.behavior,"data-alignment":B.alignment??"start","data-width":B.width??"auto"},[f.value?(e.openBlock(),e.createBlock(P,{key:0,class:"tabs-scroll-left",variant:"ghost",icon:"chevron_left",noText:!0,onClick:p=>y(!0)},{default:e.withCtx(()=>m[0]||(m[0]=[e.createTextVNode(" Scroll left ")])),_:1},8,["onClick"])):e.createCommentVNode("",!0),B.tabs?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(pe,null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h(B.tabs),(p,k)=>(e.openBlock(),e.createBlock(ce,{key:B.name+"tab-item"+k,active:p.active,label:p.label,iconAfter:p.iconAfter,icon:p.icon,noText:p.noText},null,8,["active","label","iconAfter","icon","noText"]))),128))]),_:1}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h(B.tabs),(p,k)=>(e.openBlock(),e.createBlock(he,{key:B.name+"tab-panel"+k,content:p.content},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.children),1)]),_:2},1032,["content"]))),128))],64)):e.createCommentVNode("",!0),o.value?(e.openBlock(),e.createBlock(P,{key:2,class:"tabs-scroll-right",variant:"ghost",icon:"chevron_right",noText:!0,onClick:p=>y()},{default:e.withCtx(()=>m[1]||(m[1]=[e.createTextVNode(" Scroll right ")])),_:1},8,["onClick"])):e.createCommentVNode("",!0),e.renderSlot(B.$slots,"default")],10,En))}}),Sn=["adaptive","neutral","critical","informational","warning","successful"],wn=["medium","small","large","none"],Cn=["medium","small","large","none"],Ln=["left","right","top","bottom","left-start","left-end","right-start","right-end","top-start","top-end","bottom-start","bottom-end"],In=["none","3x-large","2x-large","x-large","large","medium","small","x-small","2x-small","3x-small"],_n=["horizontal","vertical"],Tn=["full","auto"],Dn=["full","medium","large","small"],Fn=["none","slow","fast"],An=["auto","fixed"],Vn=["small","medium"],ge=["weak","strong"],$n=[...ge,"origin"],Mn=["invalid","valid","no-validation"],vn=["above","floating"],zn=["off","on","name","honorific-prefix","given-name","additional-name","family-name","honorific-suffix","nickname","email","username","new-password","current-password","one-time-code","organization-title","organization","street-address","shipping","billing","address-line1","address-line2","address-line3","address-level4","address-level3","address-level2","address-level1","country","country-name","postal-code","cc-name","cc-given-name","cc-additional-name","cc-family-name","cc-number","cc-exp","cc-exp-month","cc-exp-year","cc-csc","cc-type","transaction-currency","transaction-amount","language","bday","bday-day","bday-month","bday-year","sex","tel","tel-country-code","tel-national","tel-area-code","tel-local","tel-extension","impp","url","photo","webauthn"],Rn=["time","true","false","date","page","step","location"],Un=["_self","_blank","_parent","_top"],Pn=["no-referrer","no-referrer-when-downgrade","origin","origin-when-cross-origin","same-origin","strict-origin","strict-origin-when-cross-origin","unsafe-url"],On=["start","center"],Gn=["id","data-gap","data-variant","data-direction","data-alignment","data-justify-content","data-wrap"],qn=e.defineComponent({__name:"stack",props:{variant:{default:void 0},direction:{default:void 0},wrap:{type:Boolean,default:void 0},alignment:{default:void 0},justifyContent:{default:void 0},children:{default:void 0},className:{default:void 0},class:{},describedbyid:{},id:{default:void 0},autofocus:{type:Boolean},gap:{default:void 0}},setup(d){const t=d,i=e.ref(null);return(a,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"_ref",ref:i,id:a.id,class:e.normalizeClass(e.unref(N)("db-stack",t.class)),"data-gap":a.gap,"data-variant":a.variant,"data-direction":a.direction,"data-alignment":a.alignment,"data-justify-content":a.justifyContent,"data-wrap":e.unref(_)(a.wrap)},[e.renderSlot(a.$slots,"default")],10,Gn))}});s.AlignmentList=On,s.AutoCompleteList=zn,s.COLOR=x,s.COLORS=Ie,s.COLORS_SIMPLE=_e,s.COLOR_CONST=Ce,s.COLOR_SIMPLE=Z,s.DBAccordion=fn,s.DBAccordionItem=me,s.DBBadge=ve,s.DBBrand=Re,s.DBButton=P,s.DBCard=Pe,s.DBCheckbox=He,s.DBDivider=Ye,s.DBDrawer=re,s.DBHeader=ma,s.DBIcon=ha,s.DBInfotext=D,s.DBInput=Na,s.DBLink=wa,s.DBNavigation=cn,s.DBNavigationItem=ln,s.DBNotification=$e,s.DBPage=Ia,s.DBPopover=hn,s.DBRadio=Da,s.DBSection=Aa,s.DBSelect=Oa,s.DBStack=qn,s.DBSwitch=Wa,s.DBTabItem=ce,s.DBTabList=pe,s.DBTabPanel=he,s.DBTabs=Nn,s.DBTag=Ka,s.DBTextarea=en,s.DBTooltip=bn,s.DEFAULT_BACK=te,s.DEFAULT_BURGER_MENU=de,s.DEFAULT_CLOSE_BUTTON=J,s.DEFAULT_DATALIST_ID_SUFFIX=K,s.DEFAULT_ICON=ie,s.DEFAULT_ID=R,s.DEFAULT_INVALID_MESSAGE=z,s.DEFAULT_INVALID_MESSAGE_ID_SUFFIX=M,s.DEFAULT_LABEL=G,s.DEFAULT_MESSAGE_ID_SUFFIX=V,s.DEFAULT_PLACEHOLDER=j,s.DEFAULT_PLACEHOLDER_ID_SUFFIX=Y,s.DEFAULT_ROWS=le,s.DEFAULT_VALID_MESSAGE=v,s.DEFAULT_VALID_MESSAGE_ID_SUFFIX=$,s.DEFAULT_VIEWPORT=oe,s.DENSITIES=Le,s.DENSITY=Q,s.DENSITY_CONST=we,s.DESKTOP_VIEWPORT=se,s.EmphasisList=ge,s.GapSpacingList=In,s.LabelVariantList=vn,s.LinkCurrentList=Rn,s.LinkReferrerPolicyList=Pn,s.LinkTargetList=Un,s.MarginList=Cn,s.MaxWidthList=Dn,s.NavigationItemSafeTriangle=ue,s.OrientationList=_n,s.PlacementList=Ln,s.PopoverDelayList=Fn,s.PopoverWidthList=An,s.SEMANTIC=ee,s.SEMANTICS=Te,s.SemanticList=Sn,s.SizeList=Vn,s.SpacingList=wn,s.TESTING_VIEWPORTS=De,s.TagEmphasisList=$n,s.ValidationList=Mn,s.WidthList=Tn,s.addAttributeToChildren=H,s.cls=N,s.delay=F,s.filterPassingProps=ye,s.getBooleanAsString=_,s.getHideProp=I,s.getRootProps=Be,s.handleDataOutside=W,s.hasVoiceOver=A,s.isArrayOfStrings=ne,s.isEventTargetNavigationItem=fe,s.isInView=ae,s.stringPropVisible=T,s.uuid=L,s.visibleInVX=ke,s.visibleInVY=Ee,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

package/dist/index.d.ts

@@ -0,0 +1,36 @@
+export * from './components/notification';
+export * from './components/badge';
+export * from './components/brand';
+export * from './components/button';
+export * from './components/card';
+export * from './components/checkbox';
+export * from './components/divider';
+export * from './components/drawer';
+export * from './components/header';
+export * from './components/icon';
+export * from './components/infotext';
+export * from './components/input';
+export * from './components/link';
+export * from './components/page';
+export * from './components/radio';
+export * from './components/section';
+export * from './components/select';
+export * from './components/switch';
+export * from './components/tab-item';
+export * from './components/tag';
+export * from './components/textarea';
+export * from './components/navigation-item';
+export * from './components/accordion';
+export * from './components/accordion-item';
+export * from './components/navigation';
+export * from './components/badge';
+export * from './components/popover';
+export * from './components/tooltip';
+export * from './components/tab-list';
+export * from './components/tabs';
+export * from './components/tab-panel';
+export * from './shared/constants';
+export * from './shared/model';
+export * from './utils/index';
+export * from './utils/navigation';
+export * from './components/stack';

package/dist/shared/constants.d.ts

@@ -0,0 +1,83 @@
+export declare const DEFAULT_ID: string;
+export declare const DEFAULT_LABEL: string;
+export declare const DEFAULT_PLACEHOLDER: string;
+export declare const DEFAULT_MESSAGE_ID_SUFFIX: string;
+export declare const DEFAULT_VALID_MESSAGE_ID_SUFFIX: string;
+export declare const DEFAULT_INVALID_MESSAGE_ID_SUFFIX: string;
+export declare const DEFAULT_PLACEHOLDER_ID_SUFFIX: string;
+export declare const DEFAULT_DATALIST_ID_SUFFIX: string;
+export declare const DEFAULT_VALID_MESSAGE: string;
+export declare const DEFAULT_INVALID_MESSAGE: string;
+export declare const DEFAULT_BACK: string;
+export declare const DEFAULT_BURGER_MENU: string;
+export declare const DEFAULT_ICON: string;
+export declare const DEFAULT_ROWS: number;
+export declare const DEFAULT_CLOSE_BUTTON: string;
+export declare const DENSITY_CONST: string;
+export declare const COLOR_CONST: string;
+export declare enum DENSITY {
+    'FUNCTIONAL' = "functional",
+    'REGULAR' = "regular",
+    'EXPRESSIVE' = "expressive"
+}
+export declare const DENSITIES: DENSITY[];
+export declare enum COLOR_SIMPLE {
+    'PRIMARY' = "primary"
+}
+export declare enum COLOR {
+    'NEUTRAL_BG_LEVEL_1' = "neutral-bg-basic-level-1",
+    'NEUTRAL_BG_LEVEL_2' = "neutral-bg-basic-level-2",
+    'NEUTRAL_BG_LEVEL_3' = "neutral-bg-basic-level-3",
+    'NEUTRAL_BG_TRANSPARENT_SEMI' = "neutral-bg-basic-transparent-semi",
+    'NEUTRAL_BG_TRANSPARENT_FULL' = "neutral-bg-basic-transparent-full",
+    'BRAND_BG_LEVEL_1' = "brand-bg-basic-level-1",
+    'BRAND_BG_LEVEL_2' = "brand-bg-basic-level-2",
+    'BRAND_BG_LEVEL_3' = "brand-bg-basic-level-3",
+    'BRAND_BG_TRANSPARENT_SEMI' = "brand-bg-basic-transparent-semi",
+    'BRAND_BG_TRANSPARENT_FULL' = "brand-bg-basic-transparent-full",
+    'SUCCESSFUL_BG_LEVEL_1' = "successful-bg-basic-level-1",
+    'SUCCESSFUL_BG_LEVEL_2' = "successful-bg-basic-level-2",
+    'SUCCESSFUL_BG_LEVEL_3' = "successful-bg-basic-level-3",
+    'SUCCESSFUL_BG_TRANSPARENT_SEMI' = "successful-bg-basic-transparent-semi",
+    'SUCCESSFUL_BG_TRANSPARENT_FULL' = "successful-bg-basic-transparent-full",
+    'CRITICAL_BG_LEVEL_1' = "critical-bg-basic-level-1",
+    'CRITICAL_BG_LEVEL_2' = "critical-bg-basic-level-2",
+    'CRITICAL_BG_LEVEL_3' = "critical-bg-basic-level-3",
+    'CRITICAL_BG_TRANSPARENT_SEMI' = "critical-bg-basic-transparent-semi",
+    'CRITICAL_BG_TRANSPARENT_Full' = "critical-bg-basic-transparent-full",
+    'WARNING_BG_LEVEL_1' = "warning-bg-basic-level-1",
+    'WARNING_BG_LEVEL_2' = "warning-bg-basic-level-2",
+    'WARNING_BG_LEVEL_3' = "warning-bg-basic-level-3",
+    'WARNING_BG_TRANSPARENT_SEMI' = "warning-bg-basic-transparent-semi",
+    'WARNING_BG_TRANSPARENT_FULL' = "warning-bg-basic-transparent-full",
+    'INFORMATIONAL_BG_LEVEL_1' = "informational-bg-basic-level-1",
+    'INFORMATIONAL_BG_LEVEL_2' = "informational-bg-basic-level-2",
+    'INFORMATIONAL_BG_LEVEL_3' = "informational-bg-basic-level-3",
+    'INFORMATIONAL_BG_TRANSPARENT_SEMI' = "informational-bg-basic-transparent-semi",
+    'INFORMATIONAL_BG_TRANSPARENT_FULL' = "informational-bg-basic-transparent-full"
+}
+export declare const COLORS: COLOR[];
+export declare const COLORS_SIMPLE: COLOR_SIMPLE[];
+export declare enum SEMANTIC {
+    'CRITICAL' = "critical",
+    'INFORMATIONAL' = "informational",
+    'WARNING' = "warning",
+    'SUCCESSFUL' = "successful"
+}
+export declare const SEMANTICS: SEMANTIC[];
+export declare const DEFAULT_VIEWPORT: {
+    width: number;
+    height: number;
+};
+export declare const DESKTOP_VIEWPORT: {
+    width: number;
+    height: number;
+};
+/**
+ * Use those viewports if your component has a css media-query otherwise use the DEFAULT_VIEWPORT
+ */
+export declare const TESTING_VIEWPORTS: {
+    width: number;
+    height: number;
+    name: string;
+}[];