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

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

@@ -1,4 +1,4 @@
-import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as y}from"./chunks/chunk-SJWRE6PW.js";import{a as d}from"./chunks/chunk-5EVP7YNE.js";import{a as _,b as x}from"./chunks/chunk-5GKM5DIB.js";import{a as r,b as s,c as p,d as v,f as k,g as b,h as n,l as g,n as l,p as c,s as m}from"./chunks/chunk-XH6NREVZ.js";var $=b`
+import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as x,b as y}from"./chunks/chunk-5GKM5DIB.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{a as m}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as r,b as l,c as p,d as u,f as k,h as b,j as n,n as g,p as a,r as c,u as _}from"./chunks/chunk-YITWLCD3.js";var $=b`
   :host {
     --_color: var(--link-color, var(--eun-text-color, #071621));
     --_colorHover: var(
@@ -22,6 +22,7 @@ import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
       var(--eun-color-primary-500, #3d6fff)
     );
     --_textDecoration: var(--link-text-decoration, underline);
+    --_duration: var(--link-transition-duration, var(--eun-duration-xl, 300ms));
     --_iconColor: var(--link-icon-color, var(--_color));
     --icon-color: var(--_iconColor);
     font-size: var(--link-font-size, unset);
@@ -30,9 +31,12 @@ import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
     align-items: center;
   }
   :host([theme="dark"]) {
-    --_color: var(--link-color, rgba(255, 255, 255, 0.7));
-    --_colorHover: var(--link-color-hover, #fff);
-    --_colorFocus: var(--link-color-focus, #fff);
+    --_color: var(
+      --link-color,
+      var(--eun-text-on-inverse-secondary, rgba(255, 255, 255, 0.7))
+    );
+    --_colorHover: var(--link-color-hover, var(--eun-text-on-inverse, #fff));
+    --_colorFocus: var(--link-color-focus, var(--eun-text-on-inverse, #fff));
     --_colorVisited: var(
       --link-color-visited,
       var(--eun-color-purple-300, #bea0ed)
@@ -45,6 +49,15 @@ import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
     display: inline-flex;
     flex-shrink: 0;
   }
+  slot[name="icon"] {
+    --icon-size: var(--link-icon-size, 18px);
+    font-size: var(--link-icon-size, inherit);
+  }
+  #label {
+    border-radius: var(--link-border-radius, var(--eun-border-radius-m, 8px));
+    outline: 2px solid transparent;
+    transition: outline var(--_duration) var(--eun-easing-out, ease-out);
+  }
   #external-link-icon {
     display: inline-flex;
     flex-shrink: 0;
@@ -55,20 +68,23 @@ import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
     display: inline-flex;
     align-items: center;
     gap: var(--eun-space-s, 8px);
-    padding: var(--link-padding, 0);
+    padding: var(
+      --link-padding,
+      var(--link-padding-block, 0) var(--link-padding-inline, 0)
+    );
     background: var(--link-background, transparent);
     color: var(--_color);
     font: inherit;
     text-decoration: var(--_textDecoration);
-    text-wrap: pretty;
+    text-wrap-style: pretty;
     border-radius: var(--link-border-radius, var(--eun-border-radius-m, 8px));
     cursor: pointer;
     outline: 2px solid transparent;
     transition:
-      color 0.3s ease-out,
-      background-color 0.3s ease-out,
-      outline 0.3s ease-out,
-      text-decoration-color 0.3s ease-out;
+      color var(--_duration) var(--eun-easing-out, ease-out),
+      background-color var(--_duration) var(--eun-easing-out, ease-out),
+      outline var(--_duration) var(--eun-easing-out, ease-out),
+      text-decoration-color var(--_duration) var(--eun-easing-out, ease-out);
   }
   #link:visited {
     color: var(--_colorVisited);
@@ -109,6 +125,18 @@ import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
     outline-offset: 2px;
     --icon-color: var(--link-icon-color, var(--_colorHover));
   }
+  #link.has-icon:focus-visible {
+    background: var(--link-background, transparent);
+    outline-color: transparent;
+  }
+  #link.has-icon:focus-visible #label {
+    background: var(
+      --link-background-focus,
+      var(--link-background, transparent)
+    );
+    outline-color: var(--_colorFocus);
+    outline-offset: 2px;
+  }
 
   :host([current]) #link,
   :host([current]) #link:visited,
@@ -135,12 +163,12 @@ import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
     color: var(--_color);
     font: inherit;
     text-decoration: var(--_textDecoration);
-    text-wrap: pretty;
+    text-wrap-style: pretty;
     border-radius: var(--link-border-radius, var(--eun-border-radius-m, 8px));
     transition:
-      color 0.3s ease-out,
-      background-color 0.3s ease-out,
-      text-decoration-color 0.3s ease-out;
+      color var(--_duration) var(--eun-easing-out, ease-out),
+      background-color var(--_duration) var(--eun-easing-out, ease-out),
+      text-decoration-color var(--_duration) var(--eun-easing-out, ease-out);
   }
   ::slotted(a:visited) {
     color: var(--_colorVisited);
@@ -175,9 +203,28 @@ import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
   ::slotted(a:focus-visible) {
     color: var(--_colorHover) !important;
     text-decoration: none;
-    outline: none !important;
+    outline: none;
+  }
+  #link.has-icon ::slotted(a) {
+    outline: 2px solid transparent;
+    transition:
+      color var(--_duration) var(--eun-easing-out, ease-out),
+      background-color var(--_duration) var(--eun-easing-out, ease-out),
+      outline var(--_duration) var(--eun-easing-out, ease-out),
+      text-decoration-color var(--_duration) var(--eun-easing-out, ease-out);
+  }
+  #link.has-icon ::slotted(a:focus-visible) {
+    background: var(
+      --link-background-focus,
+      var(--link-background, transparent)
+    );
+    outline-color: var(--_colorFocus);
+    outline-offset: 2px;
+  }
+  :host(:state(focus-visible)) #link.slotted-link.has-icon {
+    --icon-color: var(--link-icon-color, var(--_colorHover));
   }
-  :host(:state(focus-visible)) #link.slotted-link {
+  :host(:state(focus-visible)) #link.slotted-link:not(.has-icon) {
     background: var(
       --link-background-focus,
       var(--link-background, transparent)
@@ -216,29 +263,29 @@ import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
     white-space: nowrap;
     border: 0;
   }
-`,H=$;var S="eun-link",e,h,t=class extends y(m){constructor(){super();this.target="_self";this.theme="light";this.visitedStyle="auto";this.current=!1;p(this,e);p(this,h,new C(this,()=>this.slottedAnchor,()=>this.dictionary.link.opensInNewTab));this.handleDefaultSlotChange=()=>{this.requestUpdate()};this.handleSlottedFocusIn=o=>{let i=o.target;i===this.slottedAnchor&&i.matches(":focus-visible")&&this.states?.add("focus-visible")};this.handleSlottedFocusOut=o=>{o.target===this.slottedAnchor&&this.states?.delete("focus-visible")};this.handleIconSlotChange=()=>{this.requestUpdate()};typeof this.attachInternals=="function"&&(this.internals=this.attachInternals())}get states(){return this.internals?.states}static get observedAttributes(){return[...super.observedAttributes,"visitedstyle"]}attributeChangedCallback(o,i,a){if(o==="visitedstyle"){this.visitedStyle=a??"auto";return}super.attributeChangedCallback(o,i,a)}get slottedAnchor(){return this.href?null:this.querySelector(":scope > a")}connectedCallback(){super.connectedCallback(),this.addEventListener("focusin",this.handleSlottedFocusIn),this.addEventListener("focusout",this.handleSlottedFocusOut)}disconnectedCallback(){this.removeEventListener("focusin",this.handleSlottedFocusIn),this.removeEventListener("focusout",this.handleSlottedFocusOut),super.disconnectedCallback()}updated(o){super.updated(o),this.syncSlottedAnchor()}syncSlottedAnchor(){let o=this.slottedAnchor;s(this,e)&&s(this,e)!==o&&(s(this,e).removeAttribute("aria-current"),v(this,e,void 0)),o&&(x(this),this.current?(o.setAttribute("aria-current","page"),v(this,e,o)):s(this,e)===o&&(o.removeAttribute("aria-current"),v(this,e,void 0)))}handleFocus(o){o.currentTarget.matches(":focus-visible")&&this.states?.add("focus-visible")}handleBlur(){this.states?.delete("focus-visible")}handleClick(o){_(this,o,this.href,this.target)}renderExternalLinkIcon(){return l`<span id="external-link-icon">
+`,H=$;var S="eun-link",e,h,t=class extends m(_){constructor(){super();this.target="_self";this.theme="light";this.visitedStyle="auto";this.current=!1;p(this,e);p(this,h,new C(this,()=>this.slottedAnchor,()=>this.dictionary.link.opensInNewTab));this.handleDefaultSlotChange=()=>{this.requestUpdate()};this.handleSlottedFocusIn=o=>{let i=o.target;i===this.slottedAnchor&&i.matches(":focus-visible")&&this.states?.add("focus-visible")};this.handleSlottedFocusOut=o=>{o.target===this.slottedAnchor&&this.states?.delete("focus-visible")};this.handleIconSlotChange=()=>{this.requestUpdate()};typeof this.attachInternals=="function"&&(this.internals=this.attachInternals())}get states(){return this.internals?.states}static get observedAttributes(){return[...super.observedAttributes,"visitedstyle"]}attributeChangedCallback(o,i,s){if(o==="visitedstyle"){this.visitedStyle=s??"auto";return}super.attributeChangedCallback(o,i,s)}get slottedAnchor(){return this.href?null:this.querySelector(":scope > a")}connectedCallback(){super.connectedCallback(),this.addEventListener("focusin",this.handleSlottedFocusIn),this.addEventListener("focusout",this.handleSlottedFocusOut)}disconnectedCallback(){this.removeEventListener("focusin",this.handleSlottedFocusIn),this.removeEventListener("focusout",this.handleSlottedFocusOut),super.disconnectedCallback()}updated(o){super.updated(o),this.syncSlottedAnchor()}syncSlottedAnchor(){let o=this.slottedAnchor;l(this,e)&&l(this,e)!==o&&(l(this,e).removeAttribute("aria-current"),u(this,e,void 0)),o&&(y(this),this.current?(o.setAttribute("aria-current","page"),u(this,e,o)):l(this,e)===o&&(o.removeAttribute("aria-current"),u(this,e,void 0)))}handleFocus(o){o.currentTarget.matches(":focus-visible")&&this.states?.add("focus-visible")}handleBlur(){this.states?.delete("focus-visible")}handleClick(o){x(this,o,this.href,this.target)}renderExternalLinkIcon(){return a`<span id="external-link-icon">
       <eun-icon name="arrow_forward" shape="round" size="14"></eun-icon>
-    </span>`}render(){let o=this.target==="_blank",i=!!this.icon||this.iconSlotEls?.length>0,a=l`<slot
+    </span>`}render(){let o=this.target==="_blank",i=!!this.icon||this.iconSlotEls?.length>0,s=a`<slot
       name="icon"
-      class=${u({"has-icon":i})}
+      class=${v({"has-icon":i})}
       @slotchange=${this.handleIconSlotChange}
     >
-      ${this.icon?l`<eun-icon name=${this.icon} size="18"></eun-icon>`:c}
-    </slot>`;if(this.slottedAnchor)return l`
+      ${this.icon?a`<eun-icon name=${this.icon}></eun-icon>`:c}
+    </slot>`;if(this.slottedAnchor)return a`
         <span
           id="link"
           part="link"
-          class=${u({"has-icon":i,"slotted-link":!0})}
+          class=${v({"has-icon":i,"slotted-link":!0})}
         >
-          ${a}
+          ${s}
           <slot @slotchange=${this.handleDefaultSlotChange}></slot>
-          ${s(this,h).isBlank?this.renderExternalLinkIcon():c}
+          ${l(this,h).isBlank?this.renderExternalLinkIcon():c}
         </span>
-      `;let f=`(${this.dictionary.link.opensInNewTab})`;return l`
+      `;let f=`(${this.dictionary.link.opensInNewTab})`;return a`
       <a
         id="link"
         part="link"
-        class=${u({"has-icon":i})}
+        class=${v({"has-icon":i})}
         href=${d(this.href)}
         target=${this.target}
         aria-current=${d(this.current?"page":void 0)}
@@ -248,9 +295,11 @@ import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
         @focus=${this.handleFocus}
         @blur=${this.handleBlur}
       >
-        ${a}
-        <slot @slotchange=${this.handleDefaultSlotChange}></slot>
-        ${o&&!this.ariaLabel?l`<span class="sr-only"> ${f}</span>`:c}
+        ${s}
+        <span id="label"
+          ><slot @slotchange=${this.handleDefaultSlotChange}></slot
+        ></span>
+        ${o&&!this.ariaLabel?a`<span class="sr-only"> ${f}</span>`:c}
         ${o?this.renderExternalLinkIcon():c}
       </a>
     `}};e=new WeakMap,h=new WeakMap,t.styles=H,r([n()],t.prototype,"href",2),r([n()],t.prototype,"target",2),r([n()],t.prototype,"icon",2),r([n({reflect:!0,converter:{toAttribute:o=>o==="light"?null:o}})],t.prototype,"theme",2),r([n({reflect:!0,attribute:"visited-style",converter:{toAttribute:o=>o==="auto"?null:o}})],t.prototype,"visitedStyle",2),r([n({type:Boolean,reflect:!0})],t.prototype,"current",2),r([g({slot:"icon"})],t.prototype,"iconSlotEls",2),t=r([k(S)],t);export{t as EunomiaLink,S as EunomiaLinkTagName};

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

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-5XJLIHAU.js";import"./chunks/chunk-MMLIPCOY.js";import"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaLoader,a as EunomiaLoaderTagName};
+import{a,b}from"./chunks/chunk-QXQ25SQS.js";import"./chunks/chunk-22D3SRFR.js";import"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaLoader,a as EunomiaLoaderTagName};

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

@@ -1,4 +1,4 @@
-import{a as m,b as h,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as n}from"./chunks/chunk-5EVP7YNE.js";import{a as t,f as d,g as p,h as r,i as u,j as s,n as i,p as a,s as f}from"./chunks/chunk-XH6NREVZ.js";var l=class c extends Event{static{this.eventName="eunconfirm"}constructor(){super(c.eventName,{bubbles:!0,composed:!0,cancelable:!0})}};var C=p`
+import{a as h,b as v,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as g}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as n}from"./chunks/chunk-PPCHQG7P.js";import{a as m}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as t,f as d,h as p,j as i,k as u,l,p as r,r as a,u as f}from"./chunks/chunk-YITWLCD3.js";var s=class c extends Event{static{this.eventName="eunconfirm"}constructor(){super(c.eventName,{bubbles:!0,composed:!0,cancelable:!0})}};var C=p`
   :host {
     display: contents;
   }
@@ -16,8 +16,10 @@ import{a as m,b as h,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
     );
     padding: var(
       --modal-padding,
-      var(--eun-space-l, 32px) var(--eun-space-m, 16px) var(--eun-space-m, 16px)
-        var(--eun-space-l, 32px)
+      var(--modal-padding-block, var(--eun-space-l, 32px))
+        var(--modal-padding-inline, var(--eun-space-m, 16px))
+        var(--modal-padding-block, var(--eun-space-m, 16px))
+        var(--modal-padding-inline, var(--eun-space-l, 32px))
     );
     box-sizing: border-box;
     display: flex;
@@ -39,8 +41,8 @@ import{a as m,b as h,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
     opacity: 0;
     transform: scale(0.96);
     transition:
-      opacity 0.18s ease,
-      transform 0.18s ease;
+      opacity var(--eun-duration-m, 200ms) var(--eun-easing-default, ease),
+      transform var(--eun-duration-m, 200ms) var(--eun-easing-default, ease);
   }
   #surface:popover-open {
     visibility: visible;
@@ -67,12 +69,17 @@ import{a as m,b as h,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
     background-color: rgba(7, 22, 33, 0);
     backdrop-filter: blur(0px);
     transition:
-      background-color 0.18s ease,
-      backdrop-filter 0.18s ease;
+      background-color var(--eun-duration-m, 200ms)
+        var(--eun-easing-default, ease),
+      backdrop-filter var(--eun-duration-m, 200ms)
+        var(--eun-easing-default, ease);
   }
   #surface:popover-open::backdrop {
     pointer-events: auto;
-    background-color: var(--modal-backdrop-color, rgba(7, 22, 33, 0.45));
+    background-color: var(
+      --modal-backdrop-color,
+      var(--eun-backdrop-color, rgba(7, 22, 33, 0.45))
+    );
     backdrop-filter: blur(var(--modal-backdrop-blur, 0px));
   }
   @starting-style {
@@ -134,12 +141,12 @@ import{a as m,b as h,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
       transition-duration: 0.01ms;
     }
   }
-`,g=C;var y="eun-modal",e=class extends v(f){constructor(){super(...arguments);this.open=!1;this.kind="dialog";this.closeOnBackdrop=!0;this.dirty=!1;this.hideActions=!1;this.closeable=!0;this.cancelLabel="Cancel";this.confirmLabel="Confirm";this.confirmColor="primary";this.ariaLabelClose="Close";this.confirmCloseHeading="Discard changes?";this.confirmCloseDescription="You have unsaved changes. This action can't be undone.";this.confirmCloseCancelLabel="Keep editing";this.confirmCloseConfirmLabel="Discard";this.mountConfirmModal=!1;this.handleDiscardConfirmed=o=>{o.stopPropagation(),this.confirmDiscard()};this.stopDialogPropagation=o=>{o.stopPropagation()};this.handleToggle=o=>{let x=o;if(this.syncingFromPopover=!0,this.open=x.newState==="open",this.syncingFromPopover=!1,this.open){this.openDialogSurface({surfaceEl:this.surfaceEl,onEscape:()=>this.requestClose(),onOutsideClick:()=>{this.closeOnBackdrop&&this.requestClose()}}),this.updateComplete.then(()=>this.focusInitialElement());return}this.closeDialogSurface()};this.handleCommandEvent=o=>{b(o,this)}}willUpdate(o){o.has("dirty")&&this.dirty&&(this.mountConfirmModal=!0)}updated(o){super.updated(o),o.has("open")&&this.syncPopoverOpenState(this.open,this.surfaceEl)}connectedCallback(){super.connectedCallback?.(),this.addEventListener("command",this.handleCommandEvent)}disconnectedCallback(){this.removeEventListener("command",this.handleCommandEvent),this.teardownDialogSurface(this.open),super.disconnectedCallback?.()}show(){this.open=!0}hide(){this.open=!1}confirm(){let o=new l;this.dispatchEvent(o),o.defaultPrevented||(this.open=!1)}cancel(){let o=new m;this.dispatchEvent(o),o.defaultPrevented||(this.open=!1)}requestClose(){if(this.dirty){let o=new h;this.dispatchEvent(o),o.defaultPrevented||this.confirmCloseModalEl?.show();return}this.cancel()}confirmDiscard(){this.dirty=!1,this.cancel()}focusInitialElement(){let o=this.querySelector("[autofocus]");if(o){o.focus();return}if(!this.hideActions){this.cancelButtonEl?.focus();return}this.surfaceEl?.focus()}renderHeader(){return!this.heading&&!this.description?a:i`
+`,x=C;var k="eun-modal",e=class extends g(m(f)){constructor(){super(...arguments);this.open=!1;this.kind="dialog";this.closeOnBackdrop=!0;this.dirty=!1;this.hideActions=!1;this.closeable=!0;this.confirmColor="primary";this.confirmCloseHeading="Discard changes?";this.confirmCloseDescription="You have unsaved changes. This action can't be undone.";this.confirmCloseCancelLabel="Keep editing";this.confirmCloseConfirmLabel="Discard";this.mountConfirmModal=!1;this.handleDiscardConfirmed=o=>{o.stopPropagation(),this.confirmDiscard()};this.stopDialogPropagation=o=>{o.stopPropagation()};this.handleToggle=o=>{let y=o;if(this.syncingFromPopover=!0,this.open=y.newState==="open",this.syncingFromPopover=!1,this.open){this.openDialogSurface({surfaceEl:this.surfaceEl,onEscape:()=>this.requestClose(),onOutsideClick:()=>{this.closeOnBackdrop&&this.requestClose()}}),this.updateComplete.then(()=>this.focusInitialElement());return}this.closeDialogSurface()};this.handleCommandEvent=o=>{b(o,this)}}willUpdate(o){o.has("dirty")&&this.dirty&&(this.mountConfirmModal=!0)}updated(o){super.updated(o),o.has("open")&&this.syncPopoverOpenState(this.open,this.surfaceEl)}connectedCallback(){super.connectedCallback?.(),this.addEventListener("command",this.handleCommandEvent)}disconnectedCallback(){this.removeEventListener("command",this.handleCommandEvent),this.teardownDialogSurface(this.open),super.disconnectedCallback?.()}show(){this.open=!0}hide(){this.open=!1}confirm(){let o=new s;this.dispatchEvent(o),o.defaultPrevented||(this.open=!1)}cancel(){let o=new h;this.dispatchEvent(o),o.defaultPrevented||(this.open=!1)}requestClose(){if(this.dirty){let o=new v;this.dispatchEvent(o),o.defaultPrevented||this.confirmCloseModalEl?.show();return}this.cancel()}confirmDiscard(){this.dirty=!1,this.cancel()}focusInitialElement(){let o=this.querySelector("[autofocus]");if(o){o.focus();return}if(!this.hideActions){this.cancelButtonEl?.focus();return}this.surfaceEl?.focus()}renderHeader(){return!this.heading&&!this.description?a:r`
       <div id="header">
-        ${this.heading?i`<h2 id="heading">${this.heading}</h2>`:a}
-        ${this.description?i`<p id="description">${this.description}</p>`:a}
+        ${this.heading?r`<h2 id="heading">${this.heading}</h2>`:a}
+        ${this.description?r`<p id="description">${this.description}</p>`:a}
       </div>
-    `}renderConfirmCloseModal(){return i`
+    `}renderConfirmCloseModal(){return r`
       <eun-modal
         id="confirm-close-modal"
         kind="alert"
@@ -150,10 +157,10 @@ import{a as m,b as h,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
         @eunconfirm=${this.handleDiscardConfirmed}
         @euncancel=${this.stopDialogPropagation}
       >
-        ${this.confirmCloseDescription?i`<p>${this.confirmCloseDescription}</p>`:a}
+        ${this.confirmCloseDescription?r`<p>${this.confirmCloseDescription}</p>`:a}
         <slot name="confirm-close"></slot>
       </eun-modal>
-    `}render(){return i`
+    `}render(){return r`
       <div
         id="surface"
         popover="manual"
@@ -165,13 +172,13 @@ import{a as m,b as h,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
         tabindex="-1"
         @toggle=${this.handleToggle}
       >
-        ${this.closeable?i`
+        ${this.closeable?r`
               <eun-button
                 id="close-button"
                 appearance="ghost"
                 rounded
                 size="xs"
-                aria-label=${this.ariaLabelClose}
+                aria-label=${this.closeLabel??this.dictionary.common.close}
                 @click=${()=>this.requestClose()}
               >
                 <eun-icon name="close" size="16"></eun-icon>
@@ -181,7 +188,7 @@ import{a as m,b as h,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
         <div id="body">
           <slot></slot>
         </div>
-        ${this.hideActions?a:i`
+        ${this.hideActions?a:r`
               <div id="actions">
                 <slot name="footer">
                   <eun-button
@@ -189,16 +196,16 @@ import{a as m,b as h,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
                     appearance="ghost"
                     color=${n(this.cancelColor)}
                     @click=${()=>this.requestClose()}
-                    >${this.cancelLabel}</eun-button
+                    >${this.cancelLabel??this.dictionary.common.cancel}</eun-button
                   >
                   <eun-button
                     color=${this.confirmColor}
                     @click=${()=>this.confirm()}
-                    >${this.confirmLabel}</eun-button
+                    >${this.confirmLabel??this.dictionary.common.confirm}</eun-button
                   >
                 </slot>
               </div>
             `}
       </div>
       ${this.mountConfirmModal?this.renderConfirmCloseModal():a}
-    `}};e.styles=g,t([r({type:Boolean,reflect:!0})],e.prototype,"open",2),t([r()],e.prototype,"heading",2),t([r()],e.prototype,"description",2),t([r({reflect:!0})],e.prototype,"kind",2),t([r({type:Boolean,attribute:"close-on-backdrop"})],e.prototype,"closeOnBackdrop",2),t([r({type:Boolean,reflect:!0})],e.prototype,"dirty",2),t([r({type:Boolean,attribute:"hide-actions"})],e.prototype,"hideActions",2),t([r({type:Boolean,reflect:!0})],e.prototype,"closeable",2),t([r({attribute:"cancel-label"})],e.prototype,"cancelLabel",2),t([r({attribute:"confirm-label"})],e.prototype,"confirmLabel",2),t([r({attribute:"confirm-color"})],e.prototype,"confirmColor",2),t([r({attribute:"cancel-color"})],e.prototype,"cancelColor",2),t([r({attribute:"aria-label-close"})],e.prototype,"ariaLabelClose",2),t([r({attribute:"confirm-close-heading"})],e.prototype,"confirmCloseHeading",2),t([r({attribute:"confirm-close-description"})],e.prototype,"confirmCloseDescription",2),t([r({attribute:"confirm-close-cancel-label"})],e.prototype,"confirmCloseCancelLabel",2),t([r({attribute:"confirm-close-confirm-label"})],e.prototype,"confirmCloseConfirmLabel",2),t([s("#surface")],e.prototype,"surfaceEl",2),t([s("#cancel-button")],e.prototype,"cancelButtonEl",2),t([s("#confirm-close-modal")],e.prototype,"confirmCloseModalEl",2),t([u()],e.prototype,"mountConfirmModal",2),e=t([d(y)],e);export{e as EunomiaModal,y as EunomiaModalTagName};
+    `}};e.styles=x,t([i({type:Boolean,reflect:!0})],e.prototype,"open",2),t([i()],e.prototype,"heading",2),t([i()],e.prototype,"description",2),t([i({reflect:!0,useDefault:!0})],e.prototype,"kind",2),t([i({type:Boolean,attribute:"close-on-backdrop"})],e.prototype,"closeOnBackdrop",2),t([i({type:Boolean,reflect:!0})],e.prototype,"dirty",2),t([i({type:Boolean,attribute:"hide-actions"})],e.prototype,"hideActions",2),t([i({type:Boolean,reflect:!0})],e.prototype,"closeable",2),t([i({attribute:"cancel-label"})],e.prototype,"cancelLabel",2),t([i({attribute:"confirm-label"})],e.prototype,"confirmLabel",2),t([i({attribute:"confirm-color"})],e.prototype,"confirmColor",2),t([i({attribute:"cancel-color"})],e.prototype,"cancelColor",2),t([i({attribute:"close-label"})],e.prototype,"closeLabel",2),t([i({attribute:"confirm-close-heading"})],e.prototype,"confirmCloseHeading",2),t([i({attribute:"confirm-close-description"})],e.prototype,"confirmCloseDescription",2),t([i({attribute:"confirm-close-cancel-label"})],e.prototype,"confirmCloseCancelLabel",2),t([i({attribute:"confirm-close-confirm-label"})],e.prototype,"confirmCloseConfirmLabel",2),t([l("#surface")],e.prototype,"surfaceEl",2),t([l("#cancel-button")],e.prototype,"cancelButtonEl",2),t([l("#confirm-close-modal")],e.prototype,"confirmCloseModalEl",2),t([u()],e.prototype,"mountConfirmModal",2),e=t([d(k)],e);export{e as EunomiaModal,k as EunomiaModalTagName};

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

@@ -1,4 +1,4 @@
-import{a as N}from"./chunks/chunk-5EVP7YNE.js";import{a,f as y,g as $,h as i,n as r,p,s as z}from"./chunks/chunk-XH6NREVZ.js";var g=class b extends Event{static{this.eventName="eunpagechange"}constructor(d){super(b.eventName,{bubbles:!0,composed:!1}),this.page=d}};var h=class b extends Event{static{this.eventName="eunpagesizechange"}constructor(d){super(b.eventName,{bubbles:!0,composed:!1}),this.pageSize=d}};var S=$`
+import{a as S}from"./chunks/chunk-PPCHQG7P.js";import{a as N}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a,f as x,h as $,j as i,p as n,r as p,u as z}from"./chunks/chunk-YITWLCD3.js";var g=class b extends Event{static{this.eventName="eunpagechange"}constructor(d){super(b.eventName,{bubbles:!0,composed:!1}),this.page=d}};var h=class b extends Event{static{this.eventName="eunpagesizechange"}constructor(d){super(b.eventName,{bubbles:!0,composed:!1}),this.pageSize=d}};var w=$`
   :host {
     display: block;
     font-family: var(--eun-font-family, "Mulish", sans-serif);
@@ -58,9 +58,14 @@ import{a as N}from"./chunks/chunk-5EVP7YNE.js";import{a,f as y,g as $,h as i,n a
     outline-offset: 2px;
     user-select: none;
     transition:
-      background var(--pagination-transition-duration, 0.2s) ease-out,
-      outline var(--pagination-transition-duration, 0.2s) ease-out,
-      color var(--pagination-transition-duration, 0.2s) ease-out;
+      background
+        var(--pagination-transition-duration, var(--eun-duration-m, 200ms))
+        var(--eun-easing-out, ease-out),
+      outline
+        var(--pagination-transition-duration, var(--eun-duration-m, 200ms))
+        var(--eun-easing-out, ease-out),
+      color var(--pagination-transition-duration, var(--eun-duration-m, 200ms))
+        var(--eun-easing-out, ease-out);
   }
   button.control {
     cursor: pointer;
@@ -123,19 +128,19 @@ import{a as N}from"./chunks/chunk-5EVP7YNE.js";import{a,f as y,g as $,h as i,n a
   #page-size eun-select {
     width: 100%;
   }
-`;var C="eun-pagination",t=class extends z{constructor(){super(...arguments);this.page=1;this.totalPages=1;this.siblingCount=1;this.boundaryCount=1;this.hidePrevNext=!1;this.hideFirstLast=!1;this.disabled=!1;this.showLabels=!1;this.pageSizeOptions=[];this.pageSizeLabel="Items per page";this.ariaLabelPrevious="Previous page";this.ariaLabelNext="Next page";this.ariaLabelFirst="First page";this.ariaLabelLast="Last page";this.ariaLabelPage="Page"}getPageItems(){let e=(f,x)=>f>x?[]:Array.from({length:x-f+1},(k,P)=>f+P),{page:l,totalPages:s,siblingCount:c,boundaryCount:n}=this;if(n*2+c*2+3>=s)return e(1,s);let u=Math.max(l-c,n+2),m=Math.min(l+c,s-n-1),L=u>n+2,w=m<s-n-1,o=[...e(1,n)];return L?o.push("start-ellipsis"):o.push(...e(n+1,u-1)),o.push(...e(u,m)),w?o.push("end-ellipsis"):o.push(...e(m+1,s-n)),o.push(...e(s-n+1,s)),o}requestPage(e){e===this.page||e<1||e>this.totalPages||this.dispatchEvent(new g(e))}handlePageSizeChange(e){let l=Number(e.target.value);Number.isNaN(l)||this.dispatchEvent(new h(l))}renderControl(e,l,s,c,n){let v=r`<eun-icon name=${s} size="16"></eun-icon>`,u=this.showLabels?r`<span class="label">${l}</span>`:p;return r`
+`;var E="eun-pagination",t=class extends N(z){constructor(){super(...arguments);this.page=1;this.totalPages=1;this.siblingCount=1;this.boundaryCount=1;this.hidePrevNext=!1;this.hideFirstLast=!1;this.disabled=!1;this.showLabels=!1;this.pageSizeOptions=[];this.pageSizeLabel="Items per page"}getPageItems(){let e=(f,y)=>f>y?[]:Array.from({length:y-f+1},(I,k)=>f+k),{page:o,totalPages:s,siblingCount:c,boundaryCount:r}=this;if(r*2+c*2+3>=s)return e(1,s);let u=Math.max(o-c,r+2),m=Math.min(o+c,s-r-1),L=u>r+2,C=m<s-r-1,l=[...e(1,r)];return L?l.push("start-ellipsis"):l.push(...e(r+1,u-1)),l.push(...e(u,m)),C?l.push("end-ellipsis"):l.push(...e(m+1,s-r)),l.push(...e(s-r+1,s)),l}requestPage(e){e===this.page||e<1||e>this.totalPages||this.dispatchEvent(new g(e))}handlePageSizeChange(e){let o=Number(e.target.value);Number.isNaN(o)||this.dispatchEvent(new h(o))}renderControl(e,o,s,c,r){let v=n`<eun-icon name=${s} size="16"></eun-icon>`,u=this.showLabels?n`<span class="label">${o}</span>`:p;return n`
       <li>
         <button
           type="button"
           class="control"
-          aria-label=${N(this.showLabels?void 0:l)}
+          aria-label=${S(this.showLabels?void 0:o)}
           ?disabled=${this.disabled||c}
           @click=${()=>this.requestPage(e)}
         >
-          ${n==="start"?r`${v}${u}`:r`${u}${v}`}
+          ${r==="start"?n`${v}${u}`:n`${u}${v}`}
         </button>
       </li>
-    `}renderPageSizeSelector(){return r`
+    `}renderPageSizeSelector(){return n`
       <div id="page-size">
         <eun-select
           label=${this.pageSizeLabel}
@@ -143,39 +148,39 @@ import{a as N}from"./chunks/chunk-5EVP7YNE.js";import{a,f as y,g as $,h as i,n a
           ?disabled=${this.disabled}
           @eunchange=${this.handlePageSizeChange}
         >
-          ${this.pageSizeOptions.map(e=>r`<option value=${e}>${e}</option>`)}
+          ${this.pageSizeOptions.map(e=>n`<option value=${e}>${e}</option>`)}
         </eun-select>
       </div>
-    `}renderItem(e){return e==="start-ellipsis"||e==="end-ellipsis"?r`<li><span class="ellipsis" aria-hidden="true">…</span></li>`:e===this.page?r`
+    `}renderItem(e){return e==="start-ellipsis"||e==="end-ellipsis"?n`<li><span class="ellipsis" aria-hidden="true">…</span></li>`:e===this.page?n`
         <li>
           <span
             class="page current"
             aria-current="page"
-            aria-label="${this.ariaLabelPage} ${e}"
+            aria-label="${this.pageLabel??this.dictionary.pagination.page} ${e}"
             >${e}</span
           >
         </li>
-      `:r`
+      `:n`
       <li>
         <button
           type="button"
           class="control page"
-          aria-label="${this.ariaLabelPage} ${e}"
+          aria-label="${this.pageLabel??this.dictionary.pagination.page} ${e}"
           ?disabled=${this.disabled}
           @click=${()=>this.requestPage(e)}
         >
           ${e}
         </button>
       </li>
-    `}render(){return r`
+    `}render(){return n`
       <nav aria-label=${this.ariaLabel??"Pagination"}>
         ${this.pageSizeOptions.length?this.renderPageSizeSelector():p}
         <ul id="list" role="list">
-          ${this.hideFirstLast?p:this.renderControl(1,this.ariaLabelFirst,"first_page",this.page<=1,"start")}
-          ${this.hidePrevNext?p:this.renderControl(this.page-1,this.ariaLabelPrevious,"chevron_left",this.page<=1,"start")}
+          ${this.hideFirstLast?p:this.renderControl(1,this.firstLabel??this.dictionary.pagination.first,"first_page",this.page<=1,"start")}
+          ${this.hidePrevNext?p:this.renderControl(this.page-1,this.previousLabel??this.dictionary.pagination.previous,"chevron_left",this.page<=1,"start")}
           ${this.getPageItems().map(e=>this.renderItem(e))}
-          ${this.hidePrevNext?p:this.renderControl(this.page+1,this.ariaLabelNext,"chevron_right",this.page>=this.totalPages,"end")}
-          ${this.hideFirstLast?p:this.renderControl(this.totalPages,this.ariaLabelLast,"last_page",this.page>=this.totalPages,"end")}
+          ${this.hidePrevNext?p:this.renderControl(this.page+1,this.nextLabel??this.dictionary.pagination.next,"chevron_right",this.page>=this.totalPages,"end")}
+          ${this.hideFirstLast?p:this.renderControl(this.totalPages,this.lastLabel??this.dictionary.pagination.last,"last_page",this.page>=this.totalPages,"end")}
         </ul>
       </nav>
-    `}};t.styles=[S],a([i({type:Number})],t.prototype,"page",2),a([i({type:Number,attribute:"total-pages"})],t.prototype,"totalPages",2),a([i({type:Number,attribute:"sibling-count"})],t.prototype,"siblingCount",2),a([i({type:Number,attribute:"boundary-count"})],t.prototype,"boundaryCount",2),a([i({type:Boolean,attribute:"hide-prev-next"})],t.prototype,"hidePrevNext",2),a([i({type:Boolean,attribute:"hide-first-last"})],t.prototype,"hideFirstLast",2),a([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),a([i({type:Boolean,attribute:"show-labels",reflect:!0})],t.prototype,"showLabels",2),a([i({type:Number,attribute:"page-size"})],t.prototype,"pageSize",2),a([i({type:Array,attribute:"page-size-options"})],t.prototype,"pageSizeOptions",2),a([i({attribute:"page-size-label"})],t.prototype,"pageSizeLabel",2),a([i({attribute:"aria-label-previous"})],t.prototype,"ariaLabelPrevious",2),a([i({attribute:"aria-label-next"})],t.prototype,"ariaLabelNext",2),a([i({attribute:"aria-label-first"})],t.prototype,"ariaLabelFirst",2),a([i({attribute:"aria-label-last"})],t.prototype,"ariaLabelLast",2),a([i({attribute:"aria-label-page"})],t.prototype,"ariaLabelPage",2),t=a([y(C)],t);export{t as EunomiaPagination,C as EunomiaPaginationTagName};
+    `}};t.styles=[w],a([i({type:Number})],t.prototype,"page",2),a([i({type:Number,attribute:"total-pages"})],t.prototype,"totalPages",2),a([i({type:Number,attribute:"sibling-count"})],t.prototype,"siblingCount",2),a([i({type:Number,attribute:"boundary-count"})],t.prototype,"boundaryCount",2),a([i({type:Boolean,attribute:"hide-prev-next"})],t.prototype,"hidePrevNext",2),a([i({type:Boolean,attribute:"hide-first-last"})],t.prototype,"hideFirstLast",2),a([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),a([i({type:Boolean,attribute:"show-labels",reflect:!0})],t.prototype,"showLabels",2),a([i({type:Number,attribute:"page-size"})],t.prototype,"pageSize",2),a([i({type:Array,attribute:"page-size-options"})],t.prototype,"pageSizeOptions",2),a([i({attribute:"page-size-label"})],t.prototype,"pageSizeLabel",2),a([i({attribute:"previous-label"})],t.prototype,"previousLabel",2),a([i({attribute:"next-label"})],t.prototype,"nextLabel",2),a([i({attribute:"first-label"})],t.prototype,"firstLabel",2),a([i({attribute:"last-label"})],t.prototype,"lastLabel",2),a([i({attribute:"page-label"})],t.prototype,"pageLabel",2),t=a([x(E)],t);export{t as EunomiaPagination,E as EunomiaPaginationTagName};

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

@@ -1,4 +1,4 @@
-import{a as x}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as f}from"./chunks/chunk-5EVP7YNE.js";import{a as s,f as c,g as u,h as l,j as v,n as i,p as g,s as h}from"./chunks/chunk-XH6NREVZ.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%;
@@ -57,7 +57,11 @@ import{a as x}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
       var(--eun-surface-sunken-strong, #ecedf0)
     );
     transition: background-color
-      var(--password-strength-transition-duration, 0.3s) ease;
+      var(
+        --password-strength-transition-duration,
+        var(--eun-duration-xl, 300ms)
+      )
+      var(--eun-easing-default, ease);
   }
 
   .segment.filled {
@@ -77,6 +81,10 @@ import{a as x}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
     );
   }
 
+  #label.empty {
+    visibility: hidden;
+  }
+
   #caption {
     color: var(
       --password-strength-caption-color,
@@ -112,19 +120,19 @@ import{a as x}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
       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>
@@ -134,4 +142,4 @@ import{a as x}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
         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-progress-bar.js

@@ -1,4 +1,4 @@
-import{a as s}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a}from"./chunks/chunk-5EVP7YNE.js";import{a as e,f as i,g as l,h as o,l as t,n,s as u}from"./chunks/chunk-XH6NREVZ.js";var p=l`
+import{a}from"./chunks/chunk-PPCHQG7P.js";import{a as s}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as e,f as i,h as l,j as o,n as t,p as n,u}from"./chunks/chunk-YITWLCD3.js";var p=l`
   :host {
     --_optimumColor: var(
       --progress-bar-fill-color,
@@ -125,7 +125,9 @@ import{a as s}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
       --progress-bar-border-radius,
       var(--eun-border-radius-full, 999px)
     );
-    transition: width var(--progress-bar-transition-duration, 0.3s) ease;
+    transition: width
+      var(--progress-bar-transition-duration, var(--eun-duration-xl, 300ms))
+      var(--eun-easing-default, ease);
   }
 
   #field::-webkit-meter-suboptimum-value {
@@ -134,7 +136,9 @@ import{a as s}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
       --progress-bar-border-radius,
       var(--eun-border-radius-full, 999px)
     );
-    transition: width var(--progress-bar-transition-duration, 0.3s) ease;
+    transition: width
+      var(--progress-bar-transition-duration, var(--eun-duration-xl, 300ms))
+      var(--eun-easing-default, ease);
   }
 
   #field::-webkit-meter-even-less-good-value {
@@ -143,7 +147,9 @@ import{a as s}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
       --progress-bar-border-radius,
       var(--eun-border-radius-full, 999px)
     );
-    transition: width var(--progress-bar-transition-duration, 0.3s) ease;
+    transition: width
+      var(--progress-bar-transition-duration, var(--eun-duration-xl, 300ms))
+      var(--eun-easing-default, ease);
   }
 
   #field::-moz-meter-bar {
@@ -153,7 +159,9 @@ import{a as s}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
       var(--eun-border-radius-full, 999px)
     );
     background: var(--_optimumColor);
-    transition: width var(--progress-bar-transition-duration, 0.3s) ease;
+    transition: width
+      var(--progress-bar-transition-duration, var(--eun-duration-xl, 300ms))
+      var(--eun-easing-default, ease);
   }
 
   #field:-moz-meter-sub-optimum::-moz-meter-bar {