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

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

@@ -1,4 +1,4 @@
-import{a as H,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunks/chunk-LK5BJ4SH.js";import{b as O,c as $}from"./chunks/chunk-624VJYNA.js";import{a as A}from"./chunks/chunk-IJJ67C66.js";import{a as w}from"./chunks/chunk-BRSNQMCD.js";import{a as P,b as M,d as y,e as T,f as S}from"./chunks/chunk-647ISUF4.js";import{j as E}from"./chunks/chunk-MJ4RDZLL.js";import{b as k}from"./chunks/chunk-BKZGTCMF.js";import{a as c}from"./chunks/chunk-PPCHQG7P.js";import{a as C}from"./chunks/chunk-LMVW522V.js";import"./chunks/chunk-KSZRQRN4.js";import{a as i,f as L,h as g,j as o,k as p,l as h,p as s,r as d,u as D}from"./chunks/chunk-YITWLCD3.js";var j=g`
+import{a as H,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunks/chunk-LK5BJ4SH.js";import{b as O,c as $}from"./chunks/chunk-624VJYNA.js";import{a as A}from"./chunks/chunk-IJJ67C66.js";import{a as w}from"./chunks/chunk-BRSNQMCD.js";import{a as M,b as P,d as y,e as T,f as S}from"./chunks/chunk-647ISUF4.js";import{j as E}from"./chunks/chunk-MJ4RDZLL.js";import{b as C}from"./chunks/chunk-BKZGTCMF.js";import{a as c}from"./chunks/chunk-PPCHQG7P.js";import{a as k}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as i,f as D,h as g,j as o,k as p,l as h,p as s,r as d,u as L}from"./chunks/chunk-YITWLCD3.js";var j=g`
   :host {
     display: block;
     box-sizing: border-box;
@@ -128,7 +128,7 @@ import{a as H,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunk
     clip: rect(0 0 0 0);
     white-space: nowrap;
   }
-`,N=j;var U=g`
+`,V=j;var U=g`
   #event-popover {
     box-sizing: border-box;
     width: var(--scheduler-popover-width, 300px);
@@ -251,10 +251,10 @@ import{a as H,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunk
     gap: var(--eun-space-s, 8px);
     padding: 0 var(--eun-space-m, 16px) var(--eun-space-m, 16px);
   }
-`,V=U;function _(l){let{event:a,locale:e,editLabel:n,deleteLabel:r,closeLabel:u,priorityLabels:v,readonly:m,onEdit:b,onDelete:Q,onClose:I}=l;return s`
+`,_=U;function N(l){let{event:n,locale:e,editLabel:a,deleteLabel:r,closeLabel:u,priorityLabels:v,readonly:m,onEdit:b,onDelete:Q,onClose:I}=l;return s`
     <div
       class="event-popover-bar"
-      style="--_accent: var(--eun-color-${a.color}-600);"
+      style="--_accent: var(--eun-color-${n.color}-600);"
     ></div>
     <eun-button
       id="event-popover-close"
@@ -267,49 +267,49 @@ import{a as H,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunk
       <eun-icon name="close" size="16"></eun-icon>
     </eun-button>
     <div class="event-popover-body">
-      <h3 class="event-popover-title">${a.title}</h3>
+      <h3 class="event-popover-title">${n.title}</h3>
       <div class="event-popover-row">
         <eun-icon name="schedule" size="16"></eun-icon>
-        <span>${B(a,e)}</span>
+        <span>${B(n,e)}</span>
       </div>
-      ${a.location?s`
+      ${n.location?s`
             <div class="event-popover-row">
               <eun-icon name="location_on" size="16"></eun-icon>
-              <span>${a.location}</span>
+              <span>${n.location}</span>
             </div>
           `:d}
-      ${a.description?s`
+      ${n.description?s`
             <div class="event-popover-row">
               <eun-icon name="description" size="16"></eun-icon>
-              <span>${a.description}</span>
+              <span>${n.description}</span>
             </div>
           `:d}
-      ${a.notes?s`
+      ${n.notes?s`
             <div class="event-popover-row">
               <eun-icon name="notes" size="16"></eun-icon>
-              <span>${a.notes}</span>
+              <span>${n.notes}</span>
             </div>
           `:d}
-      ${a.priority?s`
+      ${n.priority?s`
             <div class="event-popover-row">
               <eun-icon name="priority_high" size="16"></eun-icon>
               <eun-tag
                 size="s"
                 hide-icon
                 color="primary"
-                .severity=${P[a.priority]}
-                >${v[a.priority]??a.priority}</eun-tag
+                .severity=${M[n.priority]}
+                >${v[n.priority]??n.priority}</eun-tag
               >
             </div>
           `:d}
-      ${a.guests&&a.guests.length>0?s`
+      ${n.guests&&n.guests.length>0?s`
             <div class="event-popover-row">
               <eun-icon name="group" size="16"></eun-icon>
               <ul class="event-popover-guests">
-                ${a.guests.map(f=>s`
+                ${n.guests.map(f=>s`
                     <li class="event-popover-guest" data-status=${f.status}>
                       <eun-icon
-                        name=${M[f.status]}
+                        name=${P[f.status]}
                         size="14"
                         aria-hidden="true"
                       ></eun-icon>
@@ -331,16 +331,16 @@ import{a as H,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunk
               >${r}</eun-button
             >
             <eun-button color="primary" size="s" rounded @click=${b}
-              >${n}</eun-button
+              >${a}</eun-button
             >
           </div>
         `}
-  `}function B(l,a){let e={weekday:"long",day:"numeric",month:"long"};if(S(l)){let v=l.start.toLocaleDateString(a,e),m=l.end.toLocaleDateString(a,e),b=v===m?v:`${v} \u2013 ${m}`;return l.allDay?`All day \xB7 ${b}`:b}let n=l.start.toLocaleDateString(a,e),r=l.start.toLocaleTimeString(a,{hour:"numeric",minute:"2-digit"}),u=l.end.toLocaleTimeString(a,{hour:"numeric",minute:"2-digit"});return`${n} \xB7 ${r} \u2013 ${u}`}var q="eun-scheduler",R=["day","week","work-week","month","year"],t=class extends C(z(D)){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=W(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[n]=e.target.value;n&&(this.view=n)};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 x(e.id))};this.handlePopoverClose=()=>{this.closeEventPopover()};this.handleEditorCreate=e=>{this.dispatchEvent(new H(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 x(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 n=y(this.view,this.displayedDate,this.weekStartsOn);this.dispatchEvent(new A(this.view,n.start,n.end))}}updateMobileMediaQuery(){this.mobileMediaQuery?.removeEventListener("change",this.handleMobileMediaChange),this.mobileMediaQuery=window.matchMedia(k("tablet")),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=T(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,n){this.selectedEvent=e,this.popoverTriggerEl=n,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){return this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:O(e,"--scheduler-popover-transition-duration","s",160)}playEventPopoverOpenAnimation(e){e.style.removeProperty("pointer-events");let n=this.eventPopoverAnimationDuration(e);n!==0&&(this.eventPopoverAnimation=e.animate([{opacity:0,transform:"scale(0.98)"},{opacity:1,transform:"scale(1)"}],{duration:n,easing:$(e),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 n=this.eventPopoverAnimationDuration(e);if(n===0){e.hidePopover();return}let r=e.animate([{opacity:1,transform:"scale(1)"},{opacity:0,transform:"scale(0.98)"}],{duration:n,easing:$(e),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 B(l,n){let e={weekday:"long",day:"numeric",month:"long"};if(S(l)){let v=l.start.toLocaleDateString(n,e),m=l.end.toLocaleDateString(n,e),b=v===m?v:`${v} \u2013 ${m}`;return l.allDay?`All day \xB7 ${b}`:b}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 q="eun-scheduler",R=["day","week","work-week","month","year"],t=class extends k(z(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.viewDayLabel="Day";this.viewWeekLabel="Week";this.viewWorkWeekLabel="Work week";this.viewMonthLabel="Month";this.viewYearLabel="Year";this.applyLabel="Apply";this.deleteLabel="Delete";this.editLabel="Edit";this.moreEventsLabel="+{count} more";this.eventAppearance="default";this.isDrawerOpen=!1;this.isModalOpen=!1;this.editingEvent=null;this.createStart=W(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.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 x(e.id))};this.handlePopoverClose=()=>{this.closeEventPopover()};this.handleEditorCreate=e=>{this.dispatchEvent(new H(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 x(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 A(this.view,a.start,a.end))}}updateMobileMediaQuery(){this.mobileMediaQuery?.removeEventListener("change",this.handleMobileMediaChange),this.mobileMediaQuery=window.matchMedia(C("tablet")),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=T(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){return this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:O(e,"--scheduler-popover-transition-duration","s",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:$(e),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:$(e),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"
           size="s"
-          aria-label=${this.ariaLabelPrevious}
+          aria-label=${this.previousLabel??this.dictionary.scheduler.previous}
           @click=${this.handlePrevious}
         >
           <eun-icon name="chevron_left" size="18"></eun-icon>
@@ -351,7 +351,7 @@ import{a as H,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunk
         <eun-button
           appearance="ghost"
           size="s"
-          aria-label=${this.ariaLabelNext}
+          aria-label=${this.nextLabel??this.dictionary.scheduler.next}
           @click=${this.handleNext}
         >
           <eun-icon name="chevron_right" size="18"></eun-icon>
@@ -386,7 +386,7 @@ import{a as H,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunk
                       appearance="flat"
                       size="s"
                       label=${this.viewLabel(this.view)}
-                      .options=${R.map(n=>({key:n,label:this.viewLabel(n)}))}
+                      .options=${R.map(a=>({key:a,label:this.viewLabel(a)}))}
                       @eunselect=${this.handleMobileViewSelect}
                     ></eun-dropdown-button>
                   </div>
@@ -395,7 +395,7 @@ import{a as H,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunk
                 <eun-toggle-group
                   single
                   aria-label=${this.dictionary.scheduler.calendarView}
-                  .options=${R.map(n=>({label:this.viewLabel(n),value:n}))}
+                  .options=${R.map(a=>({label:this.viewLabel(a),value:a}))}
                   .value=${[this.view]}
                   @eunchange=${this.handleViewChange}
                 ></eun-toggle-group>
@@ -452,7 +452,7 @@ import{a as H,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunk
               >`:d}
           <span style="flex: 1 1 auto;"></span>
           <eun-button appearance="ghost" @click=${this.handleDrawerCancel}
-            >${this.cancelLabel}</eun-button
+            >${this.cancelLabel??this.dictionary.common.cancel}</eun-button
           >
           <eun-button color="primary" @click=${this.handleDrawerSave}
             >${this.applyLabel}</eun-button
@@ -483,7 +483,7 @@ import{a as H,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunk
               >`:d}
           <span style="flex: 1 1 auto;"></span>
           <eun-button color="secondary" @click=${this.handleModalCancel}
-            >${this.cancelLabel}</eun-button
+            >${this.cancelLabel??this.dictionary.common.cancel}</eun-button
           >
           <eun-button color="primary" @click=${this.handleModalSave}
             >${this.applyLabel}</eun-button
@@ -492,6 +492,6 @@ import{a as H,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunk
       </eun-modal>
 
       <div id="event-popover" popover @toggle=${this.handleEventPopoverToggle}>
-        ${this.selectedEvent?_({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??this.dictionary.common.close,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=[N,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-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([L(q)],t);function W(l){let a=new Date(l);return a.setHours(a.getHours()+1,0,0,0),a}function F(l,a,e,n,r){switch(l){case"day":return e.toLocaleDateString(r,{weekday:"long",day:"numeric",month:"long",year:"numeric"});case"year":return String(a.getFullYear());case"month":return a.toLocaleDateString(r,{month:"long",year:"numeric"});default:return`${e.toLocaleDateString(r,{day:"numeric",month:"short"})} \u2013 ${n.toLocaleDateString(r,{day:"numeric",month:"short",year:"numeric"})}`}}export{t as EunomiaScheduler,q 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=[V,_],i([o({attribute:!1})],t.prototype,"events",2),i([o({reflect:!0,useDefault:!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:"previous-label"})],t.prototype,"previousLabel",2),i([o({attribute:"next-label"})],t.prototype,"nextLabel",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([D(q)],t);function W(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,q as EunomiaSchedulerTagName};

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

@@ -1,4 +1,4 @@
-import{b as f}from"./chunks/chunk-BQFJR2UP.js";import{a as k,b as T}from"./chunks/chunk-PE4DAXHQ.js";import"./chunks/chunk-G5SBDQQ3.js";import{a as A,b as L}from"./chunks/chunk-MOMYII3P.js";import"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk-LK5BJ4SH.js";import"./chunks/chunk-UYZR4JXZ.js";import{b as I,c as g}from"./chunks/chunk-624VJYNA.js";import{a as c}from"./chunks/chunk-LYYQAALT.js";import"./chunks/chunk-4PI6RDUS.js";import"./chunks/chunk-BO3JOEWM.js";import"./chunks/chunk-VOTRXBDS.js";import{a as y}from"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-RS7TWEMQ.js";import{a as p}from"./chunks/chunk-PPCHQG7P.js";import{a as x}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-KSZRQRN4.js";import{a as r,f as v,h as m,j as n,k as h,l as d,p as o,r as l}from"./chunks/chunk-YITWLCD3.js";var O=m`
+import{b as g}from"./chunks/chunk-55PUDL7D.js";import{a as I}from"./chunks/chunk-5LA5DQMP.js";import{a as L,b as k,c as T}from"./chunks/chunk-GWLD2I3P.js";import"./chunks/chunk-UVHVQRPT.js";import{a as w,b as A}from"./chunks/chunk-AH2SKZ7T.js";import"./chunks/chunk-L74LXUGL.js";import{a as y}from"./chunks/chunk-LK5BJ4SH.js";import"./chunks/chunk-WIUERJII.js";import"./chunks/chunk-QSZO4GIH.js";import{b as O,c}from"./chunks/chunk-624VJYNA.js";import{a as u}from"./chunks/chunk-LYYQAALT.js";import"./chunks/chunk-WW4BTWMH.js";import"./chunks/chunk-GVS6IUKC.js";import"./chunks/chunk-P6LGU3FT.js";import"./chunks/chunk-BO3JOEWM.js";import"./chunks/chunk-TLBXTBMM.js";import{a as x}from"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-3BMACIDO.js";import{a as d}from"./chunks/chunk-PPCHQG7P.js";import{a as m}from"./chunks/chunk-6TIEBY34.js";import{a as v}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as r,f,h as b,j as s,k as h,l as a,p as o,r as l}from"./chunks/chunk-YITWLCD3.js";var C=b`
   #shortcut-hint {
     flex-shrink: 0;
     display: inline-flex;
@@ -107,6 +107,8 @@ import{b as f}from"./chunks/chunk-BQFJR2UP.js";import{a as k,b as T}from"./chunk
     position: relative;
   }
   #panel-field #field {
+    box-sizing: border-box;
+    height: auto;
     width: 100%;
     border: none;
     border-radius: 0;
@@ -138,24 +140,22 @@ import{b as f}from"./chunks/chunk-BQFJR2UP.js";import{a as k,b as T}from"./chunk
     gap: var(--eun-space-xs, 4px);
     padding: var(--eun-space-s, 8px) var(--eun-space-m, 16px);
   }
-`,$=O;var P="eun-search",i=class extends w(f){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 k(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){return window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:I(e,"--field-listbox-transition-duration","m",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:g(e),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:g(e),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 y),this.closeSuggestions()}renderSuggestionOptionRows(e){let t=[],s=this.effectiveQuery,b;return e.forEach((a,u)=>{a.group!==b&&(b=a.group,a.group&&t.push(o`<li class="group-label" role="presentation">
-              ${a.group}
-            </li>`)),t.push(o`
+`,D=C;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.loading=!1;this.loadingLabel="Loading\u2026";this.suggestions=!1;this.noResultsLabel="No results";this.filter="contains";this.isOpen=!1;this.highlightedIndex=-1;this.optionsObserver=new MutationObserver(()=>{this.highlightedIndex>=this.filteredOptions.length&&(this.highlightedIndex=-1),this.requestUpdate()});this.handleTriggerClick=()=>{this.disabled||this.openPanel()};this.handleFieldPointerDown=()=>{this.fieldPointerDownAt=performance.now()};this.handleSuggestionsFieldActivate=()=>{!this.suggestions||this.panel||this.isOpen||this.openSuggestions()};this.handleSuggestionsFocusOut=()=>{requestAnimationFrame(()=>{this.matches(":focus-within")||this.closeSuggestions()})};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:u}),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),this.optionsObserver.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["value","label"]})}disconnectedCallback(){window.removeEventListener("keydown",this.handleShortcut),this.optionsObserver.disconnect(),super.disconnectedCallback?.()}willUpdate(e){super.willUpdate(e),this.type!=="search"&&(this.type="search")}focusTarget(){if(this.panel){let[e]=this.triggerSlot?.assignedElements()??[];return e instanceof HTMLElement?e:this.triggerEl}return 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),this.addEventListener("focusout",this.handleSuggestionsFocusOut))}get options(){return L(this.children)}get effectiveQuery(){return(this.value??"").trim().toLowerCase()}get filteredOptions(){let e=this.effectiveQuery;return!e||this.filter==="none"?this.options:this.options.filter(t=>t.label.toLowerCase().includes(e))}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){return window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:O(e,"--field-listbox-transition-duration","m",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:c(e),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 n=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:t,easing:c(e),fill:"forwards"});this.listboxAnimation=n,n.finished.then(()=>{this.listboxAnimation===n&&(this.listboxAnimation=void 0),e.hidePopover()}).catch(()=>{})}handleSelect(e){this.value=e.label,this.dispatchEvent(new x(this.value)),this.dispatchEvent(new I(e.value)),this.closeSuggestions()}renderSuggestionOptionRows(e){let t=this.effectiveQuery;return T(e,(n,p)=>o`
         <li
-          id="listbox-option-${u}"
+          id="listbox-option-${p}"
           role="option"
-          aria-selected=${a.label.toLowerCase()===s}
-          class=${x({highlighted:u===this.highlightedIndex,selected:a.label.toLowerCase()===s})}
-          @mousedown=${D=>{D.preventDefault(),this.handleSelect(a)}}
-          @mouseenter=${()=>{this.highlightedIndex=u}}
+          aria-selected=${n.label.toLowerCase()===t}
+          class=${v({highlighted:p===this.highlightedIndex,selected:n.label.toLowerCase()===t})}
+          @mousedown=${$=>{$.preventDefault(),this.handleSelect(n)}}
+          @mouseenter=${()=>{this.highlightedIndex=p}}
         >
-          ${T(a.label,s)}
+          ${k(n.label,t)}
         </li>
-      `)}),t}renderSuggestionsListbox(){return o`
+      `)}renderSuggestionsListbox(){return o`
       <ul
         id="listbox"
         role="listbox"
-        aria-label=${p(this.label)}
+        aria-label=${d(this.label)}
         popover="auto"
         @toggle=${this.handleSuggestionsPopoverToggle}
       >
@@ -174,32 +174,36 @@ import{b as f}from"./chunks/chunk-BQFJR2UP.js";import{a as k,b as T}from"./chunk
       >${this.shortcutLabel}</kbd
     >`:l}hasTrailingAddon(){return this.loading||this.panel||this.shortcut}renderTriggerIndicator(){return this.shortcut?o`<kbd id="shortcut-hint" aria-hidden="true"
       >${this.shortcutLabel}</kbd
-    >`: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`
+    >`: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-autocomplete"),e.removeAttribute("aria-activedescendant");return}e.setAttribute("role","combobox"),e.setAttribute("aria-autocomplete","list"),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
-          id="search-trigger"
-          type="button"
-          aria-haspopup="dialog"
-          aria-label=${p(this.label)}
-          aria-keyshortcuts=${p(this.shortcut?"Control+K Meta+K":void 0)}
-          ?disabled=${this.disabled}
-          @click=${this.openPanel}
-        >
-          ${this.icon?o`<eun-icon
-                id="trigger-icon"
-                name=${this.icon}
-                size="16"
-              ></eun-icon>`:l}
-          <span id="trigger-text" class="empty">${this.placeholder||""}</span>
-          ${this.renderTriggerIndicator()}
-        </button>
+        <slot name="trigger" @click=${this.handleTriggerClick}>
+          <button
+            id="search-trigger"
+            part="trigger"
+            type="button"
+            aria-haspopup="dialog"
+            aria-label=${d(this.label)}
+            aria-keyshortcuts=${d(this.shortcut?"Control+K Meta+K":void 0)}
+            ?disabled=${this.disabled}
+          >
+            ${this.icon?o`<eun-icon
+                  id="trigger-icon"
+                  name=${this.icon}
+                  size="16"
+                ></eun-icon>`:l}
+            <span id="trigger-text" class="empty"
+              >${this.placeholder||""}</span
+            >
+            ${this.renderTriggerIndicator()}
+          </button>
+        </slot>
         <eun-modal
           id="panel"
           kind="search"
           hide-actions
           .closeable=${!1}
-          aria-label=${this.label||this.ariaLabelPanel}
+          aria-label=${this.label||(this.panelLabel??this.dictionary.search.panel)}
         >
           <div id="panel-field">
             ${this.renderField(e!==l)}
@@ -210,4 +214,4 @@ import{b as f}from"./chunks/chunk-BQFJR2UP.js";import{a as k,b as T}from"./chunk
         </eun-modal>
         ${e}
       </div>
-    `}};i.styles=[f.styles,A,...c?[]:[L],$],i.FIELD_POINTER_DOWN_WINDOW_MS=100,r([n({reflect:!0})],i.prototype,"type",2),r([n()],i.prototype,"icon",2),r([n({type:Boolean})],i.prototype,"clearable",2),r([n({type:Boolean})],i.prototype,"shortcut",2),r([n({type:Boolean})],i.prototype,"panel",2),r([n({attribute:"aria-label-panel"})],i.prototype,"ariaLabelPanel",2),r([n({type:Boolean,reflect:!0})],i.prototype,"loading",2),r([n({attribute:"loading-label"})],i.prototype,"loadingLabel",2),r([n({type:Boolean,reflect:!0})],i.prototype,"suggestions",2),r([n({attribute:"no-results-label"})],i.prototype,"noResultsLabel",2),r([h()],i.prototype,"isOpen",2),r([h()],i.prototype,"highlightedIndex",2),r([d("#panel")],i.prototype,"modalEl",2),r([d("#field-wrapper")],i.prototype,"fieldWrapperEl",2),r([d("#search-trigger")],i.prototype,"triggerEl",2),r([d("#listbox")],i.prototype,"listboxEl",2),i=r([v(P)],i);export{i as EunomiaSearch,P as EunomiaSearchTagName};
+    `}};i.styles=[g.styles,w,...u?[]:[A],D],i.FIELD_POINTER_DOWN_WINDOW_MS=100,r([s({reflect:!0,converter:{toAttribute:()=>null}})],i.prototype,"type",2),r([s()],i.prototype,"icon",2),r([s({converter:m})],i.prototype,"clearable",2),r([s({type:Boolean})],i.prototype,"shortcut",2),r([s({type:Boolean})],i.prototype,"panel",2),r([s({attribute:"panel-label"})],i.prototype,"panelLabel",2),r([s({type:Boolean,reflect:!0})],i.prototype,"loading",2),r([s({attribute:"loading-label"})],i.prototype,"loadingLabel",2),r([s({type:Boolean,reflect:!0})],i.prototype,"suggestions",2),r([s({attribute:"no-results-label"})],i.prototype,"noResultsLabel",2),r([s()],i.prototype,"filter",2),r([h()],i.prototype,"isOpen",2),r([h()],i.prototype,"highlightedIndex",2),r([a("#panel")],i.prototype,"modalEl",2),r([a("#field-wrapper")],i.prototype,"fieldWrapperEl",2),r([a('slot[name="trigger"]')],i.prototype,"triggerSlot",2),r([a("#search-trigger")],i.prototype,"triggerEl",2),r([a("#listbox")],i.prototype,"listboxEl",2),i=r([f(P)],i);export{i as EunomiaSearch,P as EunomiaSearchTagName};

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

@@ -1,4 +1,4 @@
-import{a as H,b as P}from"./chunks/chunk-PE4DAXHQ.js";import{a as A}from"./chunks/chunk-G5SBDQQ3.js";import{a as D,b as F}from"./chunks/chunk-MOMYII3P.js";import{a as E}from"./chunks/chunk-LK5BJ4SH.js";import{a as k}from"./chunks/chunk-UYZR4JXZ.js";import{b as R,c as g}from"./chunks/chunk-624VJYNA.js";import{a as b}from"./chunks/chunk-LYYQAALT.js";import{a as C}from"./chunks/chunk-4PI6RDUS.js";import{a as O}from"./chunks/chunk-BO3JOEWM.js";import{c as M,d as I,e as T,f as v}from"./chunks/chunk-VOTRXBDS.js";import{a as f}from"./chunks/chunk-YYCEPZUN.js";import{a as $}from"./chunks/chunk-RS7TWEMQ.js";import{a as u}from"./chunks/chunk-PPCHQG7P.js";import{a as d}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-KSZRQRN4.js";import{a as s,f as y,h as L,j as l,k as p,l as c,n as m,p as o,r as a,u as w}from"./chunks/chunk-YITWLCD3.js";var N=L`
+import{a as P,b as V,c as B}from"./chunks/chunk-GWLD2I3P.js";import{a as A}from"./chunks/chunk-UVHVQRPT.js";import{a as R,b as H}from"./chunks/chunk-AH2SKZ7T.js";import{a as D}from"./chunks/chunk-LK5BJ4SH.js";import{a as E}from"./chunks/chunk-WIUERJII.js";import{a as F}from"./chunks/chunk-QSZO4GIH.js";import{b as N,c as g}from"./chunks/chunk-624VJYNA.js";import{a as b}from"./chunks/chunk-LYYQAALT.js";import{a as k}from"./chunks/chunk-GVS6IUKC.js";import{a as C}from"./chunks/chunk-P6LGU3FT.js";import{a as T}from"./chunks/chunk-BO3JOEWM.js";import{c as $,d as I,e as O,f as u}from"./chunks/chunk-TLBXTBMM.js";import{a as f}from"./chunks/chunk-YYCEPZUN.js";import{a as M}from"./chunks/chunk-3BMACIDO.js";import{a as p}from"./chunks/chunk-PPCHQG7P.js";import{a as d}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as w}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as n,f as x,h as y,j as r,k as h,l as c,n as m,p as o,r as l,u as L}from"./chunks/chunk-YITWLCD3.js";var z=y`
   #field {
     padding-inline-end: calc(var(--eun-space-l, 32px) * 1.2);
   }
@@ -105,38 +105,38 @@ import{a as H,b as P}from"./chunks/chunk-PE4DAXHQ.js";import{a as A}from"./chunk
     outline-offset: 2px;
     border-radius: var(--eun-border-radius-m);
   }
-`,V=[k,D,...b?[]:[F],N];var W="eun-select",q=$(T(w)),K=E(C(O(I(A(M(q)))))),t=class extends K{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:b}),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 H(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){return this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:R(e,"--field-listbox-transition-duration","m",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:g(e),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:g(e),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 x=this.isSelected(r);i.push(o`
+`,W=[F,R,...b?[]:[H],z];var q="eun-select",K=M(O(L)),Q=w(D(C(E(k(T(I(A($(K))))))))),t=class extends Q{constructor(){super(...arguments);this.errorOnChange=!0;this.searchable=!1;this.native=!1;this.multiple=!1;this.noAnimation=!1;this.searchPlaceholder="Search\u2026";this.selectPlaceholder="Select\u2026";this.noResultsLabel="No results";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:b}),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 P(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??this.dictionary.common.confirm)}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.disabled||this.readonly?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex")))}get hostTabStop(){return!1}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){return this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:N(e,"--field-listbox-transition-duration","m",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:g(e),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 s=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:i,easing:g(e),fill:"forwards"});this.listboxAnimation=s,s.finished.then(()=>{this.listboxAnimation===s&&(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(s=>s!==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}case" ":{if(this.searchable||this.typeaheadBuffer){this.searchable||this.handleTypeahead(e);break}if(e.preventDefault(),!this.isOpen){this.openListbox();break}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 s=(this.highlightedIndex+1)%i.length,a=[...i.slice(s),...i.slice(0,s)].findIndex(v=>v.label.toLowerCase().startsWith(this.typeaheadBuffer));a!==-1&&(this.highlightedIndex=(s+a)%i.length)}renderHighlighted(e){return V(e,this.effectiveQuery)}renderOptionRows(e){return B(e,(i,s)=>{let a=this.isSelected(i);return o`
         <li
-          id="listbox-option-${h}"
+          id="listbox-option-${s}"
           role="option"
-          aria-selected=${x}
-          class=${d({highlighted:h===this.highlightedIndex,selected:x})}
-          @mousedown=${B=>{B.preventDefault(),this.handleSelect(r)}}
-          @mouseenter=${()=>{this.highlightedIndex=h}}
+          aria-selected=${a}
+          class=${d({highlighted:s===this.highlightedIndex,selected:a})}
+          @mousedown=${v=>{v.preventDefault(),this.handleSelect(i)}}
+          @mouseenter=${()=>{this.highlightedIndex=s}}
         >
           ${this.multiple?o`<span class="option-checkbox" aria-hidden="true"
                 ><eun-icon name="check" size="12px"></eun-icon
-              ></span>`:a}
-          ${this.searchable?this.renderHighlighted(r.label):r.label}
+              ></span>`:l}
+          ${this.searchable?this.renderHighlighted(i.label):i.label}
         </li>
-      `)}),i}get showConfirmLink(){return this.editing||this.multiple&&this.isOpen}renderConfirmLink(){return this.hasConfirmContent?o`
+      `})}get showConfirmLink(){return this.editing||this.multiple&&this.isOpen}renderConfirmLink(){return this.hasConfirmContent?o`
       <button type="button" id="confirm-link" @click=${this.handleConfirmClick}>
-        <slot name="confirm">${this.confirmLabel}</slot>
+        <slot name="confirm"
+          >${this.confirmLabel??this.dictionary.common.confirm}</slot
+        >
       </button>
-    `:a}renderReadonlyDisplay(){let e=this.selectedLabel;return o`
+    `:l}renderReadonlyDisplay(){let e=this.selectedLabel;return o`
       <div
         id="readonly-display"
         role="button"
         tabindex="0"
-        aria-label=${u(this.label)}
+        aria-label=${p(this.label)}
         @click=${this.startEdit}
         @keydown=${i=>(i.key==="Enter"||i.key===" ")&&this.startEdit()}
       >
         <slot name="readonly-content">
           <span class=${d({empty:!e})}
-            >${e||this.emptyValueLabel}</span
+            >${e||(this.emptyValueLabel??this.dictionary.common.noValue)}</span
           >
         </slot>
       </div>
@@ -156,18 +156,18 @@ import{a as H,b as P}from"./chunks/chunk-PE4DAXHQ.js";import{a as A}from"./chunk
         class=${d({"has-icon":!!this.icon||!!this.iconSlotEls?.length,"has-confirm":this.showConfirmLink})}
       >
         <slot name="icon" @slotchange=${this.handleIconSlotChange}>
-          ${this.icon?o`<eun-icon id="icon" name=${this.icon} size="16"></eun-icon>`:a}
+          ${this.icon?o`<eun-icon id="icon" name=${this.icon} size="16"></eun-icon>`:l}
         </slot>
         <select
           id="field"
           .value=${this.value??""}
-          aria-describedby=${e?"description":a}
+          aria-describedby=${e?"description":l}
           ?disabled=${this.disabled||this.readonly}
           ?required=${this.required}
           aria-invalid=${this.showError}
           @change=${this.handleNativeChange}
         ></select>
-        ${this.showConfirmLink?this.renderConfirmLink():a}
+        ${this.showConfirmLink?this.renderConfirmLink():l}
         ${this.renderTrailingIndicator()}
       </div>
     `}renderField(e){let i=this.filteredOptions;return o`
@@ -176,18 +176,18 @@ import{a as H,b as P}from"./chunks/chunk-PE4DAXHQ.js";import{a as A}from"./chunk
         class=${d({"has-icon":!!this.icon||!!this.iconSlotEls?.length,"has-confirm":this.showConfirmLink})}
       >
         <slot name="icon" @slotchange=${this.handleIconSlotChange}>
-          ${this.icon?o`<eun-icon id="icon" name=${this.icon} size="16"></eun-icon>`:a}
+          ${this.icon?o`<eun-icon id="icon" name=${this.icon} size="16"></eun-icon>`:l}
         </slot>
         <input
           id="field"
           type="text"
           role="combobox"
-          aria-label=${u(this.label)}
+          aria-label=${p(this.label)}
           aria-expanded=${this.isOpen}
           aria-controls="listbox"
           aria-autocomplete=${this.searchable?"list":"none"}
           aria-activedescendant=${this.highlightedIndex>=0?`listbox-option-${this.highlightedIndex}`:""}
-          aria-describedby=${e?"description":a}
+          aria-describedby=${e?"description":l}
           autocomplete="off"
           .value=${this.searchable?this.searchQuery:this.selectedLabel}
           placeholder=${this.effectivePlaceholder}
@@ -201,13 +201,13 @@ import{a as H,b as P}from"./chunks/chunk-PE4DAXHQ.js";import{a as A}from"./chunk
           @input=${this.handleFieldInput}
           @keydown=${this.handleKeydown}
         />
-        ${this.showConfirmLink?this.renderConfirmLink():a}
+        ${this.showConfirmLink?this.renderConfirmLink():l}
         ${this.renderTrailingIndicator()}
       </div>
       <ul
         id="listbox"
         role="listbox"
-        aria-label=${u(this.label)}
+        aria-label=${p(this.label)}
         aria-multiselectable=${this.multiple?"true":"false"}
         popover="auto"
         @toggle=${this.handlePopoverToggle}
@@ -228,10 +228,10 @@ import{a as H,b as P}from"./chunks/chunk-PE4DAXHQ.js";import{a as A}from"./chunk
           ${this.loadingLabel}
         </li>`]:e.length?this.renderOptionRows(e):[o`<li id="listbox-empty" class="no-results" role="presentation">
         ${this.noResultsLabel}
-      </li>`]}render(){let e=this.readonlyAvailable&&!this.editing,i=this.renderDescription(),n=i!==a,r;return e?r=this.renderReadonlyDisplay():this.native?r=this.renderNativeField(n):r=this.renderField(n),o`
+      </li>`]}render(){let e=this.readonlyAvailable&&!this.editing,i=this.renderDescription(),s=i!==l,a;return e?a=this.renderReadonlyDisplay():this.native?a=this.renderNativeField(s):a=this.renderField(s),o`
       <div id="wrapper" @focusout=${this.handleFocusOut}>
         ${this.renderFormLabels(e?void 0:"field")}
-        ${r} ${i}
+        ${a} ${i}
         <slot hidden @slotchange=${this.handleSlotChange}></slot>
       </div>
-    `}};t.styles=[V,v.base,v.errorMessages,v.hintMessages],t.FIELD_POINTER_DOWN_WINDOW_MS=100,s([l({attribute:"default-value"})],t.prototype,"defaultValue",1),s([l()],t.prototype,"value",1),s([l({type:Boolean,reflect:!0})],t.prototype,"searchable",2),s([l({type:Boolean,reflect:!0})],t.prototype,"native",2),s([l({type:Boolean,reflect:!0})],t.prototype,"multiple",2),s([l({type:Boolean,reflect:!0,attribute:"no-animation"})],t.prototype,"noAnimation",2),s([l()],t.prototype,"icon",2),s([l()],t.prototype,"placeholder",2),s([l({attribute:"search-placeholder"})],t.prototype,"searchPlaceholder",2),s([l({attribute:"select-placeholder"})],t.prototype,"selectPlaceholder",2),s([l({attribute:"empty-value-label"})],t.prototype,"emptyValueLabel",2),s([l({attribute:"no-results-label"})],t.prototype,"noResultsLabel",2),s([l({attribute:"confirm-label"})],t.prototype,"confirmLabel",2),s([l({type:Boolean,reflect:!0})],t.prototype,"loading",2),s([l({attribute:"loading-label"})],t.prototype,"loadingLabel",2),s([p()],t.prototype,"searchQuery",2),s([p()],t.prototype,"isOpen",2),s([p()],t.prototype,"highlightedIndex",2),s([c("#field")],t.prototype,"fieldEl",2),s([c("#field-wrapper")],t.prototype,"fieldWrapperEl",2),s([c("#listbox")],t.prototype,"listboxEl",2),s([m({slot:"icon"})],t.prototype,"iconSlotEls",2),s([m({slot:"actions"})],t.prototype,"actionsSlotEls",2),t=s([y(W)],t);export{t as EunomiaSelect,W as EunomiaSelectTagName};
+    `}};t.styles=[W,u.base,u.errorMessages,u.hintMessages],t.FIELD_POINTER_DOWN_WINDOW_MS=100,n([r({attribute:"default-value"})],t.prototype,"defaultValue",1),n([r()],t.prototype,"value",1),n([r({type:Boolean,reflect:!0})],t.prototype,"searchable",2),n([r({type:Boolean,reflect:!0})],t.prototype,"native",2),n([r({type:Boolean,reflect:!0})],t.prototype,"multiple",2),n([r({type:Boolean,reflect:!0,attribute:"no-animation"})],t.prototype,"noAnimation",2),n([r()],t.prototype,"icon",2),n([r()],t.prototype,"placeholder",2),n([r({attribute:"search-placeholder"})],t.prototype,"searchPlaceholder",2),n([r({attribute:"select-placeholder"})],t.prototype,"selectPlaceholder",2),n([r({attribute:"empty-value-label"})],t.prototype,"emptyValueLabel",2),n([r({attribute:"no-results-label"})],t.prototype,"noResultsLabel",2),n([r({attribute:"confirm-label"})],t.prototype,"confirmLabel",2),n([r({type:Boolean,reflect:!0})],t.prototype,"loading",2),n([r({attribute:"loading-label"})],t.prototype,"loadingLabel",2),n([h()],t.prototype,"searchQuery",2),n([h()],t.prototype,"isOpen",2),n([h()],t.prototype,"highlightedIndex",2),n([c("#field")],t.prototype,"fieldEl",2),n([c("#field-wrapper")],t.prototype,"fieldWrapperEl",2),n([c("#listbox")],t.prototype,"listboxEl",2),n([m({slot:"icon"})],t.prototype,"iconSlotEls",2),n([m({slot:"actions"})],t.prototype,"actionsSlotEls",2),t=n([x(q)],t);export{t as EunomiaSelect,q as EunomiaSelectTagName};