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

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

@@ -1,4 +1,4 @@
-import{a as g}from"./chunks/chunk-UDOZRIJZ.js";import{b as p}from"./chunks/chunk-LYYQAALT.js";import{a as i}from"./chunks/chunk-YYCEPZUN.js";import{e as b}from"./chunks/chunk-LGLQ36QB.js";import{a as c}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as n,f as h,g as u,h as o,i as v,j as d,l,n as r,p as a,s as f}from"./chunks/chunk-XH6NREVZ.js";var m=u`
+import{a as y}from"./chunks/chunk-UDOZRIJZ.js";import{b as u}from"./chunks/chunk-LYYQAALT.js";import{a as s}from"./chunks/chunk-YYCEPZUN.js";import{e as m}from"./chunks/chunk-LGLQ36QB.js";import{a as c}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as t,f as v,g as f,h as o,i as g,j as l,l as d,n as r,p as i,s as b}from"./chunks/chunk-XH6NREVZ.js";var x=f`
   :host {
     display: block;
     width: 100%;
@@ -115,11 +115,24 @@ import{a as g}from"./chunks/chunk-UDOZRIJZ.js";import{b as p}from"./chunks/chunk
     text-overflow: ellipsis;
     font-size: var(--eun-font-size-s, 14px);
   }
+  #heading ::slotted(*) {
+    margin: 0;
+    font: inherit;
+    color: inherit;
+  }
   #subheading {
     font-size: var(--eun-font-size-xs, 14px);
     font-weight: var(--eun-font-weight-m);
     color: var(--_subheadingColor);
   }
+  #subheading.hidden {
+    display: none;
+  }
+  #subheading ::slotted(*) {
+    margin: 0;
+    font: inherit;
+    color: inherit;
+  }
   #actions {
     display: flex;
     align-items: center;
@@ -201,7 +214,13 @@ import{a as g}from"./chunks/chunk-UDOZRIJZ.js";import{b as p}from"./chunks/chunk
       transition: none;
     }
   }
-`;var _="eun-collapse",t=class extends f{constructor(){super(...arguments);this.chevronIcon="add";this.open=!1;this.disabled=!1;this.independent=!1;this.panelHidden=!1;this.deferPanelHidden=!1;this.openedViaFocus=!1;this.handleSlotChange=()=>{this.requestUpdate()};this.handlePanelTransitionEnd=e=>{e.target!==this.panelEl||e.propertyName!=="grid-template-rows"||(this.panelEl?.removeEventListener("transitionend",this.handlePanelTransitionEnd),this.open||(this.panelHidden=!0))};this.toggle=()=>{this.disabled||(this.openedViaFocus=!1,this.open=!this.open,this.dispatchEvent(new i))};this.handleBeforeMatch=()=>{this.open=!0,this.dispatchEvent(new i)};this.handleHeaderKeydown=e=>{if(e.key!=="Tab"||e.shiftKey||this.open||!this.panelContentEl)return;let[s]=g(this.panelContentEl,{requireRendered:!1});s&&(e.preventDefault(),this.openedViaFocus=!0,this.open=!0,this.dispatchEvent(new i),this.updateComplete.then(()=>s.focus()))};this.handleFocusOut=e=>{!this.openedViaFocus||e.relatedTarget instanceof Node&&this.contains(e.relatedTarget)||(this.openedViaFocus=!1,this.open=!1,this.dispatchEvent(new i))}}connectedCallback(){super.connectedCallback(),this.addEventListener("focusout",this.handleFocusOut)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",this.handleFocusOut),this.panelEl?.removeEventListener("transitionend",this.handlePanelTransitionEnd)}willUpdate(e){if(!e.has("open")&&!e.has("disabled")){this.deferPanelHidden=!1;return}let s=e.get("open");if(!(!this.open&&!this.disabled&&p)){this.panelHidden=!1,this.deferPanelHidden=!1;return}let x=s===!0&&!this.open,y=window.matchMedia("(prefers-reduced-motion: reduce)").matches;if(!x||y){this.panelHidden=!0,this.deferPanelHidden=!1;return}this.deferPanelHidden=!0}updated(e){super.updated(e),e.has("open")&&!this.open&&document.activeElement&&this.contains(document.activeElement)&&this.headerEl?.focus(),this.deferPanelHidden&&this.panelEl?.addEventListener("transitionend",this.handlePanelTransitionEnd)}renderHeadingWrapper(e){switch(this.level){case 2:return r`<h2>${e}</h2>`;case 3:return r`<h3>${e}</h3>`;case 4:return r`<h4>${e}</h4>`;case 5:return r`<h5>${e}</h5>`;case 6:return r`<h6>${e}</h6>`;default:return e}}render(){let e=r`
+`;var w="eun-collapse",n=class extends b{constructor(){super(...arguments);this.chevronIcon="add";this.open=!1;this.disabled=!1;this.independent=!1;this.panelHidden=!1;this.deferPanelHidden=!1;this.openedViaFocus=!1;this.handleSlotChange=()=>{this.requestUpdate()};this.handlePanelTransitionEnd=e=>{e.target!==this.panelEl||e.propertyName!=="grid-template-rows"||(this.panelEl?.removeEventListener("transitionend",this.handlePanelTransitionEnd),this.open||(this.panelHidden=!0))};this.toggle=()=>{this.disabled||(this.openedViaFocus=!1,this.open=!this.open,this.dispatchEvent(new s))};this.handleBeforeMatch=()=>{this.open=!0,this.dispatchEvent(new s)};this.handleHeaderKeydown=e=>{if(e.key!=="Tab"||e.shiftKey||this.open||!this.panelContentEl)return;let[a]=y(this.panelContentEl,{requireRendered:!1});a&&(e.preventDefault(),this.openedViaFocus=!0,this.open=!0,this.dispatchEvent(new s),this.updateComplete.then(()=>a.focus()))};this.handleFocusOut=e=>{!this.openedViaFocus||e.relatedTarget instanceof Node&&this.contains(e.relatedTarget)||(this.openedViaFocus=!1,this.open=!1,this.dispatchEvent(new s))}}connectedCallback(){super.connectedCallback(),this.addEventListener("focusout",this.handleFocusOut)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",this.handleFocusOut),this.panelEl?.removeEventListener("transitionend",this.handlePanelTransitionEnd)}willUpdate(e){if(!e.has("open")&&!e.has("disabled")){this.deferPanelHidden=!1;return}let a=e.get("open");if(!(!this.open&&!this.disabled&&u)){this.panelHidden=!1,this.deferPanelHidden=!1;return}let h=a===!0&&!this.open,_=window.matchMedia("(prefers-reduced-motion: reduce)").matches;if(!h||_){this.panelHidden=!0,this.deferPanelHidden=!1;return}this.deferPanelHidden=!0}updated(e){super.updated(e),e.has("open")&&!this.open&&document.activeElement&&this.contains(document.activeElement)&&this.headerEl?.focus(),this.deferPanelHidden&&this.panelEl?.addEventListener("transitionend",this.handlePanelTransitionEnd)}renderHeadingWrapper(e){switch(this.level){case 2:return r`<h2>${e}</h2>`;case 3:return r`<h3>${e}</h3>`;case 4:return r`<h4>${e}</h4>`;case 5:return r`<h5>${e}</h5>`;case 6:return r`<h6>${e}</h6>`;default:return e}}renderTag(){let e=[...this.querySelectorAll(':scope > [slot="tag"]')],a=e.some(h=>h.localName.includes("-")),p=r`<slot name="tag" @slotchange=${this.handleSlotChange}
+      >${this.tag}</slot
+    >`;return a?p:!this.tag&&!e.length?r`<slot
+        name="tag"
+        class="hidden"
+        @slotchange=${this.handleSlotChange}
+      ></slot>`:r`<eun-tag color="primary" size="s" rounded>${p}</eun-tag>`}render(){let e=r`
       <button
         type="button"
         id="header"
@@ -217,26 +236,26 @@ import{a as g}from"./chunks/chunk-UDOZRIJZ.js";import{b as p}from"./chunks/chunk
             class=${c({hidden:!this.icon&&!this.iconSlotEls.length})}
             @slotchange=${this.handleSlotChange}
           >
-            ${this.icon?r`<eun-icon name=${this.icon} size="20"></eun-icon>`:a}
+            ${this.icon?r`<eun-icon name=${this.icon} size="20"></eun-icon>`:i}
           </slot>
           <span id="heading-group">
-            <span id="heading">${this.heading}</span>
-            ${this.subheading?r`<span id="subheading">${this.subheading}</span>`:a}
+            <span id="heading"
+              ><slot name="heading">${this.heading}</slot></span
+            >
+            <span
+              id="subheading"
+              class=${c({hidden:!this.subheading&&!this.subheadingSlotEls.length})}
+              ><slot name="subheading" @slotchange=${this.handleSlotChange}
+                >${this.subheading}</slot
+              ></span
+            >
           </span>
         </span>
         <span id="actions">
-          <slot
-            name="tag"
-            class=${c({hidden:!this.tag&&!this.tagSlotEls.length})}
-            @slotchange=${this.handleSlotChange}
-          >
-            ${this.tag?r`<eun-tag color="primary" size="s" rounded
-                  >${this.tag}</eun-tag
-                >`:a}
-          </slot>
+          ${this.renderTag()}
           <span id="chevron">
             <slot name="chevron" @slotchange=${this.handleSlotChange}>
-              ${this.chevronSlotEls.length?a:r`<eun-icon
+              ${this.chevronSlotEls.length?i:r`<eun-icon
                     name=${this.chevronIcon}
                     size="20"
                   ></eun-icon>`}
@@ -249,18 +268,18 @@ import{a as g}from"./chunks/chunk-UDOZRIJZ.js";import{b as p}from"./chunks/chunk
         ${this.renderHeadingWrapper(e)}
         <div
           id="panel"
-          ?inert=${!this.open&&(this.disabled||!p)}
-          hidden=${this.panelHidden?"until-found":a}
+          ?inert=${!this.open&&(this.disabled||!u)}
+          hidden=${this.panelHidden?"until-found":i}
           @beforematch=${this.handleBeforeMatch}
         >
           <div id="panel-inner">
             <div id="panel-content">
               ${this.richText?r`<div id="rich-text">
-                    ${b(this.richText)}
-                  </div>`:a}
+                    ${m(this.richText)}
+                  </div>`:i}
               <slot></slot>
             </div>
           </div>
         </div>
       </div>
-    `}};t.styles=[m],n([o()],t.prototype,"heading",2),n([o()],t.prototype,"subheading",2),n([o({type:Number})],t.prototype,"level",2),n([o()],t.prototype,"icon",2),n([o()],t.prototype,"tag",2),n([o({attribute:"chevron-icon"})],t.prototype,"chevronIcon",2),n([o({attribute:"rich-text"})],t.prototype,"richText",2),n([o({type:Boolean,reflect:!0})],t.prototype,"open",2),n([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),n([o({type:Boolean,reflect:!0})],t.prototype,"independent",2),n([d("#header")],t.prototype,"headerEl",2),n([d("#panel-content")],t.prototype,"panelContentEl",2),n([d("#panel")],t.prototype,"panelEl",2),n([v()],t.prototype,"panelHidden",2),n([l({slot:"icon"})],t.prototype,"iconSlotEls",2),n([l({slot:"tag"})],t.prototype,"tagSlotEls",2),n([l({slot:"chevron"})],t.prototype,"chevronSlotEls",2),t=n([h(_)],t);export{t as EunomiaCollapse,_ as EunomiaCollapseTagName};
+    `}};n.styles=[x],t([o()],n.prototype,"heading",2),t([o()],n.prototype,"subheading",2),t([o({type:Number})],n.prototype,"level",2),t([o()],n.prototype,"icon",2),t([o()],n.prototype,"tag",2),t([o({attribute:"chevron-icon"})],n.prototype,"chevronIcon",2),t([o({attribute:"rich-text"})],n.prototype,"richText",2),t([o({type:Boolean,reflect:!0})],n.prototype,"open",2),t([o({type:Boolean,reflect:!0})],n.prototype,"disabled",2),t([o({type:Boolean,reflect:!0})],n.prototype,"independent",2),t([l("#header")],n.prototype,"headerEl",2),t([l("#panel-content")],n.prototype,"panelContentEl",2),t([l("#panel")],n.prototype,"panelEl",2),t([g()],n.prototype,"panelHidden",2),t([d({slot:"icon"})],n.prototype,"iconSlotEls",2),t([d({slot:"subheading"})],n.prototype,"subheadingSlotEls",2),t([d({slot:"chevron"})],n.prototype,"chevronSlotEls",2),n=t([v(w)],n);export{n as EunomiaCollapse,w as EunomiaCollapseTagName};

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

@@ -1,4 +1,4 @@
-import{a as P}from"./chunks/chunk-KBH5PCUO.js";import{a as _}from"./chunks/chunk-E4IS25H7.js";import{a as z,b as N}from"./chunks/chunk-5XJGYXW7.js";import{a as k,b as H}from"./chunks/chunk-T4PTHUYF.js";import{a as S}from"./chunks/chunk-LK5BJ4SH.js";import{a as V}from"./chunks/chunk-UAGCQF23.js";import{a as x}from"./chunks/chunk-LYYQAALT.js";import{a as B}from"./chunks/chunk-XSMCT4DF.js";import{a as F}from"./chunks/chunk-GW3VP2L7.js";import{a as O,c as D,d as R,e as y}from"./chunks/chunk-OAULRKHQ.js";import{a as C}from"./chunks/chunk-YYCEPZUN.js";import{a as M}from"./chunks/chunk-T7WABJEJ.js";import{a as c}from"./chunks/chunk-A4EQSU36.js";import{a as b,b as I,c as T}from"./chunks/chunk-SGM2X2TC.js";import{a as h}from"./chunks/chunk-5EVP7YNE.js";import{a as s,f as $,g as L,h as p,i as g,j as m,k as E,n as d,o as v,p as l,s as A}from"./chunks/chunk-XH6NREVZ.js";var f=I(class extends T{constructor(n){if(super(n),n.type!==b.PROPERTY&&n.type!==b.ATTRIBUTE&&n.type!==b.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!k(n))throw Error("`live` bindings can only contain a single expression")}render(n){return n}update(n,[o]){if(o===v||o===l)return o;let e=n.element,t=n.name;if(n.type===b.PROPERTY){if(o===e[t])return v}else if(n.type===b.BOOLEAN_ATTRIBUTE){if(!!o===e.hasAttribute(t))return v}else if(n.type===b.ATTRIBUTE&&e.getAttribute(t)===o+"")return v;return H(n),o}});var U=L`
+import{a as P}from"./chunks/chunk-KBH5PCUO.js";import{a as _}from"./chunks/chunk-E4IS25H7.js";import{a as N,b as V}from"./chunks/chunk-5XJGYXW7.js";import{a as k,b as H}from"./chunks/chunk-T4PTHUYF.js";import{a as S}from"./chunks/chunk-LK5BJ4SH.js";import{a as z}from"./chunks/chunk-L65WUTXM.js";import{a as x}from"./chunks/chunk-LYYQAALT.js";import{a as B}from"./chunks/chunk-LFCXUVDO.js";import{a as F}from"./chunks/chunk-GW3VP2L7.js";import{a as O,c as D,d as R,e as y}from"./chunks/chunk-OAULRKHQ.js";import{a as C}from"./chunks/chunk-YYCEPZUN.js";import{a as M}from"./chunks/chunk-32DTNR52.js";import{a as c}from"./chunks/chunk-A4EQSU36.js";import{a as b,b as I,c as T}from"./chunks/chunk-SGM2X2TC.js";import{a as h}from"./chunks/chunk-5EVP7YNE.js";import{a as s,f as $,g as L,h as p,i as g,j as m,k as E,n as d,o as v,p as l,s as A}from"./chunks/chunk-XH6NREVZ.js";var f=I(class extends T{constructor(n){if(super(n),n.type!==b.PROPERTY&&n.type!==b.ATTRIBUTE&&n.type!==b.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!k(n))throw Error("`live` bindings can only contain a single expression")}render(n){return n}update(n,[o]){if(o===v||o===l)return o;let e=n.element,t=n.name;if(n.type===b.PROPERTY){if(o===e[t])return v}else if(n.type===b.BOOLEAN_ATTRIBUTE){if(!!o===e.hasAttribute(t))return v}else if(n.type===b.ATTRIBUTE&&e.getAttribute(t)===o+"")return v;return H(n),o}});var U=L`
   button#field {
     flex: 1 1 auto;
     display: flex;
@@ -193,12 +193,12 @@ import{a as P}from"./chunks/chunk-KBH5PCUO.js";import{a as _}from"./chunks/chunk
     outline: 2px solid var(--_focusIndicator);
     outline-offset: 2px;
   }
-`,K=[V,z,...x?[]:[N],U];function w(n){let o=n.trim();if(!o)return null;if(/^#[0-9a-f]{6}$/i.test(o))return o.toLowerCase();if(/^#[0-9a-f]{3}$/i.test(o)){let[i,r,u]=o.slice(1);return`#${i}${i}${r}${r}${u}${u}`.toLowerCase()}let e=o.match(/rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)/i);if(!e)return null;let t=i=>Math.min(255,Math.max(0,Math.round(Number(i)))).toString(16).padStart(2,"0");return`#${t(e[1])}${t(e[2])}${t(e[3])}`}var Y="eun-color-picker",j=M(R(A)),G=S(B(F(O(_(D(j)))))),a=class extends G{constructor(){super(...arguments);this.emptyValueLabel="No color selected";this.swatchesLabel="Presets";this.customLabel="Custom";this.nativeInputLabel="Pick a custom color";this.hexInputLabel="Hex color";this.confirmLabel="Confirm";this.cancelLabel="Cancel";this.noAnimation=!1;this.swatchOnly=!1;this.presetsOnly=!1;this.presetsInline=!1;this.isOpen=!1;this.hexDraft="";this.handlePopoverToggle=e=>{if(e.newState==="open"){this.isOpen=!0,this.fieldWrapperEl&&this.listboxEl&&this.anchorFloatingElement(this.fieldWrapperEl,this.listboxEl,{forceFallback:x}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closeListbox());return}this.isOpen=!1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility()};this.handleWindowBlur=()=>{this.isOpen&&this.closeListbox()};this.handleFocusOut=()=>{this.isOpen&&requestAnimationFrame(()=>{document.activeElement!==this&&this.closeListbox()})};this.handleConfirmClick=()=>{this.closeListbox(),this.confirmEdit()};this.handleCancelClick=()=>{this.closeListbox(),this.cancelEdit()}}get defaultValue(){return super.defaultValue}set defaultValue(e){let t=Array.isArray(e)?e[0]:e;super.defaultValue=t}get presets(){return P(this.children)}get hexDraftInvalid(){return this.hexDraft!==""&&w(this.hexDraft)===null}get triggerAccessibleLabel(){return this.label?this.label:this.ariaLabel?this.ariaLabel:this.swatchOnly?this.value||this.emptyValueLabel:void 0}connectedCallback(){super.connectedCallback?.(),window.addEventListener("blur",this.handleWindowBlur)}disconnectedCallback(){window.removeEventListener("blur",this.handleWindowBlur),super.disconnectedCallback?.()}willUpdate(e){super.willUpdate(e),e.has("value")&&!this.isOpen&&(this.hexDraft=this.value??"")}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}openListbox(){if(this.disabled||this.readonly)return;this.hexDraft=this.value??"";let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")||e?.showPopover(),e&&this.playListboxOpenAnimation(e)}listboxAnimationDuration(e){if(this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let t=getComputedStyle(e).getPropertyValue("--field-listbox-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}playListboxOpenAnimation(e){e.style.removeProperty("pointer-events");let t=this.listboxAnimationDuration(e);t!==0&&(this.listboxAnimation=e.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:t,easing:"ease",fill:"forwards"}))}closeListbox(){let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")&&this.playListboxCloseAnimation(e)}playListboxCloseAnimation(e){e.style.pointerEvents="none";let t=this.listboxAnimationDuration(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.listboxAnimation=i,i.finished.then(()=>{this.listboxAnimation===i&&(this.listboxAnimation=void 0),e.hidePopover()}).catch(()=>{})}handleFieldActivate(){this.isOpen||this.openListbox()}handleFieldKeydown(e){e.key==="ArrowDown"&&!this.isOpen&&(e.preventDefault(),this.openListbox())}handleSelect(e){this.value=e,this.hexDraft=e,this.dispatchEvent(new C(this.value)),this.closeListbox()}handlePresetKeydown(e,t){let i=this.presets,r;switch(e.key){case"ArrowRight":case"ArrowDown":r=(t+1)%i.length;break;case"ArrowLeft":case"ArrowUp":r=(t-1+i.length)%i.length;break;case"Home":r=0;break;case"End":r=i.length-1;break;default:return}e.preventDefault(),this.presetButtonEls[r]?.focus()}handleNativeInput(e){this.handleSelect(e.target.value)}handleHexInput(e){this.hexDraft=e.target.value}handleHexCommit(){let e=w(this.hexDraft);e?this.handleSelect(e):this.hexDraft=this.value??""}handleSlotChange(){this.requestUpdate()}renderEditActions(){return d`
+`,K=[z,N,...x?[]:[V],U];function w(n){let o=n.trim();if(!o)return null;if(/^#[0-9a-f]{6}$/i.test(o))return o.toLowerCase();if(/^#[0-9a-f]{3}$/i.test(o)){let[i,r,u]=o.slice(1);return`#${i}${i}${r}${r}${u}${u}`.toLowerCase()}let e=o.match(/rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)/i);if(!e)return null;let t=i=>Math.min(255,Math.max(0,Math.round(Number(i)))).toString(16).padStart(2,"0");return`#${t(e[1])}${t(e[2])}${t(e[3])}`}var Y="eun-color-picker",j=M(R(A)),G=S(B(F(O(_(D(j)))))),a=class extends G{constructor(){super(...arguments);this.emptyValueLabel="No color selected";this.swatchesLabel="Presets";this.customLabel="Custom";this.nativeInputLabel="Pick a custom color";this.hexInputLabel="Hex color";this.confirmLabel="Confirm";this.cancelLabel="Cancel";this.noAnimation=!1;this.swatchOnly=!1;this.presetsOnly=!1;this.presetsInline=!1;this.isOpen=!1;this.hexDraft="";this.handlePopoverToggle=e=>{if(e.newState==="open"){this.isOpen=!0,this.fieldWrapperEl&&this.listboxEl&&this.anchorFloatingElement(this.fieldWrapperEl,this.listboxEl,{forceFallback:x}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closeListbox());return}this.isOpen=!1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility()};this.handleWindowBlur=()=>{this.isOpen&&this.closeListbox()};this.handleFocusOut=()=>{this.isOpen&&requestAnimationFrame(()=>{document.activeElement!==this&&this.closeListbox()})};this.handleConfirmClick=()=>{this.closeListbox(),this.confirmEdit()};this.handleCancelClick=()=>{this.closeListbox(),this.cancelEdit()}}get defaultValue(){return super.defaultValue}set defaultValue(e){let t=Array.isArray(e)?e[0]:e;super.defaultValue=t}get presets(){return P(this.children)}get hexDraftInvalid(){return this.hexDraft!==""&&w(this.hexDraft)===null}get triggerAccessibleLabel(){return this.label?this.label:this.ariaLabel?this.ariaLabel:this.swatchOnly?this.value||this.emptyValueLabel:void 0}connectedCallback(){super.connectedCallback?.(),window.addEventListener("blur",this.handleWindowBlur)}disconnectedCallback(){window.removeEventListener("blur",this.handleWindowBlur),super.disconnectedCallback?.()}willUpdate(e){super.willUpdate(e),e.has("value")&&!this.isOpen&&(this.hexDraft=this.value??"")}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}openListbox(){if(this.disabled||this.readonly)return;this.hexDraft=this.value??"";let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")||e?.showPopover(),e&&this.playListboxOpenAnimation(e)}listboxAnimationDuration(e){if(this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let t=getComputedStyle(e).getPropertyValue("--field-listbox-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}playListboxOpenAnimation(e){e.style.removeProperty("pointer-events");let t=this.listboxAnimationDuration(e);t!==0&&(this.listboxAnimation=e.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:t,easing:"ease",fill:"forwards"}))}closeListbox(){let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")&&this.playListboxCloseAnimation(e)}playListboxCloseAnimation(e){e.style.pointerEvents="none";let t=this.listboxAnimationDuration(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.listboxAnimation=i,i.finished.then(()=>{this.listboxAnimation===i&&(this.listboxAnimation=void 0),e.hidePopover()}).catch(()=>{})}handleFieldActivate(){this.isOpen||this.openListbox()}handleFieldKeydown(e){e.key==="ArrowDown"&&!this.isOpen&&(e.preventDefault(),this.openListbox())}handleSelect(e){this.value=e,this.hexDraft=e,this.dispatchEvent(new C(this.value)),this.closeListbox()}handlePresetKeydown(e,t){let i=this.presets,r;switch(e.key){case"ArrowRight":case"ArrowDown":r=(t+1)%i.length;break;case"ArrowLeft":case"ArrowUp":r=(t-1+i.length)%i.length;break;case"Home":r=0;break;case"End":r=i.length-1;break;default:return}e.preventDefault(),this.presetButtonEls[r]?.focus()}handleNativeInput(e){this.handleSelect(e.target.value)}handleHexInput(e){this.hexDraft=e.target.value}handleHexCommit(){let e=w(this.hexDraft);e?this.handleSelect(e):this.hexDraft=this.value??""}handleSlotChange(){this.requestUpdate()}renderEditActions(){return d`
       <div id="edit-actions">
         <eun-button
           class="confirm"
           size="s"
-          variant="primary"
+          color="primary"
           appearance="default"
           rounded
           type="button"

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

@@ -1,4 +1,4 @@
-import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk-XSMCT4DF.js";import{a as y}from"./chunks/chunk-GW3VP2L7.js";import{a as h,c as v,d as x,e as d}from"./chunks/chunk-OAULRKHQ.js";import{a as u}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk-T7WABJEJ.js";import{a as o}from"./chunks/chunk-5EVP7YNE.js";import{a as t,f as c,g as p,h as n,j as b,n as l,p as s,s as f}from"./chunks/chunk-XH6NREVZ.js";var k=p`
+import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk-LFCXUVDO.js";import{a as y}from"./chunks/chunk-GW3VP2L7.js";import{a as h,c as v,d as x,e as d}from"./chunks/chunk-OAULRKHQ.js";import{a as u}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk-32DTNR52.js";import{a as o}from"./chunks/chunk-5EVP7YNE.js";import{a as i,f as c,g as p,h as n,j as b,n as l,p as s,s as f}from"./chunks/chunk-XH6NREVZ.js";var k=p`
   :host {
     --_borderColor: var(
       --counter-border-color,
@@ -162,25 +162,25 @@ import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk
     cursor: default;
   }
 
-  :host([variant="fill"]) {
+  :host([appearance="flat"]) {
     --_background: var(--counter-background, var(--eun-content-hover, #edeff0));
   }
-  :host([variant="fill"]) #field-wrapper:not(:focus-within) {
+  :host([appearance="flat"]) #field-wrapper:not(:focus-within) {
     border-color: transparent;
   }
-  :host([variant="fill"]) #field-wrapper:has(#field[aria-invalid="true"]) {
+  :host([appearance="flat"]) #field-wrapper:has(#field[aria-invalid="true"]) {
     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-radius: 0;
     border-bottom: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
   }
-  :host([variant="underline"]) #field-wrapper:focus-within {
+  :host([appearance="underline"]) #field-wrapper:focus-within {
     outline: none;
   }
-`,M=k;var I="eun-counter",$=m(x(f)),C=w(y(h(v($)))),i=class extends C{constructor(){super(...arguments);this.step=1;this.ariaLabelIncrement="Increase value";this.ariaLabelDecrement="Decrease value";this.handleHostFocus=()=>{this.fieldEl?.focus()};this.checkLocalValidators=()=>g(this.fieldEl,["valueMissing","rangeUnderflow","rangeOverflow","stepMismatch","badInput"])}get value(){return super.value}set value(e){super.value=e}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),super.disconnectedCallback?.()}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}roundToStep(e){let r=(String(this.step).split(".")[1]??"").length;return r?Number(e.toFixed(r)):e}clamp(e){let r=e;return this.min!==void 0&&(r=Math.max(r,this.min)),this.max!==void 0&&(r=Math.min(r,this.max)),this.roundToStep(r)}commitValue(e){this.value=e,this.dispatchEvent(new u(this.value))}stepBy(e){if(this.disabled||this.readonly)return;let r=this.value??this.min??0;this.commitValue(this.clamp(r+e*this.step))}handleInput(e){let r=e.target.value,a=r===""?void 0:Number(r);this.value=a===void 0||Number.isNaN(a)?void 0:a,this.dispatchEvent(new u(this.value))}handleKeydown(e){this.disabled||this.readonly||(e.key==="Home"&&this.min!==void 0?(e.preventDefault(),this.commitValue(this.min)):e.key==="End"&&this.max!==void 0&&(e.preventDefault(),this.commitValue(this.max)))}renderField(e){let r=!this.disabled&&!this.readonly&&!(this.value!==void 0&&this.min!==void 0&&this.value<=this.min),a=!this.disabled&&!this.readonly&&!(this.value!==void 0&&this.max!==void 0&&this.value>=this.max),_=!Number.isInteger(this.step);return l`
+`,M=k;var I="eun-counter",$=m(x(f)),C=w(y(h(v($)))),t=class extends C{constructor(){super(...arguments);this.step=1;this.ariaLabelIncrement="Increase value";this.ariaLabelDecrement="Decrease value";this.handleHostFocus=()=>{this.fieldEl?.focus()};this.checkLocalValidators=()=>g(this.fieldEl,["valueMissing","rangeUnderflow","rangeOverflow","stepMismatch","badInput"])}get value(){return super.value}set value(e){super.value=e}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),super.disconnectedCallback?.()}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}roundToStep(e){let r=(String(this.step).split(".")[1]??"").length;return r?Number(e.toFixed(r)):e}clamp(e){let r=e;return this.min!==void 0&&(r=Math.max(r,this.min)),this.max!==void 0&&(r=Math.min(r,this.max)),this.roundToStep(r)}commitValue(e){this.value=e,this.dispatchEvent(new u(this.value))}stepBy(e){if(this.disabled||this.readonly)return;let r=this.value??this.min??0;this.commitValue(this.clamp(r+e*this.step))}handleInput(e){let r=e.target.value,a=r===""?void 0:Number(r);this.value=a===void 0||Number.isNaN(a)?void 0:a,this.dispatchEvent(new u(this.value))}handleKeydown(e){this.disabled||this.readonly||(e.key==="Home"&&this.min!==void 0?(e.preventDefault(),this.commitValue(this.min)):e.key==="End"&&this.max!==void 0&&(e.preventDefault(),this.commitValue(this.max)))}renderField(e){let r=!this.disabled&&!this.readonly&&!(this.value!==void 0&&this.min!==void 0&&this.value<=this.min),a=!this.disabled&&!this.readonly&&!(this.value!==void 0&&this.max!==void 0&&this.value>=this.max),_=!Number.isInteger(this.step);return l`
       <div id="field-wrapper">
         <button
           type="button"
@@ -225,4 +225,4 @@ import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk
         ${this.renderFormLabels("field")}
         ${this.renderField(e!==s)} ${e}
       </div>
-    `}};i.styles=[M,d.base,d.errorMessages,d.hintMessages],t([n({type:Number})],i.prototype,"min",2),t([n({type:Number})],i.prototype,"max",2),t([n({type:Number})],i.prototype,"step",2),t([n({attribute:"aria-label-increment"})],i.prototype,"ariaLabelIncrement",2),t([n({attribute:"aria-label-decrement"})],i.prototype,"ariaLabelDecrement",2),t([n({type:Number})],i.prototype,"value",1),t([n({attribute:"default-value",type:Number})],i.prototype,"defaultValue",1),t([b("#field")],i.prototype,"fieldEl",2),i=t([c(I)],i);export{i as EunomiaCounter,I as EunomiaCounterTagName};
+    `}};t.styles=[M,d.base,d.errorMessages,d.hintMessages],i([n({type:Number})],t.prototype,"min",2),i([n({type:Number})],t.prototype,"max",2),i([n({type:Number})],t.prototype,"step",2),i([n({attribute:"aria-label-increment"})],t.prototype,"ariaLabelIncrement",2),i([n({attribute:"aria-label-decrement"})],t.prototype,"ariaLabelDecrement",2),i([n({type:Number})],t.prototype,"value",1),i([n({attribute:"default-value",type:Number})],t.prototype,"defaultValue",1),i([b("#field")],t.prototype,"fieldEl",2),t=i([c(I)],t);export{t as EunomiaCounter,I as EunomiaCounterTagName};

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

@@ -1,4 +1,4 @@
-import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as ee,k as Ye,l as te,m as K,n as ae,o as Ae,p as Le,q as Pe,r as Re,s as Fe}from"./chunks/chunk-S2UCEWNG.js";import"./chunks/chunk-SD2H5UDZ.js";import{a as ge}from"./chunks/chunk-ATH2OAMU.js";import"./chunks/chunk-T4PTHUYF.js";import{a as xe}from"./chunks/chunk-LK5BJ4SH.js";import{a as Se}from"./chunks/chunk-UAGCQF23.js";import{a as q}from"./chunks/chunk-LYYQAALT.js";import{a as De}from"./chunks/chunk-XSMCT4DF.js";import{a as ye}from"./chunks/chunk-GW3VP2L7.js";import{a as ve,c as fe,d as be,e as E}from"./chunks/chunk-OAULRKHQ.js";import{a as z}from"./chunks/chunk-YYCEPZUN.js";import{a as ce}from"./chunks/chunk-T7WABJEJ.js";import{a as b,c as B,d as y,e as X,f as F,g as Q,h as $,k as w,l as g,m as H,n as T,o as L,p as he,q as O,r as N,s as pe,t as me}from"./chunks/chunk-MJ4RDZLL.js";import{a as A}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-5EVP7YNE.js";import{a as s,f as de,g as S,h,i as v,j as R,n as u,p as Y,s as ue}from"./chunks/chunk-XH6NREVZ.js";var Ue=["day","month","year"];function Ke(r){let e=new Intl.DateTimeFormat(r,{day:"numeric",month:"numeric",year:"numeric"}).formatToParts(new Date(2e3,0,2)).map(t=>t.type).filter(t=>t==="day"||t==="month"||t==="year");return e.length===3?e:Ue}function j(r){switch(r){case"year":return["year"];case"month":return["month","year"];default:return["day","month","year"]}}function re(r,n=["day","month","year"]){let e=Number(r.year);if(!Number.isInteger(e)||e<1)return null;let t=n.includes("month"),a=t?Number(r.month):1;if(t&&(!Number.isInteger(a)||a<1||a>12))return null;let i=n.includes("day"),l=i?Number(r.day):1;if(i&&(!Number.isInteger(l)||l<1||l>31))return null;let d=new Date(e,a-1,l);return d.getFullYear()!==e||d.getMonth()!==a-1||i&&d.getDate()!==l?null:d}function Ge(r,n=["day","month","year"]){return n.every(e=>r[e].length===(e==="year"?4:2))}function G(r){return r?{day:String(r.getDate()).padStart(2,"0"),month:String(r.getMonth()+1).padStart(2,"0"),year:String(r.getFullYear()).padStart(4,"0")}:{day:"",month:"",year:""}}var Oe=S`
+import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as ee,k as Ye,l as te,m as K,n as ae,o as Ae,p as Le,q as Pe,r as Re,s as Fe}from"./chunks/chunk-S2UCEWNG.js";import"./chunks/chunk-SD2H5UDZ.js";import"./chunks/chunk-T4PTHUYF.js";import{a as xe}from"./chunks/chunk-LK5BJ4SH.js";import{a as Se}from"./chunks/chunk-L65WUTXM.js";import{a as q}from"./chunks/chunk-LYYQAALT.js";import{a as De}from"./chunks/chunk-LFCXUVDO.js";import{a as ye}from"./chunks/chunk-GW3VP2L7.js";import{a as ve,c as fe,d as be,e as E}from"./chunks/chunk-OAULRKHQ.js";import{a as z}from"./chunks/chunk-YYCEPZUN.js";import{a as ce}from"./chunks/chunk-32DTNR52.js";import{a as b,c as B,d as y,e as X,f as F,g as Q,h as $,k as w,l as g,m as H,n as T,o as L,p as pe,q as O,r as N,s as me,t as ge}from"./chunks/chunk-MJ4RDZLL.js";import{a as A}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as he}from"./chunks/chunk-SJWRE6PW.js";import"./chunks/chunk-5EVP7YNE.js";import{a as s,f as de,g as S,h,i as v,j as R,n as u,p as Y,s as ue}from"./chunks/chunk-XH6NREVZ.js";var Ue=["day","month","year"];function Ke(r){let e=new Intl.DateTimeFormat(r,{day:"numeric",month:"numeric",year:"numeric"}).formatToParts(new Date(2e3,0,2)).map(t=>t.type).filter(t=>t==="day"||t==="month"||t==="year");return e.length===3?e:Ue}function j(r){switch(r){case"year":return["year"];case"month":return["month","year"];default:return["day","month","year"]}}function re(r,n=["day","month","year"]){let e=Number(r.year);if(!Number.isInteger(e)||e<1)return null;let t=n.includes("month"),a=t?Number(r.month):1;if(t&&(!Number.isInteger(a)||a<1||a>12))return null;let i=n.includes("day"),l=i?Number(r.day):1;if(i&&(!Number.isInteger(l)||l<1||l>31))return null;let d=new Date(e,a-1,l);return d.getFullYear()!==e||d.getMonth()!==a-1||i&&d.getDate()!==l?null:d}function Ge(r,n=["day","month","year"]){return n.every(e=>r[e].length===(e==="year"?4:2))}function G(r){return r?{day:String(r.getDate()).padStart(2,"0"),month:String(r.getMonth()+1).padStart(2,"0"),year:String(r.getFullYear()).padStart(4,"0")}:{day:"",month:"",year:""}}var Oe=S`
   #calendar {
     display: flex;
     flex-direction: column;
@@ -219,7 +219,7 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
       var(--eun-text-disabled-color, #8d93aa)
     );
   }
-`;var Ve=S`
+`;var Ie=S`
   .calendar-row.row-3 {
     grid-template-columns: repeat(3, 1fr);
   }
@@ -230,7 +230,7 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
     border-radius: var(--_cellRadius);
     text-transform: capitalize;
   }
-`;var Ie=S`
+`;var Ve=S`
   .calendar-row.row-3 {
     grid-template-columns: repeat(3, 1fr);
   }
@@ -287,22 +287,22 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
   :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 {
@@ -515,7 +515,7 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
       bottom: calc(anchor(top) + 4px);
     }
   }
-`,ze=Xe;function Ee(r){let{displayedMonth:n,weekStartsOn:e,hideWeekends:t,locale:a,todayLabel:i,previousMonthLabel:l,chooseMonthYearLabel:d,nextMonthLabel:c}=r,p=pe(n,e),k=Ze(e,t,a),D=t?"row-5":"row-7";return u`
+`,ze=Xe;function Ee(r){let{displayedMonth:n,weekStartsOn:e,hideWeekends:t,locale:a,todayLabel:i,previousMonthLabel:l,chooseMonthYearLabel:d,nextMonthLabel:c}=r,p=me(n,e),k=Ze(e,t,a),D=t?"row-5":"row-7";return u`
     <div id="calendar">
       <div id="calendar-header">
         <button
@@ -566,17 +566,17 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
         </button>
       </div>
     </div>
-  `}function ie(r,n,e,t){return n&&b(r).getTime()<b(n).getTime()||e&&b(r).getTime()>b(e).getTime()?!0:!!t?.(r)}function Qe(r,n,e){let t=n.end??(n.start?e:null);if(!n.start||!t)return{"range-start":!1,"range-end":!1,"in-range":!1};let a=n.start.getTime()<=t.getTime()?n.start:t,i=n.start.getTime()<=t.getTime()?t:n.start;return{"range-start":H(r,a),"range-end":H(r,i),"in-range":N(b(r),b(a),b(i))}}function qe(r,n){let{mode:e,displayedMonth:t,value:a,rangeValue:i,hoverDate:l,focusedDate:d,locale:c,minDate:p,maxDate:k,isDateDisabled:D,onDayClick:m,onDayHover:f,onDayKeydown:M}=n,x=ie(r,p,k,D),C=e==="single"&&!!a&&H(r,a),P=e==="range"?Qe(r,i,l):{"range-start":!1,"range-end":!1,"in-range":!1},I=()=>{x||m(r)},U=()=>{x||f(r)};return u`
+  `}function ie(r,n,e,t){return n&&b(r).getTime()<b(n).getTime()||e&&b(r).getTime()>b(e).getTime()?!0:!!t?.(r)}function Qe(r,n,e){let t=n.end??(n.start?e:null);if(!n.start||!t)return{"range-start":!1,"range-end":!1,"in-range":!1};let a=n.start.getTime()<=t.getTime()?n.start:t,i=n.start.getTime()<=t.getTime()?t:n.start;return{"range-start":H(r,a),"range-end":H(r,i),"in-range":N(b(r),b(a),b(i))}}function qe(r,n){let{mode:e,displayedMonth:t,value:a,rangeValue:i,hoverDate:l,focusedDate:d,locale:c,minDate:p,maxDate:k,isDateDisabled:D,onDayClick:m,onDayHover:f,onDayKeydown:M}=n,x=ie(r,p,k,D),C=e==="single"&&!!a&&H(r,a),P=e==="range"?Qe(r,i,l):{"range-start":!1,"range-end":!1,"in-range":!1},V=()=>{x||m(r)},U=()=>{x||f(r)};return u`
     <button
       type="button"
-      class=${A({"grid-cell":!0,"cell-day":!0,outside:!T(r,t),today:he(r),selected:C,...P})}
+      class=${A({"grid-cell":!0,"cell-day":!0,outside:!T(r,t),today:pe(r),selected:C,...P})}
       role="gridcell"
       tabindex=${H(r,d)?"0":"-1"}
       ?disabled=${x}
       aria-disabled=${x?"true":"false"}
       aria-selected=${C||P["range-start"]||P["range-end"]?"true":"false"}
       aria-label=${r.toLocaleDateString(c,{weekday:"long",day:"numeric",month:"long",year:"numeric"})}
-      @click=${I}
+      @click=${V}
       @mouseenter=${U}
       @keydown=${_e=>M(_e,r)}
     >
@@ -621,7 +621,7 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
           `)}
       </div>
     </div>
-  `}function ne(r,n,e,t){return n&&X(r).getTime()<y(n).getTime()||e&&y(r).getTime()>X(e).getTime()?!0:!!t?.(y(r))}function Je(r,n,e){let t=n.end??(n.start?e:null);if(!n.start||!t)return{"range-start":!1,"range-end":!1,"in-range":!1};let a=n.start.getTime()<=t.getTime()?n.start:t,i=n.start.getTime()<=t.getTime()?t:n.start;return{"range-start":T(r,a),"range-end":T(r,i),"in-range":N(y(r),y(a),y(i))}}function et(r,n,e){let{mode:t,value:a,rangeValue:i,hoverDate:l,focusedDate:d,minDate:c,maxDate:p,isDateDisabled:k,onMonthClick:D,onMonthHover:m,onMonthKeydown:f}=n,M=ne(r,c,p,k),x=t==="single"&&!!a&&T(r,a),C=t==="range"?Je(r,i,l):{"range-start":!1,"range-end":!1,"in-range":!1},P=()=>{M||D(r)},I=()=>{M||m(r)};return u`
+  `}function ne(r,n,e,t){return n&&X(r).getTime()<y(n).getTime()||e&&y(r).getTime()>X(e).getTime()?!0:!!t?.(y(r))}function Je(r,n,e){let t=n.end??(n.start?e:null);if(!n.start||!t)return{"range-start":!1,"range-end":!1,"in-range":!1};let a=n.start.getTime()<=t.getTime()?n.start:t,i=n.start.getTime()<=t.getTime()?t:n.start;return{"range-start":T(r,a),"range-end":T(r,i),"in-range":N(y(r),y(a),y(i))}}function et(r,n,e){let{mode:t,value:a,rangeValue:i,hoverDate:l,focusedDate:d,minDate:c,maxDate:p,isDateDisabled:k,onMonthClick:D,onMonthHover:m,onMonthKeydown:f}=n,M=ne(r,c,p,k),x=t==="single"&&!!a&&T(r,a),C=t==="range"?Je(r,i,l):{"range-start":!1,"range-end":!1,"in-range":!1},P=()=>{M||D(r)},V=()=>{M||m(r)};return u`
     <button
       type="button"
       class=${A({"grid-cell":!0,"cell-month":!0,today:T(r,new Date),selected:x,...C})}
@@ -632,14 +632,14 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
       aria-selected=${x||C["range-start"]||C["range-end"]?"true":"false"}
       aria-label=${r.toLocaleDateString(e,{month:"long",year:"numeric"})}
       @click=${P}
-      @mouseenter=${I}
+      @mouseenter=${V}
       @keydown=${U=>f(U,r)}
     >
       <span class="cell-label"
         >${r.toLocaleDateString(e,{month:"short"})}</span
       >
     </button>
-  `}function tt(r,n){let e=[];for(let t=0;t<r.length;t+=n)e.push(r.slice(t,t+n));return e}var _=12;function V(r){return Math.floor(r/_)*_}function je(r){let n=V(r.displayedYear),e=Array.from({length:_},(t,a)=>new Date(n+a,0,1));return u`
+  `}function tt(r,n){let e=[];for(let t=0;t<r.length;t+=n)e.push(r.slice(t,t+n));return e}var _=12;function I(r){return Math.floor(r/_)*_}function je(r){let n=I(r.displayedYear),e=Array.from({length:_},(t,a)=>new Date(n+a,0,1));return u`
     <div id="calendar">
       <div id="calendar-header">
         <button
@@ -682,11 +682,11 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
       aria-label=${String(r.getFullYear())}
       @click=${C}
       @mouseenter=${P}
-      @keydown=${I=>m(I,r)}
+      @keydown=${V=>m(V,r)}
     >
       <span class="cell-label">${r.getFullYear()}</span>
     </button>
-  `}function it(r,n){let e=[];for(let t=0;t<r.length;t+=n)e.push(r.slice(t,t+n));return e}var nt="eun-date-picker",ot={day:{min:1,max:31},month:{min:1,max:12}},st=ce(be(ue)),lt=ge(xe(De(ye(ve(fe(st)))))),o=class extends lt{constructor(){super(...arguments);this.mode="single";this.granularity="day";this.rangeValue={start:null,end:null};this.weekStartsOn=1;this.workWeek=!1;this.noAnimation=!1;this.withTime=!1;this.stepMinute=1;this.todayLabel="Today";this.applyLabel="Apply";this.cancelLabel="Cancel";this.ariaLabelCalendar="Open calendar";this.dayPlaceholder="jj";this.monthPlaceholder="mm";this.yearPlaceholder="yyyy";this.hourPlaceholder="hh";this.minutePlaceholder="mm";this.isOpen=!1;this.isModalOpen=!1;this.displayedAnchor=y(new Date);this.focusedDate=b(new Date);this.navLevel=this.granularity;this.hoverDate=null;this.stagingValue=null;this.stagingRange={start:null,end:null};this.stagingTime=null;this.segments={day:"",month:"",year:""};this.rangeSegments={start:{day:"",month:"",year:""},end:{day:"",month:"",year:""}};this.timeSegments={hour:"",minute:"",period:""};this.checkLocalValidators=()=>{let e=j(this.granularity);if((this.mode==="single"?[this.segments]:[this.rangeSegments.start,this.rangeSegments.end]).some(i=>dt(i)&&!re(i,e)))return{validity:{badInput:!0},message:"Enter a valid date"};if(this.isWithTimeActive()){let i=this.resolvedHourFormat();if(ut(this.timeSegments)&&!W(this.timeSegments,i))return{validity:{badInput:!0},message:"Enter a valid time"};if(this.value){let{hour:l,minute:d}=K(this.value,this.timezone),c=Ye({hour:l,minute:d},ee(this.minTime),ee(this.maxTime));if(!c.valid)return c.violation==="min"?{validity:{rangeUnderflow:!0},message:`Time must be at or after ${this.minTime}`}:{validity:{rangeOverflow:!0},message:`Time must be at or before ${this.maxTime}`}}}return{validity:{}}};this.buildCommonValidators=()=>{let e=this.mode==="range"?!this.rangeValue.start||!this.rangeValue.end:this.value===void 0||this.value===null,t={},a;return this.required&&e&&(t.valueMissing=!0,a="Field value is missing"),{validity:t,message:a}};this.handleTriggerClick=()=>{if(!(this.disabled||this.readonly)){if(this.resetStaging(),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 a=!e.matches(":popover-open");a&&e.showPopover(),(a||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:q}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closePopover()),this.updateComplete.then(()=>this.focusCalendarCell());return}this.isOpen=!1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility(),this.triggerEl?.focus()};this.handleModalConfirm=()=>{this.commitStaged(),this.isModalOpen=!1};this.handleModalCancel=()=>{this.isModalOpen=!1};this.handlePopoverApply=()=>{this.commitStaged(),this.closePopover()};this.handlePopoverCancel=()=>{this.closePopover()};this.handleTimeHourChange=e=>{this.stagingTime={hour:e,minute:this.stagingTime?.minute??0}};this.handleTimeMinuteChange=e=>{this.stagingTime={hour:this.stagingTime?.hour??0,minute:e}};this.handleTimePeriodChange=e=>{let t=this.stagingTime??{hour:0,minute:0},{hour:a}=Z(t.hour);this.stagingTime={hour:Te(a,e),minute:t.minute}};this.handleDayKeydown=(e,t)=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.moveFocused(-1,$,a=>this.isDayFocusSkippable(a));break;case"ArrowRight":e.preventDefault(),this.moveFocused(1,$,a=>this.isDayFocusSkippable(a));break;case"ArrowUp":e.preventDefault(),this.moveFocused(-7,$,a=>this.isDayFocusSkippable(a));break;case"ArrowDown":e.preventDefault(),this.moveFocused(7,$,a=>this.isDayFocusSkippable(a));break;case"Home":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay(B(this.focusedDate,this.weekStartsOn),1));break;case"End":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay($(B(this.focusedDate,this.weekStartsOn),6),-1));break;case"PageUp":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay(w(this.focusedDate,e.shiftKey?-12:-1),1));break;case"PageDown":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay(w(this.focusedDate,e.shiftKey?12:1),1));break;case"Enter":case" ":e.preventDefault(),this.handleDayClick(t);break;case"Escape":e.preventDefault(),this.closePopover();break;default:break}};this.handleMonthKeydown=(e,t,a=i=>this.handleMonthClick(i))=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.moveFocused(-1,w,i=>this.isMonthDisabled(i));break;case"ArrowRight":e.preventDefault(),this.moveFocused(1,w,i=>this.isMonthDisabled(i));break;case"ArrowUp":e.preventDefault(),this.moveFocused(-3,w,i=>this.isMonthDisabled(i));break;case"ArrowDown":e.preventDefault(),this.moveFocused(3,w,i=>this.isMonthDisabled(i));break;case"Home":e.preventDefault(),this.jumpFocused(new Date(this.focusedDate.getFullYear(),0,1));break;case"End":e.preventDefault(),this.jumpFocused(new Date(this.focusedDate.getFullYear(),11,1));break;case"PageUp":e.preventDefault(),this.jumpFocused(g(this.focusedDate,e.shiftKey?-10:-1));break;case"PageDown":e.preventDefault(),this.jumpFocused(g(this.focusedDate,e.shiftKey?10:1));break;case"Enter":case" ":e.preventDefault(),a(t);break;case"Escape":e.preventDefault(),this.closePopover();break;default:break}};this.handleYearKeydown=(e,t,a=i=>this.handleYearClick(i))=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.moveFocused(-1,g,i=>this.isYearDisabled(i));break;case"ArrowRight":e.preventDefault(),this.moveFocused(1,g,i=>this.isYearDisabled(i));break;case"ArrowUp":e.preventDefault(),this.moveFocused(-3,g,i=>this.isYearDisabled(i));break;case"ArrowDown":e.preventDefault(),this.moveFocused(3,g,i=>this.isYearDisabled(i));break;case"Home":e.preventDefault(),this.jumpFocused(new Date(V(this.focusedDate.getFullYear()),0,1));break;case"End":e.preventDefault(),this.jumpFocused(new Date(V(this.focusedDate.getFullYear())+11,0,1));break;case"PageUp":e.preventDefault(),this.jumpFocused(g(this.focusedDate,-12));break;case"PageDown":e.preventDefault(),this.jumpFocused(g(this.focusedDate,12));break;case"Enter":case" ":e.preventDefault(),a(t);break;case"Escape":e.preventDefault(),this.closePopover();break;default:break}};this.enterMonthNav=()=>{this.navLevel="month"};this.enterYearNav=()=>{this.navLevel="year"};this.handleQuickNavMonthClick=e=>{if(this.isMonthDisabled(e))return;let t=(e.getFullYear()-this.focusedDate.getFullYear())*12+(e.getMonth()-this.focusedDate.getMonth());this.jumpFocused(w(this.focusedDate,t)),this.navLevel="day"};this.handleQuickNavYearClick=e=>{if(this.isYearDisabled(e))return;let t=e.getFullYear()-this.focusedDate.getFullYear();this.jumpFocused(g(this.focusedDate,t)),this.navLevel="month"};this.handleHover=e=>{this.hoverDate=e};this.handlePreviousMonth=()=>{this.displayedAnchor=w(this.displayedAnchor,-1)};this.handleNextMonth=()=>{this.displayedAnchor=w(this.displayedAnchor,1)};this.handlePreviousYear=()=>{this.displayedAnchor=g(this.displayedAnchor,-1)};this.handleNextYear=()=>{this.displayedAnchor=g(this.displayedAnchor,1)};this.handlePreviousYearsPage=()=>{this.displayedAnchor=g(this.displayedAnchor,-12)};this.handleNextYearsPage=()=>{this.displayedAnchor=g(this.displayedAnchor,12)};this.handleToday=()=>{let e=new Date;this.displayedAnchor=y(e),this.jumpFocused(this.nearestWorkweekDay(b(e),1))};this.navigateGridPrevious=()=>{switch(this.navLevel){case"month":this.handlePreviousYear();break;case"year":this.handlePreviousYearsPage();break;default:this.handlePreviousMonth();break}};this.navigateGridNext=()=>{switch(this.navLevel){case"month":this.handleNextYear();break;case"year":this.handleNextYearsPage();break;default:this.handleNextMonth();break}};this.swipeStart=null;this.handleSwipeStart=e=>{e.pointerType==="touch"&&(this.swipeStart={x:e.clientX,y:e.clientY})};this.handleSwipeEnd=e=>{let t=this.swipeStart;if(this.swipeStart=null,e.pointerType!=="touch"||!t)return;let a=e.clientX-t.x,i=e.clientY-t.y;Math.abs(a)<o.SWIPE_THRESHOLD_PX||Math.abs(a)<Math.abs(i)||(a<0?(this.navigateGridNext(),this.playSwipeAnimation("next")):(this.navigateGridPrevious(),this.playSwipeAnimation("previous")))};this.handleSwipeCancel=()=>{this.swipeStart=null};this.handlePeriodSegmentClick=()=>{this.setPeriodSegment(ke(this.timeSegments.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.focusPreviousTimeSegment("period");break;case"ArrowRight":e.preventDefault(),this.focusNextTimeSegment("period");break;default:break}}}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}connectedCallback(){super.connectedCallback?.(),this.mode==="range"&&this.defaultRangeValue&&(this.rangeValue=this.defaultRangeValue)}formResetCallback(){super.formResetCallback(),this.mode==="range"&&(this.rangeValue=this.defaultRangeValue??{start:null,end:null})}willUpdate(e){let t=e.has("segments")||e.has("rangeSegments")||e.has("timeSegments")||e.has("minTime")||e.has("maxTime");if(this.isWithTimeActive()&&(e.has("value")||e.has("timezone")||e.has("hourFormat")||e.has("locale"))){let a=this.resolvedHourFormat();if(this.value){let i=K(this.value,this.timezone);this.timeSegments=J(i.hour,i.minute,a)}else this.timeSegments=J(null,null,a);t=!0}t&&this.checkValidity(this.value??null),super.willUpdate(e)}updated(e){super.updated(e),e.has("value")&&this.mode==="single"&&(this.segments=G(this.value??null)),e.has("rangeValue")&&this.mode==="range"&&(this.rangeSegments={start:G(this.rangeValue.start),end:G(this.rangeValue.end)}),(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}isDayDisabled(e){return ie(e,this.minDate,this.maxDate,this.isDateDisabled)}isMonthDisabled(e){return ne(e,this.minDate,this.maxDate,this.isDateDisabled)}isYearDisabled(e){return oe(e,this.minDate,this.maxDate,this.isDateDisabled)}resetStaging(){this.stagingValue=this.value??null,this.stagingRange={start:this.rangeValue.start,end:this.rangeValue.end},this.hoverDate=null,this.navLevel=this.granularity;let e=this.mode==="single"?this.value??new Date:this.rangeValue.start??new Date;if(this.displayedAnchor=e,this.focusedDate=b(e),this.isWithTimeActive()){let t=this.mode==="single"?this.value:this.rangeValue.start;if(t){let{hour:a,minute:i}=K(t,this.timezone);this.stagingTime={hour:a,minute:i}}else this.stagingTime={hour:0,minute:0}}}isWithTimeActive(){return this.withTime&&this.granularity==="day"}resolvedHourFormat(){return we(this.locale,this.hourFormat)}composeWithTime(e){let t=this.stagingTime??{hour:0,minute:0},a=K(e,this.timezone);return ae({year:a.year,month:a.month,day:a.day,hour:t.hour,minute:t.minute},this.timezone??te())}commitStaged(){this.mode==="single"?(this.value=this.isWithTimeActive()&&this.stagingValue?this.composeWithTime(this.stagingValue):this.stagingValue,this.segments=G(this.value)):(this.rangeValue=this.stagingRange,this.rangeSegments={start:G(this.stagingRange.start),end:G(this.stagingRange.end)}),this.dispatchEvent(new z(this.mode==="single"?this.value:this.rangeValue))}commitTypedDate(e,t){e==="value"?this.value=this.isWithTimeActive()?this.composeTypedDateTime(t):t:this.rangeValue={...this.rangeValue,[e]:t},this.dispatchEvent(new z(e==="value"?this.value:this.rangeValue)),(this.isOpen||this.isModalOpen)&&this.resetStaging()}composeTypedDateTime(e){let t=this.resolvedHourFormat(),i=W(this.timeSegments,t);if(!i)if(this.value){let{hour:l,minute:d}=K(this.value,this.timezone);i={hour:l,minute:d}}else i={hour:0,minute:0};return ae({year:e.getFullYear(),month:e.getMonth()+1,day:e.getDate(),hour:i.hour,minute:i.minute},this.timezone??te())}commitTypedTime(e,t){this.value=Ae(this.value??new Date,this.timezone,e,t),this.dispatchEvent(new z(this.value)),(this.isOpen||this.isModalOpen)&&this.resetStaging()}commitTimeSegmentGroupIfComplete(e){let t=this.resolvedHourFormat();if(!Ce(e,t))return;let a=W(e,t);a&&this.commitTypedTime(a.hour,a.minute)}popoverAnimationDuration(e){if(this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let t=getComputedStyle(e).getPropertyValue("--date-picker-panel-transition-duration").trim();if(t){let a=t.endsWith("ms")?Number.parseFloat(t):Number.parseFloat(t)*1e3;if(Number.isFinite(a)&&a>=0)return a}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 a=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:t,easing:"ease",fill:"forwards"});this.popoverAnimation=a,a.finished.then(()=>{this.popoverAnimation===a&&(this.popoverAnimation=void 0),e.hidePopover()}).catch(()=>{})}focusCalendarCell(){(this.isModalOpen?this.shadowRoot:this.popoverEl)?.querySelector('.grid-cell[tabindex="0"]')?.focus({preventScroll:!0})}syncDisplayedAnchor(){switch(this.granularity){case"month":L(this.focusedDate,this.displayedAnchor)||(this.displayedAnchor=this.focusedDate);break;case"year":V(this.focusedDate.getFullYear())!==V(this.displayedAnchor.getFullYear())&&(this.displayedAnchor=this.focusedDate);break;default:T(this.focusedDate,this.displayedAnchor)||(this.displayedAnchor=y(this.focusedDate));break}}moveFocused(e,t,a){let i=e>0?1:-1,l=t(this.focusedDate,e);for(let d=0;a(l)&&d<1e3;d+=1)l=t(l,i);this.focusedDate=l,this.syncDisplayedAnchor(),this.updateComplete.then(()=>this.focusCalendarCell())}jumpFocused(e){this.focusedDate=e,this.syncDisplayedAnchor(),this.updateComplete.then(()=>this.focusCalendarCell())}isDayFocusSkippable(e){return this.isDayDisabled(e)||this.workWeek&&O(e)}nearestWorkweekDay(e,t){if(!this.workWeek)return e;let a=e;for(let i=0;O(a)&&i<2;i+=1)a=$(a,t);return a}commitCell(e){this.focusedDate=e;let t;if(this.mode==="single")this.stagingValue=e,t=!0;else{let{start:a,end:i}=this.stagingRange;if(!a||i)this.stagingRange={start:e,end:null},this.hoverDate=null,t=!1;else{let[l,d]=e.getTime()<a.getTime()?[e,a]:[a,e];this.stagingRange={start:l,end:d},t=!0}}this.isModalOpen||this.isWithTimeActive()&&this.isOpen||t&&(this.commitStaged(),this.closePopover())}handleDayClick(e){this.isDayDisabled(e)||this.commitCell(e)}handleMonthClick(e){this.isMonthDisabled(e)||this.commitCell(e)}handleYearClick(e){this.isYearDisabled(e)||this.commitCell(e)}playSwipeAnimation(e){this.updateComplete.then(()=>{let t=this.swipeAreaEl;t&&(t.classList.remove("slide-in-next","slide-in-previous"),t.getBoundingClientRect(),t.classList.add(e==="next"?"slide-in-next":"slide-in-previous"))})}handleSegmentInput(e,t,a){let i=e.target,l=a==="year"?4:2,d=i.value.replace(/\D/g,"").slice(0,l);i.value=d;let p={...this.readSegmentGroup(t),[a]:d};this.writeSegmentGroup(t,p),d.length===l&&this.focusNextSegment(t,a),this.commitSegmentGroupIfComplete(t,p)}commitSegmentGroupIfComplete(e,t){let a=j(this.granularity);if(!Ge(t,a))return;let i=re(t,a);i&&this.commitTypedDate(e,i)}handleSegmentKeydown(e,t,a){let i=e.target;e.key==="Backspace"&&i.value===""||e.key==="ArrowLeft"?(e.preventDefault(),this.focusPreviousSegment(t,a)):e.key==="ArrowRight"?(e.preventDefault(),this.focusNextSegment(t,a)):e.key==="ArrowUp"?(e.preventDefault(),this.adjustSegment(t,a,1)):e.key==="ArrowDown"&&(e.preventDefault(),this.adjustSegment(t,a,-1))}adjustSegment(e,t,a){let i=this.readSegmentGroup(e),l=Number(i[t]),d=ct(t),c;if(i[t]===""||Number.isNaN(l))c=d;else{let m=ot[t];c=l+a,m&&c>m.max?c=m.min:m&&c<m.min?c=m.max:m||(c=Math.max(0,c))}let p=t==="year"?4:2,k=String(c).padStart(p,"0").slice(-p),D={...i,[t]:k};this.writeSegmentGroup(e,D),this.commitSegmentGroupIfComplete(e,D)}readSegmentGroup(e){return e==="value"?this.segments:this.rangeSegments[e]}writeSegmentGroup(e,t){e==="value"?this.segments=t:this.rangeSegments={...this.rangeSegments,[e]:t}}visibleSegmentOrder(){let e=j(this.granularity);return Ke(this.locale).filter(t=>e.includes(t))}focusPreviousSegment(e,t){let a=this.visibleSegmentOrder(),i=a.indexOf(t);i<=0||this.focusSegment(e,a[i-1])}focusNextSegment(e,t){let a=this.visibleSegmentOrder(),i=a.indexOf(t);i===-1||i>=a.length-1||this.focusSegment(e,a[i+1])}focusSegment(e,t){this.shadowRoot?.querySelector(`.segment-group[data-target="${e}"] .segment-${t}`)?.focus()}handleTimeSegmentInput(e,t){let a=e.target,i=a.value.replace(/\D/g,"").slice(0,2);a.value=i;let l={...this.timeSegments,[t]:i};this.timeSegments=l,i.length===2&&this.focusNextTimeSegment(t),this.commitTimeSegmentGroupIfComplete(l)}handleTimeSegmentKeydown(e,t){let a=e.target;e.key==="Backspace"&&a.value===""||e.key==="ArrowLeft"?(e.preventDefault(),this.focusPreviousTimeSegment(t)):e.key==="ArrowRight"?(e.preventDefault(),this.focusNextTimeSegment(t)):e.key==="ArrowUp"?(e.preventDefault(),this.adjustTimeSegment(t,1)):e.key==="ArrowDown"&&(e.preventDefault(),this.adjustTimeSegment(t,-1))}adjustTimeSegment(e,t){let a=this.resolvedHourFormat(),i=e==="hour"?a===12?{min:1,max:12}:{min:0,max:23}:{min:0,max:59},l=Number(this.timeSegments[e]),d;if(this.timeSegments[e]===""||Number.isNaN(l)){let p=K(this.value??new Date,this.timezone);d=e==="hour"?a===12?Z(p.hour).hour:p.hour:p.minute}else d=l+t,d>i.max?d=i.min:d<i.min&&(d=i.max);let c={...this.timeSegments,[e]:String(d).padStart(2,"0")};this.timeSegments=c,this.commitTimeSegmentGroupIfComplete(c)}setPeriodSegment(e){if(this.disabled||this.readonly)return;let t={...this.timeSegments,period:e};this.timeSegments=t,this.commitTimeSegmentGroupIfComplete(t)}visibleTimeSegmentOrder(){let e=Me(this.resolvedHourFormat());return $e(this.locale).filter(t=>e.includes(t))}focusPreviousTimeSegment(e){let t=this.visibleTimeSegmentOrder(),a=t.indexOf(e);a<=0||this.focusTimeSegment(t[a-1])}focusNextTimeSegment(e){let t=this.visibleTimeSegmentOrder(),a=t.indexOf(e);a===-1||a>=t.length-1||this.focusTimeSegment(t[a+1])}focusTimeSegment(e){this.shadowRoot?.querySelector(`.segment-${e}`)?.focus()}renderTimeSegmentGroup(){let e=this.visibleTimeSegmentOrder();return u`
+  `}function it(r,n){let e=[];for(let t=0;t<r.length;t+=n)e.push(r.slice(t,t+n));return e}var nt="eun-date-picker",ot={day:{min:1,max:31},month:{min:1,max:12}},st=ce(be(ue)),lt=he(xe(De(ye(ve(fe(st)))))),o=class extends lt{constructor(){super(...arguments);this.mode="single";this.granularity="day";this.rangeValue={start:null,end:null};this.weekStartsOn=1;this.workWeek=!1;this.noAnimation=!1;this.withTime=!1;this.stepMinute=1;this.todayLabel="Today";this.applyLabel="Apply";this.cancelLabel="Cancel";this.ariaLabelCalendar="Open calendar";this.dayPlaceholder="jj";this.monthPlaceholder="mm";this.yearPlaceholder="yyyy";this.hourPlaceholder="hh";this.minutePlaceholder="mm";this.isOpen=!1;this.isModalOpen=!1;this.displayedAnchor=y(new Date);this.focusedDate=b(new Date);this.navLevel=this.granularity;this.hoverDate=null;this.stagingValue=null;this.stagingRange={start:null,end:null};this.stagingTime=null;this.segments={day:"",month:"",year:""};this.rangeSegments={start:{day:"",month:"",year:""},end:{day:"",month:"",year:""}};this.timeSegments={hour:"",minute:"",period:""};this.checkLocalValidators=()=>{let e=j(this.granularity);if((this.mode==="single"?[this.segments]:[this.rangeSegments.start,this.rangeSegments.end]).some(i=>dt(i)&&!re(i,e)))return{validity:{badInput:!0},message:"Enter a valid date"};if(this.isWithTimeActive()){let i=this.resolvedHourFormat();if(ut(this.timeSegments)&&!W(this.timeSegments,i))return{validity:{badInput:!0},message:"Enter a valid time"};if(this.value){let{hour:l,minute:d}=K(this.value,this.timezone),c=Ye({hour:l,minute:d},ee(this.minTime),ee(this.maxTime));if(!c.valid)return c.violation==="min"?{validity:{rangeUnderflow:!0},message:`Time must be at or after ${this.minTime}`}:{validity:{rangeOverflow:!0},message:`Time must be at or before ${this.maxTime}`}}}return{validity:{}}};this.buildCommonValidators=()=>{let e=this.mode==="range"?!this.rangeValue.start||!this.rangeValue.end:this.value===void 0||this.value===null,t={},a;return this.required&&e&&(t.valueMissing=!0,a="Field value is missing"),{validity:t,message:a}};this.handleTriggerClick=()=>{if(!(this.disabled||this.readonly)){if(this.resetStaging(),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 a=!e.matches(":popover-open");a&&e.showPopover(),(a||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:q}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closePopover()),this.updateComplete.then(()=>this.focusCalendarCell());return}this.isOpen=!1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility(),this.triggerEl?.focus()};this.handleModalConfirm=()=>{this.commitStaged(),this.isModalOpen=!1};this.handleModalCancel=()=>{this.isModalOpen=!1};this.handlePopoverApply=()=>{this.commitStaged(),this.closePopover()};this.handlePopoverCancel=()=>{this.closePopover()};this.handleTimeHourChange=e=>{this.stagingTime={hour:e,minute:this.stagingTime?.minute??0}};this.handleTimeMinuteChange=e=>{this.stagingTime={hour:this.stagingTime?.hour??0,minute:e}};this.handleTimePeriodChange=e=>{let t=this.stagingTime??{hour:0,minute:0},{hour:a}=Z(t.hour);this.stagingTime={hour:Te(a,e),minute:t.minute}};this.handleDayKeydown=(e,t)=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.moveFocused(-1,$,a=>this.isDayFocusSkippable(a));break;case"ArrowRight":e.preventDefault(),this.moveFocused(1,$,a=>this.isDayFocusSkippable(a));break;case"ArrowUp":e.preventDefault(),this.moveFocused(-7,$,a=>this.isDayFocusSkippable(a));break;case"ArrowDown":e.preventDefault(),this.moveFocused(7,$,a=>this.isDayFocusSkippable(a));break;case"Home":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay(B(this.focusedDate,this.weekStartsOn),1));break;case"End":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay($(B(this.focusedDate,this.weekStartsOn),6),-1));break;case"PageUp":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay(w(this.focusedDate,e.shiftKey?-12:-1),1));break;case"PageDown":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay(w(this.focusedDate,e.shiftKey?12:1),1));break;case"Enter":case" ":e.preventDefault(),this.handleDayClick(t);break;case"Escape":e.preventDefault(),this.closePopover();break;default:break}};this.handleMonthKeydown=(e,t,a=i=>this.handleMonthClick(i))=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.moveFocused(-1,w,i=>this.isMonthDisabled(i));break;case"ArrowRight":e.preventDefault(),this.moveFocused(1,w,i=>this.isMonthDisabled(i));break;case"ArrowUp":e.preventDefault(),this.moveFocused(-3,w,i=>this.isMonthDisabled(i));break;case"ArrowDown":e.preventDefault(),this.moveFocused(3,w,i=>this.isMonthDisabled(i));break;case"Home":e.preventDefault(),this.jumpFocused(new Date(this.focusedDate.getFullYear(),0,1));break;case"End":e.preventDefault(),this.jumpFocused(new Date(this.focusedDate.getFullYear(),11,1));break;case"PageUp":e.preventDefault(),this.jumpFocused(g(this.focusedDate,e.shiftKey?-10:-1));break;case"PageDown":e.preventDefault(),this.jumpFocused(g(this.focusedDate,e.shiftKey?10:1));break;case"Enter":case" ":e.preventDefault(),a(t);break;case"Escape":e.preventDefault(),this.closePopover();break;default:break}};this.handleYearKeydown=(e,t,a=i=>this.handleYearClick(i))=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.moveFocused(-1,g,i=>this.isYearDisabled(i));break;case"ArrowRight":e.preventDefault(),this.moveFocused(1,g,i=>this.isYearDisabled(i));break;case"ArrowUp":e.preventDefault(),this.moveFocused(-3,g,i=>this.isYearDisabled(i));break;case"ArrowDown":e.preventDefault(),this.moveFocused(3,g,i=>this.isYearDisabled(i));break;case"Home":e.preventDefault(),this.jumpFocused(new Date(I(this.focusedDate.getFullYear()),0,1));break;case"End":e.preventDefault(),this.jumpFocused(new Date(I(this.focusedDate.getFullYear())+11,0,1));break;case"PageUp":e.preventDefault(),this.jumpFocused(g(this.focusedDate,-12));break;case"PageDown":e.preventDefault(),this.jumpFocused(g(this.focusedDate,12));break;case"Enter":case" ":e.preventDefault(),a(t);break;case"Escape":e.preventDefault(),this.closePopover();break;default:break}};this.enterMonthNav=()=>{this.navLevel="month"};this.enterYearNav=()=>{this.navLevel="year"};this.handleQuickNavMonthClick=e=>{if(this.isMonthDisabled(e))return;let t=(e.getFullYear()-this.focusedDate.getFullYear())*12+(e.getMonth()-this.focusedDate.getMonth());this.jumpFocused(w(this.focusedDate,t)),this.navLevel="day"};this.handleQuickNavYearClick=e=>{if(this.isYearDisabled(e))return;let t=e.getFullYear()-this.focusedDate.getFullYear();this.jumpFocused(g(this.focusedDate,t)),this.navLevel="month"};this.handleHover=e=>{this.hoverDate=e};this.handlePreviousMonth=()=>{this.displayedAnchor=w(this.displayedAnchor,-1)};this.handleNextMonth=()=>{this.displayedAnchor=w(this.displayedAnchor,1)};this.handlePreviousYear=()=>{this.displayedAnchor=g(this.displayedAnchor,-1)};this.handleNextYear=()=>{this.displayedAnchor=g(this.displayedAnchor,1)};this.handlePreviousYearsPage=()=>{this.displayedAnchor=g(this.displayedAnchor,-12)};this.handleNextYearsPage=()=>{this.displayedAnchor=g(this.displayedAnchor,12)};this.handleToday=()=>{let e=new Date;this.displayedAnchor=y(e),this.jumpFocused(this.nearestWorkweekDay(b(e),1))};this.navigateGridPrevious=()=>{switch(this.navLevel){case"month":this.handlePreviousYear();break;case"year":this.handlePreviousYearsPage();break;default:this.handlePreviousMonth();break}};this.navigateGridNext=()=>{switch(this.navLevel){case"month":this.handleNextYear();break;case"year":this.handleNextYearsPage();break;default:this.handleNextMonth();break}};this.swipeStart=null;this.handleSwipeStart=e=>{e.pointerType==="touch"&&(this.swipeStart={x:e.clientX,y:e.clientY})};this.handleSwipeEnd=e=>{let t=this.swipeStart;if(this.swipeStart=null,e.pointerType!=="touch"||!t)return;let a=e.clientX-t.x,i=e.clientY-t.y;Math.abs(a)<o.SWIPE_THRESHOLD_PX||Math.abs(a)<Math.abs(i)||(a<0?(this.navigateGridNext(),this.playSwipeAnimation("next")):(this.navigateGridPrevious(),this.playSwipeAnimation("previous")))};this.handleSwipeCancel=()=>{this.swipeStart=null};this.handlePeriodSegmentClick=()=>{this.setPeriodSegment(ke(this.timeSegments.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.focusPreviousTimeSegment("period");break;case"ArrowRight":e.preventDefault(),this.focusNextTimeSegment("period");break;default:break}}}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}connectedCallback(){super.connectedCallback?.(),this.mode==="range"&&this.defaultRangeValue&&(this.rangeValue=this.defaultRangeValue)}formResetCallback(){super.formResetCallback(),this.mode==="range"&&(this.rangeValue=this.defaultRangeValue??{start:null,end:null})}willUpdate(e){let t=e.has("segments")||e.has("rangeSegments")||e.has("timeSegments")||e.has("minTime")||e.has("maxTime");if(this.isWithTimeActive()&&(e.has("value")||e.has("timezone")||e.has("hourFormat")||e.has("locale"))){let a=this.resolvedHourFormat();if(this.value){let i=K(this.value,this.timezone);this.timeSegments=J(i.hour,i.minute,a)}else this.timeSegments=J(null,null,a);t=!0}t&&this.checkValidity(this.value??null),super.willUpdate(e)}updated(e){super.updated(e),e.has("value")&&this.mode==="single"&&(this.segments=G(this.value??null)),e.has("rangeValue")&&this.mode==="range"&&(this.rangeSegments={start:G(this.rangeValue.start),end:G(this.rangeValue.end)}),(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}isDayDisabled(e){return ie(e,this.minDate,this.maxDate,this.isDateDisabled)}isMonthDisabled(e){return ne(e,this.minDate,this.maxDate,this.isDateDisabled)}isYearDisabled(e){return oe(e,this.minDate,this.maxDate,this.isDateDisabled)}resetStaging(){this.stagingValue=this.value??null,this.stagingRange={start:this.rangeValue.start,end:this.rangeValue.end},this.hoverDate=null,this.navLevel=this.granularity;let e=this.mode==="single"?this.value??new Date:this.rangeValue.start??new Date;if(this.displayedAnchor=e,this.focusedDate=b(e),this.isWithTimeActive()){let t=this.mode==="single"?this.value:this.rangeValue.start;if(t){let{hour:a,minute:i}=K(t,this.timezone);this.stagingTime={hour:a,minute:i}}else this.stagingTime={hour:0,minute:0}}}isWithTimeActive(){return this.withTime&&this.granularity==="day"}resolvedHourFormat(){return we(this.locale,this.hourFormat)}composeWithTime(e){let t=this.stagingTime??{hour:0,minute:0},a=K(e,this.timezone);return ae({year:a.year,month:a.month,day:a.day,hour:t.hour,minute:t.minute},this.timezone??te())}commitStaged(){this.mode==="single"?(this.value=this.isWithTimeActive()&&this.stagingValue?this.composeWithTime(this.stagingValue):this.stagingValue,this.segments=G(this.value)):(this.rangeValue=this.stagingRange,this.rangeSegments={start:G(this.stagingRange.start),end:G(this.stagingRange.end)}),this.dispatchEvent(new z(this.mode==="single"?this.value:this.rangeValue))}commitTypedDate(e,t){e==="value"?this.value=this.isWithTimeActive()?this.composeTypedDateTime(t):t:this.rangeValue={...this.rangeValue,[e]:t},this.dispatchEvent(new z(e==="value"?this.value:this.rangeValue)),(this.isOpen||this.isModalOpen)&&this.resetStaging()}composeTypedDateTime(e){let t=this.resolvedHourFormat(),i=W(this.timeSegments,t);if(!i)if(this.value){let{hour:l,minute:d}=K(this.value,this.timezone);i={hour:l,minute:d}}else i={hour:0,minute:0};return ae({year:e.getFullYear(),month:e.getMonth()+1,day:e.getDate(),hour:i.hour,minute:i.minute},this.timezone??te())}commitTypedTime(e,t){this.value=Ae(this.value??new Date,this.timezone,e,t),this.dispatchEvent(new z(this.value)),(this.isOpen||this.isModalOpen)&&this.resetStaging()}commitTimeSegmentGroupIfComplete(e){let t=this.resolvedHourFormat();if(!Ce(e,t))return;let a=W(e,t);a&&this.commitTypedTime(a.hour,a.minute)}popoverAnimationDuration(e){if(this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let t=getComputedStyle(e).getPropertyValue("--date-picker-panel-transition-duration").trim();if(t){let a=t.endsWith("ms")?Number.parseFloat(t):Number.parseFloat(t)*1e3;if(Number.isFinite(a)&&a>=0)return a}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 a=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:t,easing:"ease",fill:"forwards"});this.popoverAnimation=a,a.finished.then(()=>{this.popoverAnimation===a&&(this.popoverAnimation=void 0),e.hidePopover()}).catch(()=>{})}focusCalendarCell(){(this.isModalOpen?this.shadowRoot:this.popoverEl)?.querySelector('.grid-cell[tabindex="0"]')?.focus({preventScroll:!0})}syncDisplayedAnchor(){switch(this.granularity){case"month":L(this.focusedDate,this.displayedAnchor)||(this.displayedAnchor=this.focusedDate);break;case"year":I(this.focusedDate.getFullYear())!==I(this.displayedAnchor.getFullYear())&&(this.displayedAnchor=this.focusedDate);break;default:T(this.focusedDate,this.displayedAnchor)||(this.displayedAnchor=y(this.focusedDate));break}}moveFocused(e,t,a){let i=e>0?1:-1,l=t(this.focusedDate,e);for(let d=0;a(l)&&d<1e3;d+=1)l=t(l,i);this.focusedDate=l,this.syncDisplayedAnchor(),this.updateComplete.then(()=>this.focusCalendarCell())}jumpFocused(e){this.focusedDate=e,this.syncDisplayedAnchor(),this.updateComplete.then(()=>this.focusCalendarCell())}isDayFocusSkippable(e){return this.isDayDisabled(e)||this.workWeek&&O(e)}nearestWorkweekDay(e,t){if(!this.workWeek)return e;let a=e;for(let i=0;O(a)&&i<2;i+=1)a=$(a,t);return a}commitCell(e){this.focusedDate=e;let t;if(this.mode==="single")this.stagingValue=e,t=!0;else{let{start:a,end:i}=this.stagingRange;if(!a||i)this.stagingRange={start:e,end:null},this.hoverDate=null,t=!1;else{let[l,d]=e.getTime()<a.getTime()?[e,a]:[a,e];this.stagingRange={start:l,end:d},t=!0}}this.isModalOpen||this.isWithTimeActive()&&this.isOpen||t&&(this.commitStaged(),this.closePopover())}handleDayClick(e){this.isDayDisabled(e)||this.commitCell(e)}handleMonthClick(e){this.isMonthDisabled(e)||this.commitCell(e)}handleYearClick(e){this.isYearDisabled(e)||this.commitCell(e)}playSwipeAnimation(e){this.updateComplete.then(()=>{let t=this.swipeAreaEl;t&&(t.classList.remove("slide-in-next","slide-in-previous"),t.getBoundingClientRect(),t.classList.add(e==="next"?"slide-in-next":"slide-in-previous"))})}handleSegmentInput(e,t,a){let i=e.target,l=a==="year"?4:2,d=i.value.replace(/\D/g,"").slice(0,l);i.value=d;let p={...this.readSegmentGroup(t),[a]:d};this.writeSegmentGroup(t,p),d.length===l&&this.focusNextSegment(t,a),this.commitSegmentGroupIfComplete(t,p)}commitSegmentGroupIfComplete(e,t){let a=j(this.granularity);if(!Ge(t,a))return;let i=re(t,a);i&&this.commitTypedDate(e,i)}handleSegmentKeydown(e,t,a){let i=e.target;e.key==="Backspace"&&i.value===""||e.key==="ArrowLeft"?(e.preventDefault(),this.focusPreviousSegment(t,a)):e.key==="ArrowRight"?(e.preventDefault(),this.focusNextSegment(t,a)):e.key==="ArrowUp"?(e.preventDefault(),this.adjustSegment(t,a,1)):e.key==="ArrowDown"&&(e.preventDefault(),this.adjustSegment(t,a,-1))}adjustSegment(e,t,a){let i=this.readSegmentGroup(e),l=Number(i[t]),d=ct(t),c;if(i[t]===""||Number.isNaN(l))c=d;else{let m=ot[t];c=l+a,m&&c>m.max?c=m.min:m&&c<m.min?c=m.max:m||(c=Math.max(0,c))}let p=t==="year"?4:2,k=String(c).padStart(p,"0").slice(-p),D={...i,[t]:k};this.writeSegmentGroup(e,D),this.commitSegmentGroupIfComplete(e,D)}readSegmentGroup(e){return e==="value"?this.segments:this.rangeSegments[e]}writeSegmentGroup(e,t){e==="value"?this.segments=t:this.rangeSegments={...this.rangeSegments,[e]:t}}visibleSegmentOrder(){let e=j(this.granularity);return Ke(this.locale).filter(t=>e.includes(t))}focusPreviousSegment(e,t){let a=this.visibleSegmentOrder(),i=a.indexOf(t);i<=0||this.focusSegment(e,a[i-1])}focusNextSegment(e,t){let a=this.visibleSegmentOrder(),i=a.indexOf(t);i===-1||i>=a.length-1||this.focusSegment(e,a[i+1])}focusSegment(e,t){this.shadowRoot?.querySelector(`.segment-group[data-target="${e}"] .segment-${t}`)?.focus()}handleTimeSegmentInput(e,t){let a=e.target,i=a.value.replace(/\D/g,"").slice(0,2);a.value=i;let l={...this.timeSegments,[t]:i};this.timeSegments=l,i.length===2&&this.focusNextTimeSegment(t),this.commitTimeSegmentGroupIfComplete(l)}handleTimeSegmentKeydown(e,t){let a=e.target;e.key==="Backspace"&&a.value===""||e.key==="ArrowLeft"?(e.preventDefault(),this.focusPreviousTimeSegment(t)):e.key==="ArrowRight"?(e.preventDefault(),this.focusNextTimeSegment(t)):e.key==="ArrowUp"?(e.preventDefault(),this.adjustTimeSegment(t,1)):e.key==="ArrowDown"&&(e.preventDefault(),this.adjustTimeSegment(t,-1))}adjustTimeSegment(e,t){let a=this.resolvedHourFormat(),i=e==="hour"?a===12?{min:1,max:12}:{min:0,max:23}:{min:0,max:59},l=Number(this.timeSegments[e]),d;if(this.timeSegments[e]===""||Number.isNaN(l)){let p=K(this.value??new Date,this.timezone);d=e==="hour"?a===12?Z(p.hour).hour:p.hour:p.minute}else d=l+t,d>i.max?d=i.min:d<i.min&&(d=i.max);let c={...this.timeSegments,[e]:String(d).padStart(2,"0")};this.timeSegments=c,this.commitTimeSegmentGroupIfComplete(c)}setPeriodSegment(e){if(this.disabled||this.readonly)return;let t={...this.timeSegments,period:e};this.timeSegments=t,this.commitTimeSegmentGroupIfComplete(t)}visibleTimeSegmentOrder(){let e=Me(this.resolvedHourFormat());return $e(this.locale).filter(t=>e.includes(t))}focusPreviousTimeSegment(e){let t=this.visibleTimeSegmentOrder(),a=t.indexOf(e);a<=0||this.focusTimeSegment(t[a-1])}focusNextTimeSegment(e){let t=this.visibleTimeSegmentOrder(),a=t.indexOf(e);a===-1||a>=t.length-1||this.focusTimeSegment(t[a+1])}focusTimeSegment(e){this.shadowRoot?.querySelector(`.segment-${e}`)?.focus()}renderTimeSegmentGroup(){let e=this.visibleTimeSegmentOrder();return u`
       <div
         class="segment-group time-segment-group"
         role="group"
@@ -778,7 +778,7 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
           <eun-icon name="calendar_today" size="16"></eun-icon>
         </button>
       </div>
-    `}previewFormatOptions(){switch(this.granularity){case"year":return{year:"numeric"};case"month":return{month:"short",year:"numeric"};default:return{weekday:"short",month:"short",day:"numeric",year:"numeric"}}}formatCoarseRangePreview(){let{start:e,end:t}=this.stagingRange;if(!e)return"";let a=this.previewFormatOptions(),i=t??e;return`${e.toLocaleDateString(this.locale,a)} \u2013 ${i.toLocaleDateString(this.locale,a)}`}renderModalDatePreview(){let e=this.dictionary.datePicker.modalPreview[this.granularity],t;return this.mode==="single"?t=this.stagingValue?this.stagingValue.toLocaleDateString(this.locale,this.previewFormatOptions()):e.single:this.stagingRange.start?this.granularity==="day"?t=me(this.stagingRange.start,this.stagingRange.end??this.stagingRange.start,this.locale):t=this.formatCoarseRangePreview():t=e.range,u`<div id="modal-date-preview">${t}</div>`}renderTimeSection(){if(!this.isWithTimeActive())return Y;let e=this.resolvedHourFormat(),t=this.stagingTime??{hour:0,minute:0},a=t.hour<12?"AM":"PM";return u`
+    `}previewFormatOptions(){switch(this.granularity){case"year":return{year:"numeric"};case"month":return{month:"short",year:"numeric"};default:return{weekday:"short",month:"short",day:"numeric",year:"numeric"}}}formatCoarseRangePreview(){let{start:e,end:t}=this.stagingRange;if(!e)return"";let a=this.previewFormatOptions(),i=t??e;return`${e.toLocaleDateString(this.locale,a)} \u2013 ${i.toLocaleDateString(this.locale,a)}`}renderModalDatePreview(){let e=this.dictionary.datePicker.modalPreview[this.granularity],t;return this.mode==="single"?t=this.stagingValue?this.stagingValue.toLocaleDateString(this.locale,this.previewFormatOptions()):e.single:this.stagingRange.start?this.granularity==="day"?t=ge(this.stagingRange.start,this.stagingRange.end??this.stagingRange.start,this.locale):t=this.formatCoarseRangePreview():t=e.range,u`<div id="modal-date-preview">${t}</div>`}renderTimeSection(){if(!this.isWithTimeActive())return Y;let e=this.resolvedHourFormat(),t=this.stagingTime??{hour:0,minute:0},a=t.hour<12?"AM":"PM";return u`
       <div id="time-section">
         ${Re({visual:"buttons",format:e,hour:t.hour,minute:t.minute,period:a,stepMinute:this.stepMinute,disabled:this.disabled,noAnimation:this.noAnimation,onHourChange:this.handleTimeHourChange,onMinuteChange:this.handleTimeMinuteChange,onPeriodChange:this.handleTimePeriodChange})}
         ${this.renderTimezoneLabel()}
@@ -844,4 +844,4 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
           </eun-button>
         </div>
       </eun-modal>
-    `}};o.styles=[He,...q?[]:[ze],Oe,Ne,Ve,Ie,Fe,E.base,E.errorMessages,E.hintMessages],o.SWIPE_THRESHOLD_PX=40,s([h({reflect:!0})],o.prototype,"mode",2),s([h({reflect:!0})],o.prototype,"granularity",2),s([h({attribute:"default-value",converter:{fromAttribute:e=>se(e),toAttribute:e=>e?le(e):null}})],o.prototype,"defaultValue",1),s([h({attribute:!1})],o.prototype,"rangeValue",2),s([h({type:Number,attribute:"week-starts-on"})],o.prototype,"weekStartsOn",2),s([h({type:Boolean,attribute:"work-week"})],o.prototype,"workWeek",2),s([h({type:Boolean,reflect:!0,attribute:"no-animation"})],o.prototype,"noAnimation",2),s([h({type:Boolean,reflect:!0,attribute:"with-time"})],o.prototype,"withTime",2),s([h()],o.prototype,"timezone",2),s([h({type:Number,attribute:"hour-format"})],o.prototype,"hourFormat",2),s([h({type:Number,attribute:"step-minute"})],o.prototype,"stepMinute",2),s([h({attribute:"min-time"})],o.prototype,"minTime",2),s([h({attribute:"max-time"})],o.prototype,"maxTime",2),s([h({attribute:!1})],o.prototype,"minDate",2),s([h({attribute:!1})],o.prototype,"maxDate",2),s([h({attribute:!1})],o.prototype,"isDateDisabled",2),s([h({attribute:"today-label"})],o.prototype,"todayLabel",2),s([h({attribute:"apply-label"})],o.prototype,"applyLabel",2),s([h({attribute:"cancel-label"})],o.prototype,"cancelLabel",2),s([h({attribute:"aria-label-calendar"})],o.prototype,"ariaLabelCalendar",2),s([h({attribute:"day-placeholder"})],o.prototype,"dayPlaceholder",2),s([h({attribute:"month-placeholder"})],o.prototype,"monthPlaceholder",2),s([h({attribute:"year-placeholder"})],o.prototype,"yearPlaceholder",2),s([h({attribute:"hour-placeholder"})],o.prototype,"hourPlaceholder",2),s([h({attribute:"minute-placeholder"})],o.prototype,"minutePlaceholder",2),s([h({attribute:"default-range-value",converter:{fromAttribute:e=>{if(!e)return;let[t,a]=e.split(",").map(i=>i.trim());return{start:se(t),end:se(a)}},toAttribute:e=>e?`${le(e.start)},${le(e.end)}`:null}})],o.prototype,"defaultRangeValue",2),s([v()],o.prototype,"isOpen",2),s([v()],o.prototype,"isModalOpen",2),s([v()],o.prototype,"displayedAnchor",2),s([v()],o.prototype,"focusedDate",2),s([v()],o.prototype,"navLevel",2),s([v()],o.prototype,"hoverDate",2),s([v()],o.prototype,"stagingValue",2),s([v()],o.prototype,"stagingRange",2),s([v()],o.prototype,"stagingTime",2),s([v()],o.prototype,"segments",2),s([v()],o.prototype,"rangeSegments",2),s([v()],o.prototype,"timeSegments",2),s([R("#calendar-trigger")],o.prototype,"triggerEl",2),s([R("#calendar-popover")],o.prototype,"popoverEl",2),s([R("#field-wrapper")],o.prototype,"fieldWrapperEl",2),s([R("#modal-date")],o.prototype,"modalEl",2),s([R("#calendar-swipe-area")],o.prototype,"swipeAreaEl",2),s([R(".segment")],o.prototype,"firstSegmentEl",2),o=s([de(nt)],o);function dt(r){return Object.values(r).some(n=>n.length>0)}function ut(r){return r.hour!==""||r.minute!==""||r.period!==""}function ct(r){let n=new Date;switch(r){case"year":return n.getFullYear();case"month":return n.getMonth()+1;default:return n.getDate()}}function ht(r){return r.charAt(0).toUpperCase()+r.slice(1)}function se(r){if(!r)return null;let n=new Date(r);return Number.isNaN(n.getTime())?null:n}function le(r){return r?r.toISOString().slice(0,10):""}export{o as EunomiaDatePicker,nt as EunomiaDatePickerTagName};
+    `}};o.styles=[He,...q?[]:[ze],Oe,Ne,Ie,Ve,Fe,E.base,E.errorMessages,E.hintMessages],o.SWIPE_THRESHOLD_PX=40,s([h({reflect:!0})],o.prototype,"mode",2),s([h({reflect:!0})],o.prototype,"granularity",2),s([h({attribute:"default-value",converter:{fromAttribute:e=>se(e),toAttribute:e=>e?le(e):null}})],o.prototype,"defaultValue",1),s([h({attribute:!1})],o.prototype,"rangeValue",2),s([h({type:Number,attribute:"week-starts-on"})],o.prototype,"weekStartsOn",2),s([h({type:Boolean,attribute:"work-week"})],o.prototype,"workWeek",2),s([h({type:Boolean,reflect:!0,attribute:"no-animation"})],o.prototype,"noAnimation",2),s([h({type:Boolean,reflect:!0,attribute:"with-time"})],o.prototype,"withTime",2),s([h()],o.prototype,"timezone",2),s([h({type:Number,attribute:"hour-format"})],o.prototype,"hourFormat",2),s([h({type:Number,attribute:"step-minute"})],o.prototype,"stepMinute",2),s([h({attribute:"min-time"})],o.prototype,"minTime",2),s([h({attribute:"max-time"})],o.prototype,"maxTime",2),s([h({attribute:!1})],o.prototype,"minDate",2),s([h({attribute:!1})],o.prototype,"maxDate",2),s([h({attribute:!1})],o.prototype,"isDateDisabled",2),s([h({attribute:"today-label"})],o.prototype,"todayLabel",2),s([h({attribute:"apply-label"})],o.prototype,"applyLabel",2),s([h({attribute:"cancel-label"})],o.prototype,"cancelLabel",2),s([h({attribute:"aria-label-calendar"})],o.prototype,"ariaLabelCalendar",2),s([h({attribute:"day-placeholder"})],o.prototype,"dayPlaceholder",2),s([h({attribute:"month-placeholder"})],o.prototype,"monthPlaceholder",2),s([h({attribute:"year-placeholder"})],o.prototype,"yearPlaceholder",2),s([h({attribute:"hour-placeholder"})],o.prototype,"hourPlaceholder",2),s([h({attribute:"minute-placeholder"})],o.prototype,"minutePlaceholder",2),s([h({attribute:"default-range-value",converter:{fromAttribute:e=>{if(!e)return;let[t,a]=e.split(",").map(i=>i.trim());return{start:se(t),end:se(a)}},toAttribute:e=>e?`${le(e.start)},${le(e.end)}`:null}})],o.prototype,"defaultRangeValue",2),s([v()],o.prototype,"isOpen",2),s([v()],o.prototype,"isModalOpen",2),s([v()],o.prototype,"displayedAnchor",2),s([v()],o.prototype,"focusedDate",2),s([v()],o.prototype,"navLevel",2),s([v()],o.prototype,"hoverDate",2),s([v()],o.prototype,"stagingValue",2),s([v()],o.prototype,"stagingRange",2),s([v()],o.prototype,"stagingTime",2),s([v()],o.prototype,"segments",2),s([v()],o.prototype,"rangeSegments",2),s([v()],o.prototype,"timeSegments",2),s([R("#calendar-trigger")],o.prototype,"triggerEl",2),s([R("#calendar-popover")],o.prototype,"popoverEl",2),s([R("#field-wrapper")],o.prototype,"fieldWrapperEl",2),s([R("#modal-date")],o.prototype,"modalEl",2),s([R("#calendar-swipe-area")],o.prototype,"swipeAreaEl",2),s([R(".segment")],o.prototype,"firstSegmentEl",2),o=s([de(nt)],o);function dt(r){return Object.values(r).some(n=>n.length>0)}function ut(r){return r.hour!==""||r.minute!==""||r.period!==""}function ct(r){let n=new Date;switch(r){case"year":return n.getFullYear();case"month":return n.getMonth()+1;default:return n.getDate()}}function ht(r){return r.charAt(0).toUpperCase()+r.slice(1)}function se(r){if(!r)return null;let n=new Date(r);return Number.isNaN(n.getTime())?null:n}function le(r){return r?r.toISOString().slice(0,10):""}export{o as EunomiaDatePicker,nt as EunomiaDatePickerTagName};

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

@@ -1,4 +1,4 @@
-import{a as f,b as u,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as s}from"./chunks/chunk-5EVP7YNE.js";import{a as o,f as l,g as d,h as a,i as c,j as r,n as i,p as n,s as p}from"./chunks/chunk-XH6NREVZ.js";var b=d`
+import{a as f,b as u,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as s}from"./chunks/chunk-5EVP7YNE.js";import{a as o,f as l,g as d,h as a,i as c,j as n,n as i,p as r,s as p}from"./chunks/chunk-XH6NREVZ.js";var b=d`
   :host {
     --_width: var(--drawer-width, min(420px, 100vw));
     --_background: var(--drawer-background, var(--eun-surface-color, #ffffff));
@@ -130,7 +130,7 @@ import{a as f,b as u,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
 `,m=b;var y="eun-drawer",t=class extends v(p){constructor(){super(...arguments);this.position="end";this.closeable=!0;this.open=!1;this.closeOnBackdrop=!0;this.dirty=!1;this.ariaLabelClose="Close";this.confirmCloseHeading="Discard changes?";this.confirmCloseDescription="You have unsaved changes. This action can't be undone.";this.confirmCloseCancelLabel="Keep editing";this.confirmCloseConfirmLabel="Discard";this.mountConfirmModal=!1;this.handleDiscardConfirmed=e=>{e.stopPropagation(),this.confirmDiscard()};this.handleToggle=e=>{let g=e;if(this.syncingFromPopover=!0,this.open=g.newState==="open",this.syncingFromPopover=!1,this.open){this.openDialogSurface({surfaceEl:this.panelEl,onEscape:()=>this.requestClose(),onOutsideClick:()=>{this.closeOnBackdrop&&this.requestClose()}}),this.updateComplete.then(()=>this.focusInitialElement());return}this.closeDialogSurface()};this.handleCommandEvent=e=>{h(e,this)};this.stopDialogPropagation=e=>{e.stopPropagation()}}willUpdate(e){e.has("dirty")&&this.dirty&&(this.mountConfirmModal=!0)}updated(e){super.updated(e),e.has("open")&&this.syncPopoverOpenState(this.open,this.surfaceEl)}connectedCallback(){super.connectedCallback?.(),this.addEventListener("command",this.handleCommandEvent)}disconnectedCallback(){this.removeEventListener("command",this.handleCommandEvent),this.teardownDialogSurface(this.open),super.disconnectedCallback?.()}show(){this.open=!0}hide(){this.open=!1}requestClose(){if(this.dirty){let e=new u;this.dispatchEvent(e),e.defaultPrevented||this.confirmCloseModalEl?.show();return}this.attemptClose()}attemptClose(){let e=new f;this.dispatchEvent(e),e.defaultPrevented||this.hide()}confirmDiscard(){this.dirty=!1,this.attemptClose()}focusInitialElement(){let e=this.querySelector("[autofocus]");if(e){e.focus();return}(this.panelEl??this.surfaceEl)?.focus()}surfaceAriaLabel(){return this.heading?void 0:this.ariaLabel??void 0}hasFooterContent(){return this.querySelector('[slot="footer"]')!==null}hasHeaderContent(){return this.closeable||!!this.heading||this.querySelector('[slot="header"]')!==null}renderHeader(){return i`
       <div id="header">
         <slot name="header">
-          ${this.heading?i`<h2 id="heading">${this.heading}</h2>`:n}
+          ${this.heading?i`<h2 id="heading">${this.heading}</h2>`:r}
         </slot>
         ${this.closeable?i`
               <eun-button
@@ -143,7 +143,7 @@ import{a as f,b as u,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
               >
                 <eun-icon name="close" size="16"></eun-icon>
               </eun-button>
-            `:n}
+            `:r}
       </div>
     `}renderConfirmCloseModal(){return i`
       <eun-modal
@@ -152,15 +152,15 @@ import{a as f,b as u,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
         heading=${this.confirmCloseHeading}
         cancel-label=${this.confirmCloseCancelLabel}
         confirm-label=${this.confirmCloseConfirmLabel}
-        confirm-variant="critical"
+        confirm-color="critical"
         @eunconfirm=${this.handleDiscardConfirmed}
         @euncancel=${this.stopDialogPropagation}
       >
-        ${this.confirmCloseDescription?i`<p>${this.confirmCloseDescription}</p>`:n}
+        ${this.confirmCloseDescription?i`<p>${this.confirmCloseDescription}</p>`:r}
         <slot name="confirm-close"></slot>
       </eun-modal>
     `}renderPanelContent(){return i`
-      ${this.hasHeaderContent()?this.renderHeader():n}
+      ${this.hasHeaderContent()?this.renderHeader():r}
       <div id="body">
         <slot></slot>
       </div>
@@ -168,7 +168,7 @@ import{a as f,b as u,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
             <div id="footer">
               <slot name="footer"></slot>
             </div>
-          `:n}
+          `:r}
     `}render(){return i`
       <div id="surface" popover="manual" @toggle=${this.handleToggle}>
         <div
@@ -182,5 +182,5 @@ import{a as f,b as u,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
           ${this.renderPanelContent()}
         </div>
       </div>
-      ${this.mountConfirmModal?this.renderConfirmCloseModal():n}
-    `}};t.styles=m,o([a({reflect:!0})],t.prototype,"position",2),o([a()],t.prototype,"heading",2),o([a({type:Boolean})],t.prototype,"closeable",2),o([a({type:Boolean,reflect:!0})],t.prototype,"open",2),o([a({type:Boolean,attribute:"close-on-backdrop"})],t.prototype,"closeOnBackdrop",2),o([a({type:Boolean,reflect:!0})],t.prototype,"dirty",2),o([a({attribute:"aria-label-close"})],t.prototype,"ariaLabelClose",2),o([a({attribute:"confirm-close-heading"})],t.prototype,"confirmCloseHeading",2),o([a({attribute:"confirm-close-description"})],t.prototype,"confirmCloseDescription",2),o([a({attribute:"confirm-close-cancel-label"})],t.prototype,"confirmCloseCancelLabel",2),o([a({attribute:"confirm-close-confirm-label"})],t.prototype,"confirmCloseConfirmLabel",2),o([r("#surface")],t.prototype,"surfaceEl",2),o([r("#panel")],t.prototype,"panelEl",2),o([r("#confirm-close-modal")],t.prototype,"confirmCloseModalEl",2),o([c()],t.prototype,"mountConfirmModal",2),t=o([l(y)],t);export{t as EunomiaDrawer,y as EunomiaDrawerTagName};
+      ${this.mountConfirmModal?this.renderConfirmCloseModal():r}
+    `}};t.styles=m,o([a({reflect:!0})],t.prototype,"position",2),o([a()],t.prototype,"heading",2),o([a({type:Boolean})],t.prototype,"closeable",2),o([a({type:Boolean,reflect:!0})],t.prototype,"open",2),o([a({type:Boolean,attribute:"close-on-backdrop"})],t.prototype,"closeOnBackdrop",2),o([a({type:Boolean,reflect:!0})],t.prototype,"dirty",2),o([a({attribute:"aria-label-close"})],t.prototype,"ariaLabelClose",2),o([a({attribute:"confirm-close-heading"})],t.prototype,"confirmCloseHeading",2),o([a({attribute:"confirm-close-description"})],t.prototype,"confirmCloseDescription",2),o([a({attribute:"confirm-close-cancel-label"})],t.prototype,"confirmCloseCancelLabel",2),o([a({attribute:"confirm-close-confirm-label"})],t.prototype,"confirmCloseConfirmLabel",2),o([n("#surface")],t.prototype,"surfaceEl",2),o([n("#panel")],t.prototype,"panelEl",2),o([n("#confirm-close-modal")],t.prototype,"confirmCloseModalEl",2),o([c()],t.prototype,"mountConfirmModal",2),t=o([l(y)],t);export{t as EunomiaDrawer,y as EunomiaDrawerTagName};

package/dist/cdn/components/eun-dropdown-button.js

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-YGUJJ25C.js";import"./chunks/chunk-CEDHJUUH.js";import"./chunks/chunk-UP4M7TER.js";import"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaDropdownButton,a as EunomiaDropdownButtonTagName};
+import{a,b}from"./chunks/chunk-MPQP4R54.js";import"./chunks/chunk-CEDHJUUH.js";import"./chunks/chunk-UP4M7TER.js";import"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaDropdownButton,a as EunomiaDropdownButtonTagName};