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

package/dist/cdn/components/eun-password-strength.js

@@ -1,4 +1,4 @@
-import{a as f}from"./chunks/chunk-PPCHQG7P.js";import{a as x}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as s,f as c,h as u,j as l,l as v,p as i,r as g,u as h}from"./chunks/chunk-YITWLCD3.js";var L=u`
+import{a as x}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 s,f as u,h as g,j as l,l as h,p,r as f,u as m}from"./chunks/chunk-YITWLCD3.js";var R=g`
   :host {
     display: block;
     width: 100%;
@@ -81,6 +81,10 @@ import{a as f}from"./chunks/chunk-PPCHQG7P.js";import{a as x}from"./chunks/chunk
     );
   }
 
+  #label.empty {
+    visibility: hidden;
+  }
+
   #caption {
     color: var(
       --password-strength-caption-color,
@@ -116,19 +120,19 @@ import{a as f}from"./chunks/chunk-PPCHQG7P.js";import{a as x}from"./chunks/chunk
       transition: none;
     }
   }
-`,w=L;var m=[{label:"At least 8 characters",regex:/.{8,}/},{label:"Upper and lower case letters",regex:/(?=.*[a-z])(?=.*[A-Z])/},{label:"At least one number",regex:/\d/},{label:"At least one special character",regex:/[^A-Za-z0-9]/}],b=[{label:"Weak",severity:"critical"},{label:"Fair",severity:"warning"},{label:"Good",severity:"info"},{label:"Strong",severity:"success"}];function R(a,o){return o.reduce((e,r)=>e+(r.regex.test(a)?1:0),0)}function y(a,o,e){if(!a)return-1;let r=R(a,o),p=0;return e.forEach((n,d)=>{(n.rules?.length?n.rules.every(S=>S.regex.test(a)):r>=(n.minScore??d+1))&&(p=d)}),p}var T="eun-password-strength",t=class extends h{constructor(){super(...arguments);this.value="";this.label="Password strength";this.rules=m;this.levels=b;this.hideLabel=!1;this.previousLevelIndex=-1}get currentLevelIndex(){return y(this.value,this.rules,this.levels)}updated(e){if(super.updated(e),!e.has("value")&&!e.has("rules")&&!e.has("levels"))return;let r=this.currentLevelIndex;r!==this.previousLevelIndex&&(this.previousLevelIndex=r,this.announcerEl&&(this.announcerEl.textContent=r===-1?"":`${this.label}: ${this.levels[r].label}`))}render(){let e=this.currentLevelIndex,r=e===-1?void 0:this.levels[e];return i`
-      <div id="wrapper" data-severity=${f(r?.severity)}>
+`,b=R;var y=[{label:"At least 8 characters",regex:/.{8,}/},{label:"Upper and lower case letters",regex:/(?=.*[a-z])(?=.*[A-Z])/},{label:"At least one number",regex:/\d/},{label:"At least one special character",regex:/[^A-Za-z0-9]/}],c=[{label:"Weak",severity:"critical"},{label:"Fair",severity:"warning"},{label:"Good",severity:"info"},{label:"Strong",severity:"success"}];function T(a,i){return i.reduce((e,r)=>e+(r.regex.test(a)?1:0),0)}function S(a,i,e){if(!a)return-1;let r=T(a,i),n=0;return e.forEach((o,v)=>{(o.rules?.length?o.rules.every(L=>L.regex.test(a)):r>=(o.minScore??v+1))&&(n=v)}),n}var _="eun-password-strength",t=class extends w(m){constructor(){super(...arguments);this.value="";this.rules=y;this.levels=c;this.hideLabel=!1;this.previousLevelIndex=-1}get currentLevelIndex(){return S(this.value,this.rules,this.levels)}get resolvedLevels(){if(this.levels!==c)return this.levels;let e=this.dictionary.passwordStrength.levels;return this.levels.map((r,n)=>({...r,label:e[n]??r.label}))}get caption(){let{passwordStrength:e}=this.dictionary;return e.caption(this.label??e.label)}updated(e){if(super.updated(e),!e.has("value")&&!e.has("rules")&&!e.has("levels"))return;let r=this.currentLevelIndex;r!==this.previousLevelIndex&&(this.previousLevelIndex=r,this.announcerEl&&(this.announcerEl.textContent=r===-1?"":`${this.caption} ${this.resolvedLevels[r].label}`))}render(){let e=this.currentLevelIndex,r=e===-1?void 0:this.resolvedLevels[e];return p`
+      <div id="wrapper" data-severity=${x(r?.severity)}>
         <div id="segments" role="presentation" aria-hidden="true">
-          ${this.levels.map((p,n)=>i`
+          ${this.levels.map((n,o)=>p`
               <span
-                class=${x({segment:!0,filled:n<=e})}
+                class=${d({segment:!0,filled:o<=e})}
               ></span>
             `)}
         </div>
-        ${this.hideLabel||!r?g:i`
-              <span id="label">
-                <span id="caption">${this.label}:</span>
-                <span id="level-name">${r.label}</span>
+        ${this.hideLabel?f:p`
+              <span id="label" class=${d({empty:!r})}>
+                <span id="caption">${this.caption}</span>
+                <span id="level-name">${r?.label??"\xA0"}</span>
               </span>
             `}
       </div>
@@ -138,4 +142,4 @@ import{a as f}from"./chunks/chunk-PPCHQG7P.js";import{a as x}from"./chunks/chunk
         aria-live="polite"
         class="visually-hidden"
       ></div>
-    `}};t.styles=[w],s([l()],t.prototype,"value",2),s([l()],t.prototype,"label",2),s([l({type:Array})],t.prototype,"rules",2),s([l({type:Array})],t.prototype,"levels",2),s([l({type:Boolean,attribute:"hide-label"})],t.prototype,"hideLabel",2),s([v("#announcer")],t.prototype,"announcerEl",2),t=s([c(T)],t);export{t as EunomiaPasswordStrength,T as EunomiaPasswordStrengthTagName};
+    `}};t.styles=[b],s([l()],t.prototype,"value",2),s([l()],t.prototype,"label",2),s([l({type:Array})],t.prototype,"rules",2),s([l({type:Array})],t.prototype,"levels",2),s([l({type:Boolean,attribute:"hide-label"})],t.prototype,"hideLabel",2),s([h("#announcer")],t.prototype,"announcerEl",2),t=s([u(_)],t);export{t as EunomiaPasswordStrength,_ as EunomiaPasswordStrengthTagName};

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

@@ -1,4 +1,4 @@
-import{b as u}from"./chunks/chunk-PMPSJG5V.js";import{a as s}from"./chunks/chunk-FOILAXLL.js";import{f as a}from"./chunks/chunk-VOTRXBDS.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-RS7TWEMQ.js";import{a as l}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-KSZRQRN4.js";import{a as o,f as d,h as i,j as c,n,p as e,r as t}from"./chunks/chunk-YITWLCD3.js";var p=i`
+import{b as u}from"./chunks/chunk-6FYW5TQU.js";import{a as s}from"./chunks/chunk-FOILAXLL.js";import{f as a}from"./chunks/chunk-TLBXTBMM.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-3BMACIDO.js";import{a as l}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-QL5GSW2A.js";import{a as o,f as d,h as i,j as c,n,p as e,r as t}from"./chunks/chunk-YITWLCD3.js";var p=i`
   :host {
     --_borderWidth: var(--radio-card-border-width, 1px);
     --_borderColor: var(

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

@@ -1,4 +1,4 @@
-import{a as A}from"./chunks/chunk-ZBN4HTWP.js";import{a as E}from"./chunks/chunk-BO3JOEWM.js";import{b as m,c as b,d as g,e as y,f as d}from"./chunks/chunk-VOTRXBDS.js";import{a as v}from"./chunks/chunk-YYCEPZUN.js";import{a as p}from"./chunks/chunk-RS7TWEMQ.js";import"./chunks/chunk-PPCHQG7P.js";import{a as f}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-KSZRQRN4.js";import{a as r,f as l,h,j as o,l as u,p as c,u as n}from"./chunks/chunk-YITWLCD3.js";var w=h`
+import{a as k}from"./chunks/chunk-ZBN4HTWP.js";import{a as $}from"./chunks/chunk-BO3JOEWM.js";import{b as g,c as y,d as E,e as C,f as u}from"./chunks/chunk-TLBXTBMM.js";import{a as b}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk-3BMACIDO.js";import{a as h}from"./chunks/chunk-PPCHQG7P.js";import{a as v}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-QL5GSW2A.js";import{a as r,f as c,h as p,j as o,l as f,p as n,r as d,u as l}from"./chunks/chunk-YITWLCD3.js";var V=p`
   :host {
     --_container-gap: var(--radio-list-gap, var(--eun-space-s, 8px));
     --_options-gap: var(--radio-list-options-gap, var(--eun-space-s, 8px));
@@ -7,17 +7,20 @@ import{a as A}from"./chunks/chunk-ZBN4HTWP.js";import{a as E}from"./chunks/chunk
       var(--eun-color-critical-100, #aa0014)
     );
   }
-`,C=w;var x="eun-radio-list",k="eun-radio",$="eun-radio-card",L=p(y(n)),s=class extends E(g(b(L))){constructor(){super(...arguments);this.inline=!1;this.handleChangeEvent=e=>{!e.target||e.target===this||(e.stopPropagation(),this.setActive(e.target))}}get fields(){return Array.from(this.querySelectorAll(`:scope > ${k}, :scope > ${$}`))}get active(){return this.fields.find(e=>e.checked)}get value(){return this.active?.value}set value(e){this.updateComplete.then(()=>{this.fields.forEach(t=>{t.checked=t.value===e})})}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}firstUpdated(){this.fields.forEach(e=>{e.name=this.name,e.id=e.id||`radio-${this.name}-${e.value}`}),this.defaultValue!==void 0&&(this.fields.forEach(e=>{e.checked=e.value===this.defaultValue}),this.value=this.defaultValue,this.sendChangeEvent()),Promise.all(this.fields.map(e=>e.updateComplete)).then(()=>{this.active&&this.optionsList&&this.optionsList.setAttribute("aria-activedescendant",this.active.id),this.setFocus(),this.checkValidity(this.value)})}connectedCallback(){super.connectedCallback?.(),this.addEventListener("eunchange",this.handleChangeEvent,{capture:!0}),this.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){this.removeEventListener("eunchange",this.handleChangeEvent),this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback?.()}updated(e){if(super.updated(e),e.has("disabled")&&(this.fields.forEach(t=>{t.disabled=this.disabled}),this.setFocus()),e.has("readonly")&&(this.fields.forEach(t=>{t.readonly=this.readonly}),this.setFocus()),m(e)){let{showError:t}=this;this.fields.forEach(i=>{i.valid=!t,i.validationRequested=t})}e.has("label")&&!this.hasAttribute("aria-label")&&this.setAttribute("aria-label",`${this.label}. ${this.instructions??""}`),e.has("name")&&this.fields.forEach(t=>{t.name=this.name})}getFocusAnchor(){return this.querySelector(`${k}, ${$}`)}focus(){super.focus?.(),(this.active??this.fields[0])?.focus?.()}handleKeydown(e){let t=this.fields.filter(a=>!a.disabled&&!a.readonly);if(!t.length)return;let i=t.findIndex(a=>a.checked);switch(e.key){case" ":{if(e.preventDefault(),i!==-1)return;i=0;break}case"ArrowDown":case"ArrowRight":{e.preventDefault(),i=i===-1?0:(i+1)%t.length;break}case"ArrowUp":case"ArrowLeft":{e.preventDefault(),i=i===-1?t.length-1:(t.length+i-1)%t.length;break}default:return}this.setActive(t[i],!0)}setFocus(){if(!this.fields.length||(this.fields.forEach(t=>{t.setAttribute("tabindex","-1")}),this.readonly||this.disabled))return;let e=this.active??this.fields[0];e&&!e.disabled&&!e.readonly&&e.setAttribute("tabindex","0")}setActive(e,t=!1){this.disabled||this.readonly||!e||!this.optionsList||(this.optionsList.setAttribute("aria-activedescendant",e.id),t&&e.focus(),this.fields.forEach(i=>{let a=i===e;i.checked=a,i.setAttribute("tabindex",a?"0":"-1")}),this.sendChangeEvent())}formResetCallback(){super.formResetCallback?.(),this.updateComplete.then(()=>{this.setFocus(),this.sendChangeEvent()})}sendChangeEvent(){this.checkValidity(this.value),this.dispatchEvent(new v(this.value))}handleSlotChange(){this.fields.forEach(e=>{e.name=this.name,e.id=e.id||`radio-${this.name}-${e.value}`})}render(){return c`
-      <fieldset id="fieldset">
+`,A=V;var M="eun-radio-list",w="eun-radio",x="eun-radio-card",R=m(C(l)),s=class extends $(E(y(R))){constructor(){super(...arguments);this.errorOnChange=!0;this.inline=!1;this.handleChangeEvent=e=>{!e.target||e.target===this||(e.stopPropagation(),this.setActive(e.target))}}get fields(){return Array.from(this.querySelectorAll(`:scope > ${w}, :scope > ${x}`))}get active(){return this.fields.find(e=>e.checked)}get value(){return this.active?.value}set value(e){this.updateComplete.then(()=>{this.fields.forEach(t=>{t.checked=t.value===e})})}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}firstUpdated(){this.fields.forEach(e=>{e.name=this.name,e.id=e.id||`radio-${this.name}-${e.value}`}),this.defaultValue!==void 0&&(this.fields.forEach(e=>{e.checked=e.value===this.defaultValue}),this.value=this.defaultValue,this.sendChangeEvent()),Promise.all(this.fields.map(e=>e.updateComplete)).then(()=>{this.setFocus(),this.checkValidity(this.value)})}connectedCallback(){super.connectedCallback?.(),this.addEventListener("eunchange",this.handleChangeEvent,{capture:!0}),this.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){this.removeEventListener("eunchange",this.handleChangeEvent),this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback?.()}isGroupChange(e,t){return e.has(t)&&(this[t]||e.get(t)!==void 0)}updated(e){if(super.updated(e),this.isGroupChange(e,"disabled")&&(this.fields.forEach(t=>{t.disabled=this.disabled}),this.setFocus()),this.isGroupChange(e,"readonly")&&(this.fields.forEach(t=>{t.readonly=this.readonly}),this.setFocus()),g(e)){let{showError:t}=this;this.fields.forEach(i=>{i.valid=!t,i.validationRequested=t})}e.has("name")&&this.fields.forEach(t=>{t.name=this.name})}getFocusAnchor(){return this.querySelector(`${w}, ${x}`)}focus(){super.focus?.(),(this.active??this.fields[0])?.focus?.()}handleKeydown(e){let t=this.fields.filter(a=>!a.disabled&&!a.readonly);if(!t.length)return;let i=t.findIndex(a=>a.checked);switch(e.key){case" ":{if(e.preventDefault(),i!==-1)return;i=0;break}case"ArrowDown":case"ArrowRight":{e.preventDefault(),i=i===-1?0:(i+1)%t.length;break}case"ArrowUp":case"ArrowLeft":{e.preventDefault(),i=i===-1?t.length-1:(t.length+i-1)%t.length;break}default:return}this.setActive(t[i],!0)}setFocus(){if(!this.fields.length||(this.fields.forEach(t=>{t.setAttribute("tabindex","-1")}),this.readonly||this.disabled))return;let e=this.active??this.fields.find(t=>!t.disabled&&!t.readonly);e&&!e.disabled&&!e.readonly&&e.setAttribute("tabindex","0")}setActive(e,t=!1){this.disabled||this.readonly||!e||!this.optionsList||(t&&e.focus(),this.fields.forEach(i=>{let a=i===e;i.checked=a,i.setAttribute("tabindex",a?"0":"-1")}),this.sendChangeEvent())}formResetCallback(){super.formResetCallback?.(),this.updateComplete.then(()=>{this.setFocus(),this.sendChangeEvent()})}sendChangeEvent(){this.checkValidity(this.value),this.dispatchEvent(new b(this.value))}handleSlotChange(){this.fields.forEach(e=>{e.name=this.name,e.id=e.id||`radio-${this.name}-${e.value}`})}render(){let e=this.renderDescription(),t=[this.instructions?"group-instructions":"",e===d?"":"description"].filter(Boolean).join(" ")||void 0;return n`
+      <fieldset id="fieldset" role="presentation">
         <div id="legend">${this.renderFormLabels("options")}</div>
+        ${this.instructions?n`<span id="group-instructions" hidden
+              >${this.instructions}</span
+            >`:d}
         <div
           id="options"
           part="options"
           role="radiogroup"
-          class=${f({inline:this.inline})}
+          class=${v({inline:this.inline})}
           ?disabled=${this.disabled}
-          aria-labelledby="legend"
-          aria-describedby="messages"
+          aria-label=${h(this.label)}
+          aria-describedby=${h(t)}
           aria-disabled=${this.disabled?"true":"false"}
           aria-readonly=${this.readonly?"true":"false"}
           aria-required=${this.required?"true":"false"}
@@ -25,6 +28,6 @@ import{a as A}from"./chunks/chunk-ZBN4HTWP.js";import{a as E}from"./chunks/chunk
         >
           <slot @slotchange=${this.handleSlotChange}></slot>
         </div>
-        ${this.renderDescription()}
+        ${e}
       </fieldset>
-    `}};s.styles=[C,A,d.base,d.errorMessages],s.shadowRootOptions={...n.shadowRootOptions,delegatesFocus:!0},r([o({type:Boolean,reflect:!0})],s.prototype,"inline",2),r([u("#options")],s.prototype,"optionsList",2),r([o({attribute:"default-value"})],s.prototype,"defaultValue",1),s=r([l(x)],s);export{s as EunomiaRadioList,x as EunomiaRadioListTagName};
+    `}};s.styles=[A,k,u.base,u.errorMessages],s.shadowRootOptions={...l.shadowRootOptions,delegatesFocus:!0},r([o({type:Boolean,reflect:!0})],s.prototype,"inline",2),r([f("#options")],s.prototype,"optionsList",2),r([o({attribute:"default-value"})],s.prototype,"defaultValue",1),s=r([c(M)],s);export{s as EunomiaRadioList,M as EunomiaRadioListTagName};

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

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-PMPSJG5V.js";import"./chunks/chunk-VOTRXBDS.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-RS7TWEMQ.js";import"./chunks/chunk-KSZRQRN4.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaRadio,a as EunomiaRadioTagName};
+import{a,b}from"./chunks/chunk-6FYW5TQU.js";import"./chunks/chunk-TLBXTBMM.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-3BMACIDO.js";import"./chunks/chunk-QL5GSW2A.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaRadio,a as EunomiaRadioTagName};

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

@@ -0,0 +1,276 @@
+import{a as _}from"./chunks/chunk-B5XMGWM7.js";import"./chunks/chunk-VJCNHMQZ.js";import{a as E}from"./chunks/chunk-BO3JOEWM.js";import{c as T,d as L,e as C,f as c}from"./chunks/chunk-TLBXTBMM.js";import{a as I}from"./chunks/chunk-YYCEPZUN.js";import{a as S}from"./chunks/chunk-3BMACIDO.js";import{a as w}from"./chunks/chunk-22D3SRFR.js";import{a as M}from"./chunks/chunk-PPCHQG7P.js";import{a as m}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as k}from"./chunks/chunk-62RLISRD.js";import{a as $}from"./chunks/chunk-QL5GSW2A.js";import{a,f as v,h as b,j as s,k as y,l as g,p as l,r as d,u as x}from"./chunks/chunk-YITWLCD3.js";var V=b`
+  :host {
+    --_iconSize: var(--rating-size, 24px);
+    --_gap: var(--rating-gap, var(--eun-space-xs, 4px));
+    --_color: var(--rating-color, var(--eun-color-primary-500, #3d6fff));
+    --_emptyColor: var(
+      --rating-empty-color,
+      color-mix(
+        in srgb,
+        var(--eun-text-color, #071621) 55%,
+        var(--eun-surface-color, #ffffff)
+      )
+    );
+    --_errorColor: var(
+      --rating-error-color,
+      var(--eun-color-critical-100, #aa0014)
+    );
+    --_hintColor: var(--rating-hint-color, var(--eun-text-secondary, #484e61));
+    --_focusIndicator: var(
+      --rating-focus-outline-color,
+      var(--eun-color-primary-500, #3d6fff)
+    );
+    font-family: var(--eun-font-family, "Mulish", sans-serif);
+    font-size: var(--eun-font-size-s, 14px);
+    display: inline-block;
+    vertical-align: middle;
+    outline: none;
+  }
+
+  #wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: var(--eun-space-xs, 4px);
+  }
+
+  #control {
+    display: flex;
+    align-items: center;
+    gap: var(--eun-space-s, 8px);
+  }
+
+  #items {
+    display: flex;
+    gap: var(--_gap);
+    cursor: pointer;
+  }
+
+  .item {
+    position: relative;
+    flex: none;
+    width: var(--_iconSize);
+    height: var(--_iconSize);
+  }
+
+  :host([display-only]) #items {
+    cursor: default;
+  }
+
+  .icon {
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+  }
+
+  .icon eun-icon {
+    --icon-size: var(--_iconSize);
+    display: block;
+    width: var(--_iconSize);
+    height: var(--_iconSize);
+  }
+
+  .empty {
+    --icon-color: var(--_emptyColor);
+  }
+
+  .fill {
+    position: absolute;
+    inset-block: 0;
+    inset-inline-start: 0;
+    overflow: hidden;
+    --icon-color: var(--_color);
+  }
+
+  .fill eun-icon {
+    flex: none;
+  }
+
+  input {
+    position: absolute;
+    inset-block: 0;
+    inset-inline-start: 0;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    opacity: 0;
+    appearance: none;
+    pointer-events: none;
+  }
+
+  input.half {
+    width: 50%;
+  }
+
+  input.end {
+    inset-inline-start: 50%;
+    width: 50%;
+  }
+
+  .focus-ring {
+    position: absolute;
+    inset: -3px;
+    border-radius: var(--eun-border-radius-s, 4px);
+    outline: 2px solid transparent;
+    pointer-events: none;
+    transition: outline-color var(--eun-duration-s, 150ms)
+      var(--eun-easing-default, ease);
+  }
+
+  .focus-ring.half {
+    inset-inline-end: 50%;
+  }
+
+  input:focus-visible + .focus-ring {
+    outline-color: var(--_focusIndicator);
+  }
+
+  #clear {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 24px;
+    min-height: 24px;
+    padding: 2px;
+    border: none;
+    border-radius: 50%;
+    background: transparent;
+    color: var(--eun-text-secondary, #484e61);
+    cursor: pointer;
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+    --icon-size: 18px;
+    transition:
+      background-color var(--eun-duration-s, 150ms)
+        var(--eun-easing-default, ease),
+      outline-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease);
+  }
+
+  #clear:hover {
+    background: var(--eun-content-hover, #9696961a);
+  }
+
+  #clear:active {
+    background: var(--eun-content-pressed, #e4e6e8);
+  }
+
+  #clear:focus-visible {
+    outline-color: var(--_focusIndicator);
+  }
+
+  #items[aria-invalid="true"] {
+    --_emptyColor: var(--_errorColor);
+  }
+
+  :host([aria-readonly="true"]) {
+    --_color: var(--eun-readonly-color, #666e8a);
+  }
+
+  :host([aria-readonly="true"]) #items {
+    cursor: default;
+  }
+
+  :host([aria-disabled="true"]) {
+    --_color: var(--eun-text-disabled-color, #8d93aa);
+    --_emptyColor: var(--eun-disabled-content, #c1c9d6);
+  }
+
+  :host([aria-disabled="true"]) #items {
+    cursor: not-allowed;
+  }
+
+  @media (forced-colors: active) {
+    .fill {
+      --icon-color: CanvasText;
+    }
+
+    .empty {
+      --icon-color: CanvasText;
+    }
+
+    input:focus-visible + .focus-ring,
+    #clear:focus-visible {
+      outline-color: Highlight;
+    }
+
+    :host([aria-disabled="true"]) .icon eun-icon {
+      --icon-color: GrayText;
+    }
+  }
+`,N=V;var F="eun-rating",z=S(C(x)),H=k(E(L(T(z)))),n=class extends H{constructor(){super(...arguments);this.errorOnChange=!0;this.max=5;this.step=1;this.displayOnly=!1;this.clearable=!1;this.icon="star";this.emptyIcon="star_border";this.handleClick=e=>{if(this.locked||e.target instanceof HTMLInputElement)return;let t=this.valueAtPointer(e);t!==void 0&&(this.pick(t),this.radioFor(t)?.focus({preventScroll:!0}))};this.handlePointerMove=e=>{this.locked||e.pointerType!=="mouse"||(this.hoverValue=this.valueAtPointer(e))};this.handlePointerLeave=()=>{this.hoverValue=void 0};this.handleChange=e=>{this.locked||this.pick(Number(e.target.value))};this.handleRadioClick=e=>{this.readonly&&e.preventDefault()};this.handleKeydown=e=>{if(!(e.target instanceof HTMLInputElement))return;let t=this.resolvedStep,i=getComputedStyle(this).direction==="rtl",o=this.value??0,r;switch(e.key){case"ArrowRight":r=o+(i?-t:t);break;case"ArrowLeft":r=o+(i?t:-t);break;case"ArrowDown":r=o+t;break;case"ArrowUp":r=o-t;break;case"Home":r=t;break;case"End":r=this.count;break;case" ":this.readonly&&e.preventDefault();return;default:return}if(e.preventDefault(),this.readonly)return;let u=Math.min(this.count,Math.max(t,r));this.pick(u),this.radioFor(u)?.focus()};this.handleClear=async()=>{this.pick(void 0),await this.updateComplete,this.focus()}}get value(){return super.value}set value(e){super.value=this.clamp(e)}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}get count(){let e=Math.round(this.max);return Number.isFinite(e)&&e>=1?e:5}get resolvedStep(){return Number(this.step)===.5?.5:1}clamp(e){if(e==null||e==="")return;let t=Number(e);if(!(!Number.isFinite(t)||t<=0))return Math.min(t,this.count)}snap(e){let t=this.clamp(e);if(t===void 0||this.displayOnly)return t;let i=this.resolvedStep;return Math.min(this.count,Math.max(i,Math.round(t/i)*i))}format(e){let t=this.locale??$();try{return new Intl.NumberFormat(t,{maximumFractionDigits:2}).format(e)}catch{return String(e)}}valueText(e){return this.dictionary.rating.valueText(this.format(e),this.format(this.count))}radioFor(e){let t=this.itemsEl?.querySelectorAll("input");return Array.from(t??[]).find(i=>Number(i.value)===e)??null}get tabStopValue(){return this.value??this.resolvedStep}get hostTabStop(){return!1}getFocusAnchor(){return this.radioFor(this.tabStopValue)??void 0}focus(e){super.focus?.(e),this.radioFor(this.tabStopValue)?.focus(e)}pick(e){e!==this.value&&(this.value=e,this.dispatchEvent(new I(this.value)))}get locked(){return this.disabled||this.readonly||this.displayOnly}valueAtPointer(e){let t=getComputedStyle(this).direction==="rtl",i=e.target.closest(".item");if(!i){let p;return this.itemsEl?.querySelectorAll(".item").forEach(h=>{let f=h.getBoundingClientRect();(t?f.right>=e.clientX:f.left<=e.clientX)&&(p=h)}),p?Number(p.dataset.index):void 0}let o=Number(i.dataset.index);if(this.resolvedStep===1)return o;let r=i.getBoundingClientRect(),u=r.width?(e.clientX-r.left)/r.width:1;return(t?1-u:u)<=.5?o-.5:o}willUpdate(e){if(["value","valueState","max","step","displayOnly"].some(t=>e.has(t))){let t=this.snap(this.value);t!==this.value&&(this.value=t)}(e.has("disabled")||e.has("readonly"))&&(this.hoverValue=void 0),super.willUpdate(e)}renderIcon(e){return l`
+      <span class="icon" aria-hidden="true">
+        <eun-icon class="empty" name=${this.emptyIcon}></eun-icon>
+        <span class="fill" style=${w({width:`${e*100}%`})}>
+          <eun-icon name=${this.icon}></eun-icon>
+        </span>
+      </span>
+    `}renderRadio(e){let t=!Number.isInteger(e),i=m({half:t,end:!t&&this.resolvedStep===.5});return l`
+      <input
+        type="radio"
+        name="rating"
+        class=${i}
+        .value=${String(e)}
+        .checked=${_(this.value===e)}
+        ?disabled=${this.disabled}
+        tabindex=${e===this.tabStopValue?"0":"-1"}
+        aria-label=${this.valueText(e)}
+        @click=${this.handleRadioClick}
+      />
+      <span class="focus-ring ${t?"half":""}" aria-hidden="true"></span>
+    `}renderDisplay(){let{rating:e}=this.dictionary,t=this.value,i=t===void 0?e.noValue:this.valueText(t);return l`
+      <div
+        id="items"
+        part="items"
+        role="img"
+        aria-label=${e.summary(this.label||e.label,i)}
+      >
+        ${Array.from({length:this.count},(o,r)=>l`<span class="item">
+              ${this.renderIcon(Math.min(1,Math.max(0,(t??0)-r)))}
+            </span>`)}
+      </div>
+    `}renderClear(){return!this.clearable||this.value===void 0||this.locked?d:l`
+      <button
+        type="button"
+        id="clear"
+        part="clear"
+        aria-label=${this.clearLabel??this.dictionary.rating.clear}
+        @click=${this.handleClear}
+      >
+        <eun-icon name="close" aria-hidden="true"></eun-icon>
+      </button>
+    `}render(){if(this.displayOnly)return l`<div id="wrapper">${this.renderDisplay()}</div>`;let e=this.renderDescription(),t=[this.instructions?"group-instructions":"",e===d?"":"description"].filter(Boolean).join(" ")||void 0,i=this.hoverValue??this.value??0;return l`
+      <div id="wrapper">
+        ${this.renderFormLabels()}
+        ${this.instructions?l`<span id="group-instructions" hidden
+              >${this.instructions}</span
+            >`:d}
+        <div id="control">
+          <div
+            id="items"
+            part="items"
+            role="radiogroup"
+            class=${m({preview:this.hoverValue!==void 0})}
+            aria-label=${this.label||this.dictionary.rating.label}
+            aria-describedby=${M(t)}
+            aria-required=${this.required?"true":d}
+            aria-readonly=${this.readonly?"true":d}
+            aria-disabled=${this.disabled?"true":d}
+            aria-invalid=${this.showError?"true":"false"}
+            @click=${this.handleClick}
+            @change=${this.handleChange}
+            @keydown=${this.handleKeydown}
+            @pointermove=${this.handlePointerMove}
+            @pointerleave=${this.handlePointerLeave}
+          >
+            ${Array.from({length:this.count},(o,r)=>{let u=r+1;return l`
+                <span class="item" data-index=${u}>
+                  ${this.renderIcon(Math.min(1,Math.max(0,i-r)))}
+                  ${this.resolvedStep===.5?this.renderRadio(u-.5):d}
+                  ${this.renderRadio(u)}
+                </span>
+              `})}
+          </div>
+          ${this.renderClear()}
+        </div>
+        ${e}
+      </div>
+    `}};n.styles=[N,c.base,c.errorMessages,c.hintMessages],a([s({type:Number})],n.prototype,"max",2),a([s({type:Number})],n.prototype,"step",2),a([s({type:Boolean,attribute:"display-only",reflect:!0})],n.prototype,"displayOnly",2),a([s({type:Boolean,reflect:!0})],n.prototype,"clearable",2),a([s({attribute:"clear-label"})],n.prototype,"clearLabel",2),a([s()],n.prototype,"icon",2),a([s({attribute:"empty-icon"})],n.prototype,"emptyIcon",2),a([y()],n.prototype,"hoverValue",2),a([s({type:Number})],n.prototype,"value",1),a([s({attribute:"default-value",type:Number})],n.prototype,"defaultValue",1),a([g("#items")],n.prototype,"itemsEl",2),n=a([v(F)],n);export{n as EunomiaRating,F as EunomiaRatingTagName};

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

@@ -1,4 +1,4 @@
-import{a as L,b as k}from"./chunks/chunk-IKAZYVB7.js";import{a as D}from"./chunks/chunk-BRSNQMCD.js";import{b as $,c as f}from"./chunks/chunk-647ISUF4.js";import{a as n,b as g,j as y}from"./chunks/chunk-MJ4RDZLL.js";import{a as p}from"./chunks/chunk-PPCHQG7P.js";import{a,f as d,h as b,j as r,k as s,p as l,r as c,u as v}from"./chunks/chunk-YITWLCD3.js";var x=b`
+import{a as k,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as L}from"./chunks/chunk-BRSNQMCD.js";import{b as D,c as f}from"./chunks/chunk-647ISUF4.js";import{a as n,b as y,j as $}from"./chunks/chunk-MJ4RDZLL.js";import{a as p}from"./chunks/chunk-PPCHQG7P.js";import{a as g}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a,f as d,h as b,j as r,k as s,p as l,r as c,u as v}from"./chunks/chunk-YITWLCD3.js";var w=b`
   :host {
     display: block;
     font-family: var(--eun-font-family, "Mulish", sans-serif);
@@ -66,7 +66,7 @@ import{a as L,b as k}from"./chunks/chunk-IKAZYVB7.js";import{a as D}from"./chunk
   #actions .spacer {
     flex: 1 1 auto;
   }
-`,T=x;var h=class u extends Event{static{this.eventName="eunguestinvite"}constructor(m,t){super(u.eventName,{bubbles:!0,composed:!1}),this.email=m,this.eventId=t}};var w="eun-scheduler-event-editor",C=[{name:"red",value:"#f14959"},{name:"purple",value:"#9562e3"},{name:"yellow",value:"#f0f050"},{name:"blue",value:"#3bb3b9"},{name:"green",value:"#49f15f"},{name:"pink",value:"#d05df3"}],G=["low","medium","high","critical"],P={low:"success",high:"warning",critical:"critical"},I=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,i=class extends v{constructor(){super(...arguments);this.hideActions=!1;this.titleLabel="Title";this.descriptionLabel="Description";this.allDayLabel="All day";this.dateLabel="Date";this.endDateLabel="End date";this.startTimeLabel="Start time";this.endTimeLabel="End time";this.locationLabel="Location";this.notesLabel="Notes";this.priorityLabel="Priority";this.colorLabel="Color";this.requiredLabel="is required";this.colorLabels={red:"Red",purple:"Purple",yellow:"Yellow",blue:"Blue",green:"Green",pink:"Pink"};this.guestsLabel="Guests";this.addGuestLabel="Add guest";this.removeGuestLabel="Remove";this.saveLabel="Save";this.cancelLabel="Cancel";this.deleteLabel="Delete";this.formTitle="";this.formDescription="";this.formAllDay=!1;this.formDate=n(new Date);this.formEndDate=n(new Date);this.formStart=null;this.formEnd=null;this.formLocation="";this.formNotes="";this.formPriority="medium";this.formColor="#3bb3b9";this.formGuests=[];this.guestInputValue="";this.guestInputError=!1;this.showErrors=!1;this.seedSnapshot="";this.handleSaveClick=()=>{this.requestSave()};this.handleCancelClick=()=>{this.seedForm()};this.handlePriorityChange=t=>{this.formPriority=t.target.value[0]};this.handleGuestInputChange=t=>{this.guestInputValue=t.target.value??"",this.guestInputError=!1};this.handleGuestInputKeydown=t=>{t.key==="Enter"&&(t.preventDefault(),this.addGuest())};this.handleAddGuestClick=()=>{this.addGuest()};this.handleRemoveGuest=t=>{this.formGuests=this.formGuests.filter(e=>e.email!==t)}}connectedCallback(){super.connectedCallback?.(),this.seedForm()}willUpdate(t){(t.has("event")||t.has("initialStart")||t.has("initialEnd"))&&this.seedForm(),super.willUpdate(t)}updated(t){super.updated(t),["formTitle","formDescription","formAllDay","formDate","formEndDate","formStart","formEnd","formLocation","formNotes","formPriority","formColor","formGuests"].some(o=>t.has(o))&&this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}seedForm(){let t=this.event;if(t)this.formTitle=t.title,this.formDescription=t.description??"",this.formAllDay=!!t.allDay,this.formDate=n(t.start),this.formEndDate=n(t.end),this.formStart=t.start,this.formEnd=t.end,this.formLocation=t.location??"",this.formNotes=t.notes??"",this.formPriority=t.priority??"medium",this.formColor=t.color,this.formGuests=t.guests?t.guests.map(e=>({...e})):[];else{let e=this.initialStart??A(new Date),o=this.initialEnd??y(e,1);this.formTitle="",this.formDescription="",this.formAllDay=!1,this.formDate=n(e),this.formEndDate=n(e),this.formStart=e,this.formEnd=o,this.formLocation="",this.formNotes="",this.formPriority="medium",this.formColor="blue",this.formGuests=[]}this.guestInputValue="",this.guestInputError=!1,this.showErrors=!1,this.seedSnapshot=this.snapshot()}snapshot(){return JSON.stringify({title:this.formTitle,description:this.formDescription,allDay:this.formAllDay,date:this.formDate.getTime(),endDate:this.formEndDate.getTime(),start:this.formStart?.getTime(),end:this.formEnd?.getTime(),location:this.formLocation,notes:this.formNotes,priority:this.formPriority,color:this.formColor,guests:this.formGuests})}get dirty(){return this.snapshot()!==this.seedSnapshot}get isEditing(){return!!this.event}composeStartEnd(){if(this.formAllDay)return{start:n(this.formDate),end:g(this.formEndDate)};if(!this.formStart||!this.formEnd)return null;let t=new Date(this.formDate);t.setHours(this.formStart.getHours(),this.formStart.getMinutes(),0,0);let e=new Date(this.formDate);return e.setHours(this.formEnd.getHours(),this.formEnd.getMinutes(),0,0),e.getTime()<=t.getTime()&&e.setDate(e.getDate()+1),{start:t,end:e}}get valid(){if(!this.formTitle.trim())return!1;let t=this.composeStartEnd();return!!t&&t.end.getTime()>t.start.getTime()}requestSave(){if(!this.valid)return this.showErrors=!0,!1;let t=this.composeStartEnd(),e={id:this.event?.id??crypto.randomUUID(),title:this.formTitle.trim(),description:this.formDescription||void 0,allDay:this.formAllDay,start:t.start,end:t.end,location:this.formLocation||void 0,notes:this.formNotes||void 0,color:this.formColor,priority:this.formPriority,guests:this.formGuests.length?this.formGuests:void 0};return this.dispatchEvent(this.event?new D(e):new L(e)),this.event=e,this.seedSnapshot=this.snapshot(),!0}requestDelete(){this.event&&this.dispatchEvent(new k(this.event.id))}addGuest(){let t=this.guestInputValue.trim();if(!t)return;if(!I.test(t)){this.guestInputError=!0;return}let e=this.formGuests.some(o=>o.email.toLowerCase()===t.toLowerCase());this.guestInputValue="",this.guestInputError=!1,!e&&(this.formGuests=[...this.formGuests,{email:t,status:"pending"}],this.dispatchEvent(new h(t,this.event?.id)))}render(){let t=this.showErrors&&!this.formTitle.trim();return l`
+`,T=w;var h=class u extends Event{static{this.eventName="eunguestinvite"}constructor(m,t){super(u.eventName,{bubbles:!0,composed:!1}),this.email=m,this.eventId=t}};var C="eun-scheduler-event-editor",G=[{name:"red",value:"#f14959"},{name:"purple",value:"#9562e3"},{name:"yellow",value:"#f0f050"},{name:"blue",value:"#3bb3b9"},{name:"green",value:"#49f15f"},{name:"pink",value:"#d05df3"}],P=["low","medium","high","critical"],I={low:"success",high:"warning",critical:"critical"},A=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,i=class extends g(v){constructor(){super(...arguments);this.hideActions=!1;this.titleLabel="Title";this.descriptionLabel="Description";this.allDayLabel="All day";this.dateLabel="Date";this.endDateLabel="End date";this.startTimeLabel="Start time";this.endTimeLabel="End time";this.locationLabel="Location";this.notesLabel="Notes";this.priorityLabel="Priority";this.colorLabel="Color";this.requiredLabel="is required";this.colorLabels={red:"Red",purple:"Purple",yellow:"Yellow",blue:"Blue",green:"Green",pink:"Pink"};this.guestsLabel="Guests";this.addGuestLabel="Add guest";this.removeGuestLabel="Remove";this.saveLabel="Save";this.deleteLabel="Delete";this.formTitle="";this.formDescription="";this.formAllDay=!1;this.formDate=n(new Date);this.formEndDate=n(new Date);this.formStart=null;this.formEnd=null;this.formLocation="";this.formNotes="";this.formPriority="medium";this.formColor="#3bb3b9";this.formGuests=[];this.guestInputValue="";this.guestInputError=!1;this.showErrors=!1;this.seedSnapshot="";this.handleSaveClick=()=>{this.requestSave()};this.handleCancelClick=()=>{this.seedForm()};this.handlePriorityChange=t=>{this.formPriority=t.target.value[0]};this.handleGuestInputChange=t=>{this.guestInputValue=t.target.value??"",this.guestInputError=!1};this.handleGuestInputKeydown=t=>{t.key==="Enter"&&(t.preventDefault(),this.addGuest())};this.handleAddGuestClick=()=>{this.addGuest()};this.handleRemoveGuest=t=>{this.formGuests=this.formGuests.filter(e=>e.email!==t)}}connectedCallback(){super.connectedCallback?.(),this.seedForm()}willUpdate(t){(t.has("event")||t.has("initialStart")||t.has("initialEnd"))&&this.seedForm(),super.willUpdate(t)}updated(t){super.updated(t),["formTitle","formDescription","formAllDay","formDate","formEndDate","formStart","formEnd","formLocation","formNotes","formPriority","formColor","formGuests"].some(o=>t.has(o))&&this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}seedForm(){let t=this.event;if(t)this.formTitle=t.title,this.formDescription=t.description??"",this.formAllDay=!!t.allDay,this.formDate=n(t.start),this.formEndDate=n(t.end),this.formStart=t.start,this.formEnd=t.end,this.formLocation=t.location??"",this.formNotes=t.notes??"",this.formPriority=t.priority??"medium",this.formColor=t.color,this.formGuests=t.guests?t.guests.map(e=>({...e})):[];else{let e=this.initialStart??N(new Date),o=this.initialEnd??$(e,1);this.formTitle="",this.formDescription="",this.formAllDay=!1,this.formDate=n(e),this.formEndDate=n(e),this.formStart=e,this.formEnd=o,this.formLocation="",this.formNotes="",this.formPriority="medium",this.formColor="blue",this.formGuests=[]}this.guestInputValue="",this.guestInputError=!1,this.showErrors=!1,this.seedSnapshot=this.snapshot()}snapshot(){return JSON.stringify({title:this.formTitle,description:this.formDescription,allDay:this.formAllDay,date:this.formDate.getTime(),endDate:this.formEndDate.getTime(),start:this.formStart?.getTime(),end:this.formEnd?.getTime(),location:this.formLocation,notes:this.formNotes,priority:this.formPriority,color:this.formColor,guests:this.formGuests})}get dirty(){return this.snapshot()!==this.seedSnapshot}get isEditing(){return!!this.event}composeStartEnd(){if(this.formAllDay)return{start:n(this.formDate),end:y(this.formEndDate)};if(!this.formStart||!this.formEnd)return null;let t=new Date(this.formDate);t.setHours(this.formStart.getHours(),this.formStart.getMinutes(),0,0);let e=new Date(this.formDate);return e.setHours(this.formEnd.getHours(),this.formEnd.getMinutes(),0,0),e.getTime()<=t.getTime()&&e.setDate(e.getDate()+1),{start:t,end:e}}get valid(){if(!this.formTitle.trim())return!1;let t=this.composeStartEnd();return!!t&&t.end.getTime()>t.start.getTime()}requestSave(){if(!this.valid)return this.showErrors=!0,!1;let t=this.composeStartEnd(),e={id:this.event?.id??crypto.randomUUID(),title:this.formTitle.trim(),description:this.formDescription||void 0,allDay:this.formAllDay,start:t.start,end:t.end,location:this.formLocation||void 0,notes:this.formNotes||void 0,color:this.formColor,priority:this.formPriority,guests:this.formGuests.length?this.formGuests:void 0};return this.dispatchEvent(this.event?new L(e):new k(e)),this.event=e,this.seedSnapshot=this.snapshot(),!0}requestDelete(){this.event&&this.dispatchEvent(new x(this.event.id))}addGuest(){let t=this.guestInputValue.trim();if(!t)return;if(!A.test(t)){this.guestInputError=!0;return}let e=this.formGuests.some(o=>o.email.toLowerCase()===t.toLowerCase());this.guestInputValue="",this.guestInputError=!1,!e&&(this.formGuests=[...this.formGuests,{email:t,status:"pending"}],this.dispatchEvent(new h(t,this.event?.id)))}render(){let t=this.showErrors&&!this.formTitle.trim();return l`
       <div id="fields">
         <eun-input
           label=${this.titleLabel}
@@ -163,7 +163,7 @@ import{a as L,b as k}from"./chunks/chunk-IKAZYVB7.js";import{a as D}from"./chunk
               @keydown=${this.handleGuestInputKeydown}
             ></eun-input>
             <eun-button
-              appearance="default"
+              appearance="soft"
               id="guest-add-button"
               color="secondary"
               aria-label=${this.addGuestLabel}
@@ -185,9 +185,9 @@ import{a as L,b as k}from"./chunks/chunk-IKAZYVB7.js";import{a as D}from"./chunk
                       >
                         <eun-chip
                           appearance="outline"
-                          icon=${$[e.status]}
+                          icon=${D[e.status]}
                           .severity=${f[e.status]}
-                          .ariaLabelRemove=${this.removeGuestLabel}
+                          .removeLabel=${this.removeGuestLabel}
                           @eunclose=${()=>this.handleRemoveGuest(e.email)}
                         >
                           ${e.email}
@@ -215,12 +215,12 @@ import{a as L,b as k}from"./chunks/chunk-IKAZYVB7.js";import{a as D}from"./chunk
             .value=${[this.formPriority]}
             @eunchange=${this.handlePriorityChange}
           >
-            ${G.map(e=>l`
+            ${P.map(e=>l`
                 <eun-toggle-item
                   value=${e}
-                  color=${p(P[e])}
+                  color=${p(I[e])}
                 >
-                  ${N(e)}
+                  ${R(e)}
                 </eun-toggle-item>
               `)}
           </eun-toggle-group>
@@ -233,7 +233,7 @@ import{a as L,b as k}from"./chunks/chunk-IKAZYVB7.js";import{a as D}from"./chunk
           .value=${this.formColor}
           @eunchange=${e=>{this.formColor=e.target.value}}
         >
-          ${C.map(e=>l`
+          ${G.map(e=>l`
               <option value=${e.value}>
                 ${this.colorLabels[e.name]}
               </option>
@@ -250,11 +250,11 @@ import{a as L,b as k}from"./chunks/chunk-IKAZYVB7.js";import{a as D}from"./chunk
                   `:c}
               <span class="spacer"></span>
               <eun-button appearance="ghost" @click=${this.handleCancelClick}>
-                ${this.cancelLabel}
+                ${this.cancelLabel??this.dictionary.common.cancel}
               </eun-button>
               <eun-button color="primary" @click=${this.handleSaveClick}>
                 ${this.saveLabel}
               </eun-button>
             </div>
           `}
-    `}};i.styles=T,a([r({attribute:!1})],i.prototype,"event",2),a([r({attribute:!1})],i.prototype,"initialStart",2),a([r({attribute:!1})],i.prototype,"initialEnd",2),a([r()],i.prototype,"locale",2),a([r({type:Boolean,attribute:"hide-actions"})],i.prototype,"hideActions",2),a([r({attribute:"title-label"})],i.prototype,"titleLabel",2),a([r({attribute:"description-label"})],i.prototype,"descriptionLabel",2),a([r({attribute:"all-day-label"})],i.prototype,"allDayLabel",2),a([r({attribute:"date-label"})],i.prototype,"dateLabel",2),a([r({attribute:"end-date-label"})],i.prototype,"endDateLabel",2),a([r({attribute:"start-time-label"})],i.prototype,"startTimeLabel",2),a([r({attribute:"end-time-label"})],i.prototype,"endTimeLabel",2),a([r({attribute:"location-label"})],i.prototype,"locationLabel",2),a([r({attribute:"notes-label"})],i.prototype,"notesLabel",2),a([r({attribute:"priority-label"})],i.prototype,"priorityLabel",2),a([r({attribute:"color-label"})],i.prototype,"colorLabel",2),a([r({attribute:"required-label"})],i.prototype,"requiredLabel",2),a([r({attribute:!1})],i.prototype,"colorLabels",2),a([r({attribute:"guests-label"})],i.prototype,"guestsLabel",2),a([r({attribute:"add-guest-label"})],i.prototype,"addGuestLabel",2),a([r({attribute:"remove-guest-label"})],i.prototype,"removeGuestLabel",2),a([r({attribute:"save-label"})],i.prototype,"saveLabel",2),a([r({attribute:"cancel-label"})],i.prototype,"cancelLabel",2),a([r({attribute:"delete-label"})],i.prototype,"deleteLabel",2),a([s()],i.prototype,"formTitle",2),a([s()],i.prototype,"formDescription",2),a([s()],i.prototype,"formAllDay",2),a([s()],i.prototype,"formDate",2),a([s()],i.prototype,"formEndDate",2),a([s()],i.prototype,"formStart",2),a([s()],i.prototype,"formEnd",2),a([s()],i.prototype,"formLocation",2),a([s()],i.prototype,"formNotes",2),a([s()],i.prototype,"formPriority",2),a([s()],i.prototype,"formColor",2),a([s()],i.prototype,"formGuests",2),a([s()],i.prototype,"guestInputValue",2),a([s()],i.prototype,"guestInputError",2),a([s()],i.prototype,"showErrors",2),i=a([d(w)],i);function A(u){let m=new Date(u);return m.setHours(m.getHours()+1,0,0,0),m}function N(u){return u.charAt(0).toUpperCase()+u.slice(1)}export{i as EunomiaSchedulerEventEditor,w as EunomiaSchedulerEventEditorTagName};
+    `}};i.styles=T,a([r({attribute:!1})],i.prototype,"event",2),a([r({attribute:!1})],i.prototype,"initialStart",2),a([r({attribute:!1})],i.prototype,"initialEnd",2),a([r()],i.prototype,"locale",2),a([r({type:Boolean,attribute:"hide-actions"})],i.prototype,"hideActions",2),a([r({attribute:"title-label"})],i.prototype,"titleLabel",2),a([r({attribute:"description-label"})],i.prototype,"descriptionLabel",2),a([r({attribute:"all-day-label"})],i.prototype,"allDayLabel",2),a([r({attribute:"date-label"})],i.prototype,"dateLabel",2),a([r({attribute:"end-date-label"})],i.prototype,"endDateLabel",2),a([r({attribute:"start-time-label"})],i.prototype,"startTimeLabel",2),a([r({attribute:"end-time-label"})],i.prototype,"endTimeLabel",2),a([r({attribute:"location-label"})],i.prototype,"locationLabel",2),a([r({attribute:"notes-label"})],i.prototype,"notesLabel",2),a([r({attribute:"priority-label"})],i.prototype,"priorityLabel",2),a([r({attribute:"color-label"})],i.prototype,"colorLabel",2),a([r({attribute:"required-label"})],i.prototype,"requiredLabel",2),a([r({attribute:!1})],i.prototype,"colorLabels",2),a([r({attribute:"guests-label"})],i.prototype,"guestsLabel",2),a([r({attribute:"add-guest-label"})],i.prototype,"addGuestLabel",2),a([r({attribute:"remove-guest-label"})],i.prototype,"removeGuestLabel",2),a([r({attribute:"save-label"})],i.prototype,"saveLabel",2),a([r({attribute:"cancel-label"})],i.prototype,"cancelLabel",2),a([r({attribute:"delete-label"})],i.prototype,"deleteLabel",2),a([s()],i.prototype,"formTitle",2),a([s()],i.prototype,"formDescription",2),a([s()],i.prototype,"formAllDay",2),a([s()],i.prototype,"formDate",2),a([s()],i.prototype,"formEndDate",2),a([s()],i.prototype,"formStart",2),a([s()],i.prototype,"formEnd",2),a([s()],i.prototype,"formLocation",2),a([s()],i.prototype,"formNotes",2),a([s()],i.prototype,"formPriority",2),a([s()],i.prototype,"formColor",2),a([s()],i.prototype,"formGuests",2),a([s()],i.prototype,"guestInputValue",2),a([s()],i.prototype,"guestInputError",2),a([s()],i.prototype,"showErrors",2),i=a([d(C)],i);function N(u){let m=new Date(u);return m.setHours(m.getHours()+1,0,0,0),m}function R(u){return u.charAt(0).toUpperCase()+u.slice(1)}export{i as EunomiaSchedulerEventEditor,C as EunomiaSchedulerEventEditorTagName};

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

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-QZ5SHR3I.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-J3SZBXM6.js";import"./chunks/chunk-647ISUF4.js";import"./chunks/chunk-MJ4RDZLL.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaSchedulerEventCard,a as EunomiaSchedulerEventCardTagName};