@eunomia/elements 1.0.0-beta.9 → 1.0.0

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

@@ -1,4 +1,4 @@
-import{a as Ae,b as J,c as Le,d as Re,e as Fe,f as Ke,g as ee,h as W,i as Ge,j as te,k as Oe,l as ae,m as K,n as re,o as Ie,p as Ne,q as He,r as Ve,s as ze}from"./chunks/chunk-SFX2LQ4K.js";import"./chunks/chunk-VJCNHMQZ.js";import{a as Me}from"./chunks/chunk-QWTFP56P.js";import{a as ke}from"./chunks/chunk-WIUERJII.js";import{a as $e}from"./chunks/chunk-Y3HOIL64.js";import{b as Ce,c as Z}from"./chunks/chunk-624VJYNA.js";import{a as q}from"./chunks/chunk-LYYQAALT.js";import{a as Pe,b as Ye}from"./chunks/chunk-WW4BTWMH.js";import{a as we}from"./chunks/chunk-GVS6IUKC.js";import{a as Te}from"./chunks/chunk-P6LGU3FT.js";import{a as Se}from"./chunks/chunk-7PEODUNH.js";import{b as be,c as ye,d as De,e as xe,f as E}from"./chunks/chunk-MY6ORZJR.js";import{a as z}from"./chunks/chunk-YYCEPZUN.js";import{a as me}from"./chunks/chunk-3BMACIDO.js";import{a as D,c as U,d as x,e as X,f as F,g as Q,h as C,k as T,l as g,m as V,n as k,o as A,p as ge,q as O,r as I,s as ve,t as fe}from"./chunks/chunk-MJ4RDZLL.js";import{b as pe}from"./chunks/chunk-OTX6FWAF.js";import"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-SD2H5UDZ.js";import{a as Y}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as he}from"./chunks/chunk-JGV7LHEI.js";import"./chunks/chunk-GNAUNTS5.js";import{a as l,f as ue,h as w,j as h,k as b,l as R,p as u,r as $,u as ce}from"./chunks/chunk-YITWLCD3.js";var tt=["day","month","year"];function Ee(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:tt}function j(r){switch(r){case"year":return["year"];case"month":return["month","year"];default:return["day","month","year"]}}function ie(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"),s=i?Number(r.day):1;if(i&&(!Number.isInteger(s)||s<1||s>31))return null;let d=new Date(e,a-1,s);return d.getFullYear()!==e||d.getMonth()!==a-1||i&&d.getDate()!==s?null:d}function We(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 je=w`
+import{a as Re,b as re,c as Fe,d as Oe,e as Ke,f as Ge,g as ne,h as z,i as oe,j as E,k as Ie,l as se,m as Y,n as le,o as Ne,p as Ve,q as He,r as ze,s as Ee}from"./chunks/chunk-W4VCWRY7.js";import"./chunks/chunk-VJCNHMQZ.js";import{a as $e}from"./chunks/chunk-7HXPLZ7C.js";import{a as Ce}from"./chunks/chunk-WIUERJII.js";import{a as Pe}from"./chunks/chunk-AW7PU43S.js";import{b as Le,c as ie}from"./chunks/chunk-624VJYNA.js";import{a as ae}from"./chunks/chunk-LYYQAALT.js";import{a as Ae,b as Ye}from"./chunks/chunk-MSQWOKBB.js";import{a as ke}from"./chunks/chunk-GVS6IUKC.js";import{a as Me}from"./chunks/chunk-P6LGU3FT.js";import{a as Te}from"./chunks/chunk-7PEODUNH.js";import{b as De,c as xe,d as Se,e as we,f as _}from"./chunks/chunk-JDUWKPHW.js";import{a as j}from"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-QNWKRPOW.js";import{a as ve}from"./chunks/chunk-3BMACIDO.js";import{a as D,c as J,d as x,e as ee,f as O,g as te,h as $,k as T,l as v,m as H,n as k,o as A,p as fe,q as G,r as I,s as be,t as ye}from"./chunks/chunk-MJ4RDZLL.js";import{b as ge}from"./chunks/chunk-OTX6FWAF.js";import"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-SD2H5UDZ.js";import{a as L}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as me}from"./chunks/chunk-WP6ZYBAC.js";import"./chunks/chunk-2XPIGFBD.js";import{a as l,f as he,h as w,j as h,k as b,l as F,p as u,r as C,u as pe}from"./chunks/chunk-YITWLCD3.js";var at=["day","month","year"];function We(i){let e=new Intl.DateTimeFormat(i,{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:at}function W(i){switch(i){case"year":return["year"];case"month":return["month","year"];default:return["day","month","year"]}}function B(i,n=["day","month","year"]){let e=Number(i.year);if(!Number.isInteger(e)||e<1)return null;let t=n.includes("month"),a=t?Number(i.month):1;if(t&&(!Number.isInteger(a)||a<1||a>12))return null;let r=n.includes("day"),o=r?Number(i.day):1;if(r&&(!Number.isInteger(o)||o<1||o>31))return null;let d=new Date(e,a-1,o);return d.getFullYear()!==e||d.getMonth()!==a-1||r&&d.getDate()!==o?null:d}function de(i,n=["day","month","year"]){return n.every(e=>i[e].length===(e==="year"?4:2))}function K(i){return i?{day:String(i.getDate()).padStart(2,"0"),month:String(i.getMonth()+1).padStart(2,"0"),year:String(i.getFullYear()).padStart(4,"0")}:{day:"",month:"",year:""}}var je=w`
   #calendar {
     display: flex;
     flex-direction: column;
@@ -195,7 +195,7 @@ import{a as Ae,b as J,c as Le,d as Re,e as Fe,f as Ke,g as ee,h as W,i as Ge,j a
     display: grid;
   }
   #calendar-weekdays span {
-    color: var(--date-picker-weekday-color, var(--eun-text-secondary, #484e61));
+    color: var(--date-picker-weekday-color, var(--eun-text-secondary, #666e8a));
     font-size: var(--eun-font-size-xxs, 10px);
     text-align: center;
     text-transform: uppercase;
@@ -240,7 +240,7 @@ import{a as Ae,b as J,c as Le,d as Re,e as Fe,f as Ke,g as ee,h as W,i as Ge,j a
     padding: var(--eun-space-xs, 4px);
     border-radius: var(--_cellRadius);
   }
-`;var at=w`
+`;var it=w`
   :host {
     display: block;
     width: 100%;
@@ -509,7 +509,7 @@ import{a as Ae,b as J,c as Le,d as Re,e as Fe,f as Ke,g as ee,h as W,i as Ge,j a
       var(--_borderColor, var(--eun-color-grey-300, #dee0e7));
     padding: var(--eun-space-m);
   }
-`,Xe=[$e,at],rt=w`
+`,Xe=[Pe,it],rt=w`
   @supports (anchor-name: --a) {
     #calendar-popover:popover-open {
       position-try-fallbacks: --eun-date-picker-above;
@@ -521,24 +521,24 @@ import{a as Ae,b as J,c as Le,d as Re,e as Fe,f as Ke,g as ee,h as W,i as Ge,j a
       bottom: calc(anchor(top) + 4px);
     }
   }
-`,Qe=rt;function qe(r){let{displayedMonth:n,weekStartsOn:e,hideWeekends:t,locale:a,todayLabel:i,previousMonthLabel:s,chooseMonthYearLabel:d,nextMonthLabel:c}=r,m=ve(n,e),v=ot(e,t,a),f=t?"row-5":"row-7";return u`
+`,Qe=rt;function qe(i){let{displayedMonth:n,weekStartsOn:e,hideWeekends:t,locale:a,todayLabel:r,previousMonthLabel:o,chooseMonthYearLabel:d,nextMonthLabel:c}=i,p=be(n,e),g=st(e,t,a),f=t?"row-5":"row-7";return u`
     <div id="calendar">
       <div id="calendar-header">
         <button
           type="button"
           id="grid-previous"
-          aria-label=${s}
-          @click=${r.onPreviousMonth}
+          aria-label=${o}
+          @click=${i.onPreviousMonth}
         >
           <eun-icon name="chevron_left" size="16"></eun-icon>
         </button>
-        ${r.onLabelClick?u`
+        ${i.onLabelClick?u`
               <button
                 type="button"
                 id="grid-label"
                 class="grid-label-button"
                 aria-label=${d}
-                @click=${r.onLabelClick}
+                @click=${i.onLabelClick}
               >
                 ${n.toLocaleDateString(a,{month:"long",year:"numeric"})}
               </button>
@@ -551,61 +551,61 @@ import{a as Ae,b as J,c as Le,d as Re,e as Fe,f as Ke,g as ee,h as W,i as Ge,j a
           type="button"
           id="grid-next"
           aria-label=${c}
-          @click=${r.onNextMonth}
+          @click=${i.onNextMonth}
         >
           <eun-icon name="chevron_right" size="16"></eun-icon>
         </button>
       </div>
       <div id="calendar-weekdays" class=${f} role="row">
-        ${v.map(p=>u`<span role="columnheader">${p}</span>`)}
+        ${g.map(m=>u`<span role="columnheader">${m}</span>`)}
       </div>
       <div id="calendar-grid" role="grid">
-        ${m.map(p=>u`
+        ${p.map(m=>u`
             <div class="calendar-row ${f}" role="row">
-              ${p.filter(y=>!t||!O(y)).map(y=>nt(y,r))}
+              ${m.filter(y=>!t||!G(y)).map(y=>ot(y,i))}
             </div>
           `)}
       </div>
       <div id="calendar-footer">
-        <button type="button" id="today-button" @click=${r.onToday}>
-          ${i}
+        <button type="button" id="today-button" @click=${i.onToday}>
+          ${r}
         </button>
       </div>
     </div>
-  `}function ne(r,n,e,t){return n&&D(r).getTime()<D(n).getTime()||e&&D(r).getTime()>D(e).getTime()?!0:!!t?.(r)}function it(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":V(r,a),"range-end":V(r,i),"in-range":I(D(r),D(a),D(i))}}function nt(r,n){let{mode:e,displayedMonth:t,value:a,rangeValue:i,hoverDate:s,focusedDate:d,locale:c,minDate:m,maxDate:v,isDateDisabled:f,onDayClick:p,onDayHover:y,onDayKeydown:M}=n,S=ne(r,m,v,f),P=e==="single"&&!!a&&V(r,a),L=e==="range"?it(r,i,s):{"range-start":!1,"range-end":!1,"in-range":!1},H=()=>{S||p(r)},B=()=>{S||y(r)};return u`
+  `}function U(i,n,e,t){return n&&D(i).getTime()<D(n).getTime()||e&&D(i).getTime()>D(e).getTime()?!0:!!t?.(i)}function nt(i,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,r=n.start.getTime()<=t.getTime()?t:n.start;return{"range-start":H(i,a),"range-end":H(i,r),"in-range":I(D(i),D(a),D(r))}}function ot(i,n){let{mode:e,displayedMonth:t,value:a,rangeValue:r,hoverDate:o,focusedDate:d,locale:c,minDate:p,maxDate:g,isDateDisabled:f,onDayClick:m,onDayHover:y,onDayKeydown:M}=n,S=U(i,p,g,f),P=e==="single"&&!!a&&H(i,a),R=e==="range"?nt(i,r,o):{"range-start":!1,"range-end":!1,"in-range":!1},V=()=>{S||m(i)},Z=()=>{S||y(i)};return u`
     <button
       type="button"
-      class=${Y({"grid-cell":!0,"cell-day":!0,outside:!k(r,t),today:ge(r),selected:P,...L})}
+      class=${L({"grid-cell":!0,"cell-day":!0,outside:!k(i,t),today:fe(i),selected:P,...R})}
       role="gridcell"
-      tabindex=${V(r,d)?"0":"-1"}
+      tabindex=${H(i,d)?"0":"-1"}
       ?disabled=${S}
       aria-disabled=${S?"true":"false"}
-      aria-selected=${P||L["range-start"]||L["range-end"]?"true":"false"}
-      aria-label=${r.toLocaleDateString(c,{weekday:"long",day:"numeric",month:"long",year:"numeric"})}
-      @click=${H}
-      @mouseenter=${B}
-      @keydown=${et=>M(et,r)}
+      aria-selected=${P||R["range-start"]||R["range-end"]?"true":"false"}
+      aria-label=${i.toLocaleDateString(c,{weekday:"long",day:"numeric",month:"long",year:"numeric"})}
+      @click=${V}
+      @mouseenter=${Z}
+      @keydown=${tt=>M(tt,i)}
     >
-      <span class="cell-label">${r.getDate()}</span>
+      <span class="cell-label">${i.getDate()}</span>
     </button>
-  `}function ot(r,n,e){let t=new Date(1970,0,4);return Array.from({length:7},(a,i)=>C(t,r+i)).filter(a=>!n||!O(a)).map(a=>a.toLocaleDateString(e,{weekday:"short"}))}function Ze(r){let{displayedYear:n,locale:e,previousYearLabel:t,chooseYearLabel:a,nextYearLabel:i}=r,s=Array.from({length:12},(d,c)=>new Date(n,c,1));return u`
+  `}function st(i,n,e){let t=new Date(1970,0,4);return Array.from({length:7},(a,r)=>$(t,i+r)).filter(a=>!n||!G(a)).map(a=>a.toLocaleDateString(e,{weekday:"short"}))}function Ze(i){let{displayedYear:n,locale:e,previousYearLabel:t,chooseYearLabel:a,nextYearLabel:r}=i,o=Array.from({length:12},(d,c)=>new Date(n,c,1));return u`
     <div id="calendar">
       <div id="calendar-header">
         <button
           type="button"
           id="grid-previous"
           aria-label=${t}
-          @click=${r.onPreviousYear}
+          @click=${i.onPreviousYear}
         >
           <eun-icon name="chevron_left" size="16"></eun-icon>
         </button>
-        ${r.onLabelClick?u`
+        ${i.onLabelClick?u`
               <button
                 type="button"
                 id="grid-label"
                 class="grid-label-button"
                 aria-label=${a}
-                @click=${r.onLabelClick}
+                @click=${i.onLabelClick}
               >
                 ${n}
               </button>
@@ -613,94 +613,94 @@ import{a as Ae,b as J,c as Le,d as Re,e as Fe,f as Ke,g as ee,h as W,i as Ge,j a
         <button
           type="button"
           id="grid-next"
-          aria-label=${i}
-          @click=${r.onNextYear}
+          aria-label=${r}
+          @click=${i.onNextYear}
         >
           <eun-icon name="chevron_right" size="16"></eun-icon>
         </button>
       </div>
       <div id="calendar-grid" role="grid">
-        ${dt(s,3).map(d=>u`
+        ${ut(o,3).map(d=>u`
             <div class="calendar-row row-3" role="row">
-              ${d.map(c=>lt(c,r,e))}
+              ${d.map(c=>dt(c,i,e))}
             </div>
           `)}
       </div>
     </div>
-  `}function oe(r,n,e,t){return n&&X(r).getTime()<x(n).getTime()||e&&x(r).getTime()>X(e).getTime()?!0:!!t?.(x(r))}function st(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":k(r,a),"range-end":k(r,i),"in-range":I(x(r),x(a),x(i))}}function lt(r,n,e){let{mode:t,value:a,rangeValue:i,hoverDate:s,focusedDate:d,minDate:c,maxDate:m,isDateDisabled:v,onMonthClick:f,onMonthHover:p,onMonthKeydown:y}=n,M=oe(r,c,m,v),S=t==="single"&&!!a&&k(r,a),P=t==="range"?st(r,i,s):{"range-start":!1,"range-end":!1,"in-range":!1},L=()=>{M||f(r)},H=()=>{M||p(r)};return u`
+  `}function X(i,n,e,t){return n&&ee(i).getTime()<x(n).getTime()||e&&x(i).getTime()>ee(e).getTime()?!0:!!t?.(x(i))}function lt(i,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,r=n.start.getTime()<=t.getTime()?t:n.start;return{"range-start":k(i,a),"range-end":k(i,r),"in-range":I(x(i),x(a),x(r))}}function dt(i,n,e){let{mode:t,value:a,rangeValue:r,hoverDate:o,focusedDate:d,minDate:c,maxDate:p,isDateDisabled:g,onMonthClick:f,onMonthHover:m,onMonthKeydown:y}=n,M=X(i,c,p,g),S=t==="single"&&!!a&&k(i,a),P=t==="range"?lt(i,r,o):{"range-start":!1,"range-end":!1,"in-range":!1},R=()=>{M||f(i)},V=()=>{M||m(i)};return u`
     <button
       type="button"
-      class=${Y({"grid-cell":!0,"cell-month":!0,today:k(r,new Date),selected:S,...P})}
+      class=${L({"grid-cell":!0,"cell-month":!0,today:k(i,new Date),selected:S,...P})}
       role="gridcell"
-      tabindex=${k(r,d)?"0":"-1"}
+      tabindex=${k(i,d)?"0":"-1"}
       ?disabled=${M}
       aria-disabled=${M?"true":"false"}
       aria-selected=${S||P["range-start"]||P["range-end"]?"true":"false"}
-      aria-label=${r.toLocaleDateString(e,{month:"long",year:"numeric"})}
-      @click=${L}
-      @mouseenter=${H}
-      @keydown=${B=>y(B,r)}
+      aria-label=${i.toLocaleDateString(e,{month:"long",year:"numeric"})}
+      @click=${R}
+      @mouseenter=${V}
+      @keydown=${Z=>y(Z,i)}
     >
       <span class="cell-label"
-        >${r.toLocaleDateString(e,{month:"short"})}</span
+        >${i.toLocaleDateString(e,{month:"short"})}</span
       >
     </button>
-  `}function dt(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 N(r){return Math.floor(r/_)*_}function Je(r){let n=N(r.displayedYear),e=Array.from({length:_},(t,a)=>new Date(n+a,0,1));return u`
+  `}function ut(i,n){let e=[];for(let t=0;t<i.length;t+=n)e.push(i.slice(t,t+n));return e}var Q=12;function N(i){return Math.floor(i/Q)*Q}function Je(i){let n=N(i.displayedYear),e=Array.from({length:Q},(t,a)=>new Date(n+a,0,1));return u`
     <div id="calendar">
       <div id="calendar-header">
         <button
           type="button"
           id="grid-previous"
-          aria-label=${r.previousYearsLabel}
-          @click=${r.onPreviousPage}
+          aria-label=${i.previousYearsLabel}
+          @click=${i.onPreviousPage}
         >
           <eun-icon name="chevron_left" size="16"></eun-icon>
         </button>
         <span id="grid-label"
-          >${n}–${n+_-1}</span
+          >${n}–${n+Q-1}</span
         >
         <button
           type="button"
           id="grid-next"
-          aria-label=${r.nextYearsLabel}
-          @click=${r.onNextPage}
+          aria-label=${i.nextYearsLabel}
+          @click=${i.onNextPage}
         >
           <eun-icon name="chevron_right" size="16"></eun-icon>
         </button>
       </div>
       <div id="calendar-grid" role="grid">
-        ${ht(e,3).map(t=>u`
+        ${pt(e,3).map(t=>u`
             <div class="calendar-row row-3" role="row">
-              ${t.map(a=>ct(a,r))}
+              ${t.map(a=>ht(a,i))}
             </div>
           `)}
       </div>
     </div>
-  `}function se(r,n,e,t){return n&&Q(r).getTime()<F(n).getTime()||e&&F(r).getTime()>Q(e).getTime()?!0:!!t?.(F(r))}function ut(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":A(r,a),"range-end":A(r,i),"in-range":I(F(r),F(a),F(i))}}function ct(r,n){let{mode:e,value:t,rangeValue:a,hoverDate:i,focusedDate:s,minDate:d,maxDate:c,isDateDisabled:m,onYearClick:v,onYearHover:f,onYearKeydown:p}=n,y=se(r,d,c,m),M=e==="single"&&!!t&&A(r,t),S=e==="range"?ut(r,a,i):{"range-start":!1,"range-end":!1,"in-range":!1},P=()=>{y||v(r)},L=()=>{y||f(r)};return u`
+  `}function q(i,n,e,t){return n&&te(i).getTime()<O(n).getTime()||e&&O(i).getTime()>te(e).getTime()?!0:!!t?.(O(i))}function ct(i,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,r=n.start.getTime()<=t.getTime()?t:n.start;return{"range-start":A(i,a),"range-end":A(i,r),"in-range":I(O(i),O(a),O(r))}}function ht(i,n){let{mode:e,value:t,rangeValue:a,hoverDate:r,focusedDate:o,minDate:d,maxDate:c,isDateDisabled:p,onYearClick:g,onYearHover:f,onYearKeydown:m}=n,y=q(i,d,c,p),M=e==="single"&&!!t&&A(i,t),S=e==="range"?ct(i,a,r):{"range-start":!1,"range-end":!1,"in-range":!1},P=()=>{y||g(i)},R=()=>{y||f(i)};return u`
     <button
       type="button"
-      class=${Y({"grid-cell":!0,"cell-year":!0,today:A(r,new Date),selected:M,...S})}
+      class=${L({"grid-cell":!0,"cell-year":!0,today:A(i,new Date),selected:M,...S})}
       role="gridcell"
-      tabindex=${A(r,s)?"0":"-1"}
+      tabindex=${A(i,o)?"0":"-1"}
       ?disabled=${y}
       aria-disabled=${y?"true":"false"}
       aria-selected=${M||S["range-start"]||S["range-end"]?"true":"false"}
-      aria-label=${String(r.getFullYear())}
+      aria-label=${String(i.getFullYear())}
       @click=${P}
-      @mouseenter=${L}
-      @keydown=${H=>p(H,r)}
+      @mouseenter=${R}
+      @keydown=${V=>m(V,i)}
     >
-      <span class="cell-label">${r.getFullYear()}</span>
+      <span class="cell-label">${i.getFullYear()}</span>
     </button>
-  `}function ht(r,n){let e=[];for(let t=0;t<r.length;t+=n)e.push(r.slice(t,t+n));return e}var pt="eun-date-picker",mt={day:{min:1,max:31},month:{min:1,max:12}},gt=me(xe(ce)),vt=he(Me(Te(ke(we(Se(De(ye(gt)))))))),o=class extends vt{constructor(){super();this.errorOnChange=!0;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.isOpen=!1;this.isModalOpen=!1;this.displayedAnchor=x(new Date);this.focusedDate=D(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.handleImplicitSubmission=e=>{let t=this.internals.form,a=e.composedPath()[0];!t||this.isOpen||!(a instanceof Element&&a.matches(".segment"))||!Pe(e)||(e.preventDefault(),Ye(t))};this.checkLocalValidators=()=>{let e=j(this.granularity);if((this.mode==="single"?[this.segments]:[this.rangeSegments.start,this.rangeSegments.end]).some(i=>ft(i)&&!ie(i,e)))return{validity:{badInput:!0},message:this.dictionary.validation.invalidDate};if(this.isWithTimeActive()){let i=this.resolvedHourFormat();if(bt(this.timeSegments)&&!W(this.timeSegments,i))return{validity:{badInput:!0},message:this.dictionary.validation.invalidTime};if(this.value){let{hour:s,minute:d}=K(this.value,this.timezone),c=Oe({hour:s,minute:d},te(this.minTime),te(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=this.dictionary.validation.valueMissing),{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}=J(t.hour);this.stagingTime={hour:Le(a,e),minute:t.minute}};this.handleDayKeydown=(e,t)=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.moveFocused(-1,C,a=>this.isDayFocusSkippable(a));break;case"ArrowRight":e.preventDefault(),this.moveFocused(1,C,a=>this.isDayFocusSkippable(a));break;case"ArrowUp":e.preventDefault(),this.moveFocused(-7,C,a=>this.isDayFocusSkippable(a));break;case"ArrowDown":e.preventDefault(),this.moveFocused(7,C,a=>this.isDayFocusSkippable(a));break;case"Home":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay(U(this.focusedDate,this.weekStartsOn),1));break;case"End":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay(C(U(this.focusedDate,this.weekStartsOn),6),-1));break;case"PageUp":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay(T(this.focusedDate,e.shiftKey?-12:-1),1));break;case"PageDown":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay(T(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,T,i=>this.isMonthDisabled(i));break;case"ArrowRight":e.preventDefault(),this.moveFocused(1,T,i=>this.isMonthDisabled(i));break;case"ArrowUp":e.preventDefault(),this.moveFocused(-3,T,i=>this.isMonthDisabled(i));break;case"ArrowDown":e.preventDefault(),this.moveFocused(3,T,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(N(this.focusedDate.getFullYear()),0,1));break;case"End":e.preventDefault(),this.jumpFocused(new Date(N(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(T(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=T(this.displayedAnchor,-1)};this.handleNextMonth=()=>{this.displayedAnchor=T(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=x(e),this.jumpFocused(this.nearestWorkweekDay(D(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(Re(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}};this.addEventListener("keydown",this.handleImplicitSubmission)}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=ee(i.hour,i.minute,a)}else this.timeSegments=ee(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)}),be(e)&&this.setAttribute("aria-invalid",String(this.showError))}get hostTabStop(){return!1}getFocusAnchor(){return this.firstSegmentEl??void 0}focus(){super.focus?.(),this.firstSegmentEl?.focus()}isMobileViewport(){return window.matchMedia(pe("tablet")).matches}isDayDisabled(e){return ne(e,this.minDate,this.maxDate,this.isDateDisabled)}isMonthDisabled(e){return oe(e,this.minDate,this.maxDate,this.isDateDisabled)}isYearDisabled(e){return se(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=D(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 Ae(this.locale,this.hourFormat)}composeWithTime(e){let t=this.stagingTime??{hour:0,minute:0},a=K(e,this.timezone);return re({year:a.year,month:a.month,day:a.day,hour:t.hour,minute:t.minute},this.timezone??ae())}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:s,minute:d}=K(this.value,this.timezone);i={hour:s,minute:d}}else i={hour:0,minute:0};return re({year:e.getFullYear(),month:e.getMonth()+1,day:e.getDate(),hour:i.hour,minute:i.minute},this.timezone??ae())}commitTypedTime(e,t){this.value=Ie(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(!Ge(e,t))return;let a=W(e,t);a&&this.commitTypedTime(a.hour,a.minute)}popoverAnimationDuration(e){return this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:Ce(e,"--date-picker-panel-transition-duration","m",200)}playPopoverOpenAnimation(e){e.style.removeProperty("pointer-events");let t=this.popoverAnimationDuration(e);t!==0&&(this.popoverAnimation=e.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:t,easing:Z(e),fill:"forwards"}))}closePopover(){let e=this.popoverEl;this.popoverAnimation?.cancel(),this.popoverAnimation=void 0,e?.matches(":popover-open")&&this.playPopoverCloseAnimation(e)}playPopoverCloseAnimation(e){e.style.pointerEvents="none";let t=this.popoverAnimationDuration(e);if(t===0){e.hidePopover();return}let a=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:t,easing:Z(e),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":A(this.focusedDate,this.displayedAnchor)||(this.displayedAnchor=this.focusedDate);break;case"year":N(this.focusedDate.getFullYear())!==N(this.displayedAnchor.getFullYear())&&(this.displayedAnchor=this.focusedDate);break;default:k(this.focusedDate,this.displayedAnchor)||(this.displayedAnchor=x(this.focusedDate));break}}moveFocused(e,t,a){let i=e>0?1:-1,s=t(this.focusedDate,e);for(let d=0;a(s)&&d<1e3;d+=1)s=t(s,i);this.focusedDate=s,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=C(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[s,d]=e.getTime()<a.getTime()?[e,a]:[a,e];this.stagingRange={start:s,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,s=a==="year"?4:2,d=i.value.replace(/\D/g,"").slice(0,s);i.value=d;let m={...this.readSegmentGroup(t),[a]:d};this.writeSegmentGroup(t,m),d.length===s&&this.focusNextSegment(t,a),this.commitSegmentGroupIfComplete(t,m)}commitSegmentGroupIfComplete(e,t){let a=j(this.granularity);if(!We(t,a))return;let i=ie(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),s=Number(i[t]),d=yt(t),c;if(i[t]===""||Number.isNaN(s))c=d;else{let p=mt[t];c=s+a,p&&c>p.max?c=p.min:p&&c<p.min?c=p.max:p||(c=Math.max(0,c))}let m=t==="year"?4:2,v=String(c).padStart(m,"0").slice(-m),f={...i,[t]:v};this.writeSegmentGroup(e,f),this.commitSegmentGroupIfComplete(e,f)}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 Ee(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 s={...this.timeSegments,[t]:i};this.timeSegments=s,i.length===2&&this.focusNextTimeSegment(t),this.commitTimeSegmentGroupIfComplete(s)}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(),s=e==="hour"?a===12?{min:1,max:12}:{min:0,max:23}:{min:0,max:59},d=Number(this.timeSegments[e]),c;if(this.timeSegments[e]===""||Number.isNaN(d)){let v=K(this.value??new Date,this.timezone),f=a===12?J(v.hour).hour:v.hour;c=e==="hour"?f:v.minute}else c=d+t,c>s.max?c=s.min:c<s.min&&(c=s.max);let m={...this.timeSegments,[e]:String(c).padStart(2,"0")};this.timeSegments=m,this.commitTimeSegmentGroupIfComplete(m)}setPeriodSegment(e){if(this.disabled||this.readonly)return;let t={...this.timeSegments,period:e};this.timeSegments=t,this.commitTimeSegmentGroupIfComplete(t)}visibleTimeSegmentOrder(){let e=Fe(this.resolvedHourFormat());return Ke(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 pt(i,n){let e=[];for(let t=0;t<i.length;t+=n)e.push(i.slice(t,t+n));return e}var mt="eun-date-picker",gt={day:{min:1,max:31},month:{min:1,max:12}},vt=ve(we(pe)),ft=me($e(Me(Ce(ke(Te(Se(xe(vt)))))))),s=class extends ft{constructor(){super();this.errorOnChange=!0;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.isOpen=!1;this.isModalOpen=!1;this.displayedAnchor=x(new Date);this.focusedDate=D(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.handleImplicitSubmission=e=>{let t=this.internals.form,a=e.composedPath()[0];!t||this.isOpen||!(a instanceof Element&&a.matches(".segment"))||!Ae(e)||(e.preventDefault(),Ye(t))};this.checkLocalValidators=()=>{let e=W(this.granularity);if((this.mode==="single"?[this.segments]:[this.rangeSegments.start,this.rangeSegments.end]).some(o=>et(o)&&!B(o,e)))return{validity:{badInput:!0},message:this.dictionary.validation.invalidDate};let r=this.mode==="single"?[this.value]:[this.rangeValue.start,this.rangeValue.end];for(let o of r){let d=o?this.dateConstraintViolation(o):null;if(d==="min")return{validity:{rangeUnderflow:!0},message:this.dictionary.validation.rangeUnderflow(this.formatConstraintDate(this.minDate))};if(d==="max")return{validity:{rangeOverflow:!0},message:this.dictionary.validation.rangeOverflow(this.formatConstraintDate(this.maxDate))};if(d==="disabled")return{validity:{badInput:!0},message:this.dictionary.validation.unavailableDate}}if(this.isWithTimeActive()){let o=this.resolvedHourFormat();if((!this.value&&et(this.segments)||bt(this.timeSegments))&&!z(this.timeSegments,o))return{validity:{badInput:!0},message:this.dictionary.validation.invalidTime};if(this.value){let{hour:c,minute:p}=Y(this.value,this.timezone),g=Ie({hour:c,minute:p},E(this.minTime),E(this.maxTime));if(!g.valid)return g.violation==="min"?{validity:{rangeUnderflow:!0},message:this.dictionary.timePicker.mustBeAtOrAfter(this.minTime??"")}:{validity:{rangeOverflow:!0},message:this.dictionary.timePicker.mustBeAtOrBefore(this.maxTime??"")}}}return{validity:{}}};this.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=this.dictionary.validation.valueMissing),{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:ae}),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}=re(t.hour);this.stagingTime={hour:Fe(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(J(this.focusedDate,this.weekStartsOn),1));break;case"End":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay($(J(this.focusedDate,this.weekStartsOn),6),-1));break;case"PageUp":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay(T(this.focusedDate,e.shiftKey?-12:-1),1));break;case"PageDown":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay(T(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=r=>this.handleMonthClick(r))=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.moveFocused(-1,T,r=>this.isMonthDisabled(r));break;case"ArrowRight":e.preventDefault(),this.moveFocused(1,T,r=>this.isMonthDisabled(r));break;case"ArrowUp":e.preventDefault(),this.moveFocused(-3,T,r=>this.isMonthDisabled(r));break;case"ArrowDown":e.preventDefault(),this.moveFocused(3,T,r=>this.isMonthDisabled(r));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(v(this.focusedDate,e.shiftKey?-10:-1));break;case"PageDown":e.preventDefault(),this.jumpFocused(v(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=r=>this.handleYearClick(r))=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.moveFocused(-1,v,r=>this.isYearDisabled(r));break;case"ArrowRight":e.preventDefault(),this.moveFocused(1,v,r=>this.isYearDisabled(r));break;case"ArrowUp":e.preventDefault(),this.moveFocused(-3,v,r=>this.isYearDisabled(r));break;case"ArrowDown":e.preventDefault(),this.moveFocused(3,v,r=>this.isYearDisabled(r));break;case"Home":e.preventDefault(),this.jumpFocused(new Date(N(this.focusedDate.getFullYear()),0,1));break;case"End":e.preventDefault(),this.jumpFocused(new Date(N(this.focusedDate.getFullYear())+11,0,1));break;case"PageUp":e.preventDefault(),this.jumpFocused(v(this.focusedDate,-12));break;case"PageDown":e.preventDefault(),this.jumpFocused(v(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(T(this.focusedDate,t)),this.navLevel="day"};this.handleQuickNavYearClick=e=>{if(this.isYearDisabled(e))return;let t=e.getFullYear()-this.focusedDate.getFullYear();this.jumpFocused(v(this.focusedDate,t)),this.navLevel="month"};this.handleHover=e=>{this.hoverDate=e};this.handlePreviousMonth=()=>{this.displayedAnchor=T(this.displayedAnchor,-1)};this.handleNextMonth=()=>{this.displayedAnchor=T(this.displayedAnchor,1)};this.handlePreviousYear=()=>{this.displayedAnchor=v(this.displayedAnchor,-1)};this.handleNextYear=()=>{this.displayedAnchor=v(this.displayedAnchor,1)};this.handlePreviousYearsPage=()=>{this.displayedAnchor=v(this.displayedAnchor,-12)};this.handleNextYearsPage=()=>{this.displayedAnchor=v(this.displayedAnchor,12)};this.handleToday=()=>{let e=new Date;this.displayedAnchor=x(e),this.jumpFocused(this.nearestWorkweekDay(D(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,r=e.clientY-t.y;Math.abs(a)<s.SWIPE_THRESHOLD_PX||Math.abs(a)<Math.abs(r)||(a<0?(this.navigateGridNext(),this.playSwipeAnimation("next")):(this.navigateGridPrevious(),this.playSwipeAnimation("previous")))};this.handleSwipeCancel=()=>{this.swipeStart=null};this.selectSegmentText=e=>{e.currentTarget.select()};this.handlePeriodSegmentClick=()=>{this.setPeriodSegment(Oe(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}};this.addEventListener("keydown",this.handleImplicitSubmission)}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){e.has("value")&&this.mode==="single"&&(this.segments=K(this.value??null)),e.has("rangeValue")&&this.mode==="range"&&(this.rangeSegments={start:K(this.rangeValue.start),end:K(this.rangeValue.end)});let t=e.has("segments")||e.has("rangeSegments")||e.has("timeSegments")||e.has("rangeValue")||e.has("minDate")||e.has("maxDate")||e.has("isDateDisabled")||e.has("granularity")||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 r=Y(this.value,this.timezone);this.timeSegments=ne(r.hour,r.minute,a)}else this.timeSegments=ne(null,null,a);t=!0}t&&this.checkValidity(this.value??null),super.willUpdate(e)}updated(e){super.updated(e),De(e)&&this.setAttribute("aria-invalid",String(this.showError))}get hostTabStop(){return!1}getFocusAnchor(){return this.firstSegmentEl??void 0}focus(){super.focus?.(),this.firstSegmentEl?.focus()}isMobileViewport(){return window.matchMedia(ge("tablet")).matches}dateConstraintViolation(e){let t=e;if(this.isWithTimeActive()){let r=Y(e,this.timezone);t=new Date(r.year,r.month-1,r.day)}let a=this.granularity==="year"?q:this.granularity==="month"?X:U;return a(t,this.minDate,void 0,void 0)?"min":a(t,void 0,this.maxDate,void 0)?"max":a(t,void 0,void 0,this.isDateDisabled)?"disabled":null}formatConstraintDate(e){let t=this.granularity==="year"?{year:"numeric"}:this.granularity==="month"?{month:"2-digit",year:"numeric"}:{day:"2-digit",month:"2-digit",year:"numeric"};return new Intl.DateTimeFormat(this.resolvedLocale,t).format(e)}isDayDisabled(e){return U(e,this.minDate,this.maxDate,this.isDateDisabled)}isMonthDisabled(e){return X(e,this.minDate,this.maxDate,this.isDateDisabled)}isYearDisabled(e){return q(e,this.minDate,this.maxDate,this.isDateDisabled)}resetStaging(){this.stagingValue=this.value??this.typedDate(),this.stagingRange={start:this.rangeValue.start,end:this.rangeValue.end},this.hoverDate=null,this.navLevel=this.granularity;let e=this.mode==="single"?this.stagingValue??new Date:this.rangeValue.start??new Date;if(this.displayedAnchor=e,this.focusedDate=D(e),this.isWithTimeActive()){let t=this.mode==="single"?this.value:this.rangeValue.start;if(t){let{hour:a,minute:r}=Y(t,this.timezone);this.stagingTime={hour:a,minute:r}}else this.stagingTime={hour:0,minute:0}}}isWithTimeActive(){return this.withTime&&this.granularity==="day"}resolvedHourFormat(){return Re(this.resolvedLocale,this.hourFormat)}composeWithTime(e){let t=this.stagingTime??{hour:0,minute:0},a=Y(e,this.timezone);return le({year:a.year,month:a.month,day:a.day,hour:t.hour,minute:t.minute},this.timezone??se())}commitStaged(){this.mode==="single"?(this.value=this.isWithTimeActive()&&this.stagingValue?this.composeWithTime(this.stagingValue):this.stagingValue,this.segments=K(this.value)):(this.rangeValue=this.stagingRange,this.rangeSegments={start:K(this.stagingRange.start),end:K(this.stagingRange.end)}),this.dispatchEvent(new j(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 j(e==="value"?this.value:this.rangeValue)),(this.isOpen||this.isModalOpen)&&this.resetStaging()}composeTypedDateTime(e){let t=this.resolvedHourFormat(),r=z(this.timeSegments,t);if(!r)if(this.value){let{hour:o,minute:d}=Y(this.value,this.timezone);r={hour:o,minute:d}}else r={hour:0,minute:0};return le({year:e.getFullYear(),month:e.getMonth()+1,day:e.getDate(),hour:r.hour,minute:r.minute},this.timezone??se())}commitTypedTime(e,t){this.value=Ne(this.value??new Date,this.timezone,e,t),this.dispatchEvent(new j(this.value)),(this.isOpen||this.isModalOpen)&&this.resetStaging()}commitTimeSegmentGroupIfComplete(e){let t=this.resolvedHourFormat();if(!oe(e,t))return;let a=z(e,t);if(!a)return;let r=this.typedDate();r?this.commitTypedDate("value",r):this.commitTypedTime(a.hour,a.minute)}popoverAnimationDuration(e){return this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:Le(e,"--date-picker-panel-transition-duration","m",200)}playPopoverOpenAnimation(e){e.style.removeProperty("pointer-events");let t=this.popoverAnimationDuration(e);t!==0&&(this.popoverAnimation=e.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:t,easing:ie(e),fill:"forwards"}))}closePopover(){let e=this.popoverEl;this.popoverAnimation?.cancel(),this.popoverAnimation=void 0,e?.matches(":popover-open")&&this.playPopoverCloseAnimation(e)}playPopoverCloseAnimation(e){e.style.pointerEvents="none";let t=this.popoverAnimationDuration(e);if(t===0){e.hidePopover();return}let a=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:t,easing:ie(e),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":A(this.focusedDate,this.displayedAnchor)||(this.displayedAnchor=this.focusedDate);break;case"year":N(this.focusedDate.getFullYear())!==N(this.displayedAnchor.getFullYear())&&(this.displayedAnchor=this.focusedDate);break;default:k(this.focusedDate,this.displayedAnchor)||(this.displayedAnchor=x(this.focusedDate));break}}moveFocused(e,t,a){let r=e>0?1:-1,o=t(this.focusedDate,e);for(let d=0;a(o)&&d<1e3;d+=1)o=t(o,r);this.focusedDate=o,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&&G(e)}nearestWorkweekDay(e,t){if(!this.workWeek)return e;let a=e;for(let r=0;G(a)&&r<2;r+=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:r}=this.stagingRange;if(!a||r)this.stagingRange={start:e,end:null},this.hoverDate=null,t=!1;else{let[o,d]=e.getTime()<a.getTime()?[e,a]:[a,e];this.stagingRange={start:o,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 r=e.target,o=a==="year"?4:2,d=r.value.replace(/\D/g,"").slice(0,o);r.value=d;let p={...this.readSegmentGroup(t),[a]:d};this.writeSegmentGroup(t,p),d.length===o&&this.focusNextSegment(t,a),this.commitSegmentGroupIfComplete(t,p)}commitSegmentGroupIfComplete(e,t){let a=W(this.granularity);if(!de(t,a)||e==="value"&&this.isWithTimeActive()&&!this.value&&!this.typedTime())return;let r=B(t,a);r&&this.commitTypedDate(e,r)}typedDate(){let e=W(this.granularity);return de(this.segments,e)?B(this.segments,e):null}typedTime(){let e=this.resolvedHourFormat();return oe(this.timeSegments,e)?z(this.timeSegments,e):null}handleSegmentKeydown(e,t,a){let r=e.target;e.key==="Backspace"&&r.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 r=this.readSegmentGroup(e),o=Number(r[t]),d=yt(t),c;if(r[t]===""||Number.isNaN(o))c=d;else{let m=gt[t];c=o+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,g=String(c).padStart(p,"0").slice(-p),f={...r,[t]:g};this.writeSegmentGroup(e,f),this.commitSegmentGroupIfComplete(e,f)}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=W(this.granularity);return We(this.resolvedLocale).filter(t=>e.includes(t))}focusPreviousSegment(e,t){let a=this.visibleSegmentOrder(),r=a.indexOf(t);r<=0||this.focusSegment(e,a[r-1])}focusNextSegment(e,t){let a=this.visibleSegmentOrder(),r=a.indexOf(t);r!==-1&&(r<a.length-1?this.focusSegment(e,a[r+1]):e==="value"&&this.isWithTimeActive()&&this.focusTimeSegment(this.visibleTimeSegmentOrder()[0]))}focusSegment(e,t){this.shadowRoot?.querySelector(`.segment-group[data-target="${e}"] .segment-${t}`)?.focus()}handleTimeSegmentInput(e,t){let a=e.target,r=a.value.replace(/\D/g,"").slice(0,2);a.value=r;let o={...this.timeSegments,[t]:r};this.timeSegments=o,r.length===2&&this.focusNextTimeSegment(t),this.commitTimeSegmentGroupIfComplete(o)}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(),o=e==="hour"?a===12?{min:1,max:12}:{min:0,max:23}:{min:0,max:59},d=Number(this.timeSegments[e]),c;if(this.timeSegments[e]===""||Number.isNaN(d)){let g=Y(this.value??new Date,this.timezone),f=a===12?re(g.hour).hour:g.hour;c=e==="hour"?f:g.minute}else c=d+t,c>o.max?c=o.min:c<o.min&&(c=o.max);let p={...this.timeSegments,[e]:String(c).padStart(2,"0")};this.timeSegments=p,this.commitTimeSegmentGroupIfComplete(p)}setPeriodSegment(e){if(this.disabled||this.readonly)return;let t={...this.timeSegments,period:e};this.timeSegments=t,this.commitTimeSegmentGroupIfComplete(t)}visibleTimeSegmentOrder(){let e=Ke(this.resolvedHourFormat());return Ge(this.resolvedLocale).filter(t=>e.includes(t))}focusPreviousTimeSegment(e){let t=this.visibleTimeSegmentOrder(),a=t.indexOf(e);if(a===0){let r=this.visibleSegmentOrder();this.focusSegment("value",r[r.length-1])}else 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"
         aria-label=${this.dictionary.datePicker.time}
       >
-        ${e.map((t,a)=>{let i=e[a-1];return u`
-            ${a===0?$:u`<span class="segment-divider" aria-hidden="true"
-                  >${i==="hour"&&t==="minute"||i==="minute"&&t==="hour"?":":" "}</span
+        ${e.map((t,a)=>{let r=e[a-1];return u`
+            ${a===0?C:u`<span class="segment-divider" aria-hidden="true"
+                  >${r==="hour"&&t==="minute"||r==="minute"&&t==="hour"?":":" "}</span
                 >`}
             ${this.renderTimeSegment(t)}
           `})}
@@ -730,49 +730,53 @@ import{a as Ae,b as J,c as Le,d as Re,e as Fe,f as Ke,g as ee,h as W,i as Ge,j a
         .value=${this.timeSegments[e]}
         ?disabled=${this.disabled}
         ?readonly=${this.readonly}
+        @focus=${this.selectSegmentText}
+        @click=${this.selectSegmentText}
         @input=${t=>this.handleTimeSegmentInput(t,e)}
         @keydown=${t=>this.handleTimeSegmentKeydown(t,e)}
       />
-    `}renderSegmentGroup(e,t){let a=this.visibleSegmentOrder(),i=this.readSegmentGroup(e);return u`
+    `}renderSegmentGroup(e,t){let a=this.visibleSegmentOrder(),r=this.readSegmentGroup(e);return u`
       <div
         class="segment-group"
         data-target=${e}
         role="group"
         aria-label=${t}
-        aria-describedby=${this.description?.length?"description":$}
+        aria-describedby=${this.description?.length?"description":C}
       >
-        ${a.map((s,d)=>u`
-            ${d>0?u`<span class="segment-divider" aria-hidden="true">/</span>`:$}
-            ${this.renderSegment(e,s,i)}
+        ${a.map((o,d)=>u`
+            ${d>0?u`<span class="segment-divider" aria-hidden="true">/</span>`:C}
+            ${this.renderSegment(e,o,r)}
           `)}
       </div>
-    `}placeholderFor(e){switch(e){case"day":return this.dayPlaceholder??this.dictionary.datePicker.dayPlaceholder;case"month":return this.monthPlaceholder??this.dictionary.datePicker.monthPlaceholder;default:return this.yearPlaceholder??this.dictionary.datePicker.yearPlaceholder}}renderSegment(e,t,a){let i=t==="year"?4:2;return u`
+    `}placeholderFor(e){switch(e){case"day":return this.dayPlaceholder??this.dictionary.datePicker.dayPlaceholder;case"month":return this.monthPlaceholder??this.dictionary.datePicker.monthPlaceholder;default:return this.yearPlaceholder??this.dictionary.datePicker.yearPlaceholder}}renderSegment(e,t,a){let r=t==="year"?4:2;return u`
       <input
         class="segment segment-${t}"
         type="text"
         inputmode="numeric"
         autocomplete="off"
-        maxlength=${i}
-        size=${i}
+        maxlength=${r}
+        size=${r}
         placeholder=${this.placeholderFor(t)}
         aria-label=${this.dictionary.datePicker[t]}
         .value=${a[t]}
         ?disabled=${this.disabled}
         ?readonly=${this.readonly}
-        @input=${s=>this.handleSegmentInput(s,e,t)}
-        @keydown=${s=>this.handleSegmentKeydown(s,e,t)}
+        @focus=${this.selectSegmentText}
+        @click=${this.selectSegmentText}
+        @input=${o=>this.handleSegmentInput(o,e,t)}
+        @keydown=${o=>this.handleSegmentKeydown(o,e,t)}
       />
-    `}dayGridProps(){return{mode:this.mode,displayedMonth:this.displayedAnchor,value:this.stagingValue,rangeValue:this.stagingRange,hoverDate:this.hoverDate,focusedDate:this.focusedDate,weekStartsOn:this.weekStartsOn,hideWeekends:this.workWeek,locale:this.locale,minDate:this.minDate,maxDate:this.maxDate,isDateDisabled:this.isDateDisabled,todayLabel:this.todayLabel??this.dictionary.common.today,previousMonthLabel:this.dictionary.datePicker.previousMonth,chooseMonthYearLabel:this.dictionary.datePicker.chooseMonthYear,nextMonthLabel:this.dictionary.datePicker.nextMonth,onDayClick:e=>this.handleDayClick(e),onDayHover:this.handleHover,onDayKeydown:this.handleDayKeydown,onPreviousMonth:this.handlePreviousMonth,onNextMonth:this.handleNextMonth,onToday:this.handleToday,onLabelClick:this.enterMonthNav}}monthGridProps(){let e=this.navLevel===this.granularity;return{mode:e?this.mode:"single",displayedYear:this.displayedAnchor.getFullYear(),value:e?this.stagingValue:x(this.displayedAnchor),rangeValue:e?this.stagingRange:{start:null,end:null},hoverDate:e?this.hoverDate:null,focusedDate:this.focusedDate,locale:this.locale,minDate:this.minDate,maxDate:this.maxDate,isDateDisabled:this.isDateDisabled,previousYearLabel:this.dictionary.datePicker.previousYear,chooseYearLabel:this.dictionary.datePicker.chooseYear,nextYearLabel:this.dictionary.datePicker.nextYear,onMonthClick:e?t=>this.handleMonthClick(t):this.handleQuickNavMonthClick,onMonthHover:this.handleHover,onMonthKeydown:e?this.handleMonthKeydown:(t,a)=>this.handleMonthKeydown(t,a,this.handleQuickNavMonthClick),onPreviousYear:this.handlePreviousYear,onNextYear:this.handleNextYear,onLabelClick:this.enterYearNav}}yearGridProps(){let e=this.navLevel===this.granularity;return{mode:e?this.mode:"single",displayedYear:this.displayedAnchor.getFullYear(),value:e?this.stagingValue:new Date(this.displayedAnchor.getFullYear(),0,1),rangeValue:e?this.stagingRange:{start:null,end:null},hoverDate:e?this.hoverDate:null,focusedDate:this.focusedDate,minDate:this.minDate,maxDate:this.maxDate,isDateDisabled:this.isDateDisabled,previousYearsLabel:this.dictionary.datePicker.previousYears,nextYearsLabel:this.dictionary.datePicker.nextYears,onYearClick:e?t=>this.handleYearClick(t):this.handleQuickNavYearClick,onYearHover:this.handleHover,onYearKeydown:e?this.handleYearKeydown:(t,a)=>this.handleYearKeydown(t,a,this.handleQuickNavYearClick),onPreviousPage:this.handlePreviousYearsPage,onNextPage:this.handleNextYearsPage}}renderGrid(){switch(this.navLevel){case"month":return Ze(this.monthGridProps());case"year":return Je(this.yearGridProps());default:return qe(this.dayGridProps())}}headingFor(){let e=this.dictionary.datePicker.heading[this.granularity];return this.mode==="single"?e.single:e.range}renderField(){return u`
+    `}dayGridProps(){return{mode:this.mode,displayedMonth:this.displayedAnchor,value:this.stagingValue,rangeValue:this.stagingRange,hoverDate:this.hoverDate,focusedDate:this.focusedDate,weekStartsOn:this.weekStartsOn,hideWeekends:this.workWeek,locale:this.resolvedLocale,minDate:this.minDate,maxDate:this.maxDate,isDateDisabled:this.isDateDisabled,todayLabel:this.todayLabel??this.dictionary.common.today,previousMonthLabel:this.dictionary.datePicker.previousMonth,chooseMonthYearLabel:this.dictionary.datePicker.chooseMonthYear,nextMonthLabel:this.dictionary.datePicker.nextMonth,onDayClick:e=>this.handleDayClick(e),onDayHover:this.handleHover,onDayKeydown:this.handleDayKeydown,onPreviousMonth:this.handlePreviousMonth,onNextMonth:this.handleNextMonth,onToday:this.handleToday,onLabelClick:this.enterMonthNav}}monthGridProps(){let e=this.navLevel===this.granularity;return{mode:e?this.mode:"single",displayedYear:this.displayedAnchor.getFullYear(),value:e?this.stagingValue:x(this.displayedAnchor),rangeValue:e?this.stagingRange:{start:null,end:null},hoverDate:e?this.hoverDate:null,focusedDate:this.focusedDate,locale:this.resolvedLocale,minDate:this.minDate,maxDate:this.maxDate,isDateDisabled:this.isDateDisabled,previousYearLabel:this.dictionary.datePicker.previousYear,chooseYearLabel:this.dictionary.datePicker.chooseYear,nextYearLabel:this.dictionary.datePicker.nextYear,onMonthClick:e?t=>this.handleMonthClick(t):this.handleQuickNavMonthClick,onMonthHover:this.handleHover,onMonthKeydown:e?this.handleMonthKeydown:(t,a)=>this.handleMonthKeydown(t,a,this.handleQuickNavMonthClick),onPreviousYear:this.handlePreviousYear,onNextYear:this.handleNextYear,onLabelClick:this.enterYearNav}}yearGridProps(){let e=this.navLevel===this.granularity;return{mode:e?this.mode:"single",displayedYear:this.displayedAnchor.getFullYear(),value:e?this.stagingValue:new Date(this.displayedAnchor.getFullYear(),0,1),rangeValue:e?this.stagingRange:{start:null,end:null},hoverDate:e?this.hoverDate:null,focusedDate:this.focusedDate,minDate:this.minDate,maxDate:this.maxDate,isDateDisabled:this.isDateDisabled,previousYearsLabel:this.dictionary.datePicker.previousYears,nextYearsLabel:this.dictionary.datePicker.nextYears,onYearClick:e?t=>this.handleYearClick(t):this.handleQuickNavYearClick,onYearHover:this.handleHover,onYearKeydown:e?this.handleYearKeydown:(t,a)=>this.handleYearKeydown(t,a,this.handleQuickNavYearClick),onPreviousPage:this.handlePreviousYearsPage,onNextPage:this.handleNextYearsPage}}renderGrid(){switch(this.navLevel){case"month":return Ze(this.monthGridProps());case"year":return Je(this.yearGridProps());default:return qe(this.dayGridProps())}}headingFor(){let e=this.dictionary.datePicker.heading[this.granularity];return this.mode==="single"?e.single:e.range}renderField(){return u`
       <div
         id="field-wrapper"
-        class=${Y({"has-range":this.mode==="range"})}
+        class=${L({"has-range":this.mode==="range"})}
       >
         ${this.mode==="single"?this.renderSegmentGroup("value",this.label??this.headingFor()):u`
               ${this.renderSegmentGroup("start",this.dictionary.datePicker.startDate)}
               <span class="range-separator" aria-hidden="true">–</span>
               ${this.renderSegmentGroup("end",this.dictionary.datePicker.endDate)}
             `}
-        ${this.isWithTimeActive()?this.renderTimeSegmentGroup():$}
+        ${this.isWithTimeActive()?this.renderTimeSegmentGroup():C}
         <button
           type="button"
           id="calendar-trigger"
@@ -785,12 +789,12 @@ import{a as Ae,b as J,c as Le,d as Re,e as Fe,f as Ke,g as ee,h as W,i as Ge,j a
           <eun-icon name="calendar_today"></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=fe(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 $;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(),r=t??e;return`${e.toLocaleDateString(this.resolvedLocale,a)} \u2013 ${r.toLocaleDateString(this.resolvedLocale,a)}`}renderModalDatePreview(){let e=this.dictionary.datePicker.modalPreview[this.granularity],t;return this.mode==="single"?t=this.stagingValue?this.stagingValue.toLocaleDateString(this.resolvedLocale,this.previewFormatOptions()):e.single:this.stagingRange.start?this.granularity==="day"?t=ye(this.stagingRange.start,this.stagingRange.end??this.stagingRange.start,this.resolvedLocale):t=this.formatCoarseRangePreview():t=e.range,u`<div id="modal-date-preview">${t}</div>`}renderTimeSection(){if(!this.isWithTimeActive())return C;let e=this.resolvedHourFormat(),t=this.stagingTime??{hour:0,minute:0},a=t.hour<12?"AM":"PM";return u`
       <div id="time-section">
-        ${Ve({visual:"buttons",format:e,hour:t.hour,minute:t.minute,period:a,stepMinute:this.stepMinute,disabled:this.disabled,noAnimation:this.noAnimation,labels:this.dictionary.timePicker,onHourChange:this.handleTimeHourChange,onMinuteChange:this.handleTimeMinuteChange,onPeriodChange:this.handleTimePeriodChange})}
+        ${ze({visual:"buttons",format:e,hour:t.hour,minute:t.minute,period:a,stepMinute:this.stepMinute,minTime:E(this.minTime),maxTime:E(this.maxTime),disabled:this.disabled,noAnimation:this.noAnimation,labels:this.dictionary.timePicker,onHourChange:this.handleTimeHourChange,onMinuteChange:this.handleTimeMinuteChange,onPeriodChange:this.handleTimePeriodChange})}
         ${this.renderTimezoneLabel()}
       </div>
-    `}renderTimezoneLabel(){if(!this.timezone||Ne(this.timezone))return $;let e=this.stagingValue??new Date,t=He(e,this.timezone,{locale:this.locale});return u`<p id="timezone-label">${t}</p>`}renderPopoverFooter(){return this.isWithTimeActive()?u`
+    `}renderTimezoneLabel(){if(!this.timezone||Ve(this.timezone))return C;let e=this.stagingValue??new Date,t=He(e,this.timezone,{locale:this.resolvedLocale});return u`<p id="timezone-label">${t}</p>`}renderPopoverFooter(){return this.isWithTimeActive()?u`
       <div id="popover-footer" class="modal-footer">
         <eun-button
           appearance="ghost"
@@ -803,7 +807,7 @@ import{a as Ae,b as J,c as Le,d as Re,e as Fe,f as Ke,g as ee,h as W,i as Ge,j a
           ${this.applyLabel??this.dictionary.common.apply}
         </eun-button>
       </div>
-    `:$}render(){return u`
+    `:C}render(){return u`
       <div id="wrapper">
         ${this.renderFormLabels("calendar-trigger")} ${this.renderField()}
         ${this.renderDescription()}
@@ -818,7 +822,7 @@ import{a as Ae,b as J,c as Le,d as Re,e as Fe,f as Ke,g as ee,h as W,i as Ge,j a
       </div>
       <eun-modal
         ?open=${this.isModalOpen}
-        .closeable=${!1}
+        close-on-backdrop
         confirm-label=${this.applyLabel??this.dictionary.common.apply}
         cancel-label=${this.cancelLabel??this.dictionary.common.cancel}
         aria-label=${this.label??this.headingFor()}
@@ -837,7 +841,7 @@ import{a as Ae,b as J,c as Le,d as Re,e as Fe,f as Ke,g as ee,h as W,i as Ge,j a
                 ${this.renderGrid()}
               </div>
               ${this.renderTimeSection()}
-            `:$}
+            `:C}
         <div slot="footer" class="modal-footer">
           <eun-button
             appearance="ghost"
@@ -851,4 +855,4 @@ import{a as Ae,b as J,c as Le,d as Re,e as Fe,f as Ke,g as ee,h as W,i as Ge,j a
           </eun-button>
         </div>
       </eun-modal>
-    `}};o.styles=[Xe,...q?[]:[Qe],je,_e,Be,Ue,ze,E.base,E.errorMessages,E.hintMessages],o.SWIPE_THRESHOLD_PX=40,l([h({reflect:!0,useDefault:!0})],o.prototype,"mode",2),l([h({reflect:!0,useDefault:!0})],o.prototype,"granularity",2),l([h({attribute:"default-value",converter:{fromAttribute:e=>le(e),toAttribute:e=>e?de(e):null}})],o.prototype,"defaultValue",1),l([h({attribute:!1})],o.prototype,"rangeValue",2),l([h({type:Number,attribute:"week-starts-on"})],o.prototype,"weekStartsOn",2),l([h({type:Boolean,attribute:"work-week"})],o.prototype,"workWeek",2),l([h({type:Boolean,reflect:!0,attribute:"no-animation"})],o.prototype,"noAnimation",2),l([h({type:Boolean,reflect:!0,attribute:"with-time"})],o.prototype,"withTime",2),l([h()],o.prototype,"timezone",2),l([h({type:Number,attribute:"hour-format"})],o.prototype,"hourFormat",2),l([h({type:Number,attribute:"step-minute"})],o.prototype,"stepMinute",2),l([h({attribute:"min-time"})],o.prototype,"minTime",2),l([h({attribute:"max-time"})],o.prototype,"maxTime",2),l([h({attribute:!1})],o.prototype,"minDate",2),l([h({attribute:!1})],o.prototype,"maxDate",2),l([h({attribute:!1})],o.prototype,"isDateDisabled",2),l([h({attribute:"today-label"})],o.prototype,"todayLabel",2),l([h({attribute:"apply-label"})],o.prototype,"applyLabel",2),l([h({attribute:"cancel-label"})],o.prototype,"cancelLabel",2),l([h({attribute:"calendar-label"})],o.prototype,"calendarLabel",2),l([h({attribute:"day-placeholder"})],o.prototype,"dayPlaceholder",2),l([h({attribute:"month-placeholder"})],o.prototype,"monthPlaceholder",2),l([h({attribute:"year-placeholder"})],o.prototype,"yearPlaceholder",2),l([h({attribute:"hour-placeholder"})],o.prototype,"hourPlaceholder",2),l([h({attribute:"minute-placeholder"})],o.prototype,"minutePlaceholder",2),l([h({attribute:"default-range-value",converter:{fromAttribute:e=>{if(!e)return;let[t,a]=e.split(",").map(i=>i.trim());return{start:le(t),end:le(a)}},toAttribute:e=>e?`${de(e.start)},${de(e.end)}`:null}})],o.prototype,"defaultRangeValue",2),l([b()],o.prototype,"isOpen",2),l([b()],o.prototype,"isModalOpen",2),l([b()],o.prototype,"displayedAnchor",2),l([b()],o.prototype,"focusedDate",2),l([b()],o.prototype,"navLevel",2),l([b()],o.prototype,"hoverDate",2),l([b()],o.prototype,"stagingValue",2),l([b()],o.prototype,"stagingRange",2),l([b()],o.prototype,"stagingTime",2),l([b()],o.prototype,"segments",2),l([b()],o.prototype,"rangeSegments",2),l([b()],o.prototype,"timeSegments",2),l([R("#calendar-trigger")],o.prototype,"triggerEl",2),l([R("#calendar-popover")],o.prototype,"popoverEl",2),l([R("#field-wrapper")],o.prototype,"fieldWrapperEl",2),l([R("#modal-date")],o.prototype,"modalEl",2),l([R("#calendar-swipe-area")],o.prototype,"swipeAreaEl",2),l([R(".segment")],o.prototype,"firstSegmentEl",2),o=l([ue(pt)],o);function ft(r){return Object.values(r).some(n=>n.length>0)}function bt(r){return r.hour!==""||r.minute!==""||r.period!==""}function yt(r){let n=new Date;switch(r){case"year":return n.getFullYear();case"month":return n.getMonth()+1;default:return n.getDate()}}function le(r){if(!r)return null;let n=new Date(r);return Number.isNaN(n.getTime())?null:n}function de(r){return r?r.toISOString().slice(0,10):""}export{o as EunomiaDatePicker,pt as EunomiaDatePickerTagName};
+    `}};s.styles=[Xe,...ae?[]:[Qe],je,_e,Be,Ue,Ee,_.base,_.errorMessages,_.hintMessages],s.SWIPE_THRESHOLD_PX=40,l([h({reflect:!0,useDefault:!0})],s.prototype,"mode",2),l([h({reflect:!0,useDefault:!0})],s.prototype,"granularity",2),l([h({attribute:"default-value",converter:{fromAttribute:e=>ue(e),toAttribute:e=>e?ce(e):null}})],s.prototype,"defaultValue",1),l([h({attribute:!1})],s.prototype,"rangeValue",2),l([h({type:Number,attribute:"week-starts-on"})],s.prototype,"weekStartsOn",2),l([h({type:Boolean,attribute:"work-week"})],s.prototype,"workWeek",2),l([h({type:Boolean,reflect:!0,attribute:"no-animation"})],s.prototype,"noAnimation",2),l([h({type:Boolean,reflect:!0,attribute:"with-time"})],s.prototype,"withTime",2),l([h()],s.prototype,"timezone",2),l([h({type:Number,attribute:"hour-format"})],s.prototype,"hourFormat",2),l([h({type:Number,attribute:"step-minute"})],s.prototype,"stepMinute",2),l([h({attribute:"min-time"})],s.prototype,"minTime",2),l([h({attribute:"max-time"})],s.prototype,"maxTime",2),l([h({attribute:!1})],s.prototype,"minDate",2),l([h({attribute:!1})],s.prototype,"maxDate",2),l([h({attribute:!1})],s.prototype,"isDateDisabled",2),l([h({attribute:"today-label"})],s.prototype,"todayLabel",2),l([h({attribute:"apply-label"})],s.prototype,"applyLabel",2),l([h({attribute:"cancel-label"})],s.prototype,"cancelLabel",2),l([h({attribute:"calendar-label"})],s.prototype,"calendarLabel",2),l([h({attribute:"day-placeholder"})],s.prototype,"dayPlaceholder",2),l([h({attribute:"month-placeholder"})],s.prototype,"monthPlaceholder",2),l([h({attribute:"year-placeholder"})],s.prototype,"yearPlaceholder",2),l([h({attribute:"hour-placeholder"})],s.prototype,"hourPlaceholder",2),l([h({attribute:"minute-placeholder"})],s.prototype,"minutePlaceholder",2),l([h({attribute:"default-range-value",converter:{fromAttribute:e=>{if(!e)return;let[t,a]=e.split(",").map(r=>r.trim());return{start:ue(t),end:ue(a)}},toAttribute:e=>e?`${ce(e.start)},${ce(e.end)}`:null}})],s.prototype,"defaultRangeValue",2),l([b()],s.prototype,"isOpen",2),l([b()],s.prototype,"isModalOpen",2),l([b()],s.prototype,"displayedAnchor",2),l([b()],s.prototype,"focusedDate",2),l([b()],s.prototype,"navLevel",2),l([b()],s.prototype,"hoverDate",2),l([b()],s.prototype,"stagingValue",2),l([b()],s.prototype,"stagingRange",2),l([b()],s.prototype,"stagingTime",2),l([b()],s.prototype,"segments",2),l([b()],s.prototype,"rangeSegments",2),l([b()],s.prototype,"timeSegments",2),l([F("#calendar-trigger")],s.prototype,"triggerEl",2),l([F("#calendar-popover")],s.prototype,"popoverEl",2),l([F("#field-wrapper")],s.prototype,"fieldWrapperEl",2),l([F("#modal-date")],s.prototype,"modalEl",2),l([F("#calendar-swipe-area")],s.prototype,"swipeAreaEl",2),l([F(".segment")],s.prototype,"firstSegmentEl",2),s=l([he(mt)],s);function et(i){return Object.values(i).some(n=>n.length>0)}function bt(i){return i.hour!==""||i.minute!==""||i.period!==""}function yt(i){let n=new Date;switch(i){case"year":return n.getFullYear();case"month":return n.getMonth()+1;default:return n.getDate()}}function ue(i){if(!i)return null;let n=new Date(i);return Number.isNaN(n.getTime())?null:n}function ce(i){return i?i.toISOString().slice(0,10):""}export{s as EunomiaDatePicker,mt as EunomiaDatePickerTagName};

package/dist/cdn/components/eun-description-list.js

@@ -40,7 +40,7 @@ import{a as r}from"./chunks/chunk-VG6NAAIV.js";import{b as d}from"./chunks/chunk
     font-weight: var(--description-list-label-font-weight, inherit);
     color: var(
       --description-list-label-color,
-      var(--eun-text-secondary, #484e61)
+      var(--eun-text-secondary, #666e8a)
     );
   }
 

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

@@ -1,23 +1,24 @@
-import{a as e,f as i,h as o,j as a,p as n,u as l}from"./chunks/chunk-YITWLCD3.js";var c=o`
+import{a as t,f as i,h as o,j as a,p as n,u as l}from"./chunks/chunk-YITWLCD3.js";var c=o`
   :host {
     --_color: var(--divider-color, var(--eun-border-color, #dee0e7));
     --_spacing: var(--divider-spacing, var(--eun-space-m, 16px));
     display: block;
   }
 
-  :host(:is([orientation="horizontal"], :not([orientation]))) {
-    width: 100%;
+  :host([orientation="vertical"]) {
+    display: inline-flex;
+    align-self: stretch;
+  }
+
+  :host(:is([orientation="horizontal"], :not([orientation]))) #line {
     height: 0;
     margin-block: var(--_spacing);
     border-block-start: 1px solid var(--_color);
   }
 
-  :host([orientation="vertical"]) {
-    display: inline-block;
-    align-self: stretch;
+  :host([orientation="vertical"]) #line {
     width: 0;
-    height: auto;
     margin-inline: var(--_spacing);
     border-inline-start: 1px solid var(--_color);
   }
-`,s=c;var p="eun-divider",t=class extends l{constructor(){super(...arguments);this.orientation="horizontal"}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","separator"),super.connectedCallback?.()}updated(r){super.updated(r),r.has("orientation")&&this.setAttribute("aria-orientation",this.orientation)}render(){return n``}};t.styles=s,e([a({reflect:!0,useDefault:!0})],t.prototype,"orientation",2),t=e([i(p)],t);export{t as EunomiaDivider,p as EunomiaDividerTagName};
+`,s=c;var p="eun-divider",e=class extends l{constructor(){super(...arguments);this.orientation="horizontal"}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","separator"),super.connectedCallback?.()}updated(r){super.updated(r),r.has("orientation")&&this.setAttribute("aria-orientation",this.orientation)}render(){return n`<div id="line" part="line"></div>`}};e.styles=s,t([a({reflect:!0,useDefault:!0})],e.prototype,"orientation",2),e=t([i(p)],e);export{e as EunomiaDivider,p as EunomiaDividerTagName};