@lifecorner/angular-ui-kit 3.11.1 → 3.11.3

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 } from '@lifecorner/angular-ui-kit/avatar';\nimport { MenuComponent, MenuItem } from '@lifecorner/angular-ui-kit/menu';\nimport { ThemeService } from '@lifecorner/angular-ui-kit/theme';\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 * 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) 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 * - 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).\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  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  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  /** Accessible name of the account menu trigger. */\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  /** Accessible name of the context button (`contextName`). */\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   * 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>\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\" />\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\" />\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.title]=\"contextName()\"\n        [attr.aria-label]=\"contextAriaLabel()\"\n        (click)=\"contextClick.emit()\"\n      >\n        @if (contextLabel()) {\n          <span class=\"lc-header__context-label\">{{ contextLabel() }}</span>\n        }\n        <span class=\"lc-header__context-name\">{{ 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              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]=\"userMenuAriaLabel()\"\n            [attr.aria-expanded]=\"isDropdownOpen()\"\n            (click)=\"toggleDropdown()\"\n          >\n            <lc-avatar\n              [name]=\"userName()\"\n              [src]=\"userAvatarSrc() || undefined\"\n              [color]=\"userAvatarColor()\"\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\" />\n            <lc-icon name=\"chevron-down\" size=\"xs\" />\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  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 } from '@lifecorner/angular-ui-kit/avatar';\nimport { MenuComponent, MenuItem } from '@lifecorner/angular-ui-kit/menu';\nimport { ThemeService } from '@lifecorner/angular-ui-kit/theme';\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 * 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) 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 * - 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).\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  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  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  /** Accessible name of the account menu trigger. */\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  /** Accessible name of the context button (`contextName`). */\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   * 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>\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\" />\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\" />\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.title]=\"contextName()\"\n        [attr.aria-label]=\"contextAriaLabel()\"\n        (click)=\"contextClick.emit()\"\n      >\n        @if (contextLabel()) {\n          <span class=\"lc-header__context-label\">{{ contextLabel() }}</span>\n        }\n        <span class=\"lc-header__context-name\">{{ 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              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]=\"userMenuAriaLabel()\"\n            [attr.aria-expanded]=\"isDropdownOpen()\"\n            (click)=\"toggleDropdown()\"\n          >\n            <lc-avatar\n              [name]=\"userName()\"\n              [src]=\"userAvatarSrc() || undefined\"\n              [color]=\"userAvatarColor()\"\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\" />\n            <lc-icon name=\"chevron-down\" size=\"xs\" />\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-logo.mjs

@@ -5,6 +5,28 @@ const LC_LOGO_BASE_PATH = new InjectionToken("LC_LOGO_BASE_PATH", {
 	factory: () => "/assets"
 });
 const SMALL_EMBLEM_SIZES = /* @__PURE__ */ new Set(["xs", "sm"]);
+const EMBLEM_PX = {
+	xs: 24,
+	sm: 32,
+	md: 48,
+	lg: 64,
+	xl: 96
+};
+const LOCKUP_SIZE = {
+	width: 485,
+	height: 100
+};
+function toIntrinsicSize(value) {
+	if (value === null || value === void 0 || value === "") return;
+	const px = Number(value);
+	return Number.isFinite(px) && px > 0 ? Math.round(px) : void 0;
+}
+function pair(width, height) {
+	return width !== void 0 && height !== void 0 ? {
+		width,
+		height
+	} : null;
+}
 var LogoComponent = class LogoComponent {
 	variant = input("full", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
 	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
@@ -15,6 +37,22 @@ var LogoComponent = class LogoComponent {
 	emblemSrc = input("", ...ngDevMode ? [{ debugName: "emblemSrc" }] : /* istanbul ignore next */ []);
 	darkSrc = input("", ...ngDevMode ? [{ debugName: "darkSrc" }] : /* istanbul ignore next */ []);
 	darkEmblemSrc = input("", ...ngDevMode ? [{ debugName: "darkEmblemSrc" }] : /* istanbul ignore next */ []);
+	srcWidth = input(void 0, {
+		...ngDevMode ? { debugName: "srcWidth" } : /* istanbul ignore next */ {},
+		transform: toIntrinsicSize
+	});
+	srcHeight = input(void 0, {
+		...ngDevMode ? { debugName: "srcHeight" } : /* istanbul ignore next */ {},
+		transform: toIntrinsicSize
+	});
+	emblemSrcWidth = input(void 0, {
+		...ngDevMode ? { debugName: "emblemSrcWidth" } : /* istanbul ignore next */ {},
+		transform: toIntrinsicSize
+	});
+	emblemSrcHeight = input(void 0, {
+		...ngDevMode ? { debugName: "emblemSrcHeight" } : /* istanbul ignore next */ {},
+		transform: toIntrinsicSize
+	});
 	hasCustomSrc = computed(() => !!this.src() || !!this.emblemSrc() || !!this.darkSrc() || !!this.darkEmblemSrc(), ...ngDevMode ? [{ debugName: "hasCustomSrc" }] : /* istanbul ignore next */ []);
 	basePath = inject(LC_LOGO_BASE_PATH);
 	builtIn = computed(() => {
@@ -40,6 +78,21 @@ var LogoComponent = class LogoComponent {
 	}, ...ngDevMode ? [{ debugName: "logoDarkSrc" }] : /* istanbul ignore next */ []);
 	showLightSrc = computed(() => !this.logoDarkSrc() || this.colorMode() !== "dark", ...ngDevMode ? [{ debugName: "showLightSrc" }] : /* istanbul ignore next */ []);
 	showDarkSrc = computed(() => !!this.logoDarkSrc() && this.colorMode() !== "light", ...ngDevMode ? [{ debugName: "showDarkSrc" }] : /* istanbul ignore next */ []);
+	builtInSize = computed(() => {
+		if (this.variant() === "emblem") {
+			const px = EMBLEM_PX[this.size()];
+			return {
+				width: px,
+				height: px
+			};
+		}
+		return LOCKUP_SIZE;
+	}, ...ngDevMode ? [{ debugName: "builtInSize" }] : /* istanbul ignore next */ []);
+	customSize = computed(() => this.variant() === "emblem" ? pair(this.emblemSrcWidth(), this.emblemSrcHeight()) : pair(this.srcWidth(), this.srcHeight()), ...ngDevMode ? [{ debugName: "customSize" }] : /* istanbul ignore next */ []);
+	lightSize = computed(() => this.customSrc() ? this.customSize() : this.builtInSize(), ...ngDevMode ? [{ debugName: "lightSize" }] : /* istanbul ignore next */ []);
+	darkSize = computed(() => {
+		return (this.variant() === "emblem" ? this.darkEmblemSrc() : this.darkSrc()) ? this.customSize() : this.builtInSize();
+	}, ...ngDevMode ? [{ debugName: "darkSize" }] : /* istanbul ignore next */ []);
 	logoClasses = computed(() => {
 		const classes = [`size-${this.size()}`];
 		if (this.clickable()) classes.push("clickable");
@@ -122,10 +175,38 @@ var LogoComponent = class LogoComponent {
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
+			},
+			srcWidth: {
+				classPropertyName: "srcWidth",
+				publicName: "srcWidth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			srcHeight: {
+				classPropertyName: "srcHeight",
+				publicName: "srcHeight",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			emblemSrcWidth: {
+				classPropertyName: "emblemSrcWidth",
+				publicName: "emblemSrcWidth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			emblemSrcHeight: {
+				classPropertyName: "emblemSrcHeight",
+				publicName: "emblemSrcHeight",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			}
 		},
 		ngImport: i0,
-		template: "@if (showLightSrc()) {\n  <img\n    [src]=\"logoSrc()\"\n    [alt]=\"alt()\"\n    [class]=\"logoClasses()\"\n    class=\"lc-logo\"\n    [class.lc-logo--light-src]=\"showDarkSrc()\"\n  />\n}\n@if (showDarkSrc()) {\n  <img\n    [src]=\"logoDarkSrc()\"\n    [alt]=\"alt()\"\n    [class]=\"logoClasses()\"\n    class=\"lc-logo\"\n    [class.lc-logo--dark-src]=\"showLightSrc()\"\n  />\n}\n",
+		template: "@if (showLightSrc()) {\n  <img\n    [src]=\"logoSrc()\"\n    [alt]=\"alt()\"\n    [attr.width]=\"lightSize()?.width ?? null\"\n    [attr.height]=\"lightSize()?.height ?? null\"\n    [class]=\"logoClasses()\"\n    class=\"lc-logo\"\n    [class.lc-logo--light-src]=\"showDarkSrc()\"\n  />\n}\n@if (showDarkSrc()) {\n  <img\n    [src]=\"logoDarkSrc()\"\n    [alt]=\"alt()\"\n    [attr.width]=\"darkSize()?.width ?? null\"\n    [attr.height]=\"darkSize()?.height ?? null\"\n    [class]=\"logoClasses()\"\n    class=\"lc-logo\"\n    [class.lc-logo--dark-src]=\"showLightSrc()\"\n  />\n}\n",
 		styles: [".lc-logo{display:block;object-fit:contain}.lc-logo.size-xs{height:24px;width:auto}.lc-logo.size-sm{height:32px;width:auto}.lc-logo.size-md{height:48px;width:auto}.lc-logo.size-lg{height:64px;width:auto}.lc-logo.size-xl{height:96px;width:auto}.lc-logo.clickable{cursor:pointer}.lc-logo.clickable:hover{opacity:.8}.lc-logo--dark-src{display:none}:host-context(:root.dark) .lc-logo--light-src,:host-context(:root:not(.light):not(.system)) .lc-logo--light-src{display:none}:host-context(:root.dark) .lc-logo--dark-src,:host-context(:root:not(.light):not(.system)) .lc-logo--dark-src{display:block}@media(prefers-color-scheme:dark){:host-context(:root.system:not(.light)) .lc-logo--light-src{display:none}:host-context(:root.system:not(.light)) .lc-logo--dark-src{display:block}}\n"],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
@@ -142,7 +223,7 @@ i0.ɵɵngDeclareClassMetadata({
 			standalone: true,
 			imports: [],
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			template: "@if (showLightSrc()) {\n  <img\n    [src]=\"logoSrc()\"\n    [alt]=\"alt()\"\n    [class]=\"logoClasses()\"\n    class=\"lc-logo\"\n    [class.lc-logo--light-src]=\"showDarkSrc()\"\n  />\n}\n@if (showDarkSrc()) {\n  <img\n    [src]=\"logoDarkSrc()\"\n    [alt]=\"alt()\"\n    [class]=\"logoClasses()\"\n    class=\"lc-logo\"\n    [class.lc-logo--dark-src]=\"showLightSrc()\"\n  />\n}\n",
+			template: "@if (showLightSrc()) {\n  <img\n    [src]=\"logoSrc()\"\n    [alt]=\"alt()\"\n    [attr.width]=\"lightSize()?.width ?? null\"\n    [attr.height]=\"lightSize()?.height ?? null\"\n    [class]=\"logoClasses()\"\n    class=\"lc-logo\"\n    [class.lc-logo--light-src]=\"showDarkSrc()\"\n  />\n}\n@if (showDarkSrc()) {\n  <img\n    [src]=\"logoDarkSrc()\"\n    [alt]=\"alt()\"\n    [attr.width]=\"darkSize()?.width ?? null\"\n    [attr.height]=\"darkSize()?.height ?? null\"\n    [class]=\"logoClasses()\"\n    class=\"lc-logo\"\n    [class.lc-logo--dark-src]=\"showLightSrc()\"\n  />\n}\n",
 			styles: [".lc-logo{display:block;object-fit:contain}.lc-logo.size-xs{height:24px;width:auto}.lc-logo.size-sm{height:32px;width:auto}.lc-logo.size-md{height:48px;width:auto}.lc-logo.size-lg{height:64px;width:auto}.lc-logo.size-xl{height:96px;width:auto}.lc-logo.clickable{cursor:pointer}.lc-logo.clickable:hover{opacity:.8}.lc-logo--dark-src{display:none}:host-context(:root.dark) .lc-logo--light-src,:host-context(:root:not(.light):not(.system)) .lc-logo--light-src{display:none}:host-context(:root.dark) .lc-logo--dark-src,:host-context(:root:not(.light):not(.system)) .lc-logo--dark-src{display:block}@media(prefers-color-scheme:dark){:host-context(:root.system:not(.light)) .lc-logo--light-src{display:none}:host-context(:root.system:not(.light)) .lc-logo--dark-src{display:block}}\n"]
 		}]
 	}],
@@ -218,6 +299,38 @@ i0.ɵɵngDeclareClassMetadata({
 				alias: "darkEmblemSrc",
 				required: false
 			}]
+		}],
+		srcWidth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "srcWidth",
+				required: false
+			}]
+		}],
+		srcHeight: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "srcHeight",
+				required: false
+			}]
+		}],
+		emblemSrcWidth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emblemSrcWidth",
+				required: false
+			}]
+		}],
+		emblemSrcHeight: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emblemSrcHeight",
+				required: false
+			}]
 		}]
 	}
 });

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

@@ -1 +1 @@
-{"version":3,"file":"lifecorner-angular-ui-kit-logo.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/logo/logo.component.ts","../../../../libs/angular-ui-kit/src/lib/logo/logo.component.html"],"sourcesContent":["import {\n  Component,\n  InjectionToken,\n  input,\n  inject,\n  computed,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\n/**\n * Injection token for the base path used to resolve the built-in\n * LifeCorner logo assets. Defaults to `'/assets'` so consuming apps\n * that copy the package's `assets/` folder to their public root keep\n * working out of the box.\n *\n * Override this token at the application root if your app serves\n * static files from a different prefix (e.g. `/static`, `/ui-kit`).\n *\n * @example\n * ```ts\n * providers: [\n *   { provide: LC_LOGO_BASE_PATH, useValue: '/static/lc' },\n * ]\n * ```\n */\nexport const LC_LOGO_BASE_PATH = new InjectionToken<string>('LC_LOGO_BASE_PATH', {\n  providedIn: 'root',\n  factory: () => '/assets',\n});\n\n/** Sizes at or below 32 px, which use the small emblem (heavier arms, filled points). */\nconst SMALL_EMBLEM_SIZES: ReadonlySet<string> = new Set(['xs', 'sm']);\n\n/**\n * Logo component for displaying a brand identity.\n *\n * Defaults to the LifeCorner logo (Edu, the emblem, and the LifeCorner\n * lockup) but accepts custom `src` / `emblemSrc` (and optional `darkSrc` /\n * `darkEmblemSrc`) so consuming apps can drop in their own brand assets\n * without forking the component.\n *\n * Features:\n * - Full lockup and emblem-only variants; the emblem switches to its small\n *   drawing at `xs` and `sm` (32 px and below)\n * - Multiple size options (xs, sm, md, lg, xl)\n * - Light and dark sources that follow the APP theme exactly as the theme\n *   stylesheets do: dark under `:root.dark`, under a root without a theme\n *   class (dark-first default), and under `:root.system` when the OS is dark;\n *   light under `:root.light` and under `:root.system` when the OS is light.\n *   `colorMode=\"light|dark\"` pins one source.\n * - The built-in logo ships its own dark drawings; nothing is inverted or\n *   recoloured by CSS. A custom logo without a dark partner stays as it is.\n * - The logo is flat and fixed: never animated, posed or distorted.\n *\n * @example Default LifeCorner logo\n * ```html\n * <lc-logo variant=\"full\" size=\"md\"></lc-logo>\n * ```\n *\n * @example Custom brand logo\n * ```html\n * <lc-logo\n *   src=\"/assets/acme-logo.svg\"\n *   emblemSrc=\"/assets/acme-emblem.svg\"\n *   darkSrc=\"/assets/acme-logo-dark.svg\"\n *   alt=\"Acme Inc.\">\n * </lc-logo>\n * ```\n */\n@Component({\n  selector: 'lc-logo',\n  standalone: true,\n  imports: [],\n  templateUrl: './logo.component.html',\n  styleUrls: ['./logo.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LogoComponent {\n  /**\n   * Logo variant to display\n   * - 'full': the lockup (emblem and name)\n   * - 'emblem': just the emblem\n   */\n  readonly variant = input<'full' | 'emblem'>('full');\n\n  /**\n   * Size of the logo\n   * - 'xs': 24px height (small emblem)\n   * - 'sm': 32px height (small emblem)\n   * - 'md': 48px height (default)\n   * - 'lg': 64px height\n   * - 'xl': 96px height\n   */\n  readonly size = input<'xs' | 'sm' | 'md' | 'lg' | 'xl'>('md');\n\n  /**\n   * Alt text for accessibility. Defaults to the name of the built-in logo;\n   * set it to your brand name when you pass your own sources.\n   */\n  readonly alt = input('LifeCorner');\n\n  /**\n   * Makes the logo appear clickable\n   */\n  readonly clickable = input(false);\n\n  /**\n   * Which source to show.\n   * - 'auto': follows the app theme (light source on light, dark source on dark)\n   * - 'light': always the light source (for light backgrounds)\n   * - 'dark': always the dark source (for dark backgrounds); falls back to the\n   *   light source when a custom logo has no dark partner\n   */\n  readonly colorMode = input<'auto' | 'light' | 'dark'>('auto');\n\n  /**\n   * Custom URL for the full logo. When set, overrides the built-in\n   * LifeCorner lockup.\n   */\n  readonly src = input<string>('');\n\n  /**\n   * Custom URL for the emblem-only logo. When set, overrides the built-in\n   * LifeCorner emblem at every size.\n   */\n  readonly emblemSrc = input<string>('');\n\n  /**\n   * Optional dark-theme URL for the full logo. When provided, the logo swaps\n   * with the app theme (see `colorMode`). Without it a custom `src` is shown\n   * on dark too; the built-in lockup brings its own dark drawing.\n   */\n  readonly darkSrc = input<string>('');\n\n  /**\n   * Optional dark-theme URL for the emblem-only logo.\n   */\n  readonly darkEmblemSrc = input<string>('');\n\n  /** Whether the consumer supplied at least one custom source. */\n  readonly hasCustomSrc = computed(\n    () => !!this.src() || !!this.emblemSrc() || !!this.darkSrc() || !!this.darkEmblemSrc(),\n  );\n\n  private readonly basePath = inject(LC_LOGO_BASE_PATH);\n\n  /** The built-in LifeCorner pair for the current variant and size. */\n  private readonly builtIn = computed(() => {\n    const base = this.basePath.replace(/\\/$/, '');\n    if (this.variant() === 'emblem') {\n      const small = SMALL_EMBLEM_SIZES.has(this.size()) ? '-small' : '';\n      return {\n        light: `${base}/lifecorner-emblem${small}.svg`,\n        dark: `${base}/lifecorner-emblem${small}-on-dark.svg`,\n      };\n    }\n    return {\n      light: `${base}/lifecorner-logo.svg`,\n      dark: `${base}/lifecorner-logo-on-dark.svg`,\n    };\n  });\n\n  /** Custom light source for the current variant, or empty string. */\n  private readonly customSrc = computed(() =>\n    this.variant() === 'emblem' ? this.emblemSrc() : this.src(),\n  );\n\n  readonly logoSrc = computed(() => this.customSrc() || this.builtIn().light);\n\n  /**\n   * Dark-theme source for the current variant: the custom dark source, else\n   * the built-in dark drawing — unless a custom light logo is set without a\n   * dark partner (the kit never recolours a brand), then empty string.\n   */\n  readonly logoDarkSrc = computed(() => {\n    const customDark = this.variant() === 'emblem' ? this.darkEmblemSrc() : this.darkSrc();\n    if (customDark) {\n      return customDark;\n    }\n    return this.customSrc() ? '' : this.builtIn().dark;\n  });\n\n  /**\n   * Which sources are in the DOM. Without a dark source there is only the one\n   * image. With one, an explicit `colorMode` renders that side alone; `auto`\n   * renders BOTH and lets the stylesheet show the one matching the root theme\n   * class — that way the swap follows the app theme (also when it is toggled\n   * without `ThemeService`, e.g. Storybook), needs no JS, and is right on the\n   * first paint.\n   */\n  readonly showLightSrc = computed(() => !this.logoDarkSrc() || this.colorMode() !== 'dark');\n  readonly showDarkSrc = computed(() => !!this.logoDarkSrc() && this.colorMode() !== 'light');\n\n  readonly logoClasses = computed(() => {\n    const classes = [`size-${this.size()}`];\n    if (this.clickable()) {\n      classes.push('clickable');\n    }\n    return classes.join(' ');\n  });\n}\n","@if (showLightSrc()) {\n  <img\n    [src]=\"logoSrc()\"\n    [alt]=\"alt()\"\n    [class]=\"logoClasses()\"\n    class=\"lc-logo\"\n    [class.lc-logo--light-src]=\"showDarkSrc()\"\n  />\n}\n@if (showDarkSrc()) {\n  <img\n    [src]=\"logoDarkSrc()\"\n    [alt]=\"alt()\"\n    [class]=\"logoClasses()\"\n    class=\"lc-logo\"\n    [class.lc-logo--dark-src]=\"showLightSrc()\"\n  />\n}\n"],"mappings":"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"}
+{"version":3,"file":"lifecorner-angular-ui-kit-logo.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/logo/logo.component.ts","../../../../libs/angular-ui-kit/src/lib/logo/logo.component.html"],"sourcesContent":["import {\n  Component,\n  InjectionToken,\n  input,\n  inject,\n  computed,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\n/**\n * Injection token for the base path used to resolve the built-in\n * LifeCorner logo assets. Defaults to `'/assets'` so consuming apps\n * that copy the package's `assets/` folder to their public root keep\n * working out of the box.\n *\n * Override this token at the application root if your app serves\n * static files from a different prefix (e.g. `/static`, `/ui-kit`).\n *\n * @example\n * ```ts\n * providers: [\n *   { provide: LC_LOGO_BASE_PATH, useValue: '/static/lc' },\n * ]\n * ```\n */\nexport const LC_LOGO_BASE_PATH = new InjectionToken<string>('LC_LOGO_BASE_PATH', {\n  providedIn: 'root',\n  factory: () => '/assets',\n});\n\n/** Sizes at or below 32 px, which use the small emblem (heavier arms, filled points). */\nconst SMALL_EMBLEM_SIZES: ReadonlySet<string> = new Set(['xs', 'sm']);\n\n/** The CSS height of each size in px, which is also the built-in emblem's square (3.11.2, G-38). */\nconst EMBLEM_PX: Readonly<Record<'xs' | 'sm' | 'md' | 'lg' | 'xl', number>> = { xs: 24, sm: 32, md: 48, lg: 64, xl: 96 };\n\n/** The built-in lockup files' own size (viewBox and `width`/`height` of both SVGs). */\nconst LOCKUP_SIZE = { width: 485, height: 100 } as const;\n\n/** The `width`/`height` pair written on one `<img>`; `null` writes no size attributes. */\ntype IntrinsicSize = { readonly width: number; readonly height: number } | null;\n\n/**\n * `srcWidth=\"160\"` from a template is the number 160. A finite value > 0 is\n * rounded to whole px; `''`, `0`, negative values, `NaN`, `null` and\n * `undefined` become `undefined` (no attribute).\n */\nfunction toIntrinsicSize(value: number | string | null | undefined): number | undefined {\n  if (value === null || value === undefined || value === '') {\n    return undefined;\n  }\n  const px = Number(value);\n  return Number.isFinite(px) && px > 0 ? Math.round(px) : undefined;\n}\n\n/** A pair only when both values are defined. */\nfunction pair(width: number | undefined, height: number | undefined): IntrinsicSize {\n  return width !== undefined && height !== undefined ? { width, height } : null;\n}\n\n/**\n * Logo component for displaying a brand identity.\n *\n * Defaults to the LifeCorner logo (Edu, the emblem, and the LifeCorner\n * lockup) but accepts custom `src` / `emblemSrc` (and optional `darkSrc` /\n * `darkEmblemSrc`) so consuming apps can drop in their own brand assets\n * without forking the component.\n *\n * Features:\n * - Full lockup and emblem-only variants; the emblem switches to its small\n *   drawing at `xs` and `sm` (32 px and below)\n * - Multiple size options (xs, sm, md, lg, xl)\n * - Light and dark sources that follow the APP theme exactly as the theme\n *   stylesheets do: dark under `:root.dark`, under a root without a theme\n *   class (dark-first default), and under `:root.system` when the OS is dark;\n *   light under `:root.light` and under `:root.system` when the OS is light.\n *   `colorMode=\"light|dark\"` pins one source.\n * - The built-in logo ships its own dark drawings; nothing is inverted or\n *   recoloured by CSS. A custom logo without a dark partner stays as it is.\n * - The logo is flat and fixed: never animated, posed or distorted.\n * - Every built-in `<img>` carries its file's intrinsic `width`/`height`\n *   (3.11.2, G-38), so the browser reserves the box before the file loads;\n *   for your own files set `srcWidth`/`srcHeight` and\n *   `emblemSrcWidth`/`emblemSrcHeight`.\n *\n * @example Default LifeCorner logo\n * ```html\n * <lc-logo variant=\"full\" size=\"md\"></lc-logo>\n * ```\n *\n * @example Custom brand logo\n * ```html\n * <lc-logo\n *   src=\"/assets/acme-logo.svg\"\n *   emblemSrc=\"/assets/acme-emblem.svg\"\n *   darkSrc=\"/assets/acme-logo-dark.svg\"\n *   alt=\"Acme Inc.\">\n * </lc-logo>\n * ```\n */\n@Component({\n  selector: 'lc-logo',\n  standalone: true,\n  imports: [],\n  templateUrl: './logo.component.html',\n  styleUrls: ['./logo.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LogoComponent {\n  /**\n   * Logo variant to display\n   * - 'full': the lockup (emblem and name)\n   * - 'emblem': just the emblem\n   */\n  readonly variant = input<'full' | 'emblem'>('full');\n\n  /**\n   * Size of the logo\n   * - 'xs': 24px height (small emblem)\n   * - 'sm': 32px height (small emblem)\n   * - 'md': 48px height (default)\n   * - 'lg': 64px height\n   * - 'xl': 96px height\n   *\n   * With the built-in files the `<img>` carries the file's intrinsic size as\n   * `width`/`height`: the lockup 485 × 100 at every size, the emblem the\n   * size's px squared (24 … 96). CSS still sets the rendered height.\n   * @default 'md'\n   */\n  readonly size = input<'xs' | 'sm' | 'md' | 'lg' | 'xl'>('md');\n\n  /**\n   * Alt text for accessibility. Defaults to the name of the built-in logo;\n   * set it to your brand name when you pass your own sources.\n   */\n  readonly alt = input('LifeCorner');\n\n  /**\n   * Makes the logo appear clickable\n   */\n  readonly clickable = input(false);\n\n  /**\n   * Which source to show.\n   * - 'auto': follows the app theme (light source on light, dark source on dark)\n   * - 'light': always the light source (for light backgrounds)\n   * - 'dark': always the dark source (for dark backgrounds); falls back to the\n   *   light source when a custom logo has no dark partner\n   */\n  readonly colorMode = input<'auto' | 'light' | 'dark'>('auto');\n\n  /**\n   * Custom URL for the full logo. When set, overrides the built-in\n   * LifeCorner lockup.\n   */\n  readonly src = input<string>('');\n\n  /**\n   * Custom URL for the emblem-only logo. When set, overrides the built-in\n   * LifeCorner emblem at every size.\n   */\n  readonly emblemSrc = input<string>('');\n\n  /**\n   * Optional dark-theme URL for the full logo. When provided, the logo swaps\n   * with the app theme (see `colorMode`). Without it a custom `src` is shown\n   * on dark too; the built-in lockup brings its own dark drawing.\n   */\n  readonly darkSrc = input<string>('');\n\n  /**\n   * Optional dark-theme URL for the emblem-only logo.\n   */\n  readonly darkEmblemSrc = input<string>('');\n\n  /**\n   * Intrinsic width in px of your `src` file (and `darkSrc`), written as the\n   * `<img>` `width`. Set it together with `srcHeight` so the browser reserves\n   * the logo's box before the file loads; `size` still sets the rendered\n   * height. Without both, no size attributes are written.\n   * @default undefined\n   */\n  readonly srcWidth = input<number | undefined, number | string | null | undefined>(undefined, {\n    transform: toIntrinsicSize,\n  });\n\n  /**\n   * Intrinsic height in px of your `src` file (and `darkSrc`). See `srcWidth`.\n   * @default undefined\n   */\n  readonly srcHeight = input<number | undefined, number | string | null | undefined>(undefined, {\n    transform: toIntrinsicSize,\n  });\n\n  /**\n   * Intrinsic width in px of your `emblemSrc` file (and `darkEmblemSrc`),\n   * written as the `<img>` `width`; set it together with `emblemSrcHeight`.\n   * @default undefined\n   */\n  readonly emblemSrcWidth = input<number | undefined, number | string | null | undefined>(undefined, {\n    transform: toIntrinsicSize,\n  });\n\n  /**\n   * Intrinsic height in px of your `emblemSrc` file (and `darkEmblemSrc`).\n   * See `emblemSrcWidth`.\n   * @default undefined\n   */\n  readonly emblemSrcHeight = input<number | undefined, number | string | null | undefined>(undefined, {\n    transform: toIntrinsicSize,\n  });\n\n  /** Whether the consumer supplied at least one custom source. */\n  readonly hasCustomSrc = computed(\n    () => !!this.src() || !!this.emblemSrc() || !!this.darkSrc() || !!this.darkEmblemSrc(),\n  );\n\n  private readonly basePath = inject(LC_LOGO_BASE_PATH);\n\n  /** The built-in LifeCorner pair for the current variant and size. */\n  private readonly builtIn = computed(() => {\n    const base = this.basePath.replace(/\\/$/, '');\n    if (this.variant() === 'emblem') {\n      const small = SMALL_EMBLEM_SIZES.has(this.size()) ? '-small' : '';\n      return {\n        light: `${base}/lifecorner-emblem${small}.svg`,\n        dark: `${base}/lifecorner-emblem${small}-on-dark.svg`,\n      };\n    }\n    return {\n      light: `${base}/lifecorner-logo.svg`,\n      dark: `${base}/lifecorner-logo-on-dark.svg`,\n    };\n  });\n\n  /** Custom light source for the current variant, or empty string. */\n  private readonly customSrc = computed(() =>\n    this.variant() === 'emblem' ? this.emblemSrc() : this.src(),\n  );\n\n  readonly logoSrc = computed(() => this.customSrc() || this.builtIn().light);\n\n  /**\n   * Dark-theme source for the current variant: the custom dark source, else\n   * the built-in dark drawing — unless a custom light logo is set without a\n   * dark partner (the kit never recolours a brand), then empty string.\n   */\n  readonly logoDarkSrc = computed(() => {\n    const customDark = this.variant() === 'emblem' ? this.darkEmblemSrc() : this.darkSrc();\n    if (customDark) {\n      return customDark;\n    }\n    return this.customSrc() ? '' : this.builtIn().dark;\n  });\n\n  /**\n   * Which sources are in the DOM. Without a dark source there is only the one\n   * image. With one, an explicit `colorMode` renders that side alone; `auto`\n   * renders BOTH and lets the stylesheet show the one matching the root theme\n   * class — that way the swap follows the app theme (also when it is toggled\n   * without `ThemeService`, e.g. Storybook), needs no JS, and is right on the\n   * first paint.\n   */\n  readonly showLightSrc = computed(() => !this.logoDarkSrc() || this.colorMode() !== 'dark');\n  readonly showDarkSrc = computed(() => !!this.logoDarkSrc() && this.colorMode() !== 'light');\n\n  /** The built-in file's own size: the lockup 485 × 100, the emblem the size's px squared. */\n  private readonly builtInSize = computed<IntrinsicSize>(() => {\n    if (this.variant() === 'emblem') {\n      const px = EMBLEM_PX[this.size()];\n      return { width: px, height: px };\n    }\n    return LOCKUP_SIZE;\n  });\n\n  /** The consumer's pair for the current variant (a dark file shares its light partner's pair). */\n  private readonly customSize = computed<IntrinsicSize>(() =>\n    this.variant() === 'emblem'\n      ? pair(this.emblemSrcWidth(), this.emblemSrcHeight())\n      : pair(this.srcWidth(), this.srcHeight()),\n  );\n\n  /** `width`/`height` of the light `<img>`: follows the file it shows (G-38). */\n  protected readonly lightSize = computed<IntrinsicSize>(() =>\n    this.customSrc() ? this.customSize() : this.builtInSize(),\n  );\n\n  /** `width`/`height` of the dark `<img>`: follows the file it shows (G-38). */\n  protected readonly darkSize = computed<IntrinsicSize>(() => {\n    const customDark = this.variant() === 'emblem' ? this.darkEmblemSrc() : this.darkSrc();\n    return customDark ? this.customSize() : this.builtInSize();\n  });\n\n  readonly logoClasses = computed(() => {\n    const classes = [`size-${this.size()}`];\n    if (this.clickable()) {\n      classes.push('clickable');\n    }\n    return classes.join(' ');\n  });\n}\n","@if (showLightSrc()) {\n  <img\n    [src]=\"logoSrc()\"\n    [alt]=\"alt()\"\n    [attr.width]=\"lightSize()?.width ?? null\"\n    [attr.height]=\"lightSize()?.height ?? null\"\n    [class]=\"logoClasses()\"\n    class=\"lc-logo\"\n    [class.lc-logo--light-src]=\"showDarkSrc()\"\n  />\n}\n@if (showDarkSrc()) {\n  <img\n    [src]=\"logoDarkSrc()\"\n    [alt]=\"alt()\"\n    [attr.width]=\"darkSize()?.width ?? null\"\n    [attr.height]=\"darkSize()?.height ?? null\"\n    [class]=\"logoClasses()\"\n    class=\"lc-logo\"\n    [class.lc-logo--dark-src]=\"showLightSrc()\"\n  />\n}\n"],"mappings":"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"}

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

@@ -412,7 +412,11 @@ var SidenavComponent = class SidenavComponent {
 					"src",
 					"emblemSrc",
 					"darkSrc",
-					"darkEmblemSrc"
+					"darkEmblemSrc",
+					"srcWidth",
+					"srcHeight",
+					"emblemSrcWidth",
+					"emblemSrcHeight"
 				]
 			}
 		],