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

package/dist/utils/theme-generator.utils.d.ts

@@ -41,8 +41,12 @@ export interface EunomiaThemeTints {
  * secondary seed separately, a full theme is two of these.
  */
 export declare function buildPalette(baseHex: EunomiaHexColor, isDark: boolean): EunomiaThemeShadeValue[];
-/** The `-tint` counterpart of the surface/border/content-hover/content-pressed neutral tokens. */
-export declare function buildTints(primaryHex: EunomiaHexColor, isDark: boolean): EunomiaThemeTints;
+/**
+ * The `-tint` counterpart of the surface/border/content-hover/content-pressed
+ * neutral tokens. `borderColor` is the border the tint is mixed from, the
+ * mode's default border when unset.
+ */
+export declare function buildTints(primaryHex: EunomiaHexColor, isDark: boolean, borderColor?: EunomiaHexColor): EunomiaThemeTints;
 /**
  * The one non-pure export in this file: generates and applies a full
  * custom brand from two hex seed colors by composing `buildPalette` and
@@ -75,6 +79,8 @@ export interface EunomiaThemeCssOptions {
     darkInverseSurfaceColor?: EunomiaHexColor;
     textColor?: EunomiaHexColor;
     darkTextColor?: EunomiaHexColor;
+    borderColor?: EunomiaHexColor;
+    darkBorderColor?: EunomiaHexColor;
     fontFamily?: string;
     brand?: string;
 }

package/dist/utils/theme-generator.utils.js

@@ -179,13 +179,30 @@ const LIGHT_TINT_BASE = {
     contentHover: "#edeff0",
     contentPressed: "#e4e6e8",
 };
-const DARK_TINT_BASE = { surface: DARK_SURFACE, border: "#666e8a" };
-/** The `-tint` counterpart of the surface/border/content-hover/content-pressed neutral tokens. */
-export function buildTints(primaryHex, isDark) {
+const DARK_TEXT = "#f7f8fa";
+/**
+ * Share of the text mixed into the surface for the dark
+ * `--eun-border-color`, mirroring the prebuilt dark neutrals: about 1.4:1
+ * against the surface, as discreet as the light border.
+ */
+const DARK_BORDER_RATIO = 0.12;
+/**
+ * The dark `--eun-border-color` for a given surface and text color, the
+ * same mix the prebuilt dark neutrals compute in CSS.
+ */
+function darkBorder(surface = DARK_SURFACE, text = DARK_TEXT) {
+    return mix(surface, text, DARK_BORDER_RATIO);
+}
+/**
+ * The `-tint` counterpart of the surface/border/content-hover/content-pressed
+ * neutral tokens. `borderColor` is the border the tint is mixed from, the
+ * mode's default border when unset.
+ */
+export function buildTints(primaryHex, isDark, borderColor) {
     const primary500 = isDark ? darkAccessible(primaryHex) : primaryHex;
-    const base = isDark ? DARK_TINT_BASE : LIGHT_TINT_BASE;
-    const border = mix(base.border, primary500, TINT_RATIO);
-    const surfaceTint = mix(base.surface, primary500, TINT_RATIO);
+    const baseBorder = borderColor ?? (isDark ? darkBorder() : LIGHT_TINT_BASE.border);
+    const border = mix(baseBorder, primary500, TINT_RATIO);
+    const surfaceTint = mix(isDark ? DARK_SURFACE : LIGHT_TINT_BASE.surface, primary500, TINT_RATIO);
     if (isDark) {
         const hoverBase = mix("#ffffff", primary500, TINT_RATIO);
         return {
@@ -227,7 +244,7 @@ function secondaryText(text, surface) {
  * so the inline and the stylesheet output can never drift apart.
  */
 function buildThemeTokens(primary, secondary, isDark, options) {
-    const { surfaceColor, fontFamily, darkSecondaryColor, inverseSurfaceColor, textColor, } = options;
+    const { surfaceColor, fontFamily, darkSecondaryColor, inverseSurfaceColor, textColor, borderColor, } = options;
     const tokens = [];
     for (const [type, seed, checkDark] of [
         ["primary", primary, isDark],
@@ -258,7 +275,10 @@ function buildThemeTokens(primary, secondary, isDark, options) {
     if (fontFamily) {
         tokens.push(["--eun-font-family", fontFamily]);
     }
-    const tints = buildTints(primary, isDark);
+    if (borderColor) {
+        tokens.push(["--eun-border-color", borderColor], ["--eun-divider-color", borderColor]);
+    }
+    const tints = buildTints(primary, isDark, borderColor ?? (isDark ? darkBorder(surfaceColor, textColor) : undefined));
     tokens.push(["--eun-surface-tint", tints.surfaceTint]);
     tokens.push(["--eun-border-tint", tints.borderTint]);
     tokens.push(["--eun-divider-tint", tints.dividerTint]);
@@ -311,7 +331,7 @@ export function initializeTheme(primary, secondary, isDark = false, surfaceColor
  * switching mode is just a `data-theme` change, no regeneration needed.
  */
 export function buildThemeCss(primary, secondary, options = {}) {
-    const { surfaceColor = "#ffffff", darkSurfaceColor = DARK_SURFACE, darkSecondaryColor, inverseSurfaceColor, darkInverseSurfaceColor = inverseSurfaceColor, textColor, darkTextColor, fontFamily, brand = "custom", } = options;
+    const { surfaceColor = "#ffffff", darkSurfaceColor = DARK_SURFACE, darkSecondaryColor, inverseSurfaceColor, darkInverseSurfaceColor = inverseSurfaceColor, textColor, darkTextColor, borderColor, darkBorderColor, fontFamily, brand = "custom", } = options;
     const rule = (selector, isDark) => {
         const tokens = buildThemeTokens(primary, secondary, isDark, {
             surfaceColor: isDark ? darkSurfaceColor : surfaceColor,
@@ -321,6 +341,7 @@ export function buildThemeCss(primary, secondary, options = {}) {
                 ? darkInverseSurfaceColor
                 : inverseSurfaceColor,
             textColor: isDark ? darkTextColor : textColor,
+            borderColor: isDark ? darkBorderColor : borderColor,
         });
         if (isDark && textColor && !darkTextColor) {
             tokens.push(["--eun-text-color", "var(--eun-color-grey-800)"], ["--eun-text-secondary", "var(--eun-color-grey-700)"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eunomia/elements",
-  "version": "1.0.0-beta.6",
+  "version": "1.0.0-beta.8",
   "description": "Eunomia the framework-agnostic web component design system",
   "type": "module",
   "homepage": "https://eunomia-ds.vercel.app",
@@ -169,6 +169,10 @@
       "types": "./dist/components/form/radio/radio.d.ts",
       "default": "./dist/components/form/radio/radio.js"
     },
+    "./rating.js": {
+      "types": "./dist/components/form/rating/rating.d.ts",
+      "default": "./dist/components/form/rating/rating.js"
+    },
     "./scheduler-event-editor.js": {
       "types": "./dist/features/scheduler/scheduler-event-editor/scheduler-event-editor.d.ts",
       "default": "./dist/features/scheduler/scheduler-event-editor/scheduler-event-editor.js"
@@ -291,17 +295,32 @@
     },
     "./styles/*": "./styles/*",
     "./cdn/*": "./dist/cdn/*",
+    "./alert-ssr.css": "./dist/ssr/alert-ssr.css",
     "./animate-ssr.css": "./dist/ssr/animate-ssr.css",
-    "./toolbar-ssr.css": "./dist/ssr/toolbar-ssr.css",
-    "./sidebar-ssr.css": "./dist/ssr/sidebar-ssr.css",
-    "./overlay-ssr.css": "./dist/ssr/overlay-ssr.css",
-    "./links-ssr.css": "./dist/ssr/links-ssr.css",
+    "./badge-ssr.css": "./dist/ssr/badge-ssr.css",
+    "./breadcrumb-ssr.css": "./dist/ssr/breadcrumb-ssr.css",
     "./button-ssr.css": "./dist/ssr/button-ssr.css",
-    "./tag-ssr.css": "./dist/ssr/tag-ssr.css",
     "./card-ssr.css": "./dist/ssr/card-ssr.css",
+    "./carousel-ssr.css": "./dist/ssr/carousel-ssr.css",
+    "./checkbox-ssr.css": "./dist/ssr/checkbox-ssr.css",
+    "./chip-ssr.css": "./dist/ssr/chip-ssr.css",
+    "./collapse-ssr.css": "./dist/ssr/collapse-ssr.css",
+    "./description-list-ssr.css": "./dist/ssr/description-list-ssr.css",
+    "./field-ssr.css": "./dist/ssr/field-ssr.css",
+    "./icon-ssr.css": "./dist/ssr/icon-ssr.css",
+    "./image-carousel-ssr.css": "./dist/ssr/image-carousel-ssr.css",
+    "./links-ssr.css": "./dist/ssr/links-ssr.css",
+    "./overlay-ssr.css": "./dist/ssr/overlay-ssr.css",
+    "./pagination-ssr.css": "./dist/ssr/pagination-ssr.css",
+    "./rating-ssr.css": "./dist/ssr/rating-ssr.css",
     "./rich-text.css": "./dist/ssr/rich-text.css",
+    "./sidebar-ssr.css": "./dist/ssr/sidebar-ssr.css",
+    "./skeleton-ssr.css": "./dist/ssr/skeleton-ssr.css",
     "./table-ssr.css": "./dist/ssr/table-ssr.css",
-    "./description-list-ssr.css": "./dist/ssr/description-list-ssr.css"
+    "./tabs-ssr.css": "./dist/ssr/tabs-ssr.css",
+    "./tag-ssr.css": "./dist/ssr/tag-ssr.css",
+    "./toggle-group-ssr.css": "./dist/ssr/toggle-group-ssr.css",
+    "./toolbar-ssr.css": "./dist/ssr/toolbar-ssr.css"
   },
   "files": [
     "dist",

package/styles/themes/mixins/eunomia-neutrals.mixin.scss

@@ -39,9 +39,13 @@
 @mixin eunomia-dark-neutrals {
   --eun-content-hover: rgba(255, 255, 255, 0.08);
   --eun-content-pressed: rgba(255, 255, 255, 0.14);
-  --eun-divider-color: var(--eun-color-grey-300);
-  --eun-border-color: var(--eun-color-grey-300);
   --eun-surface-color: var(--eun-color-grey-0);
+  --eun-border-color: color-mix(
+    in srgb,
+    var(--eun-text-color) 12%,
+    var(--eun-surface-color)
+  );
+  --eun-divider-color: var(--eun-border-color);
   --eun-surface-sunken: color-mix(
     in srgb,
     var(--eun-text-color) 8%,

package/styles/themes/prebuilt-themes/eunomia/eunomia-dark.mixin.scss

@@ -63,8 +63,12 @@
   @include eunomia-dark-neutrals();
 
   --eun-surface-tint: #2a3243;
-  --eun-divider-tint: #667090;
-  --eun-border-tint: #667090;
+  --eun-border-tint: color-mix(
+    in srgb,
+    var(--eun-color-primary-500) 5%,
+    var(--eun-border-color)
+  );
+  --eun-divider-tint: var(--eun-border-tint);
   --eun-content-hover-tint: rgba(248, 250, 255, 0.08);
   --eun-content-pressed-tint: rgba(248, 250, 255, 0.14);
 }

package/styles/themes/prebuilt-themes/fire/eunomia-fire-dark.mixin.scss

@@ -63,8 +63,12 @@
   @include eunomia-dark-neutrals();
 
   --eun-surface-tint: #2f2e39;
-  --eun-divider-tint: #6c6c86;
-  --eun-border-tint: #6c6c86;
+  --eun-border-tint: color-mix(
+    in srgb,
+    var(--eun-color-primary-500) 5%,
+    var(--eun-border-color)
+  );
+  --eun-divider-tint: var(--eun-border-tint);
   --eun-content-hover-tint: rgba(253, 245, 245, 0.08);
   --eun-content-pressed-tint: rgba(253, 245, 245, 0.14);
 }

package/styles/themes/prebuilt-themes/forest/eunomia-forest-dark.mixin.scss

@@ -63,8 +63,12 @@
   @include eunomia-dark-neutrals();
 
   --eun-surface-tint: #2b363f;
-  --eun-divider-tint: #68748c;
-  --eun-border-tint: #68748c;
+  --eun-border-tint: color-mix(
+    in srgb,
+    var(--eun-color-primary-500) 5%,
+    var(--eun-border-color)
+  );
+  --eun-divider-tint: var(--eun-border-tint);
   --eun-content-hover-tint: rgba(249, 253, 251, 0.08);
   --eun-content-pressed-tint: rgba(249, 253, 251, 0.14);
 }

package/styles/themes/prebuilt-themes/gold/eunomia-gold-dark.mixin.scss

@@ -63,8 +63,12 @@
   @include eunomia-dark-neutrals();
 
   --eun-surface-tint: #2e3339;
-  --eun-divider-tint: #6b7186;
-  --eun-border-tint: #6b7186;
+  --eun-border-tint: color-mix(
+    in srgb,
+    var(--eun-color-primary-500) 5%,
+    var(--eun-border-color)
+  );
+  --eun-divider-tint: var(--eun-border-tint);
   --eun-content-hover-tint: rgba(252, 251, 246, 0.08);
   --eun-content-pressed-tint: rgba(252, 251, 246, 0.14);
 }

package/styles/themes/prebuilt-themes/ocean/eunomia-ocean-dark.mixin.scss

@@ -63,8 +63,12 @@
   @include eunomia-dark-neutrals();
 
   --eun-surface-tint: #2a3542;
-  --eun-divider-tint: #67738f;
-  --eun-border-tint: #67738f;
+  --eun-border-tint: color-mix(
+    in srgb,
+    var(--eun-color-primary-500) 5%,
+    var(--eun-border-color)
+  );
+  --eun-divider-tint: var(--eun-border-tint);
   --eun-content-hover-tint: rgba(248, 253, 254, 0.08);
   --eun-content-pressed-tint: rgba(248, 253, 254, 0.14);
 }

package/styles/themes/prebuilt-themes/salmon/eunomia-salmon-dark.mixin.scss

@@ -63,8 +63,12 @@
   @include eunomia-dark-neutrals();
 
   --eun-surface-tint: #2a2d37;
-  --eun-divider-tint: #676b84;
-  --eun-border-tint: #676b84;
+  --eun-border-tint: color-mix(
+    in srgb,
+    var(--eun-color-primary-500) 5%,
+    var(--eun-border-color)
+  );
+  --eun-divider-tint: var(--eun-border-tint);
   --eun-content-hover-tint: rgba(248, 245, 244, 0.08);
   --eun-content-pressed-tint: rgba(248, 245, 244, 0.14);
 }

package/styles/themes/prebuilt-themes/violet/eunomia-violet-dark.mixin.scss

@@ -63,8 +63,12 @@
   @include eunomia-dark-neutrals();
 
   --eun-surface-tint: #2a2d40;
-  --eun-divider-tint: #666b8d;
-  --eun-border-tint: #666b8d;
+  --eun-border-tint: color-mix(
+    in srgb,
+    var(--eun-color-primary-500) 5%,
+    var(--eun-border-color)
+  );
+  --eun-divider-tint: var(--eun-border-tint);
   --eun-content-hover-tint: rgba(248, 245, 252, 0.08);
   --eun-content-pressed-tint: rgba(248, 245, 252, 0.14);
 }

package/dist/cdn/components/chunks/chunk-4PI6RDUS.js

@@ -1 +0,0 @@
-import{a as r,j as a}from"./chunk-YITWLCD3.js";var o=n=>{class e extends n{constructor(){super(...arguments);this.appearance="outline"}}return r([a({reflect:!0})],e.prototype,"appearance",2),e};export{o as a};

package/dist/cdn/components/chunks/chunk-6VK6SHCG.js

@@ -1 +0,0 @@
-var n=class e extends Event{static{this.eventName="euncancel"}constructor(){super(e.eventName,{bubbles:!0,composed:!0,cancelable:!0})}};var o=class e extends Event{static{this.eventName="eundirtyclose"}constructor(){super(e.eventName,{bubbles:!0,composed:!0,cancelable:!0})}};function s(e,a){let t=e;if(!t.defaultPrevented)switch(t.command){case"show-modal":a.show();break;case"close":a.hide();break;case"request-close":a.requestClose();break;default:break}}export{n as a,o as b,s as c};

package/dist/cdn/components/chunks/chunk-A3X4KD2X.js

@@ -1 +0,0 @@
-import{b as n}from"./chunk-VOTRXBDS.js";import{a as r}from"./chunk-YYCEPZUN.js";import{a as i,j as a}from"./chunk-YITWLCD3.js";var p=s=>{class t extends s{constructor(){super(...arguments);this.checked=!1;this.checkable=!0;this.buildCommonValidators=()=>this.required&&!this.checked?{validity:{valueMissing:!0},message:this.validationDictionary.validation.valueMissing}:{validity:{}}}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","checkbox"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.defaultChecked!==void 0&&!this.hasAttribute("checked")&&(this.checked=this.defaultChecked),this.addEventListener("keydown",this.handleKeydown)}formResetCallback(){this.checked=this.defaultChecked??!1,this.dirty=!1,this.touched=!1}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback?.()}updated(e){super.updated(e),e.has("checked")&&(this.setAttribute("aria-checked",String(this.checked)),this.updateInternals()),n(e)&&this.setAttribute("aria-invalid",String(this.showError)),e.has("required")&&this.setAttribute("aria-required",String(this.required))}handleClick(e){this.handleChange(e)}handleChange(e){if(e.stopPropagation(),!(this.disabled||this.readonly||this.inert)){if(e.preventDefault(),this.checked=!this.checked,this.updateInternals(),this.checkValidity(this.checked),this.description){let d=this.description instanceof Array?this.description.join(","):this.description;this.setAttribute("aria-description",d)}else this.removeAttribute("aria-description");this.dispatchEvent(new r(this.checked))}}handleKeydown(e){e.key===" "&&(e.preventDefault(),this.handleChange(e))}updateInternals(){this.setFormValue(this.valueState)}}return i([a({type:Boolean,reflect:!0})],t.prototype,"checked",2),i([a({type:Boolean,attribute:"default-checked"})],t.prototype,"defaultChecked",2),t};export{p as a};

package/dist/cdn/components/chunks/chunk-BQFJR2UP.js

@@ -1,110 +0,0 @@
-import{a as L}from"./chunk-G5SBDQQ3.js";import{a as E}from"./chunk-L74LXUGL.js";import{a as V}from"./chunk-UYZR4JXZ.js";import{a as T}from"./chunk-4PI6RDUS.js";import{a as M}from"./chunk-BO3JOEWM.js";import{a as o,c as w,d as x,e as $,f as d}from"./chunk-VOTRXBDS.js";import{a as h}from"./chunk-YYCEPZUN.js";import{a as v}from"./chunk-RS7TWEMQ.js";import{a as l}from"./chunk-PPCHQG7P.js";import{a as p}from"./chunk-O7PHBLH2.js";import{a as t,f as u,h as b,j as i,k as m,l as f,n as y,p as r,r as n,u as g}from"./chunk-YITWLCD3.js";var C=b`
-  .has-trailing-action #field {
-    padding-inline-end: calc(
-      calc(var(--eun-space-l, 32px) * 1.2) + var(--eun-space-xs, 4px)
-    );
-  }
-  #field[type="search"]::-webkit-search-cancel-button {
-    appearance: none;
-    display: none;
-  }
-`,S=[V,C];var P="eun-input",A=v($(g)),F=T(M(x(L(w(A))))),e=class extends F{constructor(){super(...arguments);this.type="text";this.clearable=!1;this.autocomplete="off";this.emptyValueLabel="No value set";this.confirmLabel="Save";this.cancelLabel="Cancel";this.ariaLabelClear="Clear field";this.ariaLabelShowPassword="Show password";this.ariaLabelHidePassword="Hide password";this.showPassword=!1;this.handleIconSlotChange=()=>{this.requestUpdate()};this.checkLocalValidators=()=>E(this.fieldEl,["valueMissing","typeMismatch","patternMismatch","tooShort","tooLong","rangeUnderflow","rangeOverflow","stepMismatch","badInput"])}get defaultValue(){return super.defaultValue}set defaultValue(a){super.defaultValue=a}focusTarget(){return this.fieldEl}updated(a){super.updated(a),a.has("editing")&&this.editing&&this.fieldEl?.focus(),a.has("disabled")&&(this.disabled?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex"))}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.focusTarget()?.focus()}handleInput(a){this.value=a.target.value,this.dispatchEvent(new h(this.value))}handleClear(){this.value="",this.dispatchEvent(new h(this.value)),this.fieldEl?.focus()}togglePasswordVisibility(){this.showPassword=!this.showPassword}renderReadonlyDisplay(){let a=!!this.value?.trim().length;return r`
-      <div
-        id="readonly-display"
-        role="button"
-        tabindex="0"
-        aria-label=${l(this.label)}
-        @click=${this.startEdit}
-        @keydown=${s=>(s.key==="Enter"||s.key===" ")&&this.startEdit()}
-      >
-        <span class=${p({empty:!a})}
-          >${a?this.value:this.emptyValueLabel}</span
-        >
-      </div>
-    `}renderTrailingAddon(a){return n}hasTrailingAddon(){return!1}renderField(a){let s=this.type==="password",c=this.clearable&&!s&&!!this.value&&!this.disabled;return r`
-      <div
-        id="field-wrapper"
-        class=${p({"has-icon":!!this.icon||!!this.iconSlotEls?.length,"has-trailing-action":c||s||this.hasTrailingAddon()})}
-      >
-        <slot name="icon" @slotchange=${this.handleIconSlotChange}>
-          ${this.icon?r`<eun-icon id="icon" name=${this.icon} size="16"></eun-icon>`:n}
-        </slot>
-        <input
-          id="field"
-          type=${s?this.showPassword?"text":"password":this.type}
-          .value=${this.value??""}
-          placeholder=${l(this.placeholder)}
-          autocomplete=${this.autocomplete}
-          ?disabled=${this.disabled}
-          ?readonly=${this.readonly}
-          ?required=${this.required}
-          minlength=${l(this.minlength)}
-          maxlength=${l(this.maxlength)}
-          pattern=${l(this.pattern)}
-          min=${l(this.min)}
-          max=${l(this.max)}
-          step=${l(this.step)}
-          inputmode=${this.type==="number"?"numeric":this.type==="email"?"email":n}
-          aria-invalid=${this.showError}
-          aria-label=${l(this.label)}
-          aria-describedby=${a?"description":n}
-          @input=${this.handleInput}
-        />
-        ${o(c,()=>r`
-            <button
-              type="button"
-              id="clear"
-              @click=${this.handleClear}
-              aria-label=${this.ariaLabelClear}
-              tabindex="-1"
-            >
-              <eun-icon name="cancel" size="16"></eun-icon>
-            </button>
-          `)}
-        ${o(s,()=>r`
-            <button
-              type="button"
-              id="password-toggle"
-              @click=${this.togglePasswordVisibility}
-              aria-label=${this.showPassword?this.ariaLabelHidePassword:this.ariaLabelShowPassword}
-              aria-pressed=${this.showPassword}
-              tabindex="-1"
-            >
-              <eun-icon
-                name=${this.showPassword?"visibility_off":"visibility"}
-                size="16"
-              ></eun-icon>
-            </button>
-          `)}
-        ${this.renderTrailingAddon(c)}
-      </div>
-      ${o(this.readonlyAvailable,()=>r`
-          <div id="edit-actions">
-            <eun-button
-              class="confirm"
-              size="s"
-              color="primary"
-              appearance="default"
-              rounded
-              type="button"
-              @click=${this.confirmEdit}
-              >${this.confirmLabel}</eun-button
-            >
-            <eun-button
-              class="cancel"
-              size="s"
-              appearance="flat"
-              rounded
-              type="button"
-              @click=${this.cancelEdit}
-              >${this.cancelLabel}</eun-button
-            >
-          </div>
-        `)}
-    `}render(){let a=this.readonlyAvailable&&!this.editing,s=this.renderDescription();return r`
-      <div id="wrapper">
-        ${this.renderFormLabels(a?void 0:"field")}
-        ${a?this.renderReadonlyDisplay():this.renderField(s!==n)}
-        ${s}
-      </div>
-    `}};e.styles=[S,d.base,d.errorMessages,d.hintMessages],t([i({reflect:!0})],e.prototype,"type",2),t([i({attribute:"default-value"})],e.prototype,"defaultValue",1),t([i()],e.prototype,"placeholder",2),t([i()],e.prototype,"icon",2),t([i({type:Boolean})],e.prototype,"clearable",2),t([i()],e.prototype,"autocomplete",2),t([i({type:Number})],e.prototype,"minlength",2),t([i({type:Number})],e.prototype,"maxlength",2),t([i()],e.prototype,"pattern",2),t([i()],e.prototype,"min",2),t([i()],e.prototype,"max",2),t([i()],e.prototype,"step",2),t([i({attribute:"empty-value-label"})],e.prototype,"emptyValueLabel",2),t([i({attribute:"confirm-label"})],e.prototype,"confirmLabel",2),t([i({attribute:"cancel-label"})],e.prototype,"cancelLabel",2),t([i({attribute:"aria-label-clear"})],e.prototype,"ariaLabelClear",2),t([i({attribute:"aria-label-show-password"})],e.prototype,"ariaLabelShowPassword",2),t([i({attribute:"aria-label-hide-password"})],e.prototype,"ariaLabelHidePassword",2),t([m()],e.prototype,"showPassword",2),t([f("#field")],e.prototype,"fieldEl",2),t([y({slot:"icon"})],e.prototype,"iconSlotEls",2),e=t([u(P)],e);export{P as a,e as b};

package/dist/cdn/components/chunks/chunk-G5SBDQQ3.js

@@ -1 +0,0 @@
-import{a as r,j as a}from"./chunk-YITWLCD3.js";var e=class t extends Event{static{this.eventName="euncommit"}constructor(){super(t.eventName,{bubbles:!0,composed:!1})}};var c=t=>{class i extends t{constructor(){super(...arguments);this.readonlyAvailable=!1;this.editing=!1}startEdit(){this.disabled||!this.readonlyAvailable||this.editing||(this.valueOnEditStart=this.value,this.editing=!0)}confirmEdit(){this.checkValidity(this.value)&&(this.editing=!1,this.dispatchEvent(new e))}cancelEdit(){this.value=this.valueOnEditStart,this.editing=!1}}return r([a({type:Boolean,attribute:"readonly-available",reflect:!0})],i.prototype,"readonlyAvailable",2),r([a({type:Boolean,reflect:!0})],i.prototype,"editing",2),i};export{c as a};

package/dist/cdn/components/chunks/chunk-KSZRQRN4.js

@@ -1 +0,0 @@
-var t="en";function r(){return t}var n={datePicker:{previousMonth:"Previous month",chooseMonthYear:"Choose month and year",nextMonth:"Next month",previousYear:"Previous year",chooseYear:"Choose year",nextYear:"Next year",previousYears:"Previous years",nextYears:"Next years",time:"Time",amPm:"AM/PM",hour:"Hour",minute:"Minute",heading:{day:{single:"Select a date",range:"Select a date range"},month:{single:"Select a month",range:"Select a month range"},year:{single:"Select a year",range:"Select a year range"}},modalPreview:{day:{single:"Select date",range:"Select date range"},month:{single:"Select month",range:"Select month range"},year:{single:"Select year",range:"Select year range"}}},timePicker:{amPm:"AM/PM",hour:"Hour",minute:"Minute",time:"Time",selectATime:"Select a time",mustBeAtOrAfter:e=>`Time must be at or after ${e}`,mustBeAtOrBefore:e=>`Time must be at or before ${e}`},scheduler:{calendarView:"Calendar view"},carousel:{ofTotal:(e,i)=>`${e} of ${i}`,slideNavigation:"Slide navigation",previous:"Previous slide",next:"Next slide",goToSlide:(e,i)=>`Go to slide ${e} of ${i}`},imageCarousel:{gallery:"Image gallery",previous:"Previous image",next:"Next image",expand:"View full-size image",lightbox:"Image viewer",selectImage:"Select image",showImage:(e,i)=>`Show image ${e} of ${i}`,imageNavigation:"Image navigation",goToImage:(e,i)=>`Go to image ${e} of ${i}`,allImages:"All images"},chip:{remove:"Remove"},infiniteList:{loadingMore:"Loading more items\u2026",itemsLoaded:e=>`${e} more item${e>1?"s":""} loaded`},table:{loadingMore:"Loading more rows\u2026",selected:"selected",selectAll:"Select all",deselectAll:"Deselect all",selectAllRows:"Select all rows",deselectAllRows:"Deselect all rows",selectRow:"Select row",selectionActions:"Selection actions",clearSelection:"Clear selection",rowActions:"Row actions",rowsLoaded:e=>`${e} more row${e>1?"s":""} loaded`},link:{opensInNewTab:"opens in a new tab"},validation:{valueMissing:"This field is required",tooShort:(e,i)=>`Please lengthen this text to ${e} characters or more (you are currently using ${i} characters).`,tooLong:(e,i)=>`Please shorten this text to ${e} characters or less (you are currently using ${i} characters).`,invalidDate:"Enter a valid date",invalidTime:"Enter a valid time"}};var a={datePicker:{previousMonth:"Mois pr\xE9c\xE9dent",chooseMonthYear:"Choisir le mois et l'ann\xE9e",nextMonth:"Mois suivant",previousYear:"Ann\xE9e pr\xE9c\xE9dente",chooseYear:"Choisir l'ann\xE9e",nextYear:"Ann\xE9e suivante",previousYears:"Ann\xE9es pr\xE9c\xE9dentes",nextYears:"Ann\xE9es suivantes",time:"Heure",amPm:"AM/PM",hour:"Heure",minute:"Minute",heading:{day:{single:"S\xE9lectionner une date",range:"S\xE9lectionner une plage de dates"},month:{single:"S\xE9lectionner un mois",range:"S\xE9lectionner une plage de mois"},year:{single:"S\xE9lectionner une ann\xE9e",range:"S\xE9lectionner une plage d'ann\xE9es"}},modalPreview:{day:{single:"S\xE9lectionner une date",range:"S\xE9lectionner une plage de dates"},month:{single:"S\xE9lectionner un mois",range:"S\xE9lectionner une plage de mois"},year:{single:"S\xE9lectionner une ann\xE9e",range:"S\xE9lectionner une plage d'ann\xE9es"}}},timePicker:{amPm:"AM/PM",hour:"Heure",minute:"Minute",time:"Heure",selectATime:"S\xE9lectionner une heure",mustBeAtOrAfter:e=>`L'heure doit \xEAtre \xE0 ${e} ou apr\xE8s`,mustBeAtOrBefore:e=>`L'heure doit \xEAtre \xE0 ${e} ou avant`},scheduler:{calendarView:"Vue du calendrier"},carousel:{ofTotal:(e,i)=>`${e} sur ${i}`,slideNavigation:"Navigation des diapositives",previous:"Diapositive pr\xE9c\xE9dente",next:"Diapositive suivante",goToSlide:(e,i)=>`Aller \xE0 la diapositive ${e} sur ${i}`},imageCarousel:{gallery:"Galerie d'images",previous:"Image pr\xE9c\xE9dente",next:"Image suivante",expand:"Voir l'image en taille r\xE9elle",lightbox:"Visionneuse d'images",selectImage:"S\xE9lectionner une image",showImage:(e,i)=>`Afficher l'image ${e} sur ${i}`,imageNavigation:"Navigation des images",goToImage:(e,i)=>`Aller \xE0 l'image ${e} sur ${i}`,allImages:"Toutes les images"},chip:{remove:"Retirer"},infiniteList:{loadingMore:"Chargement d'autres \xE9l\xE9ments\u2026",itemsLoaded:e=>e>1?`${e} \xE9l\xE9ments suppl\xE9mentaires charg\xE9s`:`${e} \xE9l\xE9ment suppl\xE9mentaire charg\xE9`},table:{loadingMore:"Chargement d'autres lignes\u2026",selected:"s\xE9lectionn\xE9e(s)",selectAll:"Tout s\xE9lectionner",deselectAll:"Tout d\xE9s\xE9lectionner",selectAllRows:"S\xE9lectionner toutes les lignes",deselectAllRows:"D\xE9s\xE9lectionner toutes les lignes",selectRow:"S\xE9lectionner la ligne",selectionActions:"Actions de s\xE9lection",clearSelection:"Vider la s\xE9lection",rowActions:"Actions de la ligne",rowsLoaded:e=>e>1?`${e} lignes suppl\xE9mentaires charg\xE9es`:`${e} ligne suppl\xE9mentaire charg\xE9e`},link:{opensInNewTab:"ouvre dans un nouvel onglet"},validation:{valueMissing:"Ce champ est obligatoire",tooShort:(e,i)=>`Saisissez au moins ${e} caract\xE8res (actuellement ${i}).`,tooLong:(e,i)=>`Saisissez au plus ${e} caract\xE8res (actuellement ${i}).`,invalidDate:"Saisissez une date valide",invalidTime:"Saisissez une heure valide"}};var d={en:n,fr:a};export{r as a,d as b};

package/dist/cdn/components/chunks/chunk-PE4DAXHQ.js

@@ -1,3 +0,0 @@
-import{p as i}from"./chunk-YITWLCD3.js";function l(e){let n=[];for(let t of e)if(t instanceof HTMLOptionElement)n.push({value:t.value,label:t.textContent?.trim()??t.value});else if(t instanceof HTMLOptGroupElement)for(let o of Array.from(t.querySelectorAll("option")))n.push({value:o.value,label:o.textContent?.trim()??o.value,group:t.label});return n}function p(e,n){if(!n)return e;let t=e.toLowerCase().indexOf(n);return t===-1?e:i`${e.slice(0,t)}<mark
-      >${e.slice(t,t+n.length)}</mark
-    >${e.slice(t+n.length)}`}export{l as a,p as b};

package/dist/cdn/components/chunks/chunk-RS7TWEMQ.js

@@ -1 +0,0 @@
-import{a as i,j as r}from"./chunk-YITWLCD3.js";var l=s=>{class e extends s{constructor(){super(...arguments);this.disabled=!1}updated(t){super.updated(t),t.has("disabled")&&(this.setAttribute("tabindex",this.disabled?"-1":"0"),this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}}return i([r({type:Boolean,reflect:!0})],e.prototype,"disabled",2),e};export{l as a};

package/dist/cdn/components/chunks/chunk-UDOZRIJZ.js

@@ -1 +0,0 @@
-var a=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","[contenteditable='true']","[tabindex]"].join(",");function i(e){return e.getClientRects().length>0}function s(e,l){if(!(e instanceof HTMLElement))return!1;let t=e.getAttribute("tabindex");return t!==null&&Number.parseInt(t,10)<0||!e.matches(a)?!1:l.requireRendered===!1||i(e)}function o(e,l){let t;if(e instanceof HTMLSlotElement){let n=e.assignedElements({flatten:!0});t=n.length>0?n:Array.from(e.children)}else t=Array.from(e.children);for(let n of t){if(l(n))return!0;let r=n.shadowRoot??n;if(o(r,l))return!0}return!1}function u(e,l={}){let t=[];return o(e,n=>(s(n,l)&&t.push(n),!1)),t}function c(e,l={}){return o(e,t=>s(t,l))}export{u as a,c as b};

package/dist/cdn/components/chunks/chunk-VOTRXBDS.js

@@ -1,38 +0,0 @@
-import{a as y}from"./chunk-YYCEPZUN.js";import{a as b,b as m}from"./chunk-KSZRQRN4.js";import{a as r,h as p,j as n,k as o,p as u,r as v}from"./chunk-YITWLCD3.js";function V(l,i,c){return l?i(l):c?.(l)}var k=["valid","hideError","disabled","touched","dirty","validationRequested","error"],F=l=>k.some(i=>l.has(i)),B=l=>{class i extends l{constructor(...e){super(...e);this.hideError=!1;this.checkable=!1;this.checked=!1;this.dirty=!1;this.touched=!1;this.validationRequested=!1;this.controlled=!1;this.#e=()=>{this.dirty||(this.dirty=!0)};this.#t=()=>{this.touched||(this.touched=!0)};this.#i=()=>{this.validationRequested=!0};this.internals||(this.internals=this.attachInternals())}static{this.formAssociated=!0}#e;#t;#i;get showError(){return!this.valid&&!this.hideError&&!this.disabled&&(this.touched||this.dirty||this.validationRequested||!!this.error)}get pristine(){return!this.dirty}get untouched(){return!this.touched}get defaultValue(){return this.internalDefaultValue}set defaultValue(e){let t=this.value==null||Array.isArray(this.value)&&this.value.length===0;e!=null&&(this.defaultValue==null||this.defaultValue==="")&&t&&(this.value=e),this.internalDefaultValue=e}get value(){return this.valueState}set value(e){this.valueState=e,this.setFormValue(e)}get description(){return this.showError?this.errorMessages.length?this.errorMessages:this.validationMessage.length?this.validationMessage:this.hint:this.hint}get form(){return this.internals.form}get type(){return this.localName}getValueToValidate(){return this.checkable?this.checked:this.value}connectedCallback(){super.connectedCallback?.(),this.checkable&&this.checked&&this.setFormValue(this.value),this.checkable||this.defaultValue===void 0||this.defaultValue===""||(this.value=this.defaultValue),this.checkValidity(this.value),this.addEventListener(y.eventName,this.#e),this.addEventListener("focusout",this.#t),this.addEventListener("invalid",this.#i)}disconnectedCallback(){this.removeEventListener(y.eventName,this.#e),this.removeEventListener("focusout",this.#t),this.removeEventListener("invalid",this.#i),super.disconnectedCallback?.()}willUpdate(e){(e.has("value")||e.has("valueState")||e.has("checked")||e.has("validators")||e.has("required")||e.has("error"))&&this.checkValidity(),super.willUpdate(e)}setFormValue(e){let t=new FormData;if(this.disabled||this.checkable&&!this.checked){this.internals.setFormValue(t);return}let s=this.name||this.getAttribute("name");if(!s){this.internals.setFormValue(t);return}Array.isArray(e)?e.forEach(a=>t.append(s,a instanceof File?a:String(a))):e!=null&&(e instanceof File?t.append(s,e):t.append(s,this.checkable&&!this.value?"on":String(e))),this.internals.setFormValue(t)}formResetCallback(){this.controlled||(this.checkable?this.checked=!1:this.value=this.defaultValue),this.dirty=!1,this.touched=!1,this.validationRequested=!1}renderDescription(){return this.renderError()}renderError(){let{description:e}=this;return e?.length?this.showError?u`
-        <p id="description" class="error-messages">
-          ${V(Array.isArray(e),()=>e.map(t=>u`<span>${t}</span>`),()=>u`<span>${e}</span>`)}
-        </p>
-      `:u`
-          <p id="description" class="hint-messages">
-            <span>${e}</span>
-          </p>
-        `:v}}return r([n({reflect:!0})],i.prototype,"name",2),r([n()],i.prototype,"hint",2),r([n({type:Boolean,attribute:"hide-error"})],i.prototype,"hideError",2),r([o()],i.prototype,"valueState",2),r([o()],i.prototype,"dirty",2),r([o()],i.prototype,"touched",2),r([o()],i.prototype,"validationRequested",2),r([n({type:Boolean})],i.prototype,"controlled",2),r([n({attribute:"default-value",converter:{fromAttribute:e=>e?e.split(","):void 0,toAttribute:e=>e?.join(",")??null}})],i.prototype,"defaultValue",1),r([n()],i.prototype,"value",1),i};var $=l=>{class i extends l{constructor(){super(...arguments);this.readonly=!1}updated(e){super.updated(e),e.has("readonly")&&this.setAttribute("aria-readonly",String(this.readonly))}}return r([n({type:Boolean,reflect:!0})],i.prototype,"readonly",2),i};var G=l=>{class i extends l{constructor(...e){super(...e);this.required=!1;this.valid=!0;this.errorMessages=[];this.internals||(this.internals=this.attachInternals())}get validationDictionary(){let e=this.locale;return m[e??b()]??m.en}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}checkLocalValidators(){return{validity:{}}}buildCommonValidators(){let{value:e}=this,t={},s,a=e==null||typeof e=="string"&&e.trim()===""||e instanceof Array&&!e.length;return this.required&&a&&(t.valueMissing=!0,s=this.validationDictionary.validation.valueMissing),{validity:t,message:s}}checkValidity(e=this.getValueToValidate()){let t=this.checkLocalValidators(),s=this.buildCommonValidators(),a={...t.validity,...s.validity},d=s.message||t.message,h=this.error?[this.error]:[];this.validators?.forEach(E=>this.collectErrors(h,E,e)),this.errorMessages=h,h.length>0&&(a.customError=!0,d=h.join(" ; ")),this.valid=!Object.values(a).some(Boolean);let f=this.getFocusAnchor?.();return this.valid||f||!this.getFocusAnchor?this.setValidity(a,d,f):this.updateComplete.then(()=>this.setValidity(a,d,f)),this.valid}reportValidity(e=this.getValueToValidate()){return this.checkValidity(e),this.internals.reportValidity()}collectErrors(e,t,s){if("~standard"in t){let a=t["~standard"].validate(s);if(a instanceof Promise)throw new TypeError("Validation schemas must be synchronous");a.issues&&e.push(...a.issues.map(d=>d.message))}return"isValid"in t&&(typeof t.isValid=="function"?!t.isValid(s,this.getValidityData()):t.isValid===!1)&&e.push(t.message),"isInvalid"in t&&t.isInvalid({value:s})&&e.push(t.message),e}setValidity(e,t,s){let a=this.validationMessage;this.internals.setValidity(e,t,s),t!==a&&this.requestUpdate("valid")}getValueToValidate(){return this.value}getValidityData(){return{}}}return r([n({type:Array})],i.prototype,"validators",2),r([n({type:Boolean})],i.prototype,"required",2),r([n()],i.prototype,"error",2),r([o()],i.prototype,"valid",2),i};var T=p`
-  #description {
-    font-family: var(--eun-font-family, "Mulish", sans-serif);
-    display: block;
-    margin-block-start: var(--eun-space-xs, 4px);
-    font-size: var(--field-message-font-size, var(--eun-font-size-xs, 12px));
-    margin-block: 0;
-  }
-  #description span {
-    display: block;
-    margin-top: var(--eun-space-xs, 4px);
-  }
-`,M=p`
-  .error-messages {
-    color: var(--_errorColor);
-  }
-`,x=p`
-  .hint-messages {
-    color: var(--_hintColor);
-  }
-`,W={base:T,errorMessages:M,hintMessages:x};export{V as a,F as b,B as c,$ as d,G as e,W as f};
-/*! Bundled license information:
-
-lit-html/directives/when.js:
-  (**
-   * @license
-   * Copyright 2021 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/