@eunomia/elements 1.0.0-beta.4 → 1.0.0-beta.5

package/dist/cdn/components/eun-table-action-bar.js

@@ -1 +1 @@
-import{b as a,c as b}from"./chunks/chunk-EOWBYZV7.js";import"./chunks/chunk-VRGRCYIO.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaTableActionBar,a as EunomiaTableActionBarTagName};
+import{b as a,c as b}from"./chunks/chunk-IDKZKLJR.js";import"./chunks/chunk-VRGRCYIO.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaTableActionBar,a as EunomiaTableActionBarTagName};

package/dist/cdn/components/eun-table.js

@@ -1,4 +1,4 @@
-import{a as F}from"./chunks/chunk-KVYUNKUO.js";import{a as O}from"./chunks/chunk-X2AUBZD2.js";import{a as p}from"./chunks/chunk-A6KGFALA.js";import{a as f}from"./chunks/chunk-D2M4BV5Y.js";import{b as x,c as m}from"./chunks/chunk-E74CM7UG.js";import"./chunks/chunk-PCM7D3YF.js";import{a as g,b as H}from"./chunks/chunk-EOWBYZV7.js";import"./chunks/chunk-PED5ATYN.js";import{a as z,b as M}from"./chunks/chunk-ZYC7DHES.js";import"./chunks/chunk-5XJLIHAU.js";import{a as B}from"./chunks/chunk-YGUJJ25C.js";import"./chunks/chunk-CEDHJUUH.js";import{a as P}from"./chunks/chunk-2JLDJFYD.js";import{a as k}from"./chunks/chunk-BMQOI7HX.js";import"./chunks/chunk-4MXL6PZC.js";import"./chunks/chunk-T7WABJEJ.js";import"./chunks/chunk-UP4M7TER.js";import"./chunks/chunk-VRGRCYIO.js";import"./chunks/chunk-MMLIPCOY.js";import"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-BKHD4S57.js";import{a as l,f as T,g as C,h as r,i as w,j as L,l as A,n as b,p as E,r as R,s as I}from"./chunks/chunk-XH6NREVZ.js";function N(n){let c=document.createElement(p);for(let e of n){let t=document.createElement(O);t.textContent=e.label,e.width&&(t.width=e.width),e.sort&&(t.sort=e.sort),c.appendChild(t)}return c}function D(n,c,e,t,i){let s=document.createElement(f);s.rowKey=t?t(n,c):m(void 0,c);for(let o of e)s.appendChild($(o,n,c));return i&&s.appendChild(j(i,n,c)),s}function $(n,c,e){let t=document.createElement(F);n.align&&t.style.setProperty("--table-cell-align",K(n.align));let i=c[n.key];return R(n.render?n.render(i,c,e):V(i),t),t}function K(n){switch(n){case"center":return"center";case"right":return"flex-end";default:return"flex-start"}}function V(n){return n==null?"":String(n)}function j(n,c,e){if(n.type==="dropdown"){let i=document.createElement(B);return i.setAttribute("slot","action"),i.size="xs",i.appearance="ghost",n.icon?i.icon=n.icon:n.label&&(i.label=n.label),i.ariaLabel=n.label??"Row actions",i.options=n.options(c),i.disabledKeys=n.disabledKeys?.(c)??[],i.disabled=n.disabled?.(c)??!1,i.addEventListener("eunselect",s=>{n.onSelect(s.key,c,e)}),i}let t=document.createElement(k);if(t.setAttribute("slot","action"),t.size="xs",n.variant==="danger"?(t.variant="critical",t.appearance="default"):t.appearance="ghost",t.ariaLabel=n.label,t.disabled=n.disabled?.(c)??!1,n.icon){let i=document.createElement(P);i.name=n.icon,i.size="16",t.appendChild(i)}else t.textContent=n.label;return t.addEventListener("click",()=>n.onClick(c,e)),t}var v=class n extends Event{static{this.eventName="euntableselectionchange"}constructor(c){super(n.eventName,{bubbles:!0,composed:!1}),this.selectedKeys=c,this.selectedCount=c.length}};var _=C`
+import{a as F}from"./chunks/chunk-KVYUNKUO.js";import{a as O}from"./chunks/chunk-X2AUBZD2.js";import{a as p}from"./chunks/chunk-A6KGFALA.js";import{a as f}from"./chunks/chunk-D2M4BV5Y.js";import{b as x,c as m}from"./chunks/chunk-E74CM7UG.js";import"./chunks/chunk-PCM7D3YF.js";import{a as g,b as H}from"./chunks/chunk-IDKZKLJR.js";import"./chunks/chunk-PED5ATYN.js";import{a as z,b as M}from"./chunks/chunk-ZYC7DHES.js";import"./chunks/chunk-5XJLIHAU.js";import{a as B}from"./chunks/chunk-MPQP4R54.js";import"./chunks/chunk-CEDHJUUH.js";import{a as P}from"./chunks/chunk-JRGM3W7I.js";import{a as k}from"./chunks/chunk-DKOPI7QA.js";import"./chunks/chunk-OW7XKDCH.js";import"./chunks/chunk-32DTNR52.js";import"./chunks/chunk-UP4M7TER.js";import"./chunks/chunk-VRGRCYIO.js";import"./chunks/chunk-MMLIPCOY.js";import"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-3MTUVMM5.js";import"./chunks/chunk-SJWRE6PW.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-5GKM5DIB.js";import{a as l,f as T,g as C,h as r,i as w,j as L,l as A,n as b,p as E,r as R,s as I}from"./chunks/chunk-XH6NREVZ.js";function N(n){let c=document.createElement(p);for(let e of n){let t=document.createElement(O);t.textContent=e.label,e.width&&(t.width=e.width),e.sort&&(t.sort=e.sort),c.appendChild(t)}return c}function D(n,c,e,t,i){let s=document.createElement(f);s.rowKey=t?t(n,c):m(void 0,c);for(let o of e)s.appendChild($(o,n,c));return i&&s.appendChild(j(i,n,c)),s}function $(n,c,e){let t=document.createElement(F);n.align&&t.style.setProperty("--table-cell-align",K(n.align));let i=c[n.key];return R(n.render?n.render(i,c,e):V(i),t),t}function K(n){switch(n){case"center":return"center";case"right":return"flex-end";default:return"flex-start"}}function V(n){return n==null?"":String(n)}function j(n,c,e){if(n.type==="dropdown"){let i=document.createElement(B);return i.setAttribute("slot","action"),i.size="xs",i.appearance="ghost",n.icon?i.icon=n.icon:n.label&&(i.label=n.label),i.ariaLabel=n.label??"Row actions",i.options=n.options(c),i.disabledKeys=n.disabledKeys?.(c)??[],i.disabled=n.disabled?.(c)??!1,i.addEventListener("eunselect",s=>{n.onSelect(s.key,c,e)}),i}let t=document.createElement(k);if(t.setAttribute("slot","action"),t.size="xs",n.color?(t.color=n.color,t.appearance="default"):t.appearance="ghost",t.ariaLabel=n.label,t.disabled=n.disabled?.(c)??!1,n.icon){let i=document.createElement(P);i.name=n.icon,i.size="16",t.appendChild(i)}else t.textContent=n.label;return t.addEventListener("click",()=>n.onClick(c,e)),t}var v=class n extends Event{static{this.eventName="euntableselectionchange"}constructor(c){super(n.eventName,{bubbles:!0,composed:!1}),this.selectedKeys=c,this.selectedCount=c.length}};var _=C`
   :host {
     display: grid;
     grid-template-columns: var(--_columns, none);

package/dist/cdn/components/eun-textarea.js

@@ -1,4 +1,4 @@
-import{a as q}from"./chunks/chunk-E4IS25H7.js";import{a as W}from"./chunks/chunk-UAGCQF23.js";import{a as X}from"./chunks/chunk-L74LXUGL.js";import{a as U}from"./chunks/chunk-XSMCT4DF.js";import{a as G}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as F,c as j,d as K,e as C}from"./chunks/chunk-OAULRKHQ.js";import{a as S}from"./chunks/chunk-YYCEPZUN.js";import{a as N,b as y,c as w,d as A,e as V,f as R,g as O}from"./chunks/chunk-LGLQ36QB.js";import{a as B}from"./chunks/chunk-T7WABJEJ.js";import{a as P}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as v}from"./chunks/chunk-5EVP7YNE.js";import{a as c,f as I,g as _,h as u,i as E,j as k,n as g,p as b,s as D}from"./chunks/chunk-XH6NREVZ.js";var re=_`
+import{a as q}from"./chunks/chunk-E4IS25H7.js";import{a as W}from"./chunks/chunk-L65WUTXM.js";import{a as X}from"./chunks/chunk-L74LXUGL.js";import{a as U}from"./chunks/chunk-LFCXUVDO.js";import{a as G}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as F,c as j,d as K,e as C}from"./chunks/chunk-OAULRKHQ.js";import{a as S}from"./chunks/chunk-YYCEPZUN.js";import{a as N,b as y,c as w,d as A,e as V,f as R,g as O}from"./chunks/chunk-LGLQ36QB.js";import{a as B}from"./chunks/chunk-32DTNR52.js";import{a as P}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as v}from"./chunks/chunk-5EVP7YNE.js";import{a as c,f as I,g as _,h as u,i as E,j as k,n as g,p as b,s as D}from"./chunks/chunk-XH6NREVZ.js";var re=_`
   #field {
     resize: vertical;
     min-height: 6rem;
@@ -336,7 +336,7 @@ import{a as q}from"./chunks/chunk-E4IS25H7.js";import{a as W}from"./chunks/chunk
             <eun-button
               class="cancel"
               size="s"
-              variant="critical"
+              color="critical"
               appearance="flat"
               rounded
               type="button"

package/dist/cdn/components/eun-time-picker.js

@@ -1,4 +1,4 @@
-import{a as G,b as T,c as W,d as Z,e as J,f as Q,g as $,h as E,i as X,j as D,k as ee,m as h,o as H,p as te,q as ie,r as oe,s as re}from"./chunks/chunk-S2UCEWNG.js";import"./chunks/chunk-SD2H5UDZ.js";import{a as N}from"./chunks/chunk-ATH2OAMU.js";import"./chunks/chunk-T4PTHUYF.js";import{a as q}from"./chunks/chunk-LK5BJ4SH.js";import{a as Y}from"./chunks/chunk-UAGCQF23.js";import{a as A}from"./chunks/chunk-LYYQAALT.js";import{a as U}from"./chunks/chunk-XSMCT4DF.js";import{a as j}from"./chunks/chunk-GW3VP2L7.js";import{a as R,c as K,d as B,e as C}from"./chunks/chunk-OAULRKHQ.js";import{a as P}from"./chunks/chunk-YYCEPZUN.js";import{a as _}from"./chunks/chunk-T7WABJEJ.js";import{a as V}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-5EVP7YNE.js";import{a as r,f as O,g as x,h as s,i as M,j as b,n as d,p as k,s as z}from"./chunks/chunk-XH6NREVZ.js";var de=x`
+import{a as G,b as T,c as W,d as Z,e as J,f as Q,g as $,h as E,i as X,j as D,k as ee,m as h,o as H,p as te,q as ie,r as oe,s as re}from"./chunks/chunk-S2UCEWNG.js";import"./chunks/chunk-SD2H5UDZ.js";import"./chunks/chunk-T4PTHUYF.js";import{a as q}from"./chunks/chunk-LK5BJ4SH.js";import{a as Y}from"./chunks/chunk-L65WUTXM.js";import{a as A}from"./chunks/chunk-LYYQAALT.js";import{a as U}from"./chunks/chunk-LFCXUVDO.js";import{a as j}from"./chunks/chunk-GW3VP2L7.js";import{a as R,c as K,d as B,e as C}from"./chunks/chunk-OAULRKHQ.js";import{a as P}from"./chunks/chunk-YYCEPZUN.js";import{a as _}from"./chunks/chunk-32DTNR52.js";import{a as V}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as N}from"./chunks/chunk-SJWRE6PW.js";import"./chunks/chunk-5EVP7YNE.js";import{a as r,f as O,g as x,h as s,i as M,j as b,n as d,p as k,s as z}from"./chunks/chunk-XH6NREVZ.js";var de=x`
   :host {
     display: block;
     width: 100%;
@@ -45,22 +45,22 @@ import{a as G,b as T,c as W,d as Z,e as J,f as Q,g as $,h as E,i as X,j as D,k a
   :host([aria-invalid="true"]) #field-wrapper:focus-within {
     outline-color: var(--_errorColor);
   }
-  :host([variant="fill"]) {
+  :host([appearance="flat"]) {
     --_background: var(--field-background, var(--eun-content-hover, #edeff0));
   }
-  :host([variant="fill"]) #field-wrapper {
+  :host([appearance="flat"]) #field-wrapper {
     border-color: transparent;
   }
-  :host([variant="fill"][aria-invalid="true"]) #field-wrapper {
+  :host([appearance="flat"][aria-invalid="true"]) #field-wrapper {
     box-shadow: inset 0 0 0 var(--eun-border-width-m, 1.5px) var(--_errorColor);
   }
-  :host([variant="underline"]) #field-wrapper {
+  :host([appearance="underline"]) #field-wrapper {
     border: none;
     outline: none;
     border-bottom: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
     border-radius: 0;
   }
-  :host([variant="underline"]) #field-wrapper:focus-within {
+  :host([appearance="underline"]) #field-wrapper:focus-within {
     outline: none;
   }
   .segment-group {
@@ -179,7 +179,7 @@ import{a as G,b as T,c as W,d as Z,e as J,f as Q,g as $,h as E,i as X,j as D,k a
   #modal-time .modal-footer {
     padding: var(--eun-space-m);
   }
-`,ne=[Y,de],ce=x`
+`,ne=[Y,de],pe=x`
   @supports (anchor-name: --a) {
     #clock-popover:popover-open {
       position-try-fallbacks: --eun-time-picker-above;
@@ -191,7 +191,7 @@ import{a as G,b as T,c as W,d as Z,e as J,f as Q,g as $,h as E,i as X,j as D,k a
       bottom: calc(anchor(top) + 4px);
     }
   }
-`,ae=ce;var me=x`
+`,ae=pe;var ce=x`
   .tp-list {
     display: flex;
     flex-direction: column;
@@ -241,7 +241,7 @@ import{a as G,b as T,c as W,d as Z,e as J,f as Q,g as $,h as E,i as X,j as D,k a
     cursor: not-allowed;
     opacity: 0.4;
   }
-`,se=me;var pe=1440;function le(u){let{format:g,hour:e,minute:t,locale:i,disabled:n=!1,onPick:c}=u,m=Math.max(1,Math.round(u.stepMinutes)),w=new Intl.DateTimeFormat(i,{hour:"numeric",minute:"2-digit",hourCycle:g===12?"h12":"h23"}),f=[];for(let a=0;a<pe;a+=m){let l=Math.floor(a/60),p=a%60;f.push({hour24:l,minute:p,text:w.format(new Date(2e3,0,1,l,p)),selected:l===e&&p===t})}let I=f.findIndex(a=>a.selected),F=I===-1?0:I,v=(a,l)=>{let p=a.querySelectorAll('[role="option"]'),S=Math.min(Math.max(l,0),p.length-1);p[S]?.focus()},ue=a=>{let l=a.currentTarget,p=Array.from(l.querySelectorAll('[role="option"]')),S=p.indexOf(document.activeElement),y=S===-1?F:S;switch(a.key){case"ArrowDown":a.preventDefault(),v(l,y+1);break;case"ArrowUp":a.preventDefault(),v(l,y-1);break;case"PageDown":a.preventDefault(),v(l,y+5);break;case"PageUp":a.preventDefault(),v(l,y-5);break;case"Home":a.preventDefault(),v(l,0);break;case"End":a.preventDefault(),v(l,p.length-1);break;case"Enter":case" ":{a.preventDefault();let L=f[y];L&&c(L.hour24,L.minute);break}default:break}};return d`
+`,se=ce;var me=1440;function le(u){let{format:g,hour:e,minute:t,locale:i,disabled:n=!1,onPick:p}=u,c=Math.max(1,Math.round(u.stepMinutes)),w=new Intl.DateTimeFormat(i,{hour:"numeric",minute:"2-digit",hourCycle:g===12?"h12":"h23"}),f=[];for(let a=0;a<me;a+=c){let l=Math.floor(a/60),m=a%60;f.push({hour24:l,minute:m,text:w.format(new Date(2e3,0,1,l,m)),selected:l===e&&m===t})}let I=f.findIndex(a=>a.selected),F=I===-1?0:I,v=(a,l)=>{let m=a.querySelectorAll('[role="option"]'),S=Math.min(Math.max(l,0),m.length-1);m[S]?.focus()},ue=a=>{let l=a.currentTarget,m=Array.from(l.querySelectorAll('[role="option"]')),S=m.indexOf(document.activeElement),y=S===-1?F:S;switch(a.key){case"ArrowDown":a.preventDefault(),v(l,y+1);break;case"ArrowUp":a.preventDefault(),v(l,y-1);break;case"PageDown":a.preventDefault(),v(l,y+5);break;case"PageUp":a.preventDefault(),v(l,y-5);break;case"Home":a.preventDefault(),v(l,0);break;case"End":a.preventDefault(),v(l,m.length-1);break;case"Enter":case" ":{a.preventDefault();let L=f[y];L&&p(L.hour24,L.minute);break}default:break}};return d`
     <div
       class="tp-list"
       role="listbox"
@@ -257,13 +257,13 @@ import{a as G,b as T,c as W,d as Z,e as J,f as Q,g as $,h as E,i as X,j as D,k a
             tabindex=${n?"-1":l===F?"0":"-1"}
             aria-selected=${a.selected?"true":"false"}
             ?disabled=${n}
-            @click=${()=>c(a.hour24,a.minute)}
+            @click=${()=>p(a.hour24,a.minute)}
           >
             ${a.text}
           </button>
         `)}
     </div>
-  `}var he="eun-time-picker",fe=_(B(z)),ve=N(q(U(j(R(K(fe)))))),o=class extends ve{constructor(){super(...arguments);this.stepMinute=1;this.mobileMode="wheel";this.panelMode="columns";this.listStepMinutes=30;this.noAnimation=!1;this.applyLabel="Apply";this.cancelLabel="Cancel";this.ariaLabelClock="Open clock";this.hourPlaceholder="hh";this.minutePlaceholder="mm";this.hideTimezoneLabel=!1;this.isOpen=!1;this.isModalOpen=!1;this.stagingValue=null;this.segments={hour:"",minute:"",period:""};this.checkLocalValidators=()=>{let e=this.resolvedHourFormat();if(be(this.segments)&&!E(this.segments,e))return{validity:{badInput:!0},message:"Enter a valid time"};if(this.value){let{hour:t,minute:i}=h(this.value,this.timezone),n=ee({hour:t,minute:i},D(this.minTime),D(this.maxTime));if(!n.valid)return n.violation==="min"?{validity:{rangeUnderflow:!0},message:this.dictionary.timePicker.mustBeAtOrAfter(this.minTime??"")}:{validity:{rangeOverflow:!0},message:this.dictionary.timePicker.mustBeAtOrBefore(this.maxTime??"")}}return{validity:{}}};this.handleHourColumnChange=e=>{let{minute:t}=h(this.displaySource,this.timezone);this.commitAdjustment(e,t)};this.handleMinuteColumnChange=e=>{let{hour:t}=h(this.displaySource,this.timezone);this.commitAdjustment(t,e)};this.handlePeriodColumnChange=e=>{let{hour:t,minute:i}=h(this.displaySource,this.timezone),{hour:n}=T(t);this.commitAdjustment(W(n,e),i)};this.handleTriggerClick=()=>{if(!(this.disabled||this.readonly)){if(this.resetStaging(),this.panelMode!=="list"&&this.isMobileViewport()){this.isModalOpen=!0;return}this.updateComplete.then(()=>{let e=this.popoverEl;if(!e)return;let t=this.popoverAnimation!==void 0;this.popoverAnimation?.cancel(),this.popoverAnimation=void 0;let i=!e.matches(":popover-open");i&&e.showPopover(),(i||t)&&this.playPopoverOpenAnimation(e)})}};this.handlePopoverToggle=e=>{if(e.newState==="open"){this.isOpen=!0,this.fieldWrapperEl&&this.popoverEl&&this.anchorFloatingElement(this.fieldWrapperEl,this.popoverEl,{forceFallback:A}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closePopover()),this.updateComplete.then(()=>this.panelMode==="list"?this.focusListSelection():this.focusFirstSpinbutton());return}this.isOpen=!1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility(),this.triggerEl?.focus()};this.handleModalConfirm=()=>{this.commitStaged(),this.isModalOpen=!1};this.handleModalCancel=()=>{this.isModalOpen=!1};this.handleListPick=(e,t)=>{this.commitAdjustment(e,t),this.closePopover()};this.handlePeriodSegmentClick=()=>{this.setPeriodSegment(Z(this.segments.period||"AM"))};this.handlePeriodSegmentKeydown=e=>{switch(e.key){case"ArrowUp":case"ArrowDown":case"Enter":case" ":e.preventDefault(),this.handlePeriodSegmentClick();break;case"a":case"A":e.preventDefault(),this.setPeriodSegment("AM");break;case"p":case"P":e.preventDefault(),this.setPeriodSegment("PM");break;case"ArrowLeft":e.preventDefault(),this.focusPreviousSegment("period");break;case"ArrowRight":e.preventDefault(),this.focusNextSegment("period");break;default:break}}}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}willUpdate(e){let t=e.has("segments")||e.has("minTime")||e.has("maxTime");if(e.has("value")||e.has("timezone")||e.has("hourFormat")||e.has("locale")){let i=this.resolvedHourFormat();if(this.value){let n=h(this.value,this.timezone);this.segments=$(n.hour,n.minute,i)}else this.segments=$(null,null,i);t=!0}t&&this.checkValidity(this.value??null),super.willUpdate(e)}updated(e){super.updated(e),(e.has("valid")||e.has("hideError")||e.has("disabled"))&&this.setAttribute("aria-invalid",String(!this.hideError&&!this.disabled&&!this.valid))}getFocusAnchor(){return this.firstSegmentEl??void 0}focus(){super.focus?.(),this.firstSegmentEl?.focus()}isMobileViewport(){return window.matchMedia("(max-width: 767px)").matches}resolvedHourFormat(){return G(this.locale,this.hourFormat)}get displaySource(){return this.stagingValue??this.value??new Date}resetStaging(){this.stagingValue=this.value??null}commitStaged(){this.value=this.stagingValue,this.dispatchEvent(new P(this.value))}commitAdjustment(e,t){let i=H(this.displaySource,this.timezone,e,t);this.stagingValue=i,!this.isModalOpen&&(this.value=i,this.dispatchEvent(new P(this.value)))}commitTypedTime(e,t){this.value=H(this.value??new Date,this.timezone,e,t),this.dispatchEvent(new P(this.value)),(this.isOpen||this.isModalOpen)&&this.resetStaging()}commitSegmentGroupIfComplete(e){let t=this.resolvedHourFormat();if(!X(e,t))return;let i=E(e,t);i&&this.commitTypedTime(i.hour,i.minute)}popoverAnimationDuration(e){if(this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let t=getComputedStyle(e).getPropertyValue("--time-picker-panel-transition-duration").trim();if(t){let i=t.endsWith("ms")?Number.parseFloat(t):Number.parseFloat(t)*1e3;if(Number.isFinite(i)&&i>=0)return i}return 200}playPopoverOpenAnimation(e){e.style.removeProperty("pointer-events");let t=this.popoverAnimationDuration(e);t!==0&&(this.popoverAnimation=e.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:t,easing:"ease",fill:"forwards"}))}closePopover(){let e=this.popoverEl;this.popoverAnimation?.cancel(),this.popoverAnimation=void 0,e?.matches(":popover-open")&&this.playPopoverCloseAnimation(e)}playPopoverCloseAnimation(e){e.style.pointerEvents="none";let t=this.popoverAnimationDuration(e);if(t===0){e.hidePopover();return}let i=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:t,easing:"ease",fill:"forwards"});this.popoverAnimation=i,i.finished.then(()=>{this.popoverAnimation===i&&(this.popoverAnimation=void 0),e.hidePopover()}).catch(()=>{})}focusFirstSpinbutton(){(this.isModalOpen?this.shadowRoot:this.popoverEl)?.querySelector('[role="spinbutton"]')?.focus({preventScroll:!0})}focusListSelection(){let e=this.popoverEl?.querySelector('[role="option"][aria-selected="true"]')??this.popoverEl?.querySelector('[role="option"]');e?.focus({preventScroll:!0}),e?.scrollIntoView({block:"center",behavior:this.noAnimation?"instant":"smooth"})}visibleSegmentOrder(){let e=J(this.resolvedHourFormat());return Q(this.locale).filter(t=>e.includes(t))}focusPreviousSegment(e){let t=this.visibleSegmentOrder(),i=t.indexOf(e);i<=0||this.focusSegment(t[i-1])}focusNextSegment(e){let t=this.visibleSegmentOrder(),i=t.indexOf(e);i===-1||i>=t.length-1||this.focusSegment(t[i+1])}focusSegment(e){this.shadowRoot?.querySelector(`.segment-${e}`)?.focus()}handleSegmentInput(e,t){let i=e.target,n=i.value.replace(/\D/g,"").slice(0,2);i.value=n;let c={...this.segments,[t]:n};this.segments=c,n.length===2&&this.focusNextSegment(t),this.commitSegmentGroupIfComplete(c)}handleSegmentKeydown(e,t){let i=e.target;e.key==="Backspace"&&i.value===""||e.key==="ArrowLeft"?(e.preventDefault(),this.focusPreviousSegment(t)):e.key==="ArrowRight"?(e.preventDefault(),this.focusNextSegment(t)):e.key==="ArrowUp"?(e.preventDefault(),this.adjustSegment(t,1)):e.key==="ArrowDown"&&(e.preventDefault(),this.adjustSegment(t,-1))}adjustSegment(e,t){let i=this.resolvedHourFormat(),n=e==="hour"?i===12?{min:1,max:12}:{min:0,max:23}:{min:0,max:59},c=Number(this.segments[e]),m;if(this.segments[e]===""||Number.isNaN(c)){let f=h(this.displaySource,this.timezone);m=e==="hour"?i===12?T(f.hour).hour:f.hour:f.minute}else m=c+t,m>n.max?m=n.min:m<n.min&&(m=n.max);let w={...this.segments,[e]:String(m).padStart(2,"0")};this.segments=w,this.commitSegmentGroupIfComplete(w)}setPeriodSegment(e){if(this.disabled||this.readonly)return;let t={...this.segments,period:e};this.segments=t,this.commitSegmentGroupIfComplete(t)}renderSegment(e){return e==="period"?d`
+  `}var he="eun-time-picker",fe=_(B(z)),ve=N(q(U(j(R(K(fe)))))),o=class extends ve{constructor(){super(...arguments);this.stepMinute=1;this.mobileMode="wheel";this.panelMode="columns";this.listStepMinutes=30;this.noAnimation=!1;this.applyLabel="Apply";this.cancelLabel="Cancel";this.ariaLabelClock="Open clock";this.hourPlaceholder="hh";this.minutePlaceholder="mm";this.hideTimezoneLabel=!1;this.isOpen=!1;this.isModalOpen=!1;this.stagingValue=null;this.segments={hour:"",minute:"",period:""};this.checkLocalValidators=()=>{let e=this.resolvedHourFormat();if(be(this.segments)&&!E(this.segments,e))return{validity:{badInput:!0},message:"Enter a valid time"};if(this.value){let{hour:t,minute:i}=h(this.value,this.timezone),n=ee({hour:t,minute:i},D(this.minTime),D(this.maxTime));if(!n.valid)return n.violation==="min"?{validity:{rangeUnderflow:!0},message:this.dictionary.timePicker.mustBeAtOrAfter(this.minTime??"")}:{validity:{rangeOverflow:!0},message:this.dictionary.timePicker.mustBeAtOrBefore(this.maxTime??"")}}return{validity:{}}};this.handleHourColumnChange=e=>{let{minute:t}=h(this.displaySource,this.timezone);this.commitAdjustment(e,t)};this.handleMinuteColumnChange=e=>{let{hour:t}=h(this.displaySource,this.timezone);this.commitAdjustment(t,e)};this.handlePeriodColumnChange=e=>{let{hour:t,minute:i}=h(this.displaySource,this.timezone),{hour:n}=T(t);this.commitAdjustment(W(n,e),i)};this.handleTriggerClick=()=>{if(!(this.disabled||this.readonly)){if(this.resetStaging(),this.panelMode!=="list"&&this.isMobileViewport()){this.isModalOpen=!0;return}this.updateComplete.then(()=>{let e=this.popoverEl;if(!e)return;let t=this.popoverAnimation!==void 0;this.popoverAnimation?.cancel(),this.popoverAnimation=void 0;let i=!e.matches(":popover-open");i&&e.showPopover(),(i||t)&&this.playPopoverOpenAnimation(e)})}};this.handlePopoverToggle=e=>{if(e.newState==="open"){this.isOpen=!0,this.fieldWrapperEl&&this.popoverEl&&this.anchorFloatingElement(this.fieldWrapperEl,this.popoverEl,{forceFallback:A}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closePopover()),this.updateComplete.then(()=>this.panelMode==="list"?this.focusListSelection():this.focusFirstSpinbutton());return}this.isOpen=!1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility(),this.triggerEl?.focus()};this.handleModalConfirm=()=>{this.commitStaged(),this.isModalOpen=!1};this.handleModalCancel=()=>{this.isModalOpen=!1};this.handleListPick=(e,t)=>{this.commitAdjustment(e,t),this.closePopover()};this.handlePeriodSegmentClick=()=>{this.setPeriodSegment(Z(this.segments.period||"AM"))};this.handlePeriodSegmentKeydown=e=>{switch(e.key){case"ArrowUp":case"ArrowDown":case"Enter":case" ":e.preventDefault(),this.handlePeriodSegmentClick();break;case"a":case"A":e.preventDefault(),this.setPeriodSegment("AM");break;case"p":case"P":e.preventDefault(),this.setPeriodSegment("PM");break;case"ArrowLeft":e.preventDefault(),this.focusPreviousSegment("period");break;case"ArrowRight":e.preventDefault(),this.focusNextSegment("period");break;default:break}}}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}willUpdate(e){let t=e.has("segments")||e.has("minTime")||e.has("maxTime");if(e.has("value")||e.has("timezone")||e.has("hourFormat")||e.has("locale")){let i=this.resolvedHourFormat();if(this.value){let n=h(this.value,this.timezone);this.segments=$(n.hour,n.minute,i)}else this.segments=$(null,null,i);t=!0}t&&this.checkValidity(this.value??null),super.willUpdate(e)}updated(e){super.updated(e),(e.has("valid")||e.has("hideError")||e.has("disabled"))&&this.setAttribute("aria-invalid",String(!this.hideError&&!this.disabled&&!this.valid))}getFocusAnchor(){return this.firstSegmentEl??void 0}focus(){super.focus?.(),this.firstSegmentEl?.focus()}isMobileViewport(){return window.matchMedia("(max-width: 767px)").matches}resolvedHourFormat(){return G(this.locale,this.hourFormat)}get displaySource(){return this.stagingValue??this.value??new Date}resetStaging(){this.stagingValue=this.value??null}commitStaged(){this.value=this.stagingValue,this.dispatchEvent(new P(this.value))}commitAdjustment(e,t){let i=H(this.displaySource,this.timezone,e,t);this.stagingValue=i,!this.isModalOpen&&(this.value=i,this.dispatchEvent(new P(this.value)))}commitTypedTime(e,t){this.value=H(this.value??new Date,this.timezone,e,t),this.dispatchEvent(new P(this.value)),(this.isOpen||this.isModalOpen)&&this.resetStaging()}commitSegmentGroupIfComplete(e){let t=this.resolvedHourFormat();if(!X(e,t))return;let i=E(e,t);i&&this.commitTypedTime(i.hour,i.minute)}popoverAnimationDuration(e){if(this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let t=getComputedStyle(e).getPropertyValue("--time-picker-panel-transition-duration").trim();if(t){let i=t.endsWith("ms")?Number.parseFloat(t):Number.parseFloat(t)*1e3;if(Number.isFinite(i)&&i>=0)return i}return 200}playPopoverOpenAnimation(e){e.style.removeProperty("pointer-events");let t=this.popoverAnimationDuration(e);t!==0&&(this.popoverAnimation=e.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:t,easing:"ease",fill:"forwards"}))}closePopover(){let e=this.popoverEl;this.popoverAnimation?.cancel(),this.popoverAnimation=void 0,e?.matches(":popover-open")&&this.playPopoverCloseAnimation(e)}playPopoverCloseAnimation(e){e.style.pointerEvents="none";let t=this.popoverAnimationDuration(e);if(t===0){e.hidePopover();return}let i=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:t,easing:"ease",fill:"forwards"});this.popoverAnimation=i,i.finished.then(()=>{this.popoverAnimation===i&&(this.popoverAnimation=void 0),e.hidePopover()}).catch(()=>{})}focusFirstSpinbutton(){(this.isModalOpen?this.shadowRoot:this.popoverEl)?.querySelector('[role="spinbutton"]')?.focus({preventScroll:!0})}focusListSelection(){let e=this.popoverEl?.querySelector('[role="option"][aria-selected="true"]')??this.popoverEl?.querySelector('[role="option"]');e?.focus({preventScroll:!0}),e?.scrollIntoView({block:"center",behavior:this.noAnimation?"instant":"smooth"})}visibleSegmentOrder(){let e=J(this.resolvedHourFormat());return Q(this.locale).filter(t=>e.includes(t))}focusPreviousSegment(e){let t=this.visibleSegmentOrder(),i=t.indexOf(e);i<=0||this.focusSegment(t[i-1])}focusNextSegment(e){let t=this.visibleSegmentOrder(),i=t.indexOf(e);i===-1||i>=t.length-1||this.focusSegment(t[i+1])}focusSegment(e){this.shadowRoot?.querySelector(`.segment-${e}`)?.focus()}handleSegmentInput(e,t){let i=e.target,n=i.value.replace(/\D/g,"").slice(0,2);i.value=n;let p={...this.segments,[t]:n};this.segments=p,n.length===2&&this.focusNextSegment(t),this.commitSegmentGroupIfComplete(p)}handleSegmentKeydown(e,t){let i=e.target;e.key==="Backspace"&&i.value===""||e.key==="ArrowLeft"?(e.preventDefault(),this.focusPreviousSegment(t)):e.key==="ArrowRight"?(e.preventDefault(),this.focusNextSegment(t)):e.key==="ArrowUp"?(e.preventDefault(),this.adjustSegment(t,1)):e.key==="ArrowDown"&&(e.preventDefault(),this.adjustSegment(t,-1))}adjustSegment(e,t){let i=this.resolvedHourFormat(),n=e==="hour"?i===12?{min:1,max:12}:{min:0,max:23}:{min:0,max:59},p=Number(this.segments[e]),c;if(this.segments[e]===""||Number.isNaN(p)){let f=h(this.displaySource,this.timezone);c=e==="hour"?i===12?T(f.hour).hour:f.hour:f.minute}else c=p+t,c>n.max?c=n.min:c<n.min&&(c=n.max);let w={...this.segments,[e]:String(c).padStart(2,"0")};this.segments=w,this.commitSegmentGroupIfComplete(w)}setPeriodSegment(e){if(this.disabled||this.readonly)return;let t={...this.segments,period:e};this.segments=t,this.commitSegmentGroupIfComplete(t)}renderSegment(e){return e==="period"?d`
         <button
           type="button"
           class="segment segment-period"

package/dist/cdn/components/eun-toggle-group.js

@@ -1,4 +1,4 @@
-import{a as $}from"./chunks/chunk-EST3M4AO.js";import{a as T}from"./chunks/chunk-SD2H5UDZ.js";import{a as A}from"./chunks/chunk-YYCEPZUN.js";import{a as _}from"./chunks/chunk-T7WABJEJ.js";import{a as b}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as p}from"./chunks/chunk-5EVP7YNE.js";import{a as s,b as g,c as w,d as y,f as k,g as E,h as c,j as x,l as C,n as d,p as v,s as I}from"./chunks/chunk-XH6NREVZ.js";var R=E`
+import{a as R}from"./chunks/chunk-EST3M4AO.js";import{a as A}from"./chunks/chunk-SD2H5UDZ.js";import{a as $}from"./chunks/chunk-YYCEPZUN.js";import{a as T}from"./chunks/chunk-32DTNR52.js";import{a as h}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as p}from"./chunks/chunk-5EVP7YNE.js";import{a as s,b,c as w,d as y,f as k,g as E,h as c,i as C,j as x,l as _,n as d,p as v,s as I}from"./chunks/chunk-XH6NREVZ.js";var S=E`
   :host {
     display: inline-flex;
     width: fit-content;
@@ -52,9 +52,14 @@ import{a as $}from"./chunks/chunk-EST3M4AO.js";import{a as T}from"./chunks/chunk
     );
     border: var(--eun-border-width-s, 1px) solid
       var(--toggle-group-border-color, var(--eun-color-grey-300, #dee0e7));
+    box-shadow: var(--toggle-group-box-shadow, none);
     scrollbar-width: none;
     overflow-x: hidden;
   }
+  #scrollable:not(.settled) {
+    --_toggleTransition: none;
+    --icon-transition: none;
+  }
   #scrollable::-webkit-scrollbar {
     display: none;
   }
@@ -195,10 +200,12 @@ import{a as $}from"./chunks/chunk-EST3M4AO.js";import{a as T}from"./chunks/chunk
       var(--toggle-group-border-radius, var(--eun-border-radius-m, 8px)) - 3px
     );
     box-shadow: var(--_boxShadow);
-    transition:
+    transition: var(
+      --_toggleTransition,
       background-color 0.2s ease-out,
       color 0.2s ease-out,
-      box-shadow 0.2s ease-out;
+      box-shadow 0.2s ease-out
+    );
   }
   :host([full]) button,
   :host([full]) ::slotted(eun-toggle-item) {
@@ -247,19 +254,19 @@ import{a as $}from"./chunks/chunk-EST3M4AO.js";import{a as T}from"./chunks/chunk
     padding: 6px;
   }
 
-  button[data-variant="secondary"] {
+  button[data-color="secondary"] {
     --_variantColorDefault: var(--eun-color-secondary-500, #e5a030);
     --_variantTintDefault: var(--eun-color-secondary-transparent, #e5a03033);
   }
-  button[data-variant="critical"] {
+  button[data-color="critical"] {
     --_variantColorDefault: var(--eun-color-critical-100, #aa0014);
     --_variantTintDefault: var(--eun-color-critical-30, #faf0f1);
   }
-  button[data-variant="success"] {
+  button[data-color="success"] {
     --_variantColorDefault: var(--eun-color-success-100, #1a9948);
     --_variantTintDefault: var(--eun-color-success-30, #f1f9f4);
   }
-  button[data-variant="warning"] {
+  button[data-color="warning"] {
     --_variantColorDefault: var(--eun-color-warning-100, #c85207);
     --_variantTintDefault: var(--eun-color-warning-30, #fcf5f0);
   }
@@ -296,15 +303,16 @@ import{a as $}from"./chunks/chunk-EST3M4AO.js";import{a as T}from"./chunks/chunk
     outline-color: var(--_variantColor);
     color: var(--toggle-group-hover-color, var(--_variantColor));
   }
-`;var m=28,D="eun-toggle-group",u,h,n=class extends $(_(I)){constructor(){super(...arguments);this.options=[];this.value=[];this.single=!1;this.appearance="default";this.full=!1;w(this,u);w(this,h,!1);this.debounceMoveIndicator=T(()=>this.moveIndicator(!0),50);this.handleSlotChange=()=>{this.settleAndSync(!1)}}get totalCount(){return this.options.length+(this.items?.length??0)}get exclusive(){return this.single||this.totalCount===2}get entries(){let e=Array.from(this.trackEl?.querySelectorAll("button")??[]),t=this.options.map((r,o)=>({value:r.value,disabled:!!this.disabled,element:e[o]})),a=(this.items??[]).map(r=>({value:r.value,disabled:!!this.disabled||!!r.disabled,element:r}));return[...t,...a]}connectedCallback(){super.connectedCallback?.(),y(this,u,new ResizeObserver(this.debounceMoveIndicator)),g(this,u).observe(this)}disconnectedCallback(){g(this,u)?.disconnect(),super.disconnectedCallback?.()}firstUpdated(e){super.firstUpdated(e),this.settleAndSync(!1)}updated(e){super.updated(e),e.has("disabled")&&this.removeAttribute("tabindex"),(e.has("value")||e.has("options")||e.has("single")||e.has("appearance")||e.has("full"))&&this.settleAndSync(!0),e.has("disabled")&&this.disabled&&this.items?.forEach(t=>{t.disabled=!0})}whenItemsReady(){let e=new Set((this.items??[]).filter(t=>!customElements.get(t.tagName.toLowerCase())).map(t=>t.tagName.toLowerCase()));return e.size?Promise.all([...e].map(t=>customElements.whenDefined(t))):Promise.resolve()}settleAndSync(e){this.whenItemsReady().then(()=>{this.seedInitialValue(),this.applyExclusiveDefault(),this.syncItems(),this.refreshIndicator(e),this.updateScroll()})}seedInitialValue(){if(g(this,h)||(y(this,h,!0),this.value.length))return;let e=(this.items??[]).filter(t=>t.checked).map(t=>t.value);e.length&&(this.value=this.exclusive?[e[0]]:e)}applyExclusiveDefault(){if(!this.exclusive||this.value.length)return;let[e]=this.entries;e&&(this.value=[e.value])}activateValue(e){if(!this.disabled){if(this.exclusive){if(this.value[0]===e)return;this.value=[e]}else this.value=this.value.includes(e)?this.value.filter(t=>t!==e):[...this.value,e];this.dispatchEvent(new A(this.value))}}activateItem(e){this.disabled||e.disabled||this.activateValue(e.value)}syncItems(){this.items?.length&&(this.items.forEach(e=>{e.checked=this.value.includes(e.value),e.toggleAttribute("exclusive",this.exclusive),e.setAttribute("appearance",this.appearance),e.toggleAttribute("full",this.full)}),this.exclusive&&this.applyRovingTabindex())}whenItemReady(e){return typeof e.updateComplete?.then=="function"?e.updateComplete:customElements.whenDefined(e.tagName.toLowerCase()).then(()=>e.updateComplete)}applyRovingTabindex(){let e=this.entries,t=Math.max(0,e.findIndex(a=>a.value===this.value[0]));e.forEach((a,r)=>{if(a.element.tagName==="BUTTON")return;let o=a.element,i=r===t?"0":"-1";this.whenItemReady(o).then(()=>{o.setAttribute("tabindex",i)})})}refreshIndicator(e){if(!this.exclusive)return;let t=()=>{this.appearance==="default"&&this.moveIndicator(e),this.revealActive(e)},a=this.entries.find(r=>r.value===this.value[0]);if(a&&a.element.tagName!=="BUTTON"){this.whenItemReady(a.element).then(t);return}t()}revealActive(e){let t=this.trackEl,a=this.entries.find(S=>S.value===this.value[0]);if(!t||!a||t.scrollWidth<=t.clientWidth)return;let r=t.getBoundingClientRect(),o=a.element.getBoundingClientRect(),i=o.left-r.left-t.clientLeft,l=i+o.width,f=0;i<m?f=i-m:l>t.clientWidth-m&&(f=l-(t.clientWidth-m)),f&&t.scrollBy({left:f,behavior:e?"smooth":"instant"})}moveIndicator(e){let t=this.indicatorEl;if(!this.exclusive||!t||!this.trackEl)return;let a=this.entries.find(l=>l.value===this.value[0]);if(!a){t.style.opacity="0";return}let r=this.trackEl.getBoundingClientRect(),o=a.element.getBoundingClientRect(),i=o.left-r.left-this.trackEl.clientLeft+this.trackEl.scrollLeft;e||(t.style.transition="none"),t.style.opacity="1",t.style.width=`${Math.floor(o.width)}px`,t.style.transform=`translateX(${Math.floor(i)}px)`,e||(t.getBoundingClientRect(),t.style.transition="")}exclusiveTabIndex(e,t){let a=this.value[0]===e,r=this.value.length===0;return a||r&&t===0?0:-1}handleKeydown(e){if(this.disabled)return;if(!this.exclusive){let l=e.target;this.items?.includes(l)&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.activateItem(l));return}let t=this.entries;if(!t.length)return;let a=t.findIndex(l=>l.value===this.value[0]),r,o;switch(e.key){case"ArrowRight":case"ArrowDown":r=1,o=a===-1?0:(a+1)%t.length;break;case"ArrowLeft":case"ArrowUp":r=-1,o=a===-1?t.length-1:(a-1+t.length)%t.length;break;case"Home":r=1,o=0;break;case"End":r=-1,o=t.length-1;break;default:return}e.preventDefault();for(let l=0;l<t.length&&t[o]?.disabled;l+=1)o=(o+r+t.length)%t.length;let i=t[o];!i||i.disabled||(this.activateValue(i.value),i.element.focus())}arrowVisible(e){return this.overflowState?["middle",e==="start"?"end":"start"].includes(String(this.overflowState)):!1}isOnOverflow(){let e=this.trackEl;return!!e&&e.scrollWidth>e.clientWidth}render(){let e=this.exclusive,t=e&&this.appearance==="default";return d`
+`;var m=28,B="eun-toggle-group",u,f,i=class extends R(T(I)){constructor(){super(...arguments);this.options=[];this.value=[];this.single=!1;this.appearance="default";this.full=!1;w(this,u);w(this,f,!1);this.settled=!1;this.debounceMoveIndicator=A(()=>this.moveIndicator(!0),50);this.handleSlotChange=()=>{this.settleAndSync(!1)}}get totalCount(){return this.options.length+(this.items?.length??0)}get exclusive(){return this.single||this.totalCount===2}get entries(){let e=Array.from(this.trackEl?.querySelectorAll("button")??[]),t=this.options.map((a,o)=>({value:a.value,disabled:!!this.disabled,element:e[o]})),r=(this.items??[]).map(a=>({value:a.value,disabled:!!this.disabled||!!a.disabled,element:a}));return[...t,...r]}connectedCallback(){super.connectedCallback?.(),y(this,u,new ResizeObserver(this.debounceMoveIndicator)),b(this,u).observe(this)}disconnectedCallback(){b(this,u)?.disconnect(),super.disconnectedCallback?.()}firstUpdated(e){super.firstUpdated(e),this.settleAndSync(!1).then(()=>Promise.all((this.items??[]).map(t=>this.whenItemReady(t)))).then(()=>{requestAnimationFrame(()=>requestAnimationFrame(()=>{this.settled=!0}))})}updated(e){super.updated(e),e.has("disabled")&&this.removeAttribute("tabindex"),(e.has("value")||e.has("options")||e.has("single")||e.has("appearance")||e.has("full"))&&this.settleAndSync(!0),e.has("disabled")&&this.disabled&&this.items?.forEach(t=>{t.disabled=!0})}whenItemsReady(){let e=new Set((this.items??[]).filter(t=>!customElements.get(t.tagName.toLowerCase())).map(t=>t.tagName.toLowerCase()));return e.size?Promise.all([...e].map(t=>customElements.whenDefined(t))):Promise.resolve()}settleAndSync(e){return this.whenItemsReady().then(()=>{this.seedInitialValue(),this.applyExclusiveDefault(),this.syncItems(),this.refreshIndicator(e),this.updateScroll()})}seedInitialValue(){if(b(this,f)||(y(this,f,!0),this.value.length))return;let e=(this.items??[]).filter(t=>t.checked).map(t=>t.value);e.length&&(this.value=this.exclusive?[e[0]]:e)}applyExclusiveDefault(){if(!this.exclusive||this.value.length)return;let[e]=this.entries;e&&(this.value=[e.value])}activateValue(e){if(!this.disabled){if(this.exclusive){if(this.value[0]===e)return;this.value=[e]}else this.value=this.value.includes(e)?this.value.filter(t=>t!==e):[...this.value,e];this.dispatchEvent(new $(this.value))}}activateItem(e){this.disabled||e.disabled||this.activateValue(e.value)}syncItems(){this.items?.length&&(this.items.forEach(e=>{e.checked=this.value.includes(e.value),e.toggleAttribute("exclusive",this.exclusive),e.setAttribute("appearance",this.appearance),e.toggleAttribute("full",this.full)}),this.exclusive&&this.applyRovingTabindex())}whenItemReady(e){return typeof e.updateComplete?.then=="function"?e.updateComplete:customElements.whenDefined(e.tagName.toLowerCase()).then(()=>e.updateComplete)}applyRovingTabindex(){let e=this.entries,t=Math.max(0,e.findIndex(r=>r.value===this.value[0]));e.forEach((r,a)=>{if(r.element.tagName==="BUTTON")return;let o=r.element,n=a===t?"0":"-1";this.whenItemReady(o).then(()=>{o.setAttribute("tabindex",n)})})}refreshIndicator(e){if(!this.exclusive)return;let t=()=>{this.appearance==="default"&&this.moveIndicator(e),this.revealActive(e)},r=this.entries.find(a=>a.value===this.value[0]);if(r&&r.element.tagName!=="BUTTON"){this.whenItemReady(r.element).then(t);return}t()}revealActive(e){let t=this.trackEl,r=this.entries.find(D=>D.value===this.value[0]);if(!t||!r||t.scrollWidth<=t.clientWidth)return;let a=t.getBoundingClientRect(),o=r.element.getBoundingClientRect(),n=o.left-a.left-t.clientLeft,l=n+o.width,g=0;n<m?g=n-m:l>t.clientWidth-m&&(g=l-(t.clientWidth-m)),g&&t.scrollBy({left:g,behavior:e?"smooth":"instant"})}moveIndicator(e){let t=this.indicatorEl;if(!this.exclusive||!t||!this.trackEl)return;let r=this.entries.find(l=>l.value===this.value[0]);if(!r){t.style.opacity="0";return}let a=this.trackEl.getBoundingClientRect(),o=r.element.getBoundingClientRect(),n=o.left-a.left-this.trackEl.clientLeft+this.trackEl.scrollLeft;e||(t.style.transition="none"),t.style.opacity="1",t.style.width=`${o.width}px`,t.style.transform=`translateX(${n}px)`,e||(t.getBoundingClientRect(),t.style.transition="")}exclusiveTabIndex(e,t){let r=this.value[0]===e,a=this.value.length===0;return r||a&&t===0?0:-1}handleKeydown(e){if(this.disabled)return;if(!this.exclusive){let l=e.target;this.items?.includes(l)&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.activateItem(l));return}let t=this.entries;if(!t.length)return;let r=t.findIndex(l=>l.value===this.value[0]),a,o;switch(e.key){case"ArrowRight":case"ArrowDown":a=1,o=r===-1?0:(r+1)%t.length;break;case"ArrowLeft":case"ArrowUp":a=-1,o=r===-1?t.length-1:(r-1+t.length)%t.length;break;case"Home":a=1,o=0;break;case"End":a=-1,o=t.length-1;break;default:return}e.preventDefault();for(let l=0;l<t.length&&t[o]?.disabled;l+=1)o=(o+a+t.length)%t.length;let n=t[o];!n||n.disabled||(this.activateValue(n.value),n.element.focus())}arrowVisible(e){return this.overflowState?["middle",e==="start"?"end":"start"].includes(String(this.overflowState)):!1}isOnOverflow(){let e=this.trackEl;return!!e&&e.scrollWidth>e.clientWidth}render(){let e=this.exclusive,t=e&&this.appearance==="default";return d`
       <div id="scrollable-wrapper">
         <div
           id="scrollable"
+          class=${h({settled:this.settled})}
           role=${e?"radiogroup":"group"}
           part="track"
           aria-label=${this.ariaLabel??v}
           aria-disabled=${this.disabled?"true":"false"}
-          @keydown=${a=>this.handleKeydown(a)}
+          @keydown=${r=>this.handleKeydown(r)}
           @scroll=${this.updateScroll}
         >
           ${t?d`<span
@@ -312,39 +320,39 @@ import{a as $}from"./chunks/chunk-EST3M4AO.js";import{a as T}from"./chunks/chunk
                 part="indicator"
                 aria-hidden="true"
               ></span>`:v}
-          ${this.options.map((a,r)=>{let o=this.value.includes(a.value),i=!!a.icon&&!a.showLabel;return d`
+          ${this.options.map((r,a)=>{let o=this.value.includes(r.value),n=!!r.icon&&!r.showLabel;return d`
               <button
                 type="button"
-                class=${b({active:o,"icon-only":i})}
-                data-value=${a.value}
-                data-variant=${p(a.variant)}
+                class=${h({active:o,"icon-only":n})}
+                data-value=${r.value}
+                data-color=${p(r.color)}
                 role=${e?"radio":"checkbox"}
                 aria-checked=${o?"true":"false"}
-                aria-label=${p(i?a.label:void 0)}
-                title=${p(i?a.label:void 0)}
-                tabindex=${p(e?this.exclusiveTabIndex(a.value,r):void 0)}
+                aria-label=${p(n?r.label:void 0)}
+                title=${p(n?r.label:void 0)}
+                tabindex=${p(e?this.exclusiveTabIndex(r.value,a):void 0)}
                 ?disabled=${this.disabled}
-                @click=${()=>this.activateValue(a.value)}
+                @click=${()=>this.activateValue(r.value)}
               >
-                ${a.icon?d`<eun-icon name=${a.icon} size="16"></eun-icon>`:v}
-                ${i?v:a.label}
+                ${r.icon?d`<eun-icon name=${r.icon} size="16"></eun-icon>`:v}
+                ${n?v:r.label}
               </button>
             `})}
           <slot @slotchange=${this.handleSlotChange}></slot>
         </div>
         <div id="arrows">
           <arrow-container
-            class=${b({visible:this.arrowVisible("start")})}
+            class=${h({visible:this.arrowVisible("start")})}
             @click=${this.scrollItem("back")}
           >
             <eun-icon name="chevron_left"></eun-icon>
           </arrow-container>
           <arrow-container
-            class=${b({visible:this.arrowVisible("end")})}
+            class=${h({visible:this.arrowVisible("end")})}
             @click=${this.scrollItem("front")}
           >
             <eun-icon name="chevron_right"></eun-icon>
           </arrow-container>
         </div>
       </div>
-    `}};u=new WeakMap,h=new WeakMap,n.styles=[R],s([c({type:Array,reflect:!0})],n.prototype,"options",2),s([c({type:Array,reflect:!0})],n.prototype,"value",2),s([c({type:Boolean,reflect:!0})],n.prototype,"single",2),s([c({reflect:!0})],n.prototype,"appearance",2),s([c({type:Boolean,reflect:!0})],n.prototype,"full",2),s([C()],n.prototype,"items",2),s([x("#scrollable")],n.prototype,"trackEl",2),s([x("#indicator")],n.prototype,"indicatorEl",2),n=s([k(D)],n);export{n as EunomiaToggleGroup,D as EunomiaToggleGroupTagName};
+    `}};u=new WeakMap,f=new WeakMap,i.styles=[S],s([c({type:Array,reflect:!0,converter:{toAttribute:e=>e?.length?JSON.stringify(e):null}})],i.prototype,"options",2),s([c({type:Array,reflect:!0,converter:{toAttribute:e=>e?.length?JSON.stringify(e):null}})],i.prototype,"value",2),s([c({type:Boolean,reflect:!0})],i.prototype,"single",2),s([c({reflect:!0})],i.prototype,"appearance",2),s([c({type:Boolean,reflect:!0})],i.prototype,"full",2),s([_()],i.prototype,"items",2),s([x("#scrollable")],i.prototype,"trackEl",2),s([x("#indicator")],i.prototype,"indicatorEl",2),s([C()],i.prototype,"settled",2),i=s([k(B)],i);export{i as EunomiaToggleGroup,B as EunomiaToggleGroupTagName};

package/dist/cdn/components/eun-toggle-item.js

@@ -1,4 +1,4 @@
-import{a as s}from"./chunks/chunk-T7WABJEJ.js";import{a as e,f as i,g as n,h as r,n as t,p as l,s as c}from"./chunks/chunk-XH6NREVZ.js";var u=n`
+import{a as s}from"./chunks/chunk-32DTNR52.js";import{a as e,f as i,g as n,h as r,n as t,p as l,s as c}from"./chunks/chunk-XH6NREVZ.js";var u=n`
   :host {
     --_hoverColor: var(
       --toggle-group-hover-color,
@@ -35,10 +35,12 @@ import{a as s}from"./chunks/chunk-T7WABJEJ.js";import{a as e,f as i,g as n,h as
     );
     outline: 2px solid transparent;
     box-shadow: var(--_boxShadow);
-    transition:
+    transition: var(
+      --_toggleTransition,
       background-color 0.2s ease-out,
       color 0.2s ease-out,
-      box-shadow 0.2s ease-out;
+      box-shadow 0.2s ease-out
+    );
   }
   :host(:not([disabled]):hover) #item {
     box-shadow: var(--_boxShadow-hover);
@@ -89,19 +91,19 @@ import{a as s}from"./chunks/chunk-T7WABJEJ.js";import{a as e,f as i,g as n,h as
       transparent
     );
   }
-  :host([variant="secondary"]) {
+  :host([color="secondary"]) {
     --_variantColorDefault: var(--eun-color-secondary-500, #e5a030);
     --_variantTintDefault: var(--eun-color-secondary-transparent, #e5a03033);
   }
-  :host([variant="critical"]) {
+  :host([color="critical"]) {
     --_variantColorDefault: var(--eun-color-critical-100, #aa0014);
     --_variantTintDefault: var(--eun-color-critical-30, #faf0f1);
   }
-  :host([variant="success"]) {
+  :host([color="success"]) {
     --_variantColorDefault: var(--eun-color-success-100, #1a9948);
     --_variantTintDefault: var(--eun-color-success-30, #f1f9f4);
   }
-  :host([variant="warning"]) {
+  :host([color="warning"]) {
     --_variantColorDefault: var(--eun-color-warning-100, #c85207);
     --_variantTintDefault: var(--eun-color-warning-30, #fcf5f0);
   }
@@ -149,4 +151,4 @@ import{a as s}from"./chunks/chunk-T7WABJEJ.js";import{a as e,f as i,g as n,h as
         </slot>
         <slot></slot>
       </div>
-    `}};o.styles=[u],e([r({reflect:!0})],o.prototype,"value",2),e([r()],o.prototype,"icon",2),e([r({reflect:!0})],o.prototype,"variant",2),e([r({type:Boolean,reflect:!0})],o.prototype,"checked",2),o=e([i(v)],o);export{o as EunomiaToggleItem,v as EunomiaToggleItemTagName};
+    `}};o.styles=[u],e([r({reflect:!0})],o.prototype,"value",2),e([r()],o.prototype,"icon",2),e([r({reflect:!0})],o.prototype,"color",2),e([r({type:Boolean,reflect:!0})],o.prototype,"checked",2),o=e([i(v)],o);export{o as EunomiaToggleItem,v as EunomiaToggleItemTagName};

package/dist/cdn/components/eun-toggle.js

@@ -1,4 +1,4 @@
-import{a as c}from"./chunks/chunk-YYCEPZUN.js";import{a as d}from"./chunks/chunk-T7WABJEJ.js";import{a as r,f as l,g as s,h as t,n as a,s as n}from"./chunks/chunk-XH6NREVZ.js";var i=s`
+import{a as c}from"./chunks/chunk-YYCEPZUN.js";import{a as d}from"./chunks/chunk-32DTNR52.js";import{a as r,f as l,g as s,h as t,n as a,s as n}from"./chunks/chunk-XH6NREVZ.js";var i=s`
   :host {
     --_hoverColor: var(
       --toggle-hover-color,

package/dist/cdn/components/eun-toolbar.js

@@ -1,4 +1,4 @@
-import{a as g}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as s}from"./chunks/chunk-YYCEPZUN.js";import{a as b}from"./chunks/chunk-VRGRCYIO.js";import{a as v}from"./chunks/chunk-BKHD4S57.js";import{a as i,f as c,g as h,h as r,j as p,l as d,n as o,p as l,s as u}from"./chunks/chunk-XH6NREVZ.js";var f=h`
+import{a as g}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as s}from"./chunks/chunk-YYCEPZUN.js";import{a as b}from"./chunks/chunk-VRGRCYIO.js";import{a as v}from"./chunks/chunk-5GKM5DIB.js";import{a as i,f as c,g as h,h as r,j as p,l as d,n as o,p as l,s as u}from"./chunks/chunk-XH6NREVZ.js";var f=h`
   :host {
     --_height: var(--toolbar-height, 72px);
     --_heightCollapsed: var(--toolbar-height-collapsed, 56px);

package/dist/components/action/button/button.d.ts

@@ -6,53 +6,55 @@ import { EunomiaSeverity } from "../../../types/variant.type.js";
  * Tag name of the button component.
  */
 export declare const EunomiaButtonTagName = "eun-button";
-declare const EunomiaButton_base: import("../../../utils/constructor.type.js").Constructor<import("../../../mixins/button.mixin.js").ButtonMixinInterface> & import("../../../utils/constructor.type.js").Constructor<import("../../../mixins/command.mixin.js").CommandMixinInterface> & import("../../../utils/constructor.type.js").Constructor<import("../../../mixins/disabled.mixin.js").DisabledMixinInterface> & typeof LitElement;
+declare const EunomiaButton_base: import("../../../utils/constructor.type.js").Constructor<import("../../../mixins/button.mixin.js").ButtonMixinInterface> & import("../../../utils/constructor.type.js").Constructor<import("../../../mixins/command.mixin.js").CommandMixinInterface> & import("../../../utils/constructor.type.js").Constructor<import("../../../mixins/disabled.mixin.js").DisabledMixinInterface> & import("../../../utils/constructor.type.js").Constructor<import("../../../mixins/localizable.mixin.js").LocalizableMixinInterface> & typeof LitElement;
 /**
  * A clickable control for performing an action or navigating to a link,
- * available in several variants, sizes, and surface styles.
+ * available in several colors, sizes, and surface styles.
  *
  * @slot [default] - The button content
  * @slot [start] - An icon or other content shown at the start of the button. Takes priority over the default icon from icon or severity. Leave empty to let one of those render instead
- * @slot [end] - An icon or other content shown at the end of the button. Ignored when href and target are set to open in a new tab, since an external link indicator takes its place
+ * @slot [end] - An icon or other content shown at the end of the button. Ignored when the button opens a link in a new tab, through href and target or a slotted anchor, since an external link indicator takes its place
  * @prop {'button' | 'submit' | 'reset'} [type='button'] - The button's native type. Ignored when href is set
- * @prop {'primary' | 'secondary' | 'critical' | 'success' | 'warning' | 'light' | 'medium' | 'dark'} [variant='primary'] - The color theme applied to the button. light/medium/dark are neutral grey tones with no semantic meaning, matching eun-tag's color scale, for a de-emphasized action next to a semantically-colored one
- * @prop {boolean} [fixedColor=false] - Keeps a light or dark button white or black in every theme. Without it, they follow the grey scale, which flips with the active theme. Has no effect on the other variants
- * @attr {boolean} [fixed-color=false] - Keeps a light or dark button white or black in every theme. Without it, they follow the grey scale, which flips with the active theme. Has no effect on the other variants
+ * @prop {'primary' | 'secondary' | 'critical' | 'success' | 'warning' | 'light' | 'medium' | 'dark'} [color='primary'] - The color applied to the button. light/medium/dark are neutral grey tones with no semantic meaning, matching eun-tag's color scale, for a de-emphasized action next to a semantically-colored one
+ * @prop {boolean} [fixedColor=false] - Keeps a light or dark button white or black in every theme. Without it, they follow the grey scale, which flips with the active theme. Has no effect on the other colors
+ * @attr {boolean} [fixed-color=false] - Keeps a light or dark button white or black in every theme. Without it, they follow the grey scale, which flips with the active theme. Has no effect on the other colors
  * @prop {import('../../content/icon/icon.type.js').EunomiaIconName} icon - An optional leading icon, shown at the start of the button. Ignored once something is slotted into start, and overridden by the default icon from severity when both are set
- * @prop {'info' | 'success' | 'warning' | 'critical' | 'neutral'} severity - The severity of the action this button leads to. When set, it supplies a default leading icon unless icon is also set or something is slotted into start. It has no effect on color, which is still controlled by variant
+ * @prop {'info' | 'success' | 'warning' | 'critical' | 'neutral'} severity - The severity of the action this button leads to. When set, it supplies a default leading icon unless icon is also set or something is slotted into start. It has no effect on color, which is still controlled by color
  * @prop {'xs' | 's' | 'm' | 'l' | 'xl'} [size='m'] - The size of the button
  * @prop {boolean} rounded - Whether the button has fully rounded corners
  * @prop {boolean} slide - Whether the button uses a sliding open animation
  * @prop {boolean} full - Whether the button stretches to fill 100% of the width available from its parent, instead of sizing to its content. Its content stays centered once stretched
  * @prop {boolean} [disabled=false] - Whether the button is disabled. For a link button, this removes the href instead, since links have no native disabled state
  * @prop {string} href - The URL the button navigates to. When set, the button renders as a link instead of a button
- * @prop {'_blank' | '_self' | '_parent' | '_top'} target - Where to open the linked URL. Only used when href is set. Opening in a new tab automatically adds an external link icon and announces it to assistive technology
+ * @prop {'_blank' | '_self' | '_parent' | '_top'} target - Where to open the linked URL. Only used when href is set. Opening in a new tab automatically adds an external link icon and announces it to assistive technology, in the current locale. A slotted anchor opening in a new tab gets the same icon and announcement
+ * @prop {string} [locale] - The locale used to resolve the "opens in a new tab" announcement. Defaults to the one set with setDefaultLocale, English otherwise
  * @prop {string} download - The filename used when the linked URL is downloaded instead of navigated to. Only used when href is set
  * @prop {boolean} [loading=false] - Whether the button shows a loading indicator. Like disabled, it blocks interaction, but keeps the original content in place so the button doesn't change size
  * @prop {string} [loadingLabel='Loading…'] - The accessible label announced while the button is loading
  * @prop {string} command - The command sent to the element targeted by commandFor when the button is clicked, following the Invoker Commands API
  * @prop {string} commandFor - The id of the element that command is sent to
  * @attr {string} aria-label - The accessible label for the button. When the button opens a link in a new tab, this automatically gets a note appended announcing it
- * @prop {'default' | 'fill' | 'outline' | 'flat' | 'raised' | 'ghost'} [appearance='fill'] - The button's surface style. Fill is a solid, colored background with light text. Default is a paler tint of the same color. Outline keeps the color as a border instead of a fill. Flat always renders a muted, low emphasis surface regardless of variant. Raised adds a drop shadow. Ghost shows no surface at rest, only gaining a border and a tinted background on hover, focus, or press
+ * @prop {'default' | 'fill' | 'outline' | 'flat' | 'raised' | 'ghost'} [appearance='fill'] - The button's surface style. Fill is a solid, colored background with light text. Default is a paler tint of the same color. Outline keeps the color as a border instead of a fill. Flat always renders a muted, low emphasis surface regardless of color. Raised adds a drop shadow. Ghost shows no surface at rest, only gaining a border and a tinted background on hover, focus, or press
  * @fires click - Fired when the button is activated by mouse, Enter, or Space
  * @fires {NavigationEvent} eunnavigate - Fired before following href, so a client-side router can intercept the navigation. Not fired for downloads, and cancelable
  * @cssprop [--button-background] - Sets the background color
  * @cssprop [--button-background-hover] - Sets the background color on hover
  * @cssprop [--button-background-active] - Sets the background color while pressed
  * @cssprop [--button-text] - Sets the text color
- * @cssprop [--button-padding] - Sets the button's padding
- * @cssprop [--button-border-radius] - Sets the corner radius of the button
+ * @cssprop [--button-padding] - Sets the button's padding, for every size
+ * @cssprop [--button-border-radius] - Sets the corner radius of the button, for every size and over rounded
  * @cssprop [--button-focus-outline] - Sets the color of the focus outline
  * @cssprop [--button-transition] - Sets the duration of the button's transitions
  * @cssprop [--button-shadow] - Sets a box shadow. None is applied by default
  * @cssprop [--button-shadow-hover] - Sets the box shadow on hover, falling back to button-shadow when unset
- * @cssprop [--button-border-color] - Sets the border color, overriding the color the active variant would otherwise use
+ * @cssprop [--button-border-color] - Sets the border color, overriding the color the active color would otherwise use
  * @cssprop [--button-border-color-hover] - Sets the border color on hover or focus, falling back to button-border-color when unset
  * @cssprop [--button-border-size] - Sets the width of the border
  * @cssprop [--button-full] - Set to true to stretch the button like the full attribute does. Unlike the attribute, a container query can set it, keeping the responsive behavior in pure CSS. Needs a browser supporting the CSS if() function
  * @element eun-button
  */
 export declare class EunomiaButton extends EunomiaButton_base {
+    #private;
     /**
      * Style to import to the component.
      *
@@ -77,19 +79,19 @@ export declare class EunomiaButton extends EunomiaButton_base {
      * `severity` is set and `icon` isn't (and nothing is slotted into
      * `start`), the leading icon is set according to it (see
      * {@link resolveIcon}) — same vocabulary as `eun-alert`/`eun-tag`. Has no
-     * effect on color, which stays driven by `variant` : a full severity
+     * effect on color, which stays driven by `color` : a full severity
      * range (`info`/`neutral` included) doesn't have a matching action color.
      */
     severity?: EunomiaSeverity;
     /**
      * The button's surface treatment. `fill` is a solid, opaque
-     * `variant`-colored background with light text ; `default` is a pale
+     * `color`-colored background with light text ; `default` is a pale
      * tinted wash of the same color ; `outline` drops the fill for a colored
      * border ; `flat` always renders the same muted, low-emphasis surface
-     * regardless of `variant` ; `raised` adds a drop shadow ; `ghost` has no
+     * regardless of `color` ; `raised` adds a drop shadow ; `ghost` has no
      * visible surface at rest at all — a border (and a tinted background)
      * only appear on hover/focus/active, defaulting to a neutral gray when
-     * `variant` isn't also set.
+     * `color` isn't also set.
      * @default fill
      */
     appearance: EunomiaButtonAppearance;
@@ -114,9 +116,34 @@ export declare class EunomiaButton extends EunomiaButton_base {
      * @param _changedProperties - Map of changed properties
      */
     protected updated(_changedProperties: PropertyValues): void;
+    /**
+     * The native `<a>` slotted as a direct child while `href` is unset, which
+     * then acts as the button's link : it's in the light DOM, so it's part of
+     * the server-rendered HTML, and a framework's own link component can be
+     * that anchor. Navigation, `target`/`rel` and the new-tab hint are the
+     * consumer's own in this mode.
+     * @internal
+     */
+    private get slottedAnchor();
+    /**
+     * Links have no native disabled state : while `disabled` or `loading`,
+     * the slotted anchor is announced as disabled and taken out of the tab
+     * order (its pointer events are cut by the stylesheet), then restored.
+     * @param anchor the slotted anchor.
+     * @private
+     */
+    private syncSlottedAnchor;
+    /**
+     * Re-renders when the default slot changes, so an anchor added or removed
+     * after the first render switches between the two modes.
+     * @private
+     */
+    private handleDefaultSlotChange;
     /**
      * Renders the end-of-content slot, replaced by an external-link indicator
-     * (icon + accessible hint) when navigating away in a new tab.
+     * (icon + accessible hint) when navigating away in a new tab. A slotted
+     * anchor gets the icon only : the hint would sit outside it, so it's
+     * announced through its aria-description instead.
      * @private
      */
     private renderEndContent;