@eunomia/elements 1.0.0-beta.9 → 1.0.0

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

@@ -1,4 +1,4 @@
-import{a as T,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as k}from"./chunks/chunk-BRSNQMCD.js";import{b as L,c as f}from"./chunks/chunk-647ISUF4.js";import{a as n,b as $,j as D}from"./chunks/chunk-MJ4RDZLL.js";import{a as c}from"./chunks/chunk-PPCHQG7P.js";import{a as y}from"./chunks/chunk-JGV7LHEI.js";import"./chunks/chunk-GNAUNTS5.js";import{a as r,f as b,h as v,j as a,k as o,p as l,r as m,u as g}from"./chunks/chunk-YITWLCD3.js";var w=v`
+import{a as G,b as I}from"./chunks/chunk-IKAZYVB7.js";import{a as w}from"./chunks/chunk-BRSNQMCD.js";import{b as T,c as g,d as k,e as m}from"./chunks/chunk-QMXE3KLT.js";import"./chunks/chunk-TWLI2ZOT.js";import{a as l,b as C,h as E,j as x}from"./chunks/chunk-MJ4RDZLL.js";import{a as p}from"./chunks/chunk-PPCHQG7P.js";import{a as L}from"./chunks/chunk-WP6ZYBAC.js";import"./chunks/chunk-2XPIGFBD.js";import{a as i,f as y,h as D,j as s,k as o,p as n,r as d,u as $}from"./chunks/chunk-YITWLCD3.js";var A=D`
   :host {
     display: block;
     font-family: var(--eun-font-family, "Mulish", sans-serif);
@@ -36,7 +36,7 @@ import{a as T,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as k}from"./chunk
     flex: 0 0 auto;
   }
 
-  .guest-error {
+  .field-error {
     display: block;
     margin-top: var(--eun-space-xs, 4px);
     color: var(--eun-color-critical-100, #aa0014);
@@ -66,85 +66,89 @@ import{a as T,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as k}from"./chunk
   #actions .spacer {
     flex: 1 1 auto;
   }
-`,E=w;var d=class h extends Event{static{this.eventName="eunguestinvite"}constructor(p,e){super(h.eventName,{bubbles:!0,composed:!1}),this.email=p,this.eventId=e}};var G="eun-scheduler-event-editor",C=[{name:"red",value:"#f14959"},{name:"purple",value:"#9562e3"},{name:"yellow",value:"#f0f050"},{name:"blue",value:"#3bb3b9"},{name:"green",value:"#49f15f"},{name:"pink",value:"#d05df3"}],I=["low","medium","high","critical"],P={low:"success",high:"warning",critical:"critical"},A=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,t=class extends y(g){constructor(){super(...arguments);this.hideActions=!1;this.formTitle="";this.formDescription="";this.formAllDay=!1;this.formDate=n(new Date);this.formEndDate=n(new Date);this.formStart=null;this.formEnd=null;this.formLocation="";this.formNotes="";this.formPriority="medium";this.formColor="#3bb3b9";this.formGuests=[];this.guestInputValue="";this.guestInputError=!1;this.showErrors=!1;this.seedSnapshot="";this.handleSaveClick=()=>{this.requestSave()};this.handleCancelClick=()=>{this.seedForm()};this.handlePriorityChange=e=>{this.formPriority=e.target.value[0]};this.handleGuestInputChange=e=>{this.guestInputValue=e.target.value??"",this.guestInputError=!1};this.handleGuestInputKeydown=e=>{e.key==="Enter"&&(e.preventDefault(),this.addGuest())};this.handleAddGuestClick=()=>{this.addGuest()};this.handleRemoveGuest=e=>{this.formGuests=this.formGuests.filter(s=>s.email!==e)}}connectedCallback(){super.connectedCallback?.(),this.seedForm()}willUpdate(e){(e.has("event")||e.has("initialStart")||e.has("initialEnd"))&&this.seedForm(),super.willUpdate(e)}updated(e){super.updated(e),["formTitle","formDescription","formAllDay","formDate","formEndDate","formStart","formEnd","formLocation","formNotes","formPriority","formColor","formGuests"].some(i=>e.has(i))&&this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}seedForm(){let e=this.event;if(e)this.formTitle=e.title,this.formDescription=e.description??"",this.formAllDay=!!e.allDay,this.formDate=n(e.start),this.formEndDate=n(e.end),this.formStart=e.start,this.formEnd=e.end,this.formLocation=e.location??"",this.formNotes=e.notes??"",this.formPriority=e.priority??"medium",this.formColor=e.color,this.formGuests=e.guests?e.guests.map(s=>({...s})):[];else{let s=this.initialStart??N(new Date),i=this.initialEnd??D(s,1);this.formTitle="",this.formDescription="",this.formAllDay=!1,this.formDate=n(s),this.formEndDate=n(s),this.formStart=s,this.formEnd=i,this.formLocation="",this.formNotes="",this.formPriority="medium",this.formColor="blue",this.formGuests=[]}this.guestInputValue="",this.guestInputError=!1,this.showErrors=!1,this.seedSnapshot=this.snapshot()}snapshot(){return JSON.stringify({title:this.formTitle,description:this.formDescription,allDay:this.formAllDay,date:this.formDate.getTime(),endDate:this.formEndDate.getTime(),start:this.formStart?.getTime(),end:this.formEnd?.getTime(),location:this.formLocation,notes:this.formNotes,priority:this.formPriority,color:this.formColor,guests:this.formGuests})}get dirty(){return this.snapshot()!==this.seedSnapshot}get isEditing(){return!!this.event}composeStartEnd(){if(this.formAllDay)return{start:n(this.formDate),end:$(this.formEndDate)};if(!this.formStart||!this.formEnd)return null;let e=new Date(this.formDate);e.setHours(this.formStart.getHours(),this.formStart.getMinutes(),0,0);let s=new Date(this.formDate);return s.setHours(this.formEnd.getHours(),this.formEnd.getMinutes(),0,0),s.getTime()<=e.getTime()&&s.setDate(s.getDate()+1),{start:e,end:s}}get valid(){if(!this.formTitle.trim())return!1;let e=this.composeStartEnd();return!!e&&e.end.getTime()>e.start.getTime()}requestSave(){if(!this.valid)return this.showErrors=!0,!1;let e=this.composeStartEnd(),s={id:this.event?.id??crypto.randomUUID(),title:this.formTitle.trim(),description:this.formDescription||void 0,allDay:this.formAllDay,start:e.start,end:e.end,location:this.formLocation||void 0,notes:this.formNotes||void 0,color:this.formColor,priority:this.formPriority,guests:this.formGuests.length?this.formGuests:void 0};return this.dispatchEvent(this.event?new k(s):new T(s)),this.event=s,this.seedSnapshot=this.snapshot(),!0}requestDelete(){this.event&&this.dispatchEvent(new x(this.event.id))}addGuest(){let e=this.guestInputValue.trim();if(!e)return;if(!A.test(e)){this.guestInputError=!0;return}let s=this.formGuests.some(i=>i.email.toLowerCase()===e.toLowerCase());this.guestInputValue="",this.guestInputError=!1,!s&&(this.formGuests=[...this.formGuests,{email:e,status:"pending"}],this.dispatchEvent(new d(e,this.event?.id)))}render(){let e=this.showErrors&&!this.formTitle.trim(),s=this.colorLabels??this.dictionary.schedulerEventEditor.colors;return l`
+
+  #actions.confirm {
+    flex-wrap: wrap;
+    align-items: center;
+  }
+
+  #confirm-text {
+    flex: 1 1 auto;
+    font-weight: 600;
+  }
+`,P=A;var f=class u extends Event{static{this.eventName="euneventcancel"}constructor(){super(u.eventName,{bubbles:!0,composed:!1})}};var b=class u extends Event{static{this.eventName="euneditorstatechange"}constructor(c,e){super(u.eventName,{bubbles:!0,composed:!1}),this.dirty=c,this.valid=e}};var v=class u extends Event{static{this.eventName="eunguestinvite"}constructor(c,e){super(u.eventName,{bubbles:!0,composed:!1}),this.email=c,this.eventId=e}};var N="eun-scheduler-event-editor",S=["low","medium","high","critical"],q={low:"success",high:"warning",critical:"critical"},R=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,t=class extends L($){constructor(){super(...arguments);this.hideActions=!1;this.confirmingDelete=!1;this.formTitle="";this.formDescription="";this.formAllDay=!1;this.formDate=l(new Date);this.formEndDate=l(new Date);this.formStart=null;this.formEnd=null;this.formLocation="";this.formNotes="";this.formPriority="medium";this.formColor="#3bb3b9";this.formGuests=[];this.guestInputValue="";this.guestInputError=!1;this.showErrors=!1;this.seedSnapshot="";this.reportedState=null;this.handleSaveClick=()=>{this.requestSave()};this.handleCancelClick=()=>{this.requestCancel()};this.handleDeleteClick=()=>{this.confirmingDelete=!0,this.updateComplete.then(()=>this.focusAction("#confirm-cancel"))};this.handleConfirmDeleteClick=()=>{this.confirmingDelete=!1,this.requestDelete()};this.handleCancelDeleteClick=()=>{this.confirmingDelete=!1,this.updateComplete.then(()=>this.focusAction("#delete"))};this.handlePriorityChange=e=>{this.formPriority=e.target.value[0]};this.handleGuestInputChange=e=>{this.guestInputValue=e.target.value??"",this.guestInputError=!1};this.handleGuestInputKeydown=e=>{e.key==="Enter"&&(e.preventDefault(),this.addGuest())};this.handleAddGuestClick=()=>{this.addGuest()};this.handleRemoveGuest=e=>{this.formGuests=this.formGuests.filter(a=>a.email!==e)}}connectedCallback(){super.connectedCallback?.(),this.seedForm()}willUpdate(e){(e.has("event")||e.has("initialStart")||e.has("initialEnd"))&&this.seedForm(),super.willUpdate(e)}updated(e){super.updated(e),["formTitle","formDescription","formAllDay","formDate","formEndDate","formStart","formEnd","formLocation","formNotes","formPriority","formColor","formGuests"].some(r=>e.has(r))&&this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.reportStateChange()}reportStateChange(){let e={dirty:this.dirty,valid:this.valid},a=this.reportedState;this.reportedState=e,a&&(a.dirty!==e.dirty||a.valid!==e.valid)&&this.dispatchEvent(new b(e.dirty,e.valid))}seedForm(){let e=this.event;if(e)this.formTitle=e.title,this.formDescription=e.description??"",this.formAllDay=!!e.allDay,this.formDate=l(e.start),this.formEndDate=l(e.end),this.formStart=e.start,this.formEnd=e.end,this.formLocation=e.location??"",this.formNotes=e.notes??"",this.formPriority=e.priority??"medium",this.formColor=m(e.color),this.formGuests=e.guests?e.guests.map(a=>({...a})):[];else{let a=this.initialStart??H(new Date),r=this.initialEnd??x(a,1);this.formTitle="",this.formDescription="",this.formAllDay=!1,this.formDate=l(a),this.formEndDate=l(a),this.formStart=a,this.formEnd=r,this.formLocation="",this.formNotes="",this.formPriority="medium",this.formColor=m("blue"),this.formGuests=[]}this.guestInputValue="",this.guestInputError=!1,this.showErrors=!1,this.confirmingDelete=!1,this.seedSnapshot=this.snapshot()}snapshot(){return JSON.stringify({title:this.formTitle,description:this.formDescription,allDay:this.formAllDay,date:this.formDate.getTime(),endDate:this.formEndDate.getTime(),start:this.formStart?.getTime(),end:this.formEnd?.getTime(),location:this.formLocation,notes:this.formNotes,priority:this.formPriority,color:this.formColor,guests:this.formGuests})}get dirty(){return this.snapshot()!==this.seedSnapshot}get isEditing(){return!!this.event}composeStartEnd(){if(this.formAllDay)return{start:l(this.formDate),end:C(this.formEndDate)};if(!this.formStart||!this.formEnd)return null;let e=new Date(this.formDate);e.setHours(this.formStart.getHours(),this.formStart.getMinutes(),0,0);let a=new Date(this.formEndDate);return a.setHours(this.formEnd.getHours(),this.formEnd.getMinutes(),0,0),{start:e,end:a}}get valid(){if(!this.formTitle.trim())return!1;let e=this.composeStartEnd();return!!e&&e.end.getTime()>e.start.getTime()}requestSave(){if(!this.valid)return this.showErrors=!0,!1;if(this.event&&!this.dirty)return!0;let e=this.composeStartEnd(),a={id:this.event?.id??crypto.randomUUID(),title:this.formTitle.trim(),description:this.formDescription||void 0,allDay:this.formAllDay,start:e.start,end:e.end,location:this.formLocation||void 0,notes:this.formNotes||void 0,color:this.savedColor(),priority:this.formPriority,guests:this.formGuests.length?this.formGuests:void 0};return this.dispatchEvent(this.event?new w(a):new G(a)),this.event=a,this.seedSnapshot=this.snapshot(),!0}savedColor(){let e=this.event?.color;return e&&m(e)===this.formColor?e:this.formColor}get rangeInvalid(){let e=this.composeStartEnd();return!!e&&e.end.getTime()<=e.start.getTime()}requestCancel(){this.seedForm(),this.dispatchEvent(new f)}requestDelete(){this.event&&this.dispatchEvent(new I(this.event.id))}focusAction(e){this.shadowRoot?.querySelector(e)?.focus()}moveStartDate(e){let a=Math.round((l(e).getTime()-this.formDate.getTime())/864e5);this.formDate=l(e),this.formEndDate=E(this.formEndDate,a)}addGuest(){let e=this.guestInputValue.trim();if(!e)return;if(!R.test(e)){this.guestInputError=!0;return}let a=this.formGuests.some(r=>r.email.toLowerCase()===e.toLowerCase());this.guestInputValue="",this.guestInputError=!1,!a&&(this.formGuests=[...this.formGuests,{email:e,status:"pending"}],this.dispatchEvent(new v(e,this.event?.id)))}render(){let e=this.showErrors&&!this.formTitle.trim(),a=this.colorLabels??this.dictionary.schedulerEventEditor.colors;return n`
       <div id="fields">
         <eun-input
           label=${this.titleLabel??this.dictionary.schedulerEventEditor.title}
           .value=${this.formTitle}
           ?required=${!0}
           hide-error
-          @eunchange=${i=>{this.formTitle=i.target.value??""}}
+          @eunchange=${r=>{this.formTitle=r.target.value??""}}
         ></eun-input>
-        ${e?l`<span
+        ${e?n`<span
               role="alert"
               style="color: var(--eun-color-critical-100, #aa0014); font-size: 12px;"
-              >${this.titleLabel??this.dictionary.schedulerEventEditor.title}
-              ${this.requiredLabel??this.dictionary.schedulerEventEditor.required}</span
-            >`:m}
+              >${this.titleLabel===void 0&&this.requiredLabel===void 0?this.dictionary.schedulerEventEditor.titleRequired:`${this.titleLabel??this.dictionary.schedulerEventEditor.title} ${this.requiredLabel??this.dictionary.schedulerEventEditor.required}`}</span
+            >`:d}
 
         <eun-textarea
           label=${this.descriptionLabel??this.dictionary.schedulerEventEditor.description}
           .value=${this.formDescription}
-          @eunchange=${i=>{this.formDescription=i.target.value??""}}
+          @eunchange=${r=>{this.formDescription=r.target.value??""}}
         ></eun-textarea>
 
         <eun-checkbox
           label=${this.allDayLabel??this.dictionary.schedulerEventEditor.allDay}
           ?checked=${this.formAllDay}
-          @eunchange=${i=>{this.formAllDay=i.target.checked}}
+          @eunchange=${r=>{this.formAllDay=r.target.checked}}
         ></eun-checkbox>
 
-        ${this.formAllDay?l`
-              <div class="row">
-                <eun-date-picker
-                  ?required=${!0}
-                  label=${this.dateLabel??this.dictionary.schedulerEventEditor.date}
-                  .value=${this.formDate}
-                  locale=${c(this.locale)}
-                  @eunchange=${i=>{let u=i.target.value;u&&(this.formDate=n(u))}}
-                ></eun-date-picker>
-                <eun-date-picker
-                  ?required=${!0}
-                  label=${this.endDateLabel??this.dictionary.schedulerEventEditor.endDate}
-                  .value=${this.formEndDate}
-                  locale=${c(this.locale)}
-                  @eunchange=${i=>{let u=i.target.value;u&&(this.formEndDate=n(u))}}
-                ></eun-date-picker>
-              </div>
-            `:l`
-              <eun-date-picker
-                ?required=${!0}
-                label=${this.dateLabel??this.dictionary.schedulerEventEditor.date}
-                .value=${this.formDate}
-                locale=${c(this.locale)}
-                @eunchange=${i=>{let u=i.target.value;u&&(this.formDate=n(u))}}
-              ></eun-date-picker>
+        <div class="row">
+          <eun-date-picker
+            ?required=${!0}
+            label=${this.dateLabel??this.dictionary.schedulerEventEditor.date}
+            .value=${this.formDate}
+            locale=${p(this.locale)}
+            @eunchange=${r=>{let h=r.target.value;h&&this.moveStartDate(h)}}
+          ></eun-date-picker>
+          <eun-date-picker
+            ?required=${!0}
+            label=${this.endDateLabel??this.dictionary.schedulerEventEditor.endDate}
+            .value=${this.formEndDate}
+            locale=${p(this.locale)}
+            @eunchange=${r=>{let h=r.target.value;h&&(this.formEndDate=l(h))}}
+          ></eun-date-picker>
+        </div>
 
+        ${this.formAllDay?d:n`
               <div class="row">
                 <eun-time-picker
                   ?required=${!0}
                   label=${this.startTimeLabel??this.dictionary.schedulerEventEditor.startTime}
                   .value=${this.formStart}
-                  locale=${c(this.locale)}
+                  locale=${p(this.locale)}
                   mobile-mode="wheel"
-                  @eunchange=${i=>{this.formStart=i.target.value}}
+                  @eunchange=${r=>{this.formStart=r.target.value}}
                 ></eun-time-picker>
                 <eun-time-picker
                   ?required=${!0}
                   label=${this.endTimeLabel??this.dictionary.schedulerEventEditor.endTime}
                   .value=${this.formEnd}
-                  locale=${c(this.locale)}
+                  locale=${p(this.locale)}
                   mobile-mode="wheel"
-                  @eunchange=${i=>{this.formEnd=i.target.value}}
+                  @eunchange=${r=>{this.formEnd=r.target.value}}
                 ></eun-time-picker>
               </div>
             `}
+        ${this.rangeInvalid?n`<span role="alert" id="range-error" class="field-error"
+              >${this.rangeErrorLabel??this.dictionary.schedulerEventEditor.endBeforeStart}</span
+            >`:d}
 
         <eun-input
           label=${this.locationLabel??this.dictionary.schedulerEventEditor.location}
           .value=${this.formLocation}
           icon="location_on"
-          @eunchange=${i=>{this.formLocation=i.target.value??""}}
+          @eunchange=${r=>{this.formLocation=r.target.value??""}}
         ></eun-input>
 
         <div>
@@ -173,36 +177,38 @@ import{a as T,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as k}from"./chunk
               <eun-icon name="person_add" size="16"></eun-icon>
             </eun-button>
           </div>
-          ${this.guestInputError?l`<span role="alert" class="guest-error"
-                >${this.guestsLabel??this.dictionary.schedulerEventEditor.guests}</span
-              >`:m}
-          ${this.formGuests.length?l`
+          ${this.guestInputError?n`<span role="alert" class="field-error"
+                >${this.guestErrorLabel??this.dictionary.validation.typeMismatch.email}</span
+              >`:d}
+          ${this.formGuests.length?n`
                 <ul id="guests">
-                  ${this.formGuests.map(i=>l`
+                  ${this.formGuests.map(r=>n`
                       <li
                         class="guest-chip"
-                        data-status=${i.status}
-                        data-state=${f[i.status]}
+                        data-status=${r.status}
+                        data-state=${g[r.status]}
                       >
                         <eun-chip
                           appearance="outline"
-                          icon=${L[i.status]}
-                          .severity=${f[i.status]}
+                          rounded
+                          removable
+                          icon=${T[r.status]}
+                          .severity=${g[r.status]}
                           .removeLabel=${this.removeGuestLabel??this.dictionary.schedulerEventEditor.removeGuest}
-                          @eunclose=${()=>this.handleRemoveGuest(i.email)}
+                          @eunclose=${()=>this.handleRemoveGuest(r.email)}
                         >
-                          ${i.email}
+                          ${r.email}
                         </eun-chip>
                       </li>
                     `)}
                 </ul>
-              `:m}
+              `:d}
         </div>
 
         <eun-textarea
           label=${this.notesLabel??this.dictionary.schedulerEventEditor.notes}
           .value=${this.formNotes}
-          @eunchange=${i=>{this.formNotes=i.target.value??""}}
+          @eunchange=${r=>{this.formNotes=r.target.value??""}}
         ></eun-textarea>
 
         <div>
@@ -216,12 +222,12 @@ import{a as T,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as k}from"./chunk
             .value=${[this.formPriority]}
             @eunchange=${this.handlePriorityChange}
           >
-            ${I.map(i=>l`
+            ${S.map(r=>n`
                 <eun-toggle-item
-                  value=${i}
-                  color=${c(P[i])}
+                  value=${r}
+                  color=${p(q[r])}
                 >
-                  ${this.dictionary.scheduler.priorities[i]}
+                  ${this.dictionary.scheduler.priorities[r]}
                 </eun-toggle-item>
               `)}
           </eun-toggle-group>
@@ -232,28 +238,58 @@ import{a as T,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as k}from"./chunk
           label=${this.colorLabel??this.dictionary.schedulerEventEditor.color}
           hide-error
           .value=${this.formColor}
-          @eunchange=${i=>{this.formColor=i.target.value}}
+          @eunchange=${r=>{this.formColor=r.target.value}}
         >
-          ${C.map(i=>l`
-              <option value=${i.value}>${s[i.name]}</option>
+          ${k.map(r=>n`
+              <option value=${r.hex}>${a[r.name]}</option>
             `)}
         </eun-color-picker>
       </div>
 
-      ${this.hideActions?m:l`
-            <div id="actions">
-              ${this.event?l`
-                    <eun-button color="critical" @click=${this.requestDelete}>
-                      ${this.deleteLabel??this.dictionary.common.delete}
-                    </eun-button>
-                  `:m}
-              <span class="spacer"></span>
-              <eun-button appearance="ghost" @click=${this.handleCancelClick}>
-                ${this.cancelLabel??this.dictionary.common.cancel}
-              </eun-button>
-              <eun-button color="primary" @click=${this.handleSaveClick}>
-                ${this.saveLabel??this.dictionary.common.save}
-              </eun-button>
-            </div>
-          `}
-    `}};t.styles=E,r([a({attribute:!1})],t.prototype,"event",2),r([a({attribute:!1})],t.prototype,"initialStart",2),r([a({attribute:!1})],t.prototype,"initialEnd",2),r([a()],t.prototype,"locale",2),r([a({type:Boolean,attribute:"hide-actions"})],t.prototype,"hideActions",2),r([a({attribute:"title-label"})],t.prototype,"titleLabel",2),r([a({attribute:"description-label"})],t.prototype,"descriptionLabel",2),r([a({attribute:"all-day-label"})],t.prototype,"allDayLabel",2),r([a({attribute:"date-label"})],t.prototype,"dateLabel",2),r([a({attribute:"end-date-label"})],t.prototype,"endDateLabel",2),r([a({attribute:"start-time-label"})],t.prototype,"startTimeLabel",2),r([a({attribute:"end-time-label"})],t.prototype,"endTimeLabel",2),r([a({attribute:"location-label"})],t.prototype,"locationLabel",2),r([a({attribute:"notes-label"})],t.prototype,"notesLabel",2),r([a({attribute:"priority-label"})],t.prototype,"priorityLabel",2),r([a({attribute:"color-label"})],t.prototype,"colorLabel",2),r([a({attribute:"required-label"})],t.prototype,"requiredLabel",2),r([a({attribute:!1})],t.prototype,"colorLabels",2),r([a({attribute:"guests-label"})],t.prototype,"guestsLabel",2),r([a({attribute:"add-guest-label"})],t.prototype,"addGuestLabel",2),r([a({attribute:"remove-guest-label"})],t.prototype,"removeGuestLabel",2),r([a({attribute:"save-label"})],t.prototype,"saveLabel",2),r([a({attribute:"cancel-label"})],t.prototype,"cancelLabel",2),r([a({attribute:"delete-label"})],t.prototype,"deleteLabel",2),r([o()],t.prototype,"formTitle",2),r([o()],t.prototype,"formDescription",2),r([o()],t.prototype,"formAllDay",2),r([o()],t.prototype,"formDate",2),r([o()],t.prototype,"formEndDate",2),r([o()],t.prototype,"formStart",2),r([o()],t.prototype,"formEnd",2),r([o()],t.prototype,"formLocation",2),r([o()],t.prototype,"formNotes",2),r([o()],t.prototype,"formPriority",2),r([o()],t.prototype,"formColor",2),r([o()],t.prototype,"formGuests",2),r([o()],t.prototype,"guestInputValue",2),r([o()],t.prototype,"guestInputError",2),r([o()],t.prototype,"showErrors",2),t=r([b(G)],t);function N(h){let p=new Date(h);return p.setHours(p.getHours()+1,0,0,0),p}export{t as EunomiaSchedulerEventEditor,G as EunomiaSchedulerEventEditorTagName};
+      ${this.renderActions()}
+    `}renderActions(){if(this.hideActions)return d;let e=this.deleteLabel??this.dictionary.common.delete,a=this.cancelLabel??this.dictionary.common.cancel;return this.confirmingDelete?n`
+        <div
+          id="actions"
+          class="confirm"
+          role="group"
+          aria-labelledby="confirm-text"
+        >
+          <span id="confirm-text"
+            >${this.deleteConfirmLabel??this.dictionary.scheduler.deleteConfirm}</span
+          >
+          <eun-button
+            id="confirm-cancel"
+            appearance="ghost"
+            @click=${this.handleCancelDeleteClick}
+            >${a}</eun-button
+          >
+          <eun-button
+            id="confirm-delete"
+            color="critical"
+            @click=${this.handleConfirmDeleteClick}
+            >${e}</eun-button
+          >
+        </div>
+      `:n`
+      <div id="actions">
+        ${this.event?n`
+              <eun-button
+                id="delete"
+                color="critical"
+                @click=${this.handleDeleteClick}
+                >${e}</eun-button
+              >
+            `:d}
+        <span class="spacer"></span>
+        <eun-button appearance="ghost" @click=${this.handleCancelClick}
+          >${a}</eun-button
+        >
+        <eun-button
+          id="save"
+          color="primary"
+          ?disabled=${!!this.event&&!this.dirty}
+          @click=${this.handleSaveClick}
+          >${this.saveLabel??this.dictionary.common.save}</eun-button
+        >
+      </div>
+    `}};t.styles=P,i([s({attribute:!1})],t.prototype,"event",2),i([s({attribute:!1})],t.prototype,"initialStart",2),i([s({attribute:!1})],t.prototype,"initialEnd",2),i([s()],t.prototype,"locale",2),i([s({type:Boolean,attribute:"hide-actions"})],t.prototype,"hideActions",2),i([s({attribute:"title-label"})],t.prototype,"titleLabel",2),i([s({attribute:"description-label"})],t.prototype,"descriptionLabel",2),i([s({attribute:"all-day-label"})],t.prototype,"allDayLabel",2),i([s({attribute:"date-label"})],t.prototype,"dateLabel",2),i([s({attribute:"end-date-label"})],t.prototype,"endDateLabel",2),i([s({attribute:"start-time-label"})],t.prototype,"startTimeLabel",2),i([s({attribute:"end-time-label"})],t.prototype,"endTimeLabel",2),i([s({attribute:"location-label"})],t.prototype,"locationLabel",2),i([s({attribute:"notes-label"})],t.prototype,"notesLabel",2),i([s({attribute:"priority-label"})],t.prototype,"priorityLabel",2),i([s({attribute:"color-label"})],t.prototype,"colorLabel",2),i([s({attribute:"required-label"})],t.prototype,"requiredLabel",2),i([s({attribute:!1})],t.prototype,"colorLabels",2),i([s({attribute:"guests-label"})],t.prototype,"guestsLabel",2),i([s({attribute:"add-guest-label"})],t.prototype,"addGuestLabel",2),i([s({attribute:"guest-error-label"})],t.prototype,"guestErrorLabel",2),i([s({attribute:"range-error-label"})],t.prototype,"rangeErrorLabel",2),i([s({attribute:"remove-guest-label"})],t.prototype,"removeGuestLabel",2),i([s({attribute:"save-label"})],t.prototype,"saveLabel",2),i([s({attribute:"cancel-label"})],t.prototype,"cancelLabel",2),i([s({attribute:"delete-label"})],t.prototype,"deleteLabel",2),i([s({attribute:"delete-confirm-label"})],t.prototype,"deleteConfirmLabel",2),i([o()],t.prototype,"confirmingDelete",2),i([o()],t.prototype,"formTitle",2),i([o()],t.prototype,"formDescription",2),i([o()],t.prototype,"formAllDay",2),i([o()],t.prototype,"formDate",2),i([o()],t.prototype,"formEndDate",2),i([o()],t.prototype,"formStart",2),i([o()],t.prototype,"formEnd",2),i([o()],t.prototype,"formLocation",2),i([o()],t.prototype,"formNotes",2),i([o()],t.prototype,"formPriority",2),i([o()],t.prototype,"formColor",2),i([o()],t.prototype,"formGuests",2),i([o()],t.prototype,"guestInputValue",2),i([o()],t.prototype,"guestInputError",2),i([o()],t.prototype,"showErrors",2),t=i([y(N)],t);function H(u){let c=new Date(u);return c.setHours(c.getHours()+1,0,0,0),c}export{t as EunomiaSchedulerEventEditor,N as EunomiaSchedulerEventEditorTagName};

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

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-J3SZBXM6.js";import"./chunks/chunk-647ISUF4.js";import"./chunks/chunk-MJ4RDZLL.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaSchedulerEventCard,a as EunomiaSchedulerEventCardTagName};
+import{a,b}from"./chunks/chunk-A2NO4RSF.js";import"./chunks/chunk-QMXE3KLT.js";import"./chunks/chunk-TWLI2ZOT.js";import"./chunks/chunk-MJ4RDZLL.js";import"./chunks/chunk-2XPIGFBD.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaSchedulerEventCard,a as EunomiaSchedulerEventCardTagName};