@eunomia/elements 1.0.0-beta.9 → 1.0.0

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

@@ -1,4 +1,10 @@
-import{a as V,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunks/chunk-QWTFP56P.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 E,e as T,f as S}from"./chunks/chunk-647ISUF4.js";import{j as y}from"./chunks/chunk-MJ4RDZLL.js";import{b as C}from"./chunks/chunk-OTX6FWAF.js";import{a as v}from"./chunks/chunk-PPCHQG7P.js";import{a as k}from"./chunks/chunk-JGV7LHEI.js";import"./chunks/chunk-GNAUNTS5.js";import{a as i,f as L,h as g,j as a,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 O,b as E}from"./chunks/chunk-IKAZYVB7.js";import{a as A}from"./chunks/chunk-7HXPLZ7C.js";import{b as z,c as g}from"./chunks/chunk-624VJYNA.js";import{a as S}from"./chunks/chunk-TISMX7UL.js";import{a as f}from"./chunks/chunk-BRSNQMCD.js";import{a as L,b as C,f as k,g as P,h as M,i as T}from"./chunks/chunk-QMXE3KLT.js";import"./chunks/chunk-TWLI2ZOT.js";import"./chunks/chunk-MJ4RDZLL.js";import{b as x}from"./chunks/chunk-OTX6FWAF.js";import{a as u}from"./chunks/chunk-PPCHQG7P.js";import{a as D}from"./chunks/chunk-WP6ZYBAC.js";import"./chunks/chunk-2XPIGFBD.js";import{a as i,f as w,h as b,j as o,k as c,l as m,p as s,r as d,u as $}from"./chunks/chunk-YITWLCD3.js";var F=b`
+  .editor-confirm-text {
+    flex: 1 1 auto;
+    align-self: center;
+    font-weight: 600;
+  }
+
   :host {
     display: block;
     box-sizing: border-box;
@@ -128,7 +134,7 @@ import{a as V,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunk
     clip: rect(0 0 0 0);
     white-space: nowrap;
   }
-`,H=j;var U=g`
+`,R=F;var W=b`
   #event-popover {
     box-sizing: border-box;
     width: var(--scheduler-popover-width, 300px);
@@ -205,13 +211,13 @@ import{a as V,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunk
     align-items: flex-start;
     gap: var(--eun-space-s, 8px);
     font-size: 13px;
-    color: var(--eun-text-secondary, #484e61);
+    color: var(--eun-text-secondary, #666e8a);
   }
 
   .event-popover-row eun-icon {
     flex: 0 0 auto;
     margin-top: 1px;
-    color: var(--eun-text-secondary, #484e61);
+    color: var(--eun-text-secondary, #666e8a);
   }
 
   .event-popover-guests {
@@ -232,7 +238,7 @@ import{a as V,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunk
   .event-popover-guest eun-icon {
     flex: 0 0 auto;
     margin-top: 0;
-    color: var(--_guestStatusColor, var(--eun-text-secondary, #484e61));
+    color: var(--_guestStatusColor, var(--eun-text-secondary, #666e8a));
   }
 
   .event-popover-guest[data-status="confirmed"] {
@@ -251,91 +257,159 @@ import{a as V,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);
   }
-`,N=U;function _(l){let{event:n,locale:e,editLabel:o,deleteLabel:r,closeLabel:u,priorityLabels:c,readonly:m,onEdit:b,onDelete:Q,onClose:I}=l;return s`
+
+  .event-popover-confirm {
+    flex-wrap: wrap;
+    align-items: center;
+  }
+
+  #event-popover-confirm-text {
+    flex: 1 1 100%;
+    font-size: var(--eun-font-size-s, 14px);
+    font-weight: 600;
+  }
+`,H=W;function V(a){let{event:r,locale:e,closeLabel:n,allDayLabel:l,priorityLabels:v,onClose:p}=a;return s`
     <div
       class="event-popover-bar"
-      style="--_accent: var(--eun-color-${n.color}-600);"
+      style=${`--_accent: ${k(r.color)?.accent??"var(--eun-color-blue-600)"};`}
     ></div>
     <eun-button
       id="event-popover-close"
       appearance="ghost"
       rounded
       size="s"
-      aria-label=${u}
-      @click=${I}
+      aria-label=${n}
+      @click=${p}
     >
       <eun-icon name="close" size="16"></eun-icon>
     </eun-button>
     <div class="event-popover-body">
-      <h3 class="event-popover-title">${n.title}</h3>
+      <h3 class="event-popover-title">${r.title}</h3>
       <div class="event-popover-row">
         <eun-icon name="schedule" size="16"></eun-icon>
-        <span>${B(n,e)}</span>
+        <span>${Q(r,l,e)}</span>
       </div>
-      ${n.location?s`
+      ${r.location?s`
             <div class="event-popover-row">
               <eun-icon name="location_on" size="16"></eun-icon>
-              <span>${n.location}</span>
+              <span>${r.location}</span>
             </div>
           `:d}
-      ${n.description?s`
+      ${r.description?s`
             <div class="event-popover-row">
               <eun-icon name="description" size="16"></eun-icon>
-              <span>${n.description}</span>
+              <span>${r.description}</span>
             </div>
           `:d}
-      ${n.notes?s`
+      ${r.notes?s`
             <div class="event-popover-row">
               <eun-icon name="notes" size="16"></eun-icon>
-              <span>${n.notes}</span>
+              <span>${r.notes}</span>
             </div>
           `:d}
-      ${n.priority?s`
+      ${r.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=${M[n.priority]}
-                >${c[n.priority]??n.priority}</eun-tag
+                .severity=${L[r.priority]}
+                >${v[r.priority]??r.priority}</eun-tag
               >
             </div>
           `:d}
-      ${n.guests&&n.guests.length>0?s`
+      ${r.guests&&r.guests.length>0?s`
             <div class="event-popover-row">
               <eun-icon name="group" size="16"></eun-icon>
               <ul class="event-popover-guests">
-                ${n.guests.map(f=>s`
-                    <li class="event-popover-guest" data-status=${f.status}>
+                ${r.guests.map(h=>s`
+                    <li class="event-popover-guest" data-status=${h.status}>
                       <eun-icon
-                        name=${P[f.status]}
+                        name=${C[h.status]}
                         size="14"
                         aria-hidden="true"
                       ></eun-icon>
-                      ${f.email}
+                      ${h.email}
                     </li>
                   `)}
               </ul>
             </div>
           `:d}
     </div>
-    ${m?d:s`
-          <div class="event-popover-actions">
-            <eun-button
-              color="critical"
-              size="s"
-              appearance="outline"
-              rounded
-              @click=${Q}
-              >${r}</eun-button
-            >
-            <eun-button color="primary" size="s" rounded @click=${b}
-              >${o}</eun-button
-            >
-          </div>
-        `}
-  `}function B(l,n){let e={weekday:"long",day:"numeric",month:"long"};if(S(l)){let c=l.start.toLocaleDateString(n,e),m=l.end.toLocaleDateString(n,e),b=c===m?c:`${c} \u2013 ${m}`;return l.allDay?`All day \xB7 ${b}`:b}let o=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`${o} \xB7 ${r} \u2013 ${u}`}var q="eun-scheduler",W=["day","week","work-week","month","year"],t=class extends k(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.hideNowLine=!1;this.eventAppearance="default";this.isDrawerOpen=!1;this.isModalOpen=!1;this.editingEvent=null;this.createStart=R(new Date);this.createEnd=y(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[o]=e.target.value;o&&(this.view=o)};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 V(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 o=E(this.view,this.displayedDate,this.weekStartsOn);this.dispatchEvent(new A(this.view,o.start,o.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=y(e,1),this.openEditorSurface())}openEditEditor(e){this.readonly||(this.editingEvent=e,this.openEditorSurface())}openEventPopover(e,o){this.selectedEvent=e,this.popoverTriggerEl=o,this.updateComplete.then(()=>{let r=this.eventPopoverEl;if(!r)return;let u=this.eventPopoverAnimation!==void 0;this.eventPopoverAnimation?.cancel(),this.eventPopoverAnimation=void 0;let c=!r.matches(":popover-open");c&&r.showPopover(),(c||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 o=this.eventPopoverAnimationDuration(e);o!==0&&(this.eventPopoverAnimation=e.animate([{opacity:0,transform:"scale(0.98)"},{opacity:1,transform:"scale(1)"}],{duration:o,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 o=this.eventPopoverAnimationDuration(e);if(o===0){e.hidePopover();return}let r=e.animate([{opacity:1,transform:"scale(1)"},{opacity:0,transform:"scale(0.98)"}],{duration:o,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`
+    ${I(a)}
+  `}function I(a){return a.readonly?d:a.confirmingDelete?s`
+      <div
+        class="event-popover-actions event-popover-confirm"
+        role="group"
+        aria-labelledby="event-popover-confirm-text"
+      >
+        <span id="event-popover-confirm-text">${a.deleteConfirmLabel}</span>
+        <eun-button
+          id="event-popover-confirm-cancel"
+          appearance="ghost"
+          rounded
+          @click=${a.onCancelDelete}
+          >${a.cancelLabel}</eun-button
+        >
+        <eun-button
+          id="event-popover-confirm-delete"
+          color="critical"
+          rounded
+          @click=${a.onConfirmDelete}
+          >${a.deleteLabel}</eun-button
+        >
+      </div>
+    `:s`
+    <div class="event-popover-actions">
+      <eun-button
+        id="event-popover-delete"
+        color="critical"
+        appearance="outline"
+        rounded
+        @click=${a.onDelete}
+        >${a.deleteLabel}</eun-button
+      >
+      <eun-button color="primary" rounded @click=${a.onEdit}
+        >${a.editLabel}</eun-button
+      >
+    </div>
+  `}function Q(a,r,e){let n={weekday:"long",day:"numeric",month:"long"},l={hour:"numeric",minute:"2-digit"},v=a.start.toLocaleDateString(e,n),p=a.end.toLocaleDateString(e,n);if(a.allDay){let B=v===p?v:`${v} \u2013 ${p}`;return`${r} \xB7 ${B}`}let h=a.start.toLocaleTimeString(e,l),y=a.end.toLocaleTimeString(e,l);return T(a)?`${v} \xB7 ${h} \u2013 ${p} \xB7 ${y}`:`${v} \xB7 ${h} \u2013 ${y}`}var j="eun-scheduler",_=["day","week","work-week","month","year"],t=class extends D(A($)){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.hideNowLine=!1;this.eventAppearance="default";this.isDrawerOpen=!1;this.isModalOpen=!1;this.editingEvent=null;this.createStart=N(new Date);this.createEnd=this.defaultCreateEnd(this.createStart);this.editorDirty=!1;this.isMobile=!1;this.selectedEvent=null;this.confirmingDelete=!1;this.confirmingEditorDelete=!1;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.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=()=>{this.confirmingDelete=!0,this.updateComplete.then(()=>this.focusPopoverButton("#event-popover-confirm-cancel"))};this.handlePopoverConfirmDelete=()=>{let e=this.selectedEvent;this.closeEventPopover(),e&&this.dispatchEvent(new E(e.id))};this.handlePopoverCancelDelete=()=>{this.confirmingDelete=!1,this.updateComplete.then(()=>this.focusPopoverButton("#event-popover-delete"))};this.handlePopoverClose=()=>{this.closeEventPopover()};this.handleEditorCreate=e=>{this.dispatchEvent(new O(e.event)),this.closeEditor()};this.handleEditorUpdate=e=>{this.dispatchEvent(new f(e.event)),this.closeEditor()};this.handleCalendarEventMove=e=>{this.dispatchEvent(new f(e.event))};this.handleEditorDelete=e=>{this.dispatchEvent(new E(e.eventId)),this.closeEditor()};this.handleEditorInput=e=>{this.editorDirty=e.currentTarget.dirty};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()};this.handleEditorDeleteClick=()=>{this.confirmingEditorDelete=!0,this.updateComplete.then(()=>this.focusOpenFooterButton(".editor-confirm-cancel"))};this.handleEditorCancelDelete=()=>{this.confirmingEditorDelete=!1,this.updateComplete.then(()=>this.focusOpenFooterButton(".editor-delete"))}}get visibleRange(){return P(this.view,this.displayedDate,this.weekStartsOn)}updated(e){if(super.updated(e),["view","displayedDate","weekStartsOn"].some(l=>e.has(l)&&e.get(l)!==void 0)){let l=this.visibleRange;this.dispatchEvent(new S(this.view,l.start,l.end,this.displayedDate))}}updateMobileMediaQuery(){this.mobileMediaQuery?.removeEventListener("change",this.handleMobileMediaChange),this.mobileMediaQuery=window.matchMedia(x("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=M(this.view,this.displayedDate,e)}defaultCreateEnd(e){return new Date(e.getTime()+this.slotDuration*6e4)}openCreateEditor(e){this.readonly||(this.editingEvent=null,this.createStart=e,this.createEnd=this.defaultCreateEnd(e),this.openEditorSurface())}openEditEditor(e){this.readonly||(this.editingEvent=e,this.openEditorSurface())}openEventPopover(e,n){this.selectedEvent=e,this.confirmingDelete=!1,this.popoverTriggerEl=n,this.updateComplete.then(()=>{let l=this.eventPopoverEl;if(!l)return;let v=this.eventPopoverAnimation!==void 0;this.eventPopoverAnimation?.cancel(),this.eventPopoverAnimation=void 0;let p=!l.matches(":popover-open");p&&l.showPopover(),(p||v)&&this.playEventPopoverOpenAnimation(l)})}eventPopoverAnimationDuration(e){return this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:z(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:g(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 l=e.animate([{opacity:1,transform:"scale(1)"},{opacity:0,transform:"scale(0.98)"}],{duration:n,easing:g(e),fill:"forwards"});this.eventPopoverAnimation=l,l.finished.then(()=>{this.eventPopoverAnimation===l&&(this.eventPopoverAnimation=void 0),e.hidePopover()}).catch(()=>{})}focusPopoverButton(e){this.eventPopoverEl?.querySelector(e)?.focus()}openEditorSurface(){this.editorDirty=!1,this.confirmingEditorDelete=!1,this.isMobile?this.isModalOpen=!0:this.isDrawerOpen=!0}closeEditor(){this.isDrawerOpen=!1,this.isModalOpen=!1,this.editingEvent=null,this.editorDirty=!1}renderEditorFooter(e,n,l){let v=this.deleteLabel??this.dictionary.common.delete,p=this.cancelLabel??this.dictionary.common.cancel;return this.confirmingEditorDelete?s`
+        <span class="editor-confirm-text"
+          >${this.deleteConfirmLabel??this.dictionary.scheduler.deleteConfirm}</span
+        >
+        <eun-button
+          class="editor-confirm-cancel"
+          appearance="ghost"
+          @click=${this.handleEditorCancelDelete}
+          >${p}</eun-button
+        >
+        <eun-button
+          class="editor-confirm-delete"
+          color="critical"
+          @click=${()=>{this.confirmingEditorDelete=!1,l()}}
+          >${v}</eun-button
+        >
+      `:s`
+      ${this.editingEvent?s`<eun-button
+            class="editor-delete"
+            color="critical"
+            appearance="outline"
+            @click=${this.handleEditorDeleteClick}
+            >${v}</eun-button
+          >`:d}
+      <span style="flex: 1 1 auto;"></span>
+      <eun-button appearance="ghost" @click=${n}
+        >${p}</eun-button
+      >
+      <eun-button
+        class="editor-apply"
+        color="primary"
+        ?disabled=${!!this.editingEvent&&!this.editorDirty}
+        @click=${e}
+        >${this.applyLabel??this.dictionary.common.apply}</eun-button
+      >
+    `}focusOpenFooterButton(e){let n=this.isModalOpen?"#modal":"#drawer";this.shadowRoot?.querySelector(`${n} ${e}`)?.focus()}renderNavArrows(){return s`
       <div id="header-nav-arrows">
         <eun-button
           appearance="ghost"
@@ -360,18 +434,18 @@ import{a as V,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunk
     `}renderCreateEventButton(e){return s`
       <eun-button
         appearance="flat"
-        id=${v(e?void 0:"header-create-button")}
-        size=${v(e?"s":void 0)}
+        id=${u(e?void 0:"header-create-button")}
+        size=${u(e?"s":void 0)}
         aria-label=${this.newEventLabel??this.dictionary.scheduler.newEvent}
-        @click=${()=>this.openCreateEditor(R(new Date))}
+        @click=${()=>this.openCreateEditor(N(new Date))}
       >
         <eun-icon name="add" size=${e?"12":"18"}></eun-icon>
       </eun-button>
-    `}render(){let e=E(this.view,this.displayedDate,this.weekStartsOn);return s`
+    `}render(){let e=this.visibleRange;return s`
       <div id="header">
         <div id="header-nav">
           <span id="period-label" role="status" aria-live="polite">
-            ${F(this.view,this.displayedDate,e.start,e.end,this.locale)}
+            ${U(this.view,this.displayedDate,e.start,e.end,this.resolvedLocale)}
           </span>
           ${this.isMobile?d:this.renderNavArrows()}
         </div>
@@ -386,7 +460,7 @@ import{a as V,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunk
                       appearance="flat"
                       size="s"
                       label=${this.viewLabel(this.view)}
-                      .options=${W.map(o=>({key:o,label:this.viewLabel(o)}))}
+                      .options=${_.map(n=>({key:n,label:this.viewLabel(n)}))}
                       @eunselect=${this.handleMobileViewSelect}
                     ></eun-dropdown-button>
                   </div>
@@ -395,7 +469,7 @@ import{a as V,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=${W.map(o=>({label:this.viewLabel(o),value:o}))}
+                  .options=${_.map(n=>({label:this.viewLabel(n),value:n}))}
                   .value=${[this.view]}
                   @eunchange=${this.handleViewChange}
                 ></eun-toggle-group>
@@ -412,11 +486,11 @@ import{a as V,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunk
         .dayStartHour=${this.dayStartHour}
         .dayEndHour=${this.dayEndHour}
         .slotDuration=${this.slotDuration}
-        locale=${v(this.locale)}
+        locale=${u(this.locale)}
         ?readonly=${this.readonly}
         ?no-animation=${this.noAnimation}
         ?hide-now-line=${this.hideNowLine}
-        more-events-label=${v(this.moreEventsLabel)}
+        more-events-label=${u(this.moreEventsLabel)}
         event-appearance=${this.eventAppearance}
         @eunperiodchange=${this.handleCalendarPeriodChange}
         @euneventclick=${this.handleCalendarEventClick}
@@ -427,10 +501,12 @@ import{a as V,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunk
       <eun-drawer
         id="drawer"
         position="end"
+        closeable
+        close-on-backdrop
         heading=${this.editingEvent?this.editingEvent.title:this.newEventLabel??this.dictionary.scheduler.newEvent}
         ?open=${this.isDrawerOpen}
         ?dirty=${this.editorDirty}
-        locale=${v(this.locale)}
+        locale=${u(this.locale)}
         @euncancel=${this.handleDrawerCancel}
       >
         <eun-scheduler-event-editor
@@ -439,34 +515,24 @@ import{a as V,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunk
           .event=${this.editingEvent}
           .initialStart=${this.createStart}
           .initialEnd=${this.createEnd}
-          locale=${v(this.locale)}
+          locale=${u(this.locale)}
           @euneventcreate=${this.handleEditorCreate}
           @euneventupdate=${this.handleEditorUpdate}
           @euneventdelete=${this.handleEditorDelete}
           @input=${this.handleEditorInput}
         ></eun-scheduler-event-editor>
         <div slot="footer" style="display: contents">
-          ${this.editingEvent?s`<eun-button
-                color="critical"
-                appearance="outline"
-                @click=${this.handleDrawerDelete}
-                >${this.deleteLabel??this.dictionary.common.delete}</eun-button
-              >`:d}
-          <span style="flex: 1 1 auto;"></span>
-          <eun-button appearance="ghost" @click=${this.handleDrawerCancel}
-            >${this.cancelLabel??this.dictionary.common.cancel}</eun-button
-          >
-          <eun-button color="primary" @click=${this.handleDrawerSave}
-            >${this.applyLabel??this.dictionary.common.apply}</eun-button
-          >
+          ${this.renderEditorFooter(this.handleDrawerSave,this.handleDrawerCancel,this.handleDrawerDelete)}
         </div>
       </eun-drawer>
 
       <eun-modal
         id="modal"
+        closeable
+        close-on-backdrop
         heading=${this.editingEvent?this.editingEvent.title:this.newEventLabel??this.dictionary.scheduler.newEvent}
         ?open=${this.isModalOpen}
-        locale=${v(this.locale)}
+        locale=${u(this.locale)}
         @euncancel=${this.handleModalCancel}
       >
         <eun-scheduler-event-editor
@@ -475,26 +541,18 @@ import{a as V,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as z}from"./chunk
           .event=${this.editingEvent}
           .initialStart=${this.createStart}
           .initialEnd=${this.createEnd}
-          locale=${v(this.locale)}
+          locale=${u(this.locale)}
           @euneventcreate=${this.handleEditorCreate}
           @euneventupdate=${this.handleEditorUpdate}
           @euneventdelete=${this.handleEditorDelete}
+          @input=${this.handleEditorInput}
         ></eun-scheduler-event-editor>
         <div slot="footer">
-          ${this.editingEvent?s`<eun-button color="critical" @click=${this.handleModalDelete}
-                >${this.deleteLabel??this.dictionary.common.delete}</eun-button
-              >`:d}
-          <span style="flex: 1 1 auto;"></span>
-          <eun-button color="secondary" @click=${this.handleModalCancel}
-            >${this.cancelLabel??this.dictionary.common.cancel}</eun-button
-          >
-          <eun-button color="primary" @click=${this.handleModalSave}
-            >${this.applyLabel??this.dictionary.common.apply}</eun-button
-          >
+          ${this.renderEditorFooter(this.handleModalSave,this.handleModalCancel,this.handleModalDelete)}
         </div>
       </eun-modal>
 
       <div id="event-popover" popover @toggle=${this.handleEventPopoverToggle}>
-        ${this.selectedEvent?_({event:this.selectedEvent,locale:this.locale,editLabel:this.editLabel??this.dictionary.common.edit,deleteLabel:this.deleteLabel??this.dictionary.common.delete,closeLabel:this.closeLabel??this.dictionary.common.close,priorityLabels:this.dictionary.scheduler.priorities,readonly:this.readonly,onEdit:this.handlePopoverEdit,onDelete:this.handlePopoverDelete,onClose:this.handlePopoverClose}):d}
+        ${this.selectedEvent?V({event:this.selectedEvent,locale:this.resolvedLocale,editLabel:this.editLabel??this.dictionary.common.edit,deleteLabel:this.deleteLabel??this.dictionary.common.delete,deleteConfirmLabel:this.deleteConfirmLabel??this.dictionary.scheduler.deleteConfirm,cancelLabel:this.cancelLabel??this.dictionary.common.cancel,closeLabel:this.closeLabel??this.dictionary.common.close,allDayLabel:this.dictionary.schedulerEventEditor.allDay,priorityLabels:this.dictionary.scheduler.priorities,readonly:this.readonly,confirmingDelete:this.confirmingDelete,onEdit:this.handlePopoverEdit,onDelete:this.handlePopoverDelete,onConfirmDelete:this.handlePopoverConfirmDelete,onCancelDelete:this.handlePopoverCancelDelete,onClose:this.handlePopoverClose}):d}
       </div>
-    `}viewLabel(e){switch(e){case"day":return this.viewDayLabel??this.dictionary.scheduler.viewDay;case"week":return this.viewWeekLabel??this.dictionary.scheduler.viewWeek;case"work-week":return this.viewWorkWeekLabel??this.dictionary.scheduler.viewWorkWeek;case"month":return this.viewMonthLabel??this.dictionary.scheduler.viewMonth;case"year":return this.viewYearLabel??this.dictionary.scheduler.viewYear;default:return e}}};t.styles=[H,N],i([a({attribute:!1})],t.prototype,"events",2),i([a({reflect:!0,useDefault:!0})],t.prototype,"view",2),i([a({attribute:!1})],t.prototype,"displayedDate",2),i([a({type:Number,attribute:"week-starts-on"})],t.prototype,"weekStartsOn",2),i([a({type:Number,attribute:"day-start-hour"})],t.prototype,"dayStartHour",2),i([a({type:Number,attribute:"day-end-hour"})],t.prototype,"dayEndHour",2),i([a({type:Number,attribute:"slot-duration"})],t.prototype,"slotDuration",2),i([a({type:Boolean,reflect:!0})],t.prototype,"readonly",2),i([a({type:Boolean,reflect:!0,attribute:"no-animation"})],t.prototype,"noAnimation",2),i([a({type:Boolean,reflect:!0,attribute:"hide-now-line"})],t.prototype,"hideNowLine",2),i([a({attribute:"today-label"})],t.prototype,"todayLabel",2),i([a({attribute:"new-event-label"})],t.prototype,"newEventLabel",2),i([a({attribute:"previous-label"})],t.prototype,"previousLabel",2),i([a({attribute:"next-label"})],t.prototype,"nextLabel",2),i([a({attribute:"view-day-label"})],t.prototype,"viewDayLabel",2),i([a({attribute:"view-week-label"})],t.prototype,"viewWeekLabel",2),i([a({attribute:"view-work-week-label"})],t.prototype,"viewWorkWeekLabel",2),i([a({attribute:"view-month-label"})],t.prototype,"viewMonthLabel",2),i([a({attribute:"view-year-label"})],t.prototype,"viewYearLabel",2),i([a({attribute:"apply-label"})],t.prototype,"applyLabel",2),i([a({attribute:"cancel-label"})],t.prototype,"cancelLabel",2),i([a({attribute:"delete-label"})],t.prototype,"deleteLabel",2),i([a({attribute:"edit-label"})],t.prototype,"editLabel",2),i([a({attribute:"close-label"})],t.prototype,"closeLabel",2),i([a({attribute:"more-events-label"})],t.prototype,"moreEventsLabel",2),i([a({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 R(l){let n=new Date(l);return n.setHours(n.getHours()+1,0,0,0),n}function F(l,n,e,o,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 ${o.toLocaleDateString(r,{day:"numeric",month:"short",year:"numeric"})}`}}export{t as EunomiaScheduler,q as EunomiaSchedulerTagName};
+    `}viewLabel(e){switch(e){case"day":return this.viewDayLabel??this.dictionary.scheduler.viewDay;case"week":return this.viewWeekLabel??this.dictionary.scheduler.viewWeek;case"work-week":return this.viewWorkWeekLabel??this.dictionary.scheduler.viewWorkWeek;case"month":return this.viewMonthLabel??this.dictionary.scheduler.viewMonth;case"year":return this.viewYearLabel??this.dictionary.scheduler.viewYear;default:return e}}};t.styles=[R,H],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({type:Boolean,reflect:!0,attribute:"hide-now-line"})],t.prototype,"hideNowLine",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:"delete-confirm-label"})],t.prototype,"deleteConfirmLabel",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([c()],t.prototype,"isDrawerOpen",2),i([c()],t.prototype,"isModalOpen",2),i([c()],t.prototype,"editingEvent",2),i([c()],t.prototype,"createStart",2),i([c()],t.prototype,"createEnd",2),i([c()],t.prototype,"editorDirty",2),i([c()],t.prototype,"isMobile",2),i([m("#editor")],t.prototype,"drawerEditorEl",2),i([m("#editor-mobile")],t.prototype,"modalEditorEl",2),i([c()],t.prototype,"selectedEvent",2),i([c()],t.prototype,"confirmingDelete",2),i([c()],t.prototype,"confirmingEditorDelete",2),i([m("#event-popover")],t.prototype,"eventPopoverEl",2),i([m("#calendar")],t.prototype,"calendarEl",2),t=i([w(j)],t);function N(a){let r=new Date(a);return r.setHours(r.getHours()+1,0,0,0),r}function U(a,r,e,n,l){switch(a){case"day":return e.toLocaleDateString(l,{weekday:"long",day:"numeric",month:"long",year:"numeric"});case"year":return String(r.getFullYear());case"month":return r.toLocaleDateString(l,{month:"long",year:"numeric"});default:return`${e.toLocaleDateString(l,{day:"numeric",month:"short"})} \u2013 ${n.toLocaleDateString(l,{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-SZZRMJ65.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-GBSAVPKA.js";import{a as w,b as A}from"./chunks/chunk-SK3YHD6O.js";import"./chunks/chunk-L74LXUGL.js";import{a as y}from"./chunks/chunk-QWTFP56P.js";import"./chunks/chunk-WIUERJII.js";import"./chunks/chunk-Y3HOIL64.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-7PEODUNH.js";import"./chunks/chunk-MY6ORZJR.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-JGV7LHEI.js";import"./chunks/chunk-GNAUNTS5.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`
+import{b as g}from"./chunks/chunk-WEG3KO6T.js";import{a as O}from"./chunks/chunk-5LA5DQMP.js";import{a as A,b as L,c as k}from"./chunks/chunk-GWLD2I3P.js";import"./chunks/chunk-GBSAVPKA.js";import{a as y,b as w}from"./chunks/chunk-SK3YHD6O.js";import"./chunks/chunk-SCAP7J35.js";import{a as x}from"./chunks/chunk-7HXPLZ7C.js";import"./chunks/chunk-WIUERJII.js";import"./chunks/chunk-AW7PU43S.js";import{b as T,c}from"./chunks/chunk-624VJYNA.js";import{a as u}from"./chunks/chunk-LYYQAALT.js";import"./chunks/chunk-MSQWOKBB.js";import"./chunks/chunk-GVS6IUKC.js";import"./chunks/chunk-P6LGU3FT.js";import"./chunks/chunk-7PEODUNH.js";import"./chunks/chunk-JDUWKPHW.js";import{a as m}from"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-QNWKRPOW.js";import"./chunks/chunk-3BMACIDO.js";import{a as d}from"./chunks/chunk-PPCHQG7P.js";import{a as v}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-WP6ZYBAC.js";import"./chunks/chunk-2XPIGFBD.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 $=b`
   #shortcut-hint {
     flex-shrink: 0;
     display: inline-flex;
@@ -140,16 +140,16 @@ import{b as g}from"./chunks/chunk-SZZRMJ65.js";import{a as I}from"./chunks/chunk
     gap: var(--eun-space-xs, 4px);
     padding: var(--eun-space-s, 8px) var(--eun-space-m, 16px);
   }
-`,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.suggestions=!1;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||!this.checkVisibility()||(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`
+`,I=$;var C="eun-search",i=class extends x(g){constructor(){super(...arguments);this.type="search";this.icon="search";this.shortcut=!1;this.panel=!1;this.loading=!1;this.suggestions=!1;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||!this.checkVisibility()||(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 A(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:T(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 m(this.value)),this.dispatchEvent(new O(e.value)),this.closeSuggestions()}renderSuggestionOptionRows(e){let t=this.effectiveQuery;return k(e,(n,p)=>o`
         <li
           id="listbox-option-${p}"
           role="option"
           aria-selected=${n.label.toLowerCase()===t}
           class=${v({highlighted:p===this.highlightedIndex,selected:n.label.toLowerCase()===t})}
-          @mousedown=${$=>{$.preventDefault(),this.handleSelect(n)}}
+          @mousedown=${D=>{D.preventDefault(),this.handleSelect(n)}}
           @mouseenter=${()=>{this.highlightedIndex=p}}
         >
-          ${k(n.label,t)}
+          ${L(n.label,t)}
         </li>
       `)}renderSuggestionsListbox(){return o`
       <ul
@@ -202,7 +202,7 @@ import{b as g}from"./chunks/chunk-SZZRMJ65.js";import{a as I}from"./chunks/chunk
           id="panel"
           kind="search"
           hide-actions
-          .closeable=${!1}
+          close-on-backdrop
           aria-label=${this.label||(this.panelLabel??this.dictionary.search.panel)}
         >
           <div id="panel-field">
@@ -214,4 +214,4 @@ import{b as g}from"./chunks/chunk-SZZRMJ65.js";import{a as I}from"./chunks/chunk
         </eun-modal>
         ${e}
       </div>
-    `}};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};
+    `}};i.styles=[g.styles,y,...u?[]:[w],I],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({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(C)],i);export{i as EunomiaSearch,C as EunomiaSearchTagName};

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

@@ -1,4 +1,4 @@
-import{a as W,c as z}from"./chunks/chunk-RANI7H4F.js";import{a as H,b as V,c as B}from"./chunks/chunk-GWLD2I3P.js";import{a as A}from"./chunks/chunk-GBSAVPKA.js";import{a as P,b as R}from"./chunks/chunk-SK3YHD6O.js";import{a as F}from"./chunks/chunk-QWTFP56P.js";import{a as C}from"./chunks/chunk-WIUERJII.js";import{a as D}from"./chunks/chunk-Y3HOIL64.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 E}from"./chunks/chunk-P6LGU3FT.js";import{a as T}from"./chunks/chunk-7PEODUNH.js";import{c as I,d as O,e as $,f as u}from"./chunks/chunk-MY6ORZJR.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-JGV7LHEI.js";import"./chunks/chunk-GNAUNTS5.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 K=y`
+import{a as W,c as z}from"./chunks/chunk-RANI7H4F.js";import{a as H,b as V,c as B}from"./chunks/chunk-GWLD2I3P.js";import{a as A}from"./chunks/chunk-GBSAVPKA.js";import{a as P,b as R}from"./chunks/chunk-SK3YHD6O.js";import{a as F}from"./chunks/chunk-7HXPLZ7C.js";import{a as C}from"./chunks/chunk-WIUERJII.js";import{a as D}from"./chunks/chunk-AW7PU43S.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 E}from"./chunks/chunk-P6LGU3FT.js";import{a as T}from"./chunks/chunk-7PEODUNH.js";import{c as I,d as O,e as $,f as u}from"./chunks/chunk-JDUWKPHW.js";import{a as f}from"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-QNWKRPOW.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-WP6ZYBAC.js";import"./chunks/chunk-2XPIGFBD.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 K=y`
   #field {
     padding-inline-end: calc(var(--eun-space-l, 32px) * 1.2);
   }