@eunomia/elements 1.0.0-beta.9 → 1.0.0

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

@@ -1,4 +1,4 @@
-import{a as U}from"./chunks/chunk-GBSAVPKA.js";import{a as Y}from"./chunks/chunk-L74LXUGL.js";import{a as X}from"./chunks/chunk-Y3HOIL64.js";import{a as W}from"./chunks/chunk-GVS6IUKC.js";import{a as q}from"./chunks/chunk-7PEODUNH.js";import{a as S,c as K,d as j,e as G,f as C}from"./chunks/chunk-MY6ORZJR.js";import{a as H}from"./chunks/chunk-YYCEPZUN.js";import{a as $,b as y,c as N,d as A,e as O,f as R,g as V}from"./chunks/chunk-GDBPWZN6.js";import{a as z}from"./chunks/chunk-3BMACIDO.js";import{a as v}from"./chunks/chunk-PPCHQG7P.js";import{a as P}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as B}from"./chunks/chunk-JGV7LHEI.js";import"./chunks/chunk-GNAUNTS5.js";import{a as c,f as I,h as D,j as u,k as E,l as w,p as g,r as b,u as _}from"./chunks/chunk-YITWLCD3.js";var ae=D`
+import{a as U}from"./chunks/chunk-GBSAVPKA.js";import{a as Y}from"./chunks/chunk-SCAP7J35.js";import{a as X}from"./chunks/chunk-AW7PU43S.js";import{a as W}from"./chunks/chunk-GVS6IUKC.js";import{a as q}from"./chunks/chunk-7PEODUNH.js";import{a as S,c as K,d as j,e as G,f as C}from"./chunks/chunk-JDUWKPHW.js";import{a as H}from"./chunks/chunk-YYCEPZUN.js";import{a as $,b as y,c as N,d as A,e as O,f as R,g as V}from"./chunks/chunk-GDBPWZN6.js";import"./chunks/chunk-QNWKRPOW.js";import{a as z}from"./chunks/chunk-3BMACIDO.js";import{a as v}from"./chunks/chunk-PPCHQG7P.js";import{a as P}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as B}from"./chunks/chunk-WP6ZYBAC.js";import"./chunks/chunk-2XPIGFBD.js";import{a as c,f as I,h as D,j as u,k as E,l as w,p as g,r as b,u as _}from"./chunks/chunk-YITWLCD3.js";var ae=D`
   :host {
     --_defaultLineHeight: normal;
     display: flex;
@@ -90,7 +90,7 @@ import{a as U}from"./chunks/chunk-GBSAVPKA.js";import{a as Y}from"./chunks/chunk
       );
     border-radius: var(--eun-border-radius-m, 8px);
     background: none;
-    color: var(--_iconColor, var(--eun-text-secondary, #484e61));
+    color: var(--_iconColor, var(--eun-text-secondary, #666e8a));
     cursor: pointer;
   }
   .color-picker-trigger:hover:not(:disabled) {
@@ -161,12 +161,12 @@ import{a as U}from"./chunks/chunk-GBSAVPKA.js";import{a as Y}from"./chunks/chunk
     margin-inline-start: auto;
     white-space: nowrap;
     font-size: var(--eun-font-size-xs, 12px);
-    color: var(--_hintColor, var(--eun-text-secondary, #484e61));
+    color: var(--_hintColor, var(--eun-text-secondary, #666e8a));
   }
   #char-count[data-exceeded] {
     color: var(--_errorColor);
   }
-`,J=[X,ae];var se="eun-textarea",F={bold:"STRONG",italic:"EM",underline:"U"},T={bold:()=>document.createElement("strong"),italic:()=>document.createElement("em"),underline:()=>document.createElement("u")},ce={b:"bold",i:"italic",u:"underline"};function de(o){return!(o.ctrlKey||o.metaKey)||o.altKey?null:ce[o.key.toLowerCase()]??null}function Q(o,r){let e=r;for(;e&&e.parentNode!==o;)e=e.parentNode;return e}function m(o){let r=o.getRootNode();return r instanceof ShadowRoot&&typeof r.getSelection=="function"?r.getSelection():window.getSelection()}function k(o){let r=m(o);if(!r||!r.rangeCount)return null;let e=r.getRangeAt(0);return e.collapsed||!o.contains(e.commonAncestorContainer)?null:e}function oe(o,r){let e=document.createRange();e.selectNodeContents(r),o.removeAllRanges(),o.addRange(e)}function Z(o){let r=m(o);if(!r||!r.rangeCount)return null;let e=r.getRangeAt(0);return!e.collapsed||!o.contains(e.commonAncestorContainer)?null:e}function ue(o){return!o.bold&&!o.italic&&!o.underline&&!o.color&&!o.highlight}var x="\u200B";function he(o){let r=[];if(o.bold&&r.push(T.bold()),o.italic&&r.push(T.italic()),o.underline&&r.push(T.underline()),o.color){let e=y(o.color),t=document.createElement("span");t.setAttribute("data-color",o.color),t.style.color=e?.text??"inherit",r.push(t)}if(o.highlight){let e=y(o.highlight),t=document.createElement("span");t.setAttribute("data-highlight",o.highlight),t.style.backgroundColor=e?.highlight??"transparent",r.push(t)}if(!r.length)return null;for(let e=0;e<r.length-1;e+=1)r[e].appendChild(r[e+1]);return r[r.length-1].appendChild(document.createTextNode(x)),r[0]}function pe(o,r){let e=r;for(;e.parentNode&&e.parentNode!==o&&e.parentNode.childNodes.length===1;)e=e.parentNode;return e}function ee(o,r){let e=pe(o,r),t=e.parentNode,i=Array.from(t.childNodes).indexOf(e);t.removeChild(e);let n=document.createRange();return n.setStart(t,i),n.collapse(!0),n}function te(o,r,e,t){let i=r,n=e;for(;;){let l=i.parentNode;if(!l||l===o)break;let a=i.nodeType===Node.TEXT_NODE?i.textContent?.length??0:i.childNodes.length;if(!(t?n===0:n===a))break;let h=Array.from(l.childNodes).indexOf(i);i=l,n=t?h:h+1}return{container:i,offset:n}}function re(o,r){let e=te(o,r.startContainer,r.startOffset,!0),t=te(o,r.endContainer,r.endOffset,!1);r.setStart(e.container,e.offset),r.setEnd(t.container,t.offset)}function le(o,r){o.querySelectorAll("*").forEach(e=>{if(!r(e))return;let t=e.parentNode;if(t){for(;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}})}function ge(o,r,e){let t=m(o),i=k(o);if(!t||!i)return!1;re(o,i);let n=F[r],l=i.extractContents();le(l,d=>d.tagName===n);let a=l;if(e){let d=T[r]();d.appendChild(l),a=d}return i.insertNode(a),oe(t,a),!0}function fe(o,r,e){let t=m(o),i=k(o);if(!t||!i)return!1;re(o,i);let n=r==="color"?"color":"highlight",l=i.extractContents();le(l,d=>d.tagName==="SPAN"&&d.hasAttribute(`data-${n}`));let a=l;if(e){let d=y(e),h=document.createElement("span");h.setAttribute(`data-${n}`,e),h.style.cssText=r==="color"?`color: ${d?.text??"inherit"}`:`background-color: ${d?.highlight??"transparent"}`,h.appendChild(l),a=h}return i.insertNode(a),oe(t,a),!0}function ie(o){let r=m(o);if(!r||!r.anchorNode||!o.contains(r.anchorNode))return[];let e=new Set,t=r.anchorNode;for(;t&&t!==o;){if(t instanceof HTMLElement){let i=Object.entries(F).find(([,n])=>n===t.tagName)?.[0];i&&e.add(i)}t=t.parentNode}return Array.from(e)}function ne(o,r){let e=m(o);if(!e||!e.anchorNode||!o.contains(e.anchorNode))return null;let t=e.anchorNode;for(;t&&t!==o;){if(t instanceof HTMLElement){let i=r==="color"?t.getAttribute("data-color"):t.getAttribute("data-highlight");if(i)return i}t=t.parentNode}return null}var be=z(G(_)),me=B(W(q(j(U(K(be)))))),s=class extends me{constructor(){super(...arguments);this.formatting=!1;this.colorLabels=Object.fromEntries($.map(e=>[e.name,e.label]));this.autocomplete="off";this.openPicker=null;this.activeTextColor=null;this.activeHighlight=null;this.previousActiveFormats=[];this.pendingMarks={bold:!1,italic:!1,underline:!1,color:null,highlight:null};this.pendingCaretNode=null;this.toolbarFocusIndex=0;this.checkLocalValidators=()=>this.formatting?this.checkEditableValidators():Y(this.fieldEl,["valueMissing","tooShort","tooLong"]);this.handleEditableInput=()=>{let e=this.fieldEl;if(!(e instanceof HTMLDivElement))return;let t=V(e);this.lastSyncedValue=t,this.value=t,this.resizeEditableField(),this.dispatchEvent(new H(this.value)),this.syncToolbarToSelection()};this.handleEditableBeforeInput=e=>{if(this.maxlength===void 0)return;let t=this.fieldEl;if(!(t instanceof HTMLDivElement)||!e.inputType.startsWith("insert"))return;let i=m(t);!(i&&!i.isCollapsed)&&(t.textContent?.length??0)>=this.maxlength&&e.preventDefault()};this.handleEditablePaste=e=>{let t=this.fieldEl;if(!(t instanceof HTMLDivElement))return;e.preventDefault();let i=e.clipboardData?.getData("text/plain")??"";if(!i)return;let n=m(t);if(!n||!n.rangeCount)return;let l=n.getRangeAt(0);l.deleteContents();let a=i.split(`
+`,J=[X,ae];var se="eun-textarea",F={bold:"STRONG",italic:"EM",underline:"U"},T={bold:()=>document.createElement("strong"),italic:()=>document.createElement("em"),underline:()=>document.createElement("u")},ce={b:"bold",i:"italic",u:"underline"};function de(o){return!(o.ctrlKey||o.metaKey)||o.altKey?null:ce[o.key.toLowerCase()]??null}function Q(o,r){let e=r;for(;e&&e.parentNode!==o;)e=e.parentNode;return e}function m(o){let r=o.getRootNode();return r instanceof ShadowRoot&&typeof r.getSelection=="function"?r.getSelection():window.getSelection()}function k(o){let r=m(o);if(!r||!r.rangeCount)return null;let e=r.getRangeAt(0);return e.collapsed||!o.contains(e.commonAncestorContainer)?null:e}function oe(o,r){let e=document.createRange();e.selectNodeContents(r),o.removeAllRanges(),o.addRange(e)}function Z(o){let r=m(o);if(!r||!r.rangeCount)return null;let e=r.getRangeAt(0);return!e.collapsed||!o.contains(e.commonAncestorContainer)?null:e}function ue(o){return!o.bold&&!o.italic&&!o.underline&&!o.color&&!o.highlight}var x="\u200B";function he(o){let r=[];if(o.bold&&r.push(T.bold()),o.italic&&r.push(T.italic()),o.underline&&r.push(T.underline()),o.color){let e=y(o.color),t=document.createElement("span");t.setAttribute("data-color",o.color),t.style.color=e?.text??"inherit",r.push(t)}if(o.highlight){let e=y(o.highlight),t=document.createElement("span");t.setAttribute("data-highlight",o.highlight),t.style.backgroundColor=e?.highlight??"transparent",r.push(t)}if(!r.length)return null;for(let e=0;e<r.length-1;e+=1)r[e].appendChild(r[e+1]);return r[r.length-1].appendChild(document.createTextNode(x)),r[0]}function pe(o,r){let e=r;for(;e.parentNode&&e.parentNode!==o&&e.parentNode.childNodes.length===1;)e=e.parentNode;return e}function ee(o,r){let e=pe(o,r),t=e.parentNode,i=Array.from(t.childNodes).indexOf(e);t.removeChild(e);let n=document.createRange();return n.setStart(t,i),n.collapse(!0),n}function te(o,r,e,t){let i=r,n=e;for(;;){let l=i.parentNode;if(!l||l===o)break;let a=i.nodeType===Node.TEXT_NODE?i.textContent?.length??0:i.childNodes.length;if(!(t?n===0:n===a))break;let h=Array.from(l.childNodes).indexOf(i);i=l,n=t?h:h+1}return{container:i,offset:n}}function re(o,r){let e=te(o,r.startContainer,r.startOffset,!0),t=te(o,r.endContainer,r.endOffset,!1);r.setStart(e.container,e.offset),r.setEnd(t.container,t.offset)}function le(o,r){o.querySelectorAll("*").forEach(e=>{if(!r(e))return;let t=e.parentNode;if(t){for(;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}})}function ge(o,r,e){let t=m(o),i=k(o);if(!t||!i)return!1;re(o,i);let n=F[r],l=i.extractContents();le(l,d=>d.tagName===n);let a=l;if(e){let d=T[r]();d.appendChild(l),a=d}return i.insertNode(a),oe(t,a),!0}function fe(o,r,e){let t=m(o),i=k(o);if(!t||!i)return!1;re(o,i);let n=r==="color"?"color":"highlight",l=i.extractContents();le(l,d=>d.tagName==="SPAN"&&d.hasAttribute(`data-${n}`));let a=l;if(e){let d=y(e),h=document.createElement("span");h.setAttribute(`data-${n}`,e),h.style.cssText=r==="color"?`color: ${d?.text??"inherit"}`:`background-color: ${d?.highlight??"transparent"}`,h.appendChild(l),a=h}return i.insertNode(a),oe(t,a),!0}function ie(o){let r=m(o);if(!r||!r.anchorNode||!o.contains(r.anchorNode))return[];let e=new Set,t=r.anchorNode;for(;t&&t!==o;){if(t instanceof HTMLElement){let i=Object.entries(F).find(([,n])=>n===t.tagName)?.[0];i&&e.add(i)}t=t.parentNode}return Array.from(e)}function ne(o,r){let e=m(o);if(!e||!e.anchorNode||!o.contains(e.anchorNode))return null;let t=e.anchorNode;for(;t&&t!==o;){if(t instanceof HTMLElement){let i=r==="color"?t.getAttribute("data-color"):t.getAttribute("data-highlight");if(i)return i}t=t.parentNode}return null}var be=z(G(_)),me=B(W(q(j(U(K(be)))))),s=class extends me{constructor(){super(...arguments);this.formatting=!1;this.colorLabels=Object.fromEntries($.map(e=>[e.name,e.label]));this.autocomplete="off";this.openPicker=null;this.activeTextColor=null;this.activeHighlight=null;this.previousActiveFormats=[];this.pendingMarks={bold:!1,italic:!1,underline:!1,color:null,highlight:null};this.pendingCaretNode=null;this.toolbarFocusIndex=0;this.checkLocalValidators=()=>this.formatting?this.checkEditableValidators():Y(this.fieldEl,["valueMissing","tooShort","tooLong"],this.validationDictionary.validation);this.handleEditableInput=()=>{let e=this.fieldEl;if(!(e instanceof HTMLDivElement))return;let t=V(e);this.lastSyncedValue=t,this.value=t,this.resizeEditableField(),this.dispatchEvent(new H(this.value)),this.syncToolbarToSelection()};this.handleEditableBeforeInput=e=>{if(this.maxlength===void 0)return;let t=this.fieldEl;if(!(t instanceof HTMLDivElement)||!e.inputType.startsWith("insert"))return;let i=m(t);!(i&&!i.isCollapsed)&&(t.textContent?.length??0)>=this.maxlength&&e.preventDefault()};this.handleEditablePaste=e=>{let t=this.fieldEl;if(!(t instanceof HTMLDivElement))return;e.preventDefault();let i=e.clipboardData?.getData("text/plain")??"";if(!i)return;let n=m(t);if(!n||!n.rangeCount)return;let l=n.getRangeAt(0);l.deleteContents();let a=i.split(`
 `);if(a.length===1){let d=document.createTextNode(a[0]);l.insertNode(d),l.setStartAfter(d),l.collapse(!0)}else{let d=Q(t,l.startContainer),h=l.cloneRange();d&&h.setEndAfter(d.lastChild??d);let p=h.extractContents();l.insertNode(document.createTextNode(a[0]));let f=d;for(let M=1;M<a.length;M+=1){let L=document.createElement("p");L.textContent=a[M],f?.after(L),f=L}f?.appendChild(p),f&&l.selectNodeContents(f),l.collapse(!1)}n.removeAllRanges(),n.addRange(l),this.handleEditableInput()};this.handleEditableKeydown=e=>{let t=this.fieldEl;if(!(t instanceof HTMLDivElement))return;let i=de(e);if(i){e.preventDefault();let f=ie(t).includes(i);this.applyFormat(i,!f);return}if(e.key!=="Enter")return;e.preventDefault();let n=m(t);if(!n||!n.rangeCount)return;let l=n.getRangeAt(0);l.deleteContents();let a=Q(t,l.startContainer);if(!a)return;a.hasChildNodes()||a.appendChild(document.createElement("br"));let d=l.cloneRange();d.setEndAfter(a.lastChild??a);let h=d.extractContents();a.hasChildNodes()||a.appendChild(document.createElement("br"));let p=document.createElement("p");p.appendChild(h),p.hasChildNodes()||p.appendChild(document.createElement("br")),a.after(p),l.selectNodeContents(p),l.collapse(!0),n.removeAllRanges(),n.addRange(l),this.handleEditableInput()};this.handleSelectionChange=()=>{this.cleanupAbandonedPendingMarker(),this.syncToolbarToSelection()};this.handleOutsideClick=e=>{e.composedPath().some(n=>n instanceof HTMLElement&&n.classList.contains("color-picker"))||this.closeColorPicker()};this.handleToolbarKeydown={handleEvent:e=>{let t=this.toolbarControls().filter(a=>!a.hasAttribute("disabled")),i=t.indexOf(e.target);if(i===-1)return;let n=t[i];if((e.key==="Enter"||e.key===" ")&&n.closest("#align-toolbar")){e.preventDefault(),e.stopPropagation(),n.click();return}let l;switch(e.key){case"ArrowRight":l=(i+1)%t.length;break;case"ArrowLeft":l=(i-1+t.length)%t.length;break;case"Home":l=0;break;case"End":l=t.length-1;break;default:return}e.preventDefault(),e.stopPropagation(),t[l].focus()},capture:!0}}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick,{capture:!0}),clearTimeout(this.toolbarRovingTimer),super.disconnectedCallback?.()}firstUpdated(){this.formatting&&this.fieldEl instanceof HTMLDivElement?(R(this.fieldEl,this.value??""),this.lastSyncedValue=this.value,this.resizeEditableField()):this.resizeToContent()}updated(e){if(super.updated(e),e.has("editing")&&this.editing&&this.fieldEl?.focus(),!this.formatting){(e.has("value")||e.has("editing"))&&this.resizeToContent();return}this.scheduleToolbarRoving(),(e.has("editing")&&this.editing||e.has("formatting")&&this.formatting||e.has("value")&&this.value!==this.lastSyncedValue)&&this.fieldEl instanceof HTMLDivElement&&this.fieldEl instanceof HTMLDivElement&&(R(this.fieldEl,this.value??""),this.lastSyncedValue=this.value),(e.has("value")||e.has("editing"))&&this.resizeEditableField()}checkEditableValidators(){let e=A(this.value??"");return this.minlength!==void 0&&e>0&&e<this.minlength?{validity:{tooShort:!0},message:this.validationDictionary.validation.tooShort(this.minlength,e)}:this.maxlength!==void 0&&e>this.maxlength?{validity:{tooLong:!0},message:this.validationDictionary.validation.tooLong(this.maxlength,e)}:{validity:{}}}get hostTabStop(){return!1}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}resizeToContent(){let e=this.fieldEl;if(!e||this.rows!==void 0)return;e.style.height="";let t=e.clientHeight;e.style.height="0px";let i=e.scrollHeight;e.style.height=i>t?`${i}px`:""}resizeEditableField(){let e=this.fieldEl;if(!e||!(e instanceof HTMLDivElement))return;if(this.rows===void 0){e.style.height="",e.style.overflowY="";return}let t=parseFloat(getComputedStyle(e).lineHeight)||20;e.style.height=`${t*this.rows}px`,e.style.overflowY="auto"}handleInput(e){this.value=e.target.value,this.resizeToContent(),this.dispatchEvent(new H(this.value))}syncToolbarToSelection(){if(!(!this.formatting||!this.fieldEl)){if(this.toolbarEl){let e=ie(this.fieldEl);this.previousActiveFormats=e,this.toolbarEl.value=e}this.activeTextColor=ne(this.fieldEl,"color"),this.activeHighlight=ne(this.fieldEl,"highlight")}}cleanupAbandonedPendingMarker(){let e=this.fieldEl,t=this.pendingCaretNode;if(!t||!(e instanceof HTMLDivElement))return;let i=m(e),n=i?.rangeCount?i.getRangeAt(0):null;n&&n.collapsed&&n.startContainer===t||(t.data===x?ee(e,t):t.data=t.data.replace(x,""),this.pendingCaretNode=null,this.pendingMarks={bold:!1,italic:!1,underline:!1,color:null,highlight:null})}updatePendingMarker(e,t){let i=t,n=this.pendingCaretNode,l=!!n&&t.startContainer===n;if(l&&n.data===x?(i=ee(e,n),this.pendingCaretNode=null):l&&(n.data=n.data.replace(x,""),this.pendingCaretNode=null),ue(this.pendingMarks))return;let a=he(this.pendingMarks);if(!a)return;i.insertNode(a);let h=document.createTreeWalker(a,NodeFilter.SHOW_TEXT).nextNode();if(!h)return;this.pendingCaretNode=h;let p=m(e);if(!p)return;let f=document.createRange();f.setStart(h,h.data.length),f.collapse(!0),p.removeAllRanges(),p.addRange(f)}applyFormat(e,t){let i=this.fieldEl;if(!(i instanceof HTMLDivElement))return;if(k(i)){if(!ge(i,e,t))return;this.handleEditableInput(),this.updateComplete.then(()=>{i.focus(),this.syncToolbarToSelection()});return}let l=Z(i);l&&(this.pendingMarks={...this.pendingMarks,[e]:t},this.updatePendingMarker(i,l),i.focus(),this.syncToolbarToSelection())}handleToolbarChange(e){e.stopPropagation();let i=e.target.value;Object.keys(F).forEach(n=>{let l=this.previousActiveFormats.includes(n),a=i.includes(n);l!==a&&this.applyFormat(n,a)}),this.previousActiveFormats=i}handleAlignChange(e){e.stopPropagation();let t=this.fieldEl;if(!(t instanceof HTMLDivElement))return;let[i]=e.target.value;t.style.textAlign=i==="start"?"":i,this.handleEditableInput(),this.updateComplete.then(()=>t.focus())}toggleColorPicker(e){if(this.openPicker===e){this.closeColorPicker();return}this.openPicker=e,document.addEventListener("click",this.handleOutsideClick,{capture:!0}),this.updateComplete.then(()=>{let t=this.colorSwatches();(t.find(i=>i.ariaChecked==="true")??t[0])?.focus()})}colorSwatches(){return Array.from(this.shadowRoot?.querySelectorAll(".color-picker-panel .color-swatch")??[])}handleColorPickerKeydown(e){let i=e.currentTarget.previousElementSibling;if(e.key==="Escape"||e.key==="Tab"){e.key==="Escape"&&e.preventDefault(),this.closeColorPicker(),i?.focus();return}let n=this.colorSwatches(),l=n.indexOf(this.shadowRoot?.activeElement),a;switch(e.key){case"ArrowRight":case"ArrowDown":a=(l+1)%n.length;break;case"ArrowLeft":case"ArrowUp":a=(l-1+n.length)%n.length;break;case"Home":a=0;break;case"End":a=n.length-1;break;default:return}e.preventDefault(),n[a]?.focus()}closeColorPicker(){this.openPicker!==null&&(this.openPicker=null,document.removeEventListener("click",this.handleOutsideClick,{capture:!0}))}selectColor(e,t){let i=this.fieldEl;if(i instanceof HTMLDivElement)if(k(i))fe(i,e,t)&&this.handleEditableInput();else{let l=Z(i);l&&(this.pendingMarks={...this.pendingMarks,[e]:t},this.updatePendingMarker(i,l),this.syncToolbarToSelection())}this.closeColorPicker(),this.updateComplete.then(()=>this.fieldEl?.focus())}toolbarControls(){return Array.from(this.shadowRoot?.querySelectorAll("#toolbar-groups eun-toggle-item, #toolbar-groups .color-picker-trigger")??[])}scheduleToolbarRoving(){clearTimeout(this.toolbarRovingTimer),this.toolbarRovingTimer=setTimeout(()=>this.applyToolbarRoving())}applyToolbarRoving(){if(this.disabled||this.readonly)return;let e=this.toolbarControls(),t=Math.min(this.toolbarFocusIndex,e.length-1);e.forEach((i,n)=>{i.setAttribute("tabindex",n===t?"0":"-1")})}handleToolbarFocusIn(e){let t=this.toolbarControls().indexOf(e.target);t!==-1&&t!==this.toolbarFocusIndex&&(this.toolbarFocusIndex=t,this.applyToolbarRoving())}renderToolbar(){let e=this.disabled||this.readonly,t=N(this.value??"").align;return g`
       <div
         id="toolbar-groups"

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

@@ -1,4 +1,4 @@
-import{a as ie,b as $,c as oe,d as re,e as ne,f as ae,g as E,h as D,i as se,j as I,k as le,m as h,o as H,p as de,q as ue,r as ce,s as me}from"./chunks/chunk-SFX2LQ4K.js";import"./chunks/chunk-VJCNHMQZ.js";import{a as J}from"./chunks/chunk-QWTFP56P.js";import{a as Z}from"./chunks/chunk-WIUERJII.js";import{a as Q}from"./chunks/chunk-Y3HOIL64.js";import{b as X,c as T}from"./chunks/chunk-624VJYNA.js";import{a as L}from"./chunks/chunk-LYYQAALT.js";import{a as ee,b as te}from"./chunks/chunk-WW4BTWMH.js";import{a as G}from"./chunks/chunk-GVS6IUKC.js";import{a as W}from"./chunks/chunk-P6LGU3FT.js";import{a as Y}from"./chunks/chunk-7PEODUNH.js";import{b as B,c as j,d as U,e as q,f as C}from"./chunks/chunk-MY6ORZJR.js";import{a as P}from"./chunks/chunk-YYCEPZUN.js";import{a as N}from"./chunks/chunk-3BMACIDO.js";import{b as K}from"./chunks/chunk-OTX6FWAF.js";import"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-SD2H5UDZ.js";import{a as V}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as R}from"./chunks/chunk-JGV7LHEI.js";import"./chunks/chunk-GNAUNTS5.js";import{a as r,f as _,h as x,j as s,k as M,l as g,p as u,r as S,u as O}from"./chunks/chunk-YITWLCD3.js";var be=x`
+import{a as re,b as D,c as ne,d as ae,e as se,f as le,g as H,h as O,i as de,j as f,k as E,m as p,o as F,p as ue,q as me,r as ce,s as pe}from"./chunks/chunk-W4VCWRY7.js";import"./chunks/chunk-VJCNHMQZ.js";import{a as X}from"./chunks/chunk-7HXPLZ7C.js";import{a as Q}from"./chunks/chunk-WIUERJII.js";import{a as ee}from"./chunks/chunk-AW7PU43S.js";import{b as te,c as $}from"./chunks/chunk-624VJYNA.js";import{a as I}from"./chunks/chunk-LYYQAALT.js";import{a as ie,b as oe}from"./chunks/chunk-MSQWOKBB.js";import{a as Z}from"./chunks/chunk-GVS6IUKC.js";import{a as J}from"./chunks/chunk-P6LGU3FT.js";import{a as W}from"./chunks/chunk-7PEODUNH.js";import{b as U,c as Y,d as q,e as G,f as A}from"./chunks/chunk-JDUWKPHW.js";import{a as L}from"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-QNWKRPOW.js";import{a as j}from"./chunks/chunk-3BMACIDO.js";import{b as B}from"./chunks/chunk-OTX6FWAF.js";import"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-SD2H5UDZ.js";import{a as N}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as K}from"./chunks/chunk-WP6ZYBAC.js";import"./chunks/chunk-2XPIGFBD.js";import{a as n,f as V,h as w,j as l,k as P,l as g,p as m,r as T,u as R}from"./chunks/chunk-YITWLCD3.js";var Se=w`
   :host {
     display: block;
     width: 100%;
@@ -182,7 +182,7 @@ import{a as ie,b as $,c as oe,d as re,e as ne,f as ae,g as E,h as D,i as se,j as
   #modal-time .modal-footer {
     padding: var(--eun-space-m);
   }
-`,pe=[Q,be],ye=x`
+`,he=[ee,Se],ke=w`
   @supports (anchor-name: --a) {
     #clock-popover:popover-open {
       position-try-fallbacks: --eun-time-picker-above;
@@ -194,7 +194,7 @@ import{a as ie,b as $,c as oe,d as re,e as ne,f as ae,g as E,h as D,i as se,j as
       bottom: calc(anchor(top) + 4px);
     }
   }
-`,he=ye;var xe=x`
+`,fe=ke;var we=w`
   .tp-list {
     display: flex;
     flex-direction: column;
@@ -245,29 +245,30 @@ import{a as ie,b as $,c as oe,d as re,e as ne,f as ae,g as E,h as D,i as se,j as
     cursor: not-allowed;
     opacity: 0.4;
   }
-`,fe=xe;var Me=1440;function ve(d){let{format:b,hour:e,minute:t,locale:i,disabled:n=!1,onPick:c}=d,m=Math.max(1,Math.round(d.stepMinutes)),k=new Intl.DateTimeFormat(i,{hour:"numeric",minute:"2-digit",hourCycle:b===12?"h12":"h23"}),f=[];for(let a=0;a<Me;a+=m){let l=Math.floor(a/60),p=a%60;f.push({hour24:l,minute:p,text:k.format(new Date(2e3,0,1,l,p)),selected:l===e&&p===t})}let F=f.findIndex(a=>a.selected),z=F===-1?0:F,v=(a,l)=>{let p=a.querySelectorAll('[role="option"]'),w=Math.min(Math.max(l,0),p.length-1);p[w]?.focus()},ge=a=>{let l=a.currentTarget,p=Array.from(l.querySelectorAll('[role="option"]')),w=p.indexOf(document.activeElement),y=w===-1?z:w;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 A=f[y];A&&c(A.hour24,A.minute);break}default:break}};return u`
+`,ve=we;var Pe=1440;function ge(d){let{format:b,hour:e,minute:t,locale:i,minTime:a,maxTime:h,disabled:c=!1,onPick:y}=d,x=Math.max(1,Math.round(d.stepMinutes)),be=new Intl.DateTimeFormat(i,{hour:"numeric",minute:"2-digit",hourCycle:b===12?"h12":"h23"}),M=[];for(let o=0;o<Pe;o+=x){let s=Math.floor(o/60),u=o%60;M.push({hour24:s,minute:u,text:be.format(new Date(2e3,0,1,s,u)),selected:s===e&&u===t,outOfRange:!E({hour:s,minute:u},a,h).valid})}let z=M.findIndex(o=>o.selected&&!o.outOfRange),ye=M.findIndex(o=>!o.outOfRange),xe=z===-1?Math.max(ye,0):z,_=o=>Array.from(o.querySelectorAll('[role="option"]:not(:disabled)')),v=(o,s)=>{let u=_(o),C=Math.min(Math.max(s,0),u.length-1);u[C]?.focus()},Me=o=>{let s=o.currentTarget,u=_(s),C=u.indexOf(document.activeElement),S=C===-1?Math.max(u.findIndex(k=>k.tabIndex===0),0):C;switch(o.key){case"ArrowDown":o.preventDefault(),v(s,S+1);break;case"ArrowUp":o.preventDefault(),v(s,S-1);break;case"PageDown":o.preventDefault(),v(s,S+5);break;case"PageUp":o.preventDefault(),v(s,S-5);break;case"Home":o.preventDefault(),v(s,0);break;case"End":o.preventDefault(),v(s,u.length-1);break;case"Enter":case" ":{o.preventDefault();let k=M[Number(u[S]?.dataset.index)];k&&y(k.hour24,k.minute);break}default:break}};return m`
     <div
       class="tp-list"
       role="listbox"
       aria-label=${d.ariaLabel}
-      aria-disabled=${n?"true":"false"}
-      @keydown=${ge}
+      aria-disabled=${c?"true":"false"}
+      @keydown=${Me}
     >
-      ${f.map((a,l)=>u`
+      ${M.map((o,s)=>m`
           <button
             type="button"
             role="option"
-            class=${V({"tp-list-item":!0,selected:a.selected})}
-            tabindex=${n?"-1":l===z?"0":"-1"}
-            aria-selected=${a.selected?"true":"false"}
-            ?disabled=${n}
-            @click=${()=>c(a.hour24,a.minute)}
+            class=${N({"tp-list-item":!0,selected:o.selected})}
+            data-index=${s}
+            tabindex=${c?"-1":s===xe?"0":"-1"}
+            aria-selected=${o.selected?"true":"false"}
+            ?disabled=${c||o.outOfRange}
+            @click=${()=>y(o.hour24,o.minute)}
           >
-            ${a.text}
+            ${o.text}
           </button>
         `)}
     </div>
-  `}var Se="eun-time-picker",ke=N(q(O)),we=R(J(W(Z(G(Y(U(j(ke)))))))),o=class extends we{constructor(){super();this.stepMinute=1;this.mobileMode="wheel";this.panelMode="columns";this.listStepMinutes=30;this.noAnimation=!1;this.hideTimezoneLabel=!1;this.isOpen=!1;this.handleImplicitSubmission=e=>{let t=this.internals.form,i=e.composedPath()[0];!t||this.isOpen||!(i instanceof Element&&i.matches(".segment"))||!ee(e)||(e.preventDefault(),te(t))};this.isModalOpen=!1;this.stagingValue=null;this.segments={hour:"",minute:"",period:""};this.checkLocalValidators=()=>{let e=this.resolvedHourFormat();if(Pe(this.segments)&&!D(this.segments,e))return{validity:{badInput:!0},message:this.dictionary.validation.invalidTime};if(this.value){let{hour:t,minute:i}=h(this.value,this.timezone),n=le({hour:t,minute:i},I(this.minTime),I(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);this.commitAdjustment(oe(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:L}),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(re(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}};this.addEventListener("keydown",this.handleImplicitSubmission)}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=E(n.hour,n.minute,i)}else this.segments=E(null,null,i);t=!0}t&&this.checkValidity(this.value??null),super.willUpdate(e)}updated(e){super.updated(e),B(e)&&this.setAttribute("aria-invalid",String(this.showError))}get hostTabStop(){return!1}getFocusAnchor(){return this.firstSegmentEl??void 0}focus(){super.focus?.(),this.firstSegmentEl?.focus()}isMobileViewport(){return window.matchMedia(K("tablet")).matches}resolvedHourFormat(){return ie(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(!se(e,t))return;let i=D(e,t);i&&this.commitTypedTime(i.hour,i.minute)}popoverAnimationDuration(e){return this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:X(e,"--time-picker-panel-transition-duration","m",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:T(e),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:T(e),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=ne(this.resolvedHourFormat());return ae(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?$(f.hour).hour:f.hour:f.minute}else m=c+t,m>n.max?m=n.min:m<n.min&&(m=n.max);let k={...this.segments,[e]:String(m).padStart(2,"0")};this.segments=k,this.commitSegmentGroupIfComplete(k)}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"?u`
+  `}var Te="eun-time-picker",Ce=j(G(R)),Le=K(X(J(Q(Z(W(q(Y(Ce)))))))),r=class extends Le{constructor(){super();this.stepMinute=1;this.mobileMode="wheel";this.panelMode="columns";this.listStepMinutes=30;this.noAnimation=!1;this.hideTimezoneLabel=!1;this.isOpen=!1;this.handleImplicitSubmission=e=>{let t=this.internals.form,i=e.composedPath()[0];!t||this.isOpen||!(i instanceof Element&&i.matches(".segment"))||!ie(e)||(e.preventDefault(),oe(t))};this.isModalOpen=!1;this.stagingValue=null;this.segments={hour:"",minute:"",period:""};this.checkLocalValidators=()=>{let e=this.resolvedHourFormat();if(Ae(this.segments)&&!O(this.segments,e))return{validity:{badInput:!0},message:this.dictionary.validation.invalidTime};if(this.value){let{hour:t,minute:i}=p(this.value,this.timezone),a=E({hour:t,minute:i},f(this.minTime),f(this.maxTime));if(!a.valid)return a.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}=p(this.displaySource,this.timezone);this.commitAdjustment(e,t)};this.handleMinuteColumnChange=e=>{let{hour:t}=p(this.displaySource,this.timezone);this.commitAdjustment(t,e)};this.handlePeriodColumnChange=e=>{let{hour:t,minute:i}=p(this.displaySource,this.timezone),{hour:a}=D(t);this.commitAdjustment(ne(a,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:I}),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.selectSegmentText=e=>{e.currentTarget.select()};this.handlePeriodSegmentClick=()=>{this.setPeriodSegment(ae(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}};this.addEventListener("keydown",this.handleImplicitSubmission)}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 a=p(this.value,this.timezone);this.segments=H(a.hour,a.minute,i)}else this.segments=H(null,null,i);t=!0}t&&this.checkValidity(this.value??null),super.willUpdate(e)}updated(e){super.updated(e),U(e)&&this.setAttribute("aria-invalid",String(this.showError))}get hostTabStop(){return!1}getFocusAnchor(){return this.firstSegmentEl??void 0}focus(){super.focus?.(),this.firstSegmentEl?.focus()}isMobileViewport(){return window.matchMedia(B("tablet")).matches}resolvedHourFormat(){return re(this.resolvedLocale,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 L(this.value))}commitAdjustment(e,t){let i=F(this.displaySource,this.timezone,e,t);this.stagingValue=i,!this.isModalOpen&&(this.value=i,this.dispatchEvent(new L(this.value)))}commitTypedTime(e,t){this.value=F(this.value??new Date,this.timezone,e,t),this.dispatchEvent(new L(this.value)),(this.isOpen||this.isModalOpen)&&this.resetStaging()}commitSegmentGroupIfComplete(e){let t=this.resolvedHourFormat();if(!de(e,t))return;let i=O(e,t);i&&this.commitTypedTime(i.hour,i.minute)}popoverAnimationDuration(e){return this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:te(e,"--time-picker-panel-transition-duration","m",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:$(e),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:$(e),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=se(this.resolvedHourFormat());return le(this.resolvedLocale).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,a=i.value.replace(/\D/g,"").slice(0,2);i.value=a;let h={...this.segments,[t]:a};this.segments=h,a.length===2&&this.focusNextSegment(t),this.commitSegmentGroupIfComplete(h)}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(),a=e==="hour"?i===12?{min:1,max:12}:{min:0,max:23}:{min:0,max:59},h=Number(this.segments[e]),c;if(this.segments[e]===""||Number.isNaN(h)){let x=p(this.displaySource,this.timezone);c=e==="hour"?i===12?D(x.hour).hour:x.hour:x.minute}else c=h+t,c>a.max?c=a.min:c<a.min&&(c=a.max);let y={...this.segments,[e]:String(c).padStart(2,"0")};this.segments=y,this.commitSegmentGroupIfComplete(y)}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"?m`
         <button
           type="button"
           class="segment segment-period"
@@ -279,7 +280,7 @@ import{a as ie,b as $,c as oe,d as re,e as ne,f as ae,g as E,h as D,i as se,j as
         >
           ${this.segments.period||"--"}
         </button>
-      `:u`
+      `:m`
       <input
         class="segment segment-${e}"
         type="text"
@@ -292,20 +293,22 @@ import{a as ie,b as $,c as oe,d as re,e as ne,f as ae,g as E,h as D,i as se,j as
         .value=${this.segments[e]}
         ?disabled=${this.disabled}
         ?readonly=${this.readonly}
+        @focus=${this.selectSegmentText}
+        @click=${this.selectSegmentText}
         @input=${t=>this.handleSegmentInput(t,e)}
         @keydown=${t=>this.handleSegmentKeydown(t,e)}
       />
-    `}renderField(){let e=this.visibleSegmentOrder();return u`
+    `}renderField(){let e=this.visibleSegmentOrder();return m`
       <div id="field-wrapper">
         <div
           class="segment-group"
           role="group"
           aria-label=${this.label??this.dictionary.timePicker.time}
-          aria-describedby=${this.description?.length?"description":S}
+          aria-describedby=${this.description?.length?"description":T}
         >
-          ${e.map((t,i)=>{let n=e[i-1];return u`
-              ${i===0?S:u`<span class="segment-divider" aria-hidden="true"
-                    >${n==="hour"&&t==="minute"||n==="minute"&&t==="hour"?":":" "}</span
+          ${e.map((t,i)=>{let a=e[i-1];return m`
+              ${i===0?T:m`<span class="segment-divider" aria-hidden="true"
+                    >${a==="hour"&&t==="minute"||a==="minute"&&t==="hour"?":":" "}</span
                   >`}
               ${this.renderSegment(t)}
             `})}
@@ -322,7 +325,7 @@ import{a as ie,b as $,c as oe,d as re,e as ne,f as ae,g as E,h as D,i as se,j as
           <eun-icon name="schedule"></eun-icon>
         </button>
       </div>
-    `}renderTimezoneLabel(){if(this.hideTimezoneLabel||!this.timezone||de(this.timezone))return S;let e=ue(this.value??new Date,this.timezone,{locale:this.locale});return u`<p id="timezone-label">${e}</p>`}renderPanelContent(e){let t=this.resolvedHourFormat(),i=h(this.displaySource,this.timezone),n=i.hour<12?"AM":"PM";return ce({visual:e,format:t,hour:i.hour,minute:i.minute,period:n,stepMinute:this.stepMinute,disabled:this.disabled,noAnimation:this.noAnimation,labels:this.dictionary.timePicker,onHourChange:this.handleHourColumnChange,onMinuteChange:this.handleMinuteColumnChange,onPeriodChange:this.handlePeriodColumnChange})}renderListPanelContent(){let e=this.resolvedHourFormat(),t=h(this.displaySource,this.timezone);return ve({format:e,hour:t.hour,minute:t.minute,locale:this.locale,stepMinutes:this.listStepMinutes,disabled:this.disabled,ariaLabel:this.label??this.dictionary.timePicker.time,onPick:this.handleListPick})}formatModalPreview(){if(!this.stagingValue)return this.dictionary.timePicker.selectATime;let e=this.resolvedHourFormat();return new Intl.DateTimeFormat(this.locale,{hour:"numeric",minute:"2-digit",hourCycle:e===12?"h12":"h23",timeZone:this.timezone}).format(this.stagingValue)}render(){return u`
+    `}renderTimezoneLabel(){if(this.hideTimezoneLabel||!this.timezone||ue(this.timezone))return T;let e=me(this.value??new Date,this.timezone,{locale:this.resolvedLocale});return m`<p id="timezone-label">${e}</p>`}renderPanelContent(e){let t=this.resolvedHourFormat(),i=p(this.displaySource,this.timezone),a=i.hour<12?"AM":"PM";return ce({visual:e,format:t,hour:i.hour,minute:i.minute,period:a,stepMinute:this.stepMinute,minTime:f(this.minTime),maxTime:f(this.maxTime),disabled:this.disabled,noAnimation:this.noAnimation,labels:this.dictionary.timePicker,onHourChange:this.handleHourColumnChange,onMinuteChange:this.handleMinuteColumnChange,onPeriodChange:this.handlePeriodColumnChange})}renderListPanelContent(){let e=this.resolvedHourFormat(),t=p(this.displaySource,this.timezone);return ge({format:e,hour:t.hour,minute:t.minute,locale:this.resolvedLocale,stepMinutes:this.listStepMinutes,minTime:f(this.minTime),maxTime:f(this.maxTime),disabled:this.disabled,ariaLabel:this.label??this.dictionary.timePicker.time,onPick:this.handleListPick})}formatModalPreview(){if(!this.stagingValue)return this.dictionary.timePicker.selectATime;let e=this.resolvedHourFormat();return new Intl.DateTimeFormat(this.resolvedLocale,{hour:"numeric",minute:"2-digit",hourCycle:e===12?"h12":"h23",timeZone:this.timezone}).format(this.stagingValue)}render(){return m`
       <div id="wrapper">
         ${this.renderFormLabels("clock-trigger")} ${this.renderField()}
         ${this.renderTimezoneLabel()} ${this.renderDescription()}
@@ -336,7 +339,7 @@ import{a as ie,b as $,c as oe,d as re,e as ne,f as ae,g as E,h as D,i as se,j as
       </div>
       <eun-modal
         ?open=${this.isModalOpen}
-        .closeable=${!1}
+        close-on-backdrop
         confirm-label=${this.applyLabel??this.dictionary.common.apply}
         cancel-label=${this.cancelLabel??this.dictionary.common.cancel}
         aria-label=${this.label??this.dictionary.timePicker.selectATime}
@@ -344,10 +347,10 @@ import{a as ie,b as $,c as oe,d as re,e as ne,f as ae,g as E,h as D,i as se,j as
         @euncancel=${this.handleModalCancel}
         id="modal-time"
       >
-        ${this.isModalOpen?u`
+        ${this.isModalOpen?m`
               <div id="modal-time-heading">${this.formatModalPreview()}</div>
               ${this.renderPanelContent(this.mobileMode==="wheel"?"wheel":"buttons")}
-            `:S}
+            `:T}
         <div slot="footer" class="modal-footer">
           <eun-button
             appearance="ghost"
@@ -361,4 +364,4 @@ import{a as ie,b as $,c as oe,d as re,e as ne,f as ae,g as E,h as D,i as se,j as
           </eun-button>
         </div>
       </eun-modal>
-    `}};o.styles=[pe,...L?[]:[he],me,fe,C.base,C.errorMessages,C.hintMessages],r([s()],o.prototype,"timezone",2),r([s({type:Number,attribute:"hour-format"})],o.prototype,"hourFormat",2),r([s({type:Number,attribute:"step-minute"})],o.prototype,"stepMinute",2),r([s({attribute:"min-time"})],o.prototype,"minTime",2),r([s({attribute:"max-time"})],o.prototype,"maxTime",2),r([s({attribute:"mobile-mode"})],o.prototype,"mobileMode",2),r([s({attribute:"panel-mode"})],o.prototype,"panelMode",2),r([s({type:Number,attribute:"list-step-minutes"})],o.prototype,"listStepMinutes",2),r([s({type:Boolean,reflect:!0,attribute:"no-animation"})],o.prototype,"noAnimation",2),r([s({attribute:"apply-label"})],o.prototype,"applyLabel",2),r([s({attribute:"cancel-label"})],o.prototype,"cancelLabel",2),r([s({attribute:"clock-label"})],o.prototype,"clockLabel",2),r([s({attribute:"hour-placeholder"})],o.prototype,"hourPlaceholder",2),r([s({attribute:"minute-placeholder"})],o.prototype,"minutePlaceholder",2),r([s({type:Boolean,attribute:"hide-timezone-label"})],o.prototype,"hideTimezoneLabel",2),r([s({attribute:"default-value",converter:{fromAttribute:e=>Ce(e),toAttribute:e=>e?Ae(e):null}})],o.prototype,"defaultValue",1),r([M()],o.prototype,"isOpen",2),r([M()],o.prototype,"isModalOpen",2),r([M()],o.prototype,"stagingValue",2),r([M()],o.prototype,"segments",2),r([g("#clock-trigger")],o.prototype,"triggerEl",2),r([g("#clock-popover")],o.prototype,"popoverEl",2),r([g("#field-wrapper")],o.prototype,"fieldWrapperEl",2),r([g("#modal-time")],o.prototype,"modalEl",2),r([g(".segment")],o.prototype,"firstSegmentEl",2),o=r([_(Se)],o);function Pe(d){return d.hour!==""||d.minute!==""||d.period!==""}function Ce(d){if(!d)return null;let b=new Date(d);return Number.isNaN(b.getTime())?null:b}function Ae(d){return d?d.toISOString():""}export{o as EunomiaTimePicker,Se as EunomiaTimePickerTagName};
+    `}};r.styles=[he,...I?[]:[fe],pe,ve,A.base,A.errorMessages,A.hintMessages],n([l()],r.prototype,"timezone",2),n([l({type:Number,attribute:"hour-format"})],r.prototype,"hourFormat",2),n([l({type:Number,attribute:"step-minute"})],r.prototype,"stepMinute",2),n([l({attribute:"min-time"})],r.prototype,"minTime",2),n([l({attribute:"max-time"})],r.prototype,"maxTime",2),n([l({attribute:"mobile-mode"})],r.prototype,"mobileMode",2),n([l({attribute:"panel-mode"})],r.prototype,"panelMode",2),n([l({type:Number,attribute:"list-step-minutes"})],r.prototype,"listStepMinutes",2),n([l({type:Boolean,reflect:!0,attribute:"no-animation"})],r.prototype,"noAnimation",2),n([l({attribute:"apply-label"})],r.prototype,"applyLabel",2),n([l({attribute:"cancel-label"})],r.prototype,"cancelLabel",2),n([l({attribute:"clock-label"})],r.prototype,"clockLabel",2),n([l({attribute:"hour-placeholder"})],r.prototype,"hourPlaceholder",2),n([l({attribute:"minute-placeholder"})],r.prototype,"minutePlaceholder",2),n([l({type:Boolean,attribute:"hide-timezone-label"})],r.prototype,"hideTimezoneLabel",2),n([l({attribute:"default-value",converter:{fromAttribute:e=>Ee(e),toAttribute:e=>e?Ie(e):null}})],r.prototype,"defaultValue",1),n([P()],r.prototype,"isOpen",2),n([P()],r.prototype,"isModalOpen",2),n([P()],r.prototype,"stagingValue",2),n([P()],r.prototype,"segments",2),n([g("#clock-trigger")],r.prototype,"triggerEl",2),n([g("#clock-popover")],r.prototype,"popoverEl",2),n([g("#field-wrapper")],r.prototype,"fieldWrapperEl",2),n([g("#modal-time")],r.prototype,"modalEl",2),n([g(".segment")],r.prototype,"firstSegmentEl",2),r=n([V(Te)],r);function Ae(d){return d.hour!==""||d.minute!==""||d.period!==""}function Ee(d){if(!d)return null;let b=new Date(d);return Number.isNaN(b.getTime())?null:b}function Ie(d){return d?d.toISOString():""}export{r as EunomiaTimePicker,Te as EunomiaTimePickerTagName};

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

@@ -1,4 +1,4 @@
-import{c as T,d as C}from"./chunks/chunk-HGX6GPHM.js";import"./chunks/chunk-E6UOI36Q.js";import"./chunks/chunk-5LXGJVJR.js";import{a as _}from"./chunks/chunk-YQU6RVX4.js";import{e as y}from"./chunks/chunk-GDBPWZN6.js";import{a as k}from"./chunks/chunk-NK5SGOBP.js";import{a as x}from"./chunks/chunk-PPCHQG7P.js";import{a as u}from"./chunks/chunk-6TIEBY34.js";import{a as h}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as E}from"./chunks/chunk-JGV7LHEI.js";import"./chunks/chunk-GNAUNTS5.js";import{a as i,f as g,h as m,j as a,n as d,p as s,r as p,u as b}from"./chunks/chunk-YITWLCD3.js";var c=new Map;function I(r){let n=getComputedStyle(r).getPropertyValue("--toast-stack-gap").trim(),t=Number.parseFloat(n);return Number.isNaN(t)?8:t}function S(r){let n=c.get(r);if(!n||n.length===0)return;let t=0;for(let o=n.length-1;o>=0;o-=1){let l=n[o];l.el.style.setProperty("--_toastStackOffset",`${t}px`);let F=l.el.getBoundingClientRect().height;t+=F+I(l.el)}}function v(r,n){let t=c.get(r)??[];t.some(o=>o.el===n)||(t.push({position:r,el:n}),c.set(r,t)),S(r)}function f(r,n){let t=c.get(r);if(!t)return;let o=t.findIndex(l=>l.el===n);if(o!==-1){if(t.splice(o,1),t.length===0){c.delete(r);return}S(r)}}var D=m`
+import{c as E,d as S}from"./chunks/chunk-XCBQ4CKH.js";import"./chunks/chunk-HXESKTK2.js";import"./chunks/chunk-5LXGJVJR.js";import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk-GDBPWZN6.js";import{a as y}from"./chunks/chunk-NK5SGOBP.js";import{a as b}from"./chunks/chunk-PPCHQG7P.js";import{a as h}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as k}from"./chunks/chunk-WP6ZYBAC.js";import"./chunks/chunk-2XPIGFBD.js";import{a as i,f,h as g,j as a,n as d,p as s,r as p,u as m}from"./chunks/chunk-YITWLCD3.js";var c=new Map;function F(r){let n=getComputedStyle(r).getPropertyValue("--toast-stack-gap").trim(),t=Number.parseFloat(n);return Number.isNaN(t)?8:t}function T(r){let n=c.get(r);if(!n||n.length===0)return;let t=0;for(let o=n.length-1;o>=0;o-=1){let l=n[o];l.el.style.setProperty("--_toastStackOffset",`${t}px`);let w=l.el.getBoundingClientRect().height;t+=w+F(l.el)}}function u(r,n){let t=c.get(r)??[];t.some(o=>o.el===n)||(t.push({position:r,el:n}),c.set(r,t)),T(r)}function v(r,n){let t=c.get(r);if(!t)return;let o=t.findIndex(l=>l.el===n);if(o!==-1){if(t.splice(o,1),t.length===0){c.delete(r);return}T(r)}}var I=g`
   :host {
     position: fixed;
     display: block;
@@ -32,7 +32,7 @@ import{c as T,d as C}from"./chunks/chunk-HGX6GPHM.js";import"./chunks/chunk-E6UO
       visibility 0s linear var(--_transitionDuration);
   }
 
-  :host([open]:not([open="false"])) {
+  :host([open]) {
     visibility: visible;
     opacity: 1;
     --_baseX: 0px;
@@ -43,7 +43,7 @@ import{c as T,d as C}from"./chunks/chunk-HGX6GPHM.js";import"./chunks/chunk-E6UO
       visibility 0s linear 0s;
   }
 
-  :host([open]:not([open="false"])[entering]) {
+  :host([open][entering]) {
     visibility: hidden;
     opacity: 0;
     --_baseX: var(--_enterX, 0px);
@@ -297,7 +297,7 @@ import{c as T,d as C}from"./chunks/chunk-HGX6GPHM.js";import"./chunks/chunk-E6UO
     --button-text: var(--_onFilled, #fff);
   }
 
-  :host([closeable]:not([closeable="false"])) #toast {
+  :host([closeable]) #toast {
     padding-right: calc(
       var(
           --toast-padding,
@@ -332,7 +332,7 @@ import{c as T,d as C}from"./chunks/chunk-HGX6GPHM.js";import"./chunks/chunk-E6UO
       transition-duration: 0.01ms;
     }
   }
-`,w=D;var L="eun-toast",P=600,e=class extends E(b){constructor(){super(...arguments);this.appearance="default";this.position="top-right";this.hideIcon=!1;this.closeable=!0;this.duration=5e3;this.open=!0;this.remainingMs=0;this.deadline=0;this.paused=!1;this.exitDispatched=!1;this.stacked=!1;this.handlePauseStart=()=>{this.isPersistent()||this.timerId===void 0||(this.paused=!0,this.remainingMs=Math.max(this.deadline-Date.now(),0),this.clearTimer())};this.handlePauseEnd=()=>{if(this.paused){if(this.paused=!1,this.remainingMs<=0){this.hide();return}this.armTimer()}};this.handleSlotChange=()=>{this.requestUpdate()};this.handleCloseClick=()=>{this.hide()}}connectedCallback(){super.connectedCallback(),this.enterTopLayer(),this.open&&(this.setAttribute("entering",""),this.enteringFrameId=requestAnimationFrame(()=>{this.enteringFrameId=requestAnimationFrame(()=>{this.enteringFrameId=void 0,this.removeAttribute("entering")})}))}disconnectedCallback(){this.enteringFrameId!==void 0&&(cancelAnimationFrame(this.enteringFrameId),this.enteringFrameId=void 0),this.clearTimer(),this.clearExitDispatch(),this.leaveStack(),super.disconnectedCallback()}updated(t){if(super.updated(t),t.has("open")){this.open?(this.exitDispatched=!1,this.joinStack(),this.scheduleAutoClose()):(this.clearTimer(),this.leaveStack(),this.armExitDispatch());return}t.has("position")&&this.open&&this.stacked&&(f(t.get("position"),this),v(this.position,this)),(t.has("duration")||t.has("severity"))&&this.open&&!this.paused&&this.scheduleAutoClose()}isFixedPositioned(){return getComputedStyle(this).position==="fixed"}enterTopLayer(){!this.isFixedPositioned()||typeof this.showPopover!="function"||(this.hasAttribute("popover")||this.setAttribute("popover","manual"),this.matches(":popover-open")||this.showPopover())}joinStack(){this.isFixedPositioned()&&(this.stacked=!0,v(this.position,this),T(this))}leaveStack(){this.stacked&&(this.stacked=!1,f(this.position,this),C(this))}show(){this.open=!0}hide(){this.open=!1}isPersistent(){return this.severity==="critical"||this.duration<=0}scheduleAutoClose(){this.clearTimer(),!this.isPersistent()&&(this.remainingMs=this.duration,this.paused=!1,this.armTimer())}armTimer(){this.deadline=Date.now()+this.remainingMs,this.timerId=setTimeout(()=>this.hide(),this.remainingMs)}clearTimer(){this.timerId!==void 0&&(clearTimeout(this.timerId),this.timerId=void 0)}armExitDispatch(){this.clearExitDispatch(),this.exitDispatched=!1;let t=()=>{this.exitDispatched||(this.exitDispatched=!0,this.clearExitDispatch(),this.dispatchEvent(new _))};this.exitTransitionListener=o=>{o.target===this&&o.propertyName==="opacity"&&t()},this.addEventListener("transitionend",this.exitTransitionListener),this.exitFallbackId=setTimeout(t,P)}clearExitDispatch(){this.exitTransitionListener&&(this.removeEventListener("transitionend",this.exitTransitionListener),this.exitTransitionListener=void 0),this.exitFallbackId!==void 0&&(clearTimeout(this.exitFallbackId),this.exitFallbackId=void 0)}getIconName(){return k(this.icon,this.severity,"severity")}shouldHideIcon(){return this.hideIcon?!0:this.iconSlotEls.length>0||this.severity?!1:!this.icon}shouldShowCloseButton(){return this.closeable||this.severity==="critical"}hasDescription(){return!!this.richText||this.descriptionSlotEls.length>0}hasAction(){return this.actionSlotEls.length>0}render(){let t=this.severity==="warning"||this.severity==="critical"?"alert":"status",o=this.shouldHideIcon();return s`
+`,C=I;var D="eun-toast",L=600,e=class extends k(m){constructor(){super(...arguments);this.appearance="default";this.position="top-right";this.hideIcon=!1;this.closeable=!1;this.duration=5e3;this.open=!1;this.remainingMs=0;this.deadline=0;this.paused=!1;this.exitDispatched=!1;this.stacked=!1;this.handlePauseStart=()=>{this.isPersistent()||this.timerId===void 0||(this.paused=!0,this.remainingMs=Math.max(this.deadline-Date.now(),0),this.clearTimer())};this.handlePauseEnd=()=>{if(this.paused){if(this.paused=!1,this.remainingMs<=0){this.hide();return}this.armTimer()}};this.handleSlotChange=()=>{this.requestUpdate()};this.handleCloseClick=()=>{this.hide()}}connectedCallback(){super.connectedCallback(),this.enterTopLayer(),this.open&&(this.setAttribute("entering",""),this.enteringFrameId=requestAnimationFrame(()=>{this.enteringFrameId=requestAnimationFrame(()=>{this.enteringFrameId=void 0,this.removeAttribute("entering")})}))}disconnectedCallback(){this.enteringFrameId!==void 0&&(cancelAnimationFrame(this.enteringFrameId),this.enteringFrameId=void 0),this.clearTimer(),this.clearExitDispatch(),this.leaveStack(),super.disconnectedCallback()}updated(t){if(super.updated(t),t.has("open")){this.open?(this.exitDispatched=!1,this.joinStack(),this.scheduleAutoClose()):(this.clearTimer(),this.leaveStack(),this.armExitDispatch());return}t.has("position")&&this.open&&this.stacked&&(v(t.get("position"),this),u(this.position,this)),(t.has("duration")||t.has("severity"))&&this.open&&!this.paused&&this.scheduleAutoClose()}isFixedPositioned(){return getComputedStyle(this).position==="fixed"}enterTopLayer(){!this.isFixedPositioned()||typeof this.showPopover!="function"||(this.hasAttribute("popover")||this.setAttribute("popover","manual"),this.matches(":popover-open")||this.showPopover())}joinStack(){this.isFixedPositioned()&&(this.stacked=!0,u(this.position,this),E(this))}leaveStack(){this.stacked&&(this.stacked=!1,v(this.position,this),S(this))}show(){this.open=!0}hide(){this.open=!1}isPersistent(){return this.severity==="critical"||this.duration<=0}scheduleAutoClose(){this.clearTimer(),!this.isPersistent()&&(this.remainingMs=this.duration,this.paused=!1,this.armTimer())}armTimer(){this.deadline=Date.now()+this.remainingMs,this.timerId=setTimeout(()=>this.hide(),this.remainingMs)}clearTimer(){this.timerId!==void 0&&(clearTimeout(this.timerId),this.timerId=void 0)}armExitDispatch(){this.clearExitDispatch(),this.exitDispatched=!1;let t=()=>{this.exitDispatched||(this.exitDispatched=!0,this.clearExitDispatch(),this.dispatchEvent(new x))};this.exitTransitionListener=o=>{o.target===this&&o.propertyName==="opacity"&&t()},this.addEventListener("transitionend",this.exitTransitionListener),this.exitFallbackId=setTimeout(t,L)}clearExitDispatch(){this.exitTransitionListener&&(this.removeEventListener("transitionend",this.exitTransitionListener),this.exitTransitionListener=void 0),this.exitFallbackId!==void 0&&(clearTimeout(this.exitFallbackId),this.exitFallbackId=void 0)}getIconName(){return y(this.icon,this.severity,"severity")}shouldHideIcon(){return this.hideIcon?!0:this.iconSlotEls.length>0||this.severity?!1:!this.icon}shouldShowCloseButton(){return this.closeable||this.severity==="critical"}hasDescription(){return!!this.richText||this.descriptionSlotEls.length>0}hasAction(){return this.actionSlotEls.length>0}render(){let t=this.severity==="warning"||this.severity==="critical"?"alert":"status",o=this.shouldHideIcon();return s`
       <div
         id="toast"
         role=${t}
@@ -360,7 +360,7 @@ import{c as T,d as C}from"./chunks/chunk-HGX6GPHM.js";import"./chunks/chunk-E6UO
                   id="icon"
                   size="20"
                   shape="round"
-                  name=${x(this.getIconName())}
+                  name=${b(this.getIconName())}
                 ></eun-icon>
               `}
         </slot>
@@ -371,11 +371,11 @@ import{c as T,d as C}from"./chunks/chunk-HGX6GPHM.js";import"./chunks/chunk-E6UO
           id="description"
           class=${h({hidden:!this.hasDescription()})}
         >
-          ${this.richText?s`<div id="rich-text">${y(this.richText)}</div>`:p}
+          ${this.richText?s`<div id="rich-text">${_(this.richText)}</div>`:p}
           <slot name="description" @slotchange=${this.handleSlotChange}></slot>
         </div>
         <div id="action" class=${h({hidden:!this.hasAction()})}>
           <slot name="action" @slotchange=${this.handleSlotChange}></slot>
         </div>
       </div>
-    `}};e.styles=w,i([a({reflect:!0})],e.prototype,"severity",2),i([a({reflect:!0,useDefault:!0})],e.prototype,"appearance",2),i([a({reflect:!0,useDefault:!0})],e.prototype,"position",2),i([a({reflect:!0})],e.prototype,"slide",2),i([a()],e.prototype,"heading",2),i([a()],e.prototype,"icon",2),i([a({type:Boolean,attribute:"hide-icon"})],e.prototype,"hideIcon",2),i([a({attribute:"rich-text"})],e.prototype,"richText",2),i([a({converter:u,reflect:!0})],e.prototype,"closeable",2),i([a({attribute:"close-label"})],e.prototype,"closeLabel",2),i([a({type:Number})],e.prototype,"duration",2),i([a({converter:u,reflect:!0})],e.prototype,"open",2),i([d({slot:"description"})],e.prototype,"descriptionSlotEls",2),i([d({slot:"action"})],e.prototype,"actionSlotEls",2),i([d({slot:"icon"})],e.prototype,"iconSlotEls",2),e=i([g(L)],e);export{e as EunomiaToast,L as EunomiaToastTagName};
+    `}};e.styles=C,i([a({reflect:!0})],e.prototype,"severity",2),i([a({reflect:!0,useDefault:!0})],e.prototype,"appearance",2),i([a({reflect:!0,useDefault:!0})],e.prototype,"position",2),i([a({reflect:!0})],e.prototype,"slide",2),i([a()],e.prototype,"heading",2),i([a()],e.prototype,"icon",2),i([a({type:Boolean,attribute:"hide-icon"})],e.prototype,"hideIcon",2),i([a({attribute:"rich-text"})],e.prototype,"richText",2),i([a({type:Boolean,reflect:!0})],e.prototype,"closeable",2),i([a({attribute:"close-label"})],e.prototype,"closeLabel",2),i([a({type:Number})],e.prototype,"duration",2),i([a({type:Boolean,reflect:!0})],e.prototype,"open",2),i([d({slot:"description"})],e.prototype,"descriptionSlotEls",2),i([d({slot:"action"})],e.prototype,"actionSlotEls",2),i([d({slot:"icon"})],e.prototype,"iconSlotEls",2),e=i([f(D)],e);export{e as EunomiaToast,D as EunomiaToastTagName};

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

@@ -279,7 +279,10 @@ import{a as z}from"./chunks/chunk-SMTIDNGW.js";import{a as S}from"./chunks/chunk
     background: var(--_hoverBackground);
   }
   button:focus-visible {
-    outline-color: var(--eun-color-primary-500, #3d6fff);
+    outline-color: var(
+      --toggle-group-focus-outline-color,
+      var(--eun-color-primary-500, #3d6fff)
+    );
     outline-offset: 2px;
     transition:
       outline-color var(--eun-duration-m, 200ms) var(--eun-easing-out, ease-out),
@@ -357,7 +360,10 @@ import{a as z}from"./chunks/chunk-SMTIDNGW.js";import{a as S}from"./chunks/chunk
   }
   :host([appearance="outline"]) button:focus-visible,
   :host([appearance="flat"]) button:focus-visible {
-    outline-color: var(--_variantColor);
+    outline-color: var(
+      --toggle-group-focus-outline-color,
+      var(--_variantColor)
+    );
     color: var(--toggle-group-hover-color, var(--_variantColor));
   }
 `;var m=28,$="eun-toggle-group",u,h,i=class extends z(S(C(B))){constructor(){super(...arguments);this.options=[];this.value=[];this.single=!1;this.appearance="default";this.size="m";this.full=!1;x(this,u);x(this,h,!1);this.settled=!1;this.debounceMoveIndicator=R(()=>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((o,r)=>({value:o.value,disabled:!!this.disabled,element:e[r]})),a=(this.items??[]).map(o=>({value:o.value,disabled:!!this.disabled||!!o.disabled,element:o}));return[...t,...a]}connectedCallback(){super.connectedCallback?.(),w(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("size")||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,h)||(w(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 T(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,o)=>{if(a.element.tagName==="BUTTON")return;let r=a.element,n=o===t?"0":"-1";this.whenItemReady(r).then(()=>{r.setAttribute("tabindex",n)})})}refreshIndicator(e){if(!this.exclusive)return;let t=()=>{this.appearance==="default"&&this.moveIndicator(e),this.revealActive(e)},a=this.entries.find(o=>o.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(P=>P.value===this.value[0]);if(!t||!a||t.scrollWidth<=t.clientWidth)return;let o=t.getBoundingClientRect(),r=a.element.getBoundingClientRect(),n=r.left-o.left-t.clientLeft,l=n+r.width,f=0;n<m?f=n-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 o=this.trackEl.getBoundingClientRect(),r=a.element.getBoundingClientRect(),n=r.left-o.left-this.trackEl.clientLeft+this.trackEl.scrollLeft;e||(t.style.transition="none"),t.style.opacity="1",t.style.width=`${r.width}px`,t.style.transform=`translateX(${n}px)`,e||(t.getBoundingClientRect(),t.style.transition="")}exclusiveTabIndex(e,t){let a=this.value[0]===e,o=this.value.length===0;return a||o&&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]),o,r;switch(e.key){case"ArrowRight":case"ArrowDown":o=1,r=a===-1?0:(a+1)%t.length;break;case"ArrowLeft":case"ArrowUp":o=-1,r=a===-1?t.length-1:(a-1+t.length)%t.length;break;case"Home":o=1,r=0;break;case"End":o=-1,r=t.length-1;break;default:return}e.preventDefault();for(let l=0;l<t.length&&t[r]?.disabled;l+=1)r=(r+o+t.length)%t.length;let n=t[r];!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`

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

@@ -53,7 +53,10 @@ import{a as s}from"./chunks/chunk-3BMACIDO.js";import{a as e,f as i,h as n,j as
     background: var(--_hoverBackground);
   }
   :host(:focus-visible) #item {
-    outline-color: var(--eun-color-primary-500, #3d6fff);
+    outline-color: var(
+      --toggle-group-focus-outline-color,
+      var(--eun-color-primary-500, #3d6fff)
+    );
     outline-offset: 2px;
     transition:
       outline-color var(--eun-duration-m, 200ms) var(--eun-easing-out, ease-out),
@@ -138,7 +141,10 @@ import{a as s}from"./chunks/chunk-3BMACIDO.js";import{a as e,f as i,h as n,j as
   }
   :host([appearance="outline"]:focus-visible) #item,
   :host([appearance="flat"]:focus-visible) #item {
-    outline-color: var(--_variantColor);
+    outline-color: var(
+      --toggle-group-focus-outline-color,
+      var(--_variantColor)
+    );
     color: var(--toggle-group-hover-color, var(--_variantColor));
   }
   :host([appearance="outline"]:not([disabled]):not([checked]):hover) #item,

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

@@ -53,7 +53,10 @@ import{a as i}from"./chunks/chunk-YYCEPZUN.js";import{a as d}from"./chunks/chunk
     background: var(--_hoverBackground);
   }
   :host(:focus-visible) #toggle {
-    outline-color: var(--eun-color-primary-500, #3d6fff);
+    outline-color: var(
+      --toggle-focus-outline-color,
+      var(--eun-color-primary-500, #3d6fff)
+    );
     outline-offset: 2px;
     transition:
       outline-color var(--eun-duration-m, 200ms) var(--eun-easing-out, ease-out),