@eui/eds-wc 22.0.0-alpha.16 → 22.0.0-alpha.18

package/eds-language-selector/eds-wc-language-selector.js

@@ -0,0 +1,650 @@
+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, nothing } from 'lit';
+import { customElement, property, state, query } from 'lit/decorators.js';
+import { EdsBaseElement } from '../shared/eds-base.js';
+/** Threshold: when languages exceed this count, a dialog is shown instead of a dropdown. */
+const DIALOG_THRESHOLD = 3;
+/** Minimum space (px) needed on the right for the dropdown to align left-to-right. */
+const DROPDOWN_MIN_WIDTH = 160;
+/** Official EU language codes (mirrors the Angular dialog sub-component). */
+const EU_LANGUAGE_CODES = new Set([
+    'bg', 'cs', 'da', 'de', 'et', 'el', 'en', 'es', 'fr', 'ga',
+    'hr', 'it', 'lv', 'lt', 'hu', 'mt', 'nl', 'pl', 'pt', 'ro',
+    'sk', 'sl', 'fi', 'sv',
+]);
+/**
+ * `<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 }`
+ */
+let EdsWcLanguageSelector = class EdsWcLanguageSelector extends EdsBaseElement {
+    constructor() {
+        super(...arguments);
+        /** Available languages. */
+        this.languages = [];
+        /** Currently selected language code. */
+        this.selectedLanguage = 'en';
+        /** Accessible label override for the trigger. */
+        this.ariaLabel = '';
+        /**
+         * Whether the dropdown aligns to the right edge (opens towards left). Can be set
+         * explicitly or computed from the viewport when left unset.
+         */
+        this.isRightAligned = false;
+        /**
+         * When true, the trigger displays a globe icon with the language code in a
+         * borderless button layout.
+         */
+        this.hasIconLayout = false;
+        /** Semantic color of the trigger. Only `brand` alters the default styling. */
+        this.color = 'neutral';
+        /** Dropdown open state. */
+        this._open = false;
+        /** Index of the currently focused item in the dropdown. */
+        this._focusedIndex = -1;
+        /** Internal viewport-based alignment override (only used when `isRightAligned` is unset). */
+        this._dropdownAlignRight = false;
+        this._onDocumentClick = (event) => {
+            if (this._open && !this._useDialog) {
+                const path = event.composedPath();
+                if (!path.includes(this)) {
+                    this._closeDropdown();
+                }
+            }
+        };
+    }
+    /** Whether the language list should open in a dialog (more than 3 languages). */
+    get _useDialog() {
+        return this.languages.length > DIALOG_THRESHOLD;
+    }
+    /** Resolved alignment: explicit input takes priority, then viewport-based. */
+    get _resolvedAlignRight() {
+        return this.isRightAligned || this._dropdownAlignRight;
+    }
+    /** The resolved current language object. */
+    get _currentLanguage() {
+        const selected = this.selectedLanguage;
+        return (this.languages.find(l => l.code === selected) ??
+            this.languages[0] ??
+            { code: 'en', label: 'EN' });
+    }
+    /** Computed accessible label. */
+    get _computedAriaLabel() {
+        if (this.ariaLabel)
+            return this.ariaLabel;
+        return `Change Language - Current: ${this._currentLanguage.label}`;
+    }
+    /** The id of the currently active descendant for aria-activedescendant. */
+    get _activeDescendantId() {
+        const idx = this._focusedIndex;
+        const langs = this.languages;
+        if (idx >= 0 && idx < langs.length) {
+            return 'eds-lang-option-' + langs[idx].code;
+        }
+        return null;
+    }
+    /** EU languages filtered from the provided list. */
+    get _euLanguages() {
+        return this.languages.filter(lang => EU_LANGUAGE_CODES.has(lang.code));
+    }
+    /** Non-EU (additional) languages filtered from the provided list. */
+    get _nonEuLanguages() {
+        return this.languages.filter(lang => !EU_LANGUAGE_CODES.has(lang.code));
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener('click', this._onDocumentClick, true);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('click', this._onDocumentClick, true);
+    }
+    static { this.styles = css `
+        :host, *, *::before, *::after {
+            box-sizing: border-box;
+        }
+
+        :host {
+            display: inline-flex;
+            position: relative;
+        }
+
+        .language-toggle {
+            display: flex;
+            align-items: center;
+            gap: var(--eds-sp-3xs);
+            padding: var(--eds-sp-3xs) var(--eds-sp-xs);
+            border: var(--eds-bw-xs) solid var(--eds-c-border-neutral-subtle);
+            border-radius: var(--eds-br-s);
+            background: none;
+            cursor: pointer;
+            font: var(--eds-f-label-m-semibold);
+            color: inherit;
+            font-family: inherit;
+            transition: background 0.15s ease, border-color 0.15s ease;
+        }
+
+        .language-toggle:focus-visible {
+            outline: var(--eds-bw-s) solid var(--eds-c-border-focus);
+            outline-offset: 2px;
+        }
+
+        .language-toggle:hover {
+            background: var(--eds-c-surface-elevation-sunken);
+            border-color: var(--eds-c-border-neutral);
+        }
+
+        .language-toggle--icon-layout {
+            border: none;
+            padding: var(--eds-sp-3xs) var(--eds-sp-2xs);
+            gap: var(--eds-sp-3xs);
+            border-radius: var(--eds-br-s);
+        }
+
+        .language-toggle--icon-layout:hover {
+            background: var(--eds-c-surface-elevation-sunken);
+        }
+
+        .language-code {
+            font: var(--eds-f-label-m-semibold);
+        }
+
+        .toggle-icon svg {
+            width: var(--eds-is-s);
+            height: var(--eds-is-s);
+            fill: currentColor;
+        }
+
+        .chevron svg {
+            width: var(--eds-is-xs);
+            height: var(--eds-is-xs);
+            fill: var(--eds-c-foreground-subtler);
+        }
+
+        .language-dropdown {
+            position: absolute;
+            top: 100%;
+            left: 0;
+            z-index: 200;
+            margin-top: var(--eds-sp-3xs);
+            min-width: 160px;
+            list-style: none;
+            margin-block: 0;
+            padding: var(--eds-sp-3xs) 0;
+            background: var(--eds-c-surface-elevation-overlay);
+            border: var(--eds-bw-xs) solid var(--eds-c-border-divider);
+            border-radius: var(--eds-br-m);
+            box-shadow: var(--eds-sh-3);
+        }
+
+        .language-dropdown--align-right {
+            left: auto;
+            right: 0;
+        }
+
+        .language-option {
+            display: flex;
+            align-items: center;
+            gap: var(--eds-sp-xs);
+            padding: var(--eds-sp-xs) var(--eds-sp-m);
+            cursor: pointer;
+            font: var(--eds-f-paragraph-s);
+            color: var(--eds-c-foreground);
+            transition: background 0.15s ease;
+            outline: none;
+        }
+
+        .language-option:hover,
+        .language-option.focused {
+            background: var(--eds-c-surface-elevation-sunken);
+        }
+
+        .language-option.focused {
+            outline: var(--eds-bw-xs) solid var(--eds-c-border-primary);
+            outline-offset: -1px;
+        }
+
+        .language-option.selected {
+            color: var(--eds-c-foreground-primary);
+            font-weight: var(--eds-f-w-semibold);
+        }
+
+        .option-code {
+            font: var(--eds-f-label-m-semibold);
+            min-width: 2rem;
+        }
+
+        .option-label {
+            flex: 1;
+        }
+
+        /* COLOR VARIANT — brand */
+        :host([color="brand"]) .language-toggle {
+            color: var(--eds-c-on-surface-brand);
+            border-color: transparent;
+        }
+
+        :host([color="brand"]) .language-toggle:hover {
+            background: var(--eds-c-surface-brand--hover);
+            color: var(--eds-c-on-surface-brand--hover);
+        }
+
+        :host([color="brand"]) .language-toggle--icon-layout:hover {
+            background: var(--eds-c-surface-brand--hover);
+            color: var(--eds-c-on-surface-brand--hover);
+        }
+
+        :host([color="brand"]) .toggle-icon svg {
+            fill: var(--eds-c-on-surface-brand);
+        }
+
+        :host([color="brand"]) .chevron svg {
+            fill: var(--eds-c-on-surface-brand);
+        }
+
+        /* DIALOG (> 3 languages) */
+        dialog {
+            border: none;
+            border-radius: var(--eds-br-m);
+            box-shadow: var(--eds-sh-3);
+            padding: 0;
+            width: 480px;
+            max-width: 90vw;
+            max-height: 90vh;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+            font-family: inherit;
+            color: var(--eds-c-foreground);
+        }
+
+        dialog::backdrop {
+            background: rgba(0, 0, 0, 0.4);
+        }
+
+        dialog:not([open]) {
+            display: none;
+        }
+
+        .dialog-header {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding: var(--eds-sp-m) var(--eds-sp-l);
+            border-bottom: var(--eds-bw-xs) solid var(--eds-c-border-divider);
+        }
+
+        .dialog-header__title {
+            font: var(--eds-f-label-l-semibold);
+            color: var(--eds-c-foreground);
+            margin: 0;
+        }
+
+        .dialog-header__close {
+            background: none;
+            border: none;
+            cursor: pointer;
+            padding: var(--eds-sp-3xs);
+            border-radius: var(--eds-br-full);
+            color: var(--eds-c-foreground-subtle);
+            font-family: inherit;
+        }
+
+        .dialog-header__close:hover {
+            background: var(--eds-c-surface-elevation-sunken);
+        }
+
+        .dialog-header__close:focus-visible {
+            outline: var(--eds-bw-s) solid var(--eds-c-border-focus);
+            outline-offset: 2px;
+        }
+
+        .dialog-header__close svg {
+            width: var(--eds-is-s);
+            height: var(--eds-is-s);
+            fill: currentColor;
+        }
+
+        .eds-language-dialog {
+            padding: var(--eds-sp-m);
+            overflow-y: auto;
+        }
+
+        .eds-language-dialog__section-title {
+            font: var(--eds-f-label-m-semibold);
+            margin-bottom: var(--eds-sp-s);
+        }
+
+        .eds-language-dialog__section-title--additional {
+            margin-top: var(--eds-sp-l);
+        }
+
+        .eds-language-dialog__grid {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: var(--eds-sp-s);
+        }
+
+        .eds-language-dialog__item {
+            display: flex;
+            align-items: center;
+            gap: var(--eds-sp-xs);
+        }
+
+        .eds-language-dialog__code {
+            font-weight: 600;
+            min-width: 2rem;
+        }
+
+        .eds-language-dialog__button {
+            flex: 1;
+            padding: var(--eds-sp-xs) var(--eds-sp-m);
+            border-radius: var(--eds-br-s);
+            border: var(--eds-bw-xs) solid var(--eds-c-border-neutral);
+            background: transparent;
+            color: var(--eds-c-foreground);
+            font: var(--eds-f-label-m);
+            cursor: pointer;
+            font-family: inherit;
+            text-align: left;
+        }
+
+        .eds-language-dialog__button:hover {
+            background: var(--eds-c-surface-elevation-sunken);
+        }
+
+        .eds-language-dialog__button:focus-visible {
+            outline: var(--eds-bw-s) solid var(--eds-c-border-focus);
+            outline-offset: 2px;
+        }
+
+        .eds-language-dialog__button--selected {
+            background: var(--eds-c-surface-primary);
+            border-color: transparent;
+            color: var(--eds-c-on-surface-primary);
+        }
+
+        .eds-language-dialog__button--selected:hover {
+            background: var(--eds-c-surface-primary--hover);
+        }
+    `; }
+    render() {
+        const current = this._currentLanguage;
+        return html `
+            <button
+                type="button"
+                class="language-toggle ${this.hasIconLayout ? 'language-toggle--icon-layout' : ''}"
+                aria-label="${this._computedAriaLabel}"
+                aria-expanded="${this._open ? 'true' : 'false'}"
+                aria-haspopup="listbox"
+                @click="${this._toggle}"
+                @keydown="${this._onToggleKeydown}">
+                ${this.hasIconLayout
+            ? html `
+                        ${this._icon('globe', 'toggle-icon')}
+                        <span class="language-code">${current.code.toUpperCase()}</span>
+                    `
+            : html `
+                        <span class="language-code">${current.code.toUpperCase()}</span>
+                        ${this._icon(this._open ? 'caret-up' : 'caret-down', 'chevron')}
+                    `}
+            </button>
+
+            ${this._open && !this._useDialog
+            ? html `
+                    <ul
+                        class="language-dropdown ${this._resolvedAlignRight ? 'language-dropdown--align-right' : ''}"
+                        role="listbox"
+                        aria-activedescendant="${this._activeDescendantId ?? nothing}"
+                        @keydown="${this._onDropdownKeydown}">
+                        ${this.languages.map((lang, i) => html `
+                            <li
+                                class="language-option ${lang.code === this.selectedLanguage ? 'selected' : ''} ${i === this._focusedIndex ? 'focused' : ''}"
+                                role="option"
+                                id="eds-lang-option-${lang.code}"
+                                aria-selected="${lang.code === this.selectedLanguage ? 'true' : 'false'}"
+                                tabindex="${i === this._focusedIndex ? 0 : -1}"
+                                @click="${() => this._selectLanguage(lang)}">
+                                <span class="option-code">${lang.code.toUpperCase()}</span>
+                                <span class="option-label" lang="${lang.code}">${lang.label}</span>
+                            </li>
+                        `)}
+                    </ul>
+                `
+            : nothing}
+
+            ${this._useDialog ? this._renderDialog() : nothing}
+        `;
+    }
+    _renderDialog() {
+        const baseUrl = EdsBaseElement.assetsBaseUrl;
+        const xHref = `${baseUrl}/eds/icons/sprites/core.svg#x`;
+        const euLangs = this._euLanguages;
+        const nonEuLangs = this._nonEuLanguages;
+        const hasNonEu = nonEuLangs.length > 0;
+        const renderItem = (lang) => {
+            const selected = lang.code === this.selectedLanguage;
+            return html `
+                <div class="eds-language-dialog__item">
+                    <span class="eds-language-dialog__code">${lang.code.toUpperCase()}</span>
+                    <button
+                        type="button"
+                        class="eds-language-dialog__button ${selected ? 'eds-language-dialog__button--selected' : ''}"
+                        @click="${() => this._selectLanguage(lang)}">
+                        <span lang="${lang.code}">${lang.label}</span>
+                    </button>
+                </div>
+            `;
+        };
+        return html `
+            <dialog
+                role="dialog"
+                aria-modal="true"
+                aria-label="Select Language"
+                @close="${this._onDialogNativeClose}"
+                @click="${this._onDialogBackdropClick}">
+                <div class="dialog-header">
+                    <h2 class="dialog-header__title">Select Language</h2>
+                    <button
+                        class="dialog-header__close"
+                        type="button"
+                        aria-label="Close dialog"
+                        @click="${this._closeDialog}">
+                        <svg aria-hidden="true"><use href="${xHref}"></use></svg>
+                    </button>
+                </div>
+                <div class="eds-language-dialog">
+                    ${hasNonEu
+            ? html `<h4 class="eds-language-dialog__section-title">EU Languages</h4>`
+            : nothing}
+                    <div class="eds-language-dialog__grid">
+                        ${euLangs.map(renderItem)}
+                    </div>
+                    ${hasNonEu
+            ? html `
+                            <h4 class="eds-language-dialog__section-title eds-language-dialog__section-title--additional">Non-EU Languages</h4>
+                            <div class="eds-language-dialog__grid">
+                                ${nonEuLangs.map(renderItem)}
+                            </div>
+                        `
+            : nothing}
+                </div>
+            </dialog>
+        `;
+    }
+    _icon(name, cls) {
+        const baseUrl = EdsBaseElement.assetsBaseUrl;
+        const href = `${baseUrl}/eds/icons/sprites/regular.svg#${name}`;
+        return html `<span class="${cls}"><svg aria-hidden="true"><use href="${href}"></use></svg></span>`;
+    }
+    _toggle() {
+        if (this._useDialog) {
+            this._openDialog();
+        }
+        else if (!this._open) {
+            this._openDropdown();
+        }
+        else {
+            this._closeDropdown();
+        }
+    }
+    _selectLanguage(lang) {
+        if (this._useDialog) {
+            this._closeDialog();
+        }
+        else {
+            this._closeDropdown();
+        }
+        this.dispatchEvent(new CustomEvent('language-change', {
+            bubbles: true,
+            composed: true,
+            detail: { code: lang.code },
+        }));
+    }
+    _onToggleKeydown(e) {
+        if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
+            e.preventDefault();
+            if (!this._open && !this._useDialog) {
+                this._openDropdown();
+            }
+        }
+    }
+    _onDropdownKeydown(e) {
+        const langs = this.languages;
+        const idx = this._focusedIndex;
+        switch (e.key) {
+            case 'ArrowDown':
+                e.preventDefault();
+                this._setFocusedIndex(idx < langs.length - 1 ? idx + 1 : 0);
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                this._setFocusedIndex(idx > 0 ? idx - 1 : langs.length - 1);
+                break;
+            case 'Home':
+                e.preventDefault();
+                this._setFocusedIndex(0);
+                break;
+            case 'End':
+                e.preventDefault();
+                this._setFocusedIndex(langs.length - 1);
+                break;
+            case 'Enter':
+            case ' ':
+                e.preventDefault();
+                if (idx >= 0 && idx < langs.length) {
+                    this._selectLanguage(langs[idx]);
+                }
+                break;
+            case 'Escape':
+            case 'Tab':
+                this._closeDropdown();
+                break;
+        }
+    }
+    _openDropdown() {
+        this._computeDropdownAlignment();
+        const langs = this.languages;
+        const selectedIdx = langs.findIndex(l => l.code === this.selectedLanguage);
+        this._open = true;
+        this._setFocusedIndex(selectedIdx >= 0 ? selectedIdx : 0);
+    }
+    _closeDropdown() {
+        this._open = false;
+        this._focusedIndex = -1;
+        this.updateComplete.then(() => this._toggleEl?.focus());
+    }
+    _setFocusedIndex(index) {
+        this._focusedIndex = index;
+        this.updateComplete.then(() => {
+            const langs = this.languages;
+            if (index >= 0 && index < langs.length) {
+                const optionEl = this.renderRoot.querySelector(`#eds-lang-option-${langs[index].code}`);
+                optionEl?.focus();
+            }
+        });
+    }
+    _computeDropdownAlignment() {
+        const hostRect = this.getBoundingClientRect();
+        const viewportWidth = document.documentElement.clientWidth;
+        const spaceOnRight = viewportWidth - hostRect.left;
+        this._dropdownAlignRight = spaceOnRight < DROPDOWN_MIN_WIDTH;
+    }
+    _openDialog() {
+        this.updateComplete.then(() => this._dialog?.showModal());
+    }
+    _closeDialog() {
+        this._dialog?.close();
+        this.updateComplete.then(() => this._toggleEl?.focus());
+    }
+    _onDialogNativeClose() {
+        // Native close (Escape); nothing extra to emit — selection emits its own event.
+    }
+    _onDialogBackdropClick(e) {
+        if (e.target === this._dialog) {
+            this._closeDialog();
+        }
+    }
+};
+__decorate([
+    property({ type: Array })
+], EdsWcLanguageSelector.prototype, "languages", void 0);
+__decorate([
+    property({ type: String, attribute: 'selected-language', reflect: true })
+], EdsWcLanguageSelector.prototype, "selectedLanguage", void 0);
+__decorate([
+    property({ type: String, attribute: 'aria-label' })
+], EdsWcLanguageSelector.prototype, "ariaLabel", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'is-right-aligned', reflect: true })
+], EdsWcLanguageSelector.prototype, "isRightAligned", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'has-icon-layout', reflect: true })
+], EdsWcLanguageSelector.prototype, "hasIconLayout", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], EdsWcLanguageSelector.prototype, "color", void 0);
+__decorate([
+    state()
+], EdsWcLanguageSelector.prototype, "_open", void 0);
+__decorate([
+    state()
+], EdsWcLanguageSelector.prototype, "_focusedIndex", void 0);
+__decorate([
+    state()
+], EdsWcLanguageSelector.prototype, "_dropdownAlignRight", void 0);
+__decorate([
+    query('.language-toggle')
+], EdsWcLanguageSelector.prototype, "_toggleEl", void 0);
+__decorate([
+    query('dialog')
+], EdsWcLanguageSelector.prototype, "_dialog", void 0);
+EdsWcLanguageSelector = __decorate([
+    customElement('eds-wc-language-selector')
+], EdsWcLanguageSelector);
+export { EdsWcLanguageSelector };
+//# sourceMappingURL=eds-wc-language-selector.js.map

package/eds-language-selector/eds-wc-language-selector.js.map

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

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

@@ -0,0 +1,3 @@
+export { EdsWcLanguageSelector } from './eds-wc-language-selector';
+export type { EdsLanguage, EdsWcLanguageSelectorColor } from './eds-wc-language-selector';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-language-selector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,YAAY,EAAE,WAAW,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC"}

package/eds-language-selector/index.js

@@ -0,0 +1,2 @@
+export { EdsWcLanguageSelector } from './eds-wc-language-selector';
+//# sourceMappingURL=index.js.map

package/eds-language-selector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-language-selector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC"}