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

package/eds-user-profile/eds-wc-user-profile.js

@@ -0,0 +1,564 @@
+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';
+import '../eds-avatar/eds-wc-avatar.js';
+import '../eds-icon/eds-wc-icon.js';
+/**
+ * `<eds-wc-user-profile>` — EDS User Profile Web Component.
+ *
+ * 1:1 projection of the Angular `eds-user-profile`. Displays a user's avatar, name and
+ * sub-info with an optional dropdown menu, or an icon-only login/logged-in trigger. Supports
+ * keyboard navigation of the menu (ArrowUp/Down, Enter/Space, Escape), click-outside-to-close,
+ * and left/right menu alignment.
+ *
+ * Menu items are projected via the default slot as `<eds-wc-user-profile-menu>` containing
+ * `<eds-wc-user-profile-menu-item>` children. When a menu is present the profile becomes an
+ * interactive `role="button"` trigger.
+ *
+ * The Angular component auto-detects `eds-shell-toolbar` / `eds-shell-header` ancestors to force
+ * toolbar / reverse layout. Web Components have no DI/ancestor injection, so those two contextual
+ * behaviors are exposed as explicit reflected boolean attributes `in-toolbar` and `reverse-context`.
+ *
+ * @example
+ * ```html
+ * <eds-wc-user-profile full-name="John Doe" sub-infos="Administrator">
+ *   <eds-wc-user-profile-menu>
+ *     <eds-wc-user-profile-menu-item>Profile</eds-wc-user-profile-menu-item>
+ *     <eds-wc-user-profile-menu-item>Settings</eds-wc-user-profile-menu-item>
+ *     <eds-wc-user-profile-menu-item>Log out</eds-wc-user-profile-menu-item>
+ *   </eds-wc-user-profile-menu>
+ * </eds-wc-user-profile>
+ *
+ * <!-- Icon-only login trigger -->
+ * <eds-wc-user-profile has-icon-only login-label="Log in"></eds-wc-user-profile>
+ * ```
+ *
+ * @slot - Dropdown menu content (an `<eds-wc-user-profile-menu>` with menu items)
+ *
+ * @fires login-click - Dispatched when the icon-only profile is clicked while not logged in. `detail: void`
+ */
+let EdsWcUserProfile = class EdsWcUserProfile extends EdsBaseElement {
+    constructor() {
+        super(...arguments);
+        /** Full name of the user. */
+        this.fullName = '';
+        /** First name. */
+        this.firstName = '';
+        /** Last name. */
+        this.lastName = '';
+        /** URL of the avatar image. */
+        this.avatarUrl = '';
+        /** Additional info displayed below the name (e.g. email, role). */
+        this.subInfos = '';
+        /** Welcome label displayed before the user name. */
+        this.welcomeLabel = 'Welcome';
+        /** Whether to show the welcome label. */
+        this.hasWelcomeLabel = true;
+        /** Whether to show user name and info text. */
+        this.isShowUserInfos = true;
+        /** Whether to show initials in the avatar when no image. */
+        this.isShowAvatarInitials = true;
+        /** Reverse the layout (name on left, avatar on right). */
+        this.isReverse = false;
+        /** Whether to reverse name order (firstName first). */
+        this.reverseNameOrder = false;
+        /** Whether to show only an icon with a login/logged-in label (no avatar, no name). */
+        this.hasIconOnly = false;
+        /** Whether the user is currently logged in (used with hasIconOnly). */
+        this.isLoggedIn = false;
+        /** Label shown when not logged in (hasIconOnly mode). */
+        this.loginLabel = 'Log in';
+        /** Label shown when logged in (hasIconOnly mode). */
+        this.loggedInLabel = 'Logged in';
+        /**
+         * Force toolbar styling. In Angular this is derived from an `eds-shell-toolbar` ancestor;
+         * WC has no ancestor injection, so it is an explicit reflected attribute.
+         */
+        this.inToolbar = false;
+        /**
+         * Force reverse layout by context. In Angular this is derived from an `eds-shell-header`
+         * ancestor; WC has no ancestor injection, so it is an explicit reflected attribute.
+         */
+        this.reverseContext = false;
+        this._menuOpen = false;
+        this._alignLeft = false;
+        this._hasMenu = false;
+        this._focusedIndex = -1;
+        this._onDocumentClick = (event) => {
+            if (this._menuOpen && !event.composedPath().includes(this)) {
+                this._closeMenu();
+            }
+        };
+    }
+    /** Effective reverse state: input or context. */
+    get _effectiveReverse() {
+        return this.isReverse || this.reverseContext;
+    }
+    /** Icon to display in icon-only mode based on login state. */
+    get _iconOnlyIcon() {
+        return this.isLoggedIn ? 'user-check:regular' : 'user:regular';
+    }
+    /** Label to display in icon-only mode based on login state. */
+    get _iconOnlyLabel() {
+        return this.isLoggedIn ? this.loggedInLabel : this.loginLabel;
+    }
+    /** Whether the component has a dropdown menu. */
+    get _menuAvailable() {
+        // In icon-only mode, menu is only available when logged in
+        if (this.hasIconOnly && !this.isLoggedIn)
+            return false;
+        return this._hasMenu;
+    }
+    /** Whether the component is interactive (clickable/tabbable). */
+    get _isInteractive() {
+        return this._menuAvailable || this.hasIconOnly;
+    }
+    /** Computed display name. */
+    get _displayName() {
+        if (this.fullName)
+            return this.fullName;
+        const first = this.firstName;
+        const last = this.lastName;
+        if (this.reverseNameOrder) {
+            return `${first} ${last}`.trim();
+        }
+        return `${last} ${first}`.trim();
+    }
+    /** Computed initials from name. */
+    get _initials() {
+        const first = this.firstName;
+        const last = this.lastName;
+        if (first && last) {
+            return `${first.charAt(0)}${last.charAt(0)}`.toUpperCase();
+        }
+        const full = this.fullName;
+        if (full) {
+            const parts = full.split(' ').filter(Boolean);
+            if (parts.length >= 2) {
+                return `${parts[0].charAt(0)}${parts[parts.length - 1].charAt(0)}`.toUpperCase();
+            }
+            return full.substring(0, 2).toUpperCase();
+        }
+        return '';
+    }
+    get _menuItems() {
+        return Array.from(this.querySelectorAll('eds-wc-user-profile-menu-item'));
+    }
+    static { this.styles = css `
+        :host, *, *::before, *::after { box-sizing: border-box; }
+
+        :host {
+            display: inline-flex;
+            position: relative;
+        }
+
+        .user-profile {
+            display: flex;
+            align-items: center;
+            gap: var(--eds-sp-3xs);
+            border-radius: var(--eds-br-s);
+            padding: var(--eds-sp-3xs) var(--eds-sp-xs);
+            transition: background 0.15s ease;
+        }
+
+        .user-profile.has-menu {
+            cursor: pointer;
+        }
+
+        .user-profile.has-menu:hover {
+            background: var(--eds-c-surface-elevation-sunken);
+        }
+
+        .user-profile.has-menu.in-toolbar:hover {
+            background: var(--eds-c-surface-brand--hover);
+        }
+
+        .user-profile.has-menu:focus-visible {
+            outline: var(--eds-bw-s) solid var(--eds-c-border-focus);
+            outline-offset: var(--eds-bw-s);
+        }
+
+        .user-profile.reverse .user-info {
+            order: -1;
+            text-align: right;
+        }
+
+        .user-info {
+            display: flex;
+            flex-direction: column;
+            min-width: 0;
+        }
+
+        .welcome {
+            font: var(--eds-f-microcopy-xs);
+            color: var(--eds-c-foreground-subtler);
+        }
+
+        .name {
+            font: var(--eds-f-label-m);
+            font-weight: var(--eds-f-w-semibold);
+            color: var(--eds-c-foreground);
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        .sub-info {
+            font: var(--eds-f-microcopy-xs);
+            color: var(--eds-c-foreground-subtler);
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        .chevron {
+            flex-shrink: 0;
+            transition: transform 0.2s ease;
+        }
+
+        .icon-only-label {
+            font: var(--eds-f-label-m);
+            font-weight: var(--eds-f-w-semibold);
+            color: var(--eds-c-foreground);
+            white-space: nowrap;
+        }
+
+        .user-profile.icon-only.in-toolbar .icon-only-label {
+            color: var(--eds-c-on-surface-brand);
+        }
+
+        .profile-menu {
+            position: absolute;
+            top: 100%;
+            right: 0;
+            z-index: 200;
+            min-width: 220px;
+            margin-top: var(--eds-sp-3xs);
+            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);
+            overflow: hidden;
+        }
+
+        .profile-menu.align-left {
+            right: auto;
+            left: 0;
+        }
+
+        .profile-menu.hidden {
+            display: none;
+        }
+    `; }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('click', this._onDocumentClick);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener('click', this._onDocumentClick);
+    }
+    render() {
+        const hasIconOnly = this.hasIconOnly;
+        const isInToolbar = this.inToolbar;
+        const reverse = this._effectiveReverse;
+        const menuAvailable = this._menuAvailable;
+        const interactive = this._isInteractive;
+        return html `
+            <div
+                class="user-profile ${reverse ? 'reverse' : ''} ${isInToolbar ? 'in-toolbar' : ''} ${menuAvailable ? 'has-menu' : ''} ${hasIconOnly ? 'icon-only' : ''}"
+                role="${interactive ? 'button' : nothing}"
+                tabindex="${interactive ? 0 : nothing}"
+                aria-haspopup="${menuAvailable ? 'menu' : nothing}"
+                aria-expanded="${menuAvailable ? String(this._menuOpen) : nothing}"
+                @click="${this._onProfileClick}"
+                @keydown="${this._onTriggerKeydown}">
+
+                ${hasIconOnly
+            ? html `
+                        <eds-wc-icon .icon="${this._iconOnlyIcon}" size="m"></eds-wc-icon>
+                        <span class="icon-only-label">${this._iconOnlyLabel}</span>
+                    `
+            : html `
+                        <eds-wc-avatar size="${isInToolbar ? 'm' : 'l'}"
+                            .imageUrl="${this.avatarUrl || ''}"
+                            .initials="${!this.avatarUrl && this.isShowAvatarInitials && this._initials ? this._initials : ''}"></eds-wc-avatar>
+                        ${this.isShowUserInfos
+                ? html `
+                                <div class="user-info">
+                                    ${this.hasWelcomeLabel && this.welcomeLabel
+                    ? html `<span class="welcome">${this.welcomeLabel}</span>`
+                    : nothing}
+                                    <span class="name">${this._displayName}</span>
+                                    ${this.subInfos
+                    ? html `<span class="sub-info">${this.subInfos}</span>`
+                    : nothing}
+                                </div>
+                            `
+                : nothing}
+                    `}
+
+                ${menuAvailable
+            ? html `<eds-wc-icon
+                        class="chevron"
+                        color="${isInToolbar ? 'brand' : 'neutral'}"
+                        .icon="${this._menuOpen ? 'caret-up' : 'caret-down'}"
+                        size="xs"></eds-wc-icon>`
+            : nothing}
+            </div>
+
+            <div
+                class="profile-menu ${this._alignLeft ? 'align-left' : ''} ${this._menuOpen ? '' : 'hidden'}"
+                role="menu"
+                @keydown="${this._onMenuKeydown}"
+                @click="${this._closeMenu}">
+                <slot @slotchange="${this._onSlotChange}"></slot>
+            </div>
+        `;
+    }
+    _onSlotChange(e) {
+        const slot = e.target;
+        const els = slot.assignedElements({ flatten: true });
+        const hasMenu = els.some(el => el.tagName === 'EDS-WC-USER-PROFILE-MENU');
+        if (this._hasMenu !== hasMenu) {
+            this._hasMenu = hasMenu;
+        }
+    }
+    _onProfileClick() {
+        if (this.hasIconOnly && !this.isLoggedIn) {
+            // Not logged in, icon-only mode: emit login click, no menu
+            this.dispatchEvent(new CustomEvent('login-click', {
+                bubbles: true,
+                composed: true,
+            }));
+            return;
+        }
+        if (this._menuAvailable) {
+            this._toggleMenu();
+        }
+    }
+    _onTriggerKeydown(e) {
+        if (e.key === 'Enter') {
+            this._onProfileClick();
+        }
+        else if (e.key === ' ') {
+            e.preventDefault();
+            this._onProfileClick();
+        }
+        else if (e.key === 'Escape') {
+            this._closeMenu();
+        }
+    }
+    _toggleMenu() {
+        if (!this._menuOpen) {
+            this._updateAlignment();
+            this._menuOpen = true;
+            this.updateComplete.then(() => this._focusFirstItem());
+        }
+        else {
+            this._closeMenu();
+        }
+    }
+    _closeMenu() {
+        this._menuOpen = false;
+        this._focusedIndex = -1;
+    }
+    _onMenuKeydown(e) {
+        if (e.key === 'ArrowDown') {
+            e.preventDefault();
+            this._moveFocus(1);
+        }
+        else if (e.key === 'ArrowUp') {
+            e.preventDefault();
+            this._moveFocus(-1);
+        }
+        else if (e.key === 'Escape') {
+            this._closeMenu();
+            this._triggerEl?.focus();
+        }
+        else if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            const idx = this._focusedIndex;
+            const items = this._menuItems;
+            if (idx >= 0 && idx < items.length) {
+                items[idx].click();
+            }
+        }
+    }
+    _focusFirstItem() {
+        const items = this._menuItems;
+        if (items.length > 0) {
+            this._focusedIndex = 0;
+            items[0].focus();
+        }
+    }
+    _moveFocus(direction) {
+        const items = this._menuItems;
+        if (items.length === 0)
+            return;
+        let newIndex = this._focusedIndex + direction;
+        if (newIndex < 0)
+            newIndex = items.length - 1;
+        if (newIndex >= items.length)
+            newIndex = 0;
+        this._focusedIndex = newIndex;
+        items[newIndex].focus();
+    }
+    _updateAlignment() {
+        const rect = this.getBoundingClientRect();
+        const viewportWidth = window.innerWidth;
+        this._alignLeft = rect.right < viewportWidth / 2;
+    }
+};
+__decorate([
+    property({ type: String, attribute: 'full-name' })
+], EdsWcUserProfile.prototype, "fullName", void 0);
+__decorate([
+    property({ type: String, attribute: 'first-name' })
+], EdsWcUserProfile.prototype, "firstName", void 0);
+__decorate([
+    property({ type: String, attribute: 'last-name' })
+], EdsWcUserProfile.prototype, "lastName", void 0);
+__decorate([
+    property({ type: String, attribute: 'avatar-url' })
+], EdsWcUserProfile.prototype, "avatarUrl", void 0);
+__decorate([
+    property({ type: String, attribute: 'sub-infos' })
+], EdsWcUserProfile.prototype, "subInfos", void 0);
+__decorate([
+    property({ type: String, attribute: 'welcome-label' })
+], EdsWcUserProfile.prototype, "welcomeLabel", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'has-welcome-label' })
+], EdsWcUserProfile.prototype, "hasWelcomeLabel", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'is-show-user-infos' })
+], EdsWcUserProfile.prototype, "isShowUserInfos", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'is-show-avatar-initials' })
+], EdsWcUserProfile.prototype, "isShowAvatarInitials", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'is-reverse', reflect: true })
+], EdsWcUserProfile.prototype, "isReverse", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'reverse-name-order' })
+], EdsWcUserProfile.prototype, "reverseNameOrder", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'has-icon-only', reflect: true })
+], EdsWcUserProfile.prototype, "hasIconOnly", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'is-logged-in' })
+], EdsWcUserProfile.prototype, "isLoggedIn", void 0);
+__decorate([
+    property({ type: String, attribute: 'login-label' })
+], EdsWcUserProfile.prototype, "loginLabel", void 0);
+__decorate([
+    property({ type: String, attribute: 'logged-in-label' })
+], EdsWcUserProfile.prototype, "loggedInLabel", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'in-toolbar', reflect: true })
+], EdsWcUserProfile.prototype, "inToolbar", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'reverse-context', reflect: true })
+], EdsWcUserProfile.prototype, "reverseContext", void 0);
+__decorate([
+    state()
+], EdsWcUserProfile.prototype, "_menuOpen", void 0);
+__decorate([
+    state()
+], EdsWcUserProfile.prototype, "_alignLeft", void 0);
+__decorate([
+    state()
+], EdsWcUserProfile.prototype, "_hasMenu", void 0);
+__decorate([
+    state()
+], EdsWcUserProfile.prototype, "_focusedIndex", void 0);
+__decorate([
+    query('.user-profile')
+], EdsWcUserProfile.prototype, "_triggerEl", void 0);
+EdsWcUserProfile = __decorate([
+    customElement('eds-wc-user-profile')
+], EdsWcUserProfile);
+export { EdsWcUserProfile };
+/**
+ * `<eds-wc-user-profile-menu>` — Container for user-profile dropdown menu items.
+ *
+ * Pure content-projection wrapper. Groups `<eds-wc-user-profile-menu-item>` children inside the
+ * profile dropdown panel.
+ *
+ * @slot - Menu items (`<eds-wc-user-profile-menu-item>`)
+ */
+let EdsWcUserProfileMenu = class EdsWcUserProfileMenu extends EdsBaseElement {
+    static { this.styles = css `
+        :host {
+            display: block;
+            padding: var(--eds-sp-xs) var(--eds-sp-none);
+        }
+    `; }
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+EdsWcUserProfileMenu = __decorate([
+    customElement('eds-wc-user-profile-menu')
+], EdsWcUserProfileMenu);
+export { EdsWcUserProfileMenu };
+/**
+ * `<eds-wc-user-profile-menu-item>` — A single item in the user-profile dropdown menu.
+ *
+ * Rendered as `role="menuitem"` with roving `tabindex="-1"`; the parent
+ * `<eds-wc-user-profile>` manages focus via ArrowUp/Down.
+ *
+ * @slot - Item label content
+ */
+let EdsWcUserProfileMenuItem = class EdsWcUserProfileMenuItem extends EdsBaseElement {
+    static { this.styles = css `
+        :host, *, *::before, *::after { box-sizing: border-box; }
+
+        :host {
+            display: block;
+            padding: var(--eds-sp-xs) var(--eds-sp-m);
+            font: var(--eds-f-paragraph-s);
+            color: var(--eds-c-foreground);
+            cursor: pointer;
+            outline: none;
+            transition: background 0.15s ease;
+        }
+
+        :host(:hover) {
+            background: var(--eds-c-surface-elevation-sunken);
+        }
+
+        :host(:first-child) {
+            background: var(--eds-c-surface-selected);
+        }
+
+        :host(:focus) {
+            background: var(--eds-c-surface-selected);
+        }
+
+        :host(:focus-visible) {
+            outline: var(--eds-bw-s) solid var(--eds-c-border-focus);
+            outline-offset: calc(-1 * var(--eds-bw-s));
+        }
+    `; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', 'menuitem');
+        this.setAttribute('tabindex', '-1');
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+EdsWcUserProfileMenuItem = __decorate([
+    customElement('eds-wc-user-profile-menu-item')
+], EdsWcUserProfileMenuItem);
+export { EdsWcUserProfileMenuItem };
+//# sourceMappingURL=eds-wc-user-profile.js.map

package/eds-user-profile/eds-wc-user-profile.js.map

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

package/eds-user-profile/index.d.ts

@@ -0,0 +1,2 @@
+export { EdsWcUserProfile, EdsWcUserProfileMenu, EdsWcUserProfileMenuItem } from './eds-wc-user-profile';
+//# sourceMappingURL=index.d.ts.map

package/eds-user-profile/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-user-profile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC"}

package/eds-user-profile/index.js

@@ -0,0 +1,2 @@
+export { EdsWcUserProfile, EdsWcUserProfileMenu, EdsWcUserProfileMenuItem } from './eds-wc-user-profile';
+//# sourceMappingURL=index.js.map

package/eds-user-profile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-user-profile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC"}

package/eds-wizard/eds-wc-wizard.js

@@ -94,7 +94,7 @@ let EdsWcWizard = class EdsWcWizard extends EdsBaseElement {
             border-radius: var(--eds-br-full);
             border: 2px solid var(--eds-c-border-neutral);
             background: var(--eds-c-surface-default);
-            font: var(--eds-f-label-m-semi-bold); color: var(--eds-c-foreground-subtler);
+            font: var(--eds-f-label-m); font-weight: var(--eds-f-w-semibold); color: var(--eds-c-foreground-subtler);
             transition: background-color 150ms, border-color 150ms, color 150ms;
         }
         .circle svg { width: var(--eds-is-s); height: var(--eds-is-s); fill: currentColor; }