@eunomia/elements 1.0.0-beta.9 → 1.0.0

package/README.md

@@ -67,7 +67,7 @@ list is just the map.
 - **Layout:** `animate`, `infinite-list`, `divider`
 - **Loader:** `loader`, `skeleton`
 - **Navigation:** `tab-group`/`tab`/`tab-panel`, `carousel`,
-  `breadcrumb`, `pagination`, `stepper`/`step`,
+  `breadcrumb`, `nav-menu`, `pagination`, `stepper`/`step`,
   `toolbar`, `sidebar`
 - **Scheduler:** `scheduler`, `calendar`, `scheduler-event-card`,
   `scheduler-event-editor`
@@ -125,9 +125,31 @@ runtime cost, and every `eun-*` tag becomes a typed JSX element.
 import type {} from "@eunomia/elements/jsx";
 ```
 
-Custom events (`eunnavigate`, `eunchange`, ...) stay plain
-`CustomEvent`s rather than typed `onXxx` props, since they're built
-for `addEventListener`. See
+React applies none of the props it gives a custom element while it
+hydrates server-rendered markup, so set object properties (`events`)
+and event listeners (`oneunchange`) through `eunProps` instead, from the
+element's `ref`:
+
+```tsx
+import { eunProps } from "@eunomia/elements/react";
+
+<eun-calendar ref={eunProps({ events, oneunperiodchange })}></eun-calendar>;
+```
+
+See
 [TypeScript](https://eunomia-ds.vercel.app/get-started/#typescript)
-on the documentation site for the full JSX setup and a worked React
-`ref` + `addEventListener` example.
+on the documentation site for the full JSX setup.
+
+## Angular forms
+
+To bind form fields with `ngModel`, `formControl` or
+`formControlName` (Angular 18 or later), add `EunomiaValueAccessor` to
+your component's `imports`:
+
+```ts
+import { EunomiaValueAccessor } from "@eunomia/elements/angular";
+```
+
+See [Angular forms](https://eunomia-ds.vercel.app/guides/angular-forms/)
+on the documentation site for the value each field holds and how
+validation fits with Angular's own.

package/dist/angular/forms.d.ts

@@ -0,0 +1,80 @@
+import { DoCheck, OnDestroy } from "@angular/core";
+import { ControlValueAccessor, ValidationErrors, Validator } from "@angular/forms";
+import * as i0 from "@angular/core";
+/**
+ * The error this directive's validator reports while the field itself is
+ * invalid, under the `eunomia` key of the control's `errors`.
+ */
+export interface EunomiaValidationError {
+    /**
+     * The message the field shows, in the field's own locale.
+     */
+    message: string;
+    /**
+     * Every `ValidityState` flag currently set, e.g. `["valueMissing"]`.
+     */
+    reasons: EunomiaValidityReason[];
+}
+/**
+ * A `ValidityState` flag an Eunomia field can set.
+ */
+export type EunomiaValidityReason = "badInput" | "customError" | "patternMismatch" | "rangeOverflow" | "rangeUnderflow" | "stepMismatch" | "tooLong" | "tooShort" | "typeMismatch" | "valueMissing";
+/**
+ * Connects every Eunomia form field to Angular forms: `ngModel`,
+ * `formControl` and `formControlName` work on them the way they do on a
+ * native `<input>`.
+ *
+ * - Value: the model follows the field's `value` (its `checked` state for
+ *   a checkbox, a check card or a switch), updated on every `eunchange`.
+ *   A group of radios binds through its `eun-radio-list`.
+ * - Disabled: disabling the control disables the field.
+ * - Validation: the field's own validation (`required`, `type`,
+ *   `validators`, ...) is reported on the control as an `eunomia` error,
+ *   so `form.valid` accounts for it.
+ * - State: marking the control touched, pristine, submitted or reset
+ *   shows or hides the field's error message, the same way the user
+ *   leaving the field or submitting the form does.
+ *
+ * The field becomes `controlled`: the control is the only source of its
+ * value, so a native form reset leaves it to Angular's own reset.
+ */
+export declare class EunomiaValueAccessor implements ControlValueAccessor, Validator, DoCheck, OnDestroy {
+    #private;
+    constructor();
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (value: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    registerOnValidatorChange(fn: () => void): void;
+    /**
+     * Reports the field's own validity.
+     */
+    validate(): ValidationErrors | null;
+    /**
+     * Updates the model from the field's own `eunchange`, ignoring the ones
+     * bubbling from a nested field (a checkbox inside a checkbox list).
+     *
+     * @internal
+     */
+    handleChange(event: Event): void;
+    /**
+     * @internal
+     */
+    handleFocusOut(): void;
+    /**
+     * Shows the field's error on a native submit of its form, which Angular
+     * lets through without validation (it adds `novalidate` to every form).
+     *
+     * @internal
+     */
+    handleSubmit(event: Event): void;
+    /**
+     * Follows the control (and its root form) this field is bound to, which
+     * can only be read once Angular has set it up, and can change afterwards
+     * (a new `[formControl]`, or an `ngModel` joining its `NgForm`).
+     */
+    ngDoCheck(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EunomiaValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EunomiaValueAccessor, "eun-input[ngModel],eun-input[formControl],eun-input[formControlName],eun-textarea[ngModel],eun-textarea[formControl],eun-textarea[formControlName],eun-select[ngModel],eun-select[formControl],eun-select[formControlName],eun-date-picker[ngModel],eun-date-picker[formControl],eun-date-picker[formControlName],eun-time-picker[ngModel],eun-time-picker[formControl],eun-time-picker[formControlName],eun-input-phone[ngModel],eun-input-phone[formControl],eun-input-phone[formControlName],eun-input-file[ngModel],eun-input-file[formControl],eun-input-file[formControlName],eun-counter[ngModel],eun-counter[formControl],eun-counter[formControlName],eun-slider[ngModel],eun-slider[formControl],eun-slider[formControlName],eun-rating[ngModel],eun-rating[formControl],eun-rating[formControlName],eun-color-picker[ngModel],eun-color-picker[formControl],eun-color-picker[formControlName],eun-checkbox-list[ngModel],eun-checkbox-list[formControl],eun-checkbox-list[formControlName],eun-radio-list[ngModel],eun-radio-list[formControl],eun-radio-list[formControlName],eun-checkbox[ngModel],eun-checkbox[formControl],eun-checkbox[formControlName],eun-check-card[ngModel],eun-check-card[formControl],eun-check-card[formControlName],eun-switch[ngModel],eun-switch[formControl],eun-switch[formControlName]", never, {}, {}, never, never, true, never>;
+}

package/dist/angular/forms.js

@@ -0,0 +1,267 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _EunomiaValueAccessor_instances, _EunomiaValueAccessor_element, _EunomiaValueAccessor_injector, _EunomiaValueAccessor_checkable, _EunomiaValueAccessor_onChange, _EunomiaValueAccessor_onTouched, _EunomiaValueAccessor_onValidatorChange, _EunomiaValueAccessor_errors, _EunomiaValueAccessor_ngControl, _EunomiaValueAccessor_observed, _EunomiaValueAccessor_subscriptions, _EunomiaValueAccessor_readErrors, _EunomiaValueAccessor_revalidateAfterRender, _EunomiaValueAccessor_unsubscribe;
+import { Directive, ElementRef, Injector, forwardRef, inject, } from "@angular/core";
+import { FormResetEvent, FormSubmittedEvent, NG_VALIDATORS, NG_VALUE_ACCESSOR, NgControl, PristineChangeEvent, TouchedChangeEvent, } from "@angular/forms";
+import * as i0 from "@angular/core";
+const VALIDITY_REASONS = [
+    "badInput",
+    "customError",
+    "patternMismatch",
+    "rangeOverflow",
+    "rangeUnderflow",
+    "stepMismatch",
+    "tooLong",
+    "tooShort",
+    "typeMismatch",
+    "valueMissing",
+];
+/**
+ * Fields whose model is their `checked` state, as a boolean.
+ */
+const CHECKABLE_TAGS = new Set([
+    "eun-checkbox",
+    "eun-check-card",
+    "eun-switch",
+]);
+/**
+ * Connects every Eunomia form field to Angular forms: `ngModel`,
+ * `formControl` and `formControlName` work on them the way they do on a
+ * native `<input>`.
+ *
+ * - Value: the model follows the field's `value` (its `checked` state for
+ *   a checkbox, a check card or a switch), updated on every `eunchange`.
+ *   A group of radios binds through its `eun-radio-list`.
+ * - Disabled: disabling the control disables the field.
+ * - Validation: the field's own validation (`required`, `type`,
+ *   `validators`, ...) is reported on the control as an `eunomia` error,
+ *   so `form.valid` accounts for it.
+ * - State: marking the control touched, pristine, submitted or reset
+ *   shows or hides the field's error message, the same way the user
+ *   leaving the field or submitting the form does.
+ *
+ * The field becomes `controlled`: the control is the only source of its
+ * value, so a native form reset leaves it to Angular's own reset.
+ */
+export class EunomiaValueAccessor {
+    constructor() {
+        _EunomiaValueAccessor_instances.add(this);
+        _EunomiaValueAccessor_element.set(this, inject(ElementRef).nativeElement);
+        _EunomiaValueAccessor_injector.set(this, inject(Injector));
+        _EunomiaValueAccessor_checkable.set(this, CHECKABLE_TAGS.has(__classPrivateFieldGet(this, _EunomiaValueAccessor_element, "f").localName));
+        _EunomiaValueAccessor_onChange.set(this, () => { });
+        _EunomiaValueAccessor_onTouched.set(this, () => { });
+        _EunomiaValueAccessor_onValidatorChange.set(this, () => { });
+        /**
+         * The errors {@link validate} last reported.
+         */
+        _EunomiaValueAccessor_errors.set(this, null);
+        /**
+         * The `NgControl` on the same element, read lazily: injecting it in the
+         * constructor would be circular, since it injects this accessor.
+         */
+        _EunomiaValueAccessor_ngControl.set(this, void 0);
+        /**
+         * The control (and its root form) whose events are mirrored on the field.
+         */
+        _EunomiaValueAccessor_observed.set(this, null);
+        _EunomiaValueAccessor_subscriptions.set(this, []);
+        __classPrivateFieldGet(this, _EunomiaValueAccessor_element, "f").controlled = true;
+    }
+    writeValue(value) {
+        if (__classPrivateFieldGet(this, _EunomiaValueAccessor_checkable, "f")) {
+            __classPrivateFieldGet(this, _EunomiaValueAccessor_element, "f").checked = !!value;
+        }
+        else {
+            __classPrivateFieldGet(this, _EunomiaValueAccessor_element, "f").value = value;
+        }
+        __classPrivateFieldGet(this, _EunomiaValueAccessor_instances, "m", _EunomiaValueAccessor_revalidateAfterRender).call(this);
+    }
+    registerOnChange(fn) {
+        __classPrivateFieldSet(this, _EunomiaValueAccessor_onChange, fn, "f");
+    }
+    registerOnTouched(fn) {
+        __classPrivateFieldSet(this, _EunomiaValueAccessor_onTouched, fn, "f");
+    }
+    setDisabledState(isDisabled) {
+        __classPrivateFieldGet(this, _EunomiaValueAccessor_element, "f").disabled = isDisabled;
+    }
+    registerOnValidatorChange(fn) {
+        __classPrivateFieldSet(this, _EunomiaValueAccessor_onValidatorChange, fn, "f");
+    }
+    /**
+     * Reports the field's own validity.
+     */
+    validate() {
+        __classPrivateFieldSet(this, _EunomiaValueAccessor_errors, __classPrivateFieldGet(this, _EunomiaValueAccessor_instances, "m", _EunomiaValueAccessor_readErrors).call(this), "f");
+        return __classPrivateFieldGet(this, _EunomiaValueAccessor_errors, "f");
+    }
+    /**
+     * Updates the model from the field's own `eunchange`, ignoring the ones
+     * bubbling from a nested field (a checkbox inside a checkbox list).
+     *
+     * @internal
+     */
+    handleChange(event) {
+        const element = __classPrivateFieldGet(this, _EunomiaValueAccessor_element, "f");
+        if (event.target !== element) {
+            return;
+        }
+        __classPrivateFieldGet(this, _EunomiaValueAccessor_onChange, "f").call(this, __classPrivateFieldGet(this, _EunomiaValueAccessor_checkable, "f") ? element.checked : element.value);
+    }
+    /**
+     * @internal
+     */
+    handleFocusOut() {
+        __classPrivateFieldGet(this, _EunomiaValueAccessor_onTouched, "f").call(this);
+    }
+    /**
+     * Shows the field's error on a native submit of its form, which Angular
+     * lets through without validation (it adds `novalidate` to every form).
+     *
+     * @internal
+     */
+    handleSubmit(event) {
+        if (event.target instanceof Node && event.target.contains(__classPrivateFieldGet(this, _EunomiaValueAccessor_element, "f"))) {
+            __classPrivateFieldGet(this, _EunomiaValueAccessor_element, "f").validationRequested = true;
+        }
+    }
+    /**
+     * Follows the control (and its root form) this field is bound to, which
+     * can only be read once Angular has set it up, and can change afterwards
+     * (a new `[formControl]`, or an `ngModel` joining its `NgForm`).
+     */
+    ngDoCheck() {
+        __classPrivateFieldSet(this, _EunomiaValueAccessor_ngControl, __classPrivateFieldGet(this, _EunomiaValueAccessor_ngControl, "f") ?? __classPrivateFieldGet(this, _EunomiaValueAccessor_injector, "f").get(NgControl, null, { self: true }), "f");
+        const control = __classPrivateFieldGet(this, _EunomiaValueAccessor_ngControl, "f")?.control ?? null;
+        if (control === __classPrivateFieldGet(this, _EunomiaValueAccessor_observed, "f")?.control &&
+            control?.root === __classPrivateFieldGet(this, _EunomiaValueAccessor_observed, "f")?.root) {
+            return;
+        }
+        __classPrivateFieldGet(this, _EunomiaValueAccessor_instances, "m", _EunomiaValueAccessor_unsubscribe).call(this);
+        if (!control) {
+            __classPrivateFieldSet(this, _EunomiaValueAccessor_observed, null, "f");
+            return;
+        }
+        const element = __classPrivateFieldGet(this, _EunomiaValueAccessor_element, "f");
+        const { root } = control;
+        __classPrivateFieldSet(this, _EunomiaValueAccessor_observed, { control, root }, "f");
+        element.touched = control.touched;
+        element.dirty = control.dirty;
+        __classPrivateFieldGet(this, _EunomiaValueAccessor_subscriptions, "f").push(control.events.subscribe((event) => {
+            if (event instanceof TouchedChangeEvent) {
+                element.touched = event.touched;
+                if (!event.touched) {
+                    element.validationRequested = false;
+                }
+            }
+            else if (event instanceof PristineChangeEvent) {
+                element.dirty = !event.pristine;
+            }
+        }));
+        if (root !== control) {
+            __classPrivateFieldGet(this, _EunomiaValueAccessor_subscriptions, "f").push(root.events.subscribe((event) => {
+                if (event instanceof FormSubmittedEvent) {
+                    element.validationRequested = true;
+                }
+                else if (event instanceof FormResetEvent) {
+                    element.validationRequested = false;
+                }
+            }));
+        }
+    }
+    ngOnDestroy() {
+        __classPrivateFieldGet(this, _EunomiaValueAccessor_instances, "m", _EunomiaValueAccessor_unsubscribe).call(this);
+    }
+}
+_EunomiaValueAccessor_element = new WeakMap(), _EunomiaValueAccessor_injector = new WeakMap(), _EunomiaValueAccessor_checkable = new WeakMap(), _EunomiaValueAccessor_onChange = new WeakMap(), _EunomiaValueAccessor_onTouched = new WeakMap(), _EunomiaValueAccessor_onValidatorChange = new WeakMap(), _EunomiaValueAccessor_errors = new WeakMap(), _EunomiaValueAccessor_ngControl = new WeakMap(), _EunomiaValueAccessor_observed = new WeakMap(), _EunomiaValueAccessor_subscriptions = new WeakMap(), _EunomiaValueAccessor_instances = new WeakSet(), _EunomiaValueAccessor_readErrors = function _EunomiaValueAccessor_readErrors() {
+    const element = __classPrivateFieldGet(this, _EunomiaValueAccessor_element, "f");
+    if (typeof element.checkValidity !== "function") {
+        return null;
+    }
+    element.checkValidity();
+    const { validity } = element;
+    if (!validity || validity.valid) {
+        return null;
+    }
+    const ownMessages = (element.errorMessages ?? []).filter((message) => message !== element.error);
+    const reasons = VALIDITY_REASONS.filter((reason) => validity[reason] && (reason !== "customError" || ownMessages.length));
+    if (!reasons.length) {
+        return null;
+    }
+    const error = {
+        message: element.validationMessage ?? "",
+        reasons,
+    };
+    return { eunomia: error };
+}, _EunomiaValueAccessor_revalidateAfterRender = function _EunomiaValueAccessor_revalidateAfterRender() {
+    void Promise.resolve(__classPrivateFieldGet(this, _EunomiaValueAccessor_element, "f").updateComplete).then(() => {
+        if (JSON.stringify(__classPrivateFieldGet(this, _EunomiaValueAccessor_instances, "m", _EunomiaValueAccessor_readErrors).call(this)) !== JSON.stringify(__classPrivateFieldGet(this, _EunomiaValueAccessor_errors, "f"))) {
+            __classPrivateFieldGet(this, _EunomiaValueAccessor_onValidatorChange, "f").call(this);
+        }
+    });
+}, _EunomiaValueAccessor_unsubscribe = function _EunomiaValueAccessor_unsubscribe() {
+    __classPrivateFieldGet(this, _EunomiaValueAccessor_subscriptions, "f").forEach((subscription) => subscription.unsubscribe());
+    __classPrivateFieldSet(this, _EunomiaValueAccessor_subscriptions, [], "f");
+};
+EunomiaValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EunomiaValueAccessor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+EunomiaValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EunomiaValueAccessor, isStandalone: true, selector: "eun-input[ngModel],eun-input[formControl],eun-input[formControlName],eun-textarea[ngModel],eun-textarea[formControl],eun-textarea[formControlName],eun-select[ngModel],eun-select[formControl],eun-select[formControlName],eun-date-picker[ngModel],eun-date-picker[formControl],eun-date-picker[formControlName],eun-time-picker[ngModel],eun-time-picker[formControl],eun-time-picker[formControlName],eun-input-phone[ngModel],eun-input-phone[formControl],eun-input-phone[formControlName],eun-input-file[ngModel],eun-input-file[formControl],eun-input-file[formControlName],eun-counter[ngModel],eun-counter[formControl],eun-counter[formControlName],eun-slider[ngModel],eun-slider[formControl],eun-slider[formControlName],eun-rating[ngModel],eun-rating[formControl],eun-rating[formControlName],eun-color-picker[ngModel],eun-color-picker[formControl],eun-color-picker[formControlName],eun-checkbox-list[ngModel],eun-checkbox-list[formControl],eun-checkbox-list[formControlName],eun-radio-list[ngModel],eun-radio-list[formControl],eun-radio-list[formControlName],eun-checkbox[ngModel],eun-checkbox[formControl],eun-checkbox[formControlName],eun-check-card[ngModel],eun-check-card[formControl],eun-check-card[formControlName],eun-switch[ngModel],eun-switch[formControl],eun-switch[formControlName]", host: { listeners: { "eunchange": "handleChange($event)", "focusout": "handleFocusOut()", "document:submit": "handleSubmit($event)" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => EunomiaValueAccessor),
+            multi: true,
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => EunomiaValueAccessor),
+            multi: true,
+        },
+    ], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EunomiaValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "eun-input[ngModel],eun-input[formControl],eun-input[formControlName]," +
+                        "eun-textarea[ngModel],eun-textarea[formControl],eun-textarea[formControlName]," +
+                        "eun-select[ngModel],eun-select[formControl],eun-select[formControlName]," +
+                        "eun-date-picker[ngModel],eun-date-picker[formControl],eun-date-picker[formControlName]," +
+                        "eun-time-picker[ngModel],eun-time-picker[formControl],eun-time-picker[formControlName]," +
+                        "eun-input-phone[ngModel],eun-input-phone[formControl],eun-input-phone[formControlName]," +
+                        "eun-input-file[ngModel],eun-input-file[formControl],eun-input-file[formControlName]," +
+                        "eun-counter[ngModel],eun-counter[formControl],eun-counter[formControlName]," +
+                        "eun-slider[ngModel],eun-slider[formControl],eun-slider[formControlName]," +
+                        "eun-rating[ngModel],eun-rating[formControl],eun-rating[formControlName]," +
+                        "eun-color-picker[ngModel],eun-color-picker[formControl],eun-color-picker[formControlName]," +
+                        "eun-checkbox-list[ngModel],eun-checkbox-list[formControl],eun-checkbox-list[formControlName]," +
+                        "eun-radio-list[ngModel],eun-radio-list[formControl],eun-radio-list[formControlName]," +
+                        "eun-checkbox[ngModel],eun-checkbox[formControl],eun-checkbox[formControlName]," +
+                        "eun-check-card[ngModel],eun-check-card[formControl],eun-check-card[formControlName]," +
+                        "eun-switch[ngModel],eun-switch[formControl],eun-switch[formControlName]",
+                    standalone: true,
+                    host: {
+                        "(eunchange)": "handleChange($event)",
+                        "(focusout)": "handleFocusOut()",
+                        "(document:submit)": "handleSubmit($event)",
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => EunomiaValueAccessor),
+                            multi: true,
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => EunomiaValueAccessor),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [] });

package/dist/cdn/components/chunks/chunk-2XPIGFBD.js

@@ -0,0 +1 @@
+var n="en";function l(){return n}var i={common:{close:"Close",cancel:"Cancel",confirm:"Confirm",noValue:"No value set",save:"Save",apply:"Apply",today:"Today",edit:"Edit",delete:"Delete",loading:"Loading\u2026",noResults:"No results",keepEditing:"Keep editing",discard:"Discard",discardChangesHeading:"Discard changes?",discardChangesDescription:"You have unsaved changes. This action can't be undone."},datePicker:{openCalendar:"Open calendar",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",day:"Day",month:"Month",year:"Year",startDate:"Start date",endDate:"End date",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"}},dayPlaceholder:"dd",monthPlaceholder:"mm",yearPlaceholder:"yyyy",hourPlaceholder:"hh",minutePlaceholder:"mm"},timePicker:{openClock:"Open clock",amPm:"AM/PM",hour:"Hour",minute:"Minute",time:"Time",selectATime:"Select a time",increaseHour:"Increase hour",decreaseHour:"Decrease hour",increaseMinute:"Increase minute",decreaseMinute:"Decrease minute",togglePeriod:"Toggle AM/PM",mustBeAtOrAfter:e=>`Time must be at or after ${e}`,mustBeAtOrBefore:e=>`Time must be at or before ${e}`,hourPlaceholder:"hh",minutePlaceholder:"mm"},scheduler:{previous:"Previous period",next:"Next period",calendarView:"Calendar view",newEvent:"New event",deleteConfirm:"Delete this event?",viewDay:"Day",viewWeek:"Week",viewWorkWeek:"Work week",viewMonth:"Month",viewYear:"Year",priorities:{low:"Low",medium:"Medium",high:"High",critical:"Critical"}},carousel:{label:"Carousel",ofTotal:(e,r)=>`${e} of ${r}`,slideNavigation:"Slide navigation",previous:"Previous slide",next:"Next slide",goToSlide:(e,r)=>`Go to slide ${e} of ${r}`},imageCarousel:{gallery:"Image gallery",previous:"Previous image",next:"Next image",expand:"View full-size image",lightbox:"Image viewer",selectImage:"Select image",showImage:(e,r)=>`Show image ${e} of ${r}`,imageNavigation:"Image navigation",goToImage:(e,r)=>`Go to image ${e} of ${r}`,allImages:"All images"},chip:{remove:"Remove"},passwordStrength:{label:"Password strength",levels:["Weak","Fair","Good","Strong"],caption:e=>`${e}:`},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",rowNumber:"Row number",scrollRegion:"Scrollable table",rowsLoaded:e=>`${e} more row${e>1?"s":""} loaded`},link:{opensInNewTab:"opens in a new tab"},input:{clear:"Clear field",showPassword:"Show password",hidePassword:"Hide password"},search:{panel:"Search"},counter:{increment:"Increase value",decrement:"Decrease value"},inputFile:{remove:"Remove file",select:"Select file",open:"Open in a new tab",drop:"Drag and drop files here, or",browse:"browse files",removeAll:"Remove all",removeSingle:"Remove",selectAll:"Select all",deleteSelected:"Delete selected",count:e=>`${e} file${e>1?"s":""}`},inputPhone:{selectCountry:"Select a country",searchCountry:"Search a country\u2026"},colorPicker:{noColor:"No color selected",swatches:"Presets",custom:"Custom",nativeInput:"Pick a custom color",hexInput:"Hex color"},pagination:{previous:"Previous page",next:"Next page",first:"First page",last:"Last page",page:"Page",label:"Pagination",pageSize:"Items per page"},sidebar:{expand:"Expand sidebar",collapse:"Collapse sidebar",resize:"Resize sidebar"},toolbar:{menuOpen:"Open menu",menuClose:"Close menu",menu:"Menu",skipLink:"Skip to main content",navigation:"Main navigation"},rating:{label:"Rating",valueText:(e,r)=>`${e} out of ${r}`,summary:(e,r)=>`${e}: ${r}`,noValue:"Not rated",clear:"Clear rating"},select:{searchPlaceholder:"Search\u2026",selectPlaceholder:"Select\u2026"},calendar:{moreEvents:"+{count} more"},textarea:{formatToolbar:"Text formatting",bold:"Bold",italic:"Italic",underline:"Underline",align:"Text alignment",alignStart:"Align left",alignCenter:"Center",alignEnd:"Align right",alignJustify:"Justify",textColor:"Text color",highlight:"Highlight",colorClear:"Default"},schedulerEventEditor:{colors:{red:"Red",purple:"Purple",yellow:"Yellow",blue:"Blue",green:"Green",pink:"Pink"},title:"Title",description:"Description",allDay:"All day",date:"Date",endDate:"End date",startTime:"Start time",endTime:"End time",location:"Location",notes:"Notes",priority:"Priority",color:"Color",required:"is required",titleRequired:"Title is required",endBeforeStart:"The end must be after the start",guests:"Guests",addGuest:"Add guest",removeGuest:"Remove"},breadcrumb:{label:"Breadcrumb"},stepper:{label:"Progress",substep:(e,r,a)=>`, step ${e} of ${r}: ${a}`},validation:{valueMissing:"This field is required",typeMismatch:{email:"Enter a valid email address",url:"Enter a valid URL"},patternMismatch:"Match the requested format",tooShort:(e,r)=>`Please lengthen this text to ${e} characters or more (you are currently using ${r} characters).`,tooLong:(e,r)=>`Please shorten this text to ${e} characters or less (you are currently using ${r} characters).`,rangeUnderflow:e=>`Enter a value greater than or equal to ${e}`,rangeOverflow:e=>`Enter a value less than or equal to ${e}`,stepMismatch:(e,r)=>`Enter a valid value. The two nearest valid values are ${e} and ${r}`,badInput:"Enter a valid value",invalidDate:"Enter a valid date",unavailableDate:"This date isn't available",invalidTime:"Enter a valid time",invalidColor:"Enter a valid color"}};var t={common:{close:"Fermer",cancel:"Annuler",confirm:"Confirmer",save:"Enregistrer",noValue:"Aucune valeur",apply:"Appliquer",today:"Aujourd'hui",edit:"Modifier",delete:"Supprimer",loading:"Chargement\u2026",noResults:"Aucun r\xE9sultat",keepEditing:"Continuer la modification",discard:"Abandonner",discardChangesHeading:"Abandonner les modifications\xA0?",discardChangesDescription:"Vos modifications non enregistr\xE9es seront perdues. Cette action est irr\xE9versible."},datePicker:{openCalendar:"Ouvrir le calendrier",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",day:"Jour",month:"Mois",year:"Ann\xE9e",startDate:"Date de d\xE9but",endDate:"Date de fin",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"}},dayPlaceholder:"jj",monthPlaceholder:"mm",yearPlaceholder:"aaaa",hourPlaceholder:"hh",minutePlaceholder:"mm"},timePicker:{openClock:"Ouvrir l'horloge",amPm:"AM/PM",hour:"Heure",minute:"Minute",time:"Heure",selectATime:"S\xE9lectionner une heure",increaseHour:"Augmenter l'heure",decreaseHour:"Diminuer l'heure",increaseMinute:"Augmenter les minutes",decreaseMinute:"Diminuer les minutes",togglePeriod:"Basculer AM/PM",mustBeAtOrAfter:e=>`L'heure doit \xEAtre \xE0 ${e} ou apr\xE8s`,mustBeAtOrBefore:e=>`L'heure doit \xEAtre \xE0 ${e} ou avant`,hourPlaceholder:"hh",minutePlaceholder:"mm"},scheduler:{previous:"P\xE9riode pr\xE9c\xE9dente",next:"P\xE9riode suivante",calendarView:"Vue du calendrier",newEvent:"Nouvel \xE9v\xE9nement",deleteConfirm:"Supprimer cet \xE9v\xE9nement\xA0?",viewDay:"Jour",viewWeek:"Semaine",viewWorkWeek:"Semaine de travail",viewMonth:"Mois",viewYear:"Ann\xE9e",priorities:{low:"Basse",medium:"Moyenne",high:"Haute",critical:"Critique"}},carousel:{label:"Carrousel",ofTotal:(e,r)=>`${e} sur ${r}`,slideNavigation:"Navigation des diapositives",previous:"Diapositive pr\xE9c\xE9dente",next:"Diapositive suivante",goToSlide:(e,r)=>`Aller \xE0 la diapositive ${e} sur ${r}`},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,r)=>`Afficher l'image ${e} sur ${r}`,imageNavigation:"Navigation des images",goToImage:(e,r)=>`Aller \xE0 l'image ${e} sur ${r}`,allImages:"Toutes les images"},chip:{remove:"Retirer"},passwordStrength:{label:"Robustesse du mot de passe",levels:["Faible","Moyen","Bon","Fort"],caption:e=>`${e}\xA0:`},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",rowNumber:"Num\xE9ro de ligne",scrollRegion:"Tableau d\xE9filant",rowsLoaded:e=>e>1?`${e} lignes suppl\xE9mentaires charg\xE9es`:`${e} ligne suppl\xE9mentaire charg\xE9e`},link:{opensInNewTab:"ouvre dans un nouvel onglet"},input:{clear:"Effacer le champ",showPassword:"Afficher le mot de passe",hidePassword:"Masquer le mot de passe"},search:{panel:"Rechercher"},counter:{increment:"Augmenter la valeur",decrement:"Diminuer la valeur"},inputFile:{remove:"Retirer le fichier",select:"S\xE9lectionner un fichier",open:"Ouvrir dans un nouvel onglet",drop:"Glissez-d\xE9posez des fichiers ici, ou",browse:"parcourez vos fichiers",removeAll:"Tout retirer",removeSingle:"Retirer",selectAll:"Tout s\xE9lectionner",deleteSelected:"Supprimer la s\xE9lection",count:e=>`${e} fichier${e>1?"s":""}`},inputPhone:{selectCountry:"S\xE9lectionner un pays",searchCountry:"Rechercher un pays\u2026"},colorPicker:{noColor:"Aucune couleur s\xE9lectionn\xE9e",swatches:"Pr\xE9d\xE9finies",custom:"Personnalis\xE9e",nativeInput:"Choisir une couleur personnalis\xE9e",hexInput:"Couleur hexad\xE9cimale"},pagination:{previous:"Page pr\xE9c\xE9dente",next:"Page suivante",first:"Premi\xE8re page",last:"Derni\xE8re page",page:"Page",label:"Pagination",pageSize:"\xC9l\xE9ments par page"},sidebar:{expand:"D\xE9plier la barre lat\xE9rale",collapse:"Replier la barre lat\xE9rale",resize:"Redimensionner la barre lat\xE9rale"},toolbar:{menuOpen:"Ouvrir le menu",menuClose:"Fermer le menu",menu:"Menu",skipLink:"Aller au contenu principal",navigation:"Navigation principale"},rating:{label:"Note",valueText:(e,r)=>`${e} sur ${r}`,summary:(e,r)=>`${e}\xA0: ${r}`,noValue:"Non not\xE9",clear:"Effacer la note"},select:{searchPlaceholder:"Rechercher\u2026",selectPlaceholder:"S\xE9lectionner\u2026"},calendar:{moreEvents:"+{count} autres"},textarea:{formatToolbar:"Mise en forme du texte",bold:"Gras",italic:"Italique",underline:"Soulign\xE9",align:"Alignement du texte",alignStart:"Aligner \xE0 gauche",alignCenter:"Centrer",alignEnd:"Aligner \xE0 droite",alignJustify:"Justifier",textColor:"Couleur du texte",highlight:"Surlignage",colorClear:"Par d\xE9faut"},schedulerEventEditor:{colors:{red:"Rouge",purple:"Violet",yellow:"Jaune",blue:"Bleu",green:"Vert",pink:"Rose"},title:"Titre",description:"Description",allDay:"Toute la journ\xE9e",date:"Date",endDate:"Date de fin",startTime:"Heure de d\xE9but",endTime:"Heure de fin",location:"Lieu",notes:"Notes",priority:"Priorit\xE9",color:"Couleur",required:"est obligatoire",titleRequired:"Le titre est obligatoire",endBeforeStart:"La fin doit \xEAtre apr\xE8s le d\xE9but",guests:"Invit\xE9s",addGuest:"Ajouter un invit\xE9",removeGuest:"Retirer"},breadcrumb:{label:"Fil d'Ariane"},stepper:{label:"Progression",substep:(e,r,a)=>`, \xE9tape ${e} sur ${r}\xA0: ${a}`},validation:{valueMissing:"Ce champ est obligatoire",typeMismatch:{email:"Saisissez une adresse e-mail valide",url:"Saisissez une URL valide"},patternMismatch:"Respectez le format demand\xE9",tooShort:(e,r)=>`Saisissez au moins ${e} caract\xE8res (actuellement ${r}).`,tooLong:(e,r)=>`Saisissez au plus ${e} caract\xE8res (actuellement ${r}).`,rangeUnderflow:e=>`Saisissez une valeur sup\xE9rieure ou \xE9gale \xE0 ${e}`,rangeOverflow:e=>`Saisissez une valeur inf\xE9rieure ou \xE9gale \xE0 ${e}`,stepMismatch:(e,r)=>`Saisissez une valeur valide. Les deux valeurs valides les plus proches sont ${e} et ${r}`,badInput:"Saisissez une valeur valide",invalidDate:"Saisissez une date valide",unavailableDate:"Cette date n'est pas disponible",invalidTime:"Saisissez une heure valide",invalidColor:"Saisissez une couleur valide"}};var p={en:i,fr:t};export{l as a,p as b};

package/dist/cdn/components/chunks/chunk-5IUNSTM3.js

@@ -0,0 +1 @@
+var o=["a[href]","area[href]","button","details","summary","input:not([type='hidden'])","select","textarea","iframe","embed","audio[controls]","video[controls]","[contenteditable]:not([contenteditable='false'])","eun-link","eun-button"].join(", ");function a(n,t){for(let e of n.composedPath()){if(e===t)return!1;if(e instanceof Element&&t.contains(e)&&e.matches(o))return!0}return!1}export{a};

package/dist/cdn/components/chunks/chunk-7HXPLZ7C.js

@@ -0,0 +1 @@
+var S=0,V=x=>{class m extends x{constructor(){super(...arguments);this.anchorPositionGap=4;this.anchorPositionAxis="vertical";this.anchorPositionSide="bottom";this.anchorScrollRoots=[];this.handleAnchorReposition=()=>{this.anchoredElement&&this.anchoredFloatingElement&&this.applyFallbackPosition(this.anchoredElement,this.anchoredFloatingElement,this.anchorPositionGap,this.anchorPositionAxis,this.anchorPositionSide,this.anchorPositionAlign)}}static{this.nativeAnchorPositioningSupported=typeof CSS<"u"&&CSS.supports("anchor-name: --a")}supportsAnchorPositioning(){return m.nativeAnchorPositioningSupported}disconnectedCallback(){this.unanchorFloatingElement(),this.unobserveAnchorVisibility(),super.disconnectedCallback?.()}anchorFloatingElement(o,t,e={}){let n=e.gap??4,r=e.axis??"vertical";if(this.supportsAnchorPositioning()&&!e.forceFallback){this.anchorPositionName??=`--eun-anchor-${++S}`,o.style.setProperty("anchor-name",this.anchorPositionName),t.style.setProperty("position-anchor",this.anchorPositionName),this.applyNativePlacementAttribute(o,t);return}let l=e.side??"bottom";this.anchorPositionGap=n,this.anchorPositionAxis=r,this.anchorPositionSide=l,this.anchorPositionAlign=e.align,this.anchoredElement=o,this.anchoredFloatingElement=t,this.applyFallbackPosition(o,t,n,r,l,e.align),window.addEventListener("resize",this.handleAnchorReposition),window.addEventListener("scroll",this.handleAnchorReposition,!0),this.removeAnchorScrollRootListeners();let i=o.getRootNode();for(;i instanceof ShadowRoot;)i.addEventListener("scroll",this.handleAnchorReposition,!0),this.anchorScrollRoots.push(i),i=i.host.getRootNode()}unanchorFloatingElement(){window.removeEventListener("resize",this.handleAnchorReposition),window.removeEventListener("scroll",this.handleAnchorReposition,!0),this.removeAnchorScrollRootListeners(),this.anchoredElement=void 0,this.anchoredFloatingElement=void 0}removeAnchorScrollRootListeners(){for(let o of this.anchorScrollRoots)o.removeEventListener("scroll",this.handleAnchorReposition,!0);this.anchorScrollRoots=[]}applyFallbackPosition(o,t,e,n="vertical",r="bottom",l){let i=o.getBoundingClientRect(),s=this.readViewportInset(t,"--eun-viewport-inset-top"),v=this.readViewportInset(t,"--eun-viewport-inset-bottom");if(n==="horizontal"){let a=t.getBoundingClientRect(),L=i.left,M=window.innerWidth-i.right,P=a.width+e,R=Math.max(window.innerHeight-v-a.height,s),y=d=>Math.min(Math.max(d,s),R),c,h,p;if(M>=P)c="right",h=i.right+e,p=y(i.top);else if(L>=P)c="left",h=i.left-a.width-e,p=y(i.top);else{let d=window.innerHeight-v-i.bottom,T=i.top-s,E=d<a.height+e&&T>d;c=E?"top":"bottom",p=Math.max(E?i.top-a.height-e:i.bottom+e,s),h=Math.min(Math.max(i.left,0),Math.max(window.innerWidth-a.width,0))}t.dataset.placement=c,t.classList.toggle("flipped",c==="left"||c==="top"),t.style.setProperty("--_anchorTop",`${p}px`),t.style.setProperty("--_anchorLeft",`${h}px`),t.style.setProperty("--_anchorWidth",`${i.width}px`);return}let b=window.innerHeight-v-i.bottom,u=i.top-s,f=t.getBoundingClientRect(),g=f.height,w=r==="top"?u>=g+e||u>=b:b<g+e&&u>b;t.dataset.placement=w?"top":"bottom",t.classList.toggle("flipped",w!==(r==="top"));let A=Math.max(w?i.top-g-e:i.bottom+e,s);t.style.setProperty("--_anchorTop",`${A}px`),t.style.setProperty("--_anchorLeft",`${this.alignedLeft(i,f.width,l)}px`),t.style.setProperty("--_anchorWidth",`${i.width}px`)}alignedLeft(o,t,e){if(!e)return o.left;let n=o.left;e==="center"?n=o.left+o.width/2-t/2:e==="end"&&(n=o.right-t);let r=Math.max(document.documentElement.clientWidth-t,0);return Math.min(Math.max(n,0),r)}applyNativePlacementAttribute(o,t){let e=o.getBoundingClientRect(),n=t.getBoundingClientRect(),r="bottom";n.bottom<=e.top+1?r="top":n.right<=e.left+1?r="left":n.left>=e.right-1&&(r="right"),t.dataset.placement=r,t.classList.toggle("flipped",r==="top"||r==="left")}readViewportInset(o,t){let e=getComputedStyle(o).getPropertyValue(t),n=Number.parseFloat(e);return Number.isFinite(n)?n:0}observeAnchorVisibility(o,t){if(this.anchorVisibilityObserver?.disconnect(),!o)return;let e=this.readViewportInset(o,"--eun-viewport-inset-top"),n=this.readViewportInset(o,"--eun-viewport-inset-bottom");this.anchorVisibilityObserver=new IntersectionObserver(([r])=>{r.isIntersecting||t()},{rootMargin:`${-e}px 0px ${-n}px 0px`,threshold:0}),this.anchorVisibilityObserver.observe(o)}unobserveAnchorVisibility(){this.anchorVisibilityObserver?.disconnect(),this.anchorVisibilityObserver=void 0}}return m};export{V as a};

package/dist/cdn/components/chunks/{chunk-J3SZBXM6.js → chunk-A2NO4RSF.js}

@@ -1,4 +1,4 @@
-import{m as l}from"./chunk-647ISUF4.js";import{a as t,f as n,h as s,j as r,p as a,u as i}from"./chunk-YITWLCD3.js";var u=s`
+import{f as i,p}from"./chunk-QMXE3KLT.js";import{a as u}from"./chunk-2XPIGFBD.js";import{a as t,f as s,h as c,j as r,p as n,u as l}from"./chunk-YITWLCD3.js";var f=c`
   :host {
     display: block;
     --_accent: var(--eun-color-blue-600, #0aa5a8);
@@ -86,7 +86,7 @@ import{m as l}from"./chunk-647ISUF4.js";import{a as t,f as n,h as s,j as r,p as
   }
 
   #chip:focus-visible {
-    outline-color: var(--_accent);
+    outline-color: var(--scheduler-focus-outline-color, var(--_accent));
     outline-offset: 1px;
   }
 
@@ -144,17 +144,17 @@ import{m as l}from"./chunk-647ISUF4.js";import{a as t,f as n,h as s,j as r,p as
     white-space: nowrap;
     color: var(
       --scheduler-event-time-color,
-      var(--eun-text-secondary, #484e61)
+      var(--eun-text-secondary, #666e8a)
     );
     font-size: 11px;
     line-height: 1.3;
   }
-`,c=u;var h="eun-scheduler-event",e=class extends i{constructor(){super(...arguments);this.label="";this.start=new Date;this.color="blue";this.appearance="default";this.direction="column";this.hideTime=!1}updated(o){super.updated(o),o.has("color")&&(e.PRESET_COLORS.has(this.color)?(this.style.removeProperty("--_accent"),this.style.removeProperty("--_tintBase")):(this.style.setProperty("--_accent",this.color),this.style.setProperty("--_tintBase",this.color)))}render(){let o=l(this.start,this.locale),p=this.end?`${this.label}, ${o} \u2013 ${this.end.toLocaleTimeString(this.locale,{hour:"numeric",minute:"2-digit"})}`:`${this.label}, ${o}`;return a`
-      <button type="button" id="chip" aria-label=${p}>
+`,h=f;var v="eun-scheduler-event",e=class extends l{constructor(){super(...arguments);this.label="";this.start=new Date;this.color="blue";this.appearance="default";this.direction="column";this.hideTime=!1}updated(a){if(super.updated(a),!a.has("color"))return;let o=i(this.color);o||(console.warn(`<${this.localName}>: color "${this.color}" is neither a preset name nor a color, falling back to blue.`,this),o=i("blue")),this.style.setProperty("--_accent",o.accent),this.style.setProperty("--_tintBase",o.tint)}render(){let a=this.locale??u(),o=p(this.start,a),d=this.end?`${this.label}, ${o} \u2013 ${this.end.toLocaleTimeString(a,{hour:"numeric",minute:"2-digit"})}`:`${this.label}, ${o}`;return n`
+      <button type="button" id="chip" aria-label=${d}>
         <span class="bar" aria-hidden="true"></span>
         <span class="content">
           <span class="content-title">${this.label}</span>
-          ${this.hideTime?null:a`<span class="content-time">${o}</span>`}
+          ${this.hideTime?null:n`<span class="content-time">${o}</span>`}
         </span>
       </button>
-    `}};e.styles=c,e.PRESET_COLORS=new Set(["red","purple","yellow","blue","green","pink"]),t([r()],e.prototype,"label",2),t([r({attribute:!1})],e.prototype,"start",2),t([r({attribute:!1})],e.prototype,"end",2),t([r({reflect:!0,useDefault:!0})],e.prototype,"color",2),t([r({reflect:!0,useDefault:!0})],e.prototype,"appearance",2),t([r({reflect:!0,useDefault:!0})],e.prototype,"direction",2),t([r()],e.prototype,"locale",2),t([r({type:Boolean,reflect:!0,attribute:"hide-time"})],e.prototype,"hideTime",2),e=t([n(h)],e);export{h as a,e as b};
+    `}};e.styles=h,e.shadowRootOptions={...l.shadowRootOptions,delegatesFocus:!0},t([r()],e.prototype,"label",2),t([r({attribute:!1})],e.prototype,"start",2),t([r({attribute:!1})],e.prototype,"end",2),t([r({reflect:!0,useDefault:!0})],e.prototype,"color",2),t([r({reflect:!0,useDefault:!0})],e.prototype,"appearance",2),t([r({reflect:!0,useDefault:!0})],e.prototype,"direction",2),t([r()],e.prototype,"locale",2),t([r({type:Boolean,reflect:!0,attribute:"hide-time"})],e.prototype,"hideTime",2),e=t([s(v)],e);export{v as a,e as b};

package/dist/cdn/components/chunks/{chunk-Q34EQ5HZ.js → chunk-A623JJXJ.js}

@@ -1,4 +1,4 @@
-import{a as v}from"./chunk-22D3SRFR.js";import{a as m}from"./chunk-PPCHQG7P.js";import{a as f}from"./chunk-O7PHBLH2.js";import{a as b}from"./chunk-JGV7LHEI.js";import{a as e,b as l,c as d,d as p,f as u,h as o,j as i,p as s,u as c}from"./chunk-YITWLCD3.js";var y=o`
+import{a as v}from"./chunk-22D3SRFR.js";import{a as m}from"./chunk-PPCHQG7P.js";import{a as f}from"./chunk-O7PHBLH2.js";import{a as b}from"./chunk-WP6ZYBAC.js";import{a as e,b as l,c as d,d as p,f as u,h as o,j as i,p as s,u as c}from"./chunk-YITWLCD3.js";var y=o`
   :host {
     display: inline-flex;
     align-items: center;

package/dist/cdn/components/chunks/{chunk-Y3HOIL64.js → chunk-AW7PU43S.js}

@@ -7,12 +7,12 @@ import{h as e}from"./chunk-YITWLCD3.js";var r=e`
       --field-placeholder-color,
       var(--eun-placeholder-color, var(--eun-color-grey-400, #c1c9d6))
     );
-    --_iconColor: var(--field-icon-color, var(--eun-text-secondary, #484e61));
+    --_iconColor: var(--field-icon-color, var(--eun-text-secondary, #666e8a));
     --_errorColor: var(
       --field-error-color,
       var(--eun-color-critical-100, #aa0014)
     );
-    --_hintColor: var(--field-hint-color, var(--eun-text-secondary, #484e61));
+    --_hintColor: var(--field-hint-color, var(--eun-text-secondary, #666e8a));
     --_focusIndicator: var(
       --field-focus-outline-color,
       var(--eun-color-primary-500, #3d6fff)

package/dist/cdn/components/chunks/{chunk-FF3I7C3C.js → chunk-DWTNRFWW.js}

@@ -1,6 +1,5 @@
 import{h as o}from"./chunk-YITWLCD3.js";var e=o`
   :host {
-    /* How each appearance reads the palette slots. */
     --_bg-default: var(--_tint);
     --_fg-default: var(--_accent);
     --_bg-fill: var(--_solid);
@@ -9,10 +8,9 @@ import{h as o}from"./chunk-YITWLCD3.js";var e=o`
     --_fg-outline: var(--_accent);
     --_bd-outline: var(--_solid);
     --_bg-flat: var(--eun-content-hover, #edeff0);
-    --_fg-flat: var(--eun-text-secondary, #484e61);
+    --_fg-flat: var(--eun-text-secondary, #666e8a);
   }
 
-  /* Step 1 : palettes. "medium" is also the fallback before "color" reflects. */
   :host(:not([color]):not([severity])),
   :host([color="medium"]:not([severity])) {
     --_solid: var(--eun-color-grey-700, #484e61);

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

@@ -0,0 +1 @@
+function s(r,o){let t=getComputedStyle(r).getPropertyValue(o).trim();if(!t)return Number.NaN;if(/^-?(\d+\.?\d*|\.\d+)(px)?$/.test(t))return Number.parseFloat(t);let e=document.createElement("div");if(e.style.display="none",e.style.setProperty("scroll-margin-top",t),!e.style.getPropertyValue("scroll-margin-top"))return Number.NaN;(r.shadowRoot??r).append(e);let n=Number.parseFloat(getComputedStyle(e).scrollMarginTop);return e.remove(),n}export{s as a};