@eui/eds-wc 22.0.0-alpha.5 → 22.0.0-alpha.50

package/eds-input-password/eds-wc-input-password.js

@@ -0,0 +1,295 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, css } from 'lit';
+import { customElement, property, state, query } from 'lit/decorators.js';
+import { EdsBaseElement } from '../shared/eds-base.js';
+import '../eds-input-button/eds-wc-input-button.js';
+import '../eds-input-text/eds-wc-input-text.js';
+import '../eds-icon-button/eds-wc-icon-button.js';
+/**
+ * `<eds-wc-input-password>` — EDS Password Input Web Component.
+ *
+ * A composite password field: an `<eds-wc-input-button>` wrapping an `<eds-wc-input-text>` (default
+ * slot) and a trailing `<eds-wc-icon-button>` toggle (`slot="button"`) that switches the field
+ * between `type="password"` (masked) and `type="text"` (plain). The toggle flips its icon between
+ * `eye` (currently hidden) and `eye-slash` (currently shown), carries `aria-pressed` (`true` when
+ * the value is visible), and swaps its `aria-label` between `showLabel` and `hideLabel`. Because the
+ * toggle is an `eds-wc-icon-button` living in the input-button's `button` slot, it participates in
+ * the input-button's roving-tabindex focus model and receives the inset, critical-aware focus ring.
+ *
+ * 1:1 projection of the Angular `eds-input-password` component. Like the Angular source it is a form
+ * control: it participates in the surrounding `<form>` via `ElementInternals` (form-associated
+ * custom element) and also dispatches `input` / `change` events. The visibility toggle state is
+ * internal.
+ *
+ * @example
+ * ```html
+ * <eds-wc-input-password placeholder="Enter your password"></eds-wc-input-password>
+ * <eds-wc-input-password invalid></eds-wc-input-password>
+ * <eds-wc-input-password disabled></eds-wc-input-password>
+ * ```
+ *
+ * @fires input - Dispatched on every keystroke as the value changes. `detail: { value: string }`
+ * @fires change - Dispatched when the value is committed (native change). `detail: { value: string }`
+ *
+ * @csspart input - The internal `<eds-wc-input-text>` field
+ * @csspart toggle - The trailing visibility toggle `<eds-wc-icon-button>`
+ */
+let EdsWcInputPassword = class EdsWcInputPassword extends EdsBaseElement {
+    constructor() {
+        super(...arguments);
+        this._internals = this.attachInternals();
+        /**
+         * Data attribute value for end-to-end testing identification.
+         * @default 'eds-input-password'
+         */
+        this.e2eAttr = 'eds-input-password';
+        /**
+         * Current value of the password field.
+         * @default ''
+         */
+        this.value = '';
+        /**
+         * Placeholder text shown in the input when empty.
+         * @default ''
+         */
+        this.placeholder = '';
+        /**
+         * Controls whether the input is disabled. Reflected as the `disabled` host attribute.
+         * @default false
+         */
+        this.disabled = false;
+        /**
+         * Controls whether the input is readonly. Reflected as the `readonly` host attribute.
+         * @default false
+         */
+        this.readonly = false;
+        /**
+         * Controls whether the input shows an invalid/error state. Reflected as the `invalid` host
+         * attribute (String-Props model).
+         * @default false
+         */
+        this.invalid = false;
+        /**
+         * Accessible label for the visibility toggle button when the password is hidden (pressing it
+         * will show the password).
+         * @default 'Show password'
+         */
+        this.showLabel = 'Show password';
+        /**
+         * Accessible label for the visibility toggle button when the password is shown (pressing it
+         * will hide the password).
+         * @default 'Hide password'
+         */
+        this.hideLabel = 'Hide password';
+        /**
+         * Whether the password value is currently visible (`true` → `text`, `false` → `password`).
+         * Internal toggle state.
+         */
+        this._visible = false;
+    }
+    /** Form-associated custom element — participates in the surrounding `<form>`. */
+    static { this.formAssociated = true; }
+    /** Resolved input `type` derived from the visibility state. */
+    get _inputType() {
+        return this._visible ? 'text' : 'password';
+    }
+    /** Icon shown on the toggle button, derived from the visibility state. */
+    get _toggleIcon() {
+        return this._visible ? 'eye-slash' : 'eye';
+    }
+    /** Accessible label for the toggle button, derived from the visibility state. */
+    get _toggleLabel() {
+        return this._visible ? this.hideLabel : this.showLabel;
+    }
+    static { this.styles = css `
+        :host, *, *::before, *::after {
+            box-sizing: border-box;
+        }
+
+        :host {
+            display: block;
+            width: 100%;
+        }
+
+        /* The composed input-button fills the available width. */
+        eds-wc-input-button {
+            width: 100%;
+        }
+
+        /* The trailing toggle is an eds-wc-icon-button, which eds-wc-input-button does NOT style
+           (it only joins borders on the generic button slot). Give it the same bordered, divided
+           treatment as a text button sitting at the end of the field. */
+        eds-wc-icon-button {
+            border: var(--eds-bw-xs) solid var(--eds-c-border-neutral);
+            border-left: none;
+            border-top-left-radius: 0;
+            border-bottom-left-radius: 0;
+            border-top-right-radius: var(--eds-br-s);
+            border-bottom-right-radius: var(--eds-br-s);
+            background-color: var(--eds-c-surface-elevation);
+            position: relative;
+        }
+
+        eds-wc-icon-button::before {
+            background-color: var(--eds-c-border-divider);
+            content: "";
+            display: block;
+            height: 1.75rem;
+            left: -1px;
+            position: absolute;
+            top: var(--eds-sp-2xs);
+            width: 1px;
+        }
+
+        /* The masked "dot" glyph renders at 1rem — mirrors the Angular SCSS
+           \`::ng-deep input[type="password"] { font-size: var(--eds-f-s-m); }\`. Scoped to the
+           masked input only (type="password"); the composed input lives in eds-wc-input-text's
+           shadow root, so expose it as a CSS custom property the sibling consumes.
+           LIMITATION: Shadow-DOM encapsulation prevents reaching the slotted input's internal
+           \`input\` element directly; eds-wc-input-text's own styles apply this when masked. */
+        eds-wc-input-text {
+            --_eds-input-password-masked-font-size: var(--eds-f-s-m);
+        }
+
+        /* Disabled — mirror the eds-input mixin's disabled visuals on the toggle so both halves of
+           the field match. */
+        :host([disabled]) eds-wc-icon-button {
+            background-color: var(--eds-c-surface-disabled);
+            border-color: var(--eds-c-border-disabled);
+        }
+
+        /* Readonly — the input becomes borderless/transparent; match the toggle and drop its
+           divider so the field reads as static text. */
+        :host([readonly]) eds-wc-icon-button {
+            background-color: transparent;
+            border-color: transparent;
+        }
+        :host([readonly]) eds-wc-icon-button::before {
+            display: none;
+        }
+
+        /* Invalid state — reflected as the \`invalid\` host attribute. The composed input-text and
+           the toggle both carry the critical border. */
+        :host([invalid]) eds-wc-input-text,
+        :host([invalid]) eds-wc-icon-button {
+            border-color: var(--eds-c-border-critical);
+        }
+    `; }
+    render() {
+        return html `
+            <eds-wc-input-button
+                ?invalid="${this.invalid}"
+                position="end">
+                <eds-wc-input-text
+                    part="input"
+                    type="${this._inputType}"
+                    .value="${this.value}"
+                    placeholder="${this.placeholder}"
+                    ?disabled="${this.disabled}"
+                    ?readonly="${this.readonly}"
+                    ?invalid="${this.invalid}"
+                    @input="${this._onInput}"
+                    @change="${this._onChange}"></eds-wc-input-text>
+                <eds-wc-icon-button
+                    slot="button"
+                    part="toggle"
+                    color="neutral"
+                    icon="${this._toggleIcon}"
+                    aria-label="${this._toggleLabel}"
+                    aria-pressed="${this._visible}"
+                    ?disabled="${this.disabled}"
+                    @button-click="${this._toggleVisibility}"></eds-wc-icon-button>
+            </eds-wc-input-button>
+        `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._syncFormValue();
+    }
+    /** Toggles the password visibility. No-op when disabled or readonly. */
+    _toggleVisibility() {
+        if (this.disabled || this.readonly) {
+            return;
+        }
+        this._visible = !this._visible;
+    }
+    /** Handles input from the composed text field. */
+    _onInput(event) {
+        const target = event.target;
+        this.value = target.value ?? '';
+        this._syncFormValue();
+        this.dispatchEvent(new CustomEvent('input', {
+            bubbles: true,
+            composed: true,
+            detail: { value: this.value },
+        }));
+    }
+    /** Re-emits the composed field's native change event. */
+    _onChange() {
+        this.dispatchEvent(new CustomEvent('change', {
+            bubbles: true,
+            composed: true,
+            detail: { value: this.value },
+        }));
+    }
+    /** Bridges the shadow-DOM value + validity to the surrounding form. */
+    _syncFormValue() {
+        this._internals.setFormValue(this.value);
+        this._internals.setValidity(this.invalid ? { customError: true } : {}, this.invalid ? 'Invalid value' : undefined, this._inputText);
+    }
+    /** Reset the value when the surrounding form is reset. */
+    formResetCallback() {
+        this.value = '';
+        this._visible = false;
+        this._syncFormValue();
+    }
+    /** Mirror the form's disabled state (fieldset[disabled], etc.). */
+    formDisabledCallback(disabled) {
+        this.disabled = disabled;
+    }
+    updated(changed) {
+        if (changed.has('value') || changed.has('invalid')) {
+            this._syncFormValue();
+        }
+    }
+};
+__decorate([
+    property({ type: String, attribute: 'data-e2e', reflect: true })
+], EdsWcInputPassword.prototype, "e2eAttr", void 0);
+__decorate([
+    property({ type: String })
+], EdsWcInputPassword.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], EdsWcInputPassword.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], EdsWcInputPassword.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], EdsWcInputPassword.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], EdsWcInputPassword.prototype, "invalid", void 0);
+__decorate([
+    property({ type: String, attribute: 'show-label' })
+], EdsWcInputPassword.prototype, "showLabel", void 0);
+__decorate([
+    property({ type: String, attribute: 'hide-label' })
+], EdsWcInputPassword.prototype, "hideLabel", void 0);
+__decorate([
+    state()
+], EdsWcInputPassword.prototype, "_visible", void 0);
+__decorate([
+    query('eds-wc-input-text')
+], EdsWcInputPassword.prototype, "_inputText", void 0);
+EdsWcInputPassword = __decorate([
+    customElement('eds-wc-input-password')
+], EdsWcInputPassword);
+export { EdsWcInputPassword };
+//# sourceMappingURL=eds-wc-input-password.js.map

package/eds-input-password/eds-wc-input-password.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-input-password.js","sourceRoot":"","sources":["../../src/eds-input-password/eds-wc-input-password.ts"],"names":[],"mappings":"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"}

package/eds-input-password/index.d.ts

@@ -0,0 +1,2 @@
+export { EdsWcInputPassword } from './eds-wc-input-password';
+//# sourceMappingURL=index.d.ts.map

package/eds-input-password/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-input-password/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC"}

package/eds-input-password/index.js

@@ -0,0 +1,2 @@
+export { EdsWcInputPassword } from './eds-wc-input-password';
+//# sourceMappingURL=index.js.map

package/eds-input-password/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-input-password/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC"}

package/eds-input-text/eds-wc-input-text.d.ts

@@ -1,4 +1,6 @@
 import { EdsBaseElement } from '../shared/eds-base.js';
+/** Size variants supported by the EDS text input (mirrors `EdsInputTextSize`). */
+export type EdsWcInputTextSize = 's' | 'm' | 'l';
 /**
  * `<eds-wc-input-text>` — EDS Text Input Web Component.
  *
@@ -37,6 +39,8 @@ export declare class EdsWcInputText extends EdsBaseElement {
     clearable: boolean;
     /** Show a loading spinner inside the input. */
     loading: boolean;
+    /** Size variant — reflected as the `size` host attribute. */
+    size: EdsWcInputTextSize;
     /** Accessible label (when no visible label element). */
     ariaLabel: string | null;
     private _input;

package/eds-input-text/eds-wc-input-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eds-wc-input-text.d.ts","sourceRoot":"","sources":["../../src/eds-input-text/eds-wc-input-text.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,cAAe,SAAQ,cAAc;IAC9C,qBAAqB;IAErB,KAAK,SAAM;IAEX,wBAAwB;IAExB,WAAW,SAAM;IAEjB,wDAAwD;IAExD,IAAI,SAAU;IAEd,sBAAsB;IAEtB,QAAQ,UAAS;IAEjB,sBAAsB;IAEtB,QAAQ,UAAS;IAEjB,2BAA2B;IAE3B,OAAO,UAAS;IAEhB,kDAAkD;IAElD,SAAS,UAAS;IAElB,+CAA+C;IAE/C,OAAO,UAAS;IAEhB,wDAAwD;IAE/C,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAGzC,OAAO,CAAC,MAAM,CAAoB;IAElC,sDAAsD;IACtD,IAAI,YAAY,IAAI,gBAAgB,CAEnC;IAED,OAAgB,MAAM,0BAuHpB;cAEiB,MAAM;IA6BzB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,QAAQ;CAOnB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,cAAc,CAAC;KACvC;CACJ"}
+{"version":3,"file":"eds-wc-input-text.d.ts","sourceRoot":"","sources":["../../src/eds-input-text/eds-wc-input-text.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,kFAAkF;AAClF,MAAM,MAAM,kBAAkB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,cAAe,SAAQ,cAAc;IAC9C,qBAAqB;IAErB,KAAK,SAAM;IAEX,wBAAwB;IAExB,WAAW,SAAM;IAEjB,wDAAwD;IAExD,IAAI,SAAU;IAEd,sBAAsB;IAEtB,QAAQ,UAAS;IAEjB,sBAAsB;IAEtB,QAAQ,UAAS;IAEjB,2BAA2B;IAE3B,OAAO,UAAS;IAEhB,kDAAkD;IAElD,SAAS,UAAS;IAElB,+CAA+C;IAE/C,OAAO,UAAS;IAEhB,6DAA6D;IAE7D,IAAI,EAAE,kBAAkB,CAAO;IAE/B,wDAAwD;IAE/C,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAGzC,OAAO,CAAC,MAAM,CAAoB;IAElC,sDAAsD;IACtD,IAAI,YAAY,IAAI,gBAAgB,CAEnC;IAED,OAAgB,MAAM,0BAkJpB;cAEiB,MAAM;IA6BzB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,QAAQ;CAOnB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,cAAc,CAAC;KACvC;CACJ"}

package/eds-input-text/eds-wc-input-text.js

@@ -47,6 +47,8 @@ let EdsWcInputText = class EdsWcInputText extends EdsBaseElement {
         this.clearable = false;
         /** Show a loading spinner inside the input. */
         this.loading = false;
+        /** Size variant — reflected as the `size` host attribute. */
+        this.size = 'm';
         /** Accessible label (when no visible label element). */
         this.ariaLabel = null;
     }
@@ -60,16 +62,42 @@ let EdsWcInputText = class EdsWcInputText extends EdsBaseElement {
             position: relative;
         }
 
+        :host {
+            /* Size-driven privates (defaults = m) */
+            --_eds-input-text-min-height: var(--eds-si-4xl);
+            --_eds-input-text-pad-v: var(--eds-sp-xs);
+            --_eds-input-text-pad-h: var(--eds-sp-s);
+            --_eds-input-text-font: var(--eds-f-paragraph-m);
+            --_eds-input-text-placeholder-font: var(--eds-f-placeholder-m);
+        }
+
+        :host([size="s"]) {
+            --_eds-input-text-min-height: var(--eds-si-3xl); /* 32px */
+            --_eds-input-text-pad-v: var(--eds-sp-2xs);
+            --_eds-input-text-pad-h: var(--eds-sp-s);
+            --_eds-input-text-font: var(--eds-f-paragraph-s);
+            --_eds-input-text-placeholder-font: var(--eds-f-placeholder-s);
+        }
+
+        :host([size="l"]) {
+            --_eds-input-text-min-height: var(--eds-si-6xl); /* 48px */
+            --_eds-input-text-pad-v: var(--eds-sp-s);
+            --_eds-input-text-pad-h: var(--eds-sp-m);
+            --_eds-input-text-font: var(--eds-f-paragraph-l);
+            /* No --eds-f-placeholder-l token exists; l reuses the m placeholder font. */
+            --_eds-input-text-placeholder-font: var(--eds-f-placeholder-m);
+        }
+
         input {
-            font: var(--eds-f-paragraph-m);
+            font: var(--_eds-input-text-font);
             appearance: none;
             background-color: var(--eds-c-surface-elevation);
             border: var(--eds-bw-xs) solid var(--eds-c-border-neutral);
             border-radius: var(--eds-br-s);
             box-shadow: none;
             color: var(--eds-c-foreground-default);
-            min-height: var(--eds-si-3xl);
-            padding: var(--eds-sp-xs) var(--eds-sp-s);
+            min-height: var(--_eds-input-text-min-height);
+            padding: var(--_eds-input-text-pad-v) var(--_eds-input-text-pad-h);
             width: 100%;
             box-sizing: border-box;
             outline: none;
@@ -77,7 +105,8 @@ let EdsWcInputText = class EdsWcInputText extends EdsBaseElement {
         }
 
         input::placeholder {
-            color: var(--eds-c-foreground-subtler);
+            color: var(--eds-c-foreground-placeholder);
+            font: var(--_eds-input-text-placeholder-font);
             opacity: 1;
         }
 
@@ -88,7 +117,7 @@ let EdsWcInputText = class EdsWcInputText extends EdsBaseElement {
 
         /* Disabled */
         input:disabled {
-            background-color: var(--eds-c-suface-disabled);
+            background-color: var(--eds-c-surface-disabled);
             border-color: var(--eds-c-border-disabled);
             color: var(--eds-c-foreground-subtler);
             pointer-events: none;
@@ -240,6 +269,9 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], EdsWcInputText.prototype, "loading", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], EdsWcInputText.prototype, "size", void 0);
 __decorate([
     property({ type: String, attribute: 'aria-label' })
 ], EdsWcInputText.prototype, "ariaLabel", void 0);

package/eds-input-text/eds-wc-input-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"eds-wc-input-text.js","sourceRoot":"","sources":["../../src/eds-input-text/eds-wc-input-text.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"eds-wc-input-text.js","sourceRoot":"","sources":["../../src/eds-input-text/eds-wc-input-text.ts"],"names":[],"mappings":"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"}

package/eds-label/eds-wc-label.d.ts

@@ -18,6 +18,16 @@ declare const EdsWcLabel_base: (new (...args: any[]) => import("../shared/color-
 export declare class EdsWcLabel extends EdsWcLabel_base {
     /** Marks the label as required (appends a red asterisk). */
     required: boolean;
+    /**
+     * When `required` is set, appends a `(required)` text label instead of the asterisk.
+     * @default false
+     */
+    hasRequiredLabel: boolean;
+    /**
+     * Appends an `(optional)` text label to the label.
+     * @default false
+     */
+    hasOptionalLabel: boolean;
     static styles: import("lit").CSSResult;
     protected render(): import("lit-html").TemplateResult<1>;
 }

package/eds-label/eds-wc-label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eds-wc-label.d.ts","sourceRoot":"","sources":["../../src/eds-label/eds-wc-label.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;;AAGvD;;;;;;;;;;;;;;GAcG;AACH,qBACa,UAAW,SAAQ,eAA0B;IACtD,4DAA4D;IAE5D,QAAQ,UAAS;IAEjB,OAAgB,MAAM,0BAepB;cAEiB,MAAM;CAG5B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,UAAU,CAAC;KAC9B;CACJ"}
+{"version":3,"file":"eds-wc-label.d.ts","sourceRoot":"","sources":["../../src/eds-label/eds-wc-label.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;;AAGvD;;;;;;;;;;;;;;GAcG;AACH,qBACa,UAAW,SAAQ,eAA0B;IACtD,4DAA4D;IAE5D,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,gBAAgB,UAAS;IAEzB;;;OAGG;IAEH,gBAAgB,UAAS;IAEzB,OAAgB,MAAM,0BA2BpB;cAEiB,MAAM;CAG5B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,UAAU,CAAC;KAC9B;CACJ"}

package/eds-label/eds-wc-label.js

@@ -28,11 +28,22 @@ let EdsWcLabel = class EdsWcLabel extends ColorMixin(EdsBaseElement) {
         super(...arguments);
         /** Marks the label as required (appends a red asterisk). */
         this.required = false;
+        /**
+         * When `required` is set, appends a `(required)` text label instead of the asterisk.
+         * @default false
+         */
+        this.hasRequiredLabel = false;
+        /**
+         * Appends an `(optional)` text label to the label.
+         * @default false
+         */
+        this.hasOptionalLabel = false;
     }
     static { this.styles = css `
         :host {
             display: inline-block;
-            font: var(--eds-f-label-m-semi-bold);
+            font: var(--eds-f-label-m);
+            font-weight: var(--eds-f-w-semibold);
             color: var(--eds-c-foreground);
         }
 
@@ -44,6 +55,17 @@ let EdsWcLabel = class EdsWcLabel extends ColorMixin(EdsBaseElement) {
             content: ' *';
             color: var(--eds-c-foreground-critical);
         }
+
+        :host([required][has-required-label])::after {
+            content: ' (required)';
+            font: var(--eds-f-label-s);
+        }
+
+        :host([has-optional-label])::after {
+            content: ' (optional)';
+            color: var(--eds-c-foreground-subtle);
+            font: var(--eds-f-label-s);
+        }
     `; }
     render() {
         return html `<slot></slot>`;
@@ -52,6 +74,12 @@ let EdsWcLabel = class EdsWcLabel extends ColorMixin(EdsBaseElement) {
 __decorate([
     property({ type: Boolean, reflect: true })
 ], EdsWcLabel.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'has-required-label' })
+], EdsWcLabel.prototype, "hasRequiredLabel", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'has-optional-label' })
+], EdsWcLabel.prototype, "hasOptionalLabel", void 0);
 EdsWcLabel = __decorate([
     customElement('eds-wc-label')
 ], EdsWcLabel);

package/eds-label/eds-wc-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"eds-wc-label.js","sourceRoot":"","sources":["../../src/eds-label/eds-wc-label.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD;;;;;;;;;;;;;;GAcG;AAEI,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU,CAAC,cAAc,CAAC;IAAnD;;QACH,4DAA4D;QAE5D,aAAQ,GAAG,KAAK,CAAC;IAsBrB,CAAC;aApBmB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;KAe3B,AAfqB,CAepB;IAEiB,MAAM;QACrB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC/B,CAAC;;AArBD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAC1B;AAHR,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CAyBtB"}
+{"version":3,"file":"eds-wc-label.js","sourceRoot":"","sources":["../../src/eds-label/eds-wc-label.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD;;;;;;;;;;;;;;GAcG;AAEI,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU,CAAC,cAAc,CAAC;IAAnD;;QACH,4DAA4D;QAE5D,aAAQ,GAAG,KAAK,CAAC;QAEjB;;;WAGG;QAEH,qBAAgB,GAAG,KAAK,CAAC;QAEzB;;;WAGG;QAEH,qBAAgB,GAAG,KAAK,CAAC;IAkC7B,CAAC;aAhCmB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2B3B,AA3BqB,CA2BpB;IAEiB,MAAM;QACrB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC/B,CAAC;;AA/CD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAC1B;AAOjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;oDACnD;AAOzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;oDACnD;AAjBhB,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CAmDtB"}

package/eds-language-selector/eds-wc-language-selector.d.ts

@@ -0,0 +1,108 @@
+import { EdsBaseElement } from '../shared/eds-base.js';
+/**
+ * A single selectable language entry.
+ * Projected from the Angular `EdsLanguage` interface.
+ */
+export interface EdsLanguage {
+    /** Language code (e.g. 'en', 'fr', 'de'). */
+    code: string;
+    /** Display label (e.g. 'English', 'Français'). */
+    label: string;
+}
+/**
+ * Local narrowed color union — the language-selector's color contract.
+ * Copied from the Angular `eds-language-selector` `EdsColorDirective` inputs
+ * (`edsBrand`/`edsNeutral`); only `brand` alters the visual (see SCSS `--brand` block).
+ */
+export type EdsWcLanguageSelectorColor = 'neutral' | 'brand';
+/**
+ * `<eds-wc-language-selector>` — EDS Language Selector Web Component.
+ *
+ * A trigger button that opens either a dropdown listbox (≤ 3 languages) or a modal
+ * dialog with EU / non-EU grid sections (> 3 languages) so the user can switch the
+ * active language. 1:1 projection of the Angular `eds-language-selector` (which
+ * composes the private `eds-language-selector-dialog` sub-component).
+ *
+ * The trigger has two layouts: a bordered button showing the current language code
+ * with a caret, or a borderless button with a globe icon + code (`has-icon-layout`).
+ *
+ * @example
+ * ```html
+ * <eds-wc-language-selector
+ *   .languages="${[{ code: 'en', label: 'English' }, { code: 'fr', label: 'Français' }]}"
+ *   selected-language="en">
+ * </eds-wc-language-selector>
+ *
+ * <eds-wc-language-selector has-icon-layout color="brand" .languages="${manyLangs}">
+ * </eds-wc-language-selector>
+ * ```
+ *
+ * @fires language-change - Dispatched when the user picks a language. `detail: { code: string }`
+ */
+export declare class EdsWcLanguageSelector extends EdsBaseElement {
+    /** Available languages. */
+    languages: EdsLanguage[];
+    /** Currently selected language code. */
+    selectedLanguage: string;
+    /** Accessible label override for the trigger. */
+    ariaLabel: string | null;
+    /**
+     * Whether the dropdown aligns to the right edge (opens towards left). Can be set
+     * explicitly or computed from the viewport when left unset.
+     */
+    isRightAligned: boolean;
+    /**
+     * When true, the trigger displays a globe icon with the language code in a
+     * borderless button layout.
+     */
+    hasIconLayout: boolean;
+    /** Semantic color of the trigger. Only `brand` alters the default styling. */
+    color: EdsWcLanguageSelectorColor;
+    /** Dropdown open state. */
+    private _open;
+    /** Index of the currently focused item in the dropdown. */
+    private _focusedIndex;
+    /** Internal viewport-based alignment override (only used when `isRightAligned` is unset). */
+    private _dropdownAlignRight;
+    private _toggleEl;
+    private _dialog;
+    /** Whether the language list should open in a dialog (more than 3 languages). */
+    private get _useDialog();
+    /** Resolved alignment: explicit input takes priority, then viewport-based. */
+    private get _resolvedAlignRight();
+    /** The resolved current language object. */
+    private get _currentLanguage();
+    /** Computed accessible label. */
+    private get _computedAriaLabel();
+    /** The id of the currently active descendant for aria-activedescendant. */
+    private get _activeDescendantId();
+    /** EU languages filtered from the provided list. */
+    private get _euLanguages();
+    /** Non-EU (additional) languages filtered from the provided list. */
+    private get _nonEuLanguages();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    static styles: import("lit").CSSResult;
+    protected render(): import("lit-html").TemplateResult<1>;
+    private _renderDialog;
+    private _icon;
+    private _toggle;
+    private _selectLanguage;
+    private _onToggleKeydown;
+    private _onDropdownKeydown;
+    private _openDropdown;
+    private _closeDropdown;
+    private _setFocusedIndex;
+    private _computeDropdownAlignment;
+    private _openDialog;
+    private _closeDialog;
+    private _onDialogNativeClose;
+    private _onDialogBackdropClick;
+    private _onDocumentClick;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eds-wc-language-selector': EdsWcLanguageSelector;
+    }
+}
+//# sourceMappingURL=eds-wc-language-selector.d.ts.map

package/eds-language-selector/eds-wc-language-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-language-selector.d.ts","sourceRoot":"","sources":["../../src/eds-language-selector/eds-wc-language-selector.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;GAGG;AACH,MAAM,WAAW,WAAW;IACxB,6CAA6C;IAC7C,IAAI,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG,OAAO,CAAC;AAe7D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBACa,qBAAsB,SAAQ,cAAc;IACrD,2BAA2B;IAE3B,SAAS,EAAE,WAAW,EAAE,CAAM;IAE9B,wCAAwC;IAExC,gBAAgB,SAAQ;IAExB,iDAAiD;IAExC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAM;IAEvC;;;OAGG;IAEH,cAAc,UAAS;IAEvB;;;OAGG;IAEH,aAAa,UAAS;IAEtB,8EAA8E;IAE9E,KAAK,EAAE,0BAA0B,CAAa;IAE9C,2BAA2B;IAClB,OAAO,CAAC,KAAK,CAAS;IAE/B,2DAA2D;IAClD,OAAO,CAAC,aAAa,CAAM;IAEpC,6FAA6F;IACpF,OAAO,CAAC,mBAAmB,CAAS;IAElB,OAAO,CAAC,SAAS,CAAqB;IAChD,OAAO,CAAC,OAAO,CAAqB;IAErD,iFAAiF;IACjF,OAAO,KAAK,UAAU,GAErB;IAED,8EAA8E;IAC9E,OAAO,KAAK,mBAAmB,GAE9B;IAED,4CAA4C;IAC5C,OAAO,KAAK,gBAAgB,GAO3B;IAED,iCAAiC;IACjC,OAAO,KAAK,kBAAkB,GAG7B;IAED,2EAA2E;IAC3E,OAAO,KAAK,mBAAmB,GAO9B;IAED,oDAAoD;IACpD,OAAO,KAAK,YAAY,GAEvB;IAED,qEAAqE;IACrE,OAAO,KAAK,eAAe,GAE1B;IAEQ,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAKrC,OAAgB,MAAM,0BAiRpB;cAEiB,MAAM;IAiDzB,OAAO,CAAC,aAAa;IA2DrB,OAAO,CAAC,KAAK;IAMb,OAAO,CAAC,OAAO;IAUf,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,kBAAkB;IAmC1B,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,yBAAyB;IAOjC,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,sBAAsB;IAM9B,OAAO,CAAC,gBAAgB,CAOtB;CACL;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,0BAA0B,EAAE,qBAAqB,CAAC;KACrD;CACJ"}