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

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

@@ -1,4 +1,4 @@
-import{a as m}from"./chunks/chunk-P32B7BFD.js";import{a as u}from"./chunks/chunk-UP4M7TER.js";import{a as d}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as c}from"./chunks/chunk-5EVP7YNE.js";import{a as t,f as i,g as n,h as a,l as s,n as o,p,s as l}from"./chunks/chunk-XH6NREVZ.js";var f=n`
+import{a as m}from"./chunks/chunk-FF3I7C3C.js";import{a as u}from"./chunks/chunk-UP4M7TER.js";import{a as c}from"./chunks/chunk-PPCHQG7P.js";import{a as d}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as t,f as i,h as n,j as a,n as s,p as o,r as p,u as l}from"./chunks/chunk-YITWLCD3.js";var f=n`
   :host {
     display: inline-flex;
     font-family: var(--eun-font-family, "Mulish", sans-serif);
@@ -72,11 +72,17 @@ import{a as m}from"./chunks/chunk-P32B7BFD.js";import{a as u}from"./chunks/chunk
     color: var(--tag-color, var(--_fg));
     border: var(--_borderWidth) solid var(--tag-border-color, var(--_bd));
     border-radius: var(--tag-border-radius, var(--_radius));
-    padding: max(0px, calc(var(--_padV) - var(--_borderWidth)))
-      max(0px, calc(var(--_padH) - var(--_borderWidth)));
-    font-size: var(--_fontSize);
+    padding: max(
+        0px,
+        calc(var(--tag-padding-block, var(--_padV)) - var(--_borderWidth))
+      )
+      max(
+        0px,
+        calc(var(--tag-padding-inline, var(--_padH)) - var(--_borderWidth))
+      );
+    font-size: var(--tag-font-size, var(--_fontSize));
     gap: var(--tag-gap, var(--_gap));
-    font-weight: var(--eun-font-weight-m, 500);
+    font-weight: var(--tag-font-weight, var(--eun-font-weight-m, 500));
     --icon-color: var(--tag-color, var(--_fg));
   }
 
@@ -87,7 +93,7 @@ import{a as m}from"./chunks/chunk-P32B7BFD.js";import{a as u}from"./chunks/chunk
   slot[name="icon"].hidden {
     display: none;
   }
-`,h=[m,f];var v="eun-tag",e=class extends l{constructor(){super(...arguments);this.color="medium";this.appearance="default";this.hideIcon=!1;this.iconOnly=!1;this.rounded=!1;this.fixedColor=!1;this.uppercase=!1;this.handleIconSlotChange=()=>{this.requestUpdate()}}getIconName(){return u(this.icon,this.severity,"severity")}shouldHideIcon(){return this.hideIcon?!0:this.iconSlotEls.length>0||this.iconOnly||this.severity?!1:!this.icon}render(){let r=this.shouldHideIcon();return o`
+`,v=[m,f];var h="eun-tag",e=class extends l{constructor(){super(...arguments);this.color="medium";this.appearance="default";this.hideIcon=!1;this.iconOnly=!1;this.rounded=!1;this.fixedColor=!1;this.uppercase=!1;this.handleIconSlotChange=()=>{this.requestUpdate()}}getIconName(){return u(this.icon,this.severity,"severity")}shouldHideIcon(){return this.hideIcon?!0:this.iconSlotEls.length>0||this.iconOnly||this.severity?!1:!this.icon}render(){let r=this.shouldHideIcon();return o`
       <div id="tag">
         <slot
           name="icon"
@@ -104,4 +110,4 @@ import{a as m}from"./chunks/chunk-P32B7BFD.js";import{a as u}from"./chunks/chunk
         </slot>
         <slot></slot>
       </div>
-    `}};e.styles=h,t([a({reflect:!0})],e.prototype,"color",2),t([a({reflect:!0})],e.prototype,"severity",2),t([a({reflect:!0})],e.prototype,"appearance",2),t([a()],e.prototype,"icon",2),t([a({reflect:!0})],e.prototype,"size",2),t([a({type:Boolean,attribute:"hide-icon"})],e.prototype,"hideIcon",2),t([a({type:Boolean,attribute:"icon-only",reflect:!0})],e.prototype,"iconOnly",2),t([a({type:Boolean,reflect:!0})],e.prototype,"rounded",2),t([a({type:Boolean,reflect:!0,attribute:"fixed-color"})],e.prototype,"fixedColor",2),t([a({type:Boolean,reflect:!0})],e.prototype,"uppercase",2),t([s({slot:"icon"})],e.prototype,"iconSlotEls",2),e=t([i(v)],e);export{e as EunomiaTag,v as EunomiaTagTagName};
+    `}};e.styles=v,t([a({reflect:!0})],e.prototype,"color",2),t([a({reflect:!0})],e.prototype,"severity",2),t([a({reflect:!0})],e.prototype,"appearance",2),t([a()],e.prototype,"icon",2),t([a({reflect:!0})],e.prototype,"size",2),t([a({type:Boolean,attribute:"hide-icon"})],e.prototype,"hideIcon",2),t([a({type:Boolean,attribute:"icon-only",reflect:!0})],e.prototype,"iconOnly",2),t([a({type:Boolean,reflect:!0})],e.prototype,"rounded",2),t([a({type:Boolean,reflect:!0,attribute:"fixed-color"})],e.prototype,"fixedColor",2),t([a({type:Boolean,reflect:!0})],e.prototype,"uppercase",2),t([s({slot:"icon"})],e.prototype,"iconSlotEls",2),e=t([i(h)],e);export{e as EunomiaTag,h as EunomiaTagTagName};

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-G5SBDQQ3.js";import{a as X}from"./chunks/chunk-L74LXUGL.js";import{a as W}from"./chunks/chunk-UYZR4JXZ.js";import{a as U}from"./chunks/chunk-4PI6RDUS.js";import{a as G}from"./chunks/chunk-BO3JOEWM.js";import{a as S,c as z,d as j,e as K,f as C}from"./chunks/chunk-VOTRXBDS.js";import{a as F}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-GDBPWZN6.js";import{a as B}from"./chunks/chunk-RS7TWEMQ.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"./chunks/chunk-KSZRQRN4.js";import{a as c,f as I,h as D,j as u,k as E,l as k,p as f,r as b,u as _}from"./chunks/chunk-YITWLCD3.js";var ae=D`
   #field {
     resize: vertical;
     min-height: 6rem;
@@ -153,8 +153,8 @@ import{a as q}from"./chunks/chunk-E4IS25H7.js";import{a as W}from"./chunks/chunk
   #char-count[data-exceeded] {
     color: var(--_errorColor);
   }
-`,Y=[W,re];var oe="eun-textarea",H={bold:"STRONG",italic:"EM",underline:"U"},T={bold:()=>document.createElement("strong"),italic:()=>document.createElement("em"),underline:()=>document.createElement("u")},se={b:"bold",i:"italic",u:"underline"};function ce(n){return!(n.ctrlKey||n.metaKey)||n.altKey?null:se[n.key.toLowerCase()]??null}function J(n,l){let e=l;for(;e&&e.parentNode!==n;)e=e.parentNode;return e}function m(n){let l=n.getRootNode();return l instanceof ShadowRoot&&typeof l.getSelection=="function"?l.getSelection():window.getSelection()}function $(n){let l=m(n);if(!l||!l.rangeCount)return null;let e=l.getRangeAt(0);return e.collapsed||!n.contains(e.commonAncestorContainer)?null:e}function ne(n,l){let e=document.createRange();e.selectNodeContents(l),n.removeAllRanges(),n.addRange(e)}function Q(n){let l=m(n);if(!l||!l.rangeCount)return null;let e=l.getRangeAt(0);return!e.collapsed||!n.contains(e.commonAncestorContainer)?null:e}function de(n){return!n.bold&&!n.italic&&!n.underline&&!n.color&&!n.highlight}var x="\u200B";function ue(n){let l=[];if(n.bold&&l.push(T.bold()),n.italic&&l.push(T.italic()),n.underline&&l.push(T.underline()),n.color){let e=y(n.color),t=document.createElement("span");t.setAttribute("data-color",n.color),t.style.color=e?.text??"inherit",l.push(t)}if(n.highlight){let e=y(n.highlight),t=document.createElement("span");t.setAttribute("data-highlight",n.highlight),t.style.backgroundColor=e?.highlight??"transparent",l.push(t)}if(!l.length)return null;for(let e=0;e<l.length-1;e+=1)l[e].appendChild(l[e+1]);return l[l.length-1].appendChild(document.createTextNode(x)),l[0]}function he(n,l){let e=l;for(;e.parentNode&&e.parentNode!==n&&e.parentNode.childNodes.length===1;)e=e.parentNode;return e}function Z(n,l){let e=he(n,l),t=e.parentNode,i=Array.from(t.childNodes).indexOf(e);t.removeChild(e);let a=document.createRange();return a.setStart(t,i),a.collapse(!0),a}function ee(n,l,e,t){let i=l,a=e;for(;;){let r=i.parentNode;if(!r||r===n)break;let o=i.nodeType===Node.TEXT_NODE?i.textContent?.length??0:i.childNodes.length;if(!(t?a===0:a===o))break;let h=Array.from(r.childNodes).indexOf(i);i=r,a=t?h:h+1}return{container:i,offset:a}}function le(n,l){let e=ee(n,l.startContainer,l.startOffset,!0),t=ee(n,l.endContainer,l.endOffset,!1);l.setStart(e.container,e.offset),l.setEnd(t.container,t.offset)}function ae(n,l){n.querySelectorAll("*").forEach(e=>{if(!l(e))return;let t=e.parentNode;if(t){for(;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}})}function pe(n,l,e){let t=m(n),i=$(n);if(!t||!i)return!1;le(n,i);let a=H[l],r=i.extractContents();ae(r,d=>d.tagName===a);let o=r;if(e){let d=T[l]();d.appendChild(r),o=d}return i.insertNode(o),ne(t,o),!0}function ge(n,l,e){let t=m(n),i=$(n);if(!t||!i)return!1;le(n,i);let a=l==="color"?"color":"highlight",r=i.extractContents();ae(r,d=>d.tagName==="SPAN"&&d.hasAttribute(`data-${a}`));let o=r;if(e){let d=y(e),h=document.createElement("span");h.setAttribute(`data-${a}`,e),h.style.cssText=l==="color"?`color: ${d?.text??"inherit"}`:`background-color: ${d?.highlight??"transparent"}`,h.appendChild(r),o=h}return i.insertNode(o),ne(t,o),!0}function te(n){let l=m(n);if(!l||!l.anchorNode||!n.contains(l.anchorNode))return[];let e=new Set,t=l.anchorNode;for(;t&&t!==n;){if(t instanceof HTMLElement){let i=Object.entries(H).find(([,a])=>a===t.tagName)?.[0];i&&e.add(i)}t=t.parentNode}return Array.from(e)}function ie(n,l){let e=m(n);if(!e||!e.anchorNode||!n.contains(e.anchorNode))return null;let t=e.anchorNode;for(;t&&t!==n;){if(t instanceof HTMLElement){let i=l==="color"?t.getAttribute("data-color"):t.getAttribute("data-highlight");if(i)return i}t=t.parentNode}return null}var fe=B(K(D)),me=U(G(z(q(j(fe))))),s=class extends me{constructor(){super(...arguments);this.formatting=!1;this.formatToolbarLabel="Text formatting";this.formatBoldLabel="Bold";this.formatItalicLabel="Italic";this.formatUnderlineLabel="Underline";this.formatAlignLabel="Text alignment";this.formatAlignStartLabel="Align left";this.formatAlignCenterLabel="Center";this.formatAlignEndLabel="Align right";this.formatAlignJustifyLabel="Justify";this.formatTextColorLabel="Text color";this.formatHighlightLabel="Highlight";this.formatColorClearLabel="Default";this.colorLabels=Object.fromEntries(N.map(e=>[e.name,e.label]));this.autocomplete="off";this.emptyValueLabel="No value set";this.confirmLabel="Save";this.cancelLabel="Cancel";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.handleHostFocus=()=>{this.fieldEl?.focus()};this.checkLocalValidators=()=>this.formatting?this.checkEditableValidators():X(this.fieldEl,["valueMissing","tooShort","tooLong"]);this.handleEditableInput=()=>{let e=this.fieldEl;if(!(e instanceof HTMLDivElement))return;let t=O(e);this.lastSyncedValue=t,this.value=t,this.resizeEditableField(),this.dispatchEvent(new S(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 a=m(t);if(!a||!a.rangeCount)return;let r=a.getRangeAt(0);r.deleteContents();let o=i.split(`
-`);if(o.length===1){let d=document.createTextNode(o[0]);r.insertNode(d),r.setStartAfter(d),r.collapse(!0)}else{let d=J(t,r.startContainer),h=r.cloneRange();d&&h.setEndAfter(d.lastChild??d);let p=h.extractContents();r.insertNode(document.createTextNode(o[0]));let f=d;for(let M=1;M<o.length;M+=1){let L=document.createElement("p");L.textContent=o[M],f?.after(L),f=L}f?.appendChild(p),f&&r.selectNodeContents(f),r.collapse(!1)}a.removeAllRanges(),a.addRange(r),this.handleEditableInput()};this.handleEditableKeydown=e=>{let t=this.fieldEl;if(!(t instanceof HTMLDivElement))return;let i=ce(e);if(i){e.preventDefault();let f=te(t).includes(i);this.applyFormat(i,!f);return}if(e.key!=="Enter")return;e.preventDefault();let a=m(t);if(!a||!a.rangeCount)return;let r=a.getRangeAt(0);r.deleteContents();let o=J(t,r.startContainer);if(!o)return;o.hasChildNodes()||o.appendChild(document.createElement("br"));let d=r.cloneRange();d.setEndAfter(o.lastChild??o);let h=d.extractContents();o.hasChildNodes()||o.appendChild(document.createElement("br"));let p=document.createElement("p");p.appendChild(h),p.hasChildNodes()||p.appendChild(document.createElement("br")),o.after(p),r.selectNodeContents(p),r.collapse(!0),a.removeAllRanges(),a.addRange(r),this.handleEditableInput()};this.handleSelectionChange=()=>{this.cleanupAbandonedPendingMarker(),this.syncToolbarToSelection()};this.handleOutsideClick=e=>{e.composedPath().some(a=>a instanceof HTMLElement&&a.classList.contains("color-picker"))||this.closeColorPicker()}}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}connectedCallback(){super.connectedCallback?.(),this.addEventListener("focus",this.handleHostFocus)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),document.removeEventListener("click",this.handleOutsideClick,{capture:!0}),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}(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:`Please lengthen this text to ${this.minlength} characters or more (you are currently using ${e} characters).`}:this.maxlength!==void 0&&e>this.maxlength?{validity:{tooLong:!0},message:`Please shorten this text to ${this.maxlength} characters or less (you are currently using ${e} characters).`}:{validity:{}}}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 S(this.value))}syncToolbarToSelection(){if(!(!this.formatting||!this.fieldEl)){if(this.toolbarEl){let e=te(this.fieldEl);this.previousActiveFormats=e,this.toolbarEl.value=e}this.activeTextColor=ie(this.fieldEl,"color"),this.activeHighlight=ie(this.fieldEl,"highlight")}}cleanupAbandonedPendingMarker(){let e=this.fieldEl,t=this.pendingCaretNode;if(!t||!(e instanceof HTMLDivElement))return;let i=m(e),a=i?.rangeCount?i.getRangeAt(0):null;a&&a.collapsed&&a.startContainer===t||(t.data===x?Z(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,a=this.pendingCaretNode,r=!!a&&t.startContainer===a;if(r&&a.data===x?(i=Z(e,a),this.pendingCaretNode=null):r&&(a.data=a.data.replace(x,""),this.pendingCaretNode=null),de(this.pendingMarks))return;let o=ue(this.pendingMarks);if(!o)return;i.insertNode(o);let h=document.createTreeWalker(o,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($(i)){if(!pe(i,e,t))return;this.handleEditableInput(),this.updateComplete.then(()=>{i.focus(),this.syncToolbarToSelection()});return}let r=Q(i);r&&(this.pendingMarks={...this.pendingMarks,[e]:t},this.updatePendingMarker(i,r),i.focus(),this.syncToolbarToSelection())}handleToolbarChange(e){e.stopPropagation();let i=e.target.value;Object.keys(H).forEach(a=>{let r=this.previousActiveFormats.includes(a),o=i.includes(a);r!==o&&this.applyFormat(a,o)}),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})}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($(i))ge(i,e,t)&&this.handleEditableInput();else{let r=Q(i);r&&(this.pendingMarks={...this.pendingMarks,[e]:t},this.updatePendingMarker(i,r),this.syncToolbarToSelection())}this.closeColorPicker(),this.updateComplete.then(()=>this.fieldEl?.focus())}renderToolbar(){let e=this.disabled||this.readonly,t=w(this.value??"").align;return g`
+`,Y=[W,ae];var re="eun-textarea",H={bold:"STRONG",italic:"EM",underline:"U"},T={bold:()=>document.createElement("strong"),italic:()=>document.createElement("em"),underline:()=>document.createElement("u")},se={b:"bold",i:"italic",u:"underline"};function ce(n){return!(n.ctrlKey||n.metaKey)||n.altKey?null:se[n.key.toLowerCase()]??null}function J(n,l){let e=l;for(;e&&e.parentNode!==n;)e=e.parentNode;return e}function m(n){let l=n.getRootNode();return l instanceof ShadowRoot&&typeof l.getSelection=="function"?l.getSelection():window.getSelection()}function $(n){let l=m(n);if(!l||!l.rangeCount)return null;let e=l.getRangeAt(0);return e.collapsed||!n.contains(e.commonAncestorContainer)?null:e}function ne(n,l){let e=document.createRange();e.selectNodeContents(l),n.removeAllRanges(),n.addRange(e)}function Q(n){let l=m(n);if(!l||!l.rangeCount)return null;let e=l.getRangeAt(0);return!e.collapsed||!n.contains(e.commonAncestorContainer)?null:e}function de(n){return!n.bold&&!n.italic&&!n.underline&&!n.color&&!n.highlight}var x="\u200B";function ue(n){let l=[];if(n.bold&&l.push(T.bold()),n.italic&&l.push(T.italic()),n.underline&&l.push(T.underline()),n.color){let e=y(n.color),t=document.createElement("span");t.setAttribute("data-color",n.color),t.style.color=e?.text??"inherit",l.push(t)}if(n.highlight){let e=y(n.highlight),t=document.createElement("span");t.setAttribute("data-highlight",n.highlight),t.style.backgroundColor=e?.highlight??"transparent",l.push(t)}if(!l.length)return null;for(let e=0;e<l.length-1;e+=1)l[e].appendChild(l[e+1]);return l[l.length-1].appendChild(document.createTextNode(x)),l[0]}function he(n,l){let e=l;for(;e.parentNode&&e.parentNode!==n&&e.parentNode.childNodes.length===1;)e=e.parentNode;return e}function Z(n,l){let e=he(n,l),t=e.parentNode,i=Array.from(t.childNodes).indexOf(e);t.removeChild(e);let o=document.createRange();return o.setStart(t,i),o.collapse(!0),o}function ee(n,l,e,t){let i=l,o=e;for(;;){let a=i.parentNode;if(!a||a===n)break;let r=i.nodeType===Node.TEXT_NODE?i.textContent?.length??0:i.childNodes.length;if(!(t?o===0:o===r))break;let h=Array.from(a.childNodes).indexOf(i);i=a,o=t?h:h+1}return{container:i,offset:o}}function le(n,l){let e=ee(n,l.startContainer,l.startOffset,!0),t=ee(n,l.endContainer,l.endOffset,!1);l.setStart(e.container,e.offset),l.setEnd(t.container,t.offset)}function oe(n,l){n.querySelectorAll("*").forEach(e=>{if(!l(e))return;let t=e.parentNode;if(t){for(;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}})}function pe(n,l,e){let t=m(n),i=$(n);if(!t||!i)return!1;le(n,i);let o=H[l],a=i.extractContents();oe(a,d=>d.tagName===o);let r=a;if(e){let d=T[l]();d.appendChild(a),r=d}return i.insertNode(r),ne(t,r),!0}function fe(n,l,e){let t=m(n),i=$(n);if(!t||!i)return!1;le(n,i);let o=l==="color"?"color":"highlight",a=i.extractContents();oe(a,d=>d.tagName==="SPAN"&&d.hasAttribute(`data-${o}`));let r=a;if(e){let d=y(e),h=document.createElement("span");h.setAttribute(`data-${o}`,e),h.style.cssText=l==="color"?`color: ${d?.text??"inherit"}`:`background-color: ${d?.highlight??"transparent"}`,h.appendChild(a),r=h}return i.insertNode(r),ne(t,r),!0}function te(n){let l=m(n);if(!l||!l.anchorNode||!n.contains(l.anchorNode))return[];let e=new Set,t=l.anchorNode;for(;t&&t!==n;){if(t instanceof HTMLElement){let i=Object.entries(H).find(([,o])=>o===t.tagName)?.[0];i&&e.add(i)}t=t.parentNode}return Array.from(e)}function ie(n,l){let e=m(n);if(!e||!e.anchorNode||!n.contains(e.anchorNode))return null;let t=e.anchorNode;for(;t&&t!==n;){if(t instanceof HTMLElement){let i=l==="color"?t.getAttribute("data-color"):t.getAttribute("data-highlight");if(i)return i}t=t.parentNode}return null}var ge=B(K(_)),me=U(G(j(q(z(ge))))),s=class extends me{constructor(){super(...arguments);this.formatting=!1;this.formatToolbarLabel="Text formatting";this.formatBoldLabel="Bold";this.formatItalicLabel="Italic";this.formatUnderlineLabel="Underline";this.formatAlignLabel="Text alignment";this.formatAlignStartLabel="Align left";this.formatAlignCenterLabel="Center";this.formatAlignEndLabel="Align right";this.formatAlignJustifyLabel="Justify";this.formatTextColorLabel="Text color";this.formatHighlightLabel="Highlight";this.formatColorClearLabel="Default";this.colorLabels=Object.fromEntries(N.map(e=>[e.name,e.label]));this.autocomplete="off";this.emptyValueLabel="No value set";this.confirmLabel="Save";this.cancelLabel="Cancel";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.handleHostFocus=()=>{this.fieldEl?.focus()};this.checkLocalValidators=()=>this.formatting?this.checkEditableValidators():X(this.fieldEl,["valueMissing","tooShort","tooLong"]);this.handleEditableInput=()=>{let e=this.fieldEl;if(!(e instanceof HTMLDivElement))return;let t=O(e);this.lastSyncedValue=t,this.value=t,this.resizeEditableField(),this.dispatchEvent(new F(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 o=m(t);if(!o||!o.rangeCount)return;let a=o.getRangeAt(0);a.deleteContents();let r=i.split(`
+`);if(r.length===1){let d=document.createTextNode(r[0]);a.insertNode(d),a.setStartAfter(d),a.collapse(!0)}else{let d=J(t,a.startContainer),h=a.cloneRange();d&&h.setEndAfter(d.lastChild??d);let p=h.extractContents();a.insertNode(document.createTextNode(r[0]));let g=d;for(let M=1;M<r.length;M+=1){let L=document.createElement("p");L.textContent=r[M],g?.after(L),g=L}g?.appendChild(p),g&&a.selectNodeContents(g),a.collapse(!1)}o.removeAllRanges(),o.addRange(a),this.handleEditableInput()};this.handleEditableKeydown=e=>{let t=this.fieldEl;if(!(t instanceof HTMLDivElement))return;let i=ce(e);if(i){e.preventDefault();let g=te(t).includes(i);this.applyFormat(i,!g);return}if(e.key!=="Enter")return;e.preventDefault();let o=m(t);if(!o||!o.rangeCount)return;let a=o.getRangeAt(0);a.deleteContents();let r=J(t,a.startContainer);if(!r)return;r.hasChildNodes()||r.appendChild(document.createElement("br"));let d=a.cloneRange();d.setEndAfter(r.lastChild??r);let h=d.extractContents();r.hasChildNodes()||r.appendChild(document.createElement("br"));let p=document.createElement("p");p.appendChild(h),p.hasChildNodes()||p.appendChild(document.createElement("br")),r.after(p),a.selectNodeContents(p),a.collapse(!0),o.removeAllRanges(),o.addRange(a),this.handleEditableInput()};this.handleSelectionChange=()=>{this.cleanupAbandonedPendingMarker(),this.syncToolbarToSelection()};this.handleOutsideClick=e=>{e.composedPath().some(o=>o instanceof HTMLElement&&o.classList.contains("color-picker"))||this.closeColorPicker()}}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}connectedCallback(){super.connectedCallback?.(),this.addEventListener("focus",this.handleHostFocus)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),document.removeEventListener("click",this.handleOutsideClick,{capture:!0}),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}(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:{}}}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 F(this.value))}syncToolbarToSelection(){if(!(!this.formatting||!this.fieldEl)){if(this.toolbarEl){let e=te(this.fieldEl);this.previousActiveFormats=e,this.toolbarEl.value=e}this.activeTextColor=ie(this.fieldEl,"color"),this.activeHighlight=ie(this.fieldEl,"highlight")}}cleanupAbandonedPendingMarker(){let e=this.fieldEl,t=this.pendingCaretNode;if(!t||!(e instanceof HTMLDivElement))return;let i=m(e),o=i?.rangeCount?i.getRangeAt(0):null;o&&o.collapsed&&o.startContainer===t||(t.data===x?Z(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,o=this.pendingCaretNode,a=!!o&&t.startContainer===o;if(a&&o.data===x?(i=Z(e,o),this.pendingCaretNode=null):a&&(o.data=o.data.replace(x,""),this.pendingCaretNode=null),de(this.pendingMarks))return;let r=ue(this.pendingMarks);if(!r)return;i.insertNode(r);let h=document.createTreeWalker(r,NodeFilter.SHOW_TEXT).nextNode();if(!h)return;this.pendingCaretNode=h;let p=m(e);if(!p)return;let g=document.createRange();g.setStart(h,h.data.length),g.collapse(!0),p.removeAllRanges(),p.addRange(g)}applyFormat(e,t){let i=this.fieldEl;if(!(i instanceof HTMLDivElement))return;if($(i)){if(!pe(i,e,t))return;this.handleEditableInput(),this.updateComplete.then(()=>{i.focus(),this.syncToolbarToSelection()});return}let a=Q(i);a&&(this.pendingMarks={...this.pendingMarks,[e]:t},this.updatePendingMarker(i,a),i.focus(),this.syncToolbarToSelection())}handleToolbarChange(e){e.stopPropagation();let i=e.target.value;Object.keys(H).forEach(o=>{let a=this.previousActiveFormats.includes(o),r=i.includes(o);a!==r&&this.applyFormat(o,r)}),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})}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($(i))fe(i,e,t)&&this.handleEditableInput();else{let a=Q(i);a&&(this.pendingMarks={...this.pendingMarks,[e]:t},this.updatePendingMarker(i,a),this.syncToolbarToSelection())}this.closeColorPicker(),this.updateComplete.then(()=>this.fieldEl?.focus())}renderToolbar(){let e=this.disabled||this.readonly,t=w(this.value??"").align;return f`
       <div
         id="toolbar-groups"
         @mousedown=${i=>i.preventDefault()}
@@ -213,21 +213,21 @@ import{a as q}from"./chunks/chunk-E4IS25H7.js";import{a as W}from"./chunks/chunk
         ${this.renderColorPicker("color",this.formatTextColorLabel,"format_color_text")}
         ${this.renderColorPicker("highlight",this.formatHighlightLabel,"format_color_fill")}
       </div>
-    `}renderColorPicker(e,t,i){let a=this.disabled||this.readonly,r=this.openPicker===e,o=e==="color"?this.activeTextColor:this.activeHighlight,d=o?y(o):void 0,h=e==="color"?d?.text:d?.highlight;return g`
+    `}renderColorPicker(e,t,i){let o=this.disabled||this.readonly,a=this.openPicker===e,r=e==="color"?this.activeTextColor:this.activeHighlight,d=r?y(r):void 0,h=e==="color"?d?.text:d?.highlight;return f`
       <div class="color-picker">
         <button
           type="button"
           class="color-picker-trigger"
           aria-haspopup="true"
-          aria-expanded=${r?"true":"false"}
+          aria-expanded=${a?"true":"false"}
           aria-label=${t}
-          ?disabled=${a}
+          ?disabled=${o}
           style=${h?`--_border-indicator-color: ${h}`:""}
           @click=${()=>this.toggleColorPicker(e)}
         >
           <eun-icon name=${i} size="18"></eun-icon>
         </button>
-        ${r?g`
+        ${a?f`
               <div
                 class="color-picker-panel"
                 role="menu"
@@ -238,16 +238,16 @@ import{a as q}from"./chunks/chunk-E4IS25H7.js";import{a as W}from"./chunks/chunk
                   type="button"
                   class="color-swatch clear"
                   role="menuitemradio"
-                  aria-checked=${o===null?"true":"false"}
+                  aria-checked=${r===null?"true":"false"}
                   aria-label=${this.formatColorClearLabel}
                   @click=${()=>this.selectColor(e,null)}
                 ></button>
-                ${N.map(p=>g`
+                ${N.map(p=>f`
                     <button
                       type="button"
                       class="color-swatch"
                       role="menuitemradio"
-                      aria-checked=${o===p.name?"true":"false"}
+                      aria-checked=${r===p.name?"true":"false"}
                       aria-label=${this.colorLabels[p.name]??p.label}
                       style="--_swatch-bg: ${e==="color"?p.text:p.highlight}"
                       @click=${()=>this.selectColor(e,p.name)}
@@ -256,11 +256,11 @@ import{a as q}from"./chunks/chunk-E4IS25H7.js";import{a as W}from"./chunks/chunk
               </div>
             `:b}
       </div>
-    `}renderCharCount(){let e=this.formatting?A(this.value??""):this.value?.length??0,t=this.maxlength!==void 0&&e>this.maxlength;return g`
+    `}renderCharCount(){let e=this.formatting?A(this.value??""):this.value?.length??0,t=this.maxlength!==void 0&&e>this.maxlength;return f`
       <span id="char-count" ?data-exceeded=${t}
         >${e}/${this.maxlength}</span
       >
-    `}renderReadonlyDisplay(){let e=!!this.value?.trim().length,t=this.formatting?w(this.value??"").align:void 0;return g`
+    `}renderReadonlyDisplay(){let e=!!this.value?.trim().length,t=this.formatting?w(this.value??"").align:void 0;return f`
       <div
         id="readonly-display"
         role="button"
@@ -270,12 +270,12 @@ import{a as q}from"./chunks/chunk-E4IS25H7.js";import{a as W}from"./chunks/chunk
         @click=${this.startEdit}
         @keydown=${i=>(i.key==="Enter"||i.key===" ")&&this.startEdit()}
       >
-        ${e&&this.formatting?V(this.value):g`<span
+        ${e&&this.formatting?V(this.value):f`<span
               class=${P({"plain-value":!0,empty:!e})}
               >${e?this.value:this.emptyValueLabel}</span
             >`}
       </div>
-    `}renderNativeField(e){return g`
+    `}renderNativeField(e){return f`
       <textarea
         id="field"
         rows=${v(this.rows)}
@@ -287,7 +287,7 @@ import{a as q}from"./chunks/chunk-E4IS25H7.js";import{a as W}from"./chunks/chunk
         ?required=${this.required}
         minlength=${v(this.minlength)}
         maxlength=${v(this.maxlength)}
-        aria-invalid=${!this.hideError&&!this.disabled&&!this.valid}
+        aria-invalid=${this.showError}
         aria-label=${v(this.label)}
         aria-describedby=${e||b}
         @input=${this.handleInput}
@@ -296,7 +296,7 @@ import{a as q}from"./chunks/chunk-E4IS25H7.js";import{a as W}from"./chunks/chunk
         @click=${this.handleSelectionChange}
         @focus=${this.handleSelectionChange}
       ></textarea>
-    `}renderEditableField(e){let t=this.disabled||this.readonly;return g`
+    `}renderEditableField(e){let t=this.disabled||this.readonly;return f`
       <div
         id="field"
         contenteditable=${t?"false":"true"}
@@ -304,7 +304,7 @@ import{a as q}from"./chunks/chunk-E4IS25H7.js";import{a as W}from"./chunks/chunk
         role="textbox"
         aria-multiline="true"
         aria-required=${this.required?"true":b}
-        aria-invalid=${!this.hideError&&!this.disabled&&!this.valid}
+        aria-invalid=${this.showError}
         aria-label=${v(this.label)}
         aria-describedby=${e||b}
         @beforeinput=${this.handleEditableBeforeInput}
@@ -316,13 +316,13 @@ import{a as q}from"./chunks/chunk-E4IS25H7.js";import{a as W}from"./chunks/chunk
         @click=${this.handleSelectionChange}
         @focus=${this.handleSelectionChange}
       ></div>
-      ${!this.value&&this.placeholder?g`<span id="editable-placeholder">${this.placeholder}</span>`:b}
-    `}renderField(e){let t=[e?"description":null,this.maxlength!==void 0?"char-count":null].filter(i=>!!i).join(" ");return g`
+      ${!this.value&&this.placeholder?f`<span id="editable-placeholder">${this.placeholder}</span>`:b}
+    `}renderField(e){let t=[e?"description":null,this.maxlength!==void 0?"char-count":null].filter(i=>!!i).join(" ");return f`
       ${this.formatting?this.renderToolbar():b}
       <div id="field-wrapper">
         ${this.formatting?this.renderEditableField(t):this.renderNativeField(t)}
       </div>
-      ${F(this.readonlyAvailable,()=>g`
+      ${S(this.readonlyAvailable,()=>f`
           <div id="edit-actions">
             <eun-button
               class="confirm"
@@ -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"
@@ -345,14 +345,14 @@ import{a as q}from"./chunks/chunk-E4IS25H7.js";import{a as W}from"./chunks/chunk
             >
           </div>
         `)}
-    `}render(){let e=this.readonlyAvailable&&!this.editing,t=this.renderDescription(),i=this.maxlength!==void 0&&!e;return g`
+    `}render(){let e=this.readonlyAvailable&&!this.editing,t=this.renderDescription(),i=this.maxlength!==void 0&&!e;return f`
       <div id="wrapper">
         ${this.renderFormLabels(e?void 0:"field")}
         ${e?this.renderReadonlyDisplay():this.renderField(t!==b)}
-        ${F(t!==b||i,()=>g`
+        ${S(t!==b||i,()=>f`
             <div id="description-row">
               ${t} ${i?this.renderCharCount():b}
             </div>
           `)}
       </div>
-    `}};s.styles=[Y,C.base,C.errorMessages,C.hintMessages],c([u({attribute:"default-value"})],s.prototype,"defaultValue",1),c([u()],s.prototype,"placeholder",2),c([u({type:Number,reflect:!0})],s.prototype,"rows",2),c([u({type:Boolean,reflect:!0})],s.prototype,"formatting",2),c([u({attribute:"format-toolbar-label"})],s.prototype,"formatToolbarLabel",2),c([u({attribute:"format-bold-label"})],s.prototype,"formatBoldLabel",2),c([u({attribute:"format-italic-label"})],s.prototype,"formatItalicLabel",2),c([u({attribute:"format-underline-label"})],s.prototype,"formatUnderlineLabel",2),c([u({attribute:"format-align-label"})],s.prototype,"formatAlignLabel",2),c([u({attribute:"format-align-start-label"})],s.prototype,"formatAlignStartLabel",2),c([u({attribute:"format-align-center-label"})],s.prototype,"formatAlignCenterLabel",2),c([u({attribute:"format-align-end-label"})],s.prototype,"formatAlignEndLabel",2),c([u({attribute:"format-align-justify-label"})],s.prototype,"formatAlignJustifyLabel",2),c([u({attribute:"format-text-color-label"})],s.prototype,"formatTextColorLabel",2),c([u({attribute:"format-highlight-label"})],s.prototype,"formatHighlightLabel",2),c([u({attribute:"format-color-clear-label"})],s.prototype,"formatColorClearLabel",2),c([u({attribute:!1})],s.prototype,"colorLabels",2),c([u()],s.prototype,"autocomplete",2),c([u({type:Number})],s.prototype,"minlength",2),c([u({type:Number})],s.prototype,"maxlength",2),c([u({attribute:"empty-value-label"})],s.prototype,"emptyValueLabel",2),c([u({attribute:"confirm-label"})],s.prototype,"confirmLabel",2),c([u({attribute:"cancel-label"})],s.prototype,"cancelLabel",2),c([E()],s.prototype,"openPicker",2),c([E()],s.prototype,"activeTextColor",2),c([E()],s.prototype,"activeHighlight",2),c([k("#field")],s.prototype,"fieldEl",2),c([k("#toolbar")],s.prototype,"toolbarEl",2),s=c([I(oe)],s);export{s as EunomiaTextarea,oe as EunomiaTextareaTagName};
+    `}};s.styles=[Y,C.base,C.errorMessages,C.hintMessages],c([u({attribute:"default-value"})],s.prototype,"defaultValue",1),c([u()],s.prototype,"placeholder",2),c([u({type:Number,reflect:!0})],s.prototype,"rows",2),c([u({type:Boolean,reflect:!0})],s.prototype,"formatting",2),c([u({attribute:"format-toolbar-label"})],s.prototype,"formatToolbarLabel",2),c([u({attribute:"format-bold-label"})],s.prototype,"formatBoldLabel",2),c([u({attribute:"format-italic-label"})],s.prototype,"formatItalicLabel",2),c([u({attribute:"format-underline-label"})],s.prototype,"formatUnderlineLabel",2),c([u({attribute:"format-align-label"})],s.prototype,"formatAlignLabel",2),c([u({attribute:"format-align-start-label"})],s.prototype,"formatAlignStartLabel",2),c([u({attribute:"format-align-center-label"})],s.prototype,"formatAlignCenterLabel",2),c([u({attribute:"format-align-end-label"})],s.prototype,"formatAlignEndLabel",2),c([u({attribute:"format-align-justify-label"})],s.prototype,"formatAlignJustifyLabel",2),c([u({attribute:"format-text-color-label"})],s.prototype,"formatTextColorLabel",2),c([u({attribute:"format-highlight-label"})],s.prototype,"formatHighlightLabel",2),c([u({attribute:"format-color-clear-label"})],s.prototype,"formatColorClearLabel",2),c([u({attribute:!1})],s.prototype,"colorLabels",2),c([u()],s.prototype,"autocomplete",2),c([u({type:Number})],s.prototype,"minlength",2),c([u({type:Number})],s.prototype,"maxlength",2),c([u({attribute:"empty-value-label"})],s.prototype,"emptyValueLabel",2),c([u({attribute:"confirm-label"})],s.prototype,"confirmLabel",2),c([u({attribute:"cancel-label"})],s.prototype,"cancelLabel",2),c([E()],s.prototype,"openPicker",2),c([E()],s.prototype,"activeTextColor",2),c([E()],s.prototype,"activeHighlight",2),c([k("#field")],s.prototype,"fieldEl",2),c([k("#toolbar")],s.prototype,"toolbarEl",2),s=c([I(re)],s);export{s as EunomiaTextarea,re as EunomiaTextareaTagName};

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 Q,b as $,c as X,d as ee,e as te,f as ie,g as D,h as E,i as oe,j as H,k as re,m as h,o as I,p as ne,q as ae,r as se,s as le}from"./chunks/chunk-JYIIWN2P.js";import"./chunks/chunk-VJCNHMQZ.js";import{a as W}from"./chunks/chunk-LK5BJ4SH.js";import{a as Z}from"./chunks/chunk-UYZR4JXZ.js";import{b as J,c as T}from"./chunks/chunk-624VJYNA.js";import{a as A}from"./chunks/chunk-LYYQAALT.js";import{a as G}from"./chunks/chunk-4PI6RDUS.js";import{a as Y}from"./chunks/chunk-BO3JOEWM.js";import{b as B,c as j,d as U,e as q,f as C}from"./chunks/chunk-VOTRXBDS.js";import{a as P}from"./chunks/chunk-YYCEPZUN.js";import{a as N}from"./chunks/chunk-RS7TWEMQ.js";import{b as R}from"./chunks/chunk-BKZGTCMF.js";import"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-SD2H5UDZ.js";import{a as _}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as K}from"./chunks/chunk-LMVW522V.js";import"./chunks/chunk-KSZRQRN4.js";import{a as r,f as z,h as x,j as s,k as M,l as b,p as d,r as k,u as V}from"./chunks/chunk-YITWLCD3.js";var he=x`
   :host {
     display: block;
     width: 100%;
@@ -18,8 +18,8 @@ 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
     outline: 1px solid transparent;
     box-sizing: border-box;
     transition:
-      border-color 0.15s ease,
-      outline-color 0.15s ease;
+      border-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease),
+      outline-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease);
   }
   :host(:not([aria-readonly="true"]))
     #field-wrapper:hover:not(:has(:disabled)) {
@@ -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 {
@@ -110,7 +110,8 @@ 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
     color: var(--_iconColor);
     outline: 2px solid transparent;
     cursor: pointer;
-    transition: outline 0.2s ease-out;
+    transition: outline var(--eun-duration-m, 200ms)
+      var(--eun-easing-out, ease-out);
   }
   #clock-trigger:hover:not(:disabled) {
     color: var(--_textColor);
@@ -179,7 +180,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`
+`,ue=[Z,he],fe=x`
   @supports (anchor-name: --a) {
     #clock-popover:popover-open {
       position-try-fallbacks: --eun-time-picker-above;
@@ -191,7 +192,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`
+`,de=fe;var ve=x`
   .tp-list {
     display: flex;
     flex-direction: column;
@@ -213,7 +214,8 @@ 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
     font-variant-numeric: tabular-nums;
     text-align: start;
     cursor: pointer;
-    transition: background-color 0.15s ease;
+    transition: background-color var(--eun-duration-s, 150ms)
+      var(--eun-easing-default, ease);
   }
   .tp-list-item:hover:not(:disabled) {
     background-color: var(
@@ -241,20 +243,20 @@ 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`
+`,ce=ve;var be=1440;function pe(u){let{format:g,hour:e,minute:t,locale:i,disabled:n=!1,onPick:c}=u,p=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<be;a+=p){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 F=f.findIndex(a=>a.selected),O=F===-1?0:F,v=(a,l)=>{let m=a.querySelectorAll('[role="option"]'),S=Math.min(Math.max(l,0),m.length-1);m[S]?.focus()},me=a=>{let l=a.currentTarget,m=Array.from(l.querySelectorAll('[role="option"]')),S=m.indexOf(document.activeElement),y=S===-1?O: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&&c(L.hour24,L.minute);break}default:break}};return d`
     <div
       class="tp-list"
       role="listbox"
       aria-label=${u.ariaLabel??"Time"}
       aria-disabled=${n?"true":"false"}
-      @keydown=${ue}
+      @keydown=${me}
     >
       ${f.map((a,l)=>d`
           <button
             type="button"
             role="option"
-            class=${V({"tp-list-item":!0,selected:a.selected})}
-            tabindex=${n?"-1":l===F?"0":"-1"}
+            class=${_({"tp-list-item":!0,selected:a.selected})}
+            tabindex=${n?"-1":l===O?"0":"-1"}
             aria-selected=${a.selected?"true":"false"}
             ?disabled=${n}
             @click=${()=>c(a.hour24,a.minute)}
@@ -263,7 +265,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
           </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 ge="eun-time-picker",ye=N(q(V)),xe=K(W(G(Y(U(j(ye)))))),o=class extends xe{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(Me(this.segments)&&!E(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=re({hour:t,minute:i},H(this.minTime),H(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(X(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(ee(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=D(n.hour,n.minute,i)}else this.segments=D(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))}getFocusAnchor(){return this.firstSegmentEl??void 0}focus(){super.focus?.(),this.firstSegmentEl?.focus()}isMobileViewport(){return window.matchMedia(R("tablet")).matches}resolvedHourFormat(){return Q(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=I(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=I(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(!oe(e,t))return;let i=E(e,t);i&&this.commitTypedTime(i.hour,i.minute)}popoverAnimationDuration(e){return this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:J(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=te(this.resolvedHourFormat());return ie(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]),p;if(this.segments[e]===""||Number.isNaN(c)){let f=h(this.displaySource,this.timezone);p=e==="hour"?i===12?$(f.hour).hour:f.hour:f.minute}else p=c+t,p>n.max?p=n.min:p<n.min&&(p=n.max);let w={...this.segments,[e]:String(p).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"
@@ -317,7 +319,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
           <eun-icon name="access_time" size="16"></eun-icon>
         </button>
       </div>
-    `}renderTimezoneLabel(){if(this.hideTimezoneLabel||!this.timezone||te(this.timezone,void 0))return k;let e=ie(this.value??new Date,this.timezone,{locale:this.locale});return d`<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 oe({visual:e,format:t,hour:i.hour,minute:i.minute,period:n,stepMinute:this.stepMinute,disabled:this.disabled,noAnimation:this.noAnimation,ariaLabelGroup:this.dictionary.timePicker.time,ariaLabelHour:this.dictionary.timePicker.hour,ariaLabelMinute:this.dictionary.timePicker.minute,ariaLabelPeriod:this.dictionary.timePicker.amPm,onHourChange:this.handleHourColumnChange,onMinuteChange:this.handleMinuteColumnChange,onPeriodChange:this.handlePeriodColumnChange})}renderListPanelContent(){let e=this.resolvedHourFormat(),t=h(this.displaySource,this.timezone);return le({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 d`
+    `}renderTimezoneLabel(){if(this.hideTimezoneLabel||!this.timezone||ne(this.timezone))return k;let e=ae(this.value??new Date,this.timezone,{locale:this.locale});return d`<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 se({visual:e,format:t,hour:i.hour,minute:i.minute,period:n,stepMinute:this.stepMinute,disabled:this.disabled,noAnimation:this.noAnimation,ariaLabelGroup:this.dictionary.timePicker.time,ariaLabelHour:this.dictionary.timePicker.hour,ariaLabelMinute:this.dictionary.timePicker.minute,ariaLabelPeriod:this.dictionary.timePicker.amPm,onHourChange:this.handleHourColumnChange,onMinuteChange:this.handleMinuteColumnChange,onPeriodChange:this.handlePeriodColumnChange})}renderListPanelContent(){let e=this.resolvedHourFormat(),t=h(this.displaySource,this.timezone);return pe({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 d`
       <div id="wrapper">
         ${this.renderFormLabels("clock-trigger")} ${this.renderField()}
         ${this.renderTimezoneLabel()} ${this.renderDescription()}
@@ -356,4 +358,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 a
           </eun-button>
         </div>
       </eun-modal>
-    `}};o.styles=[ne,...A?[]:[ae],re,se,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:"aria-label-clock"})],o.prototype,"ariaLabelClock",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=>ge(e),toAttribute:e=>e?ye(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([b("#clock-trigger")],o.prototype,"triggerEl",2),r([b("#clock-popover")],o.prototype,"popoverEl",2),r([b("#field-wrapper")],o.prototype,"fieldWrapperEl",2),r([b("#modal-time")],o.prototype,"modalEl",2),r([b(".segment")],o.prototype,"firstSegmentEl",2),o=r([O(he)],o);function be(u){return u.hour!==""||u.minute!==""||u.period!==""}function ge(u){if(!u)return null;let g=new Date(u);return Number.isNaN(g.getTime())?null:g}function ye(u){return u?u.toISOString():""}export{o as EunomiaTimePicker,he as EunomiaTimePickerTagName};
+    `}};o.styles=[ue,...A?[]:[de],le,ce,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:"aria-label-clock"})],o.prototype,"ariaLabelClock",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=>we(e),toAttribute:e=>e?Se(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([b("#clock-trigger")],o.prototype,"triggerEl",2),r([b("#clock-popover")],o.prototype,"popoverEl",2),r([b("#field-wrapper")],o.prototype,"fieldWrapperEl",2),r([b("#modal-time")],o.prototype,"modalEl",2),r([b(".segment")],o.prototype,"firstSegmentEl",2),o=r([z(ge)],o);function Me(u){return u.hour!==""||u.minute!==""||u.period!==""}function we(u){if(!u)return null;let g=new Date(u);return Number.isNaN(g.getTime())?null:g}function Se(u){return u?u.toISOString():""}export{o as EunomiaTimePicker,ge as EunomiaTimePickerTagName};

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

@@ -1,4 +1,4 @@
-import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk-LGLQ36QB.js";import{a as y}from"./chunks/chunk-UP4M7TER.js";import{a as h}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as b}from"./chunks/chunk-5EVP7YNE.js";import{a as i,f,g,h as a,l as d,n as s,p,s as m}from"./chunks/chunk-XH6NREVZ.js";var c=new Map;function S(r){let n=getComputedStyle(r).getPropertyValue("--toast-stack-gap").trim(),t=Number.parseFloat(n);return Number.isNaN(t)?8:t}function k(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 C=l.el.getBoundingClientRect().height;t+=C+S(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)),k(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}k(r)}}var T=g`
+import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk-GDBPWZN6.js";import{a as y}from"./chunks/chunk-UP4M7TER.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 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 S(r){let n=getComputedStyle(r).getPropertyValue("--toast-stack-gap").trim(),t=Number.parseFloat(n);return Number.isNaN(t)?8:t}function k(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 C=l.el.getBoundingClientRect().height;t+=C+S(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)),k(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}k(r)}}var T=g`
   :host {
     position: fixed;
     display: block;
@@ -10,14 +10,17 @@ import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk
     z-index: var(--toast-z-index, 2147483000);
     font-family: var(--eun-font-family, "Mulish", sans-serif);
     --_gapEdge: var(--toast-viewport-gap, var(--eun-space-m, 16px));
-    --_transitionDuration: var(--toast-transition-duration, 0.3s);
+    --_transitionDuration: var(
+      --toast-transition-duration,
+      var(--eun-duration-xl, 300ms)
+    );
     --_baseX: var(--_enterX, 0px);
     --_baseY: var(--_enterY, 0px);
     visibility: hidden;
     opacity: 0;
     transition:
-      opacity var(--_transitionDuration) ease,
-      transform var(--_transitionDuration) ease,
+      opacity var(--_transitionDuration) var(--eun-easing-default, ease),
+      transform var(--_transitionDuration) var(--eun-easing-default, ease),
       visibility 0s linear var(--_transitionDuration);
   }
 
@@ -27,8 +30,8 @@ import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk
     --_baseX: 0px;
     --_baseY: 0px;
     transition:
-      opacity var(--_transitionDuration) ease,
-      transform var(--_transitionDuration) ease,
+      opacity var(--_transitionDuration) var(--eun-easing-default, ease),
+      transform var(--_transitionDuration) var(--eun-easing-default, ease),
       visibility 0s linear 0s;
   }
 
@@ -122,25 +125,25 @@ import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk
     --_titleColor: var(--eun-text-color, #071621);
   }
   :host([severity="info"]) {
-    --_background: var(--eun-color-info-30, #f0f7fa);
+    --_background: var(--eun-color-info-alpha-5, #097faf0d);
     --_backgroundFilled: var(--eun-color-info-100, #097faf);
     --_borderColor: var(--eun-color-info-100, #097faf);
     --_titleColor: var(--eun-color-info-100, #097faf);
   }
   :host([severity="success"]) {
-    --_background: var(--eun-color-success-30, #f1f9f4);
+    --_background: var(--eun-color-success-alpha-5, #1a99480d);
     --_backgroundFilled: var(--eun-color-success-100, #1a9948);
     --_borderColor: var(--eun-color-success-100, #1a9948);
     --_titleColor: var(--eun-color-success-100, #1a9948);
   }
   :host([severity="warning"]) {
-    --_background: var(--eun-color-warning-30, #fcf5f0);
+    --_background: var(--eun-color-warning-alpha-5, #c852070d);
     --_backgroundFilled: var(--eun-color-warning-100, #c85207);
     --_borderColor: var(--eun-color-warning-100, #c85207);
     --_titleColor: var(--eun-color-warning-100, #c85207);
   }
   :host([severity="critical"]) {
-    --_background: var(--eun-color-critical-30, #faf0f1);
+    --_background: var(--eun-color-critical-alpha-5, #aa00140d);
     --_backgroundFilled: var(--eun-color-critical-100, #aa0014);
     --_borderColor: var(--eun-color-critical-100, #aa0014);
     --_titleColor: var(--eun-color-critical-100, #aa0014);
@@ -166,8 +169,13 @@ import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk
     /* Every appearance carries the same border box (transparent unless
        drawn), taken out of the padding, so switching appearance or adding a
        --toast-border-* never changes the size. */
-    border: var(--_bw) solid var(--toast-border-color, var(--_frame, transparent));
-    padding: var(--toast-padding, max(0px, calc(var(--eun-space-m, 16px) - var(--_bw))));
+    border: var(--_bw) solid
+      var(--toast-border-color, var(--_frame, transparent));
+    padding: var(
+      --toast-padding,
+      var(--toast-padding-block, max(0px, calc(var(--eun-space-m, 16px) - var(--_bw))))
+        var(--toast-padding-inline, max(0px, calc(var(--eun-space-m, 16px) - var(--_bw))))
+    );
     border-radius: var(--toast-border-radius, var(--eun-border-radius-m, 8px));
     box-shadow: var(
       --toast-shadow,
@@ -200,7 +208,10 @@ import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk
   }
   :host([appearance="outline"]) #toast {
     --_frame: var(--_borderColor);
-    background: var(--toast-background-color, var(--eun-surface-color, #ffffff));
+    background: var(
+      --toast-background-color,
+      var(--eun-surface-color, #ffffff)
+    );
   }
   :host([appearance="fill"]) #toast {
     background: var(--toast-background-color, var(--_backgroundFilled));
@@ -219,14 +230,20 @@ import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk
   }
 
   slot[name="icon"] {
-    --icon-color: var(--toast-icon-color, var(--toast-color, var(--_titleColor)));
+    --icon-color: var(
+      --toast-icon-color,
+      var(--toast-color, var(--_titleColor))
+    );
     grid-column: 1;
     grid-row: 1;
     align-self: center;
     display: flex;
   }
   :host([appearance="fill"]) slot[name="icon"] {
-    --icon-color: var(--toast-icon-color, var(--toast-color, var(--_onFilled, #fff)));
+    --icon-color: var(
+      --toast-icon-color,
+      var(--toast-color, var(--_onFilled, #fff))
+    );
   }
 
   #description,
@@ -267,7 +284,10 @@ import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk
 
   :host([closeable]) #toast {
     padding-right: calc(
-      var(--toast-padding, max(0px, calc(var(--eun-space-s, 8px) - var(--_bw)))) +
+      var(
+          --toast-padding,
+          var(--toast-padding-inline, max(0px, calc(var(--eun-space-s, 8px) - var(--_bw))))
+        ) +
         var(--eun-space-l, 32px)
     );
   }