@lifecorner/angular-ui-kit 3.33.1 → 3.35.0

package/fesm2022/lifecorner-angular-ui-kit-header.mjs

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-import { ChangeDetectionStrategy, Component, ElementRef, Injector, ViewEncapsulation, afterRenderEffect, computed, inject, input, output, signal, viewChild } from "@angular/core";
+import { ChangeDetectionStrategy, Component, ElementRef, Injector, ViewEncapsulation, afterNextRender, afterRenderEffect, computed, inject, input, output, signal, viewChild } from "@angular/core";
 import { NgTemplateOutlet } from "@angular/common";
 import * as i1 from "@angular/router";
 import { RouterModule } from "@angular/router";
@@ -69,6 +69,8 @@ var HeaderComponent = class HeaderComponent {
 		...ngDevMode ? { debugName: "hamburger" } : /* istanbul ignore next */ {},
 		read: ElementRef
 	});
+	contextButton = viewChild("contextButton", ...ngDevMode ? [{ debugName: "contextButton" }] : /* istanbul ignore next */ []);
+	pendingContextFocus;
 	constructor() {
 		afterRenderEffect(() => {
 			const button = this.hamburger()?.nativeElement.querySelector("button");
@@ -117,6 +119,13 @@ var HeaderComponent = class HeaderComponent {
 	closeDropdown() {
 		this.dropdownOpen.set(false);
 	}
+	focusContext() {
+		this.pendingContextFocus?.destroy();
+		this.pendingContextFocus = afterNextRender(() => {
+			this.pendingContextFocus = void 0;
+			this.contextButton()?.nativeElement.focus();
+		}, { injector: this.injector });
+	}
 	onHamburgerClick() {
 		this.hamburgerClick.emit();
 	}
@@ -468,9 +477,15 @@ var HeaderComponent = class HeaderComponent {
 			descendants: true,
 			read: ElementRef,
 			isSignal: true
+		}, {
+			propertyName: "contextButton",
+			first: true,
+			predicate: ["contextButton"],
+			descendants: true,
+			isSignal: true
 		}],
 		ngImport: i0,
-		template: "<header\n  class=\"lc-header\"\n  [class.lc-header--dark]=\"theme() === 'dark'\"\n  [class.lc-header--light]=\"theme() === 'light'\"\n  [class.lc-header--size-sm]=\"size() === 'sm'\"\n  [class.lc-header--size-md]=\"size() === 'md'\"\n  [class.lc-header--size-lg]=\"size() === 'lg'\"\n  [class.lc-header--size-xl]=\"size() === 'xl'\"\n  [class.lc-header--has-nav]=\"navItems().length > 0\"\n  [class.lc-header--static]=\"!sticky()\"\n  [class.lc-header--transparent]=\"variant() === 'transparent'\"\n  [class.lc-header--context-below]=\"contextBelow()\"\n>\n  <!-- Hamburger menu icon (mobile only) -->\n  @if (showHamburger()) {\n    <lc-button\n      #hamburger\n      variant=\"ghost\"\n      size=\"sm\"\n      [iconOnly]=\"true\"\n      [ariaLabel]=\"hamburgerAriaLabel()\"\n      (clicked)=\"onHamburgerClick()\"\n      class=\"lc-header__hamburger\"\n    >\n      <lc-icon name=\"bars-3\" size=\"sm\" [decorative]=\"true\" />\n    </lc-button>\n  }\n\n  <!-- Logo (clickable, navigates to home) -->\n  <div class=\"lc-header__brand\">\n    @if (showLogo()) {\n      @if (homeHref()) {\n        <!-- Plain link: works without the router and without JavaScript. -->\n        <a [href]=\"homeHref()\" class=\"lc-header__logo\" [attr.aria-label]=\"homeAriaLabel()\">\n          <ng-container [ngTemplateOutlet]=\"brandLogo\" />\n        </a>\n      } @else {\n        <a routerLink=\"/\" class=\"lc-header__logo\" [attr.aria-label]=\"homeAriaLabel()\">\n          <ng-container [ngTemplateOutlet]=\"brandLogo\" />\n        </a>\n      }\n    }\n\n    @if (title()) {\n      <div class=\"lc-header__title-group\">\n        @switch (titleTag()) {\n          @case ('h1') {\n            <h1 class=\"lc-header__title\">{{ title() }}</h1>\n          }\n          @case ('h2') {\n            <h2 class=\"lc-header__title\">{{ title() }}</h2>\n          }\n          @case ('h3') {\n            <h3 class=\"lc-header__title\">{{ title() }}</h3>\n          }\n          @case ('p') {\n            <p class=\"lc-header__title\">{{ title() }}</p>\n          }\n          @case ('div') {\n            <div class=\"lc-header__title\">{{ title() }}</div>\n          }\n          @default {\n            <span class=\"lc-header__title\">{{ title() }}</span>\n          }\n        }\n        @if (subtitle()) {\n          <span class=\"lc-header__subtitle\" [attr.title]=\"subtitle()\">{{ subtitle() }}</span>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Main navigation: inline from 1024 px, its own wrapping row below. -->\n  @if (navItems().length > 0) {\n    <nav class=\"lc-header__nav\" [attr.aria-label]=\"navAriaLabel()\">\n      <ul class=\"lc-header__nav-list\">\n        @for (item of navItems(); track $index) {\n          <li class=\"lc-header__nav-item\">\n            <a\n              class=\"lc-header__nav-link\"\n              [href]=\"item.href\"\n              [attr.aria-current]=\"item.current ? 'page' : null\"\n            >{{ item.label }}</a>\n          </li>\n        }\n      </ul>\n    </nav>\n  }\n\n  <!-- Zero-width spacer on the brand's row: keeps 3.10's two gaps before the end\n       group and the first row's height; grows in a has-nav header from 1024 px. -->\n  <div class=\"lc-header__spacer\"></div>\n\n  <!-- End of the bar: the end slot (e.g. a language link), theme toggle, context\n       info and account menu as one group. It goes to the end of a second row\n       when it doesn't fit beside the brand (AS-31). No role; the DOM order and\n       so the focus order stay brand → nav → end. -->\n  <div class=\"lc-header__end\">\n    <ng-content select=\"[slot='end']\" />\n\n    <!-- Theme toggle button -->\n    @if (showThemeButton()) {\n      <lc-button\n        variant=\"ghost\"\n        size=\"sm\"\n        [iconOnly]=\"true\"\n        [ariaLabel]=\"themeService.isDark() ? themeToLightAriaLabel() : themeToDarkAriaLabel()\"\n        (clicked)=\"onThemeButtonClick()\"\n        class=\"lc-header__theme-toggle\"\n      >\n        <lc-icon [name]=\"themeService.isDark() ? 'sun' : 'moon'\" size=\"sm\" [decorative]=\"true\" />\n      </lc-button>\n    }\n\n    <!-- Context info (e.g. tenant, organization, project) -->\n    @if (contextName()) {\n      <button\n        type=\"button\"\n        class=\"lc-header__context-info\"\n        [attr.aria-label]=\"contextButtonAriaLabel()\"\n        (click)=\"contextClick.emit()\"\n      >\n        <!-- A real space between label and name: the visible text reads\n             \"Tenant Acme Corp\", not \"TenantAcme Corp\" (WCAG 2.5.3). The\n             tooltip sits on the name, so it is not a description of the button. -->\n        @if (contextLabel()) {\n          <span class=\"lc-header__context-label\">{{ contextLabel() }}</span>&ngsp;\n        }\n        <span class=\"lc-header__context-name\" [attr.title]=\"contextName()\">{{ contextName() }}</span>\n      </button>\n    }\n\n    <!-- User profile menu -->\n    @if (showUserMenu()) {\n      <lc-menu\n        [items]=\"menuItems()\"\n        [isOpen]=\"isDropdownOpen()\"\n        position=\"bottom-right\"\n        minWidth=\"min(220px, calc(100vw - 2rem))\"\n        maxWidth=\"min(18rem, calc(100vw - 2rem))\"\n        [size]=\"menuSize()\"\n        (itemClick)=\"onMenuItemClick($event)\"\n        (closed)=\"closeDropdown()\"\n      >\n        <!-- Menu header with avatar, name and email -->\n        @if (userName() || userEmail()) {\n          <div header class=\"lc-header__menu-header\">\n            <lc-avatar\n              [name]=\"userName()\"\n              [src]=\"userAvatarSrc() || undefined\"\n              [color]=\"userAvatarColor()\"\n              [fallback]=\"userAvatarFallback()\"\n              size=\"md\"\n            />\n            <div class=\"lc-header__menu-user-info\">\n              @if (userName()) {\n                <div class=\"lc-header__menu-user-name\">{{ userName() }}</div>\n              }\n              @if (userEmail()) {\n                <div class=\"lc-header__menu-user-email\">{{ userEmail() }}</div>\n              }\n            </div>\n          </div>\n        }\n\n        @if (userMenuTrigger() === 'avatar') {\n          <button\n            trigger\n            class=\"lc-header__profile-trigger lc-header__profile-trigger--avatar\"\n            type=\"button\"\n            [attr.aria-label]=\"avatarTriggerAriaLabel()\"\n            [attr.aria-expanded]=\"isDropdownOpen()\"\n            (click)=\"toggleDropdown()\"\n          >\n            <lc-avatar\n              [name]=\"userName()\"\n              [src]=\"userAvatarSrc() || undefined\"\n              [color]=\"userAvatarColor()\"\n              [fallback]=\"userAvatarFallback()\"\n              [decorative]=\"true\"\n              size=\"md\"\n            />\n          </button>\n        } @else {\n          <button\n            trigger\n            class=\"lc-header__profile-trigger\"\n            type=\"button\"\n            [attr.aria-label]=\"userMenuAriaLabel()\"\n            [attr.aria-expanded]=\"isDropdownOpen()\"\n            (click)=\"toggleDropdown()\"\n          >\n            <lc-icon name=\"user\" size=\"sm\" [decorative]=\"true\" />\n            <lc-icon name=\"chevron-down\" size=\"xs\" [decorative]=\"true\" />\n          </button>\n        }\n      </lc-menu>\n    }\n  </div>\n</header>\n\n<ng-template #brandLogo>\n  <lc-logo\n    [variant]=\"logo() ? 'full' : 'emblem'\"\n    [size]=\"logoSize()\"\n    [clickable]=\"false\"\n    [colorMode]=\"theme() === 'dark' ? 'dark' : theme() === 'light' ? 'light' : 'auto'\"\n    [src]=\"logoSrc()\"\n    [emblemSrc]=\"logoEmblemSrc()\"\n    [darkSrc]=\"logoDarkSrc()\"\n    [darkEmblemSrc]=\"logoDarkEmblemSrc()\"\n    [alt]=\"logoAlt() || title() || 'Logo'\"\n  />\n</ng-template>\n",
+		template: "<header\n  class=\"lc-header\"\n  [class.lc-header--dark]=\"theme() === 'dark'\"\n  [class.lc-header--light]=\"theme() === 'light'\"\n  [class.lc-header--size-sm]=\"size() === 'sm'\"\n  [class.lc-header--size-md]=\"size() === 'md'\"\n  [class.lc-header--size-lg]=\"size() === 'lg'\"\n  [class.lc-header--size-xl]=\"size() === 'xl'\"\n  [class.lc-header--has-nav]=\"navItems().length > 0\"\n  [class.lc-header--static]=\"!sticky()\"\n  [class.lc-header--transparent]=\"variant() === 'transparent'\"\n  [class.lc-header--context-below]=\"contextBelow()\"\n>\n  <!-- Hamburger menu icon (mobile only) -->\n  @if (showHamburger()) {\n    <lc-button\n      #hamburger\n      variant=\"ghost\"\n      size=\"sm\"\n      [iconOnly]=\"true\"\n      [ariaLabel]=\"hamburgerAriaLabel()\"\n      (clicked)=\"onHamburgerClick()\"\n      class=\"lc-header__hamburger\"\n    >\n      <lc-icon name=\"bars-3\" size=\"sm\" [decorative]=\"true\" />\n    </lc-button>\n  }\n\n  <!-- Logo (clickable, navigates to home) -->\n  <div class=\"lc-header__brand\">\n    @if (showLogo()) {\n      @if (homeHref()) {\n        <!-- Plain link: works without the router and without JavaScript. -->\n        <a [href]=\"homeHref()\" class=\"lc-header__logo\" [attr.aria-label]=\"homeAriaLabel()\">\n          <ng-container [ngTemplateOutlet]=\"brandLogo\" />\n        </a>\n      } @else {\n        <a routerLink=\"/\" class=\"lc-header__logo\" [attr.aria-label]=\"homeAriaLabel()\">\n          <ng-container [ngTemplateOutlet]=\"brandLogo\" />\n        </a>\n      }\n    }\n\n    @if (title()) {\n      <div class=\"lc-header__title-group\">\n        @switch (titleTag()) {\n          @case ('h1') {\n            <h1 class=\"lc-header__title\">{{ title() }}</h1>\n          }\n          @case ('h2') {\n            <h2 class=\"lc-header__title\">{{ title() }}</h2>\n          }\n          @case ('h3') {\n            <h3 class=\"lc-header__title\">{{ title() }}</h3>\n          }\n          @case ('p') {\n            <p class=\"lc-header__title\">{{ title() }}</p>\n          }\n          @case ('div') {\n            <div class=\"lc-header__title\">{{ title() }}</div>\n          }\n          @default {\n            <span class=\"lc-header__title\">{{ title() }}</span>\n          }\n        }\n        @if (subtitle()) {\n          <span class=\"lc-header__subtitle\" [attr.title]=\"subtitle()\">{{ subtitle() }}</span>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Main navigation: inline from 1024 px, its own wrapping row below. -->\n  @if (navItems().length > 0) {\n    <nav class=\"lc-header__nav\" [attr.aria-label]=\"navAriaLabel()\">\n      <ul class=\"lc-header__nav-list\">\n        @for (item of navItems(); track $index) {\n          <li class=\"lc-header__nav-item\">\n            <a\n              class=\"lc-header__nav-link\"\n              [href]=\"item.href\"\n              [attr.aria-current]=\"item.current ? 'page' : null\"\n            >{{ item.label }}</a>\n          </li>\n        }\n      </ul>\n    </nav>\n  }\n\n  <!-- Zero-width spacer on the brand's row: keeps 3.10's two gaps before the end\n       group and the first row's height; grows in a has-nav header from 1024 px. -->\n  <div class=\"lc-header__spacer\"></div>\n\n  <!-- End of the bar: the end slot (e.g. a language link), theme toggle, context\n       info and account menu as one group. It goes to the end of a second row\n       when it doesn't fit beside the brand (AS-31). No role; the DOM order and\n       so the focus order stay brand → nav → end. -->\n  <div class=\"lc-header__end\">\n    <ng-content select=\"[slot='end']\" />\n\n    <!-- Theme toggle button -->\n    @if (showThemeButton()) {\n      <lc-button\n        variant=\"ghost\"\n        size=\"sm\"\n        [iconOnly]=\"true\"\n        [ariaLabel]=\"themeService.isDark() ? themeToLightAriaLabel() : themeToDarkAriaLabel()\"\n        (clicked)=\"onThemeButtonClick()\"\n        class=\"lc-header__theme-toggle\"\n      >\n        <lc-icon [name]=\"themeService.isDark() ? 'sun' : 'moon'\" size=\"sm\" [decorative]=\"true\" />\n      </lc-button>\n    }\n\n    <!-- Context info (e.g. tenant, organization, project) -->\n    @if (contextName()) {\n      <button\n        #contextButton\n        type=\"button\"\n        class=\"lc-header__context-info\"\n        [attr.aria-label]=\"contextButtonAriaLabel()\"\n        (click)=\"contextClick.emit()\"\n      >\n        <!-- A real space between label and name: the visible text reads\n             \"Tenant Acme Corp\", not \"TenantAcme Corp\" (WCAG 2.5.3). The\n             tooltip sits on the name, so it is not a description of the button. -->\n        @if (contextLabel()) {\n          <span class=\"lc-header__context-label\">{{ contextLabel() }}</span>&ngsp;\n        }\n        <span class=\"lc-header__context-name\" [attr.title]=\"contextName()\">{{ contextName() }}</span>\n      </button>\n    }\n\n    <!-- User profile menu -->\n    @if (showUserMenu()) {\n      <lc-menu\n        [items]=\"menuItems()\"\n        [isOpen]=\"isDropdownOpen()\"\n        position=\"bottom-right\"\n        minWidth=\"min(220px, calc(100vw - 2rem))\"\n        maxWidth=\"min(18rem, calc(100vw - 2rem))\"\n        [size]=\"menuSize()\"\n        (itemClick)=\"onMenuItemClick($event)\"\n        (closed)=\"closeDropdown()\"\n      >\n        <!-- Menu header with avatar, name and email -->\n        @if (userName() || userEmail()) {\n          <div header class=\"lc-header__menu-header\">\n            <lc-avatar\n              [name]=\"userName()\"\n              [src]=\"userAvatarSrc() || undefined\"\n              [color]=\"userAvatarColor()\"\n              [fallback]=\"userAvatarFallback()\"\n              size=\"md\"\n            />\n            <div class=\"lc-header__menu-user-info\">\n              @if (userName()) {\n                <div class=\"lc-header__menu-user-name\">{{ userName() }}</div>\n              }\n              @if (userEmail()) {\n                <div class=\"lc-header__menu-user-email\">{{ userEmail() }}</div>\n              }\n            </div>\n          </div>\n        }\n\n        @if (userMenuTrigger() === 'avatar') {\n          <button\n            trigger\n            class=\"lc-header__profile-trigger lc-header__profile-trigger--avatar\"\n            type=\"button\"\n            [attr.aria-label]=\"avatarTriggerAriaLabel()\"\n            [attr.aria-expanded]=\"isDropdownOpen()\"\n            (click)=\"toggleDropdown()\"\n          >\n            <lc-avatar\n              [name]=\"userName()\"\n              [src]=\"userAvatarSrc() || undefined\"\n              [color]=\"userAvatarColor()\"\n              [fallback]=\"userAvatarFallback()\"\n              [decorative]=\"true\"\n              size=\"md\"\n            />\n          </button>\n        } @else {\n          <button\n            trigger\n            class=\"lc-header__profile-trigger\"\n            type=\"button\"\n            [attr.aria-label]=\"userMenuAriaLabel()\"\n            [attr.aria-expanded]=\"isDropdownOpen()\"\n            (click)=\"toggleDropdown()\"\n          >\n            <lc-icon name=\"user\" size=\"sm\" [decorative]=\"true\" />\n            <lc-icon name=\"chevron-down\" size=\"xs\" [decorative]=\"true\" />\n          </button>\n        }\n      </lc-menu>\n    }\n  </div>\n</header>\n\n<ng-template #brandLogo>\n  <lc-logo\n    [variant]=\"logo() ? 'full' : 'emblem'\"\n    [size]=\"logoSize()\"\n    [clickable]=\"false\"\n    [colorMode]=\"theme() === 'dark' ? 'dark' : theme() === 'light' ? 'light' : 'auto'\"\n    [src]=\"logoSrc()\"\n    [emblemSrc]=\"logoEmblemSrc()\"\n    [darkSrc]=\"logoDarkSrc()\"\n    [darkEmblemSrc]=\"logoDarkEmblemSrc()\"\n    [alt]=\"logoAlt() || title() || 'Logo'\"\n  />\n</ng-template>\n",
 		styles: [".lc-header{--lc-header-bg: var(--color-surface);--lc-header-fg: var(--color-text-primary);--lc-header-fg-secondary: var(--color-text-secondary);--lc-header-border: var(--color-border);--lc-header-hover-bg: var(--color-surface-hover);--lc-header-trigger-border: var(--color-border);--lc-header-trigger-fg: var(--color-text-secondary);--lc-header-padding-x: var(--lc-density-padding-lg, var(--spacing-6));display:flex;align-items:center;gap:var(--lc-density-gap-md, var(--spacing-4));flex-wrap:wrap;row-gap:0;padding:0 var(--lc-header-padding-x);background-color:var(--lc-header-bg);border-bottom:1px solid var(--lc-header-border);min-height:64px;position:sticky;top:0;z-index:1000}.lc-header.lc-header--size-sm{min-height:56px;--lc-header-row-height: 56px}.lc-header.lc-header--size-md{min-height:64px;--lc-header-row-height: 64px}.lc-header.lc-header--size-lg{min-height:80px;--lc-header-row-height: 80px}.lc-header.lc-header--size-xl{min-height:112px;--lc-header-row-height: 112px}@media(max-width:768px){.lc-header{--lc-header-padding-x: var(--lc-density-padding-md, var(--spacing-4))}}.lc-header--static{position:relative}.lc-header__nav{display:flex;align-items:center;min-width:0}.lc-header__nav-list{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--lc-header-nav-gap, var(--spacing-1));margin:0;padding:0;list-style:none}.lc-header__nav-item{display:flex}.lc-header__nav-link{display:inline-flex;align-items:center;min-height:var(--size-min-touch-height, 2.75rem);padding:0 var(--spacing-3);border-radius:var(--border-radius-md);color:var(--lc-header-fg-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-decoration:none;transition:color .15s ease,background-color .15s ease}.lc-header__nav-link:hover{color:var(--lc-header-fg);background-color:var(--lc-header-hover-bg)}.lc-header__nav-link:focus-visible{outline:2px solid var(--_lc-header-ring, var(--color-primary-500));outline-offset:2px}.lc-header__nav-link[aria-current=page]{color:var(--lc-header-fg);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.45em}@media(max-width:1023.98px){.lc-header--has-nav .lc-header__nav{order:1;flex-basis:100%;margin-left:calc(-1 * var(--spacing-3))}}@media(min-width:1024px){.lc-header--has-nav .lc-header__brand{flex:0 1 auto;width:auto;max-width:none}.lc-header--has-nav .lc-header__title-group{flex:0 1 auto}.lc-header--has-nav .lc-header__title{margin-inline-end:0}.lc-header--has-nav .lc-header__subtitle{contain:none}.lc-header--has-nav .lc-header__spacer{flex:1}}.lc-header--dark{--lc-header-bg: #070e15;--lc-header-fg: #f1f6f8;--lc-header-fg-secondary: #c4d2d9;--lc-header-border: rgba(255, 255, 255, .08);--lc-header-hover-bg: rgba(132, 199, 212, .06);--lc-header-trigger-border: rgba(255, 255, 255, .08);--lc-header-trigger-fg: #c4d2d9}.lc-header--light{--lc-header-bg: #ffffff;--lc-header-fg: #111827;--lc-header-fg-secondary: #4b5563;--lc-header-border: #e5e7eb;--lc-header-hover-bg: #f3f4f6;--lc-header-trigger-border: #e5e7eb;--lc-header-trigger-fg: #374151;--_lc-header-ring: #208497}.lc-header__hamburger{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;margin-left:calc(var(--lc-header-hamburger-slot, 56px) / 2 - var(--lc-header-padding-x) - 12px);margin-right:calc(var(--lc-header-hamburger-gap, .5rem) - var(--lc-density-gap-md, var(--spacing-4)));color:var(--lc-header-trigger-fg)}.lc-header__hamburger .lc-icon{width:24px;height:24px}.lc-header__brand{display:flex;flex:1 1 auto;align-items:center;gap:var(--spacing-3);width:min-content;max-width:calc(100% - var(--lc-density-gap-md, var(--spacing-4)));min-width:0}.lc-header--has-nav .lc-header__brand{min-height:var(--lc-header-row-height, 64px)}.lc-header__logo{display:flex;align-items:center;text-decoration:none;color:var(--lc-header-fg);flex-shrink:0}.lc-header__logo:focus-visible{outline:2px solid var(--_lc-header-ring, var(--color-primary-500));outline-offset:4px;border-radius:var(--border-radius-sm)}.lc-header__logo-img{height:32px;width:auto}.lc-header__title-group{display:flex;flex:1 1 auto;flex-direction:column;gap:.125rem;min-width:0}.lc-header__title{font-size:1.25rem;font-weight:700;color:var(--lc-header-fg);margin:0;margin-inline-end:calc(-1 * var(--lc-density-gap-md, var(--spacing-4)));line-height:1.2;overflow-wrap:break-word;transition:color .2s ease}@media(max-width:640px){.lc-header__title{font-size:1.125rem}}.lc-header__subtitle{display:block;contain:inline-size;max-width:var(--lc-header-subtitle-max-width, 100%);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;line-height:1.3;font-weight:500;color:var(--lc-header-fg-secondary);text-transform:var(--lc-header-subtitle-transform, none);transition:color .2s ease}@media(min-width:1024px){.lc-header__subtitle{font-size:var(--font-size-sm, .875rem)}}.lc-header__spacer{flex:0 0 0;min-height:calc(var(--lc-header-row-height, 64px) - var(--_lc-header-border-width, 1px))}.lc-header__end{display:flex;flex-wrap:wrap;align-items:center;align-self:stretch;justify-content:flex-end;gap:0 var(--lc-density-gap-md, var(--spacing-4));margin-inline-start:auto;min-width:0;max-width:100%}.lc-header__end:empty{display:none}.lc-header__theme-toggle{color:var(--lc-header-trigger-fg)}.lc-header__context-info{display:flex;flex-direction:column;align-items:flex-end;gap:.0625rem;padding:var(--spacing-2) var(--spacing-3);background:transparent;border:none;cursor:pointer;border-radius:var(--border-radius-md);color:var(--lc-header-trigger-fg);transition:background-color .2s ease,color .2s ease;max-width:220px;min-width:0}.lc-header__context-info:hover{background-color:var(--lc-header-hover-bg)}.lc-header__context-info:hover .lc-header__context-name{color:var(--lc-header-fg)}.lc-header__context-info:focus-visible{outline:2px solid var(--_lc-header-ring, var(--color-primary-500));outline-offset:2px}@media(max-width:640px){.lc-header__context-info{display:none}}@media(max-width:640px){.lc-header--context-below{justify-content:flex-end}.lc-header--context-below .lc-header__end{display:contents}.lc-header--context-below .lc-header__context-info{display:flex;order:2;flex:1 0 calc(100% + 2 * var(--spacing-3));margin:0 calc(-1 * var(--spacing-3)) var(--spacing-2);max-width:none;min-height:var(--size-min-touch-height, 2.75rem);align-items:flex-start;justify-content:center;text-align:start}}.lc-header__context-label{font-size:var(--font-size-xs);font-weight:500;color:var(--lc-header-fg-secondary);text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.lc-header__context-name{font-size:var(--font-size-sm);font-weight:600;color:var(--lc-header-fg);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.lc-header--dark .lc-header__theme-toggle lc-icon,.lc-header--dark .lc-header__theme-toggle .lc-icon,.lc-header--dark .lc-header__theme-toggle svg,.lc-header--dark .lc-header__hamburger lc-icon,.lc-header--dark .lc-header__hamburger .lc-icon,.lc-header--dark .lc-header__hamburger svg,.lc-header--dark .lc-header__profile-trigger lc-icon,.lc-header--dark .lc-header__profile-trigger .lc-icon,.lc-header--dark .lc-header__profile-trigger svg,html.dark .lc-header:not(.lc-header--light) .lc-header__theme-toggle lc-icon,html.dark .lc-header:not(.lc-header--light) .lc-header__theme-toggle .lc-icon,html.dark .lc-header:not(.lc-header--light) .lc-header__theme-toggle svg,html.dark .lc-header:not(.lc-header--light) .lc-header__hamburger lc-icon,html.dark .lc-header:not(.lc-header--light) .lc-header__hamburger .lc-icon,html.dark .lc-header:not(.lc-header--light) .lc-header__hamburger svg,html.dark .lc-header:not(.lc-header--light) .lc-header__profile-trigger lc-icon,html.dark .lc-header:not(.lc-header--light) .lc-header__profile-trigger .lc-icon,html.dark .lc-header:not(.lc-header--light) .lc-header__profile-trigger svg,:root.dark .lc-header:not(.lc-header--light) .lc-header__theme-toggle lc-icon,:root.dark .lc-header:not(.lc-header--light) .lc-header__theme-toggle .lc-icon,:root.dark .lc-header:not(.lc-header--light) .lc-header__theme-toggle svg,:root.dark .lc-header:not(.lc-header--light) .lc-header__hamburger lc-icon,:root.dark .lc-header:not(.lc-header--light) .lc-header__hamburger .lc-icon,:root.dark .lc-header:not(.lc-header--light) .lc-header__hamburger svg,:root.dark .lc-header:not(.lc-header--light) .lc-header__profile-trigger lc-icon,:root.dark .lc-header:not(.lc-header--light) .lc-header__profile-trigger .lc-icon,:root.dark .lc-header:not(.lc-header--light) .lc-header__profile-trigger svg,.dark .lc-header:not(.lc-header--light) .lc-header__theme-toggle lc-icon,.dark .lc-header:not(.lc-header--light) .lc-header__theme-toggle .lc-icon,.dark .lc-header:not(.lc-header--light) .lc-header__theme-toggle svg,.dark .lc-header:not(.lc-header--light) .lc-header__hamburger lc-icon,.dark .lc-header:not(.lc-header--light) .lc-header__hamburger .lc-icon,.dark .lc-header:not(.lc-header--light) .lc-header__hamburger svg,.dark .lc-header:not(.lc-header--light) .lc-header__profile-trigger lc-icon,.dark .lc-header:not(.lc-header--light) .lc-header__profile-trigger .lc-icon,.dark .lc-header:not(.lc-header--light) .lc-header__profile-trigger svg{color:var(--lc-header-trigger-fg)}.lc-header--dark lc-button,html.dark .lc-header:not(.lc-header--light) lc-button,:root.dark .lc-header:not(.lc-header--light) lc-button,.dark .lc-header:not(.lc-header--light) lc-button{--lc-button-ghost-fg: var(--lc-header-trigger-fg);--lc-button-ghost-hover-bg: var(--lc-header-hover-bg);--lc-button-ghost-hover-fg: var(--lc-header-fg);--lc-button-ghost-active-bg: var(--lc-header-hover-bg)}.lc-header__profile-trigger{display:flex;align-items:center;gap:var(--lc-density-gap-sm, var(--spacing-2));min-height:var(--size-min-touch-height, 2.75rem);box-sizing:border-box;padding:var(--lc-density-padding-xs, var(--spacing-2)) var(--spacing-3);background:transparent;border:1px solid var(--lc-header-trigger-border);border-radius:var(--border-radius-full);cursor:pointer;color:var(--lc-header-trigger-fg);transition:background-color .2s ease,border-color .2s ease}.lc-header__profile-trigger:hover{background-color:var(--lc-header-hover-bg);border-color:var(--lc-header-fg-secondary)}.lc-header__profile-trigger:focus-visible{outline:2px solid var(--_lc-header-ring, var(--color-primary-500));outline-offset:2px}.lc-header__profile-trigger--avatar{justify-content:center;width:3rem;height:3rem;min-height:3rem;padding:0;border:0;flex-shrink:0}.lc-header__profile-trigger--avatar:hover{border-color:transparent}.lc-header.lc-header--transparent{--lc-header-bg: transparent;--lc-header-border: transparent;--_lc-header-border-width: 0px;border-bottom-width:0}.lc-menu__header{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary, #6b7280);border-bottom:1px solid var(--color-divider, #e5e7eb);margin-bottom:var(--spacing-1);word-break:break-word}.lc-header__menu-header{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--lc-density-padding-md, var(--spacing-4));border-bottom:1px solid var(--color-divider, #e5e7eb);margin-bottom:var(--spacing-1)}.lc-header__menu-user-info{flex:1;min-width:0}.lc-header__menu-user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);overflow-wrap:break-word;line-height:1.4}.lc-header__menu-user-email{font-size:var(--font-size-xs);color:var(--color-text-secondary, #6b7280);overflow-wrap:anywhere;line-height:1.4}\n"],
 		dependencies: [
 			{
@@ -640,7 +655,7 @@ i0.ɵɵngDeclareClassMetadata({
 			encapsulation: ViewEncapsulation.None,
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			host: { class: "lc-header-host" },
-			template: "<header\n  class=\"lc-header\"\n  [class.lc-header--dark]=\"theme() === 'dark'\"\n  [class.lc-header--light]=\"theme() === 'light'\"\n  [class.lc-header--size-sm]=\"size() === 'sm'\"\n  [class.lc-header--size-md]=\"size() === 'md'\"\n  [class.lc-header--size-lg]=\"size() === 'lg'\"\n  [class.lc-header--size-xl]=\"size() === 'xl'\"\n  [class.lc-header--has-nav]=\"navItems().length > 0\"\n  [class.lc-header--static]=\"!sticky()\"\n  [class.lc-header--transparent]=\"variant() === 'transparent'\"\n  [class.lc-header--context-below]=\"contextBelow()\"\n>\n  <!-- Hamburger menu icon (mobile only) -->\n  @if (showHamburger()) {\n    <lc-button\n      #hamburger\n      variant=\"ghost\"\n      size=\"sm\"\n      [iconOnly]=\"true\"\n      [ariaLabel]=\"hamburgerAriaLabel()\"\n      (clicked)=\"onHamburgerClick()\"\n      class=\"lc-header__hamburger\"\n    >\n      <lc-icon name=\"bars-3\" size=\"sm\" [decorative]=\"true\" />\n    </lc-button>\n  }\n\n  <!-- Logo (clickable, navigates to home) -->\n  <div class=\"lc-header__brand\">\n    @if (showLogo()) {\n      @if (homeHref()) {\n        <!-- Plain link: works without the router and without JavaScript. -->\n        <a [href]=\"homeHref()\" class=\"lc-header__logo\" [attr.aria-label]=\"homeAriaLabel()\">\n          <ng-container [ngTemplateOutlet]=\"brandLogo\" />\n        </a>\n      } @else {\n        <a routerLink=\"/\" class=\"lc-header__logo\" [attr.aria-label]=\"homeAriaLabel()\">\n          <ng-container [ngTemplateOutlet]=\"brandLogo\" />\n        </a>\n      }\n    }\n\n    @if (title()) {\n      <div class=\"lc-header__title-group\">\n        @switch (titleTag()) {\n          @case ('h1') {\n            <h1 class=\"lc-header__title\">{{ title() }}</h1>\n          }\n          @case ('h2') {\n            <h2 class=\"lc-header__title\">{{ title() }}</h2>\n          }\n          @case ('h3') {\n            <h3 class=\"lc-header__title\">{{ title() }}</h3>\n          }\n          @case ('p') {\n            <p class=\"lc-header__title\">{{ title() }}</p>\n          }\n          @case ('div') {\n            <div class=\"lc-header__title\">{{ title() }}</div>\n          }\n          @default {\n            <span class=\"lc-header__title\">{{ title() }}</span>\n          }\n        }\n        @if (subtitle()) {\n          <span class=\"lc-header__subtitle\" [attr.title]=\"subtitle()\">{{ subtitle() }}</span>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Main navigation: inline from 1024 px, its own wrapping row below. -->\n  @if (navItems().length > 0) {\n    <nav class=\"lc-header__nav\" [attr.aria-label]=\"navAriaLabel()\">\n      <ul class=\"lc-header__nav-list\">\n        @for (item of navItems(); track $index) {\n          <li class=\"lc-header__nav-item\">\n            <a\n              class=\"lc-header__nav-link\"\n              [href]=\"item.href\"\n              [attr.aria-current]=\"item.current ? 'page' : null\"\n            >{{ item.label }}</a>\n          </li>\n        }\n      </ul>\n    </nav>\n  }\n\n  <!-- Zero-width spacer on the brand's row: keeps 3.10's two gaps before the end\n       group and the first row's height; grows in a has-nav header from 1024 px. -->\n  <div class=\"lc-header__spacer\"></div>\n\n  <!-- End of the bar: the end slot (e.g. a language link), theme toggle, context\n       info and account menu as one group. It goes to the end of a second row\n       when it doesn't fit beside the brand (AS-31). No role; the DOM order and\n       so the focus order stay brand → nav → end. -->\n  <div class=\"lc-header__end\">\n    <ng-content select=\"[slot='end']\" />\n\n    <!-- Theme toggle button -->\n    @if (showThemeButton()) {\n      <lc-button\n        variant=\"ghost\"\n        size=\"sm\"\n        [iconOnly]=\"true\"\n        [ariaLabel]=\"themeService.isDark() ? themeToLightAriaLabel() : themeToDarkAriaLabel()\"\n        (clicked)=\"onThemeButtonClick()\"\n        class=\"lc-header__theme-toggle\"\n      >\n        <lc-icon [name]=\"themeService.isDark() ? 'sun' : 'moon'\" size=\"sm\" [decorative]=\"true\" />\n      </lc-button>\n    }\n\n    <!-- Context info (e.g. tenant, organization, project) -->\n    @if (contextName()) {\n      <button\n        type=\"button\"\n        class=\"lc-header__context-info\"\n        [attr.aria-label]=\"contextButtonAriaLabel()\"\n        (click)=\"contextClick.emit()\"\n      >\n        <!-- A real space between label and name: the visible text reads\n             \"Tenant Acme Corp\", not \"TenantAcme Corp\" (WCAG 2.5.3). The\n             tooltip sits on the name, so it is not a description of the button. -->\n        @if (contextLabel()) {\n          <span class=\"lc-header__context-label\">{{ contextLabel() }}</span>&ngsp;\n        }\n        <span class=\"lc-header__context-name\" [attr.title]=\"contextName()\">{{ contextName() }}</span>\n      </button>\n    }\n\n    <!-- User profile menu -->\n    @if (showUserMenu()) {\n      <lc-menu\n        [items]=\"menuItems()\"\n        [isOpen]=\"isDropdownOpen()\"\n        position=\"bottom-right\"\n        minWidth=\"min(220px, calc(100vw - 2rem))\"\n        maxWidth=\"min(18rem, calc(100vw - 2rem))\"\n        [size]=\"menuSize()\"\n        (itemClick)=\"onMenuItemClick($event)\"\n        (closed)=\"closeDropdown()\"\n      >\n        <!-- Menu header with avatar, name and email -->\n        @if (userName() || userEmail()) {\n          <div header class=\"lc-header__menu-header\">\n            <lc-avatar\n              [name]=\"userName()\"\n              [src]=\"userAvatarSrc() || undefined\"\n              [color]=\"userAvatarColor()\"\n              [fallback]=\"userAvatarFallback()\"\n              size=\"md\"\n            />\n            <div class=\"lc-header__menu-user-info\">\n              @if (userName()) {\n                <div class=\"lc-header__menu-user-name\">{{ userName() }}</div>\n              }\n              @if (userEmail()) {\n                <div class=\"lc-header__menu-user-email\">{{ userEmail() }}</div>\n              }\n            </div>\n          </div>\n        }\n\n        @if (userMenuTrigger() === 'avatar') {\n          <button\n            trigger\n            class=\"lc-header__profile-trigger lc-header__profile-trigger--avatar\"\n            type=\"button\"\n            [attr.aria-label]=\"avatarTriggerAriaLabel()\"\n            [attr.aria-expanded]=\"isDropdownOpen()\"\n            (click)=\"toggleDropdown()\"\n          >\n            <lc-avatar\n              [name]=\"userName()\"\n              [src]=\"userAvatarSrc() || undefined\"\n              [color]=\"userAvatarColor()\"\n              [fallback]=\"userAvatarFallback()\"\n              [decorative]=\"true\"\n              size=\"md\"\n            />\n          </button>\n        } @else {\n          <button\n            trigger\n            class=\"lc-header__profile-trigger\"\n            type=\"button\"\n            [attr.aria-label]=\"userMenuAriaLabel()\"\n            [attr.aria-expanded]=\"isDropdownOpen()\"\n            (click)=\"toggleDropdown()\"\n          >\n            <lc-icon name=\"user\" size=\"sm\" [decorative]=\"true\" />\n            <lc-icon name=\"chevron-down\" size=\"xs\" [decorative]=\"true\" />\n          </button>\n        }\n      </lc-menu>\n    }\n  </div>\n</header>\n\n<ng-template #brandLogo>\n  <lc-logo\n    [variant]=\"logo() ? 'full' : 'emblem'\"\n    [size]=\"logoSize()\"\n    [clickable]=\"false\"\n    [colorMode]=\"theme() === 'dark' ? 'dark' : theme() === 'light' ? 'light' : 'auto'\"\n    [src]=\"logoSrc()\"\n    [emblemSrc]=\"logoEmblemSrc()\"\n    [darkSrc]=\"logoDarkSrc()\"\n    [darkEmblemSrc]=\"logoDarkEmblemSrc()\"\n    [alt]=\"logoAlt() || title() || 'Logo'\"\n  />\n</ng-template>\n",
+			template: "<header\n  class=\"lc-header\"\n  [class.lc-header--dark]=\"theme() === 'dark'\"\n  [class.lc-header--light]=\"theme() === 'light'\"\n  [class.lc-header--size-sm]=\"size() === 'sm'\"\n  [class.lc-header--size-md]=\"size() === 'md'\"\n  [class.lc-header--size-lg]=\"size() === 'lg'\"\n  [class.lc-header--size-xl]=\"size() === 'xl'\"\n  [class.lc-header--has-nav]=\"navItems().length > 0\"\n  [class.lc-header--static]=\"!sticky()\"\n  [class.lc-header--transparent]=\"variant() === 'transparent'\"\n  [class.lc-header--context-below]=\"contextBelow()\"\n>\n  <!-- Hamburger menu icon (mobile only) -->\n  @if (showHamburger()) {\n    <lc-button\n      #hamburger\n      variant=\"ghost\"\n      size=\"sm\"\n      [iconOnly]=\"true\"\n      [ariaLabel]=\"hamburgerAriaLabel()\"\n      (clicked)=\"onHamburgerClick()\"\n      class=\"lc-header__hamburger\"\n    >\n      <lc-icon name=\"bars-3\" size=\"sm\" [decorative]=\"true\" />\n    </lc-button>\n  }\n\n  <!-- Logo (clickable, navigates to home) -->\n  <div class=\"lc-header__brand\">\n    @if (showLogo()) {\n      @if (homeHref()) {\n        <!-- Plain link: works without the router and without JavaScript. -->\n        <a [href]=\"homeHref()\" class=\"lc-header__logo\" [attr.aria-label]=\"homeAriaLabel()\">\n          <ng-container [ngTemplateOutlet]=\"brandLogo\" />\n        </a>\n      } @else {\n        <a routerLink=\"/\" class=\"lc-header__logo\" [attr.aria-label]=\"homeAriaLabel()\">\n          <ng-container [ngTemplateOutlet]=\"brandLogo\" />\n        </a>\n      }\n    }\n\n    @if (title()) {\n      <div class=\"lc-header__title-group\">\n        @switch (titleTag()) {\n          @case ('h1') {\n            <h1 class=\"lc-header__title\">{{ title() }}</h1>\n          }\n          @case ('h2') {\n            <h2 class=\"lc-header__title\">{{ title() }}</h2>\n          }\n          @case ('h3') {\n            <h3 class=\"lc-header__title\">{{ title() }}</h3>\n          }\n          @case ('p') {\n            <p class=\"lc-header__title\">{{ title() }}</p>\n          }\n          @case ('div') {\n            <div class=\"lc-header__title\">{{ title() }}</div>\n          }\n          @default {\n            <span class=\"lc-header__title\">{{ title() }}</span>\n          }\n        }\n        @if (subtitle()) {\n          <span class=\"lc-header__subtitle\" [attr.title]=\"subtitle()\">{{ subtitle() }}</span>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Main navigation: inline from 1024 px, its own wrapping row below. -->\n  @if (navItems().length > 0) {\n    <nav class=\"lc-header__nav\" [attr.aria-label]=\"navAriaLabel()\">\n      <ul class=\"lc-header__nav-list\">\n        @for (item of navItems(); track $index) {\n          <li class=\"lc-header__nav-item\">\n            <a\n              class=\"lc-header__nav-link\"\n              [href]=\"item.href\"\n              [attr.aria-current]=\"item.current ? 'page' : null\"\n            >{{ item.label }}</a>\n          </li>\n        }\n      </ul>\n    </nav>\n  }\n\n  <!-- Zero-width spacer on the brand's row: keeps 3.10's two gaps before the end\n       group and the first row's height; grows in a has-nav header from 1024 px. -->\n  <div class=\"lc-header__spacer\"></div>\n\n  <!-- End of the bar: the end slot (e.g. a language link), theme toggle, context\n       info and account menu as one group. It goes to the end of a second row\n       when it doesn't fit beside the brand (AS-31). No role; the DOM order and\n       so the focus order stay brand → nav → end. -->\n  <div class=\"lc-header__end\">\n    <ng-content select=\"[slot='end']\" />\n\n    <!-- Theme toggle button -->\n    @if (showThemeButton()) {\n      <lc-button\n        variant=\"ghost\"\n        size=\"sm\"\n        [iconOnly]=\"true\"\n        [ariaLabel]=\"themeService.isDark() ? themeToLightAriaLabel() : themeToDarkAriaLabel()\"\n        (clicked)=\"onThemeButtonClick()\"\n        class=\"lc-header__theme-toggle\"\n      >\n        <lc-icon [name]=\"themeService.isDark() ? 'sun' : 'moon'\" size=\"sm\" [decorative]=\"true\" />\n      </lc-button>\n    }\n\n    <!-- Context info (e.g. tenant, organization, project) -->\n    @if (contextName()) {\n      <button\n        #contextButton\n        type=\"button\"\n        class=\"lc-header__context-info\"\n        [attr.aria-label]=\"contextButtonAriaLabel()\"\n        (click)=\"contextClick.emit()\"\n      >\n        <!-- A real space between label and name: the visible text reads\n             \"Tenant Acme Corp\", not \"TenantAcme Corp\" (WCAG 2.5.3). The\n             tooltip sits on the name, so it is not a description of the button. -->\n        @if (contextLabel()) {\n          <span class=\"lc-header__context-label\">{{ contextLabel() }}</span>&ngsp;\n        }\n        <span class=\"lc-header__context-name\" [attr.title]=\"contextName()\">{{ contextName() }}</span>\n      </button>\n    }\n\n    <!-- User profile menu -->\n    @if (showUserMenu()) {\n      <lc-menu\n        [items]=\"menuItems()\"\n        [isOpen]=\"isDropdownOpen()\"\n        position=\"bottom-right\"\n        minWidth=\"min(220px, calc(100vw - 2rem))\"\n        maxWidth=\"min(18rem, calc(100vw - 2rem))\"\n        [size]=\"menuSize()\"\n        (itemClick)=\"onMenuItemClick($event)\"\n        (closed)=\"closeDropdown()\"\n      >\n        <!-- Menu header with avatar, name and email -->\n        @if (userName() || userEmail()) {\n          <div header class=\"lc-header__menu-header\">\n            <lc-avatar\n              [name]=\"userName()\"\n              [src]=\"userAvatarSrc() || undefined\"\n              [color]=\"userAvatarColor()\"\n              [fallback]=\"userAvatarFallback()\"\n              size=\"md\"\n            />\n            <div class=\"lc-header__menu-user-info\">\n              @if (userName()) {\n                <div class=\"lc-header__menu-user-name\">{{ userName() }}</div>\n              }\n              @if (userEmail()) {\n                <div class=\"lc-header__menu-user-email\">{{ userEmail() }}</div>\n              }\n            </div>\n          </div>\n        }\n\n        @if (userMenuTrigger() === 'avatar') {\n          <button\n            trigger\n            class=\"lc-header__profile-trigger lc-header__profile-trigger--avatar\"\n            type=\"button\"\n            [attr.aria-label]=\"avatarTriggerAriaLabel()\"\n            [attr.aria-expanded]=\"isDropdownOpen()\"\n            (click)=\"toggleDropdown()\"\n          >\n            <lc-avatar\n              [name]=\"userName()\"\n              [src]=\"userAvatarSrc() || undefined\"\n              [color]=\"userAvatarColor()\"\n              [fallback]=\"userAvatarFallback()\"\n              [decorative]=\"true\"\n              size=\"md\"\n            />\n          </button>\n        } @else {\n          <button\n            trigger\n            class=\"lc-header__profile-trigger\"\n            type=\"button\"\n            [attr.aria-label]=\"userMenuAriaLabel()\"\n            [attr.aria-expanded]=\"isDropdownOpen()\"\n            (click)=\"toggleDropdown()\"\n          >\n            <lc-icon name=\"user\" size=\"sm\" [decorative]=\"true\" />\n            <lc-icon name=\"chevron-down\" size=\"xs\" [decorative]=\"true\" />\n          </button>\n        }\n      </lc-menu>\n    }\n  </div>\n</header>\n\n<ng-template #brandLogo>\n  <lc-logo\n    [variant]=\"logo() ? 'full' : 'emblem'\"\n    [size]=\"logoSize()\"\n    [clickable]=\"false\"\n    [colorMode]=\"theme() === 'dark' ? 'dark' : theme() === 'light' ? 'light' : 'auto'\"\n    [src]=\"logoSrc()\"\n    [emblemSrc]=\"logoEmblemSrc()\"\n    [darkSrc]=\"logoDarkSrc()\"\n    [darkEmblemSrc]=\"logoDarkEmblemSrc()\"\n    [alt]=\"logoAlt() || title() || 'Logo'\"\n  />\n</ng-template>\n",
 			styles: [".lc-header{--lc-header-bg: var(--color-surface);--lc-header-fg: var(--color-text-primary);--lc-header-fg-secondary: var(--color-text-secondary);--lc-header-border: var(--color-border);--lc-header-hover-bg: var(--color-surface-hover);--lc-header-trigger-border: var(--color-border);--lc-header-trigger-fg: var(--color-text-secondary);--lc-header-padding-x: var(--lc-density-padding-lg, var(--spacing-6));display:flex;align-items:center;gap:var(--lc-density-gap-md, var(--spacing-4));flex-wrap:wrap;row-gap:0;padding:0 var(--lc-header-padding-x);background-color:var(--lc-header-bg);border-bottom:1px solid var(--lc-header-border);min-height:64px;position:sticky;top:0;z-index:1000}.lc-header.lc-header--size-sm{min-height:56px;--lc-header-row-height: 56px}.lc-header.lc-header--size-md{min-height:64px;--lc-header-row-height: 64px}.lc-header.lc-header--size-lg{min-height:80px;--lc-header-row-height: 80px}.lc-header.lc-header--size-xl{min-height:112px;--lc-header-row-height: 112px}@media(max-width:768px){.lc-header{--lc-header-padding-x: var(--lc-density-padding-md, var(--spacing-4))}}.lc-header--static{position:relative}.lc-header__nav{display:flex;align-items:center;min-width:0}.lc-header__nav-list{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--lc-header-nav-gap, var(--spacing-1));margin:0;padding:0;list-style:none}.lc-header__nav-item{display:flex}.lc-header__nav-link{display:inline-flex;align-items:center;min-height:var(--size-min-touch-height, 2.75rem);padding:0 var(--spacing-3);border-radius:var(--border-radius-md);color:var(--lc-header-fg-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-decoration:none;transition:color .15s ease,background-color .15s ease}.lc-header__nav-link:hover{color:var(--lc-header-fg);background-color:var(--lc-header-hover-bg)}.lc-header__nav-link:focus-visible{outline:2px solid var(--_lc-header-ring, var(--color-primary-500));outline-offset:2px}.lc-header__nav-link[aria-current=page]{color:var(--lc-header-fg);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.45em}@media(max-width:1023.98px){.lc-header--has-nav .lc-header__nav{order:1;flex-basis:100%;margin-left:calc(-1 * var(--spacing-3))}}@media(min-width:1024px){.lc-header--has-nav .lc-header__brand{flex:0 1 auto;width:auto;max-width:none}.lc-header--has-nav .lc-header__title-group{flex:0 1 auto}.lc-header--has-nav .lc-header__title{margin-inline-end:0}.lc-header--has-nav .lc-header__subtitle{contain:none}.lc-header--has-nav .lc-header__spacer{flex:1}}.lc-header--dark{--lc-header-bg: #070e15;--lc-header-fg: #f1f6f8;--lc-header-fg-secondary: #c4d2d9;--lc-header-border: rgba(255, 255, 255, .08);--lc-header-hover-bg: rgba(132, 199, 212, .06);--lc-header-trigger-border: rgba(255, 255, 255, .08);--lc-header-trigger-fg: #c4d2d9}.lc-header--light{--lc-header-bg: #ffffff;--lc-header-fg: #111827;--lc-header-fg-secondary: #4b5563;--lc-header-border: #e5e7eb;--lc-header-hover-bg: #f3f4f6;--lc-header-trigger-border: #e5e7eb;--lc-header-trigger-fg: #374151;--_lc-header-ring: #208497}.lc-header__hamburger{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;margin-left:calc(var(--lc-header-hamburger-slot, 56px) / 2 - var(--lc-header-padding-x) - 12px);margin-right:calc(var(--lc-header-hamburger-gap, .5rem) - var(--lc-density-gap-md, var(--spacing-4)));color:var(--lc-header-trigger-fg)}.lc-header__hamburger .lc-icon{width:24px;height:24px}.lc-header__brand{display:flex;flex:1 1 auto;align-items:center;gap:var(--spacing-3);width:min-content;max-width:calc(100% - var(--lc-density-gap-md, var(--spacing-4)));min-width:0}.lc-header--has-nav .lc-header__brand{min-height:var(--lc-header-row-height, 64px)}.lc-header__logo{display:flex;align-items:center;text-decoration:none;color:var(--lc-header-fg);flex-shrink:0}.lc-header__logo:focus-visible{outline:2px solid var(--_lc-header-ring, var(--color-primary-500));outline-offset:4px;border-radius:var(--border-radius-sm)}.lc-header__logo-img{height:32px;width:auto}.lc-header__title-group{display:flex;flex:1 1 auto;flex-direction:column;gap:.125rem;min-width:0}.lc-header__title{font-size:1.25rem;font-weight:700;color:var(--lc-header-fg);margin:0;margin-inline-end:calc(-1 * var(--lc-density-gap-md, var(--spacing-4)));line-height:1.2;overflow-wrap:break-word;transition:color .2s ease}@media(max-width:640px){.lc-header__title{font-size:1.125rem}}.lc-header__subtitle{display:block;contain:inline-size;max-width:var(--lc-header-subtitle-max-width, 100%);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;line-height:1.3;font-weight:500;color:var(--lc-header-fg-secondary);text-transform:var(--lc-header-subtitle-transform, none);transition:color .2s ease}@media(min-width:1024px){.lc-header__subtitle{font-size:var(--font-size-sm, .875rem)}}.lc-header__spacer{flex:0 0 0;min-height:calc(var(--lc-header-row-height, 64px) - var(--_lc-header-border-width, 1px))}.lc-header__end{display:flex;flex-wrap:wrap;align-items:center;align-self:stretch;justify-content:flex-end;gap:0 var(--lc-density-gap-md, var(--spacing-4));margin-inline-start:auto;min-width:0;max-width:100%}.lc-header__end:empty{display:none}.lc-header__theme-toggle{color:var(--lc-header-trigger-fg)}.lc-header__context-info{display:flex;flex-direction:column;align-items:flex-end;gap:.0625rem;padding:var(--spacing-2) var(--spacing-3);background:transparent;border:none;cursor:pointer;border-radius:var(--border-radius-md);color:var(--lc-header-trigger-fg);transition:background-color .2s ease,color .2s ease;max-width:220px;min-width:0}.lc-header__context-info:hover{background-color:var(--lc-header-hover-bg)}.lc-header__context-info:hover .lc-header__context-name{color:var(--lc-header-fg)}.lc-header__context-info:focus-visible{outline:2px solid var(--_lc-header-ring, var(--color-primary-500));outline-offset:2px}@media(max-width:640px){.lc-header__context-info{display:none}}@media(max-width:640px){.lc-header--context-below{justify-content:flex-end}.lc-header--context-below .lc-header__end{display:contents}.lc-header--context-below .lc-header__context-info{display:flex;order:2;flex:1 0 calc(100% + 2 * var(--spacing-3));margin:0 calc(-1 * var(--spacing-3)) var(--spacing-2);max-width:none;min-height:var(--size-min-touch-height, 2.75rem);align-items:flex-start;justify-content:center;text-align:start}}.lc-header__context-label{font-size:var(--font-size-xs);font-weight:500;color:var(--lc-header-fg-secondary);text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.lc-header__context-name{font-size:var(--font-size-sm);font-weight:600;color:var(--lc-header-fg);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.lc-header--dark .lc-header__theme-toggle lc-icon,.lc-header--dark .lc-header__theme-toggle .lc-icon,.lc-header--dark .lc-header__theme-toggle svg,.lc-header--dark .lc-header__hamburger lc-icon,.lc-header--dark .lc-header__hamburger .lc-icon,.lc-header--dark .lc-header__hamburger svg,.lc-header--dark .lc-header__profile-trigger lc-icon,.lc-header--dark .lc-header__profile-trigger .lc-icon,.lc-header--dark .lc-header__profile-trigger svg,html.dark .lc-header:not(.lc-header--light) .lc-header__theme-toggle lc-icon,html.dark .lc-header:not(.lc-header--light) .lc-header__theme-toggle .lc-icon,html.dark .lc-header:not(.lc-header--light) .lc-header__theme-toggle svg,html.dark .lc-header:not(.lc-header--light) .lc-header__hamburger lc-icon,html.dark .lc-header:not(.lc-header--light) .lc-header__hamburger .lc-icon,html.dark .lc-header:not(.lc-header--light) .lc-header__hamburger svg,html.dark .lc-header:not(.lc-header--light) .lc-header__profile-trigger lc-icon,html.dark .lc-header:not(.lc-header--light) .lc-header__profile-trigger .lc-icon,html.dark .lc-header:not(.lc-header--light) .lc-header__profile-trigger svg,:root.dark .lc-header:not(.lc-header--light) .lc-header__theme-toggle lc-icon,:root.dark .lc-header:not(.lc-header--light) .lc-header__theme-toggle .lc-icon,:root.dark .lc-header:not(.lc-header--light) .lc-header__theme-toggle svg,:root.dark .lc-header:not(.lc-header--light) .lc-header__hamburger lc-icon,:root.dark .lc-header:not(.lc-header--light) .lc-header__hamburger .lc-icon,:root.dark .lc-header:not(.lc-header--light) .lc-header__hamburger svg,:root.dark .lc-header:not(.lc-header--light) .lc-header__profile-trigger lc-icon,:root.dark .lc-header:not(.lc-header--light) .lc-header__profile-trigger .lc-icon,:root.dark .lc-header:not(.lc-header--light) .lc-header__profile-trigger svg,.dark .lc-header:not(.lc-header--light) .lc-header__theme-toggle lc-icon,.dark .lc-header:not(.lc-header--light) .lc-header__theme-toggle .lc-icon,.dark .lc-header:not(.lc-header--light) .lc-header__theme-toggle svg,.dark .lc-header:not(.lc-header--light) .lc-header__hamburger lc-icon,.dark .lc-header:not(.lc-header--light) .lc-header__hamburger .lc-icon,.dark .lc-header:not(.lc-header--light) .lc-header__hamburger svg,.dark .lc-header:not(.lc-header--light) .lc-header__profile-trigger lc-icon,.dark .lc-header:not(.lc-header--light) .lc-header__profile-trigger .lc-icon,.dark .lc-header:not(.lc-header--light) .lc-header__profile-trigger svg{color:var(--lc-header-trigger-fg)}.lc-header--dark lc-button,html.dark .lc-header:not(.lc-header--light) lc-button,:root.dark .lc-header:not(.lc-header--light) lc-button,.dark .lc-header:not(.lc-header--light) lc-button{--lc-button-ghost-fg: var(--lc-header-trigger-fg);--lc-button-ghost-hover-bg: var(--lc-header-hover-bg);--lc-button-ghost-hover-fg: var(--lc-header-fg);--lc-button-ghost-active-bg: var(--lc-header-hover-bg)}.lc-header__profile-trigger{display:flex;align-items:center;gap:var(--lc-density-gap-sm, var(--spacing-2));min-height:var(--size-min-touch-height, 2.75rem);box-sizing:border-box;padding:var(--lc-density-padding-xs, var(--spacing-2)) var(--spacing-3);background:transparent;border:1px solid var(--lc-header-trigger-border);border-radius:var(--border-radius-full);cursor:pointer;color:var(--lc-header-trigger-fg);transition:background-color .2s ease,border-color .2s ease}.lc-header__profile-trigger:hover{background-color:var(--lc-header-hover-bg);border-color:var(--lc-header-fg-secondary)}.lc-header__profile-trigger:focus-visible{outline:2px solid var(--_lc-header-ring, var(--color-primary-500));outline-offset:2px}.lc-header__profile-trigger--avatar{justify-content:center;width:3rem;height:3rem;min-height:3rem;padding:0;border:0;flex-shrink:0}.lc-header__profile-trigger--avatar:hover{border-color:transparent}.lc-header.lc-header--transparent{--lc-header-bg: transparent;--lc-header-border: transparent;--_lc-header-border-width: 0px;border-bottom-width:0}.lc-menu__header{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary, #6b7280);border-bottom:1px solid var(--color-divider, #e5e7eb);margin-bottom:var(--spacing-1);word-break:break-word}.lc-header__menu-header{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--lc-density-padding-md, var(--spacing-4));border-bottom:1px solid var(--color-divider, #e5e7eb);margin-bottom:var(--spacing-1)}.lc-header__menu-user-info{flex:1;min-width:0}.lc-header__menu-user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);overflow-wrap:break-word;line-height:1.4}.lc-header__menu-user-email{font-size:var(--font-size-xs);color:var(--color-text-secondary, #6b7280);overflow-wrap:anywhere;line-height:1.4}\n"]
 		}]
 	}],
@@ -1016,6 +1031,10 @@ i0.ɵɵngDeclareClassMetadata({
 				read: ElementRef,
 				isSignal: true
 			}]
+		}],
+		contextButton: [{
+			type: i0.ViewChild,
+			args: ["contextButton", { isSignal: true }]
 		}]
 	}
 });

package/fesm2022/lifecorner-angular-ui-kit-header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lifecorner-angular-ui-kit-header.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/header/header.component.ts","../../../../libs/angular-ui-kit/src/lib/header/header.component.html"],"sourcesContent":["import {\n  Component,\n  ElementRef,\n  Injector,\n  input,\n  output,\n  signal,\n  computed,\n  inject,\n  viewChild,\n  afterRenderEffect,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { ButtonComponent } from '@lifecorner/angular-ui-kit/button';\nimport { LogoComponent } from '@lifecorner/angular-ui-kit/logo';\nimport { IconComponent, ɵprovideKitIcons } from '@lifecorner/angular-ui-kit/icon';\nimport { ICON_BARS_3, ICON_CHEVRON_DOWN, ICON_LOGOUT, ICON_MOON, ICON_SUN, ICON_USER } from '@lifecorner/angular-ui-kit/icons';\nimport { AvatarColor, AvatarComponent, AvatarFallback, ɵavatarInitials } from '@lifecorner/angular-ui-kit/avatar';\nimport { MenuComponent, MenuItem } from '@lifecorner/angular-ui-kit/menu';\nimport { ThemeService } from '@lifecorner/angular-ui-kit/theme';\nimport { nameWithText } from '@lifecorner/angular-ui-kit/internal/a11y';\n\n/** A link in the header's main navigation (`navItems`). */\nexport interface HeaderNavItem {\n  /** Visible link text. */\n  label: string;\n  /** Plain URL — rendered as a native `href`, no router involved. */\n  href: string;\n  /** Marks the page the visitor is on (`aria-current=\"page\"` + underline). */\n  current?: boolean;\n}\n\n/** Element used for the header title (`titleTag`). */\nexport type HeaderTitleTag = 'h1' | 'h2' | 'h3' | 'p' | 'span' | 'div';\n\n/**\n * Surface of the header: `default` is the bar on `--color-surface` with a\n * bottom border; `transparent` has no background and no border, for a header\n * that sits on the page (\"Weite\").\n */\nexport type HeaderVariant = 'default' | 'transparent';\n\n/**\n * What the account-menu button shows: `icon` (a user icon and a chevron) or\n * `avatar` (the person's initials avatar, `userName`, `userAvatarSrc`,\n * `userAvatarColor`, in a 48 px round button).\n */\nexport type HeaderUserMenuTrigger = 'icon' | 'avatar';\n\n/**\n * Where the context button sits up to 640 px (3.33): `inline` in the end\n * group, hidden up to 640 px (as before), or `below`, a row of its own under\n * the title. From 641 px both render it inline.\n */\nexport type HeaderContextPlacement = 'inline' | 'below';\n\n/**\n * AppHeaderComponent - Global application header for the LifeCorner shell\n *\n * Features:\n * - Clickable logo for home navigation\n * - Optional title and subtitle display\n * - User profile dropdown with avatar, name, email, optional Profile link, and Logout\n * - Optional theme toggle button in header. By default the button toggles the\n *   `ThemeService` itself and additionally emits `themeToggleClick`, so the\n *   handler must NOT toggle again (that would undo the switch). To own the\n *   toggling in the app, set `[autoToggleTheme]=\"false\"` and toggle in the\n *   handler.\n * - Hamburger menu toggle for mobile sidebar; bind `sidenavOpen` (and\n *   `sidenavId`) so the toggle exposes `aria-expanded` / `aria-controls`.\n * - OnPush change detection for performance\n *\n * Public, prerendered sites (no router, no JavaScript needed):\n * - `homeHref` makes the brand a plain link (instead of `routerLink=\"/\"`).\n * - `navItems` render a labelled main navigation (`<nav aria-label><ul>` with\n *   `aria-current=\"page\"` on the current item); below 1024 px it moves to a\n *   second row and wraps.\n * - `[slot='end']` takes content at the end of the first row (e.g. a language\n *   link), `showUserMenu` hides the account menu, `titleTag` picks the title\n *   element (the page keeps its own `<h1>`), `sticky` can be switched off.\n * - The end content (slot, theme button, context, account menu) is one group:\n *   when it doesn't fit beside the logo and the title's longest word (200 %\n *   text on a phone), it takes the end of a second row instead of covering the\n *   brand or widening the page (3.10.1, AS-31). The subtitle ends with \"…\".\n * App shell (\"Weite\", kit 3.3):\n * - `variant=\"transparent\"`: no background and no border, the header sits on\n *   the page (pair it with `[sticky]=\"false\"`, a header without a surface\n *   cannot stay over scrolling text).\n * - `userMenuTrigger=\"avatar\"`: the account button is the person's initials\n *   avatar (`userAvatarColor` for the member colour, `userAvatarSrc` for a\n *   photo, `userAvatarFallback=\"person\"` for a person symbol while there is\n *   no name) in a 48 px round button; the icon trigger is 44 px high in every\n *   density.\n * - The subtitle (e.g. a household name) stays on one line and ends with \"…\";\n *   the full text is its `title` and stays in the accessible text. It is shown\n *   as typed (no uppercase).\n * - The account menu is at most `min(18rem, 100vw − 2rem)` wide; the name and\n *   email in its header wrap instead of being cut.\n * - `contextPlacement=\"below\"` (3.33): up to 640 px the context button\n *   (`contextName`) takes a full-width row of its own under the title instead\n *   of being hidden; from 641 px it sits in the end group as before.\n * - Every built-in label is an input (`homeAriaLabel`, `hamburgerAriaLabel`,\n *   `userMenuAriaLabel`, `navAriaLabel`, `profileLabel`, `logoutLabel`,\n *   `themeToDarkAriaLabel`, `themeToLightAriaLabel`, `contextAriaLabel`);\n *   the defaults stay English.\n * - The `ThemeService` (which persists to localStorage) is only created when\n *   the theme button is shown.\n *\n * @example\n * ```html\n * <lc-header\n *   [logo]=\"'/assets/logo.svg'\"\n *   [title]=\"'LifeCorner'\"\n *   [subtitle]=\"'User Profile'\"\n *   [userName]=\"'John Doe'\"\n *   [userEmail]=\"'user@example.com'\"\n *   [showHamburger]=\"true\"\n *   [sidenavOpen]=\"sidenavOpen\"\n *   sidenavId=\"app-sidenav\"\n *   [showThemeButton]=\"true\"\n *   [showProfileMenuItem]=\"true\"\n *   (hamburgerClick)=\"toggleSidebar()\"\n *   (themeToggleClick)=\"trackThemeToggle()\"\n *   (profileClick)=\"navigateToProfile()\"\n *   (logoutClick)=\"handleLogout()\"\n * />\n *\n * <!-- App-controlled theme: the header only reports the click -->\n * <lc-header\n *   [showThemeButton]=\"true\"\n *   [autoToggleTheme]=\"false\"\n *   (themeToggleClick)=\"toggleTheme()\"\n * />\n *\n * <!-- Public site: plain links, labelled nav, language link at the end -->\n * <lc-header\n *   size=\"sm\"\n *   [sticky]=\"false\"\n *   [showUserMenu]=\"false\"\n *   homeHref=\"/de/\"\n *   homeAriaLabel=\"Produkt – Startseite\"\n *   navAriaLabel=\"Hauptnavigation\"\n *   [navItems]=\"[\n *     { label: 'Sicherheit', href: '/de/sicherheit', current: true },\n *     { label: 'Roadmap', href: '/de/roadmap' }\n *   ]\"\n * >\n *   <a slot=\"end\" lcButton variant=\"ghost\" href=\"/en/security\" hreflang=\"en\" lang=\"en\">English</a>\n * </lc-header>\n * ```\n */\n@Component({\n  selector: 'lc-header',\n  standalone: true,\n  imports: [\n    NgTemplateOutlet,\n    RouterModule,\n    ButtonComponent,\n    LogoComponent,\n    IconComponent,\n    AvatarComponent,\n    MenuComponent,\n  ],\n  // Its own glyphs, and the profile menu's (lc-menu renders them in this view).\n  viewProviders: [ɵprovideKitIcons([ICON_BARS_3, ICON_SUN, ICON_MOON, ICON_USER, ICON_CHEVRON_DOWN, ICON_LOGOUT])],\n  templateUrl: './header.component.html',\n  styleUrl: './header.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'lc-header-host',\n  },\n})\nexport class HeaderComponent {\n  readonly theme = input<'light' | 'dark' | 'auto'>('auto');\n  readonly logo = input('');\n  /**\n   * Render the brand block. On its own this shows the emblem; with `logo` set\n   * it shows the full lockup. (It used to additionally require `logo` or\n   * `title`, so `showLogo` alone rendered an empty 0px-wide brand area with no\n   * error — an app could end up with no branding at all and no clue why.)\n   */\n  readonly showLogo = input(true);\n  /** Custom URL for the full brand logo (forwarded to inner `<lc-logo>`). */\n  readonly logoSrc = input('');\n  /** Custom URL for the emblem-only brand logo. */\n  readonly logoEmblemSrc = input('');\n  /** Optional dark-theme URL for the full brand logo. */\n  readonly logoDarkSrc = input('');\n  /** Optional dark-theme URL for the emblem-only brand logo. */\n  readonly logoDarkEmblemSrc = input('');\n  /** Alt text for the brand logo (forwarded to inner `<lc-logo>`). */\n  readonly logoAlt = input('');\n  /** Size of the brand logo (forwarded to inner `<lc-logo>`). Defaults to `md`. */\n  readonly logoSize = input<'xs' | 'sm' | 'md' | 'lg' | 'xl'>('md');\n  /**\n   * Overall header height. Useful to align the header with a sidebar brand block.\n   * Maps to the same `min-height` scale the sidenav logo area uses:\n   * `sm` 56px · `md` 64px (default) · `lg` 80px · `xl` 112px.\n   */\n  readonly size = input<'sm' | 'md' | 'lg' | 'xl'>('md');\n  readonly title = input('');\n  /**\n   * Surface: `default` (the bar on `--color-surface` with a bottom border) or\n   * `transparent` (no background, no border — the header sits on the page).\n   */\n  readonly variant = input<HeaderVariant>('default');\n  /**\n   * Element for the title. `h1` keeps the app-shell behaviour; on a site whose\n   * pages carry their own `<h1>`, use `span` (or `p`/`div`).\n   */\n  readonly titleTag = input<HeaderTitleTag>('h1');\n  /**\n   * Second line under the title (e.g. the household name). One line, cut\n   * with \"…\" when it does not fit; the full text is its `title` attribute.\n   * Shown as typed.\n   */\n  readonly subtitle = input('');\n  readonly userEmail = input('');\n  readonly userName = input('');\n  /**\n   * What the account-menu button shows: `icon` (user icon and chevron) or\n   * `avatar` (the initials of `userName` in a 48 px round button; the button\n   * is named `userMenuAriaLabel`, a comma and the initials).\n   * @default 'icon'\n   */\n  readonly userMenuTrigger = input<HeaderUserMenuTrigger>('icon');\n  /** Photo for the account avatar (trigger and menu header); initials when empty or broken. */\n  readonly userAvatarSrc = input('');\n  /** Colour of the account avatar's initials: `default` or a member colour `member-1` … `member-6`. */\n  readonly userAvatarColor = input<AvatarColor>('default');\n  /**\n   * Passed to the trigger avatar and the menu avatar as `fallback` (3.15):\n   * `person` shows a person symbol on a neutral disc instead of \"?\" while\n   * `userName` is empty.\n   * @default 'initials'\n   */\n  readonly userAvatarFallback = input<AvatarFallback>('initials');\n  readonly showHamburger = input(false);\n  /**\n   * Open state of the sidenav the hamburger controls. When bound, the toggle\n   * announces it via `aria-expanded`; leave `undefined` when the header does\n   * not know (the attribute is then omitted rather than lying).\n   */\n  readonly sidenavOpen = input<boolean | undefined>(undefined);\n  /** DOM id of the sidenav the hamburger controls (`aria-controls`). */\n  readonly sidenavId = input('');\n  readonly showThemeButton = input(false);\n  /**\n   * Whether the theme button toggles the `ThemeService` itself before emitting\n   * `themeToggleClick`. Set to `false` when the app owns the theme switch and\n   * toggles in the `(themeToggleClick)` handler — otherwise both would toggle\n   * and the click would be a no-op.\n   */\n  readonly autoToggleTheme = input(true);\n  readonly contextName = input('');\n  readonly contextLabel = input('');\n  /**\n   * Where the context button sits up to 640 px (3.33, app-shell row 1).\n   * `'inline'`: in the end group, hidden up to 640 px (as before). `'below'`:\n   * up to 640 px a row of its own under the title, as wide as the header and\n   * at least 44 px high; title, `end` slot and account menu stay in the first\n   * row. From 641 px both render the button inline. No second row without\n   * `contextName`.\n   * @default 'inline'\n   */\n  readonly contextPlacement = input<HeaderContextPlacement>('inline');\n  readonly menuSize = input<'sm' | 'md' | 'lg'>('sm');\n  readonly showProfileMenuItem = input(true);\n  /** Render the account menu (avatar trigger with Profile/Logout). */\n  readonly showUserMenu = input(true);\n  /**\n   * Plain URL for the brand link. When set, the brand is a native\n   * `<a href>` — no router needed (static or prerendered sites). Empty keeps\n   * `routerLink=\"/\"`.\n   */\n  readonly homeHref = input('');\n  /**\n   * Main navigation links, rendered as `<nav><ul><li><a href>` with\n   * `aria-current=\"page\"` on the current one. On screens below 1024 px the\n   * navigation takes a second row and wraps.\n   */\n  readonly navItems = input<readonly HeaderNavItem[]>([]);\n  /** Keep the header at the top while scrolling (`position: sticky`). */\n  readonly sticky = input(true);\n\n  // Labels (defaults are English; translate them in the app).\n  /** Accessible name of the brand link. */\n  readonly homeAriaLabel = input('Go to home');\n  /** Accessible name of the hamburger button. */\n  readonly hamburgerAriaLabel = input('Toggle sidebar menu');\n  /**\n   * Accessible name of the account menu trigger. With `userMenuTrigger=\"avatar\"`\n   * the button is named this text, a comma and the initials it shows\n   * (`Menü für Johanna Müller, JM`), so a voice-control user can say what they\n   * see (WCAG 2.5.3). Nothing is added when `userName` gives no initials, or\n   * when the text already contains them as a word. The name is the same with a\n   * photo.\n   * @default 'Open user menu'\n   */\n  readonly userMenuAriaLabel = input('Open user menu');\n  /** Accessible name of the `<nav>` around `navItems`. */\n  readonly navAriaLabel = input('Main navigation');\n  /** Label of the theme button while the light theme is active. */\n  readonly themeToDarkAriaLabel = input('Switch to dark mode');\n  /** Label of the theme button while the dark theme is active. */\n  readonly themeToLightAriaLabel = input('Switch to light mode');\n  /**\n   * Start of the context button's accessible name. The visible `contextLabel`\n   * and `contextName` follow it (WCAG 2.5.3 Label in Name), unless the label\n   * already contains them: `Context info, Tenant Acme Corp`.\n   * @default 'Context info'\n   */\n  readonly contextAriaLabel = input('Context info');\n  /** Label of the Profile entry in the account menu. */\n  readonly profileLabel = input('Profile');\n  /** Label of the Logout entry in the account menu. */\n  readonly logoutLabel = input('Logout');\n\n  readonly hamburgerClick = output<void>();\n  readonly themeToggleClick = output<void>();\n  readonly logoutClick = output<void>();\n  readonly profileClick = output<void>();\n  readonly contextClick = output<void>();\n\n  private readonly injector = inject(Injector);\n  private themeServiceInstance: ThemeService | null = null;\n\n  /**\n   * Resolved on first use, i.e. only when the theme button is shown: creating\n   * the ThemeService reads and writes the theme class and localStorage, which a\n   * site without a theme switch must not do.\n   */\n  protected get themeService(): ThemeService {\n    return (this.themeServiceInstance ??= this.injector.get(ThemeService));\n  }\n\n  private readonly hamburger = viewChild('hamburger', { read: ElementRef<HTMLElement> });\n\n  constructor() {\n    // The hamburger is an <lc-button>; the ARIA state belongs on its native\n    // <button> (the element that has the button role), not on the custom\n    // element host — so it is reflected after render rather than bound in the\n    // template.\n    afterRenderEffect(() => {\n      const button = this.hamburger()?.nativeElement.querySelector('button');\n      if (!button) return;\n      const open = this.sidenavOpen();\n      const controls = this.sidenavId();\n      if (open === undefined) {\n        button.removeAttribute('aria-expanded');\n      } else {\n        button.setAttribute('aria-expanded', String(open));\n      }\n      if (controls) {\n        button.setAttribute('aria-controls', controls);\n      } else {\n        button.removeAttribute('aria-controls');\n      }\n    });\n  }\n\n  /**\n   * Name of the avatar trigger (AS-33, WCAG 2.5.3 Label in Name):\n   * `userMenuAriaLabel`, a comma and the initials the avatar shows, so the\n   * visible text is a word of the name. Built from the same function as the\n   * avatar's initials and independent of the photo, so the prerendered name\n   * and the page's agree. Nothing is added for the `?` placeholder or when\n   * the label already holds the initials as a word (parentheticals dropped,\n   * as axe-core 4.14 does); an empty label becomes the initials alone.\n   */\n  protected readonly avatarTriggerAriaLabel = computed(() => {\n    const initials = ɵavatarInitials(this.userName());\n    const label = this.userMenuAriaLabel();\n    if (!/[\\p{L}\\p{N}]/u.test(initials)) return label;\n    // toLowerCase, not toLocaleLowerCase: server and browser must agree.\n    const words = label\n      .replace(/\\([^()]*\\)/g, ' ')\n      .toLowerCase()\n      .split(/[^\\p{L}\\p{N}]+/u);\n    if (words.includes(initials.toLowerCase())) return label;\n    if (label.trim() === '') return initials;\n    return `${label}, ${initials}`;\n  });\n\n  /**\n   * Name of the context button (AS-33, WCAG 2.5.3 Label in Name):\n   * `contextAriaLabel`, a comma and the visible `contextLabel` and\n   * `contextName`, so a voice-control user can say what they see.\n   */\n  protected readonly contextButtonAriaLabel = computed(() =>\n    nameWithText(this.contextAriaLabel(), [this.contextLabel(), this.contextName()].filter(Boolean).join(' ')),\n  );\n\n  /** `contextPlacement=\"below\"` with a context button to place (3.33). */\n  protected readonly contextBelow = computed(() => this.contextPlacement() === 'below' && !!this.contextName());\n\n  /**\n   * Get menu items for profile dropdown\n   */\n  protected readonly menuItems = computed<MenuItem[]>(() => {\n    const items: MenuItem[] = [];\n\n    // Add profile link if enabled\n    if (this.showProfileMenuItem()) {\n      items.push({\n        id: 'profile',\n        label: this.profileLabel(),\n        icon: 'user',\n        dividerAfter: true,\n      });\n    }\n\n    // Add logout\n    items.push({\n      id: 'logout',\n      label: this.logoutLabel(),\n      icon: 'arrow-right-start-on-rectangle',\n      variant: 'danger',\n    });\n\n    return items;\n  });\n\n  /**\n   * Dropdown open state (using Angular signals)\n   */\n  private readonly dropdownOpen = signal<boolean>(false);\n\n  /**\n   * Get dropdown open state\n   */\n  isDropdownOpen(): boolean {\n    return this.dropdownOpen();\n  }\n\n  /**\n   * Toggle profile dropdown visibility\n   */\n  toggleDropdown(): void {\n    this.dropdownOpen.set(!this.dropdownOpen());\n  }\n\n  /**\n   * Close profile dropdown\n   */\n  closeDropdown(): void {\n    this.dropdownOpen.set(false);\n  }\n\n  /**\n   * Handle hamburger click\n   */\n  onHamburgerClick(): void {\n    this.hamburgerClick.emit();\n  }\n\n  /**\n   * Handle theme button click (separate button, not in menu). Toggles the\n   * theme unless the app opted out via `autoToggleTheme`, then emits.\n   */\n  onThemeButtonClick(): void {\n    if (this.autoToggleTheme()) {\n      this.themeService.toggleTheme();\n    }\n    this.themeToggleClick.emit();\n  }\n\n  /**\n   * Handle logout click\n   */\n  onLogoutClick(): void {\n    this.logoutClick.emit();\n    this.closeDropdown();\n  }\n\n  /**\n   * Handle profile click\n   */\n  onProfileClick(): void {\n    this.profileClick.emit();\n    this.closeDropdown();\n  }\n\n  /**\n   * Handle menu item click\n   */\n  onMenuItemClick(item: MenuItem): void {\n    if (item.id === 'logout') {\n      this.onLogoutClick();\n    } else if (item.id === 'profile') {\n      this.onProfileClick();\n    }\n  }\n}\n","<header\n  class=\"lc-header\"\n  [class.lc-header--dark]=\"theme() === 'dark'\"\n  [class.lc-header--light]=\"theme() === 'light'\"\n  [class.lc-header--size-sm]=\"size() === 'sm'\"\n  [class.lc-header--size-md]=\"size() === 'md'\"\n  [class.lc-header--size-lg]=\"size() === 'lg'\"\n  [class.lc-header--size-xl]=\"size() === 'xl'\"\n  [class.lc-header--has-nav]=\"navItems().length > 0\"\n  [class.lc-header--static]=\"!sticky()\"\n  [class.lc-header--transparent]=\"variant() === 'transparent'\"\n  [class.lc-header--context-below]=\"contextBelow()\"\n>\n  <!-- Hamburger menu icon (mobile only) -->\n  @if (showHamburger()) {\n    <lc-button\n      #hamburger\n      variant=\"ghost\"\n      size=\"sm\"\n      [iconOnly]=\"true\"\n      [ariaLabel]=\"hamburgerAriaLabel()\"\n      (clicked)=\"onHamburgerClick()\"\n      class=\"lc-header__hamburger\"\n    >\n      <lc-icon name=\"bars-3\" size=\"sm\" [decorative]=\"true\" />\n    </lc-button>\n  }\n\n  <!-- Logo (clickable, navigates to home) -->\n  <div class=\"lc-header__brand\">\n    @if (showLogo()) {\n      @if (homeHref()) {\n        <!-- Plain link: works without the router and without JavaScript. -->\n        <a [href]=\"homeHref()\" class=\"lc-header__logo\" [attr.aria-label]=\"homeAriaLabel()\">\n          <ng-container [ngTemplateOutlet]=\"brandLogo\" />\n        </a>\n      } @else {\n        <a routerLink=\"/\" class=\"lc-header__logo\" [attr.aria-label]=\"homeAriaLabel()\">\n          <ng-container [ngTemplateOutlet]=\"brandLogo\" />\n        </a>\n      }\n    }\n\n    @if (title()) {\n      <div class=\"lc-header__title-group\">\n        @switch (titleTag()) {\n          @case ('h1') {\n            <h1 class=\"lc-header__title\">{{ title() }}</h1>\n          }\n          @case ('h2') {\n            <h2 class=\"lc-header__title\">{{ title() }}</h2>\n          }\n          @case ('h3') {\n            <h3 class=\"lc-header__title\">{{ title() }}</h3>\n          }\n          @case ('p') {\n            <p class=\"lc-header__title\">{{ title() }}</p>\n          }\n          @case ('div') {\n            <div class=\"lc-header__title\">{{ title() }}</div>\n          }\n          @default {\n            <span class=\"lc-header__title\">{{ title() }}</span>\n          }\n        }\n        @if (subtitle()) {\n          <span class=\"lc-header__subtitle\" [attr.title]=\"subtitle()\">{{ subtitle() }}</span>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Main navigation: inline from 1024 px, its own wrapping row below. -->\n  @if (navItems().length > 0) {\n    <nav class=\"lc-header__nav\" [attr.aria-label]=\"navAriaLabel()\">\n      <ul class=\"lc-header__nav-list\">\n        @for (item of navItems(); track $index) {\n          <li class=\"lc-header__nav-item\">\n            <a\n              class=\"lc-header__nav-link\"\n              [href]=\"item.href\"\n              [attr.aria-current]=\"item.current ? 'page' : null\"\n            >{{ item.label }}</a>\n          </li>\n        }\n      </ul>\n    </nav>\n  }\n\n  <!-- Zero-width spacer on the brand's row: keeps 3.10's two gaps before the end\n       group and the first row's height; grows in a has-nav header from 1024 px. -->\n  <div class=\"lc-header__spacer\"></div>\n\n  <!-- End of the bar: the end slot (e.g. a language link), theme toggle, context\n       info and account menu as one group. It goes to the end of a second row\n       when it doesn't fit beside the brand (AS-31). No role; the DOM order and\n       so the focus order stay brand → nav → end. -->\n  <div class=\"lc-header__end\">\n    <ng-content select=\"[slot='end']\" />\n\n    <!-- Theme toggle button -->\n    @if (showThemeButton()) {\n      <lc-button\n        variant=\"ghost\"\n        size=\"sm\"\n        [iconOnly]=\"true\"\n        [ariaLabel]=\"themeService.isDark() ? themeToLightAriaLabel() : themeToDarkAriaLabel()\"\n        (clicked)=\"onThemeButtonClick()\"\n        class=\"lc-header__theme-toggle\"\n      >\n        <lc-icon [name]=\"themeService.isDark() ? 'sun' : 'moon'\" size=\"sm\" [decorative]=\"true\" />\n      </lc-button>\n    }\n\n    <!-- Context info (e.g. tenant, organization, project) -->\n    @if (contextName()) {\n      <button\n        type=\"button\"\n        class=\"lc-header__context-info\"\n        [attr.aria-label]=\"contextButtonAriaLabel()\"\n        (click)=\"contextClick.emit()\"\n      >\n        <!-- A real space between label and name: the visible text reads\n             \"Tenant Acme Corp\", not \"TenantAcme Corp\" (WCAG 2.5.3). The\n             tooltip sits on the name, so it is not a description of the button. -->\n        @if (contextLabel()) {\n          <span class=\"lc-header__context-label\">{{ contextLabel() }}</span>&ngsp;\n        }\n        <span class=\"lc-header__context-name\" [attr.title]=\"contextName()\">{{ contextName() }}</span>\n      </button>\n    }\n\n    <!-- User profile menu -->\n    @if (showUserMenu()) {\n      <lc-menu\n        [items]=\"menuItems()\"\n        [isOpen]=\"isDropdownOpen()\"\n        position=\"bottom-right\"\n        minWidth=\"min(220px, calc(100vw - 2rem))\"\n        maxWidth=\"min(18rem, calc(100vw - 2rem))\"\n        [size]=\"menuSize()\"\n        (itemClick)=\"onMenuItemClick($event)\"\n        (closed)=\"closeDropdown()\"\n      >\n        <!-- Menu header with avatar, name and email -->\n        @if (userName() || userEmail()) {\n          <div header class=\"lc-header__menu-header\">\n            <lc-avatar\n              [name]=\"userName()\"\n              [src]=\"userAvatarSrc() || undefined\"\n              [color]=\"userAvatarColor()\"\n              [fallback]=\"userAvatarFallback()\"\n              size=\"md\"\n            />\n            <div class=\"lc-header__menu-user-info\">\n              @if (userName()) {\n                <div class=\"lc-header__menu-user-name\">{{ userName() }}</div>\n              }\n              @if (userEmail()) {\n                <div class=\"lc-header__menu-user-email\">{{ userEmail() }}</div>\n              }\n            </div>\n          </div>\n        }\n\n        @if (userMenuTrigger() === 'avatar') {\n          <button\n            trigger\n            class=\"lc-header__profile-trigger lc-header__profile-trigger--avatar\"\n            type=\"button\"\n            [attr.aria-label]=\"avatarTriggerAriaLabel()\"\n            [attr.aria-expanded]=\"isDropdownOpen()\"\n            (click)=\"toggleDropdown()\"\n          >\n            <lc-avatar\n              [name]=\"userName()\"\n              [src]=\"userAvatarSrc() || undefined\"\n              [color]=\"userAvatarColor()\"\n              [fallback]=\"userAvatarFallback()\"\n              [decorative]=\"true\"\n              size=\"md\"\n            />\n          </button>\n        } @else {\n          <button\n            trigger\n            class=\"lc-header__profile-trigger\"\n            type=\"button\"\n            [attr.aria-label]=\"userMenuAriaLabel()\"\n            [attr.aria-expanded]=\"isDropdownOpen()\"\n            (click)=\"toggleDropdown()\"\n          >\n            <lc-icon name=\"user\" size=\"sm\" [decorative]=\"true\" />\n            <lc-icon name=\"chevron-down\" size=\"xs\" [decorative]=\"true\" />\n          </button>\n        }\n      </lc-menu>\n    }\n  </div>\n</header>\n\n<ng-template #brandLogo>\n  <lc-logo\n    [variant]=\"logo() ? 'full' : 'emblem'\"\n    [size]=\"logoSize()\"\n    [clickable]=\"false\"\n    [colorMode]=\"theme() === 'dark' ? 'dark' : theme() === 'light' ? 'light' : 'auto'\"\n    [src]=\"logoSrc()\"\n    [emblemSrc]=\"logoEmblemSrc()\"\n    [darkSrc]=\"logoDarkSrc()\"\n    [darkEmblemSrc]=\"logoDarkEmblemSrc()\"\n    [alt]=\"logoAlt() || title() || 'Logo'\"\n  />\n</ng-template>\n"],"mappings":"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"}
+{"version":3,"file":"lifecorner-angular-ui-kit-header.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/header/header.component.ts","../../../../libs/angular-ui-kit/src/lib/header/header.component.html"],"sourcesContent":["import {\n  AfterRenderRef,\n  Component,\n  ElementRef,\n  Injector,\n  afterNextRender,\n  input,\n  output,\n  signal,\n  computed,\n  inject,\n  viewChild,\n  afterRenderEffect,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { ButtonComponent } from '@lifecorner/angular-ui-kit/button';\nimport { LogoComponent } from '@lifecorner/angular-ui-kit/logo';\nimport { IconComponent, ɵprovideKitIcons } from '@lifecorner/angular-ui-kit/icon';\nimport { ICON_BARS_3, ICON_CHEVRON_DOWN, ICON_LOGOUT, ICON_MOON, ICON_SUN, ICON_USER } from '@lifecorner/angular-ui-kit/icons';\nimport { AvatarColor, AvatarComponent, AvatarFallback, ɵavatarInitials } from '@lifecorner/angular-ui-kit/avatar';\nimport { MenuComponent, MenuItem } from '@lifecorner/angular-ui-kit/menu';\nimport { ThemeService } from '@lifecorner/angular-ui-kit/theme';\nimport { nameWithText } from '@lifecorner/angular-ui-kit/internal/a11y';\n\n/** A link in the header's main navigation (`navItems`). */\nexport interface HeaderNavItem {\n  /** Visible link text. */\n  label: string;\n  /** Plain URL — rendered as a native `href`, no router involved. */\n  href: string;\n  /** Marks the page the visitor is on (`aria-current=\"page\"` + underline). */\n  current?: boolean;\n}\n\n/** Element used for the header title (`titleTag`). */\nexport type HeaderTitleTag = 'h1' | 'h2' | 'h3' | 'p' | 'span' | 'div';\n\n/**\n * Surface of the header: `default` is the bar on `--color-surface` with a\n * bottom border; `transparent` has no background and no border, for a header\n * that sits on the page (\"Weite\").\n */\nexport type HeaderVariant = 'default' | 'transparent';\n\n/**\n * What the account-menu button shows: `icon` (a user icon and a chevron) or\n * `avatar` (the person's initials avatar, `userName`, `userAvatarSrc`,\n * `userAvatarColor`, in a 48 px round button).\n */\nexport type HeaderUserMenuTrigger = 'icon' | 'avatar';\n\n/**\n * Where the context button sits up to 640 px (3.33): `inline` in the end\n * group, hidden up to 640 px (as before), or `below`, a row of its own under\n * the title. From 641 px both render it inline.\n */\nexport type HeaderContextPlacement = 'inline' | 'below';\n\n/**\n * AppHeaderComponent - Global application header for the LifeCorner shell\n *\n * Features:\n * - Clickable logo for home navigation\n * - Optional title and subtitle display\n * - User profile dropdown with avatar, name, email, optional Profile link, and Logout\n * - Optional theme toggle button in header. By default the button toggles the\n *   `ThemeService` itself and additionally emits `themeToggleClick`, so the\n *   handler must NOT toggle again (that would undo the switch). To own the\n *   toggling in the app, set `[autoToggleTheme]=\"false\"` and toggle in the\n *   handler.\n * - Hamburger menu toggle for mobile sidebar; bind `sidenavOpen` (and\n *   `sidenavId`) so the toggle exposes `aria-expanded` / `aria-controls`.\n * - OnPush change detection for performance\n *\n * Public, prerendered sites (no router, no JavaScript needed):\n * - `homeHref` makes the brand a plain link (instead of `routerLink=\"/\"`).\n * - `navItems` render a labelled main navigation (`<nav aria-label><ul>` with\n *   `aria-current=\"page\"` on the current item); below 1024 px it moves to a\n *   second row and wraps.\n * - `[slot='end']` takes content at the end of the first row (e.g. a language\n *   link), `showUserMenu` hides the account menu, `titleTag` picks the title\n *   element (the page keeps its own `<h1>`), `sticky` can be switched off.\n * - The end content (slot, theme button, context, account menu) is one group:\n *   when it doesn't fit beside the logo and the title's longest word (200 %\n *   text on a phone), it takes the end of a second row instead of covering the\n *   brand or widening the page (3.10.1, AS-31). The subtitle ends with \"…\".\n * App shell (\"Weite\", kit 3.3):\n * - `variant=\"transparent\"`: no background and no border, the header sits on\n *   the page (pair it with `[sticky]=\"false\"`, a header without a surface\n *   cannot stay over scrolling text).\n * - `userMenuTrigger=\"avatar\"`: the account button is the person's initials\n *   avatar (`userAvatarColor` for the member colour, `userAvatarSrc` for a\n *   photo, `userAvatarFallback=\"person\"` for a person symbol while there is\n *   no name) in a 48 px round button; the icon trigger is 44 px high in every\n *   density.\n * - The subtitle (e.g. a household name) stays on one line and ends with \"…\";\n *   the full text is its `title` and stays in the accessible text. It is shown\n *   as typed (no uppercase).\n * - The account menu is at most `min(18rem, 100vw − 2rem)` wide; the name and\n *   email in its header wrap instead of being cut.\n * - `contextPlacement=\"below\"` (3.33): up to 640 px the context button\n *   (`contextName`) takes a full-width row of its own under the title instead\n *   of being hidden; from 641 px it sits in the end group as before.\n * - `focusContext()` (3.34): moves the focus to the context button after the\n *   next render, e.g. after a choice in the sheet it opened (WCAG 2.4.3).\n * - Every built-in label is an input (`homeAriaLabel`, `hamburgerAriaLabel`,\n *   `userMenuAriaLabel`, `navAriaLabel`, `profileLabel`, `logoutLabel`,\n *   `themeToDarkAriaLabel`, `themeToLightAriaLabel`, `contextAriaLabel`);\n *   the defaults stay English.\n * - The `ThemeService` (which persists to localStorage) is only created when\n *   the theme button is shown.\n *\n * @example\n * ```html\n * <lc-header\n *   [logo]=\"'/assets/logo.svg'\"\n *   [title]=\"'LifeCorner'\"\n *   [subtitle]=\"'User Profile'\"\n *   [userName]=\"'John Doe'\"\n *   [userEmail]=\"'user@example.com'\"\n *   [showHamburger]=\"true\"\n *   [sidenavOpen]=\"sidenavOpen\"\n *   sidenavId=\"app-sidenav\"\n *   [showThemeButton]=\"true\"\n *   [showProfileMenuItem]=\"true\"\n *   (hamburgerClick)=\"toggleSidebar()\"\n *   (themeToggleClick)=\"trackThemeToggle()\"\n *   (profileClick)=\"navigateToProfile()\"\n *   (logoutClick)=\"handleLogout()\"\n * />\n *\n * <!-- App-controlled theme: the header only reports the click -->\n * <lc-header\n *   [showThemeButton]=\"true\"\n *   [autoToggleTheme]=\"false\"\n *   (themeToggleClick)=\"toggleTheme()\"\n * />\n *\n * <!-- Public site: plain links, labelled nav, language link at the end -->\n * <lc-header\n *   size=\"sm\"\n *   [sticky]=\"false\"\n *   [showUserMenu]=\"false\"\n *   homeHref=\"/de/\"\n *   homeAriaLabel=\"Produkt – Startseite\"\n *   navAriaLabel=\"Hauptnavigation\"\n *   [navItems]=\"[\n *     { label: 'Sicherheit', href: '/de/sicherheit', current: true },\n *     { label: 'Roadmap', href: '/de/roadmap' }\n *   ]\"\n * >\n *   <a slot=\"end\" lcButton variant=\"ghost\" href=\"/en/security\" hreflang=\"en\" lang=\"en\">English</a>\n * </lc-header>\n * ```\n */\n@Component({\n  selector: 'lc-header',\n  standalone: true,\n  imports: [\n    NgTemplateOutlet,\n    RouterModule,\n    ButtonComponent,\n    LogoComponent,\n    IconComponent,\n    AvatarComponent,\n    MenuComponent,\n  ],\n  // Its own glyphs, and the profile menu's (lc-menu renders them in this view).\n  viewProviders: [ɵprovideKitIcons([ICON_BARS_3, ICON_SUN, ICON_MOON, ICON_USER, ICON_CHEVRON_DOWN, ICON_LOGOUT])],\n  templateUrl: './header.component.html',\n  styleUrl: './header.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'lc-header-host',\n  },\n})\nexport class HeaderComponent {\n  readonly theme = input<'light' | 'dark' | 'auto'>('auto');\n  readonly logo = input('');\n  /**\n   * Render the brand block. On its own this shows the emblem; with `logo` set\n   * it shows the full lockup. (It used to additionally require `logo` or\n   * `title`, so `showLogo` alone rendered an empty 0px-wide brand area with no\n   * error — an app could end up with no branding at all and no clue why.)\n   */\n  readonly showLogo = input(true);\n  /** Custom URL for the full brand logo (forwarded to inner `<lc-logo>`). */\n  readonly logoSrc = input('');\n  /** Custom URL for the emblem-only brand logo. */\n  readonly logoEmblemSrc = input('');\n  /** Optional dark-theme URL for the full brand logo. */\n  readonly logoDarkSrc = input('');\n  /** Optional dark-theme URL for the emblem-only brand logo. */\n  readonly logoDarkEmblemSrc = input('');\n  /** Alt text for the brand logo (forwarded to inner `<lc-logo>`). */\n  readonly logoAlt = input('');\n  /** Size of the brand logo (forwarded to inner `<lc-logo>`). Defaults to `md`. */\n  readonly logoSize = input<'xs' | 'sm' | 'md' | 'lg' | 'xl'>('md');\n  /**\n   * Overall header height. Useful to align the header with a sidebar brand block.\n   * Maps to the same `min-height` scale the sidenav logo area uses:\n   * `sm` 56px · `md` 64px (default) · `lg` 80px · `xl` 112px.\n   */\n  readonly size = input<'sm' | 'md' | 'lg' | 'xl'>('md');\n  readonly title = input('');\n  /**\n   * Surface: `default` (the bar on `--color-surface` with a bottom border) or\n   * `transparent` (no background, no border — the header sits on the page).\n   */\n  readonly variant = input<HeaderVariant>('default');\n  /**\n   * Element for the title. `h1` keeps the app-shell behaviour; on a site whose\n   * pages carry their own `<h1>`, use `span` (or `p`/`div`).\n   */\n  readonly titleTag = input<HeaderTitleTag>('h1');\n  /**\n   * Second line under the title (e.g. the household name). One line, cut\n   * with \"…\" when it does not fit; the full text is its `title` attribute.\n   * Shown as typed.\n   */\n  readonly subtitle = input('');\n  readonly userEmail = input('');\n  readonly userName = input('');\n  /**\n   * What the account-menu button shows: `icon` (user icon and chevron) or\n   * `avatar` (the initials of `userName` in a 48 px round button; the button\n   * is named `userMenuAriaLabel`, a comma and the initials).\n   * @default 'icon'\n   */\n  readonly userMenuTrigger = input<HeaderUserMenuTrigger>('icon');\n  /** Photo for the account avatar (trigger and menu header); initials when empty or broken. */\n  readonly userAvatarSrc = input('');\n  /** Colour of the account avatar's initials: `default` or a member colour `member-1` … `member-6`. */\n  readonly userAvatarColor = input<AvatarColor>('default');\n  /**\n   * Passed to the trigger avatar and the menu avatar as `fallback` (3.15):\n   * `person` shows a person symbol on a neutral disc instead of \"?\" while\n   * `userName` is empty.\n   * @default 'initials'\n   */\n  readonly userAvatarFallback = input<AvatarFallback>('initials');\n  readonly showHamburger = input(false);\n  /**\n   * Open state of the sidenav the hamburger controls. When bound, the toggle\n   * announces it via `aria-expanded`; leave `undefined` when the header does\n   * not know (the attribute is then omitted rather than lying).\n   */\n  readonly sidenavOpen = input<boolean | undefined>(undefined);\n  /** DOM id of the sidenav the hamburger controls (`aria-controls`). */\n  readonly sidenavId = input('');\n  readonly showThemeButton = input(false);\n  /**\n   * Whether the theme button toggles the `ThemeService` itself before emitting\n   * `themeToggleClick`. Set to `false` when the app owns the theme switch and\n   * toggles in the `(themeToggleClick)` handler — otherwise both would toggle\n   * and the click would be a no-op.\n   */\n  readonly autoToggleTheme = input(true);\n  readonly contextName = input('');\n  readonly contextLabel = input('');\n  /**\n   * Where the context button sits up to 640 px (3.33, app-shell row 1).\n   * `'inline'`: in the end group, hidden up to 640 px (as before). `'below'`:\n   * up to 640 px a row of its own under the title, as wide as the header and\n   * at least 44 px high; title, `end` slot and account menu stay in the first\n   * row. From 641 px both render the button inline. No second row without\n   * `contextName`.\n   * @default 'inline'\n   */\n  readonly contextPlacement = input<HeaderContextPlacement>('inline');\n  readonly menuSize = input<'sm' | 'md' | 'lg'>('sm');\n  readonly showProfileMenuItem = input(true);\n  /** Render the account menu (avatar trigger with Profile/Logout). */\n  readonly showUserMenu = input(true);\n  /**\n   * Plain URL for the brand link. When set, the brand is a native\n   * `<a href>` — no router needed (static or prerendered sites). Empty keeps\n   * `routerLink=\"/\"`.\n   */\n  readonly homeHref = input('');\n  /**\n   * Main navigation links, rendered as `<nav><ul><li><a href>` with\n   * `aria-current=\"page\"` on the current one. On screens below 1024 px the\n   * navigation takes a second row and wraps.\n   */\n  readonly navItems = input<readonly HeaderNavItem[]>([]);\n  /** Keep the header at the top while scrolling (`position: sticky`). */\n  readonly sticky = input(true);\n\n  // Labels (defaults are English; translate them in the app).\n  /** Accessible name of the brand link. */\n  readonly homeAriaLabel = input('Go to home');\n  /** Accessible name of the hamburger button. */\n  readonly hamburgerAriaLabel = input('Toggle sidebar menu');\n  /**\n   * Accessible name of the account menu trigger. With `userMenuTrigger=\"avatar\"`\n   * the button is named this text, a comma and the initials it shows\n   * (`Menü für Johanna Müller, JM`), so a voice-control user can say what they\n   * see (WCAG 2.5.3). Nothing is added when `userName` gives no initials, or\n   * when the text already contains them as a word. The name is the same with a\n   * photo.\n   * @default 'Open user menu'\n   */\n  readonly userMenuAriaLabel = input('Open user menu');\n  /** Accessible name of the `<nav>` around `navItems`. */\n  readonly navAriaLabel = input('Main navigation');\n  /** Label of the theme button while the light theme is active. */\n  readonly themeToDarkAriaLabel = input('Switch to dark mode');\n  /** Label of the theme button while the dark theme is active. */\n  readonly themeToLightAriaLabel = input('Switch to light mode');\n  /**\n   * Start of the context button's accessible name. The visible `contextLabel`\n   * and `contextName` follow it (WCAG 2.5.3 Label in Name), unless the label\n   * already contains them: `Context info, Tenant Acme Corp`.\n   * @default 'Context info'\n   */\n  readonly contextAriaLabel = input('Context info');\n  /** Label of the Profile entry in the account menu. */\n  readonly profileLabel = input('Profile');\n  /** Label of the Logout entry in the account menu. */\n  readonly logoutLabel = input('Logout');\n\n  readonly hamburgerClick = output<void>();\n  readonly themeToggleClick = output<void>();\n  readonly logoutClick = output<void>();\n  readonly profileClick = output<void>();\n  readonly contextClick = output<void>();\n\n  private readonly injector = inject(Injector);\n  private themeServiceInstance: ThemeService | null = null;\n\n  /**\n   * Resolved on first use, i.e. only when the theme button is shown: creating\n   * the ThemeService reads and writes the theme class and localStorage, which a\n   * site without a theme switch must not do.\n   */\n  protected get themeService(): ThemeService {\n    return (this.themeServiceInstance ??= this.injector.get(ThemeService));\n  }\n\n  private readonly hamburger = viewChild('hamburger', { read: ElementRef<HTMLElement> });\n\n  /** The context button (`contextName`), while it is rendered. */\n  private readonly contextButton = viewChild<ElementRef<HTMLButtonElement>>('contextButton');\n\n  /** The `focusContext()` hook waiting for the next render. */\n  private pendingContextFocus?: AfterRenderRef;\n\n  constructor() {\n    // The hamburger is an <lc-button>; the ARIA state belongs on its native\n    // <button> (the element that has the button role), not on the custom\n    // element host — so it is reflected after render rather than bound in the\n    // template.\n    afterRenderEffect(() => {\n      const button = this.hamburger()?.nativeElement.querySelector('button');\n      if (!button) return;\n      const open = this.sidenavOpen();\n      const controls = this.sidenavId();\n      if (open === undefined) {\n        button.removeAttribute('aria-expanded');\n      } else {\n        button.setAttribute('aria-expanded', String(open));\n      }\n      if (controls) {\n        button.setAttribute('aria-controls', controls);\n      } else {\n        button.removeAttribute('aria-controls');\n      }\n    });\n  }\n\n  /**\n   * Name of the avatar trigger (AS-33, WCAG 2.5.3 Label in Name):\n   * `userMenuAriaLabel`, a comma and the initials the avatar shows, so the\n   * visible text is a word of the name. Built from the same function as the\n   * avatar's initials and independent of the photo, so the prerendered name\n   * and the page's agree. Nothing is added for the `?` placeholder or when\n   * the label already holds the initials as a word (parentheticals dropped,\n   * as axe-core 4.14 does); an empty label becomes the initials alone.\n   */\n  protected readonly avatarTriggerAriaLabel = computed(() => {\n    const initials = ɵavatarInitials(this.userName());\n    const label = this.userMenuAriaLabel();\n    if (!/[\\p{L}\\p{N}]/u.test(initials)) return label;\n    // toLowerCase, not toLocaleLowerCase: server and browser must agree.\n    const words = label\n      .replace(/\\([^()]*\\)/g, ' ')\n      .toLowerCase()\n      .split(/[^\\p{L}\\p{N}]+/u);\n    if (words.includes(initials.toLowerCase())) return label;\n    if (label.trim() === '') return initials;\n    return `${label}, ${initials}`;\n  });\n\n  /**\n   * Name of the context button (AS-33, WCAG 2.5.3 Label in Name):\n   * `contextAriaLabel`, a comma and the visible `contextLabel` and\n   * `contextName`, so a voice-control user can say what they see.\n   */\n  protected readonly contextButtonAriaLabel = computed(() =>\n    nameWithText(this.contextAriaLabel(), [this.contextLabel(), this.contextName()].filter(Boolean).join(' ')),\n  );\n\n  /** `contextPlacement=\"below\"` with a context button to place (3.33). */\n  protected readonly contextBelow = computed(() => this.contextPlacement() === 'below' && !!this.contextName());\n\n  /**\n   * Get menu items for profile dropdown\n   */\n  protected readonly menuItems = computed<MenuItem[]>(() => {\n    const items: MenuItem[] = [];\n\n    // Add profile link if enabled\n    if (this.showProfileMenuItem()) {\n      items.push({\n        id: 'profile',\n        label: this.profileLabel(),\n        icon: 'user',\n        dividerAfter: true,\n      });\n    }\n\n    // Add logout\n    items.push({\n      id: 'logout',\n      label: this.logoutLabel(),\n      icon: 'arrow-right-start-on-rectangle',\n      variant: 'danger',\n    });\n\n    return items;\n  });\n\n  /**\n   * Dropdown open state (using Angular signals)\n   */\n  private readonly dropdownOpen = signal<boolean>(false);\n\n  /**\n   * Get dropdown open state\n   */\n  isDropdownOpen(): boolean {\n    return this.dropdownOpen();\n  }\n\n  /**\n   * Toggle profile dropdown visibility\n   */\n  toggleDropdown(): void {\n    this.dropdownOpen.set(!this.dropdownOpen());\n  }\n\n  /**\n   * Close profile dropdown\n   */\n  closeDropdown(): void {\n    this.dropdownOpen.set(false);\n  }\n\n  /**\n   * Moves the focus to the context button after the next render (3.34), so a\n   * `contextName` set just before is already in its name. Call it right after\n   * the choice, or when the sheet that changes the context closes. Does\n   * nothing while the button isn't shown (no `contextName`, or up to 640 px\n   * with `contextPlacement=\"inline\"`). A second call before that render\n   * replaces the first.\n   */\n  focusContext(): void {\n    this.pendingContextFocus?.destroy();\n    this.pendingContextFocus = afterNextRender(\n      () => {\n        this.pendingContextFocus = undefined;\n        this.contextButton()?.nativeElement.focus();\n      },\n      { injector: this.injector },\n    );\n  }\n\n  /**\n   * Handle hamburger click\n   */\n  onHamburgerClick(): void {\n    this.hamburgerClick.emit();\n  }\n\n  /**\n   * Handle theme button click (separate button, not in menu). Toggles the\n   * theme unless the app opted out via `autoToggleTheme`, then emits.\n   */\n  onThemeButtonClick(): void {\n    if (this.autoToggleTheme()) {\n      this.themeService.toggleTheme();\n    }\n    this.themeToggleClick.emit();\n  }\n\n  /**\n   * Handle logout click\n   */\n  onLogoutClick(): void {\n    this.logoutClick.emit();\n    this.closeDropdown();\n  }\n\n  /**\n   * Handle profile click\n   */\n  onProfileClick(): void {\n    this.profileClick.emit();\n    this.closeDropdown();\n  }\n\n  /**\n   * Handle menu item click\n   */\n  onMenuItemClick(item: MenuItem): void {\n    if (item.id === 'logout') {\n      this.onLogoutClick();\n    } else if (item.id === 'profile') {\n      this.onProfileClick();\n    }\n  }\n}\n","<header\n  class=\"lc-header\"\n  [class.lc-header--dark]=\"theme() === 'dark'\"\n  [class.lc-header--light]=\"theme() === 'light'\"\n  [class.lc-header--size-sm]=\"size() === 'sm'\"\n  [class.lc-header--size-md]=\"size() === 'md'\"\n  [class.lc-header--size-lg]=\"size() === 'lg'\"\n  [class.lc-header--size-xl]=\"size() === 'xl'\"\n  [class.lc-header--has-nav]=\"navItems().length > 0\"\n  [class.lc-header--static]=\"!sticky()\"\n  [class.lc-header--transparent]=\"variant() === 'transparent'\"\n  [class.lc-header--context-below]=\"contextBelow()\"\n>\n  <!-- Hamburger menu icon (mobile only) -->\n  @if (showHamburger()) {\n    <lc-button\n      #hamburger\n      variant=\"ghost\"\n      size=\"sm\"\n      [iconOnly]=\"true\"\n      [ariaLabel]=\"hamburgerAriaLabel()\"\n      (clicked)=\"onHamburgerClick()\"\n      class=\"lc-header__hamburger\"\n    >\n      <lc-icon name=\"bars-3\" size=\"sm\" [decorative]=\"true\" />\n    </lc-button>\n  }\n\n  <!-- Logo (clickable, navigates to home) -->\n  <div class=\"lc-header__brand\">\n    @if (showLogo()) {\n      @if (homeHref()) {\n        <!-- Plain link: works without the router and without JavaScript. -->\n        <a [href]=\"homeHref()\" class=\"lc-header__logo\" [attr.aria-label]=\"homeAriaLabel()\">\n          <ng-container [ngTemplateOutlet]=\"brandLogo\" />\n        </a>\n      } @else {\n        <a routerLink=\"/\" class=\"lc-header__logo\" [attr.aria-label]=\"homeAriaLabel()\">\n          <ng-container [ngTemplateOutlet]=\"brandLogo\" />\n        </a>\n      }\n    }\n\n    @if (title()) {\n      <div class=\"lc-header__title-group\">\n        @switch (titleTag()) {\n          @case ('h1') {\n            <h1 class=\"lc-header__title\">{{ title() }}</h1>\n          }\n          @case ('h2') {\n            <h2 class=\"lc-header__title\">{{ title() }}</h2>\n          }\n          @case ('h3') {\n            <h3 class=\"lc-header__title\">{{ title() }}</h3>\n          }\n          @case ('p') {\n            <p class=\"lc-header__title\">{{ title() }}</p>\n          }\n          @case ('div') {\n            <div class=\"lc-header__title\">{{ title() }}</div>\n          }\n          @default {\n            <span class=\"lc-header__title\">{{ title() }}</span>\n          }\n        }\n        @if (subtitle()) {\n          <span class=\"lc-header__subtitle\" [attr.title]=\"subtitle()\">{{ subtitle() }}</span>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Main navigation: inline from 1024 px, its own wrapping row below. -->\n  @if (navItems().length > 0) {\n    <nav class=\"lc-header__nav\" [attr.aria-label]=\"navAriaLabel()\">\n      <ul class=\"lc-header__nav-list\">\n        @for (item of navItems(); track $index) {\n          <li class=\"lc-header__nav-item\">\n            <a\n              class=\"lc-header__nav-link\"\n              [href]=\"item.href\"\n              [attr.aria-current]=\"item.current ? 'page' : null\"\n            >{{ item.label }}</a>\n          </li>\n        }\n      </ul>\n    </nav>\n  }\n\n  <!-- Zero-width spacer on the brand's row: keeps 3.10's two gaps before the end\n       group and the first row's height; grows in a has-nav header from 1024 px. -->\n  <div class=\"lc-header__spacer\"></div>\n\n  <!-- End of the bar: the end slot (e.g. a language link), theme toggle, context\n       info and account menu as one group. It goes to the end of a second row\n       when it doesn't fit beside the brand (AS-31). No role; the DOM order and\n       so the focus order stay brand → nav → end. -->\n  <div class=\"lc-header__end\">\n    <ng-content select=\"[slot='end']\" />\n\n    <!-- Theme toggle button -->\n    @if (showThemeButton()) {\n      <lc-button\n        variant=\"ghost\"\n        size=\"sm\"\n        [iconOnly]=\"true\"\n        [ariaLabel]=\"themeService.isDark() ? themeToLightAriaLabel() : themeToDarkAriaLabel()\"\n        (clicked)=\"onThemeButtonClick()\"\n        class=\"lc-header__theme-toggle\"\n      >\n        <lc-icon [name]=\"themeService.isDark() ? 'sun' : 'moon'\" size=\"sm\" [decorative]=\"true\" />\n      </lc-button>\n    }\n\n    <!-- Context info (e.g. tenant, organization, project) -->\n    @if (contextName()) {\n      <button\n        #contextButton\n        type=\"button\"\n        class=\"lc-header__context-info\"\n        [attr.aria-label]=\"contextButtonAriaLabel()\"\n        (click)=\"contextClick.emit()\"\n      >\n        <!-- A real space between label and name: the visible text reads\n             \"Tenant Acme Corp\", not \"TenantAcme Corp\" (WCAG 2.5.3). The\n             tooltip sits on the name, so it is not a description of the button. -->\n        @if (contextLabel()) {\n          <span class=\"lc-header__context-label\">{{ contextLabel() }}</span>&ngsp;\n        }\n        <span class=\"lc-header__context-name\" [attr.title]=\"contextName()\">{{ contextName() }}</span>\n      </button>\n    }\n\n    <!-- User profile menu -->\n    @if (showUserMenu()) {\n      <lc-menu\n        [items]=\"menuItems()\"\n        [isOpen]=\"isDropdownOpen()\"\n        position=\"bottom-right\"\n        minWidth=\"min(220px, calc(100vw - 2rem))\"\n        maxWidth=\"min(18rem, calc(100vw - 2rem))\"\n        [size]=\"menuSize()\"\n        (itemClick)=\"onMenuItemClick($event)\"\n        (closed)=\"closeDropdown()\"\n      >\n        <!-- Menu header with avatar, name and email -->\n        @if (userName() || userEmail()) {\n          <div header class=\"lc-header__menu-header\">\n            <lc-avatar\n              [name]=\"userName()\"\n              [src]=\"userAvatarSrc() || undefined\"\n              [color]=\"userAvatarColor()\"\n              [fallback]=\"userAvatarFallback()\"\n              size=\"md\"\n            />\n            <div class=\"lc-header__menu-user-info\">\n              @if (userName()) {\n                <div class=\"lc-header__menu-user-name\">{{ userName() }}</div>\n              }\n              @if (userEmail()) {\n                <div class=\"lc-header__menu-user-email\">{{ userEmail() }}</div>\n              }\n            </div>\n          </div>\n        }\n\n        @if (userMenuTrigger() === 'avatar') {\n          <button\n            trigger\n            class=\"lc-header__profile-trigger lc-header__profile-trigger--avatar\"\n            type=\"button\"\n            [attr.aria-label]=\"avatarTriggerAriaLabel()\"\n            [attr.aria-expanded]=\"isDropdownOpen()\"\n            (click)=\"toggleDropdown()\"\n          >\n            <lc-avatar\n              [name]=\"userName()\"\n              [src]=\"userAvatarSrc() || undefined\"\n              [color]=\"userAvatarColor()\"\n              [fallback]=\"userAvatarFallback()\"\n              [decorative]=\"true\"\n              size=\"md\"\n            />\n          </button>\n        } @else {\n          <button\n            trigger\n            class=\"lc-header__profile-trigger\"\n            type=\"button\"\n            [attr.aria-label]=\"userMenuAriaLabel()\"\n            [attr.aria-expanded]=\"isDropdownOpen()\"\n            (click)=\"toggleDropdown()\"\n          >\n            <lc-icon name=\"user\" size=\"sm\" [decorative]=\"true\" />\n            <lc-icon name=\"chevron-down\" size=\"xs\" [decorative]=\"true\" />\n          </button>\n        }\n      </lc-menu>\n    }\n  </div>\n</header>\n\n<ng-template #brandLogo>\n  <lc-logo\n    [variant]=\"logo() ? 'full' : 'emblem'\"\n    [size]=\"logoSize()\"\n    [clickable]=\"false\"\n    [colorMode]=\"theme() === 'dark' ? 'dark' : theme() === 'light' ? 'light' : 'auto'\"\n    [src]=\"logoSrc()\"\n    [emblemSrc]=\"logoEmblemSrc()\"\n    [darkSrc]=\"logoDarkSrc()\"\n    [darkEmblemSrc]=\"logoDarkEmblemSrc()\"\n    [alt]=\"logoAlt() || title() || 'Logo'\"\n  />\n</ng-template>\n"],"mappings":"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"}

package/fesm2022/lifecorner-angular-ui-kit-internal-overlay.mjs

@@ -74,6 +74,11 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{ providedIn: "root" }]
 	}]
 });
-export { OverlayInsetsService, OverlayStackService };
+const FOCUSABLE = "button:not([disabled]), [href], input:not([disabled]):not([type=hidden]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function focusReturnTarget(target) {
+	target.focus();
+	if (target.ownerDocument.activeElement !== target && target.localName.includes("-")) target.querySelector(FOCUSABLE)?.focus();
+}
+export { OverlayInsetsService, OverlayStackService, focusReturnTarget };
 
 //# sourceMappingURL=lifecorner-angular-ui-kit-internal-overlay.mjs.map

package/fesm2022/lifecorner-angular-ui-kit-internal-overlay.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lifecorner-angular-ui-kit-internal-overlay.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/internal/overlay/overlay-stack.service.ts","../../../../libs/angular-ui-kit/src/lib/internal/overlay/overlay-insets.service.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n/**\n * Keeps the open overlays (modal, drawer, popover, menu, tooltip, …) in\n * opening order so that a dismiss gesture — Escape, click outside — reaches\n * only the top-most one instead of closing every open layer at once.\n *\n * Every overlay pushes its id when it opens and removes it when it closes or\n * is destroyed. Internal to the library; not part of the public API.\n */\n@Injectable({ providedIn: 'root' })\nexport class OverlayStackService {\n  private readonly stack: string[] = [];\n\n  /**\n   * Events already consumed by an overlay. All overlays listen on `document`,\n   * where listeners fire in registration order — not z-order — so by the time a\n   * lower overlay's listener runs, the top one may already have closed and left\n   * the stack, making the lower one \"top\" for the very same event.\n   */\n  private readonly claimed = new WeakSet<Event>();\n\n  /** Register `id` as the new top-most overlay (re-pushing moves it to the top). */\n  push(id: string): void {\n    this.remove(id);\n    this.stack.push(id);\n  }\n\n  remove(id: string): void {\n    const index = this.stack.indexOf(id);\n    if (index !== -1) this.stack.splice(index, 1);\n  }\n\n  isTop(id: string): boolean {\n    return this.stack.length > 0 && this.stack[this.stack.length - 1] === id;\n  }\n\n  /**\n   * Whether overlay `id` may act on this dismiss event. True only for the\n   * top-most overlay and only once per event; the caller then closes and, for\n   * keyboard events, stops propagation so nothing outside the stack sees it.\n   */\n  claim(id: string, event: Event): boolean {\n    if (this.claimed.has(event) || !this.isTop(id)) return false;\n    this.claimed.add(event);\n    return true;\n  }\n}\n","import { Injectable, signal } from '@angular/core';\n\n/**\n * The space a fixed overlay keeps free at the top and the bottom of the\n * viewport, as CSS lengths (3.28, AS-34). `lc-app-shell` writes them in the\n * browser: `top` is its header's bottom edge, `bottom` the shown bottom bar's\n * top edge, measured from the viewport's bottom (or the safe-area insets when\n * there is no header or no bar). `lc-toast-outlet` reads them, so its stacks\n * clear the header and the bar even when the app renders the outlet outside\n * the shell (no custom property can inherit there).\n *\n * `null` means \"no shell\": on the server, before the shell has measured,\n * without ResizeObserver and after the shell is destroyed. Internal to the\n * library; not part of the public API and without a semver guarantee.\n */\n@Injectable({ providedIn: 'root' })\nexport class OverlayInsetsService {\n  /** CSS length kept free above top-edge overlays, e.g. `'56px'`. */\n  readonly top = signal<string | null>(null);\n\n  /** CSS length kept free below bottom-edge overlays, e.g. `'102px'`. */\n  readonly bottom = signal<string | null>(null);\n}\n"],"mappings":";;AAWA,IAAa,sBAAb,MAAa,oBAAmB;CACb,QAAkB,CAAA;CAQlB,0BAAU,IAAI,QAAO;CAGtC,KAAK,IAAU;EACb,KAAK,OAAO,EAAE;EACd,KAAK,MAAM,KAAK,EAAE;CACpB;CAEA,OAAO,IAAU;EACf,MAAM,QAAQ,KAAK,MAAM,QAAQ,EAAE;EACnC,IAAI,UAAU,IAAI,KAAK,MAAM,OAAO,OAAO,CAAC;CAC9C;CAEA,MAAM,IAAU;EACd,OAAO,KAAK,MAAM,SAAS,KAAK,KAAK,MAAM,KAAK,MAAM,SAAS,OAAO;CACxE;CAOA,MAAM,IAAY,OAAY;EAC5B,IAAI,KAAK,QAAQ,IAAI,KAAK,KAAK,CAAC,KAAK,MAAM,EAAE,GAAG,OAAO;EACvD,KAAK,QAAQ,IAAI,KAAK;EACtB,OAAO;CACT;CAnCW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAmB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAnB,OAAA,QAAA,GAAA,sBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAmB,YADN;CAAM,CAAA;;AACnB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAmB,YAAA,CAAA;EAD/B,MAAA;EAAW,MAAA,CAAA,EAAE,YAAY,OAAM,CAAE;;;ACMlC,IAAa,uBAAb,MAAa,qBAAoB;CAEtB,MAAM,OAAsB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,MAAA,CAAA,+BAAA,CAAA,CAAA;CAGjC,SAAS,OAAsB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CALlC,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAoB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAApB,OAAA,QAAA,GAAA,sBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAoB,YADP;CAAM,CAAA;;AACnB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAoB,YAAA,CAAA;EADhC,MAAA;EAAW,MAAA,CAAA,EAAE,YAAY,OAAM,CAAE"}
+{"version":3,"file":"lifecorner-angular-ui-kit-internal-overlay.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/internal/overlay/overlay-stack.service.ts","../../../../libs/angular-ui-kit/src/lib/internal/overlay/overlay-insets.service.ts","../../../../libs/angular-ui-kit/src/lib/internal/overlay/focus-return.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n/**\n * Keeps the open overlays (modal, drawer, popover, menu, tooltip, …) in\n * opening order so that a dismiss gesture — Escape, click outside — reaches\n * only the top-most one instead of closing every open layer at once.\n *\n * Every overlay pushes its id when it opens and removes it when it closes or\n * is destroyed. Internal to the library; not part of the public API.\n */\n@Injectable({ providedIn: 'root' })\nexport class OverlayStackService {\n  private readonly stack: string[] = [];\n\n  /**\n   * Events already consumed by an overlay. All overlays listen on `document`,\n   * where listeners fire in registration order — not z-order — so by the time a\n   * lower overlay's listener runs, the top one may already have closed and left\n   * the stack, making the lower one \"top\" for the very same event.\n   */\n  private readonly claimed = new WeakSet<Event>();\n\n  /** Register `id` as the new top-most overlay (re-pushing moves it to the top). */\n  push(id: string): void {\n    this.remove(id);\n    this.stack.push(id);\n  }\n\n  remove(id: string): void {\n    const index = this.stack.indexOf(id);\n    if (index !== -1) this.stack.splice(index, 1);\n  }\n\n  isTop(id: string): boolean {\n    return this.stack.length > 0 && this.stack[this.stack.length - 1] === id;\n  }\n\n  /**\n   * Whether overlay `id` may act on this dismiss event. True only for the\n   * top-most overlay and only once per event; the caller then closes and, for\n   * keyboard events, stops propagation so nothing outside the stack sees it.\n   */\n  claim(id: string, event: Event): boolean {\n    if (this.claimed.has(event) || !this.isTop(id)) return false;\n    this.claimed.add(event);\n    return true;\n  }\n}\n","import { Injectable, signal } from '@angular/core';\n\n/**\n * The space a fixed overlay keeps free at the top and the bottom of the\n * viewport, as CSS lengths (3.28, AS-34). `lc-app-shell` writes them in the\n * browser: `top` is its header's bottom edge, `bottom` the shown bottom bar's\n * top edge, measured from the viewport's bottom (or the safe-area insets when\n * there is no header or no bar). `lc-toast-outlet` reads them, so its stacks\n * clear the header and the bar even when the app renders the outlet outside\n * the shell (no custom property can inherit there).\n *\n * `null` means \"no shell\": on the server, before the shell has measured,\n * without ResizeObserver and after the shell is destroyed. Internal to the\n * library; not part of the public API and without a semver guarantee.\n */\n@Injectable({ providedIn: 'root' })\nexport class OverlayInsetsService {\n  /** CSS length kept free above top-edge overlays, e.g. `'56px'`. */\n  readonly top = signal<string | null>(null);\n\n  /** CSS length kept free below bottom-edge overlays, e.g. `'102px'`. */\n  readonly bottom = signal<string | null>(null);\n}\n","/**\n * What a custom-element `returnFocusTo` host (`<lc-button>`) hands the focus\n * to when it can't take it itself.\n */\nconst FOCUSABLE =\n  'button:not([disabled]), [href], input:not([disabled]):not([type=hidden]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\n/**\n * Gives the focus to an overlay's `returnFocusTo` element (3.34 in\n * `lc-modal`, shared since 3.35 with `lc-drawer` and `lc-sidenav`). A\n * custom-element host that can't take focus (`<lc-button>`) hands it to its\n * first focusable descendant. An element that can't take focus at all leaves\n * the focus where it is.\n */\nexport function focusReturnTarget(target: HTMLElement): void {\n  target.focus();\n  if (target.ownerDocument.activeElement !== target && target.localName.includes('-')) {\n    target.querySelector<HTMLElement>(FOCUSABLE)?.focus();\n  }\n}\n"],"mappings":";;AAWA,IAAa,sBAAb,MAAa,oBAAmB;CACb,QAAkB,CAAA;CAQlB,0BAAU,IAAI,QAAO;CAGtC,KAAK,IAAU;EACb,KAAK,OAAO,EAAE;EACd,KAAK,MAAM,KAAK,EAAE;CACpB;CAEA,OAAO,IAAU;EACf,MAAM,QAAQ,KAAK,MAAM,QAAQ,EAAE;EACnC,IAAI,UAAU,IAAI,KAAK,MAAM,OAAO,OAAO,CAAC;CAC9C;CAEA,MAAM,IAAU;EACd,OAAO,KAAK,MAAM,SAAS,KAAK,KAAK,MAAM,KAAK,MAAM,SAAS,OAAO;CACxE;CAOA,MAAM,IAAY,OAAY;EAC5B,IAAI,KAAK,QAAQ,IAAI,KAAK,KAAK,CAAC,KAAK,MAAM,EAAE,GAAG,OAAO;EACvD,KAAK,QAAQ,IAAI,KAAK;EACtB,OAAO;CACT;CAnCW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAmB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAnB,OAAA,QAAA,GAAA,sBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAmB,YADN;CAAM,CAAA;;AACnB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAmB,YAAA,CAAA;EAD/B,MAAA;EAAW,MAAA,CAAA,EAAE,YAAY,OAAM,CAAE;;;ACMlC,IAAa,uBAAb,MAAa,qBAAoB;CAEtB,MAAM,OAAsB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,MAAA,CAAA,+BAAA,CAAA,CAAA;CAGjC,SAAS,OAAsB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CALlC,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAoB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAApB,OAAA,QAAA,GAAA,sBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAoB,YADP;CAAM,CAAA;;AACnB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAoB,YAAA,CAAA;EADhC,MAAA;EAAW,MAAA,CAAA,EAAE,YAAY,OAAM,CAAE;;;ACXlC,MAAM,YACJ;AASF,SAAgB,kBAAkB,QAAmB;CACnD,OAAO,MAAK;CACZ,IAAI,OAAO,cAAc,kBAAkB,UAAU,OAAO,UAAU,SAAS,GAAG,GAChF,OAAO,cAA2B,SAAS,CAAC,EAAE,MAAK;AAEvD"}