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

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

@@ -1,4 +1,4 @@
-import{a as m,b as h,c as b}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 n}from"./chunks/chunk-5EVP7YNE.js";import{a as i,f as d,g as p,h as o,i as u,j as s,n as a,p as r,s as f}from"./chunks/chunk-XH6NREVZ.js";var l=class c extends Event{static{this.eventName="eunconfirm"}constructor(){super(c.eventName,{bubbles:!0,composed:!0,cancelable:!0})}};var y=p`
+import{a as m,b as h,c as b}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 n}from"./chunks/chunk-5EVP7YNE.js";import{a as t,f as d,g as p,h as r,i as u,j as s,n as i,p as a,s as f}from"./chunks/chunk-XH6NREVZ.js";var l=class c extends Event{static{this.eventName="eunconfirm"}constructor(){super(c.eventName,{bubbles:!0,composed:!0,cancelable:!0})}};var C=p`
   :host {
     display: contents;
   }
@@ -134,26 +134,26 @@ import{a as m,b as h,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
       transition-duration: 0.01ms;
     }
   }
-`,g=y;var C="eun-modal",e=class extends v(f){constructor(){super(...arguments);this.open=!1;this.kind="dialog";this.closeOnBackdrop=!0;this.dirty=!1;this.hideActions=!1;this.closeable=!0;this.cancelLabel="Cancel";this.confirmLabel="Confirm";this.confirmVariant="primary";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=t=>{t.stopPropagation(),this.confirmDiscard()};this.stopDialogPropagation=t=>{t.stopPropagation()};this.handleToggle=t=>{let x=t;if(this.syncingFromPopover=!0,this.open=x.newState==="open",this.syncingFromPopover=!1,this.open){this.openDialogSurface({surfaceEl:this.surfaceEl,onEscape:()=>this.requestClose(),onOutsideClick:()=>{this.closeOnBackdrop&&this.requestClose()}}),this.updateComplete.then(()=>this.focusInitialElement());return}this.closeDialogSurface()};this.handleCommandEvent=t=>{b(t,this)}}willUpdate(t){t.has("dirty")&&this.dirty&&(this.mountConfirmModal=!0)}updated(t){super.updated(t),t.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}confirm(){let t=new l;this.dispatchEvent(t),t.defaultPrevented||(this.open=!1)}cancel(){let t=new m;this.dispatchEvent(t),t.defaultPrevented||(this.open=!1)}requestClose(){if(this.dirty){let t=new h;this.dispatchEvent(t),t.defaultPrevented||this.confirmCloseModalEl?.show();return}this.cancel()}confirmDiscard(){this.dirty=!1,this.cancel()}focusInitialElement(){let t=this.querySelector("[autofocus]");if(t){t.focus();return}if(!this.hideActions){this.cancelButtonEl?.focus();return}this.surfaceEl?.focus()}renderHeader(){return!this.heading&&!this.description?r:a`
+`,g=C;var y="eun-modal",e=class extends v(f){constructor(){super(...arguments);this.open=!1;this.kind="dialog";this.closeOnBackdrop=!0;this.dirty=!1;this.hideActions=!1;this.closeable=!0;this.cancelLabel="Cancel";this.confirmLabel="Confirm";this.confirmColor="primary";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=o=>{o.stopPropagation(),this.confirmDiscard()};this.stopDialogPropagation=o=>{o.stopPropagation()};this.handleToggle=o=>{let x=o;if(this.syncingFromPopover=!0,this.open=x.newState==="open",this.syncingFromPopover=!1,this.open){this.openDialogSurface({surfaceEl:this.surfaceEl,onEscape:()=>this.requestClose(),onOutsideClick:()=>{this.closeOnBackdrop&&this.requestClose()}}),this.updateComplete.then(()=>this.focusInitialElement());return}this.closeDialogSurface()};this.handleCommandEvent=o=>{b(o,this)}}willUpdate(o){o.has("dirty")&&this.dirty&&(this.mountConfirmModal=!0)}updated(o){super.updated(o),o.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}confirm(){let o=new l;this.dispatchEvent(o),o.defaultPrevented||(this.open=!1)}cancel(){let o=new m;this.dispatchEvent(o),o.defaultPrevented||(this.open=!1)}requestClose(){if(this.dirty){let o=new h;this.dispatchEvent(o),o.defaultPrevented||this.confirmCloseModalEl?.show();return}this.cancel()}confirmDiscard(){this.dirty=!1,this.cancel()}focusInitialElement(){let o=this.querySelector("[autofocus]");if(o){o.focus();return}if(!this.hideActions){this.cancelButtonEl?.focus();return}this.surfaceEl?.focus()}renderHeader(){return!this.heading&&!this.description?a:i`
       <div id="header">
-        ${this.heading?a`<h2 id="heading">${this.heading}</h2>`:r}
-        ${this.description?a`<p id="description">${this.description}</p>`:r}
+        ${this.heading?i`<h2 id="heading">${this.heading}</h2>`:a}
+        ${this.description?i`<p id="description">${this.description}</p>`:a}
       </div>
-    `}renderConfirmCloseModal(){return a`
+    `}renderConfirmCloseModal(){return i`
       <eun-modal
         id="confirm-close-modal"
         kind="alert"
         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?a`<p>${this.confirmCloseDescription}</p>`:r}
+        ${this.confirmCloseDescription?i`<p>${this.confirmCloseDescription}</p>`:a}
         <slot name="confirm-close"></slot>
       </eun-modal>
-    `}render(){return a`
+    `}render(){return i`
       <div
         id="surface"
         popover="manual"
@@ -165,7 +165,7 @@ import{a as m,b as h,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
         tabindex="-1"
         @toggle=${this.handleToggle}
       >
-        ${this.closeable?a`
+        ${this.closeable?i`
               <eun-button
                 id="close-button"
                 appearance="ghost"
@@ -176,23 +176,23 @@ import{a as m,b as h,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
               >
                 <eun-icon name="close" size="16"></eun-icon>
               </eun-button>
-            `:r}
+            `:a}
         ${this.renderHeader()}
         <div id="body">
           <slot></slot>
         </div>
-        ${this.hideActions?r:a`
+        ${this.hideActions?a:i`
               <div id="actions">
                 <slot name="footer">
                   <eun-button
                     id="cancel-button"
                     appearance="ghost"
-                    variant=${n(this.cancelVariant)}
+                    color=${n(this.cancelColor)}
                     @click=${()=>this.requestClose()}
                     >${this.cancelLabel}</eun-button
                   >
                   <eun-button
-                    variant=${this.confirmVariant}
+                    color=${this.confirmColor}
                     @click=${()=>this.confirm()}
                     >${this.confirmLabel}</eun-button
                   >
@@ -200,5 +200,5 @@ import{a as m,b as h,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
               </div>
             `}
       </div>
-      ${this.mountConfirmModal?this.renderConfirmCloseModal():r}
-    `}};e.styles=g,i([o({type:Boolean,reflect:!0})],e.prototype,"open",2),i([o()],e.prototype,"heading",2),i([o()],e.prototype,"description",2),i([o({reflect:!0})],e.prototype,"kind",2),i([o({type:Boolean,attribute:"close-on-backdrop"})],e.prototype,"closeOnBackdrop",2),i([o({type:Boolean,reflect:!0})],e.prototype,"dirty",2),i([o({type:Boolean,attribute:"hide-actions"})],e.prototype,"hideActions",2),i([o({type:Boolean,reflect:!0})],e.prototype,"closeable",2),i([o({attribute:"cancel-label"})],e.prototype,"cancelLabel",2),i([o({attribute:"confirm-label"})],e.prototype,"confirmLabel",2),i([o({attribute:"confirm-variant"})],e.prototype,"confirmVariant",2),i([o({attribute:"cancel-variant"})],e.prototype,"cancelVariant",2),i([o({attribute:"aria-label-close"})],e.prototype,"ariaLabelClose",2),i([o({attribute:"confirm-close-heading"})],e.prototype,"confirmCloseHeading",2),i([o({attribute:"confirm-close-description"})],e.prototype,"confirmCloseDescription",2),i([o({attribute:"confirm-close-cancel-label"})],e.prototype,"confirmCloseCancelLabel",2),i([o({attribute:"confirm-close-confirm-label"})],e.prototype,"confirmCloseConfirmLabel",2),i([s("#surface")],e.prototype,"surfaceEl",2),i([s("#cancel-button")],e.prototype,"cancelButtonEl",2),i([s("#confirm-close-modal")],e.prototype,"confirmCloseModalEl",2),i([u()],e.prototype,"mountConfirmModal",2),e=i([d(C)],e);export{e as EunomiaModal,C as EunomiaModalTagName};
+      ${this.mountConfirmModal?this.renderConfirmCloseModal():a}
+    `}};e.styles=g,t([r({type:Boolean,reflect:!0})],e.prototype,"open",2),t([r()],e.prototype,"heading",2),t([r()],e.prototype,"description",2),t([r({reflect:!0})],e.prototype,"kind",2),t([r({type:Boolean,attribute:"close-on-backdrop"})],e.prototype,"closeOnBackdrop",2),t([r({type:Boolean,reflect:!0})],e.prototype,"dirty",2),t([r({type:Boolean,attribute:"hide-actions"})],e.prototype,"hideActions",2),t([r({type:Boolean,reflect:!0})],e.prototype,"closeable",2),t([r({attribute:"cancel-label"})],e.prototype,"cancelLabel",2),t([r({attribute:"confirm-label"})],e.prototype,"confirmLabel",2),t([r({attribute:"confirm-color"})],e.prototype,"confirmColor",2),t([r({attribute:"cancel-color"})],e.prototype,"cancelColor",2),t([r({attribute:"aria-label-close"})],e.prototype,"ariaLabelClose",2),t([r({attribute:"confirm-close-heading"})],e.prototype,"confirmCloseHeading",2),t([r({attribute:"confirm-close-description"})],e.prototype,"confirmCloseDescription",2),t([r({attribute:"confirm-close-cancel-label"})],e.prototype,"confirmCloseCancelLabel",2),t([r({attribute:"confirm-close-confirm-label"})],e.prototype,"confirmCloseConfirmLabel",2),t([s("#surface")],e.prototype,"surfaceEl",2),t([s("#cancel-button")],e.prototype,"cancelButtonEl",2),t([s("#confirm-close-modal")],e.prototype,"confirmCloseModalEl",2),t([u()],e.prototype,"mountConfirmModal",2),e=t([d(y)],e);export{e as EunomiaModal,y as EunomiaModalTagName};

package/dist/cdn/components/eun-radio-card.js

@@ -1,4 +1,4 @@
-import{b as u}from"./chunks/chunk-GSJEJLFA.js";import{a as s}from"./chunks/chunk-74AOAB4X.js";import{e as a}from"./chunks/chunk-OAULRKHQ.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-T7WABJEJ.js";import{a as l}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as o,f as d,g as i,h as c,l as t,n as e,p as n}from"./chunks/chunk-XH6NREVZ.js";var h=i`
+import{b as u}from"./chunks/chunk-6ETDXUH2.js";import{a as s}from"./chunks/chunk-74AOAB4X.js";import{e as a}from"./chunks/chunk-OAULRKHQ.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-32DTNR52.js";import{a as l}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as o,f as d,g as i,h as c,l as t,n as e,p as n}from"./chunks/chunk-XH6NREVZ.js";var h=i`
   :host {
     --_borderWidth: var(--radio-card-border-width, 1px);
     --_borderColor: var(

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

@@ -1,4 +1,4 @@
-import{a as E}from"./chunks/chunk-BQHYZB2W.js";import{a as y}from"./chunks/chunk-GW3VP2L7.js";import{a as m,c as b,d as g,e as d}from"./chunks/chunk-OAULRKHQ.js";import{a as v}from"./chunks/chunk-YYCEPZUN.js";import{a as p}from"./chunks/chunk-T7WABJEJ.js";import{a as f}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-5EVP7YNE.js";import{a as r,f as l,g as h,h as o,j as u,n as c,s as n}from"./chunks/chunk-XH6NREVZ.js";var $=h`
+import{a as E}from"./chunks/chunk-BQHYZB2W.js";import{a as y}from"./chunks/chunk-GW3VP2L7.js";import{a as m,c as b,d as g,e as d}from"./chunks/chunk-OAULRKHQ.js";import{a as v}from"./chunks/chunk-YYCEPZUN.js";import{a as p}from"./chunks/chunk-32DTNR52.js";import{a as f}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-5EVP7YNE.js";import{a as r,f as l,g as h,h as o,j as u,n as c,s as n}from"./chunks/chunk-XH6NREVZ.js";var $=h`
   :host {
     --_container-gap: var(--radio-list-gap, var(--eun-space-s, 8px));
     --_options-gap: var(--radio-list-options-gap, var(--eun-space-s, 8px));

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

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-GSJEJLFA.js";import"./chunks/chunk-OAULRKHQ.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-T7WABJEJ.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaRadio,a as EunomiaRadioTagName};
+import{a,b}from"./chunks/chunk-6ETDXUH2.js";import"./chunks/chunk-OAULRKHQ.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-32DTNR52.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaRadio,a as EunomiaRadioTagName};

package/dist/cdn/components/eun-scheduler-event-editor.js

@@ -66,7 +66,7 @@ import{a as L,b as k}from"./chunks/chunk-IKAZYVB7.js";import{a as D}from"./chunk
   #actions .spacer {
     flex: 1 1 auto;
   }
-`,T=x;var h=class u extends Event{static{this.eventName="eunguestinvite"}constructor(m,t){super(u.eventName,{bubbles:!0,composed:!1}),this.email=m,this.eventId=t}};var w="eun-scheduler-event-editor",G=[{name:"red",value:"#f14959"},{name:"purple",value:"#9562e3"},{name:"yellow",value:"#f0f050"},{name:"blue",value:"#3bb3b9"},{name:"green",value:"#49f15f"},{name:"pink",value:"#d05df3"}],C=["low","medium","high","critical"],P={low:"success",high:"warning",critical:"critical"},I=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,i=class extends v{constructor(){super(...arguments);this.hideActions=!1;this.titleLabel="Title";this.descriptionLabel="Description";this.allDayLabel="All day";this.dateLabel="Date";this.endDateLabel="End date";this.startTimeLabel="Start time";this.endTimeLabel="End time";this.locationLabel="Location";this.notesLabel="Notes";this.priorityLabel="Priority";this.colorLabel="Color";this.requiredLabel="is required";this.colorLabels={red:"Red",purple:"Purple",yellow:"Yellow",blue:"Blue",green:"Green",pink:"Pink"};this.guestsLabel="Guests";this.addGuestLabel="Add guest";this.removeGuestLabel="Remove";this.saveLabel="Save";this.cancelLabel="Cancel";this.deleteLabel="Delete";this.formTitle="";this.formDescription="";this.formAllDay=!1;this.formDate=n(new Date);this.formEndDate=n(new Date);this.formStart=null;this.formEnd=null;this.formLocation="";this.formNotes="";this.formPriority="medium";this.formColor="#3bb3b9";this.formGuests=[];this.guestInputValue="";this.guestInputError=!1;this.showErrors=!1;this.seedSnapshot="";this.handleSaveClick=()=>{this.requestSave()};this.handleCancelClick=()=>{this.seedForm()};this.handlePriorityChange=t=>{this.formPriority=t.target.value[0]};this.handleGuestInputChange=t=>{this.guestInputValue=t.target.value??"",this.guestInputError=!1};this.handleGuestInputKeydown=t=>{t.key==="Enter"&&(t.preventDefault(),this.addGuest())};this.handleAddGuestClick=()=>{this.addGuest()};this.handleRemoveGuest=t=>{this.formGuests=this.formGuests.filter(e=>e.email!==t)}}connectedCallback(){super.connectedCallback?.(),this.seedForm()}willUpdate(t){(t.has("event")||t.has("initialStart")||t.has("initialEnd"))&&this.seedForm(),super.willUpdate(t)}updated(t){super.updated(t),["formTitle","formDescription","formAllDay","formDate","formEndDate","formStart","formEnd","formLocation","formNotes","formPriority","formColor","formGuests"].some(o=>t.has(o))&&this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}seedForm(){let t=this.event;if(t)this.formTitle=t.title,this.formDescription=t.description??"",this.formAllDay=!!t.allDay,this.formDate=n(t.start),this.formEndDate=n(t.end),this.formStart=t.start,this.formEnd=t.end,this.formLocation=t.location??"",this.formNotes=t.notes??"",this.formPriority=t.priority??"medium",this.formColor=t.color,this.formGuests=t.guests?t.guests.map(e=>({...e})):[];else{let e=this.initialStart??A(new Date),o=this.initialEnd??y(e,1);this.formTitle="",this.formDescription="",this.formAllDay=!1,this.formDate=n(e),this.formEndDate=n(e),this.formStart=e,this.formEnd=o,this.formLocation="",this.formNotes="",this.formPriority="medium",this.formColor="blue",this.formGuests=[]}this.guestInputValue="",this.guestInputError=!1,this.showErrors=!1,this.seedSnapshot=this.snapshot()}snapshot(){return JSON.stringify({title:this.formTitle,description:this.formDescription,allDay:this.formAllDay,date:this.formDate.getTime(),endDate:this.formEndDate.getTime(),start:this.formStart?.getTime(),end:this.formEnd?.getTime(),location:this.formLocation,notes:this.formNotes,priority:this.formPriority,color:this.formColor,guests:this.formGuests})}get dirty(){return this.snapshot()!==this.seedSnapshot}get isEditing(){return!!this.event}composeStartEnd(){if(this.formAllDay)return{start:n(this.formDate),end:g(this.formEndDate)};if(!this.formStart||!this.formEnd)return null;let t=new Date(this.formDate);t.setHours(this.formStart.getHours(),this.formStart.getMinutes(),0,0);let e=new Date(this.formDate);return e.setHours(this.formEnd.getHours(),this.formEnd.getMinutes(),0,0),e.getTime()<=t.getTime()&&e.setDate(e.getDate()+1),{start:t,end:e}}get valid(){if(!this.formTitle.trim())return!1;let t=this.composeStartEnd();return!!t&&t.end.getTime()>t.start.getTime()}requestSave(){if(!this.valid)return this.showErrors=!0,!1;let t=this.composeStartEnd(),e={id:this.event?.id??crypto.randomUUID(),title:this.formTitle.trim(),description:this.formDescription||void 0,allDay:this.formAllDay,start:t.start,end:t.end,location:this.formLocation||void 0,notes:this.formNotes||void 0,color:this.formColor,priority:this.formPriority,guests:this.formGuests.length?this.formGuests:void 0};return this.dispatchEvent(this.event?new D(e):new L(e)),this.event=e,this.seedSnapshot=this.snapshot(),!0}requestDelete(){this.event&&this.dispatchEvent(new k(this.event.id))}addGuest(){let t=this.guestInputValue.trim();if(!t)return;if(!I.test(t)){this.guestInputError=!0;return}let e=this.formGuests.some(o=>o.email.toLowerCase()===t.toLowerCase());this.guestInputValue="",this.guestInputError=!1,!e&&(this.formGuests=[...this.formGuests,{email:t,status:"pending"}],this.dispatchEvent(new h(t,this.event?.id)))}render(){let t=this.showErrors&&!this.formTitle.trim();return l`
+`,T=x;var h=class u extends Event{static{this.eventName="eunguestinvite"}constructor(m,t){super(u.eventName,{bubbles:!0,composed:!1}),this.email=m,this.eventId=t}};var w="eun-scheduler-event-editor",C=[{name:"red",value:"#f14959"},{name:"purple",value:"#9562e3"},{name:"yellow",value:"#f0f050"},{name:"blue",value:"#3bb3b9"},{name:"green",value:"#49f15f"},{name:"pink",value:"#d05df3"}],G=["low","medium","high","critical"],P={low:"success",high:"warning",critical:"critical"},I=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,i=class extends v{constructor(){super(...arguments);this.hideActions=!1;this.titleLabel="Title";this.descriptionLabel="Description";this.allDayLabel="All day";this.dateLabel="Date";this.endDateLabel="End date";this.startTimeLabel="Start time";this.endTimeLabel="End time";this.locationLabel="Location";this.notesLabel="Notes";this.priorityLabel="Priority";this.colorLabel="Color";this.requiredLabel="is required";this.colorLabels={red:"Red",purple:"Purple",yellow:"Yellow",blue:"Blue",green:"Green",pink:"Pink"};this.guestsLabel="Guests";this.addGuestLabel="Add guest";this.removeGuestLabel="Remove";this.saveLabel="Save";this.cancelLabel="Cancel";this.deleteLabel="Delete";this.formTitle="";this.formDescription="";this.formAllDay=!1;this.formDate=n(new Date);this.formEndDate=n(new Date);this.formStart=null;this.formEnd=null;this.formLocation="";this.formNotes="";this.formPriority="medium";this.formColor="#3bb3b9";this.formGuests=[];this.guestInputValue="";this.guestInputError=!1;this.showErrors=!1;this.seedSnapshot="";this.handleSaveClick=()=>{this.requestSave()};this.handleCancelClick=()=>{this.seedForm()};this.handlePriorityChange=t=>{this.formPriority=t.target.value[0]};this.handleGuestInputChange=t=>{this.guestInputValue=t.target.value??"",this.guestInputError=!1};this.handleGuestInputKeydown=t=>{t.key==="Enter"&&(t.preventDefault(),this.addGuest())};this.handleAddGuestClick=()=>{this.addGuest()};this.handleRemoveGuest=t=>{this.formGuests=this.formGuests.filter(e=>e.email!==t)}}connectedCallback(){super.connectedCallback?.(),this.seedForm()}willUpdate(t){(t.has("event")||t.has("initialStart")||t.has("initialEnd"))&&this.seedForm(),super.willUpdate(t)}updated(t){super.updated(t),["formTitle","formDescription","formAllDay","formDate","formEndDate","formStart","formEnd","formLocation","formNotes","formPriority","formColor","formGuests"].some(o=>t.has(o))&&this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}seedForm(){let t=this.event;if(t)this.formTitle=t.title,this.formDescription=t.description??"",this.formAllDay=!!t.allDay,this.formDate=n(t.start),this.formEndDate=n(t.end),this.formStart=t.start,this.formEnd=t.end,this.formLocation=t.location??"",this.formNotes=t.notes??"",this.formPriority=t.priority??"medium",this.formColor=t.color,this.formGuests=t.guests?t.guests.map(e=>({...e})):[];else{let e=this.initialStart??A(new Date),o=this.initialEnd??y(e,1);this.formTitle="",this.formDescription="",this.formAllDay=!1,this.formDate=n(e),this.formEndDate=n(e),this.formStart=e,this.formEnd=o,this.formLocation="",this.formNotes="",this.formPriority="medium",this.formColor="blue",this.formGuests=[]}this.guestInputValue="",this.guestInputError=!1,this.showErrors=!1,this.seedSnapshot=this.snapshot()}snapshot(){return JSON.stringify({title:this.formTitle,description:this.formDescription,allDay:this.formAllDay,date:this.formDate.getTime(),endDate:this.formEndDate.getTime(),start:this.formStart?.getTime(),end:this.formEnd?.getTime(),location:this.formLocation,notes:this.formNotes,priority:this.formPriority,color:this.formColor,guests:this.formGuests})}get dirty(){return this.snapshot()!==this.seedSnapshot}get isEditing(){return!!this.event}composeStartEnd(){if(this.formAllDay)return{start:n(this.formDate),end:g(this.formEndDate)};if(!this.formStart||!this.formEnd)return null;let t=new Date(this.formDate);t.setHours(this.formStart.getHours(),this.formStart.getMinutes(),0,0);let e=new Date(this.formDate);return e.setHours(this.formEnd.getHours(),this.formEnd.getMinutes(),0,0),e.getTime()<=t.getTime()&&e.setDate(e.getDate()+1),{start:t,end:e}}get valid(){if(!this.formTitle.trim())return!1;let t=this.composeStartEnd();return!!t&&t.end.getTime()>t.start.getTime()}requestSave(){if(!this.valid)return this.showErrors=!0,!1;let t=this.composeStartEnd(),e={id:this.event?.id??crypto.randomUUID(),title:this.formTitle.trim(),description:this.formDescription||void 0,allDay:this.formAllDay,start:t.start,end:t.end,location:this.formLocation||void 0,notes:this.formNotes||void 0,color:this.formColor,priority:this.formPriority,guests:this.formGuests.length?this.formGuests:void 0};return this.dispatchEvent(this.event?new D(e):new L(e)),this.event=e,this.seedSnapshot=this.snapshot(),!0}requestDelete(){this.event&&this.dispatchEvent(new k(this.event.id))}addGuest(){let t=this.guestInputValue.trim();if(!t)return;if(!I.test(t)){this.guestInputError=!0;return}let e=this.formGuests.some(o=>o.email.toLowerCase()===t.toLowerCase());this.guestInputValue="",this.guestInputError=!1,!e&&(this.formGuests=[...this.formGuests,{email:t,status:"pending"}],this.dispatchEvent(new h(t,this.event?.id)))}render(){let t=this.showErrors&&!this.formTitle.trim();return l`
       <div id="fields">
         <eun-input
           label=${this.titleLabel}
@@ -165,7 +165,7 @@ import{a as L,b as k}from"./chunks/chunk-IKAZYVB7.js";import{a as D}from"./chunk
             <eun-button
               appearance="default"
               id="guest-add-button"
-              variant="secondary"
+              color="secondary"
               aria-label=${this.addGuestLabel}
               @click=${this.handleAddGuestClick}
             >
@@ -215,10 +215,10 @@ import{a as L,b as k}from"./chunks/chunk-IKAZYVB7.js";import{a as D}from"./chunk
             .value=${[this.formPriority]}
             @eunchange=${this.handlePriorityChange}
           >
-            ${C.map(e=>l`
+            ${G.map(e=>l`
                 <eun-toggle-item
                   value=${e}
-                  variant=${p(P[e])}
+                  color=${p(P[e])}
                 >
                   ${N(e)}
                 </eun-toggle-item>
@@ -233,7 +233,7 @@ import{a as L,b as k}from"./chunks/chunk-IKAZYVB7.js";import{a as D}from"./chunk
           .value=${this.formColor}
           @eunchange=${e=>{this.formColor=e.target.value}}
         >
-          ${G.map(e=>l`
+          ${C.map(e=>l`
               <option value=${e.value}>
                 ${this.colorLabels[e.name]}
               </option>
@@ -244,7 +244,7 @@ import{a as L,b as k}from"./chunks/chunk-IKAZYVB7.js";import{a as D}from"./chunk
       ${this.hideActions?c:l`
             <div id="actions">
               ${this.event?l`
-                    <eun-button variant="critical" @click=${this.requestDelete}>
+                    <eun-button color="critical" @click=${this.requestDelete}>
                       ${this.deleteLabel}
                     </eun-button>
                   `:c}
@@ -252,7 +252,7 @@ import{a as L,b as k}from"./chunks/chunk-IKAZYVB7.js";import{a as D}from"./chunk
               <eun-button appearance="ghost" @click=${this.handleCancelClick}>
                 ${this.cancelLabel}
               </eun-button>
-              <eun-button variant="primary" @click=${this.handleSaveClick}>
+              <eun-button color="primary" @click=${this.handleSaveClick}>
                 ${this.saveLabel}
               </eun-button>
             </div>

package/dist/cdn/components/eun-scheduler-event.js

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-EJIX2D4Z.js";import"./chunks/chunk-647ISUF4.js";import"./chunks/chunk-MJ4RDZLL.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaSchedulerEventCard,a as EunomiaSchedulerEventCardTagName};
+import{a,b}from"./chunks/chunk-AIS3UICU.js";import"./chunks/chunk-647ISUF4.js";import"./chunks/chunk-MJ4RDZLL.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaSchedulerEventCard,a as EunomiaSchedulerEventCardTagName};

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

@@ -1,4 +1,4 @@
-import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunks/chunk-ATH2OAMU.js";import{a as S}from"./chunks/chunk-LK5BJ4SH.js";import{a as M}from"./chunks/chunk-IJJ67C66.js";import{a as w}from"./chunks/chunk-BRSNQMCD.js";import{a as D,b as k,d as y,e as C,f as P}from"./chunks/chunk-647ISUF4.js";import{j as E}from"./chunks/chunk-MJ4RDZLL.js";import{a as c}from"./chunks/chunk-5EVP7YNE.js";import{a as i,f as x,g,h as o,i as v,j as h,n as s,p as d,s as L}from"./chunks/chunk-XH6NREVZ.js";var R=g`
+import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as S}from"./chunks/chunk-LK5BJ4SH.js";import{a as T}from"./chunks/chunk-IJJ67C66.js";import{a as w}from"./chunks/chunk-BRSNQMCD.js";import{a as k,b as C,d as y,e as P,f as M}from"./chunks/chunk-647ISUF4.js";import{j as E}from"./chunks/chunk-MJ4RDZLL.js";import{a as D}from"./chunks/chunk-SJWRE6PW.js";import{a as c}from"./chunks/chunk-5EVP7YNE.js";import{a as i,f as x,g,h as o,i as p,j as h,n as s,p as d,s as L}from"./chunks/chunk-XH6NREVZ.js";var R=g`
   :host {
     display: block;
     box-sizing: border-box;
@@ -249,7 +249,7 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
     gap: var(--eun-space-s, 8px);
     padding: 0 var(--eun-space-m, 16px) var(--eun-space-m, 16px);
   }
-`,V=Q;function O(l){let{event:n,locale:e,editLabel:a,deleteLabel:r,closeLabel:u,priorityLabels:p,readonly:b,onEdit:m,onDelete:_,onClose:W}=l;return s`
+`,O=Q;function N(l){let{event:n,locale:e,editLabel:a,deleteLabel:r,closeLabel:u,priorityLabels:v,readonly:b,onEdit:m,onDelete:_,onClose:W}=l;return s`
     <div
       class="event-popover-bar"
       style="--_accent: var(--eun-color-${n.color}-600);"
@@ -295,8 +295,8 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
                 size="s"
                 hide-icon
                 color="primary"
-                .severity=${D[n.priority]}
-                >${p[n.priority]??n.priority}</eun-tag
+                .severity=${k[n.priority]}
+                >${v[n.priority]??n.priority}</eun-tag
               >
             </div>
           `:d}
@@ -307,7 +307,7 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
                 ${n.guests.map(f=>s`
                     <li class="event-popover-guest" data-status=${f.status}>
                       <eun-icon
-                        name=${k[f.status]}
+                        name=${C[f.status]}
                         size="14"
                         aria-hidden="true"
                       ></eun-icon>
@@ -321,19 +321,19 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
     ${b?d:s`
           <div class="event-popover-actions">
             <eun-button
-              variant="critical"
+              color="critical"
               size="s"
               appearance="outline"
               rounded
               @click=${_}
               >${r}</eun-button
             >
-            <eun-button variant="primary" size="s" rounded @click=${m}
+            <eun-button color="primary" size="s" rounded @click=${m}
               >${a}</eun-button
             >
           </div>
         `}
-  `}function I(l,n){let e={weekday:"long",day:"numeric",month:"long"};if(P(l)){let p=l.start.toLocaleDateString(n,e),b=l.end.toLocaleDateString(n,e),m=p===b?p:`${p} \u2013 ${b}`;return l.allDay?`All day \xB7 ${m}`:m}let a=l.start.toLocaleDateString(n,e),r=l.start.toLocaleTimeString(n,{hour:"numeric",minute:"2-digit"}),u=l.end.toLocaleTimeString(n,{hour:"numeric",minute:"2-digit"});return`${a} \xB7 ${r} \u2013 ${u}`}var j="eun-scheduler",N=["day","week","work-week","month","year"],t=class extends T(S(L)){constructor(){super(...arguments);this.events=[];this.view="week";this.displayedDate=new Date;this.weekStartsOn=1;this.dayStartHour=0;this.dayEndHour=24;this.slotDuration=30;this.readonly=!1;this.noAnimation=!1;this.todayLabel="Today";this.newEventLabel="New event";this.ariaLabelPrevious="Previous period";this.ariaLabelNext="Next period";this.viewDayLabel="Day";this.viewWeekLabel="Week";this.viewWorkWeekLabel="Work week";this.viewMonthLabel="Month";this.viewYearLabel="Year";this.applyLabel="Apply";this.cancelLabel="Cancel";this.deleteLabel="Delete";this.editLabel="Edit";this.closeLabel="Close";this.moreEventsLabel="+{count} more";this.eventVariant="default";this.isDrawerOpen=!1;this.isModalOpen=!1;this.editingEvent=null;this.createStart=H(new Date);this.createEnd=E(this.createStart,1);this.editorDirty=!1;this.isMobile=!1;this.selectedEvent=null;this.handleMobileMediaChange=e=>{this.isMobile=e.matches};this.handleToday=()=>{this.displayedDate=new Date};this.handlePrevious=()=>this.navigate(-1);this.handleNext=()=>this.navigate(1);this.handleViewChange=e=>{let[a]=e.target.value;a&&(this.view=a)};this.handleMobileViewSelect=e=>{this.view=e.key};this.handleCalendarPeriodChange=()=>{this.calendarEl&&(this.view=this.calendarEl.view,this.displayedDate=this.calendarEl.displayedDate)};this.handleCalendarEventClick=e=>{this.openEventPopover(e.event,e.anchor)};this.handleCalendarSlotClick=e=>{this.openCreateEditor(e.start)};this.handleEventPopoverToggle=e=>{if(e.newState==="open"){this.popoverTriggerEl&&this.eventPopoverEl&&(this.anchorFloatingElement(this.popoverTriggerEl,this.eventPopoverEl,{axis:"horizontal",forceFallback:!0}),this.observeAnchorVisibility(this.popoverTriggerEl,()=>this.closeEventPopover()));return}this.unanchorFloatingElement(),this.unobserveAnchorVisibility(),this.popoverTriggerEl?.focus(),this.popoverTriggerEl=void 0};this.handlePopoverEdit=()=>{let e=this.selectedEvent;this.closeEventPopover(),e&&this.openEditEditor(e)};this.handlePopoverDelete=()=>{let e=this.selectedEvent;this.closeEventPopover(),e&&this.dispatchEvent(new $(e.id))};this.handlePopoverClose=()=>{this.closeEventPopover()};this.handleEditorCreate=e=>{this.dispatchEvent(new A(e.event)),this.closeEditor()};this.handleEditorUpdate=e=>{this.dispatchEvent(new w(e.event)),this.closeEditor()};this.handleCalendarEventMove=e=>{this.dispatchEvent(new w(e.event))};this.handleEditorDelete=e=>{this.dispatchEvent(new $(e.eventId)),this.closeEditor()};this.handleEditorInput=()=>{this.editorDirty=this.drawerEditorEl?.dirty??!1};this.handleDrawerSave=()=>{this.drawerEditorEl?.requestSave()};this.handleDrawerCancel=()=>{this.closeEditor()};this.handleDrawerDelete=()=>{this.drawerEditorEl?.requestDelete()};this.handleModalSave=()=>{this.modalEditorEl?.requestSave()};this.handleModalDelete=()=>{this.modalEditorEl?.requestDelete()};this.handleModalCancel=()=>{this.closeEditor()}}updated(e){if(super.updated(e),e.has("view")||e.has("displayedDate")||e.has("weekStartsOn")){let a=y(this.view,this.displayedDate,this.weekStartsOn);this.dispatchEvent(new M(this.view,a.start,a.end))}}updateMobileMediaQuery(){this.mobileMediaQuery?.removeEventListener("change",this.handleMobileMediaChange),this.mobileMediaQuery=window.matchMedia("(max-width: 767px)"),this.mobileMediaQuery.addEventListener("change",this.handleMobileMediaChange),this.isMobile=this.mobileMediaQuery.matches}connectedCallback(){super.connectedCallback?.(),this.updateMobileMediaQuery()}disconnectedCallback(){this.mobileMediaQuery?.removeEventListener("change",this.handleMobileMediaChange),super.disconnectedCallback?.()}navigate(e){this.displayedDate=C(this.view,this.displayedDate,e)}openCreateEditor(e){this.readonly||(this.editingEvent=null,this.createStart=e,this.createEnd=E(e,1),this.openEditorSurface())}openEditEditor(e){this.readonly||(this.editingEvent=e,this.openEditorSurface())}openEventPopover(e,a){this.selectedEvent=e,this.popoverTriggerEl=a,this.updateComplete.then(()=>{let r=this.eventPopoverEl;if(!r)return;let u=this.eventPopoverAnimation!==void 0;this.eventPopoverAnimation?.cancel(),this.eventPopoverAnimation=void 0;let p=!r.matches(":popover-open");p&&r.showPopover(),(p||u)&&this.playEventPopoverOpenAnimation(r)})}eventPopoverAnimationDuration(e){if(this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let a=getComputedStyle(e).getPropertyValue("--scheduler-popover-transition-duration").trim();if(a){let r=a.endsWith("ms")?Number.parseFloat(a):Number.parseFloat(a)*1e3;if(Number.isFinite(r)&&r>=0)return r}return 160}playEventPopoverOpenAnimation(e){e.style.removeProperty("pointer-events");let a=this.eventPopoverAnimationDuration(e);a!==0&&(this.eventPopoverAnimation=e.animate([{opacity:0,transform:"scale(0.98)"},{opacity:1,transform:"scale(1)"}],{duration:a,easing:"ease",fill:"forwards"}))}closeEventPopover(){let e=this.eventPopoverEl;this.eventPopoverAnimation?.cancel(),this.eventPopoverAnimation=void 0,e?.matches(":popover-open")&&this.playEventPopoverCloseAnimation(e)}playEventPopoverCloseAnimation(e){e.style.pointerEvents="none";let a=this.eventPopoverAnimationDuration(e);if(a===0){e.hidePopover();return}let r=e.animate([{opacity:1,transform:"scale(1)"},{opacity:0,transform:"scale(0.98)"}],{duration:a,easing:"ease",fill:"forwards"});this.eventPopoverAnimation=r,r.finished.then(()=>{this.eventPopoverAnimation===r&&(this.eventPopoverAnimation=void 0),e.hidePopover()}).catch(()=>{})}openEditorSurface(){this.editorDirty=!1,this.isMobile?this.isModalOpen=!0:this.isDrawerOpen=!0}closeEditor(){this.isDrawerOpen=!1,this.isModalOpen=!1,this.editingEvent=null,this.editorDirty=!1}renderNavArrows(){return s`
+  `}function I(l,n){let e={weekday:"long",day:"numeric",month:"long"};if(M(l)){let v=l.start.toLocaleDateString(n,e),b=l.end.toLocaleDateString(n,e),m=v===b?v:`${v} \u2013 ${b}`;return l.allDay?`All day \xB7 ${m}`:m}let a=l.start.toLocaleDateString(n,e),r=l.start.toLocaleTimeString(n,{hour:"numeric",minute:"2-digit"}),u=l.end.toLocaleTimeString(n,{hour:"numeric",minute:"2-digit"});return`${a} \xB7 ${r} \u2013 ${u}`}var j="eun-scheduler",V=["day","week","work-week","month","year"],t=class extends D(S(L)){constructor(){super(...arguments);this.events=[];this.view="week";this.displayedDate=new Date;this.weekStartsOn=1;this.dayStartHour=0;this.dayEndHour=24;this.slotDuration=30;this.readonly=!1;this.noAnimation=!1;this.todayLabel="Today";this.newEventLabel="New event";this.ariaLabelPrevious="Previous period";this.ariaLabelNext="Next period";this.viewDayLabel="Day";this.viewWeekLabel="Week";this.viewWorkWeekLabel="Work week";this.viewMonthLabel="Month";this.viewYearLabel="Year";this.applyLabel="Apply";this.cancelLabel="Cancel";this.deleteLabel="Delete";this.editLabel="Edit";this.closeLabel="Close";this.moreEventsLabel="+{count} more";this.eventAppearance="default";this.isDrawerOpen=!1;this.isModalOpen=!1;this.editingEvent=null;this.createStart=H(new Date);this.createEnd=E(this.createStart,1);this.editorDirty=!1;this.isMobile=!1;this.selectedEvent=null;this.handleMobileMediaChange=e=>{this.isMobile=e.matches};this.handleToday=()=>{this.displayedDate=new Date};this.handlePrevious=()=>this.navigate(-1);this.handleNext=()=>this.navigate(1);this.handleViewChange=e=>{let[a]=e.target.value;a&&(this.view=a)};this.handleMobileViewSelect=e=>{this.view=e.key};this.handleCalendarPeriodChange=()=>{this.calendarEl&&(this.view=this.calendarEl.view,this.displayedDate=this.calendarEl.displayedDate)};this.handleCalendarEventClick=e=>{this.openEventPopover(e.event,e.anchor)};this.handleCalendarSlotClick=e=>{this.openCreateEditor(e.start)};this.handleEventPopoverToggle=e=>{if(e.newState==="open"){this.popoverTriggerEl&&this.eventPopoverEl&&(this.anchorFloatingElement(this.popoverTriggerEl,this.eventPopoverEl,{axis:"horizontal",forceFallback:!0}),this.observeAnchorVisibility(this.popoverTriggerEl,()=>this.closeEventPopover()));return}this.unanchorFloatingElement(),this.unobserveAnchorVisibility(),this.popoverTriggerEl?.focus(),this.popoverTriggerEl=void 0};this.handlePopoverEdit=()=>{let e=this.selectedEvent;this.closeEventPopover(),e&&this.openEditEditor(e)};this.handlePopoverDelete=()=>{let e=this.selectedEvent;this.closeEventPopover(),e&&this.dispatchEvent(new $(e.id))};this.handlePopoverClose=()=>{this.closeEventPopover()};this.handleEditorCreate=e=>{this.dispatchEvent(new A(e.event)),this.closeEditor()};this.handleEditorUpdate=e=>{this.dispatchEvent(new w(e.event)),this.closeEditor()};this.handleCalendarEventMove=e=>{this.dispatchEvent(new w(e.event))};this.handleEditorDelete=e=>{this.dispatchEvent(new $(e.eventId)),this.closeEditor()};this.handleEditorInput=()=>{this.editorDirty=this.drawerEditorEl?.dirty??!1};this.handleDrawerSave=()=>{this.drawerEditorEl?.requestSave()};this.handleDrawerCancel=()=>{this.closeEditor()};this.handleDrawerDelete=()=>{this.drawerEditorEl?.requestDelete()};this.handleModalSave=()=>{this.modalEditorEl?.requestSave()};this.handleModalDelete=()=>{this.modalEditorEl?.requestDelete()};this.handleModalCancel=()=>{this.closeEditor()}}updated(e){if(super.updated(e),e.has("view")||e.has("displayedDate")||e.has("weekStartsOn")){let a=y(this.view,this.displayedDate,this.weekStartsOn);this.dispatchEvent(new T(this.view,a.start,a.end))}}updateMobileMediaQuery(){this.mobileMediaQuery?.removeEventListener("change",this.handleMobileMediaChange),this.mobileMediaQuery=window.matchMedia("(max-width: 767px)"),this.mobileMediaQuery.addEventListener("change",this.handleMobileMediaChange),this.isMobile=this.mobileMediaQuery.matches}connectedCallback(){super.connectedCallback?.(),this.updateMobileMediaQuery()}disconnectedCallback(){this.mobileMediaQuery?.removeEventListener("change",this.handleMobileMediaChange),super.disconnectedCallback?.()}navigate(e){this.displayedDate=P(this.view,this.displayedDate,e)}openCreateEditor(e){this.readonly||(this.editingEvent=null,this.createStart=e,this.createEnd=E(e,1),this.openEditorSurface())}openEditEditor(e){this.readonly||(this.editingEvent=e,this.openEditorSurface())}openEventPopover(e,a){this.selectedEvent=e,this.popoverTriggerEl=a,this.updateComplete.then(()=>{let r=this.eventPopoverEl;if(!r)return;let u=this.eventPopoverAnimation!==void 0;this.eventPopoverAnimation?.cancel(),this.eventPopoverAnimation=void 0;let v=!r.matches(":popover-open");v&&r.showPopover(),(v||u)&&this.playEventPopoverOpenAnimation(r)})}eventPopoverAnimationDuration(e){if(this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let a=getComputedStyle(e).getPropertyValue("--scheduler-popover-transition-duration").trim();if(a){let r=a.endsWith("ms")?Number.parseFloat(a):Number.parseFloat(a)*1e3;if(Number.isFinite(r)&&r>=0)return r}return 160}playEventPopoverOpenAnimation(e){e.style.removeProperty("pointer-events");let a=this.eventPopoverAnimationDuration(e);a!==0&&(this.eventPopoverAnimation=e.animate([{opacity:0,transform:"scale(0.98)"},{opacity:1,transform:"scale(1)"}],{duration:a,easing:"ease",fill:"forwards"}))}closeEventPopover(){let e=this.eventPopoverEl;this.eventPopoverAnimation?.cancel(),this.eventPopoverAnimation=void 0,e?.matches(":popover-open")&&this.playEventPopoverCloseAnimation(e)}playEventPopoverCloseAnimation(e){e.style.pointerEvents="none";let a=this.eventPopoverAnimationDuration(e);if(a===0){e.hidePopover();return}let r=e.animate([{opacity:1,transform:"scale(1)"},{opacity:0,transform:"scale(0.98)"}],{duration:a,easing:"ease",fill:"forwards"});this.eventPopoverAnimation=r,r.finished.then(()=>{this.eventPopoverAnimation===r&&(this.eventPopoverAnimation=void 0),e.hidePopover()}).catch(()=>{})}openEditorSurface(){this.editorDirty=!1,this.isMobile?this.isModalOpen=!0:this.isDrawerOpen=!0}closeEditor(){this.isDrawerOpen=!1,this.isModalOpen=!1,this.editingEvent=null,this.editorDirty=!1}renderNavArrows(){return s`
       <div id="header-nav-arrows">
         <eun-button
           appearance="ghost"
@@ -384,7 +384,7 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
                       appearance="flat"
                       size="s"
                       label=${this.viewLabel(this.view)}
-                      .options=${N.map(a=>({key:a,label:this.viewLabel(a)}))}
+                      .options=${V.map(a=>({key:a,label:this.viewLabel(a)}))}
                       @eunselect=${this.handleMobileViewSelect}
                     ></eun-dropdown-button>
                   </div>
@@ -393,7 +393,7 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
                 <eun-toggle-group
                   single
                   aria-label=${this.dictionary.scheduler.calendarView}
-                  .options=${N.map(a=>({label:this.viewLabel(a),value:a}))}
+                  .options=${V.map(a=>({label:this.viewLabel(a),value:a}))}
                   .value=${[this.view]}
                   @eunchange=${this.handleViewChange}
                 ></eun-toggle-group>
@@ -414,7 +414,7 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
         ?readonly=${this.readonly}
         ?no-animation=${this.noAnimation}
         more-events-label=${this.moreEventsLabel}
-        event-variant=${this.eventVariant}
+        event-appearance=${this.eventAppearance}
         @eunperiodchange=${this.handleCalendarPeriodChange}
         @euneventclick=${this.handleCalendarEventClick}
         @eunslotclick=${this.handleCalendarSlotClick}
@@ -443,7 +443,7 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
         ></eun-scheduler-event-editor>
         <div slot="footer" style="display: contents">
           ${this.editingEvent?s`<eun-button
-                variant="critical"
+                color="critical"
                 appearance="outline"
                 @click=${this.handleDrawerDelete}
                 >${this.deleteLabel}</eun-button
@@ -452,7 +452,7 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
           <eun-button appearance="ghost" @click=${this.handleDrawerCancel}
             >${this.cancelLabel}</eun-button
           >
-          <eun-button variant="primary" @click=${this.handleDrawerSave}
+          <eun-button color="primary" @click=${this.handleDrawerSave}
             >${this.applyLabel}</eun-button
           >
         </div>
@@ -477,21 +477,21 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
         ></eun-scheduler-event-editor>
         <div slot="footer">
           ${this.editingEvent?s`<eun-button
-                variant="critical"
+                color="critical"
                 @click=${this.handleModalDelete}
                 >${this.deleteLabel}</eun-button
               >`:d}
           <span style="flex: 1 1 auto;"></span>
-          <eun-button variant="secondary" @click=${this.handleModalCancel}
+          <eun-button color="secondary" @click=${this.handleModalCancel}
             >${this.cancelLabel}</eun-button
           >
-          <eun-button variant="primary" @click=${this.handleModalSave}
+          <eun-button color="primary" @click=${this.handleModalSave}
             >${this.applyLabel}</eun-button
           >
         </div>
       </eun-modal>
 
       <div id="event-popover" popover @toggle=${this.handleEventPopoverToggle}>
-        ${this.selectedEvent?O({event:this.selectedEvent,locale:this.locale,editLabel:this.editLabel,deleteLabel:this.deleteLabel,closeLabel:this.closeLabel,priorityLabels:{low:"Low",medium:"Medium",high:"High",critical:"Critical"},readonly:this.readonly,onEdit:this.handlePopoverEdit,onDelete:this.handlePopoverDelete,onClose:this.handlePopoverClose}):d}
+        ${this.selectedEvent?N({event:this.selectedEvent,locale:this.locale,editLabel:this.editLabel,deleteLabel:this.deleteLabel,closeLabel:this.closeLabel,priorityLabels:{low:"Low",medium:"Medium",high:"High",critical:"Critical"},readonly:this.readonly,onEdit:this.handlePopoverEdit,onDelete:this.handlePopoverDelete,onClose:this.handlePopoverClose}):d}
       </div>
-    `}viewLabel(e){switch(e){case"day":return this.viewDayLabel;case"week":return this.viewWeekLabel;case"work-week":return this.viewWorkWeekLabel;case"month":return this.viewMonthLabel;case"year":return this.viewYearLabel;default:return e}}};t.styles=[z,V],i([o({attribute:!1})],t.prototype,"events",2),i([o({reflect:!0})],t.prototype,"view",2),i([o({attribute:!1})],t.prototype,"displayedDate",2),i([o({type:Number,attribute:"week-starts-on"})],t.prototype,"weekStartsOn",2),i([o({type:Number,attribute:"day-start-hour"})],t.prototype,"dayStartHour",2),i([o({type:Number,attribute:"day-end-hour"})],t.prototype,"dayEndHour",2),i([o({type:Number,attribute:"slot-duration"})],t.prototype,"slotDuration",2),i([o({type:Boolean,reflect:!0})],t.prototype,"readonly",2),i([o({type:Boolean,reflect:!0,attribute:"no-animation"})],t.prototype,"noAnimation",2),i([o({attribute:"today-label"})],t.prototype,"todayLabel",2),i([o({attribute:"new-event-label"})],t.prototype,"newEventLabel",2),i([o({attribute:"aria-label-previous"})],t.prototype,"ariaLabelPrevious",2),i([o({attribute:"aria-label-next"})],t.prototype,"ariaLabelNext",2),i([o({attribute:"view-day-label"})],t.prototype,"viewDayLabel",2),i([o({attribute:"view-week-label"})],t.prototype,"viewWeekLabel",2),i([o({attribute:"view-work-week-label"})],t.prototype,"viewWorkWeekLabel",2),i([o({attribute:"view-month-label"})],t.prototype,"viewMonthLabel",2),i([o({attribute:"view-year-label"})],t.prototype,"viewYearLabel",2),i([o({attribute:"apply-label"})],t.prototype,"applyLabel",2),i([o({attribute:"cancel-label"})],t.prototype,"cancelLabel",2),i([o({attribute:"delete-label"})],t.prototype,"deleteLabel",2),i([o({attribute:"edit-label"})],t.prototype,"editLabel",2),i([o({attribute:"close-label"})],t.prototype,"closeLabel",2),i([o({attribute:"more-events-label"})],t.prototype,"moreEventsLabel",2),i([o({attribute:"event-variant"})],t.prototype,"eventVariant",2),i([v()],t.prototype,"isDrawerOpen",2),i([v()],t.prototype,"isModalOpen",2),i([v()],t.prototype,"editingEvent",2),i([v()],t.prototype,"createStart",2),i([v()],t.prototype,"createEnd",2),i([v()],t.prototype,"editorDirty",2),i([v()],t.prototype,"isMobile",2),i([h("#editor")],t.prototype,"drawerEditorEl",2),i([h("#editor-mobile")],t.prototype,"modalEditorEl",2),i([v()],t.prototype,"selectedEvent",2),i([h("#event-popover")],t.prototype,"eventPopoverEl",2),i([h("#calendar")],t.prototype,"calendarEl",2),t=i([x(j)],t);function H(l){let n=new Date(l);return n.setHours(n.getHours()+1,0,0,0),n}function F(l,n,e,a,r){switch(l){case"day":return e.toLocaleDateString(r,{weekday:"long",day:"numeric",month:"long",year:"numeric"});case"year":return String(n.getFullYear());case"month":return n.toLocaleDateString(r,{month:"long",year:"numeric"});default:return`${e.toLocaleDateString(r,{day:"numeric",month:"short"})} \u2013 ${a.toLocaleDateString(r,{day:"numeric",month:"short",year:"numeric"})}`}}export{t as EunomiaScheduler,j as EunomiaSchedulerTagName};
+    `}viewLabel(e){switch(e){case"day":return this.viewDayLabel;case"week":return this.viewWeekLabel;case"work-week":return this.viewWorkWeekLabel;case"month":return this.viewMonthLabel;case"year":return this.viewYearLabel;default:return e}}};t.styles=[z,O],i([o({attribute:!1})],t.prototype,"events",2),i([o({reflect:!0})],t.prototype,"view",2),i([o({attribute:!1})],t.prototype,"displayedDate",2),i([o({type:Number,attribute:"week-starts-on"})],t.prototype,"weekStartsOn",2),i([o({type:Number,attribute:"day-start-hour"})],t.prototype,"dayStartHour",2),i([o({type:Number,attribute:"day-end-hour"})],t.prototype,"dayEndHour",2),i([o({type:Number,attribute:"slot-duration"})],t.prototype,"slotDuration",2),i([o({type:Boolean,reflect:!0})],t.prototype,"readonly",2),i([o({type:Boolean,reflect:!0,attribute:"no-animation"})],t.prototype,"noAnimation",2),i([o({attribute:"today-label"})],t.prototype,"todayLabel",2),i([o({attribute:"new-event-label"})],t.prototype,"newEventLabel",2),i([o({attribute:"aria-label-previous"})],t.prototype,"ariaLabelPrevious",2),i([o({attribute:"aria-label-next"})],t.prototype,"ariaLabelNext",2),i([o({attribute:"view-day-label"})],t.prototype,"viewDayLabel",2),i([o({attribute:"view-week-label"})],t.prototype,"viewWeekLabel",2),i([o({attribute:"view-work-week-label"})],t.prototype,"viewWorkWeekLabel",2),i([o({attribute:"view-month-label"})],t.prototype,"viewMonthLabel",2),i([o({attribute:"view-year-label"})],t.prototype,"viewYearLabel",2),i([o({attribute:"apply-label"})],t.prototype,"applyLabel",2),i([o({attribute:"cancel-label"})],t.prototype,"cancelLabel",2),i([o({attribute:"delete-label"})],t.prototype,"deleteLabel",2),i([o({attribute:"edit-label"})],t.prototype,"editLabel",2),i([o({attribute:"close-label"})],t.prototype,"closeLabel",2),i([o({attribute:"more-events-label"})],t.prototype,"moreEventsLabel",2),i([o({attribute:"event-appearance"})],t.prototype,"eventAppearance",2),i([p()],t.prototype,"isDrawerOpen",2),i([p()],t.prototype,"isModalOpen",2),i([p()],t.prototype,"editingEvent",2),i([p()],t.prototype,"createStart",2),i([p()],t.prototype,"createEnd",2),i([p()],t.prototype,"editorDirty",2),i([p()],t.prototype,"isMobile",2),i([h("#editor")],t.prototype,"drawerEditorEl",2),i([h("#editor-mobile")],t.prototype,"modalEditorEl",2),i([p()],t.prototype,"selectedEvent",2),i([h("#event-popover")],t.prototype,"eventPopoverEl",2),i([h("#calendar")],t.prototype,"calendarEl",2),t=i([x(j)],t);function H(l){let n=new Date(l);return n.setHours(n.getHours()+1,0,0,0),n}function F(l,n,e,a,r){switch(l){case"day":return e.toLocaleDateString(r,{weekday:"long",day:"numeric",month:"long",year:"numeric"});case"year":return String(n.getFullYear());case"month":return n.toLocaleDateString(r,{month:"long",year:"numeric"});default:return`${e.toLocaleDateString(r,{day:"numeric",month:"short"})} \u2013 ${a.toLocaleDateString(r,{day:"numeric",month:"short",year:"numeric"})}`}}export{t as EunomiaScheduler,j as EunomiaSchedulerTagName};

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

@@ -1,4 +1,4 @@
-import{b as g}from"./chunks/chunk-NHFWATVN.js";import{a as L,b as k}from"./chunks/chunk-KBH5PCUO.js";import"./chunks/chunk-E4IS25H7.js";import{a as w,b as A}from"./chunks/chunk-5XJGYXW7.js";import{a as y}from"./chunks/chunk-LK5BJ4SH.js";import"./chunks/chunk-UAGCQF23.js";import{a as c}from"./chunks/chunk-LYYQAALT.js";import"./chunks/chunk-L74LXUGL.js";import"./chunks/chunk-XSMCT4DF.js";import"./chunks/chunk-GW3VP2L7.js";import"./chunks/chunk-OAULRKHQ.js";import{a as x}from"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-T7WABJEJ.js";import{a as m}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as p}from"./chunks/chunk-5EVP7YNE.js";import{a as r,f as b,g as v,h as n,i as h,j as d,n as o,p as a}from"./chunks/chunk-XH6NREVZ.js";var $=v`
+import{b as g}from"./chunks/chunk-EAKYD33D.js";import{a as L,b as k}from"./chunks/chunk-KBH5PCUO.js";import"./chunks/chunk-E4IS25H7.js";import{a as w,b as A}from"./chunks/chunk-5XJGYXW7.js";import{a as y}from"./chunks/chunk-LK5BJ4SH.js";import"./chunks/chunk-L65WUTXM.js";import{a as c}from"./chunks/chunk-LYYQAALT.js";import"./chunks/chunk-L74LXUGL.js";import"./chunks/chunk-LFCXUVDO.js";import"./chunks/chunk-GW3VP2L7.js";import"./chunks/chunk-OAULRKHQ.js";import{a as x}from"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-32DTNR52.js";import{a as m}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as p}from"./chunks/chunk-5EVP7YNE.js";import{a as r,f as b,g as v,h as n,i as h,j as d,n as o,p as l}from"./chunks/chunk-XH6NREVZ.js";var $=v`
   #shortcut-hint {
     flex-shrink: 0;
     display: inline-flex;
@@ -68,16 +68,16 @@ import{b as g}from"./chunks/chunk-NHFWATVN.js";import{a as L,b as k}from"./chunk
     background-color: var(--eun-disabled-color, #ecedf0);
     color: var(--eun-text-disabled-color, #8d93aa);
   }
-  :host([variant="fill"]) #search-trigger {
+  :host([appearance="flat"]) #search-trigger {
     border-color: transparent;
   }
-  :host([variant="underline"]) #search-trigger {
+  :host([appearance="underline"]) #search-trigger {
     border: none;
     outline: none;
     border-bottom: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
     border-radius: 0;
   }
-  :host([variant="underline"]) #search-trigger:focus-visible {
+  :host([appearance="underline"]) #search-trigger:focus-visible {
     outline: none;
   }
   #trigger-icon {
@@ -137,18 +137,18 @@ import{b as g}from"./chunks/chunk-NHFWATVN.js";import{a as L,b as k}from"./chunk
     gap: var(--eun-space-xs, 4px);
     padding: var(--eun-space-s, 8px) var(--eun-space-m, 16px);
   }
-`,T=$;var P="eun-search",i=class extends y(g){constructor(){super(...arguments);this.type="search";this.icon="search";this.clearable=!0;this.shortcut=!1;this.panel=!1;this.ariaLabelPanel="Search";this.loading=!1;this.loadingLabel="Loading\u2026";this.suggestions=!1;this.noResultsLabel="No results";this.isOpen=!1;this.highlightedIndex=-1;this.handleFieldPointerDown=()=>{this.fieldPointerDownAt=performance.now()};this.handleSuggestionsFieldActivate=()=>{!this.suggestions||this.panel||this.isOpen||this.openSuggestions()};this.handleSuggestionsInput=()=>{!this.suggestions||this.panel||(this.highlightedIndex=-1,this.isOpen||this.openSuggestions())};this.handleSuggestionsKeydown=e=>{if(!(!this.suggestions||this.panel))switch(e.key){case"ArrowDown":{e.preventDefault(),this.isOpen||this.openSuggestions(),this.filteredOptions.length&&(this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredOptions.length-1));break}case"ArrowUp":{e.preventDefault(),this.isOpen||this.openSuggestions(),this.filteredOptions.length&&(this.highlightedIndex=Math.max(this.highlightedIndex-1,0));break}case"Enter":{let t=this.filteredOptions[this.highlightedIndex];t&&(e.preventDefault(),this.handleSelect(t));break}default:break}};this.handleSuggestionsPopoverToggle=e=>{if(e.newState==="open"){this.isOpen=!0,this.fieldWrapperEl&&this.listboxEl&&this.anchorFloatingElement(this.fieldWrapperEl,this.listboxEl,{forceFallback:c}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closeSuggestions());return}if(this.fieldPointerDownAt!==void 0&&performance.now()-this.fieldPointerDownAt<i.FIELD_POINTER_DOWN_WINDOW_MS){this.fieldPointerDownAt=void 0,this.openSuggestions();return}this.isOpen=!1,this.highlightedIndex=-1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility()};this.handleShortcut=e=>{!this.shortcut||this.disabled||(e.metaKey||e.ctrlKey)&&e.key.toLowerCase()==="k"&&(e.preventDefault(),this.panel?this.openPanel():this.focus())}}connectedCallback(){super.connectedCallback?.(),window.addEventListener("keydown",this.handleShortcut)}disconnectedCallback(){window.removeEventListener("keydown",this.handleShortcut),super.disconnectedCallback?.()}willUpdate(e){super.willUpdate(e),this.type!=="search"&&(this.type="search")}focusTarget(){return this.panel?this.triggerEl:super.focusTarget()}openPanel(){this.modalEl?.show()}closePanel(){this.modalEl?.hide()}firstUpdated(e){super.firstUpdated(e);let t=this.shadowRoot?.getElementById("field");t&&(t.addEventListener("pointerdown",this.handleFieldPointerDown),t.addEventListener("focus",this.handleSuggestionsFieldActivate),t.addEventListener("click",this.handleSuggestionsFieldActivate),t.addEventListener("input",this.handleSuggestionsInput),t.addEventListener("keydown",this.handleSuggestionsKeydown))}get options(){return L(this.children)}get effectiveQuery(){return(this.value??"").trim().toLowerCase()}get filteredOptions(){let e=this.effectiveQuery;return e?this.options.filter(t=>t.label.toLowerCase().includes(e)):this.options}openSuggestions(){if(this.disabled||this.readonly){this.fieldPointerDownAt=void 0;return}let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")||e?.showPopover(),e&&this.playListboxOpenAnimation(e)}static listboxAnimationDuration(e){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let t=getComputedStyle(e).getPropertyValue("--field-listbox-transition-duration").trim();if(t){let s=t.endsWith("ms")?Number.parseFloat(t):Number.parseFloat(t)*1e3;if(Number.isFinite(s)&&s>=0)return s}return 200}playListboxOpenAnimation(e){e.style.removeProperty("pointer-events");let t=i.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"}))}closeSuggestions(){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=i.listboxAnimationDuration(e);if(t===0){e.hidePopover();return}let s=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:t,easing:"ease",fill:"forwards"});this.listboxAnimation=s,s.finished.then(()=>{this.listboxAnimation===s&&(this.listboxAnimation=void 0),e.hidePopover()}).catch(()=>{})}handleSelect(e){this.value=e.label,this.dispatchEvent(new x),this.closeSuggestions()}renderSuggestionOptionRows(e){let t=[],s=this.effectiveQuery,f;return e.forEach((l,u)=>{l.group!==f&&(f=l.group,l.group&&t.push(o`<li class="group-label" role="presentation">
-              ${l.group}
+`,T=$;var P="eun-search",i=class extends y(g){constructor(){super(...arguments);this.type="search";this.icon="search";this.clearable=!0;this.shortcut=!1;this.panel=!1;this.ariaLabelPanel="Search";this.loading=!1;this.loadingLabel="Loading\u2026";this.suggestions=!1;this.noResultsLabel="No results";this.isOpen=!1;this.highlightedIndex=-1;this.handleFieldPointerDown=()=>{this.fieldPointerDownAt=performance.now()};this.handleSuggestionsFieldActivate=()=>{!this.suggestions||this.panel||this.isOpen||this.openSuggestions()};this.handleSuggestionsInput=()=>{!this.suggestions||this.panel||(this.highlightedIndex=-1,this.isOpen||this.openSuggestions())};this.handleSuggestionsKeydown=e=>{if(!(!this.suggestions||this.panel))switch(e.key){case"ArrowDown":{e.preventDefault(),this.isOpen||this.openSuggestions(),this.filteredOptions.length&&(this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredOptions.length-1));break}case"ArrowUp":{e.preventDefault(),this.isOpen||this.openSuggestions(),this.filteredOptions.length&&(this.highlightedIndex=Math.max(this.highlightedIndex-1,0));break}case"Enter":{let t=this.filteredOptions[this.highlightedIndex];t&&(e.preventDefault(),this.handleSelect(t));break}default:break}};this.handleSuggestionsPopoverToggle=e=>{if(e.newState==="open"){this.isOpen=!0,this.fieldWrapperEl&&this.listboxEl&&this.anchorFloatingElement(this.fieldWrapperEl,this.listboxEl,{forceFallback:c}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closeSuggestions());return}if(this.fieldPointerDownAt!==void 0&&performance.now()-this.fieldPointerDownAt<i.FIELD_POINTER_DOWN_WINDOW_MS){this.fieldPointerDownAt=void 0,this.openSuggestions();return}this.isOpen=!1,this.highlightedIndex=-1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility()};this.handleShortcut=e=>{!this.shortcut||this.disabled||(e.metaKey||e.ctrlKey)&&e.key.toLowerCase()==="k"&&(e.preventDefault(),this.panel?this.openPanel():this.focus())}}connectedCallback(){super.connectedCallback?.(),window.addEventListener("keydown",this.handleShortcut)}disconnectedCallback(){window.removeEventListener("keydown",this.handleShortcut),super.disconnectedCallback?.()}willUpdate(e){super.willUpdate(e),this.type!=="search"&&(this.type="search")}focusTarget(){return this.panel?this.triggerEl:super.focusTarget()}openPanel(){this.modalEl?.show()}closePanel(){this.modalEl?.hide()}firstUpdated(e){super.firstUpdated(e);let t=this.shadowRoot?.getElementById("field");t&&(t.addEventListener("pointerdown",this.handleFieldPointerDown),t.addEventListener("focus",this.handleSuggestionsFieldActivate),t.addEventListener("click",this.handleSuggestionsFieldActivate),t.addEventListener("input",this.handleSuggestionsInput),t.addEventListener("keydown",this.handleSuggestionsKeydown))}get options(){return L(this.children)}get effectiveQuery(){return(this.value??"").trim().toLowerCase()}get filteredOptions(){let e=this.effectiveQuery;return e?this.options.filter(t=>t.label.toLowerCase().includes(e)):this.options}openSuggestions(){if(this.disabled||this.readonly){this.fieldPointerDownAt=void 0;return}let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")||e?.showPopover(),e&&this.playListboxOpenAnimation(e)}static listboxAnimationDuration(e){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let t=getComputedStyle(e).getPropertyValue("--field-listbox-transition-duration").trim();if(t){let s=t.endsWith("ms")?Number.parseFloat(t):Number.parseFloat(t)*1e3;if(Number.isFinite(s)&&s>=0)return s}return 200}playListboxOpenAnimation(e){e.style.removeProperty("pointer-events");let t=i.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"}))}closeSuggestions(){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=i.listboxAnimationDuration(e);if(t===0){e.hidePopover();return}let s=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:t,easing:"ease",fill:"forwards"});this.listboxAnimation=s,s.finished.then(()=>{this.listboxAnimation===s&&(this.listboxAnimation=void 0),e.hidePopover()}).catch(()=>{})}handleSelect(e){this.value=e.label,this.dispatchEvent(new x),this.closeSuggestions()}renderSuggestionOptionRows(e){let t=[],s=this.effectiveQuery,f;return e.forEach((a,u)=>{a.group!==f&&(f=a.group,a.group&&t.push(o`<li class="group-label" role="presentation">
+              ${a.group}
             </li>`)),t.push(o`
         <li
           id="listbox-option-${u}"
           role="option"
-          aria-selected=${l.label.toLowerCase()===s}
-          class=${m({highlighted:u===this.highlightedIndex,selected:l.label.toLowerCase()===s})}
-          @mousedown=${I=>{I.preventDefault(),this.handleSelect(l)}}
+          aria-selected=${a.label.toLowerCase()===s}
+          class=${m({highlighted:u===this.highlightedIndex,selected:a.label.toLowerCase()===s})}
+          @mousedown=${I=>{I.preventDefault(),this.handleSelect(a)}}
           @mouseenter=${()=>{this.highlightedIndex=u}}
         >
-          ${k(l.label,s)}
+          ${k(a.label,s)}
         </li>
       `)}),t}renderSuggestionsListbox(){return o`
       <ul
@@ -169,11 +169,11 @@ import{b as g}from"./chunks/chunk-NHFWATVN.js";import{a as L,b as k}from"./chunk
         variant="spinner"
         size="16"
         label=${this.loadingLabel}
-      ></eun-loader>`:e?a:this.panel?o`<kbd id="shortcut-hint" aria-hidden="true">Esc</kbd>`:this.shortcut?o`<kbd id="shortcut-hint" aria-hidden="true"
+      ></eun-loader>`:e?l:this.panel?o`<kbd id="shortcut-hint" aria-hidden="true">Esc</kbd>`:this.shortcut?o`<kbd id="shortcut-hint" aria-hidden="true"
       >${this.shortcutLabel}</kbd
-    >`:a}hasTrailingAddon(){return this.loading||this.panel||this.shortcut}renderTriggerIndicator(){return this.shortcut?o`<kbd id="shortcut-hint" aria-hidden="true"
+    >`:l}hasTrailingAddon(){return this.loading||this.panel||this.shortcut}renderTriggerIndicator(){return this.shortcut?o`<kbd id="shortcut-hint" aria-hidden="true"
       >${this.shortcutLabel}</kbd
-    >`:a}updated(e){super.updated(e);let t=this.shadowRoot?.getElementById("field");t&&(this.shortcut&&!this.panel?t.hasAttribute("aria-keyshortcuts")||t.setAttribute("aria-keyshortcuts","Control+K Meta+K"):t.removeAttribute("aria-keyshortcuts"),this.panel?t.hasAttribute("autofocus")||t.setAttribute("autofocus",""):t.removeAttribute("autofocus"),this.syncSuggestionsAria(t))}syncSuggestionsAria(e){if(!this.suggestions||this.panel){e.removeAttribute("role"),e.removeAttribute("aria-expanded"),e.removeAttribute("aria-controls"),e.removeAttribute("aria-activedescendant");return}e.setAttribute("role","combobox"),e.setAttribute("aria-expanded",this.isOpen?"true":"false"),e.setAttribute("aria-controls","listbox"),this.highlightedIndex>=0?e.setAttribute("aria-activedescendant",`listbox-option-${this.highlightedIndex}`):e.removeAttribute("aria-activedescendant")}render(){if(!this.panel)return super.render();let e=this.renderDescription();return o`
+    >`:l}updated(e){super.updated(e);let t=this.shadowRoot?.getElementById("field");t&&(this.shortcut&&!this.panel?t.hasAttribute("aria-keyshortcuts")||t.setAttribute("aria-keyshortcuts","Control+K Meta+K"):t.removeAttribute("aria-keyshortcuts"),this.panel?t.hasAttribute("autofocus")||t.setAttribute("autofocus",""):t.removeAttribute("autofocus"),this.syncSuggestionsAria(t))}syncSuggestionsAria(e){if(!this.suggestions||this.panel){e.removeAttribute("role"),e.removeAttribute("aria-expanded"),e.removeAttribute("aria-controls"),e.removeAttribute("aria-activedescendant");return}e.setAttribute("role","combobox"),e.setAttribute("aria-expanded",this.isOpen?"true":"false"),e.setAttribute("aria-controls","listbox"),this.highlightedIndex>=0?e.setAttribute("aria-activedescendant",`listbox-option-${this.highlightedIndex}`):e.removeAttribute("aria-activedescendant")}render(){if(!this.panel)return super.render();let e=this.renderDescription();return o`
       <div id="wrapper">
         ${this.renderFormLabels("search-trigger")}
         <button
@@ -189,7 +189,7 @@ import{b as g}from"./chunks/chunk-NHFWATVN.js";import{a as L,b as k}from"./chunk
                 id="trigger-icon"
                 name=${this.icon}
                 size="16"
-              ></eun-icon>`:a}
+              ></eun-icon>`:l}
           <span id="trigger-text" class="empty">${this.placeholder||""}</span>
           ${this.renderTriggerIndicator()}
         </button>
@@ -201,7 +201,7 @@ import{b as g}from"./chunks/chunk-NHFWATVN.js";import{a as L,b as k}from"./chunk
           aria-label=${this.label||this.ariaLabelPanel}
         >
           <div id="panel-field">
-            ${this.renderField(e!==a)}
+            ${this.renderField(e!==l)}
           </div>
           <div id="panel-results">
             <slot name="results"></slot>

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

@@ -1,4 +1,4 @@
-import{a as D,b as P}from"./chunks/chunk-KBH5PCUO.js";import{a as O}from"./chunks/chunk-E4IS25H7.js";import{a as k,b as F}from"./chunks/chunk-5XJGYXW7.js";import{a as A}from"./chunks/chunk-LK5BJ4SH.js";import{a as E}from"./chunks/chunk-UAGCQF23.js";import{a as v}from"./chunks/chunk-LYYQAALT.js";import{a as C}from"./chunks/chunk-XSMCT4DF.js";import{a as T}from"./chunks/chunk-GW3VP2L7.js";import{a as $,c as I,d as M,e as b}from"./chunks/chunk-OAULRKHQ.js";import{a as f}from"./chunks/chunk-YYCEPZUN.js";import{a as w}from"./chunks/chunk-T7WABJEJ.js";import{a as d}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as u}from"./chunks/chunk-5EVP7YNE.js";import{a as s,f as x,g as y,h as l,i as p,j as c,l as m,n as o,p as a,s as L}from"./chunks/chunk-XH6NREVZ.js";var V=y`
+import{a as D,b as P}from"./chunks/chunk-KBH5PCUO.js";import{a as O}from"./chunks/chunk-E4IS25H7.js";import{a as k,b as F}from"./chunks/chunk-5XJGYXW7.js";import{a as C}from"./chunks/chunk-LK5BJ4SH.js";import{a as E}from"./chunks/chunk-L65WUTXM.js";import{a as v}from"./chunks/chunk-LYYQAALT.js";import{a as A}from"./chunks/chunk-LFCXUVDO.js";import{a as T}from"./chunks/chunk-GW3VP2L7.js";import{a as $,c as I,d as M,e as b}from"./chunks/chunk-OAULRKHQ.js";import{a as f}from"./chunks/chunk-YYCEPZUN.js";import{a as w}from"./chunks/chunk-32DTNR52.js";import{a as d}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as u}from"./chunks/chunk-5EVP7YNE.js";import{a as s,f as x,g as y,h as l,i as p,j as c,l as m,n as o,p as a,s as L}from"./chunks/chunk-XH6NREVZ.js";var V=y`
   #field {
     padding-inline-end: calc(var(--eun-space-l, 32px) * 1.2);
   }
@@ -104,7 +104,7 @@ import{a as D,b as P}from"./chunks/chunk-KBH5PCUO.js";import{a as O}from"./chunk
     outline-offset: 2px;
     border-radius: var(--eun-border-radius-m);
   }
-`,H=[E,k,...v?[]:[F],V];var N="eun-select",B=w(M(L)),W=A(C(T($(O(I(B)))))),t=class extends W{constructor(){super(...arguments);this.searchable=!1;this.native=!1;this.multiple=!1;this.noAnimation=!1;this.searchPlaceholder="Search\u2026";this.selectPlaceholder="Select\u2026";this.emptyValueLabel="No value set";this.noResultsLabel="No results";this.confirmLabel="Confirm";this.loading=!1;this.loadingLabel="Loading\u2026";this.searchQuery="";this.isOpen=!1;this.highlightedIndex=-1;this.typeaheadBuffer="";this.handleIconSlotChange=()=>{this.requestUpdate()};this.handleActionsSlotChange=()=>{this.requestUpdate()};this.handleHostFocus=()=>{this.fieldEl?.focus()};this.handleWindowBlur=()=>{this.isOpen&&this.closeListbox()};this.handleFocusOut=()=>{this.isOpen&&requestAnimationFrame(()=>{this.matches(":focus-within")||this.closeListbox()})};this.handleFieldPointerDown=()=>{this.fieldPointerDownAt=performance.now()};this.handlePopoverToggle=e=>{if(e.newState==="open"){this.isOpen=!0,this.fieldWrapperEl&&this.listboxEl&&this.anchorFloatingElement(this.fieldWrapperEl,this.listboxEl,{forceFallback:v}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closeListbox());return}if(this.fieldPointerDownAt!==void 0&&performance.now()-this.fieldPointerDownAt<t.FIELD_POINTER_DOWN_WINDOW_MS){this.fieldPointerDownAt=void 0,this.openListbox();return}this.isOpen=!1,this.searchQuery=this.selectedLabel,this.highlightedIndex=-1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility(),this.readonlyAvailable&&this.editing&&this.cancelEdit()};this.handleConfirmClick=()=>{this.closeListbox(),this.confirmEdit()}}get defaultValue(){return super.defaultValue}set defaultValue(e){let i=this.hasAttribute("multiple")&&typeof e=="string"?e.split(",").filter(Boolean):e;super.defaultValue=i}get value(){return super.value}set value(e){let i=this.hasAttribute("multiple")&&typeof e=="string"?e.split(",").filter(Boolean):e;super.value=i}connectedCallback(){super.connectedCallback?.(),this.addEventListener("focus",this.handleHostFocus),window.addEventListener("blur",this.handleWindowBlur)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),window.removeEventListener("blur",this.handleWindowBlur),clearTimeout(this.typeaheadTimer),super.disconnectedCallback?.()}get options(){return D(this.children)}get selectedValues(){return this.multiple?this.value??[]:this.value?[this.value]:[]}isSelected(e){return this.selectedValues.includes(e.value)}get selectedLabel(){let e=this.selectedValues;return this.options.filter(i=>e.includes(i.value)).map(i=>i.label).join(", ")}get hasConfirmSlot(){return this.querySelector('[slot="confirm"]')!==null}get hasConfirmContent(){return this.hasConfirmSlot||!!this.confirmLabel}get effectiveQuery(){if(!this.searchable)return"";let e=this.searchQuery.trim().toLowerCase();return e&&e!==this.selectedLabel.toLowerCase()?e:""}get filteredOptions(){let e=this.effectiveQuery;return e?this.options.filter(i=>i.label.toLowerCase().includes(e)):this.options}get effectivePlaceholder(){return this.placeholder??(this.searchable?this.searchPlaceholder:this.selectPlaceholder)}willUpdate(e){super.willUpdate(e),e.has("value")&&this.searchable&&!this.isOpen&&(this.searchQuery=this.selectedLabel)}firstUpdated(e){super.firstUpdated(e),this.syncOptions()}updated(e){super.updated(e),e.has("editing")&&this.editing&&(this.native?(this.syncOptions(),this.fieldEl?.focus()):this.openListbox()),this.native&&(e.has("value")&&this.fieldEl instanceof HTMLSelectElement&&(this.fieldEl.value=this.value??""),(e.has("readonly")||e.has("disabled"))&&this.setAttribute("tabindex",this.disabled||this.readonly?"-1":"0"))}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}openListbox(){if(this.disabled||this.readonly){this.fieldPointerDownAt=void 0;return}let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")||e?.showPopover(),e&&this.playListboxOpenAnimation(e),this.fieldEl?.focus(),this.fieldEl instanceof HTMLInputElement&&this.fieldEl.select()}listboxAnimationDuration(e){if(this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let i=getComputedStyle(e).getPropertyValue("--field-listbox-transition-duration").trim();if(i){let n=i.endsWith("ms")?Number.parseFloat(i):Number.parseFloat(i)*1e3;if(Number.isFinite(n)&&n>=0)return n}return 200}playListboxOpenAnimation(e){e.style.removeProperty("pointer-events");let i=this.listboxAnimationDuration(e);i!==0&&(this.listboxAnimation=e.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:i,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 i=this.listboxAnimationDuration(e);if(i===0){e.hidePopover();return}let n=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:i,easing:"ease",fill:"forwards"});this.listboxAnimation=n,n.finished.then(()=>{this.listboxAnimation===n&&(this.listboxAnimation=void 0),e.hidePopover()}).catch(()=>{})}handleFieldActivate(){this.isOpen||this.openListbox()}handleFieldInput(e){this.searchable&&(this.searchQuery=e.target.value,this.highlightedIndex=-1,this.isOpen||this.openListbox())}handleSelect(e){if(this.multiple){let i=this.selectedValues;this.value=i.includes(e.value)?i.filter(n=>n!==e.value):[...i,e.value],this.dispatchEvent(new f(this.value));return}this.value=e.value,this.dispatchEvent(new f(this.value)),this.closeListbox(),this.readonlyAvailable&&this.confirmEdit()}handleNativeChange(e){this.value=e.target.value,this.dispatchEvent(new f(this.value)),this.readonlyAvailable&&this.confirmEdit()}syncOptions(){if(!this.native||!(this.fieldEl instanceof HTMLSelectElement))return;let e=Array.from(this.children).filter(i=>i instanceof HTMLOptionElement||i instanceof HTMLOptGroupElement);this.fieldEl.replaceChildren(...e.map(i=>i.cloneNode(!0))),this.fieldEl.value=this.value??""}handleSlotChange(){this.syncOptions()}handleKeydown(e){switch(e.key){case"ArrowDown":{e.preventDefault(),this.isOpen||this.openListbox();let i=this.filteredOptions;i.length&&(this.highlightedIndex=Math.min(this.highlightedIndex+1,i.length-1));break}case"ArrowUp":{e.preventDefault(),this.isOpen||this.openListbox(),this.filteredOptions.length&&(this.highlightedIndex=Math.max(this.highlightedIndex-1,0));break}case"Home":{if(this.searchable)return;e.preventDefault(),this.isOpen||this.openListbox(),this.filteredOptions.length&&(this.highlightedIndex=0);break}case"End":{if(this.searchable)return;e.preventDefault(),this.isOpen||this.openListbox();let i=this.filteredOptions;i.length&&(this.highlightedIndex=i.length-1);break}case"Enter":{e.preventDefault();let i=this.filteredOptions[this.highlightedIndex];i&&this.handleSelect(i);break}default:this.searchable||this.handleTypeahead(e);break}}handleTypeahead(e){if(e.key.length!==1||e.ctrlKey||e.metaKey||e.altKey)return;e.preventDefault(),this.isOpen||this.openListbox();let i=this.filteredOptions;if(!i.length)return;clearTimeout(this.typeaheadTimer),this.typeaheadBuffer+=e.key.toLowerCase(),this.typeaheadTimer=setTimeout(()=>{this.typeaheadBuffer=""},600);let n=(this.highlightedIndex+1)%i.length,r=[...i.slice(n),...i.slice(0,n)].findIndex(h=>h.label.toLowerCase().startsWith(this.typeaheadBuffer));r!==-1&&(this.highlightedIndex=(n+r)%i.length)}renderHighlighted(e){return P(e,this.effectiveQuery)}renderOptionRows(e){let i=[],n;return e.forEach((r,h)=>{r.group!==n&&(n=r.group,r.group&&i.push(o`<li class="group-label" role="presentation">
+`,H=[E,k,...v?[]:[F],V];var N="eun-select",B=w(M(L)),W=C(A(T($(O(I(B)))))),t=class extends W{constructor(){super(...arguments);this.searchable=!1;this.native=!1;this.multiple=!1;this.noAnimation=!1;this.searchPlaceholder="Search\u2026";this.selectPlaceholder="Select\u2026";this.emptyValueLabel="No value set";this.noResultsLabel="No results";this.confirmLabel="Confirm";this.loading=!1;this.loadingLabel="Loading\u2026";this.searchQuery="";this.isOpen=!1;this.highlightedIndex=-1;this.typeaheadBuffer="";this.handleIconSlotChange=()=>{this.requestUpdate()};this.handleActionsSlotChange=()=>{this.requestUpdate()};this.handleHostFocus=()=>{this.fieldEl?.focus()};this.handleWindowBlur=()=>{this.isOpen&&this.closeListbox()};this.handleFocusOut=()=>{this.isOpen&&requestAnimationFrame(()=>{this.matches(":focus-within")||this.closeListbox()})};this.handleFieldPointerDown=()=>{this.fieldPointerDownAt=performance.now()};this.handlePopoverToggle=e=>{if(e.newState==="open"){this.isOpen=!0,this.fieldWrapperEl&&this.listboxEl&&this.anchorFloatingElement(this.fieldWrapperEl,this.listboxEl,{forceFallback:v}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closeListbox());return}if(this.fieldPointerDownAt!==void 0&&performance.now()-this.fieldPointerDownAt<t.FIELD_POINTER_DOWN_WINDOW_MS){this.fieldPointerDownAt=void 0,this.openListbox();return}this.isOpen=!1,this.searchQuery=this.selectedLabel,this.highlightedIndex=-1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility(),this.readonlyAvailable&&this.editing&&this.cancelEdit()};this.handleConfirmClick=()=>{this.closeListbox(),this.confirmEdit()}}get defaultValue(){return super.defaultValue}set defaultValue(e){let i=this.hasAttribute("multiple")&&typeof e=="string"?e.split(",").filter(Boolean):e;super.defaultValue=i}get value(){return super.value}set value(e){let i=this.hasAttribute("multiple")&&typeof e=="string"?e.split(",").filter(Boolean):e;super.value=i}connectedCallback(){super.connectedCallback?.(),this.addEventListener("focus",this.handleHostFocus),window.addEventListener("blur",this.handleWindowBlur)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),window.removeEventListener("blur",this.handleWindowBlur),clearTimeout(this.typeaheadTimer),super.disconnectedCallback?.()}get options(){return D(this.children)}get selectedValues(){return this.multiple?this.value??[]:this.value?[this.value]:[]}isSelected(e){return this.selectedValues.includes(e.value)}get selectedLabel(){let e=this.selectedValues;return this.options.filter(i=>e.includes(i.value)).map(i=>i.label).join(", ")}get hasConfirmSlot(){return this.querySelector('[slot="confirm"]')!==null}get hasConfirmContent(){return this.hasConfirmSlot||!!this.confirmLabel}get effectiveQuery(){if(!this.searchable)return"";let e=this.searchQuery.trim().toLowerCase();return e&&e!==this.selectedLabel.toLowerCase()?e:""}get filteredOptions(){let e=this.effectiveQuery;return e?this.options.filter(i=>i.label.toLowerCase().includes(e)):this.options}get effectivePlaceholder(){return this.placeholder??(this.searchable?this.searchPlaceholder:this.selectPlaceholder)}willUpdate(e){super.willUpdate(e),e.has("value")&&this.searchable&&!this.isOpen&&(this.searchQuery=this.selectedLabel)}firstUpdated(e){super.firstUpdated(e),this.syncOptions()}updated(e){super.updated(e),e.has("editing")&&this.editing&&(this.native?(this.syncOptions(),this.fieldEl?.focus()):this.openListbox()),this.native&&(e.has("value")&&this.fieldEl instanceof HTMLSelectElement&&(this.fieldEl.value=this.value??""),(e.has("readonly")||e.has("disabled"))&&this.setAttribute("tabindex",this.disabled||this.readonly?"-1":"0"))}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}openListbox(){if(this.disabled||this.readonly){this.fieldPointerDownAt=void 0;return}let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")||e?.showPopover(),e&&this.playListboxOpenAnimation(e),this.fieldEl?.focus(),this.fieldEl instanceof HTMLInputElement&&this.fieldEl.select()}listboxAnimationDuration(e){if(this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let i=getComputedStyle(e).getPropertyValue("--field-listbox-transition-duration").trim();if(i){let n=i.endsWith("ms")?Number.parseFloat(i):Number.parseFloat(i)*1e3;if(Number.isFinite(n)&&n>=0)return n}return 200}playListboxOpenAnimation(e){e.style.removeProperty("pointer-events");let i=this.listboxAnimationDuration(e);i!==0&&(this.listboxAnimation=e.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:i,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 i=this.listboxAnimationDuration(e);if(i===0){e.hidePopover();return}let n=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:i,easing:"ease",fill:"forwards"});this.listboxAnimation=n,n.finished.then(()=>{this.listboxAnimation===n&&(this.listboxAnimation=void 0),e.hidePopover()}).catch(()=>{})}handleFieldActivate(){this.isOpen||this.openListbox()}handleFieldInput(e){this.searchable&&(this.searchQuery=e.target.value,this.highlightedIndex=-1,this.isOpen||this.openListbox())}handleSelect(e){if(this.multiple){let i=this.selectedValues;this.value=i.includes(e.value)?i.filter(n=>n!==e.value):[...i,e.value],this.dispatchEvent(new f(this.value));return}this.value=e.value,this.dispatchEvent(new f(this.value)),this.closeListbox(),this.readonlyAvailable&&this.confirmEdit()}handleNativeChange(e){this.value=e.target.value,this.dispatchEvent(new f(this.value)),this.readonlyAvailable&&this.confirmEdit()}syncOptions(){if(!this.native||!(this.fieldEl instanceof HTMLSelectElement))return;let e=Array.from(this.children).filter(i=>i instanceof HTMLOptionElement||i instanceof HTMLOptGroupElement);this.fieldEl.replaceChildren(...e.map(i=>i.cloneNode(!0))),this.fieldEl.value=this.value??""}handleSlotChange(){this.syncOptions()}handleKeydown(e){switch(e.key){case"ArrowDown":{e.preventDefault(),this.isOpen||this.openListbox();let i=this.filteredOptions;i.length&&(this.highlightedIndex=Math.min(this.highlightedIndex+1,i.length-1));break}case"ArrowUp":{e.preventDefault(),this.isOpen||this.openListbox(),this.filteredOptions.length&&(this.highlightedIndex=Math.max(this.highlightedIndex-1,0));break}case"Home":{if(this.searchable)return;e.preventDefault(),this.isOpen||this.openListbox(),this.filteredOptions.length&&(this.highlightedIndex=0);break}case"End":{if(this.searchable)return;e.preventDefault(),this.isOpen||this.openListbox();let i=this.filteredOptions;i.length&&(this.highlightedIndex=i.length-1);break}case"Enter":{e.preventDefault();let i=this.filteredOptions[this.highlightedIndex];i&&this.handleSelect(i);break}default:this.searchable||this.handleTypeahead(e);break}}handleTypeahead(e){if(e.key.length!==1||e.ctrlKey||e.metaKey||e.altKey)return;e.preventDefault(),this.isOpen||this.openListbox();let i=this.filteredOptions;if(!i.length)return;clearTimeout(this.typeaheadTimer),this.typeaheadBuffer+=e.key.toLowerCase(),this.typeaheadTimer=setTimeout(()=>{this.typeaheadBuffer=""},600);let n=(this.highlightedIndex+1)%i.length,r=[...i.slice(n),...i.slice(0,n)].findIndex(h=>h.label.toLowerCase().startsWith(this.typeaheadBuffer));r!==-1&&(this.highlightedIndex=(n+r)%i.length)}renderHighlighted(e){return P(e,this.effectiveQuery)}renderOptionRows(e){let i=[],n;return e.forEach((r,h)=>{r.group!==n&&(n=r.group,r.group&&i.push(o`<li class="group-label" role="presentation">
               ${r.group}
             </li>`));let g=this.isSelected(r);i.push(o`
         <li

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

@@ -1,4 +1,4 @@
-import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as d}from"./chunks/chunk-OAULRKHQ.js";import{a as x}from"./chunks/chunk-YYCEPZUN.js";import{a as k}from"./chunks/chunk-T7WABJEJ.js";import{a as h}from"./chunks/chunk-MMLIPCOY.js";import{a as g}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as f}from"./chunks/chunk-5EVP7YNE.js";import{a,f as p,g as m,h as o,i as c,j as b,n as s,p as l,s as v}from"./chunks/chunk-XH6NREVZ.js";var $=m`
+import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as d}from"./chunks/chunk-OAULRKHQ.js";import{a as x}from"./chunks/chunk-YYCEPZUN.js";import{a as k}from"./chunks/chunk-32DTNR52.js";import{a as h}from"./chunks/chunk-MMLIPCOY.js";import{a as g}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as f}from"./chunks/chunk-5EVP7YNE.js";import{a,f as p,g as m,h as o,i as c,j as b,n as s,p as l,s as v}from"./chunks/chunk-XH6NREVZ.js";var $=m`
   :host {
     --_trackHeight: var(--slider-track-height, 6px);
     --_trackColor: var(

package/dist/cdn/components/eun-sliding-card.js

@@ -1,4 +1,4 @@
-import{a as u,b as s}from"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as h}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as f,b as p}from"./chunks/chunk-IJ5WFMK4.js";import{a as n}from"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-BKHD4S57.js";import{a as t,f as o,g as d,h as l,i as a,n as r,s as c}from"./chunks/chunk-XH6NREVZ.js";var g=d`
+import{a as u,b as s}from"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as h}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as f,b as p}from"./chunks/chunk-SD2WHGPF.js";import"./chunks/chunk-SJWRE6PW.js";import{a as n}from"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-5GKM5DIB.js";import{a as t,f as o,g as d,h as l,i as a,n as r,s as c}from"./chunks/chunk-XH6NREVZ.js";var g=d`
   :host {
     display: block;
     position: relative;

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

@@ -1,4 +1,4 @@
-import{a as k}from"./chunks/chunk-GU6BVMFJ.js";import{a as f,c as b,d as p,e as t}from"./chunks/chunk-OAULRKHQ.js";import"./chunks/chunk-YYCEPZUN.js";import{a as h}from"./chunks/chunk-T7WABJEJ.js";import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as d}from"./chunks/chunk-5EVP7YNE.js";import{a as e,f as c,g as n,h as a,n as i,p as s,s as l}from"./chunks/chunk-XH6NREVZ.js";var g=n`
+import{a as k}from"./chunks/chunk-GU6BVMFJ.js";import{a as f,c as b,d as p,e as t}from"./chunks/chunk-OAULRKHQ.js";import"./chunks/chunk-YYCEPZUN.js";import{a as h}from"./chunks/chunk-32DTNR52.js";import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as d}from"./chunks/chunk-5EVP7YNE.js";import{a as e,f as c,g as n,h as a,n as i,p as s,s as l}from"./chunks/chunk-XH6NREVZ.js";var g=n`
   :host {
     --_trackWidth: var(--switch-track-width, 40px);
     --_trackHeight: var(--switch-track-height, 22px);

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

@@ -1,4 +1,4 @@
-import{a as k}from"./chunks/chunk-EST3M4AO.js";import{b as D}from"./chunks/chunk-RJCJXB7Y.js";import{a as S}from"./chunks/chunk-E5LQKBFI.js";import{a as P}from"./chunks/chunk-SD2H5UDZ.js";import"./chunks/chunk-T7WABJEJ.js";import"./chunks/chunk-VRGRCYIO.js";import{a as c}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as x}from"./chunks/chunk-5EVP7YNE.js";import{a as o,f as y,g as w,h as l,j as d,l as h,n as T,s as E}from"./chunks/chunk-XH6NREVZ.js";var p=class C extends Event{static{this.eventName="tabchange"}constructor(v){super(C.eventName),this.active=v.active}};var N=w`
+import{a as k}from"./chunks/chunk-EST3M4AO.js";import{b as D}from"./chunks/chunk-NBIENHLV.js";import{a as S}from"./chunks/chunk-E5LQKBFI.js";import{a as P}from"./chunks/chunk-SD2H5UDZ.js";import"./chunks/chunk-32DTNR52.js";import"./chunks/chunk-VRGRCYIO.js";import{a as c}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as x}from"./chunks/chunk-5EVP7YNE.js";import{a as o,f as y,g as w,h as l,j as d,l as h,n as T,s as E}from"./chunks/chunk-XH6NREVZ.js";var p=class C extends Event{static{this.eventName="tabchange"}constructor(v){super(C.eventName),this.active=v.active}};var N=w`
   :host {
     --_swipe-duration: var(--tab-panel-swipe-duration, 200ms);
     --_indicator-height: var(--tab-indicator-height, 2px);

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

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-RJCJXB7Y.js";import"./chunks/chunk-T7WABJEJ.js";import"./chunks/chunk-VRGRCYIO.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaTab,a as EunomiaTabTagName};
+import{a,b}from"./chunks/chunk-NBIENHLV.js";import"./chunks/chunk-32DTNR52.js";import"./chunks/chunk-VRGRCYIO.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaTab,a as EunomiaTabTagName};