@ds-autonomie/web-components 2.15.0 → 2.17.0

package/cdn/chunks/chunk.OTTGEQF6.js

@@ -0,0 +1,51 @@
+import{a as U}from"./chunk.MK2QCBNO.js";import{a as L}from"./chunk.YRQ4GUXM.js";import{a as H}from"./chunk.ELL45QD3.js";import{a as p}from"./chunk.KLRPP4NQ.js";import{a as d,c as h,d as m}from"./chunk.HHVNQNCC.js";import{a as u,c}from"./chunk.TV2TMO2H.js";import{a as S}from"./chunk.B4KFHYLS.js";import{c as T}from"./chunk.GM4KTNXL.js";import{c as E}from"./chunk.KD3BHBHK.js";import{a as x}from"./chunk.2RF4WD6T.js";import{d as _}from"./chunk.ZBHHLRFH.js";import{a as n}from"./chunk.BWEPOOQP.js";import{a as C,b as s,d as o,f as k}from"./chunk.KBZ32KWP.js";import{a as v}from"./chunk.GP725TPQ.js";import{f as a}from"./chunk.IZ2HVRME.js";var t=class extends k{constructor(){super(...arguments);this.localize=new T(this);this.hasSlotController=new H(this,"prefix","summary");this.open=!1;this.size="medium";this.level=1;this.collapsed=!1;this.sidenavInfo=!1}firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0"}handleSummaryClick(){this.open?this.hide():this.show(),this.headerButton.focus()}handleSummaryKeyDown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.open?this.hide():this.show()),(e.key==="ArrowUp"||e.key==="ArrowLeft")&&(e.preventDefault(),this.hide()),(e.key==="ArrowDown"||e.key==="ArrowRight")&&(e.preventDefault(),this.show())}updateChildrenClassName(){let e=this.querySelector("dsa-menu-navigation");e!==null&&(e.setAttribute("level",this.level.toString()),e==null||e.classList.remove("level-1","level-2"),e==null||e.classList.add(this.level===2?"level-2":"level-1"))}handleDefaultSlotChange(){this.updateChildrenClassName()}getTextSummary(e=!1){var y,g,b,w;let r=(g=(y=this.summarySlot)==null?void 0:y.assignedNodes({flatten:!0}))!=null?g:[],i="";if([...r].forEach(l=>{i+=l.textContent}),!e)return i;let f=(w=(b=this.badgeSlot)==null?void 0:b.assignedNodes({flatten:!0}))!=null?w:[];return f.length>0&&(i+=", ",[...f].forEach(l=>{i+=l.textContent})),i}async handleOpenChange(){if(this.open){if(this.emit("dsa-show",{cancelable:!0}).defaultPrevented){this.open=!1;return}await h(this.body),this.body.hidden=!1,await this.updateComplete;let{keyframes:r,options:i}=c(this,"accordion.show",{dir:this.localize.dir()});await d(this.body,m(r,this.body.scrollHeight),i),this.body.style.height="auto",this.emit("dsa-after-show")}else{if(this.emit("dsa-hide",{cancelable:!0}).defaultPrevented){this.open=!0;return}await h(this.body);let{keyframes:r,options:i}=c(this,"accordion.hide",{dir:this.localize.dir()});await d(this.body,m(r,this.body.scrollHeight),i),this.body.hidden=!0,this.body.style.height="auto",this.emit("dsa-after-hide")}}handleLevelChange(){this.updateChildrenClassName()}async handleExpandedChange(){await this.updateComplete,this.firstUpdated()}async show(){if(!this.open)return this.open=!0,await p(this,"dsa-after-show")}async hide(){if(this.open)return this.open=!1,await p(this,"dsa-after-hide")}focus(e){this.headerButton.focus(e)}blur(){this.headerButton.blur()}click(){this.headerButton.click()}render(){return!this.summary&&!this.hasSlotController.test("summary")&&S("<dsa-menu-accordion> requires a summary attribute or a summary slot for accessibility"),v`
+      <div
+        part="base"
+        class=${_({"menu-accordion":!0,"menu-accordion--open":this.open,"menu-accordion--chevron":!0,"menu-accordion--small":this.size==="small","menu-accordion--medium":this.size==="medium","menu-accordion--large":this.size==="large","menu-accordion--level-2":this.level===2,"menu-accordion--collapsed":this.collapsed,"menu-accordion--sidenav-info":this.sidenavInfo})}
+      >
+        <div part="header" id="header" class="menu-accordion__header">
+          <dsa-tooltip placement="right" ?disabled=${!this.collapsed}>
+            <span
+              role="button"
+              aria-expanded=${this.open&&!this.collapsed?"true":"false"}
+              aria-controls="content"
+              @click=${this.handleSummaryClick}
+              @keydown=${this.handleSummaryKeyDown}
+              class="menu-accordion__header-button"
+              tabindex="0"
+              aria-label=${x(this.collapsed?this.getTextSummary(!0):void 0)}
+            >
+              <slot
+                name="prefix"
+                part="prefix"
+                class="menu-accordion__prefix"
+              ></slot>
+              <slot name="summary" class="menu-accordion__summary"
+                >${this.summary}</slot
+              >
+              <slot name="badge" class="menu-accordion__badge"></slot>
+
+              <span part="summary-icon" class="menu-accordion__summary-icon">
+                <dsa-icon
+                  class="menu-accordion__expand-icon"
+                  name="expand_more"
+                  library="system"
+                ></dsa-icon>
+              </span>
+            </span>
+            <span slot="content" aria-hidden="true"
+              >${this.getTextSummary()}</span
+            >
+          </dsa-tooltip>
+        </div>
+
+        <div class="menu-accordion__body">
+          <slot
+            part="content"
+            id="content"
+            class="menu-accordion__content"
+            @slotchange=${this.handleDefaultSlotChange}
+          ></slot>
+        </div>
+      </div>
+    `}};t.styles=U,t.dependencies={"dsa-icon":E,"dsa-tooltip":L},a([o("slot[name=summary]")],t.prototype,"summarySlot",2),a([o("slot[name=badge]")],t.prototype,"badgeSlot",2),a([o(".menu-accordion")],t.prototype,"accordion",2),a([o(".menu-accordion__header-button")],t.prototype,"headerButton",2),a([o(".menu-accordion__body")],t.prototype,"body",2),a([s({type:Boolean,reflect:!0})],t.prototype,"open",2),a([s()],t.prototype,"summary",2),a([s({reflect:!0})],t.prototype,"size",2),a([s({type:Number})],t.prototype,"level",2),a([s({type:Boolean,reflect:!0})],t.prototype,"collapsed",2),a([s({attribute:"sidenav-info",type:Boolean})],t.prototype,"sidenavInfo",2),a([n("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),a([n("level",{waitUntilFirstUpdate:!0})],t.prototype,"handleLevelChange",1),a([n("expanded",{waitUntilFirstUpdate:!0})],t.prototype,"handleExpandedChange",1),t=a([C("dsa-menu-accordion")],t);u("accordion.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"linear"}});u("accordion.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"linear"}});export{t as a};

package/cdn/chunks/{chunk.KLFLHNDX.js → chunk.OV7NPMB7.js}

@@ -1,4 +1,4 @@
-import{a}from"./chunk.YT2Q5BU6.js";import{a as o,d as r,f as s}from"./chunk.CEOMZJL3.js";import{a as l}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends s{render(){return l`
+import{a}from"./chunk.YT2Q5BU6.js";import{a as o,d as r,f as s}from"./chunk.KBZ32KWP.js";import{a as l}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends s{render(){return l`
       <div part="base" class="avatar-group" role="group">
         <slot></slot>
       </div>

package/cdn/chunks/{chunk.YLQZAJP3.js → chunk.PICWAFB5.js}

@@ -1 +1 @@
-import{a as h}from"./chunk.JFKYL74D.js";import{a as r}from"./chunk.BWEPOOQP.js";import{a as l,b as a,f as d}from"./chunk.CEOMZJL3.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends d{constructor(){super(...arguments);this.attrOldValue=!1;this.charData=!1;this.charDataOldValue=!1;this.childList=!1;this.disabled=!1}connectedCallback(){super.connectedCallback(),this.handleMutation=this.handleMutation.bind(this),this.mutationObserver=new MutationObserver(this.handleMutation),this.disabled||this.startObserver()}disconnectedCallback(){this.stopObserver()}handleMutation(i){this.emit("dsa-mutation",{detail:{mutationList:i}})}startObserver(){let i=typeof this.attr=="string"&&this.attr.length>0,o=i&&this.attr!=="*"?this.attr.split(" "):void 0;try{this.mutationObserver.observe(this,{subtree:!0,childList:this.childList,attributes:i,attributeFilter:o,attributeOldValue:this.attrOldValue,characterData:this.charData,characterDataOldValue:this.charDataOldValue})}catch(u){}}stopObserver(){this.mutationObserver.disconnect()}handleDisabledChange(){this.disabled?this.stopObserver():this.startObserver()}handleChange(){this.stopObserver(),this.startObserver()}render(){return s` <slot></slot> `}};t.styles=h,e([a({reflect:!0})],t.prototype,"attr",2),e([a({attribute:"attr-old-value",type:Boolean,reflect:!0})],t.prototype,"attrOldValue",2),e([a({attribute:"char-data",type:Boolean,reflect:!0})],t.prototype,"charData",2),e([a({attribute:"char-data-old-value",type:Boolean,reflect:!0})],t.prototype,"charDataOldValue",2),e([a({attribute:"child-list",type:Boolean,reflect:!0})],t.prototype,"childList",2),e([a({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([r("disabled")],t.prototype,"handleDisabledChange",1),e([r("attr",{waitUntilFirstUpdate:!0}),r("attrOldValue",{waitUntilFirstUpdate:!0}),r("charData",{waitUntilFirstUpdate:!0}),r("charDataOldValue",{waitUntilFirstUpdate:!0}),r("childList",{waitUntilFirstUpdate:!0})],t.prototype,"handleChange",1),t=e([l("dsa-mutation-observer")],t);export{t as a};
+import{a as h}from"./chunk.JFKYL74D.js";import{a as r}from"./chunk.BWEPOOQP.js";import{a as l,b as a,f as d}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends d{constructor(){super(...arguments);this.attrOldValue=!1;this.charData=!1;this.charDataOldValue=!1;this.childList=!1;this.disabled=!1}connectedCallback(){super.connectedCallback(),this.handleMutation=this.handleMutation.bind(this),this.mutationObserver=new MutationObserver(this.handleMutation),this.disabled||this.startObserver()}disconnectedCallback(){this.stopObserver()}handleMutation(i){this.emit("dsa-mutation",{detail:{mutationList:i}})}startObserver(){let i=typeof this.attr=="string"&&this.attr.length>0,o=i&&this.attr!=="*"?this.attr.split(" "):void 0;try{this.mutationObserver.observe(this,{subtree:!0,childList:this.childList,attributes:i,attributeFilter:o,attributeOldValue:this.attrOldValue,characterData:this.charData,characterDataOldValue:this.charDataOldValue})}catch(u){}}stopObserver(){this.mutationObserver.disconnect()}handleDisabledChange(){this.disabled?this.stopObserver():this.startObserver()}handleChange(){this.stopObserver(),this.startObserver()}render(){return s` <slot></slot> `}};t.styles=h,e([a({reflect:!0})],t.prototype,"attr",2),e([a({attribute:"attr-old-value",type:Boolean,reflect:!0})],t.prototype,"attrOldValue",2),e([a({attribute:"char-data",type:Boolean,reflect:!0})],t.prototype,"charData",2),e([a({attribute:"char-data-old-value",type:Boolean,reflect:!0})],t.prototype,"charDataOldValue",2),e([a({attribute:"child-list",type:Boolean,reflect:!0})],t.prototype,"childList",2),e([a({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([r("disabled")],t.prototype,"handleDisabledChange",1),e([r("attr",{waitUntilFirstUpdate:!0}),r("attrOldValue",{waitUntilFirstUpdate:!0}),r("charData",{waitUntilFirstUpdate:!0}),r("charDataOldValue",{waitUntilFirstUpdate:!0}),r("childList",{waitUntilFirstUpdate:!0})],t.prototype,"handleChange",1),t=e([l("dsa-mutation-observer")],t);export{t as a};

package/cdn/chunks/{chunk.J3YJSL5B.js → chunk.PIG773U2.js}

@@ -1 +1 @@
-import{a as l}from"./chunk.DPMHT2KP.js";import{a as o,f as m}from"./chunk.CEOMZJL3.js";import{a as r}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends m{render(){return r` <slot></slot> `}};t.styles=l,t=e([o("dsa-visually-hidden")],t);export{t as a};
+import{a as l}from"./chunk.DPMHT2KP.js";import{a as o,f as m}from"./chunk.KBZ32KWP.js";import{a as r}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends m{render(){return r` <slot></slot> `}};t.styles=l,t=e([o("dsa-visually-hidden")],t);export{t as a};

package/cdn/chunks/chunk.PSXSWQCS.js

@@ -0,0 +1,35 @@
+import{a as b}from"./chunk.VMFX2PWY.js";import{a as f}from"./chunk.YRQ4GUXM.js";import{a as h}from"./chunk.WEWRFZAQ.js";import{a as d}from"./chunk.ELL45QD3.js";import{a as l}from"./chunk.NIRNX67K.js";import{c}from"./chunk.GM4KTNXL.js";import{c as u}from"./chunk.KD3BHBHK.js";import{a as p}from"./chunk.BWEPOOQP.js";import{a as r,b as a,c as o,d as m,f as n}from"./chunk.KBZ32KWP.js";import{a as i}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var y=20,t=class extends n{constructor(){super(...arguments);this.hasSlotController=new d(this,"icon");this.localize=new c(this);this.fullName="";this.displayMode="full";this.firstName="";this.familyName="";this.image="";this.initials=""}handleBlur(){this.emit("dsa-blur")}handleFocus(){this.emit("dsa-focus")}getDisplayedName(){return this.fullName.length<=y?this.fullName:`${this.firstName.charAt(0)}. ${this.familyName}`}click(){this.button.click()}focus(s){this.button.focus(s)}blur(){this.button.blur()}updateFullName(){this.fullName=`${this.firstName} ${this.familyName}`}renderButton(){var s;return i`
+      <button
+        part="base"
+        class="profile-button"
+        type="button"
+        aria-label=${l((s=this.accessibleLabel)!=null?s:`${this.fullName} - ${this.localize.term("userMenu")}`)}
+        @blur=${this.handleBlur}
+        @focus=${this.handleFocus}
+      >
+        <dsa-avatar
+          size="large"
+          initials=${l(this.initials)}
+          image=${l(this.image)}
+        >
+          ${this.hasSlotController.test("icon")?i` <slot name="icon" slot="icon"></slot> `:""}
+        </dsa-avatar>
+        ${this.displayMode==="full"?i`
+              <span aria-hidden="true" class="profile-button__label"
+                >${this.getDisplayedName()}</span
+              >
+            `:""}
+        ${this.displayMode!=="mobile"?i`
+              <dsa-icon
+                part="caret"
+                class="profile-button__caret"
+                name="expand_more"
+                library="system"
+              ></dsa-icon>
+            `:""}
+      </button>
+    `}render(){return this.displayMode==="full"&&this.fullName.length<=y?this.renderButton():i`
+        <dsa-tooltip content=${this.firstName+" "+this.familyName}>
+          ${this.renderButton()}
+        </dsa-tooltip>
+      `}};t.styles=b,t.dependencies={"dsa-icon":u,"dsa-avatar":h,"dsa-tooltip":f},e([m(".profile-button")],t.prototype,"button",2),e([o()],t.prototype,"fullName",2),e([a({attribute:"display-mode"})],t.prototype,"displayMode",2),e([a({attribute:"first-name"})],t.prototype,"firstName",2),e([a({attribute:"family-name"})],t.prototype,"familyName",2),e([a({attribute:"accessible-label"})],t.prototype,"accessibleLabel",2),e([a()],t.prototype,"image",2),e([a()],t.prototype,"initials",2),e([p(["firstName","familyName"])],t.prototype,"updateFullName",1),t=e([r("dsa-profile-button")],t);export{t as a};

package/cdn/chunks/{chunk.6PG2RNLF.js → chunk.PZ6VFJYI.js}

@@ -1,4 +1,4 @@
-import{a as d}from"./chunk.BARZKNDN.js";import{a as n}from"./chunk.LRR4YZGW.js";import{a as m}from"./chunk.B4KFHYLS.js";import{a as i}from"./chunk.NIRNX67K.js";import{c as p}from"./chunk.4WOVD75K.js";import{d as s}from"./chunk.ZBHHLRFH.js";import{a as l,b as r,f as o}from"./chunk.CEOMZJL3.js";import{a}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends o{constructor(){super(...arguments);this.localize=new p(this);this.value=0;this.indeterminate=!1;this.label=""}render(){return this.label||m("<dsa-progress-bar> requires a label attribute for accessibility"),a`
+import{a as d}from"./chunk.BARZKNDN.js";import{a as n}from"./chunk.LRR4YZGW.js";import{a as m}from"./chunk.B4KFHYLS.js";import{a as i}from"./chunk.NIRNX67K.js";import{c as p}from"./chunk.GM4KTNXL.js";import{d as s}from"./chunk.ZBHHLRFH.js";import{a as l,b as r,f as o}from"./chunk.KBZ32KWP.js";import{a}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends o{constructor(){super(...arguments);this.localize=new p(this);this.value=0;this.indeterminate=!1;this.label=""}render(){return this.label||m("<dsa-progress-bar> requires a label attribute for accessibility"),a`
       <div
         part="base"
         class=${s({"progress-bar":!0,"progress-bar--indeterminate":this.indeterminate,"progress-bar--rtl":this.localize.dir()==="rtl"})}

package/cdn/chunks/{chunk.EAGPDAIA.js → chunk.QLA42ORC.js}

@@ -83,7 +83,7 @@ import{a as o}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";
   }
   .search-bar--small .search-bar__help-text,
   .search-bar--small .form-control__error-text {
-    font: var(--dsa-font-2x-small-normal);
+    font: var(--dsa-font-body-2-xs-normal);
   }
   /* Medium */
   .search-bar--medium .input {
@@ -94,7 +94,7 @@ import{a as o}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";
   }
   .search-bar--medium .search-bar__help-text,
   .search-bar--medium .form-control__error-text {
-    font: var(--dsa-font-x-small-normal);
+    font: var(--dsa-font-body-xs-normal);
   }
   /* Large */
   .search-bar--large .input {
@@ -105,7 +105,7 @@ import{a as o}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";
   }
   .search-bar--large .search-bar__help-text,
   .search-bar--large .form-control__error-text {
-    font: var(--dsa-font-small-normal);
+    font: var(--dsa-font-body-s-normal);
   }
 
   /* 

package/cdn/chunks/chunk.QNAPY67H.js

@@ -0,0 +1,73 @@
+import{a as L}from"./chunk.ZPQE4HH4.js";import{a as z}from"./chunk.WJLFKSRJ.js";import{a as E}from"./chunk.FX5UP23Z.js";import{a as w}from"./chunk.OTNGFYHL.js";import{a as p,c as m,d as f}from"./chunk.HHVNQNCC.js";import{a as u,c as b}from"./chunk.TV2TMO2H.js";import{c as v}from"./chunk.GM4KTNXL.js";import{c as C}from"./chunk.KD3BHBHK.js";import{d as c}from"./chunk.ZBHHLRFH.js";import{a as s}from"./chunk.BWEPOOQP.js";import{a as g,b as d,c as r,d as n,f as x}from"./chunk.KBZ32KWP.js";import{a as l}from"./chunk.GP725TPQ.js";import{f as i}from"./chunk.IZ2HVRME.js";function o(h,y,t){return h?y(h):t==null?void 0:t(h)}var e=class extends x{constructor(){super(...arguments);this.localize=new v(this);this.indeterminate=!1;this.isLeaf=!1;this.loading=!1;this.selectable=!1;this.expanded=!1;this.selected=!1;this.disabled=!1;this.lazy=!1}static isTreeItem(t){return t instanceof Element&&t.getAttribute("role")==="treeitem"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","treeitem"),this.setAttribute("tabindex","-1"),this.isNestedItem()&&(this.slot="children")}firstUpdated(){this.childrenContainer.hidden=!this.expanded,this.childrenContainer.style.height=this.expanded?"auto":"0",this.isLeaf=!this.lazy&&this.getChildrenItems().length===0,this.handleExpandedChange()}async animateCollapse(){this.emit("dsa-collapse"),await m(this.childrenContainer);let{keyframes:t,options:a}=b(this,"tree-item.collapse",{dir:this.localize.dir()});await p(this.childrenContainer,f(t,this.childrenContainer.scrollHeight),a),this.childrenContainer.hidden=!0,this.emit("dsa-after-collapse")}isNestedItem(){let t=this.parentElement;return!!t&&e.isTreeItem(t)}handleChildrenSlotChange(){this.loading=!1,this.isLeaf=!this.lazy&&this.getChildrenItems().length===0}willUpdate(t){t.has("selected")&&!t.has("indeterminate")&&(this.indeterminate=!1)}async animateExpand(){this.emit("dsa-expand"),await m(this.childrenContainer),this.childrenContainer.hidden=!1;let{keyframes:t,options:a}=b(this,"tree-item.expand",{dir:this.localize.dir()});await p(this.childrenContainer,f(t,this.childrenContainer.scrollHeight),a),this.childrenContainer.style.height="auto",this.emit("dsa-after-expand")}handleLoadingChange(){this.setAttribute("aria-busy",this.loading?"true":"false"),this.loading||this.animateExpand()}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleExpandedChange(){this.isLeaf?this.removeAttribute("aria-expanded"):this.setAttribute("aria-expanded",this.expanded?"true":"false")}handleExpandAnimation(){this.expanded?this.lazy?(this.loading=!0,this.emit("dsa-lazy-load")):this.animateExpand():this.animateCollapse()}handleLazyChange(){this.emit("dsa-lazy-change")}getChildrenItems({includeDisabled:t=!0}={}){return this.childrenSlot?[...this.childrenSlot.assignedElements({flatten:!0})].filter(a=>e.isTreeItem(a)&&(t||!a.disabled)):[]}render(){let t=this.localize.dir()==="rtl",a=!this.loading&&(!this.isLeaf||this.lazy);return l`
+      <div
+        part="base"
+        class="${c({"tree-item":!0,"tree-item--expanded":this.expanded,"tree-item--selected":this.selected,"tree-item--disabled":this.disabled,"tree-item--leaf":this.isLeaf,"tree-item--has-expand-button":a,"tree-item--rtl":this.localize.dir()==="rtl"})}"
+      >
+        <div
+          class="tree-item__item"
+          part="
+            item
+            ${this.disabled?"item--disabled":""}
+            ${this.expanded?"item--expanded":""}
+            ${this.indeterminate?"item--indeterminate":""}
+            ${this.selected?"item--selected":""}
+          "
+        >
+          <div class="tree-item__indentation" part="indentation"></div>
+
+          <div
+            part="expand-button"
+            class=${c({"tree-item__expand-button":!0,"tree-item__expand-button--visible":a})}
+            aria-hidden="true"
+          >
+            ${o(this.loading,()=>l` <dsa-spinner></dsa-spinner> `)}
+            <dsa-icon
+              class="tree-item__expand-icon"
+              name=${t?"chevron_left":"chevron_right"}
+              library="system"
+            ></dsa-icon>
+
+            <dsa-icon
+              class="tree-item__collapse-icon"
+              name=${t?"chevron_left":"chevron_right"}
+              library="system"
+            ></dsa-icon>
+          </div>
+
+          ${o(this.selectable,()=>l`
+              <dsa-checkbox
+                tabindex="-1"
+                class="tree-item__checkbox"
+                ?disabled="${this.disabled}"
+                ?checked="${E(this.selected)}"
+                ?indeterminate="${this.indeterminate}"
+              ></dsa-checkbox>
+            `)}
+
+          <slot class="tree-item__label" part="label"></slot>
+
+          ${o(!this.selectable&&this.selected,()=>l` <dsa-icon
+                class="tree-item__selected-icon"
+                name="check"
+                library="system"
+              ></dsa-icon>`)}
+        </div>
+
+        <div class="tree-item__children" role="group">
+          <slot
+            name="children"
+            part="children"
+            @slotchange="${this.handleChildrenSlotChange}"
+          ></slot>
+        </div>
+      </div>
+    `}};e.styles=L,e.dependencies={"dsa-icon":C,"dsa-checkbox":z,"dsa-spinner":w},i([r()],e.prototype,"indeterminate",2),i([r()],e.prototype,"isLeaf",2),i([r()],e.prototype,"loading",2),i([r()],e.prototype,"selectable",2),i([d({type:Boolean,reflect:!0})],e.prototype,"expanded",2),i([d({type:Boolean,reflect:!0})],e.prototype,"selected",2),i([d({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([d({type:Boolean,reflect:!0})],e.prototype,"lazy",2),i([n("slot:not([name])")],e.prototype,"defaultSlot",2),i([n("slot[name=children]")],e.prototype,"childrenSlot",2),i([n(".tree-item__item")],e.prototype,"itemElement",2),i([n(".tree-item__children")],e.prototype,"childrenContainer",2),i([n(".tree-item__expand-button slot")],e.prototype,"expandButtonSlot",2),i([s("loading",{waitUntilFirstUpdate:!0})],e.prototype,"handleLoadingChange",1),i([s("disabled")],e.prototype,"handleDisabledChange",1),i([s("selected")],e.prototype,"handleSelectedChange",1),i([s("expanded",{waitUntilFirstUpdate:!0})],e.prototype,"handleExpandedChange",1),i([s("expanded",{waitUntilFirstUpdate:!0})],e.prototype,"handleExpandAnimation",1),i([s("lazy",{waitUntilFirstUpdate:!0})],e.prototype,"handleLazyChange",1),e=i([g("dsa-tree-item")],e);u("tree-item.expand",{keyframes:[{height:"0",opacity:"0",overflow:"hidden"},{height:"auto",opacity:"1",overflow:"hidden"}],options:{duration:250,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});u("tree-item.collapse",{keyframes:[{height:"auto",opacity:"1",overflow:"hidden"},{height:"0",opacity:"0",overflow:"hidden"}],options:{duration:200,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});export{e as a};
+/*! Bundled license information:
+
+lit-html/directives/when.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn/chunks/chunk.QO3O2UNB.js

@@ -0,0 +1,68 @@
+import{a as E}from"./chunk.II4JQ433.js";import{a as x}from"./chunk.PIG773U2.js";import{a as C}from"./chunk.NJBAMERR.js";import{a as k}from"./chunk.SWEIVB73.js";import{a as p}from"./chunk.ELL45QD3.js";import{b,c as g,d as y,e as v}from"./chunk.FWTZS7LK.js";import{a as c}from"./chunk.B4KFHYLS.js";import{d as m}from"./chunk.ZBHHLRFH.js";import{a as d}from"./chunk.BWEPOOQP.js";import{a as u,b as i,c as n,d as h,f}from"./chunk.KBZ32KWP.js";import{a as r}from"./chunk.GP725TPQ.js";import{f as l}from"./chunk.IZ2HVRME.js";var o=class extends f{constructor(){super(...arguments);this.formControlController=new b(this);this.hasSlotController=new p(this,"help-text","label");this.customValidityMessage="";this.hasCheckboxButtons=!1;this.hasCheckboxCards=!1;this.defaultValue=[];this.label="";this.helpText="";this.description="";this.name="option";this.value=[];this.form="";this.required=!1;this.disabled=!1;this.readonly=!1;this.horizontal=!1;this.error=!1;this.errorMessage="";this.hideLabel=!1}get validity(){let t=this.required&&this.value.length===0;return this.customValidityMessage!==""?v:t?y:g}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllCheckboxes(){return[...this.querySelectorAll("dsa-checkbox, dsa-checkbox-button, dsa-checkbox-card")]}handleCheckboxClick(t){if(t.target.tagName.toLowerCase()==="a")return;let e=t.target.closest("dsa-checkbox, dsa-checkbox-button, dsa-checkbox-card");if(t.preventDefault(),t.stopPropagation(),!e||e.disabled||e.readonly||this.disabled||this.readonly)return;this.value.includes(e.value)?this.value=this.value.filter(s=>s!==e.value):this.value=[...this.value,e.value],this.getAllCheckboxes().forEach(s=>{s.checked=this.value.includes(s.value)}),this.emit("dsa-change"),this.emit("dsa-input")}handleKeyDown(t){if(t.target.tagName.toLowerCase()==="a")return;let e=t.target;if(t.key===" "){if(t.preventDefault(),this.disabled||this.readonly||e.disabled||e.readonly)return;e.checked=!e.checked;let a=this.getAllCheckboxes().filter(s=>s.checked);this.value=a.map(s=>s.value),this.emit("dsa-input"),this.emit("dsa-change")}t.key==="Enter"&&(this.disabled||this.readonly||e.disabled||e.readonly)&&t.preventDefault()}handleLabelClick(){this.focus()}handleSlotChange(){if(customElements.get("dsa-checkbox")||customElements.get("dsa-checkbox-button")||customElements.get("dsa-checkbox-card")){let t=this.getAllCheckboxes();t.forEach(e=>{e.checked=this.value.includes(e.value),e.parentDisabled=this.disabled,e.parentReadonly=this.readonly}),this.hasCheckboxButtons=t.some(e=>e.tagName.toLowerCase()==="dsa-checkbox-button"),this.hasCheckboxCards=t.some(e=>e.tagName.toLowerCase()==="dsa-checkbox-card")}else customElements.whenDefined("dsa-checkbox").then(()=>this.handleSlotChange()),customElements.whenDefined("dsa-checkbox-button").then(()=>this.handleSlotChange()),customElements.whenDefined("dsa-checkbox-card").then(()=>this.handleSlotChange())}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),setTimeout(()=>{this.focus()},0)}getDescriptionIds(){let t=[];return this.error&&(t=["error-text"]),t=[...t,"help-text","description"],t.join(" ")}handleValueChange(){this.getAllCheckboxes().forEach(t=>t.checked=this.value.includes(t.value)),this.formControlController.setValidity(this.validity.valid)}handleDisabledChange(){this.getAllCheckboxes().forEach(t=>t.parentDisabled=this.disabled)}handleReadonlyChange(){this.getAllCheckboxes().forEach(t=>t.parentReadonly=this.readonly)}checkValidity(){let t=this.required&&this.value.length===0,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){let e=this.getAllCheckboxes().filter(s=>!s.disabled&&!s.readonly),a=e.find(s=>s.checked)||e[0];a&&a.focus(t)}render(){let t=this.hasSlotController.test("label"),e=this.hasSlotController.test("help-text"),a=this.label?!0:!!t,s=this.helpText?!0:!!e;return a||c("<dsa-checkbox-group> requires a label attribute or a label slot for accessibility"),this.error&&!this.errorMessage&&c("<dsa-checkbox-group> requires an error-message attribute for accessibility when the error attribute is set"),r`
+      <fieldset
+        part="form-control"
+        class=${m({"form-control":!0,"form-control--error":this.error,"form-control--medium":!0,"form-control--checkbox-group":!0,"form-control--has-label":a,"form-control--has-help-text":s,"form-control--has-buttons":this.hasCheckboxButtons,"form-control--has-cards":this.hasCheckboxCards,"form-control--options-horizontal":!!this.horizontal})}
+        role="group"
+        aria-labelledby="label ${this.getDescriptionIds()}"
+      >
+        ${this.hideLabel?r`<dsa-visually-hidden id="label"
+              ><slot name="label">${this.label}</slot></dsa-visually-hidden
+            >`:r`
+              <span
+                part="form-control-label"
+                id="label"
+                class="form-control__label"
+                aria-hidden=${a?"false":"true"}
+                @click=${this.handleLabelClick}
+              >
+                ${this.required?r`<span class="form-control__label-required">*</span>`:""}
+                <slot name="label">${this.label}</slot>
+              </span>
+            `}
+
+        <slot name="tooltip" class="form-control__tooltip"></slot>
+
+        <div
+          part="form-control-input"
+          class="form-control-input form-control__field"
+        >
+          <dsa-visually-hidden>
+            <label class="checkbox-group__validation">
+              <input
+                class="checkbox-group__validation-input"
+                type="text"
+                ?required=${this.required}
+                tabindex="-1"
+                hidden
+                @invalid=${this.handleInvalid}
+              />
+            </label>
+          </dsa-visually-hidden>
+
+          <div
+            role="list"
+            class="form-control__options"
+            @click=${this.handleCheckboxClick}
+            @keydown=${this.handleKeyDown}
+          >
+            <slot @slotchange=${this.handleSlotChange}></slot>
+          </div>
+        </div>
+        <div
+          id="help-text"
+          class="form-control__help-text"
+          aria-hidden=${s?"false":"true"}
+        >
+          <slot name="help-text" part="form-control-help-text">
+            ${this.helpText}
+          </slot>
+        </div>
+
+        ${this.error?k(this.errorMessage):""}
+        ${this.description?r`
+              <p id="description" class="form-control__description">
+                ${this.description}
+              </p>
+            `:""}
+      </fieldset>
+    `}};o.styles=E,o.dependencies={"dsa-error-text":C,"dsa-visually-hidden":x},l([h("slot:not([name])")],o.prototype,"defaultSlot",2),l([h(".checkbox-group__validation-input")],o.prototype,"validationInput",2),l([n()],o.prototype,"hasCheckboxButtons",2),l([n()],o.prototype,"hasCheckboxCards",2),l([n()],o.prototype,"defaultValue",2),l([i()],o.prototype,"label",2),l([i({attribute:"help-text"})],o.prototype,"helpText",2),l([i({attribute:"description"})],o.prototype,"description",2),l([i()],o.prototype,"name",2),l([i({converter:{fromAttribute:t=>t.split(","),toAttribute:t=>typeof t=="string"?t:t.join(",")}})],o.prototype,"value",2),l([i({reflect:!0})],o.prototype,"form",2),l([i({type:Boolean,reflect:!0})],o.prototype,"required",2),l([i({type:Boolean,reflect:!0})],o.prototype,"disabled",2),l([i({type:Boolean,reflect:!0})],o.prototype,"readonly",2),l([i({type:Boolean})],o.prototype,"horizontal",2),l([i({type:Boolean})],o.prototype,"error",2),l([i({attribute:"error-message",converter:{fromAttribute:t=>t?t.split("|"):"",toAttribute:t=>typeof t=="string"?t:t.join("|")}})],o.prototype,"errorMessage",2),l([i({type:Boolean,attribute:"hide-label"})],o.prototype,"hideLabel",2),l([d("value",{waitUntilFirstUpdate:!0})],o.prototype,"handleValueChange",1),l([d("disabled")],o.prototype,"handleDisabledChange",1),l([d("readonly")],o.prototype,"handleReadonlyChange",1),o=l([u("dsa-checkbox-group")],o);export{o as a};

package/cdn/chunks/chunk.QQLTDM2A.js

@@ -0,0 +1,27 @@
+import{a as b}from"./chunk.CEKPJB4F.js";import{a as u}from"./chunk.YRQ4GUXM.js";import{a as m,b as p}from"./chunk.ELL45QD3.js";import{a as o,b as r}from"./chunk.FDMPUSVV.js";import{a as f}from"./chunk.NIRNX67K.js";import{a as s}from"./chunk.2RF4WD6T.js";import{d}from"./chunk.ZBHHLRFH.js";import{a as c}from"./chunk.BWEPOOQP.js";import{a as n,b as l,d as a,f as h}from"./chunk.KBZ32KWP.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends h{constructor(){super(...arguments);this.hasSlotController=new m(this,"prefix");this.type="button";this.size="medium";this.disabled=!1;this.href="";this.rel="noreferrer noopener";this.collapsed=!1}connectedCallback(){super.connectedCallback(),this.handleHostClick=this.handleHostClick.bind(this),this.addEventListener("click",this.handleHostClick),this.hasAttribute("role")||this.setAttribute("role","listitem")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick)}handleDefaultSlotChange(){let i=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=i;return}i!==this.cachedTextLabel&&(this.cachedTextLabel=i,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleHostClick(i){this.disabled&&(i.preventDefault(),i.stopImmediatePropagation())}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}getTextLabel(){return p(this.defaultSlot)}focus(i){this.menuItem.focus(i)}blur(){this.menuItem.blur()}click(){this.menuItem.click()}render(){let i=this.type==="link"?o`a`:o`button`;return this.collapsed&&!this.hasSlotController.test("prefix")?r``:r`
+      <dsa-tooltip placement="right" hoist ?disabled=${!this.collapsed}>
+        <${i}
+          part="base"
+          class=${d({"menu-item":!0,"menu-item--small":this.size==="small","menu-item--medium":this.size==="medium","menu-item--large":this.size==="large","menu-item--disabled":this.disabled,"menu-item--button":this.type==="button","menu-item--link":this.type==="link","menu-item--collapsed":this.collapsed,"menu-item--highlight":!!(this.current||this.expanded)})}
+          href=${s(this.type==="link"?this.href:void 0)}
+          target=${s(this.type==="link"?this.target:void 0)}
+          rel=${s(this.type==="link"?this.rel:void 0)}
+          download=${s(this.type==="link"?this.download:void 0)}
+          aria-current=${f(this.current)}
+          aria-expanded=${s(this.expanded)}
+          tabindex=${s(this.disabled?"-1":void 0)}
+          aria-label=${s(this.collapsed?this.getTextLabel():void 0)}
+        >
+          <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
+
+          <slot
+            part="label"
+            class="menu-item__label"
+            @slotchange=${this.handleDefaultSlotChange}
+          ></slot>
+
+          <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
+        </${i}>         
+        <span slot="content" aria-hidden="true">${this.getTextLabel()}</span> 
+      </dsa-tooltip>
+    `}};e.styles=b,e.dependencies={"dsa-tooltip":u},t([a("slot:not([name])")],e.prototype,"defaultSlot",2),t([a(".menu-item")],e.prototype,"menuItem",2),t([l()],e.prototype,"type",2),t([l({reflect:!0})],e.prototype,"size",2),t([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([l()],e.prototype,"href",2),t([l()],e.prototype,"target",2),t([l()],e.prototype,"rel",2),t([l()],e.prototype,"download",2),t([l()],e.prototype,"current",2),t([l({type:Boolean,reflect:!0})],e.prototype,"collapsed",2),t([l()],e.prototype,"expanded",2),t([c("disabled")],e.prototype,"handleDisabledChange",1),e=t([n("dsa-menu-item")],e);export{e as a};

package/cdn/chunks/chunk.QSJXNN7N.js

@@ -0,0 +1,36 @@
+import{b as f}from"./chunk.4RYFGQPL.js";import{a as h}from"./chunk.HFASPBS3.js";import{a as b}from"./chunk.YRQ4GUXM.js";import{a as u}from"./chunk.PIG773U2.js";import{a as d}from"./chunk.63UE4VAO.js";import{c as p}from"./chunk.GM4KTNXL.js";import{d as n}from"./chunk.ZBHHLRFH.js";import{a as c}from"./chunk.BWEPOOQP.js";import{a as r,b as a,d as o,f as m}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends m{constructor(){super(...arguments);this.localize=new p(this);this.iconButtonSize="small";this.disableRemovableFocus=!1;this.variant="purple-100";this.size="medium";this.removable=!1;this.label="";this.accessibleName="";this.tooltip=!1}handleRemoveClick(){this.emit("dsa-remove")}updateIconButtonSize(){switch(this.size){case"small":this.iconButtonSize="xsmall";break;case"medium":this.iconButtonSize="small";break;case"large":this.iconButtonSize="medium";break}}render(){var l;f.includes(this.variant)&&console.warn(`The ${this.variant} variant of <dsa-tag> is deprecated, and will be removed in the next major release. Please consider using a variant from 100 to 500 instead.`);let i=this.accessibleName?s`
+          <span aria-hidden="true">${this.label}</span
+          ><dsa-visually-hidden>${this.accessibleName}</dsa-visually-hidden>
+        `:this.label;return s`
+      <span
+        part="base"
+        class=${n({tag:!0,[`tag--${this.variant}`]:!0,"tag--small":this.size==="small","tag--medium":this.size==="medium","tag--large":this.size==="large"})}
+      >
+        <slot part="prefix" name="prefix" class="tag__prefix"></slot>
+
+        ${this.tooltip?s`
+              <dsa-tooltip distance="16">
+                <span slot="content" aria-hidden="true">${i}</span>
+                <span class="tag__content tag__trigger" tabindex="0">
+                  ${i}
+                </span>
+              </dsa-tooltip>
+            `:s`<span class="tag__content">${i}</span>`}
+
+        <slot part="suffix" name="suffix" class="tag__suffix"></slot>
+
+        ${this.removable?s`
+              <dsa-icon-button
+                part="remove-button"
+                exportparts="base:remove-button__base"
+                name="close"
+                library="system"
+                label=${`${this.localize.term("remove")} ${(l=this.accessibleName)!=null?l:this.label}`}
+                class="tag__remove"
+                size=${this.iconButtonSize}
+                @click=${this.handleRemoveClick}
+                ?disable-tab-index=${this.disableRemovableFocus}
+              ></dsa-icon-button>
+            `:""}
+      </span>
+    `}};e.styles=h,e.dependencies={"dsa-icon-button":d,"dsa-tooltip":b,"dsa-visually-hidden":u},t([o(".tag__content")],e.prototype,"content",2),t([o("dsa-icon-button")],e.prototype,"removeButton",2),t([a({type:Boolean,attribute:"disable-removable-focus"})],e.prototype,"disableRemovableFocus",2),t([a({reflect:!0})],e.prototype,"variant",2),t([a({reflect:!0})],e.prototype,"size",2),t([a({type:Boolean})],e.prototype,"removable",2),t([a({reflect:!0})],e.prototype,"label",2),t([a({attribute:"accessible-name",reflect:!0})],e.prototype,"accessibleName",2),t([a({type:Boolean})],e.prototype,"tooltip",2),t([c("size")],e.prototype,"updateIconButtonSize",1),e=t([r("dsa-tag")],e);export{e as a};

package/cdn/chunks/{chunk.UJBDLF4Q.js → chunk.QVF2D4NC.js}

@@ -1 +1 @@
-import{a as o}from"./chunk.JKTUEHFN.js";import{a}from"./chunk.656TABWU.js";import{a as i}from"./chunk.BWEPOOQP.js";import{a as r}from"./chunk.CEOMZJL3.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends o{constructor(){super(...arguments);this.type="checkbox"}connectedCallback(){super.connectedCallback();let s=this.parentElement;!this.hasAttribute("role")&&s instanceof a&&this.setAttribute("role","listitem")}handleClick(){this.readonly||this.disabled||this.parentDisabled||this.parentReadonly||(this.checked=!this.checked)}handleErrorChange(){this.error?this.button.setAttribute("aria-invalid","true"):this.button.removeAttribute("aria-invalid")}};e([i("error",{waitUntilFirstUpdate:!0})],t.prototype,"handleErrorChange",1),t=e([r("dsa-checkbox-button")],t);export{t as a};
+import{a as o}from"./chunk.FEXCFMDC.js";import{a}from"./chunk.QO3O2UNB.js";import{a as i}from"./chunk.BWEPOOQP.js";import{a as r}from"./chunk.KBZ32KWP.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends o{constructor(){super(...arguments);this.type="checkbox"}connectedCallback(){super.connectedCallback();let s=this.parentElement;!this.hasAttribute("role")&&s instanceof a&&this.setAttribute("role","listitem")}handleClick(){this.readonly||this.disabled||this.parentDisabled||this.parentReadonly||(this.checked=!this.checked)}handleErrorChange(){this.error?this.button.setAttribute("aria-invalid","true"):this.button.removeAttribute("aria-invalid")}};e([i("error",{waitUntilFirstUpdate:!0})],t.prototype,"handleErrorChange",1),t=e([r("dsa-checkbox-button")],t);export{t as a};

package/cdn/chunks/{chunk.R5KZP5VA.js → chunk.QXMNA43O.js}

@@ -1,4 +1,4 @@
-import{a as n}from"./chunk.4GV3WJET.js";import{d as a}from"./chunk.ZBHHLRFH.js";import{a as r,b as i,f as l}from"./chunk.CEOMZJL3.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends l{constructor(){super(...arguments);this.variant="base";this.size="medium"}handleFocus(){this.emit("dsa-focus")}handleBlur(){this.emit("dsa-blur")}render(){return this.variant==="contrasted"&&console.warn("The `contrasted` variant is deprecated, and will be removed in the next major release."),s`
+import{a as m}from"./chunk.4GV3WJET.js";import{c as n}from"./chunk.KD3BHBHK.js";import{d as a}from"./chunk.ZBHHLRFH.js";import{a as r,b as i,f as l}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends l{constructor(){super(...arguments);this.variant="base";this.size="medium"}handleFocus(){this.emit("dsa-focus")}handleBlur(){this.emit("dsa-blur")}render(){return this.variant==="contrasted"&&console.warn("The `contrasted` variant is deprecated, and will be removed in the next major release."),s`
       <a
         part="link"
         class=${a({link:!0,"link--on-layer":this.variant==="layer","link--on-contrasted":this.variant==="contrasted","link--floating-menu":this.variant==="floating","document-link--x-large":this.size==="xlarge","document-link--large":this.size==="large","document-link--medium":this.size==="medium","document-link--small":this.size==="small","document-link--x-small":this.size==="xsmall","document-link--2x-small":this.size==="2xsmall"})}
@@ -16,4 +16,4 @@ import{a as n}from"./chunk.4GV3WJET.js";import{d as a}from"./chunk.ZBHHLRFH.js";
           ${this.format}${this.format&&this.documentSize?" - ":""}${this.documentSize}
         </p>
       </a>
-    `}};t.styles=n,e([i()],t.prototype,"href",2),e([i()],t.prototype,"format",2),e([i({attribute:"documentsize"})],t.prototype,"documentSize",2),e([i()],t.prototype,"variant",2),e([i()],t.prototype,"size",2),e([i()],t.prototype,"filename",2),t=e([r("dsa-download-link")],t);export{t as a};
+    `}};t.styles=m,t.dependencies={"dsa-icon":n},e([i()],t.prototype,"href",2),e([i()],t.prototype,"format",2),e([i({attribute:"documentsize"})],t.prototype,"documentSize",2),e([i()],t.prototype,"variant",2),e([i()],t.prototype,"size",2),e([i()],t.prototype,"filename",2),t=e([r("dsa-download-link")],t);export{t as a};

package/cdn/chunks/{chunk.TX3ZXE3D.js → chunk.R4AIWMHW.js}

@@ -1 +1 @@
-import{a as u}from"./chunk.GUYU2TCC.js";import{a as r}from"./chunk.B6ITXF6W.js";import{a as s}from"./chunk.BWEPOOQP.js";import{a as d,b as a,e as c,f as y}from"./chunk.CEOMZJL3.js";import{a as m}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends y{constructor(){super(...arguments);this.hasStarted=!1;this.name="none";this.play=!1;this.delay=0;this.direction="normal";this.duration=1e3;this.easing="linear";this.endDelay=0;this.fill="auto";this.iterations=1/0;this.iterationStart=0;this.playbackRate=1}get currentTime(){var i,n;return(n=(i=this.animation)==null?void 0:i.currentTime)!=null?n:0}set currentTime(i){this.animation&&(this.animation.currentTime=i)}connectedCallback(){super.connectedCallback(),this.createAnimation(),this.handleAnimationCancel=this.handleAnimationCancel.bind(this),this.handleAnimationFinish=this.handleAnimationFinish.bind(this)}disconnectedCallback(){super.disconnectedCallback(),this.destroyAnimation()}handleAnimationFinish(){this.play=!1,this.hasStarted=!1,this.emit("dsa-finish")}handleAnimationCancel(){this.play=!1,this.hasStarted=!1,this.emit("dsa-cancel")}handleSlotChange(){this.destroyAnimation(),this.createAnimation()}async createAnimation(){var h,o;let i=(h=r.easings[this.easing])!=null?h:this.easing,n=(o=this.keyframes)!=null?o:r[this.name],l=(await this.defaultSlot).assignedElements()[0];return!l||!n?!1:(this.destroyAnimation(),this.animation=l.animate(n,{delay:this.delay,direction:this.direction,duration:this.duration,easing:i,endDelay:this.endDelay,fill:this.fill,iterationStart:this.iterationStart,iterations:this.iterations}),this.animation.playbackRate=this.playbackRate,this.animation.addEventListener("cancel",this.handleAnimationCancel),this.animation.addEventListener("finish",this.handleAnimationFinish),this.play?(this.hasStarted=!0,this.emit("dsa-start")):this.animation.pause(),!0)}destroyAnimation(){this.animation&&(this.animation.cancel(),this.animation.removeEventListener("cancel",this.handleAnimationCancel),this.animation.removeEventListener("finish",this.handleAnimationFinish),this.hasStarted=!1)}handleAnimationChange(){this.hasUpdated&&this.createAnimation()}handlePlayChange(){return this.animation?(this.play&&!this.hasStarted&&(this.hasStarted=!0,this.emit("dsa-start")),this.play?this.animation.play():this.animation.pause(),!0):!1}handlePlaybackRateChange(){this.animation&&(this.animation.playbackRate=this.playbackRate)}cancel(){var i;(i=this.animation)==null||i.cancel()}finish(){var i;(i=this.animation)==null||i.finish()}render(){return m` <slot @slotchange=${this.handleSlotChange}></slot> `}};t.styles=u,e([c("slot")],t.prototype,"defaultSlot",2),e([a()],t.prototype,"name",2),e([a({type:Boolean,reflect:!0})],t.prototype,"play",2),e([a({type:Number})],t.prototype,"delay",2),e([a()],t.prototype,"direction",2),e([a({type:Number})],t.prototype,"duration",2),e([a()],t.prototype,"easing",2),e([a({attribute:"end-delay",type:Number})],t.prototype,"endDelay",2),e([a()],t.prototype,"fill",2),e([a({type:Number})],t.prototype,"iterations",2),e([a({attribute:"iteration-start",type:Number})],t.prototype,"iterationStart",2),e([a({attribute:!1})],t.prototype,"keyframes",2),e([a({attribute:"playback-rate",type:Number})],t.prototype,"playbackRate",2),e([s(["name","delay","direction","duration","easing","endDelay","fill","iterations","iterationsStart","keyframes"])],t.prototype,"handleAnimationChange",1),e([s("play")],t.prototype,"handlePlayChange",1),e([s("playbackRate")],t.prototype,"handlePlaybackRateChange",1),t=e([d("dsa-animation")],t);export{t as a};
+import{a as u}from"./chunk.GUYU2TCC.js";import{a as r}from"./chunk.B6ITXF6W.js";import{a as s}from"./chunk.BWEPOOQP.js";import{a as d,b as a,e as c,f as y}from"./chunk.KBZ32KWP.js";import{a as m}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends y{constructor(){super(...arguments);this.hasStarted=!1;this.name="none";this.play=!1;this.delay=0;this.direction="normal";this.duration=1e3;this.easing="linear";this.endDelay=0;this.fill="auto";this.iterations=1/0;this.iterationStart=0;this.playbackRate=1}get currentTime(){var i,n;return(n=(i=this.animation)==null?void 0:i.currentTime)!=null?n:0}set currentTime(i){this.animation&&(this.animation.currentTime=i)}connectedCallback(){super.connectedCallback(),this.createAnimation(),this.handleAnimationCancel=this.handleAnimationCancel.bind(this),this.handleAnimationFinish=this.handleAnimationFinish.bind(this)}disconnectedCallback(){super.disconnectedCallback(),this.destroyAnimation()}handleAnimationFinish(){this.play=!1,this.hasStarted=!1,this.emit("dsa-finish")}handleAnimationCancel(){this.play=!1,this.hasStarted=!1,this.emit("dsa-cancel")}handleSlotChange(){this.destroyAnimation(),this.createAnimation()}async createAnimation(){var h,o;let i=(h=r.easings[this.easing])!=null?h:this.easing,n=(o=this.keyframes)!=null?o:r[this.name],l=(await this.defaultSlot).assignedElements()[0];return!l||!n?!1:(this.destroyAnimation(),this.animation=l.animate(n,{delay:this.delay,direction:this.direction,duration:this.duration,easing:i,endDelay:this.endDelay,fill:this.fill,iterationStart:this.iterationStart,iterations:this.iterations}),this.animation.playbackRate=this.playbackRate,this.animation.addEventListener("cancel",this.handleAnimationCancel),this.animation.addEventListener("finish",this.handleAnimationFinish),this.play?(this.hasStarted=!0,this.emit("dsa-start")):this.animation.pause(),!0)}destroyAnimation(){this.animation&&(this.animation.cancel(),this.animation.removeEventListener("cancel",this.handleAnimationCancel),this.animation.removeEventListener("finish",this.handleAnimationFinish),this.hasStarted=!1)}handleAnimationChange(){this.hasUpdated&&this.createAnimation()}handlePlayChange(){return this.animation?(this.play&&!this.hasStarted&&(this.hasStarted=!0,this.emit("dsa-start")),this.play?this.animation.play():this.animation.pause(),!0):!1}handlePlaybackRateChange(){this.animation&&(this.animation.playbackRate=this.playbackRate)}cancel(){var i;(i=this.animation)==null||i.cancel()}finish(){var i;(i=this.animation)==null||i.finish()}render(){return m` <slot @slotchange=${this.handleSlotChange}></slot> `}};t.styles=u,e([c("slot")],t.prototype,"defaultSlot",2),e([a()],t.prototype,"name",2),e([a({type:Boolean,reflect:!0})],t.prototype,"play",2),e([a({type:Number})],t.prototype,"delay",2),e([a()],t.prototype,"direction",2),e([a({type:Number})],t.prototype,"duration",2),e([a()],t.prototype,"easing",2),e([a({attribute:"end-delay",type:Number})],t.prototype,"endDelay",2),e([a()],t.prototype,"fill",2),e([a({type:Number})],t.prototype,"iterations",2),e([a({attribute:"iteration-start",type:Number})],t.prototype,"iterationStart",2),e([a({attribute:!1})],t.prototype,"keyframes",2),e([a({attribute:"playback-rate",type:Number})],t.prototype,"playbackRate",2),e([s(["name","delay","direction","duration","easing","endDelay","fill","iterations","iterationsStart","keyframes"])],t.prototype,"handleAnimationChange",1),e([s("play")],t.prototype,"handlePlayChange",1),e([s("playbackRate")],t.prototype,"handlePlaybackRateChange",1),t=e([d("dsa-animation")],t);export{t as a};

package/cdn/chunks/{chunk.AP4A32XE.js → chunk.RGBTVRRP.js}

@@ -1,4 +1,4 @@
-import{a as r}from"./chunk.6YHPQNRD.js";import{a as e}from"./chunk.UMC4I57R.js";import{a as o}from"./chunk.6G2FNLAV.js";var l=o`
+import{a as r}from"./chunk.KHGWE5IX.js";import{a as e}from"./chunk.UMC4I57R.js";import{a as o}from"./chunk.6G2FNLAV.js";var l=o`
   ${e}
   ${r}
 

package/cdn/chunks/{chunk.GQY4KTZW.js → chunk.RUVWVGYN.js}

@@ -12,7 +12,7 @@ import{a as o}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";
   }
 
   .card-nav-accordion {
-    font: var(--dsa-font-medium-bold);
+    font: var(--dsa-font-body-m-bold);
     color: var(--dsa-wc-card-nav-color);
     overflow-anchor: none;
   }
@@ -91,6 +91,6 @@ import{a as o}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";
   }
   ::slotted(dsa-card-nav-item) {
     --card-nav-item-padding: 0.75rem 1.25rem 0.75rem 1.75rem;
-    --card-nav-item-font: var(--dsa-font-medium-normal);
+    --card-nav-item-font: var(--dsa-font-body-m-normal);
   }
 `;export{d as a};

package/cdn/chunks/{chunk.FPWX73NT.js → chunk.RVQUT7ZY.js}

@@ -1,4 +1,4 @@
-import{a as c}from"./chunk.OS3TEHEN.js";import{a as o}from"./chunk.LIYDVH7Q.js";import{a,d as s}from"./chunk.CEOMZJL3.js";import{a as t}from"./chunk.GP725TPQ.js";import{f as l}from"./chunk.IZ2HVRME.js";var e=class extends c{handleCheckboxChange(){this.selected=this.checkbox.checked,this.emit("dsa-table-row-all-change-selection")}renderFirstCell(){return this.selectionName?t`
+import{a}from"./chunk.GGGLGLGP.js";import{a as h}from"./chunk.AAEIE3M2.js";import{a as n}from"./chunk.LIYDVH7Q.js";import{a as d}from"./chunk.PIG773U2.js";import{a as i,d as o}from"./chunk.KBZ32KWP.js";import{a as t}from"./chunk.GP725TPQ.js";import{a as s,b as c,f as l}from"./chunk.IZ2HVRME.js";var e=class extends a{handleCheckboxChange(){this.selected=this.checkbox.checked,this.emit("dsa-table-row-all-change-selection")}renderFirstCell(){return this.selectionName?t`
       <dsa-table-header-cell part="column-checkbox" aria-hidden=${this.loading}>
         <div class="column-checkbox--content">
           <dsa-checkbox
@@ -8,7 +8,7 @@ import{a as c}from"./chunk.OS3TEHEN.js";import{a as o}from"./chunk.LIYDVH7Q.js";
             accessible-name=${this.selectionLabel!==""?this.selectionLabel:this.localize.term("selectAllTableRows")}
             value=${this.selectionValue}
             ?checked=${this.selected}
-            @click=${i=>i.stopPropagation()}
+            @click=${r=>r.stopPropagation()}
             @dsa-change=${this.handleCheckboxChange}
             ?disabled=${this.loading}
           ></dsa-checkbox>
@@ -23,4 +23,4 @@ import{a as c}from"./chunk.OS3TEHEN.js";import{a as o}from"./chunk.LIYDVH7Q.js";
           ${this.localize.term("showExpandedTableRowHeader")}
         </dsa-visually-hidden>
       </dsa-table-header-cell>
-    `}};e.styles=o,l([s(".checkbox")],e.prototype,"selectAllCheckbox",2),e=l([a("dsa-table-header-row")],e);export{e as a};
+    `}};e.styles=n,e.dependencies=c(s({},a.dependencies),{"dsa-table-header-cell":h,"dsa-visually-hidden":d}),l([o(".checkbox")],e.prototype,"selectAllCheckbox",2),e=l([i("dsa-table-header-row")],e);export{e as a};

package/cdn/chunks/chunk.S5TQGB4V.js

@@ -0,0 +1,62 @@
+import{a as o}from"./chunk.D5S2YDML.js";import{a as c}from"./chunk.CFBXGDPS.js";import{a as u}from"./chunk.KC2NESXB.js";import{a as p}from"./chunk.GYURCDPD.js";import{a as d}from"./chunk.63UE4VAO.js";import{a as s}from"./chunk.BWEPOOQP.js";import{a as h,b as i,c as m,d as a}from"./chunk.KBZ32KWP.js";import{a as l}from"./chunk.GP725TPQ.js";import{a as n,b as r,f as e}from"./chunk.IZ2HVRME.js";var t=class extends u{constructor(){super(...arguments);this.value="";this.defaultValue=""}connectedCallback(){super.connectedCallback(),this.tempValue=this.value===""?this.defaultValue:this.value}handleInput(f){f.stopPropagation(),this.tempValue=this.filterInput.value}handleDecrease(){this.tempValue===""?this.tempValue=this.defaultValue!==""?this.defaultValue:"0":(!this.min||parseFloat(this.tempValue)>this.min)&&(this.tempValue=`${parseFloat(this.tempValue)-1}`,this.emit("dsa-input"))}handleIncrease(){this.tempValue===""?this.tempValue=this.defaultValue!==""?this.defaultValue:"0":(!this.max||parseFloat(this.tempValue)<this.max)&&(this.tempValue=`${parseFloat(this.tempValue)+1}`,this.emit("dsa-input"))}handleReset(){this.tempValue=this.defaultValue,this.emit("dsa-input"),this.filterInput.focus({preventScroll:!0})}handleSubmit(){this.value=this.tempValue,this.emit("dsa-submit"),this.hide(),this.filterTrigger.focus({preventScroll:!0})}handleValueChange(){this.value!==""&&(this.tempValue=this.value===""?this.defaultValue:this.value)}handleTempValueChange(){this.drawer&&(this.value=this.tempValue)}handleFilterCounterOpenChange(){this.open||(this.tempValue=this.value===""?this.defaultValue:this.value)}renderPanelContent(){return l`
+      <div class="filter__content">
+        <dsa-icon-button
+          name="remove"
+          variant="secondary"
+          size="xlarge"
+          label=${this.localize.term("decrease")}
+          @click=${this.handleDecrease}
+          ?disabled=${this.min&&parseFloat(this.tempValue)<=this.min}
+          class="filter__decrease"
+          library="system"
+        ></dsa-icon-button>
+        <dsa-input
+          type="number"
+          .value=${this.tempValue}
+          @input=${this.handleInput}
+          min=${this.min}
+          max=${this.max}
+          variant=${this.drawer?"layer":"base"}
+          accessible-name=${this.label}
+        ></dsa-input>
+        <dsa-icon-button
+          name="add"
+          variant="secondary"
+          size="xlarge"
+          label=${this.localize.term("increase")}
+          @click=${this.handleIncrease}
+          ?disabled=${this.max&&parseFloat(this.tempValue)>=this.max}
+          class="filter__increase"
+          library="system"
+        ></dsa-icon-button>
+      </div>
+
+      <div class="filter__footer">
+        <dsa-button
+          variant="tertiary"
+          size="small"
+          @click=${this.handleReset}
+          class="filter__reset"
+          ?disabled=${this.tempValue===this.defaultValue}
+        >
+          <dsa-icon
+            name="restart_alt"
+            slot="prefix"
+            library="system"
+          ></dsa-icon>
+          ${this.localize.term("reinitialize")}
+        </dsa-button>
+
+        ${this.drawer?"":l`
+              <dsa-button
+                variant="primary"
+                size="small"
+                @click=${this.handleSubmit}
+                class="filter__submit"
+                ?disabled=${this.min&&parseFloat(this.tempValue)<this.min||this.max&&parseFloat(this.tempValue)>this.max}
+              >
+                ${this.localize.term("validate")}
+              </dsa-button>
+            `}
+      </div>
+    `}};t.styles=c,t.dependencies=r(n({},u.dependencies),{"dsa-button":p,"dsa-icon-button":d,"dsa-input":o}),e([a("dsa-input")],t.prototype,"filterInput",2),e([a(".filter__decrease")],t.prototype,"decreaseButton",2),e([a(".filter__increase")],t.prototype,"increaseButton",2),e([a(".filter__reset")],t.prototype,"resetButton",2),e([a(".filter__submit")],t.prototype,"submitButton",2),e([m()],t.prototype,"tempValue",2),e([i({reflect:!0})],t.prototype,"value",2),e([i({attribute:"default-value"})],t.prototype,"defaultValue",2),e([i()],t.prototype,"min",2),e([i()],t.prototype,"max",2),e([s("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1),e([s("tempValue",{waitUntilFirstUpdate:!0})],t.prototype,"handleTempValueChange",1),e([s("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleFilterCounterOpenChange",1),t=e([h("dsa-filter-counter")],t);export{t as a};

package/cdn/chunks/{chunk.57GTEVYE.js → chunk.S5XJPLVO.js}

@@ -1,4 +1,4 @@
-import{a as x}from"./chunk.AP4A32XE.js";import{a as f}from"./chunk.ISAALGRC.js";import{a as g}from"./chunk.DUYCHM7G.js";import{a as h}from"./chunk.NIRNX67K.js";import{d}from"./chunk.ZBHHLRFH.js";import{a}from"./chunk.2RF4WD6T.js";import{a as o}from"./chunk.BWEPOOQP.js";import{a as c,b as p,c as u,d as m}from"./chunk.CEOMZJL3.js";import{a as r}from"./chunk.GP725TPQ.js";import{f as n}from"./chunk.IZ2HVRME.js";var i=class extends f{constructor(){super(...arguments);this.currentIndex=0;this.length=6}handleFocus(){this.currentIndex=this.value?-1:0,this.hasFocus=!0,this.emit("dsa-focus")}handleInput(e){var t;if(this.patternRegexp&&!this.patternRegexp.test(this.input.value)){this.input.value=this.value,this.handleCurrentIndexChange();return}this.input.value.length>this.length?this.input.value=this.input.value.slice(0,this.length):(this.value=this.input.value,e.data?((t=e.data)==null?void 0:t.length)===1?this.currentIndex=this.currentIndex<this.length?this.currentIndex+1:this.length-1:this.currentIndex=this.getLastIndex():this.currentIndex===0?this.handleCurrentIndexChange():this.currentIndex===-1?this.currentIndex=0:this.currentIndex-=1,this.formControlController.updateValidity(),this.emit("dsa-input"))}handleSelect(){this.input.value.length>1&&this.input.selectionStart===0&&this.input.selectionEnd===this.input.value.length&&(this.currentIndex=-1)}handleKeyDown(e){if(super.handleKeyDown(e),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key))switch(e.preventDefault(),e.key){case"ArrowLeft":this.currentIndex=this.currentIndex>0?this.currentIndex-1:0;break;case"ArrowRight":this.currentIndex===-1?this.currentIndex=this.getLastIndex():this.currentIndex<this.value.length&&this.currentIndex<this.length-1&&(this.currentIndex+=1);break;case"ArrowUp":this.currentIndex=0;break;case"ArrowDown":this.currentIndex=this.getLastIndex();break}}handleSingleFieldClick(e){if(this.focus(),e.currentTarget instanceof HTMLElement){let t=Number(e.currentTarget.dataset.fieldIndex);this.currentIndex=t<this.value.length?t:this.getLastIndex()}}getLastIndex(){return this.value.length>0?Math.min(this.value.length,this.length-1):0}handleCurrentIndexChange(){this.currentIndex===-1?this.input.setSelectionRange(0,this.input.value.length):this.input.setSelectionRange(this.currentIndex,this.currentIndex+1)}handlePatterChange(){this.patternRegexp=new RegExp(this.pattern)}async getUpdateComplete(){return await super.getUpdateComplete()}renderSingleField(e){let t=this.value.split("")[e],s=this.currentIndex===e||this.currentIndex===-1&&t,l=d({"single-field":!0,"single-field--active":this.hasFocus&&s});return r`
+import{a as x}from"./chunk.RGBTVRRP.js";import{a as f}from"./chunk.ZCITPD2M.js";import{a as g}from"./chunk.FX5UP23Z.js";import{a as h}from"./chunk.NIRNX67K.js";import{a}from"./chunk.2RF4WD6T.js";import{d}from"./chunk.ZBHHLRFH.js";import{a as o}from"./chunk.BWEPOOQP.js";import{a as c,b as p,c as u,d as m}from"./chunk.KBZ32KWP.js";import{a as r}from"./chunk.GP725TPQ.js";import{f as n}from"./chunk.IZ2HVRME.js";var i=class extends f{constructor(){super(...arguments);this.currentIndex=0;this.length=6}handleFocus(){this.currentIndex=this.value?-1:0,this.hasFocus=!0,this.emit("dsa-focus")}handleInput(e){var t;if(this.patternRegexp&&!this.patternRegexp.test(this.input.value)){this.input.value=this.value,this.handleCurrentIndexChange();return}this.input.value.length>this.length?this.input.value=this.input.value.slice(0,this.length):(this.value=this.input.value,e.data?((t=e.data)==null?void 0:t.length)===1?this.currentIndex=this.currentIndex<this.length?this.currentIndex+1:this.length-1:this.currentIndex=this.getLastIndex():this.currentIndex===0?this.handleCurrentIndexChange():this.currentIndex===-1?this.currentIndex=0:this.currentIndex-=1,this.formControlController.updateValidity(),this.emit("dsa-input"))}handleSelect(){this.input.value.length>1&&this.input.selectionStart===0&&this.input.selectionEnd===this.input.value.length&&(this.currentIndex=-1)}handleKeyDown(e){if(super.handleKeyDown(e),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key))switch(e.preventDefault(),e.key){case"ArrowLeft":this.currentIndex=this.currentIndex>0?this.currentIndex-1:0;break;case"ArrowRight":this.currentIndex===-1?this.currentIndex=this.getLastIndex():this.currentIndex<this.value.length&&this.currentIndex<this.length-1&&(this.currentIndex+=1);break;case"ArrowUp":this.currentIndex=0;break;case"ArrowDown":this.currentIndex=this.getLastIndex();break}}handleSingleFieldClick(e){if(this.focus(),e.currentTarget instanceof HTMLElement){let t=Number(e.currentTarget.dataset.fieldIndex);this.currentIndex=t<this.value.length?t:this.getLastIndex()}}getLastIndex(){return this.value.length>0?Math.min(this.value.length,this.length-1):0}handleCurrentIndexChange(){this.currentIndex===-1?this.input.setSelectionRange(0,this.input.value.length):this.input.setSelectionRange(this.currentIndex,this.currentIndex+1)}handlePatterChange(){this.patternRegexp=new RegExp(this.pattern)}async getUpdateComplete(){return await super.getUpdateComplete()}renderSingleField(e){let t=this.value.split("")[e],s=this.currentIndex===e||this.currentIndex===-1&&t,l=d({"single-field":!0,"single-field--active":this.hasFocus&&s});return r`
       <div
         class=${l}
         data-field-index=${e}