structra-ui 0.1.15 → 0.1.17

package/esm2022/app/app-shell/app-shell.component.mjs

@@ -0,0 +1,105 @@
+import { NgTemplateOutlet } from '@angular/common';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, DestroyRef, EventEmitter, HostBinding, Input, Output, booleanAttribute, inject, } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { ADAPTIVE_DATA_VIEW_MOBILE_QUERY } from '../data-display/adaptive-data-view/adaptive-data-view.component';
+import { DrawerComponent } from '../menus/drawer/drawer.component';
+import { DrawerSide } from '../menus/_models/drawer-side.model';
+import { DrawerSize } from '../menus/_models/drawer-size.model';
+import { AppThemeService } from '../theme';
+import { AppShellSidebarTemplateDirective } from './app-shell-sidebar-template.directive';
+import * as i0 from "@angular/core";
+/**
+ * Estrutura principal: barra lateral, topo e conteúdo. Em mobile a lateral projecta-se no `app-drawer`.
+ *
+ * Use `exportAs: 'appShell'` e `toggleMobileNav` / `toggleSidebarCollapsed` a partir da topbar.
+ */
+export class AppShellComponent {
+    constructor() {
+        this.bp = inject(BreakpointObserver);
+        this.cdr = inject(ChangeDetectorRef);
+        this.destroyRef = inject(DestroyRef);
+        this.theme = inject(AppThemeService);
+        /** Barra lateral estreita (ícones + compressão de texto na lista). */
+        this.sidebarCollapsed = false;
+        this.sidebarCollapsedChange = new EventEmitter();
+        /** Estado do drawer mobile (usar `[(mobileNavOpen)]` para controlar o menu hamburger). */
+        this.mobileNavOpen = false;
+        this.mobileNavOpenChange = new EventEmitter();
+        /** Consulta CDK para modo mobile (por omissão igual à vista adaptativa). */
+        this.mobileLayoutQuery = ADAPTIVE_DATA_VIEW_MOBILE_QUERY;
+        this.isMobileLayout = false;
+        this.DrawerSide = DrawerSide;
+        this.DrawerSize = DrawerSize;
+    }
+    get hostThemeClasses() {
+        return `app-library-theme ${this.theme.themeClass()}`;
+    }
+    /** Conteúdo lateral (obrigatório): `<ng-template appShellSidebar>...</ng-template>`. */
+    get sidebarTemplate() {
+        return this.sidebarSlot?.templateRef ?? null;
+    }
+    ngOnInit() {
+        this.bp
+            .observe([this.mobileLayoutQuery])
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((state) => {
+            const next = state.matches;
+            if (next !== this.isMobileLayout) {
+                this.isMobileLayout = next;
+                if (!next && this.mobileNavOpen) {
+                    this.emitMobileNavOpen(false);
+                }
+                this.cdr.markForCheck();
+            }
+        });
+    }
+    onMobileDrawerOpenChange(next) {
+        this.emitMobileNavOpen(next);
+    }
+    /** Emite alteração; com `[(mobileNavOpen)]` no pai o `@Input` actualiza o estado do drawer. */
+    emitMobileNavOpen(next) {
+        if (this.mobileNavOpen === next) {
+            return;
+        }
+        this.mobileNavOpenChange.emit(next);
+        this.cdr.markForCheck();
+    }
+    toggleMobileNav() {
+        this.emitMobileNavOpen(!this.mobileNavOpen);
+    }
+    toggleSidebarCollapsed() {
+        this.sidebarCollapsedChange.emit(!this.sidebarCollapsed);
+        this.cdr.markForCheck();
+    }
+    closeMobileNav() {
+        if (this.mobileNavOpen) {
+            this.emitMobileNavOpen(false);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AppShellComponent, isStandalone: true, selector: "app-shell", inputs: { sidebarCollapsed: ["sidebarCollapsed", "sidebarCollapsed", booleanAttribute], mobileNavOpen: ["mobileNavOpen", "mobileNavOpen", booleanAttribute], mobileLayoutQuery: "mobileLayoutQuery" }, outputs: { sidebarCollapsedChange: "sidebarCollapsedChange", mobileNavOpenChange: "mobileNavOpenChange" }, host: { properties: { "class": "this.hostThemeClasses" } }, queries: [{ propertyName: "sidebarSlot", first: true, predicate: AppShellSidebarTemplateDirective, descendants: true }], exportAs: ["appShell"], ngImport: i0, template: "<div\r\n  class=\"app-shell\"\r\n  [class.app-shell--mobile]=\"isMobileLayout\"\r\n  [class.app-shell--sidebar-collapsed]=\"sidebarCollapsed\"\r\n>\r\n  @if (!isMobileLayout && sidebarTemplate) {\r\n    <aside class=\"app-shell__sidebar\" aria-label=\"Navega\u00E7\u00E3o principal\">\r\n      <ng-container [ngTemplateOutlet]=\"sidebarTemplate\" />\r\n    </aside>\r\n  }\r\n\r\n  @if (isMobileLayout && sidebarTemplate) {\r\n    <app-drawer\r\n      [open]=\"mobileNavOpen\"\r\n      (openChange)=\"onMobileDrawerOpenChange($event)\"\r\n      [side]=\"DrawerSide.Left\"\r\n      [size]=\"DrawerSize.Sm\"\r\n      title=\"Navega\u00E7\u00E3o\"\r\n      [showCloseButton]=\"true\"\r\n    >\r\n      <ng-container [ngTemplateOutlet]=\"sidebarTemplate\" />\r\n    </app-drawer>\r\n  }\r\n\r\n  <div class=\"app-shell__main\">\r\n    <ng-content select=\"[appShellTopbar]\" />\r\n    <main class=\"app-shell__content\">\r\n      <ng-content />\r\n    </main>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";@keyframes app-sidebar-nav-reveal-in{0%{opacity:0;transform:translate3d(-.45rem,0,0)}to{opacity:1;transform:translateZ(0)}}:host{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-width:0;min-height:0;box-sizing:border-box}.app-shell{display:flex;flex-direction:row;align-items:stretch;flex:1 1 auto;width:100%;min-height:0;min-width:0;box-sizing:border-box}.app-shell__sidebar{display:flex;flex-direction:column;flex:0 0 17.5rem;width:17.5rem;max-width:100%;min-width:0;min-height:0;align-self:stretch;overflow:hidden;transition:flex-basis .12s cubic-bezier(.22,1,.36,1),width .12s cubic-bezier(.22,1,.36,1),padding .12s cubic-bezier(.22,1,.36,1)}.app-shell--sidebar-collapsed:not(.app-shell--mobile) .app-shell__sidebar{flex-basis:5rem;width:5rem}.app-shell__main{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;min-height:0;align-self:stretch;overflow:hidden}.app-shell__content{flex:1 1 auto;min-height:0;min-width:0;overflow:auto;padding:1rem 1.1rem;box-sizing:border-box;background:var(--app-color-shell-main-bg, var(--app-color-background, #fafbfc))}.app-shell--mobile .app-shell__sidebar{display:none}.app-shell--mobile .app-shell__main{width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DrawerComponent, selector: "app-drawer", inputs: ["open", "side", "size", "title", "showCloseButton"], outputs: ["openChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppShellComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-shell', standalone: true, exportAs: 'appShell', imports: [NgTemplateOutlet, DrawerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"app-shell\"\r\n  [class.app-shell--mobile]=\"isMobileLayout\"\r\n  [class.app-shell--sidebar-collapsed]=\"sidebarCollapsed\"\r\n>\r\n  @if (!isMobileLayout && sidebarTemplate) {\r\n    <aside class=\"app-shell__sidebar\" aria-label=\"Navega\u00E7\u00E3o principal\">\r\n      <ng-container [ngTemplateOutlet]=\"sidebarTemplate\" />\r\n    </aside>\r\n  }\r\n\r\n  @if (isMobileLayout && sidebarTemplate) {\r\n    <app-drawer\r\n      [open]=\"mobileNavOpen\"\r\n      (openChange)=\"onMobileDrawerOpenChange($event)\"\r\n      [side]=\"DrawerSide.Left\"\r\n      [size]=\"DrawerSize.Sm\"\r\n      title=\"Navega\u00E7\u00E3o\"\r\n      [showCloseButton]=\"true\"\r\n    >\r\n      <ng-container [ngTemplateOutlet]=\"sidebarTemplate\" />\r\n    </app-drawer>\r\n  }\r\n\r\n  <div class=\"app-shell__main\">\r\n    <ng-content select=\"[appShellTopbar]\" />\r\n    <main class=\"app-shell__content\">\r\n      <ng-content />\r\n    </main>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";@keyframes app-sidebar-nav-reveal-in{0%{opacity:0;transform:translate3d(-.45rem,0,0)}to{opacity:1;transform:translateZ(0)}}:host{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-width:0;min-height:0;box-sizing:border-box}.app-shell{display:flex;flex-direction:row;align-items:stretch;flex:1 1 auto;width:100%;min-height:0;min-width:0;box-sizing:border-box}.app-shell__sidebar{display:flex;flex-direction:column;flex:0 0 17.5rem;width:17.5rem;max-width:100%;min-width:0;min-height:0;align-self:stretch;overflow:hidden;transition:flex-basis .12s cubic-bezier(.22,1,.36,1),width .12s cubic-bezier(.22,1,.36,1),padding .12s cubic-bezier(.22,1,.36,1)}.app-shell--sidebar-collapsed:not(.app-shell--mobile) .app-shell__sidebar{flex-basis:5rem;width:5rem}.app-shell__main{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;min-height:0;align-self:stretch;overflow:hidden}.app-shell__content{flex:1 1 auto;min-height:0;min-width:0;overflow:auto;padding:1rem 1.1rem;box-sizing:border-box;background:var(--app-color-shell-main-bg, var(--app-color-background, #fafbfc))}.app-shell--mobile .app-shell__sidebar{display:none}.app-shell--mobile .app-shell__main{width:100%}\n"] }]
+        }], propDecorators: { hostThemeClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], sidebarSlot: [{
+                type: ContentChild,
+                args: [AppShellSidebarTemplateDirective]
+            }], sidebarCollapsed: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], sidebarCollapsedChange: [{
+                type: Output
+            }], mobileNavOpen: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], mobileNavOpenChange: [{
+                type: Output
+            }], mobileLayoutQuery: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLXNoZWxsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvYXBwLXNoZWxsL2FwcC1zaGVsbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2FwcC1zaGVsbC9hcHAtc2hlbGwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDekQsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsWUFBWSxFQUNaLFdBQVcsRUFDWCxLQUFLLEVBRUwsTUFBTSxFQUVOLGdCQUFnQixFQUNoQixNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDaEUsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0saUVBQWlFLENBQUM7QUFDbEgsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDaEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQzs7QUFFMUY7Ozs7R0FJRztBQVVILE1BQU0sT0FBTyxpQkFBaUI7SUFUOUI7UUFVbUIsT0FBRSxHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ2hDLFFBQUcsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUNoQyxlQUFVLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ2hDLFVBQUssR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7UUFlakQsc0VBQXNFO1FBQzlCLHFCQUFnQixHQUFHLEtBQUssQ0FBQztRQUU5QywyQkFBc0IsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBRXhFLDBGQUEwRjtRQUNsRCxrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUUzQyx3QkFBbUIsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBRXJFLDRFQUE0RTtRQUNuRSxzQkFBaUIsR0FBRywrQkFBK0IsQ0FBQztRQUU3RCxtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUVkLGVBQVUsR0FBRyxVQUFVLENBQUM7UUFDeEIsZUFBVSxHQUFHLFVBQVUsQ0FBQztLQTZDbEM7SUExRUMsSUFDYyxnQkFBZ0I7UUFDNUIsT0FBTyxxQkFBcUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLEVBQUUsRUFBRSxDQUFDO0lBQ3hELENBQUM7SUFLRCx3RkFBd0Y7SUFDeEYsSUFBSSxlQUFlO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFdBQVcsRUFBRSxXQUFXLElBQUksSUFBSSxDQUFDO0lBQy9DLENBQUM7SUFvQkQsUUFBUTtRQUNOLElBQUksQ0FBQyxFQUFFO2FBQ0osT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUM7YUFDakMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQzthQUN6QyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUNuQixNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDO1lBQzNCLElBQUksSUFBSSxLQUFLLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztnQkFDakMsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUM7Z0JBQzNCLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO29CQUNoQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ2hDLENBQUM7Z0JBQ0QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUMxQixDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsd0JBQXdCLENBQUMsSUFBYTtRQUNwQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUVELCtGQUErRjtJQUN2RixpQkFBaUIsQ0FBQyxJQUFhO1FBQ3JDLElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxJQUFJLEVBQUUsQ0FBQztZQUNoQyxPQUFPO1FBQ1QsQ0FBQztRQUNELElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDcEMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUM5QyxDQUFDO0lBRUQsc0JBQXNCO1FBQ3BCLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUN6RCxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDdkIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2hDLENBQUM7SUFDSCxDQUFDOytHQS9FVSxpQkFBaUI7bUdBQWpCLGlCQUFpQixrSEFvQlIsZ0JBQWdCLHFEQUtoQixnQkFBZ0IscVJBZHRCLGdDQUFnQyx3RUNsRGhELHU5QkErQkEsNnVDREdZLGdCQUFnQixvSkFBRSxlQUFlOzs0RkFLaEMsaUJBQWlCO2tCQVQ3QixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFlBQ04sVUFBVSxXQUNYLENBQUMsZ0JBQWdCLEVBQUUsZUFBZSxDQUFDLG1CQUczQix1QkFBdUIsQ0FBQyxNQUFNOzhCQVNqQyxnQkFBZ0I7c0JBRDdCLFdBQVc7dUJBQUMsT0FBTztnQkFNSCxXQUFXO3NCQUQzQixZQUFZO3VCQUFDLGdDQUFnQztnQkFTTixnQkFBZ0I7c0JBQXZELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBRW5CLHNCQUFzQjtzQkFBeEMsTUFBTTtnQkFHaUMsYUFBYTtzQkFBcEQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFFbkIsbUJBQW1CO3NCQUFyQyxNQUFNO2dCQUdFLGlCQUFpQjtzQkFBekIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIgfSBmcm9tICdAYW5ndWxhci9jZGsvbGF5b3V0JztcclxuaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgQ29udGVudENoaWxkLFxyXG4gIERlc3Ryb3lSZWYsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIEhvc3RCaW5kaW5nLFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxuICBPdXRwdXQsXHJcbiAgVGVtcGxhdGVSZWYsXHJcbiAgYm9vbGVhbkF0dHJpYnV0ZSxcclxuICBpbmplY3QsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcclxuaW1wb3J0IHsgQURBUFRJVkVfREFUQV9WSUVXX01PQklMRV9RVUVSWSB9IGZyb20gJy4uL2RhdGEtZGlzcGxheS9hZGFwdGl2ZS1kYXRhLXZpZXcvYWRhcHRpdmUtZGF0YS12aWV3LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IERyYXdlckNvbXBvbmVudCB9IGZyb20gJy4uL21lbnVzL2RyYXdlci9kcmF3ZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRHJhd2VyU2lkZSB9IGZyb20gJy4uL21lbnVzL19tb2RlbHMvZHJhd2VyLXNpZGUubW9kZWwnO1xyXG5pbXBvcnQgeyBEcmF3ZXJTaXplIH0gZnJvbSAnLi4vbWVudXMvX21vZGVscy9kcmF3ZXItc2l6ZS5tb2RlbCc7XHJcbmltcG9ydCB7IEFwcFRoZW1lU2VydmljZSB9IGZyb20gJy4uL3RoZW1lJztcclxuaW1wb3J0IHsgQXBwU2hlbGxTaWRlYmFyVGVtcGxhdGVEaXJlY3RpdmUgfSBmcm9tICcuL2FwcC1zaGVsbC1zaWRlYmFyLXRlbXBsYXRlLmRpcmVjdGl2ZSc7XHJcblxyXG4vKipcclxuICogRXN0cnV0dXJhIHByaW5jaXBhbDogYmFycmEgbGF0ZXJhbCwgdG9wbyBlIGNvbnRlw7pkby4gRW0gbW9iaWxlIGEgbGF0ZXJhbCBwcm9qZWN0YS1zZSBubyBgYXBwLWRyYXdlcmAuXHJcbiAqXHJcbiAqIFVzZSBgZXhwb3J0QXM6ICdhcHBTaGVsbCdgIGUgYHRvZ2dsZU1vYmlsZU5hdmAgLyBgdG9nZ2xlU2lkZWJhckNvbGxhcHNlZGAgYSBwYXJ0aXIgZGEgdG9wYmFyLlxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtc2hlbGwnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgZXhwb3J0QXM6ICdhcHBTaGVsbCcsXHJcbiAgaW1wb3J0czogW05nVGVtcGxhdGVPdXRsZXQsIERyYXdlckNvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FwcC1zaGVsbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2FwcC1zaGVsbC5jb21wb25lbnQuc2NzcycsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBcHBTaGVsbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgcHJpdmF0ZSByZWFkb25seSBicCA9IGluamVjdChCcmVha3BvaW50T2JzZXJ2ZXIpO1xyXG4gIHByaXZhdGUgcmVhZG9ubHkgY2RyID0gaW5qZWN0KENoYW5nZURldGVjdG9yUmVmKTtcclxuICBwcml2YXRlIHJlYWRvbmx5IGRlc3Ryb3lSZWYgPSBpbmplY3QoRGVzdHJveVJlZik7XHJcbiAgcHJpdmF0ZSByZWFkb25seSB0aGVtZSA9IGluamVjdChBcHBUaGVtZVNlcnZpY2UpO1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcclxuICBwcm90ZWN0ZWQgZ2V0IGhvc3RUaGVtZUNsYXNzZXMoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgYXBwLWxpYnJhcnktdGhlbWUgJHt0aGlzLnRoZW1lLnRoZW1lQ2xhc3MoKX1gO1xyXG4gIH1cclxuXHJcbiAgQENvbnRlbnRDaGlsZChBcHBTaGVsbFNpZGViYXJUZW1wbGF0ZURpcmVjdGl2ZSlcclxuICBwcml2YXRlIHJlYWRvbmx5IHNpZGViYXJTbG90PzogQXBwU2hlbGxTaWRlYmFyVGVtcGxhdGVEaXJlY3RpdmU7XHJcblxyXG4gIC8qKiBDb250ZcO6ZG8gbGF0ZXJhbCAob2JyaWdhdMOzcmlvKTogYDxuZy10ZW1wbGF0ZSBhcHBTaGVsbFNpZGViYXI+Li4uPC9uZy10ZW1wbGF0ZT5gLiAqL1xyXG4gIGdldCBzaWRlYmFyVGVtcGxhdGUoKTogVGVtcGxhdGVSZWY8dW5rbm93bj4gfCBudWxsIHtcclxuICAgIHJldHVybiB0aGlzLnNpZGViYXJTbG90Py50ZW1wbGF0ZVJlZiA/PyBudWxsO1xyXG4gIH1cclxuXHJcbiAgLyoqIEJhcnJhIGxhdGVyYWwgZXN0cmVpdGEgKMOtY29uZXMgKyBjb21wcmVzc8OjbyBkZSB0ZXh0byBuYSBsaXN0YSkuICovXHJcbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIHNpZGViYXJDb2xsYXBzZWQgPSBmYWxzZTtcclxuXHJcbiAgQE91dHB1dCgpIHJlYWRvbmx5IHNpZGViYXJDb2xsYXBzZWRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIC8qKiBFc3RhZG8gZG8gZHJhd2VyIG1vYmlsZSAodXNhciBgWyhtb2JpbGVOYXZPcGVuKV1gIHBhcmEgY29udHJvbGFyIG8gbWVudSBoYW1idXJnZXIpLiAqL1xyXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBtb2JpbGVOYXZPcGVuID0gZmFsc2U7XHJcblxyXG4gIEBPdXRwdXQoKSByZWFkb25seSBtb2JpbGVOYXZPcGVuQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG5cclxuICAvKiogQ29uc3VsdGEgQ0RLIHBhcmEgbW9kbyBtb2JpbGUgKHBvciBvbWlzc8OjbyBpZ3VhbCDDoCB2aXN0YSBhZGFwdGF0aXZhKS4gKi9cclxuICBASW5wdXQoKSBtb2JpbGVMYXlvdXRRdWVyeSA9IEFEQVBUSVZFX0RBVEFfVklFV19NT0JJTEVfUVVFUlk7XHJcblxyXG4gIGlzTW9iaWxlTGF5b3V0ID0gZmFsc2U7XHJcblxyXG4gIHJlYWRvbmx5IERyYXdlclNpZGUgPSBEcmF3ZXJTaWRlO1xyXG4gIHJlYWRvbmx5IERyYXdlclNpemUgPSBEcmF3ZXJTaXplO1xyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuYnBcclxuICAgICAgLm9ic2VydmUoW3RoaXMubW9iaWxlTGF5b3V0UXVlcnldKVxyXG4gICAgICAucGlwZSh0YWtlVW50aWxEZXN0cm95ZWQodGhpcy5kZXN0cm95UmVmKSlcclxuICAgICAgLnN1YnNjcmliZSgoc3RhdGUpID0+IHtcclxuICAgICAgICBjb25zdCBuZXh0ID0gc3RhdGUubWF0Y2hlcztcclxuICAgICAgICBpZiAobmV4dCAhPT0gdGhpcy5pc01vYmlsZUxheW91dCkge1xyXG4gICAgICAgICAgdGhpcy5pc01vYmlsZUxheW91dCA9IG5leHQ7XHJcbiAgICAgICAgICBpZiAoIW5leHQgJiYgdGhpcy5tb2JpbGVOYXZPcGVuKSB7XHJcbiAgICAgICAgICAgIHRoaXMuZW1pdE1vYmlsZU5hdk9wZW4oZmFsc2UpO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9KTtcclxuICB9XHJcblxyXG4gIG9uTW9iaWxlRHJhd2VyT3BlbkNoYW5nZShuZXh0OiBib29sZWFuKTogdm9pZCB7XHJcbiAgICB0aGlzLmVtaXRNb2JpbGVOYXZPcGVuKG5leHQpO1xyXG4gIH1cclxuXHJcbiAgLyoqIEVtaXRlIGFsdGVyYcOnw6NvOyBjb20gYFsobW9iaWxlTmF2T3BlbildYCBubyBwYWkgbyBgQElucHV0YCBhY3R1YWxpemEgbyBlc3RhZG8gZG8gZHJhd2VyLiAqL1xyXG4gIHByaXZhdGUgZW1pdE1vYmlsZU5hdk9wZW4obmV4dDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMubW9iaWxlTmF2T3BlbiA9PT0gbmV4dCkge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcbiAgICB0aGlzLm1vYmlsZU5hdk9wZW5DaGFuZ2UuZW1pdChuZXh0KTtcclxuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xyXG4gIH1cclxuXHJcbiAgdG9nZ2xlTW9iaWxlTmF2KCk6IHZvaWQge1xyXG4gICAgdGhpcy5lbWl0TW9iaWxlTmF2T3BlbighdGhpcy5tb2JpbGVOYXZPcGVuKTtcclxuICB9XHJcblxyXG4gIHRvZ2dsZVNpZGViYXJDb2xsYXBzZWQoKTogdm9pZCB7XHJcbiAgICB0aGlzLnNpZGViYXJDb2xsYXBzZWRDaGFuZ2UuZW1pdCghdGhpcy5zaWRlYmFyQ29sbGFwc2VkKTtcclxuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xyXG4gIH1cclxuXHJcbiAgY2xvc2VNb2JpbGVOYXYoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5tb2JpbGVOYXZPcGVuKSB7XHJcbiAgICAgIHRoaXMuZW1pdE1vYmlsZU5hdk9wZW4oZmFsc2UpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2XHJcbiAgY2xhc3M9XCJhcHAtc2hlbGxcIlxyXG4gIFtjbGFzcy5hcHAtc2hlbGwtLW1vYmlsZV09XCJpc01vYmlsZUxheW91dFwiXHJcbiAgW2NsYXNzLmFwcC1zaGVsbC0tc2lkZWJhci1jb2xsYXBzZWRdPVwic2lkZWJhckNvbGxhcHNlZFwiXHJcbj5cclxuICBAaWYgKCFpc01vYmlsZUxheW91dCAmJiBzaWRlYmFyVGVtcGxhdGUpIHtcclxuICAgIDxhc2lkZSBjbGFzcz1cImFwcC1zaGVsbF9fc2lkZWJhclwiIGFyaWEtbGFiZWw9XCJOYXZlZ2HDp8OjbyBwcmluY2lwYWxcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJzaWRlYmFyVGVtcGxhdGVcIiAvPlxyXG4gICAgPC9hc2lkZT5cclxuICB9XHJcblxyXG4gIEBpZiAoaXNNb2JpbGVMYXlvdXQgJiYgc2lkZWJhclRlbXBsYXRlKSB7XHJcbiAgICA8YXBwLWRyYXdlclxyXG4gICAgICBbb3Blbl09XCJtb2JpbGVOYXZPcGVuXCJcclxuICAgICAgKG9wZW5DaGFuZ2UpPVwib25Nb2JpbGVEcmF3ZXJPcGVuQ2hhbmdlKCRldmVudClcIlxyXG4gICAgICBbc2lkZV09XCJEcmF3ZXJTaWRlLkxlZnRcIlxyXG4gICAgICBbc2l6ZV09XCJEcmF3ZXJTaXplLlNtXCJcclxuICAgICAgdGl0bGU9XCJOYXZlZ2HDp8Ojb1wiXHJcbiAgICAgIFtzaG93Q2xvc2VCdXR0b25dPVwidHJ1ZVwiXHJcbiAgICA+XHJcbiAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwic2lkZWJhclRlbXBsYXRlXCIgLz5cclxuICAgIDwvYXBwLWRyYXdlcj5cclxuICB9XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJhcHAtc2hlbGxfX21haW5cIj5cclxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlthcHBTaGVsbFRvcGJhcl1cIiAvPlxyXG4gICAgPG1haW4gY2xhc3M9XCJhcHAtc2hlbGxfX2NvbnRlbnRcIj5cclxuICAgICAgPG5nLWNvbnRlbnQgLz5cclxuICAgIDwvbWFpbj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/app/app-shell/breadcrumb/breadcrumb.component.mjs

@@ -0,0 +1,18 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import * as i0 from "@angular/core";
+/**
+ * Filo hierárquico com `nav` + lista ordenada; último segmento com `aria-current="page"`.
+ */
+export class AppBreadcrumbComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AppBreadcrumbComponent, isStandalone: true, selector: "app-breadcrumb", inputs: { items: "items" }, ngImport: i0, template: "@if (items.length) {\r\n  <nav class=\"app-breadcrumb\" aria-label=\"Navega\u00E7\u00E3o em filo\">\r\n    <ol class=\"app-breadcrumb__list\">\r\n      @for (item of items; track $index; let last = $last) {\r\n        <li class=\"app-breadcrumb__item\" [class.app-breadcrumb__item--current]=\"last\">\r\n          @if (last) {\r\n            <span class=\"app-breadcrumb__text app-breadcrumb__text--current\" aria-current=\"page\">\r\n              {{ item.label }}\r\n            </span>\r\n          } @else if (item.route != null) {\r\n            <a class=\"app-breadcrumb__link\" [routerLink]=\"$any(item.route)\">{{ item.label }}</a>\r\n            <span class=\"app-breadcrumb__sep\" aria-hidden=\"true\">/</span>\r\n          } @else if (item.href?.trim()) {\r\n            <a class=\"app-breadcrumb__link\" [href]=\"item.href!.trim()\">{{ item.label }}</a>\r\n            <span class=\"app-breadcrumb__sep\" aria-hidden=\"true\">/</span>\r\n          } @else {\r\n            <span class=\"app-breadcrumb__text\">{{ item.label }}</span>\r\n            <span class=\"app-breadcrumb__sep\" aria-hidden=\"true\">/</span>\r\n          }\r\n        </li>\r\n      }\r\n    </ol>\r\n  </nav>\r\n}\r\n", styles: [":host{display:block;min-width:0;max-width:100%;box-sizing:border-box}.app-breadcrumb{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.app-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .15rem;margin:0;padding:0;list-style:none;font-size:.82rem;line-height:1.4;min-width:min-content}.app-breadcrumb__item{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.15rem;min-width:0;max-width:100%}.app-breadcrumb__link{color:var(--app-color-nav-link, var(--app-color-primary, #2b7fd9));text-decoration:none;border-radius:4px}.app-breadcrumb__link:hover{text-decoration:underline}.app-breadcrumb__link:focus-visible{outline:2px solid var(--app-color-nav-focus-ring, var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45)));outline-offset:2px}.app-breadcrumb__text{color:var(--app-color-text-secondary, #5a7fa3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,14rem)}.app-breadcrumb__text--current{color:var(--app-color-text-primary, #1a2f45);font-weight:600;max-width:min(100%,20rem)}.app-breadcrumb__sep{color:var(--app-color-text-muted, #6b8299);-webkit-user-select:none;user-select:none;padding:0 .1rem}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppBreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-breadcrumb', standalone: true, imports: [RouterLink], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (items.length) {\r\n  <nav class=\"app-breadcrumb\" aria-label=\"Navega\u00E7\u00E3o em filo\">\r\n    <ol class=\"app-breadcrumb__list\">\r\n      @for (item of items; track $index; let last = $last) {\r\n        <li class=\"app-breadcrumb__item\" [class.app-breadcrumb__item--current]=\"last\">\r\n          @if (last) {\r\n            <span class=\"app-breadcrumb__text app-breadcrumb__text--current\" aria-current=\"page\">\r\n              {{ item.label }}\r\n            </span>\r\n          } @else if (item.route != null) {\r\n            <a class=\"app-breadcrumb__link\" [routerLink]=\"$any(item.route)\">{{ item.label }}</a>\r\n            <span class=\"app-breadcrumb__sep\" aria-hidden=\"true\">/</span>\r\n          } @else if (item.href?.trim()) {\r\n            <a class=\"app-breadcrumb__link\" [href]=\"item.href!.trim()\">{{ item.label }}</a>\r\n            <span class=\"app-breadcrumb__sep\" aria-hidden=\"true\">/</span>\r\n          } @else {\r\n            <span class=\"app-breadcrumb__text\">{{ item.label }}</span>\r\n            <span class=\"app-breadcrumb__sep\" aria-hidden=\"true\">/</span>\r\n          }\r\n        </li>\r\n      }\r\n    </ol>\r\n  </nav>\r\n}\r\n", styles: [":host{display:block;min-width:0;max-width:100%;box-sizing:border-box}.app-breadcrumb{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.app-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .15rem;margin:0;padding:0;list-style:none;font-size:.82rem;line-height:1.4;min-width:min-content}.app-breadcrumb__item{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.15rem;min-width:0;max-width:100%}.app-breadcrumb__link{color:var(--app-color-nav-link, var(--app-color-primary, #2b7fd9));text-decoration:none;border-radius:4px}.app-breadcrumb__link:hover{text-decoration:underline}.app-breadcrumb__link:focus-visible{outline:2px solid var(--app-color-nav-focus-ring, var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45)));outline-offset:2px}.app-breadcrumb__text{color:var(--app-color-text-secondary, #5a7fa3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,14rem)}.app-breadcrumb__text--current{color:var(--app-color-text-primary, #1a2f45);font-weight:600;max-width:min(100%,20rem)}.app-breadcrumb__sep{color:var(--app-color-text-muted, #6b8299);-webkit-user-select:none;user-select:none;padding:0 .1rem}\n"] }]
+        }], propDecorators: { items: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2FwcC1zaGVsbC9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9hcHAtc2hlbGwvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFHN0M7O0dBRUc7QUFTSCxNQUFNLE9BQU8sc0JBQXNCOytHQUF0QixzQkFBc0I7bUdBQXRCLHNCQUFzQixzR0NmbkMscXJDQXdCQSwydkNEZFksVUFBVTs7NEZBS1Qsc0JBQXNCO2tCQVJsQyxTQUFTOytCQUNFLGdCQUFnQixjQUNkLElBQUksV0FDUCxDQUFDLFVBQVUsQ0FBQyxtQkFHSix1QkFBdUIsQ0FBQyxNQUFNOzhCQUdwQixLQUFLO3NCQUEvQixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlckxpbmsgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgdHlwZSB7IEJyZWFkY3J1bWJJdGVtIH0gZnJvbSAnLi4vX21vZGVscy9icmVhZGNydW1iLWl0ZW0ubW9kZWwnO1xyXG5cclxuLyoqXHJcbiAqIEZpbG8gaGllcsOhcnF1aWNvIGNvbSBgbmF2YCArIGxpc3RhIG9yZGVuYWRhOyDDumx0aW1vIHNlZ21lbnRvIGNvbSBgYXJpYS1jdXJyZW50PVwicGFnZVwiYC5cclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWJyZWFkY3J1bWInLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1JvdXRlckxpbmtdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vYnJlYWRjcnVtYi5jb21wb25lbnQuc2NzcycsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBcHBCcmVhZGNydW1iQ29tcG9uZW50IHtcclxuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBpdGVtcyE6IHJlYWRvbmx5IEJyZWFkY3J1bWJJdGVtW107XHJcbn1cclxuIiwiQGlmIChpdGVtcy5sZW5ndGgpIHtcclxuICA8bmF2IGNsYXNzPVwiYXBwLWJyZWFkY3J1bWJcIiBhcmlhLWxhYmVsPVwiTmF2ZWdhw6fDo28gZW0gZmlsb1wiPlxyXG4gICAgPG9sIGNsYXNzPVwiYXBwLWJyZWFkY3J1bWJfX2xpc3RcIj5cclxuICAgICAgQGZvciAoaXRlbSBvZiBpdGVtczsgdHJhY2sgJGluZGV4OyBsZXQgbGFzdCA9ICRsYXN0KSB7XHJcbiAgICAgICAgPGxpIGNsYXNzPVwiYXBwLWJyZWFkY3J1bWJfX2l0ZW1cIiBbY2xhc3MuYXBwLWJyZWFkY3J1bWJfX2l0ZW0tLWN1cnJlbnRdPVwibGFzdFwiPlxyXG4gICAgICAgICAgQGlmIChsYXN0KSB7XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYXBwLWJyZWFkY3J1bWJfX3RleHQgYXBwLWJyZWFkY3J1bWJfX3RleHQtLWN1cnJlbnRcIiBhcmlhLWN1cnJlbnQ9XCJwYWdlXCI+XHJcbiAgICAgICAgICAgICAge3sgaXRlbS5sYWJlbCB9fVxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICB9IEBlbHNlIGlmIChpdGVtLnJvdXRlICE9IG51bGwpIHtcclxuICAgICAgICAgICAgPGEgY2xhc3M9XCJhcHAtYnJlYWRjcnVtYl9fbGlua1wiIFtyb3V0ZXJMaW5rXT1cIiRhbnkoaXRlbS5yb3V0ZSlcIj57eyBpdGVtLmxhYmVsIH19PC9hPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImFwcC1icmVhZGNydW1iX19zZXBcIiBhcmlhLWhpZGRlbj1cInRydWVcIj4vPC9zcGFuPlxyXG4gICAgICAgICAgfSBAZWxzZSBpZiAoaXRlbS5ocmVmPy50cmltKCkpIHtcclxuICAgICAgICAgICAgPGEgY2xhc3M9XCJhcHAtYnJlYWRjcnVtYl9fbGlua1wiIFtocmVmXT1cIml0ZW0uaHJlZiEudHJpbSgpXCI+e3sgaXRlbS5sYWJlbCB9fTwvYT5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJhcHAtYnJlYWRjcnVtYl9fc2VwXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+Lzwvc3Bhbj5cclxuICAgICAgICAgIH0gQGVsc2Uge1xyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImFwcC1icmVhZGNydW1iX190ZXh0XCI+e3sgaXRlbS5sYWJlbCB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJhcHAtYnJlYWRjcnVtYl9fc2VwXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+Lzwvc3Bhbj5cclxuICAgICAgICAgIH1cclxuICAgICAgICA8L2xpPlxyXG4gICAgICB9XHJcbiAgICA8L29sPlxyXG4gIDwvbmF2PlxyXG59XHJcbiJdfQ==

package/esm2022/app/app-shell/index.mjs

@@ -0,0 +1,19 @@
+/**
+ * **App Shell & Navigation** — estrutura de aplicação (barra lateral, topo, filo, usuário).
+ *
+ * - **`AppShellComponent`**: grade principal; em viewports estreitos a sidebar projeta-se em `app-drawer` (`menus/`).
+ * - **`AppSidebarComponent`**: delega em `app-menu-list` (`MenuNodeItem`, teclado, submenus); `[appSidebarToolbar]` + **`AppShellSidebarToggleComponent`** no topo (recolher).
+ * - **`AppTopbarComponent`**: projeção por zonas (`appTopbarStart` / `appTopbarTitle` / `appTopbarEnd`).
+ * - **`AppUserMenuComponent`**: `app-dropdown-menu` com gatilho avatar/nome (sem menu duplicado).
+ * - **`AppBreadcrumbComponent`**: `nav` + lista; segmentos com `route` ou `href`.
+ */
+export { APP_SIDEBAR_LAYOUT_DURATION_MS, APP_SIDEBAR_LABEL_REVEAL_LAG_MS, APP_SIDEBAR_NAV_REVEAL_TOTAL_MS, } from './sidebar-reveal.constants';
+export { AppShellComponent } from './app-shell.component';
+export { AppShellSidebarTemplateDirective } from './app-shell-sidebar-template.directive';
+export { AppSidebarComponent } from './sidebar/sidebar.component';
+export { AppSidebarToolbarDirective } from './sidebar/app-sidebar-toolbar.directive';
+export { AppShellSidebarToggleComponent } from './sidebar/shell-sidebar-toggle.component';
+export { AppTopbarComponent } from './topbar/topbar.component';
+export { AppUserMenuComponent } from './user-menu/user-menu.component';
+export { AppBreadcrumbComponent } from './breadcrumb/breadcrumb.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2FwcC1zaGVsbC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7R0FRRztBQUNILE9BQU8sRUFDTCw4QkFBOEIsRUFDOUIsK0JBQStCLEVBQy9CLCtCQUErQixHQUNoQyxNQUFNLDRCQUE0QixDQUFDO0FBQ3BDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzFELE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQzFGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ3JGLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzFGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXHJcbiAqICoqQXBwIFNoZWxsICYgTmF2aWdhdGlvbioqIOKAlCBlc3RydXR1cmEgZGUgYXBsaWNhw6fDo28gKGJhcnJhIGxhdGVyYWwsIHRvcG8sIGZpbG8sIHVzdcOhcmlvKS5cclxuICpcclxuICogLSAqKmBBcHBTaGVsbENvbXBvbmVudGAqKjogZ3JhZGUgcHJpbmNpcGFsOyBlbSB2aWV3cG9ydHMgZXN0cmVpdG9zIGEgc2lkZWJhciBwcm9qZXRhLXNlIGVtIGBhcHAtZHJhd2VyYCAoYG1lbnVzL2ApLlxyXG4gKiAtICoqYEFwcFNpZGViYXJDb21wb25lbnRgKio6IGRlbGVnYSBlbSBgYXBwLW1lbnUtbGlzdGAgKGBNZW51Tm9kZUl0ZW1gLCB0ZWNsYWRvLCBzdWJtZW51cyk7IGBbYXBwU2lkZWJhclRvb2xiYXJdYCArICoqYEFwcFNoZWxsU2lkZWJhclRvZ2dsZUNvbXBvbmVudGAqKiBubyB0b3BvIChyZWNvbGhlcikuXHJcbiAqIC0gKipgQXBwVG9wYmFyQ29tcG9uZW50YCoqOiBwcm9qZcOnw6NvIHBvciB6b25hcyAoYGFwcFRvcGJhclN0YXJ0YCAvIGBhcHBUb3BiYXJUaXRsZWAgLyBgYXBwVG9wYmFyRW5kYCkuXHJcbiAqIC0gKipgQXBwVXNlck1lbnVDb21wb25lbnRgKio6IGBhcHAtZHJvcGRvd24tbWVudWAgY29tIGdhdGlsaG8gYXZhdGFyL25vbWUgKHNlbSBtZW51IGR1cGxpY2FkbykuXHJcbiAqIC0gKipgQXBwQnJlYWRjcnVtYkNvbXBvbmVudGAqKjogYG5hdmAgKyBsaXN0YTsgc2VnbWVudG9zIGNvbSBgcm91dGVgIG91IGBocmVmYC5cclxuICovXHJcbmV4cG9ydCB7XHJcbiAgQVBQX1NJREVCQVJfTEFZT1VUX0RVUkFUSU9OX01TLFxyXG4gIEFQUF9TSURFQkFSX0xBQkVMX1JFVkVBTF9MQUdfTVMsXHJcbiAgQVBQX1NJREVCQVJfTkFWX1JFVkVBTF9UT1RBTF9NUyxcclxufSBmcm9tICcuL3NpZGViYXItcmV2ZWFsLmNvbnN0YW50cyc7XHJcbmV4cG9ydCB7IEFwcFNoZWxsQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAtc2hlbGwuY29tcG9uZW50JztcclxuZXhwb3J0IHsgQXBwU2hlbGxTaWRlYmFyVGVtcGxhdGVEaXJlY3RpdmUgfSBmcm9tICcuL2FwcC1zaGVsbC1zaWRlYmFyLXRlbXBsYXRlLmRpcmVjdGl2ZSc7XHJcbmV4cG9ydCB7IEFwcFNpZGViYXJDb21wb25lbnQgfSBmcm9tICcuL3NpZGViYXIvc2lkZWJhci5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBBcHBTaWRlYmFyVG9vbGJhckRpcmVjdGl2ZSB9IGZyb20gJy4vc2lkZWJhci9hcHAtc2lkZWJhci10b29sYmFyLmRpcmVjdGl2ZSc7XHJcbmV4cG9ydCB7IEFwcFNoZWxsU2lkZWJhclRvZ2dsZUNvbXBvbmVudCB9IGZyb20gJy4vc2lkZWJhci9zaGVsbC1zaWRlYmFyLXRvZ2dsZS5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBBcHBUb3BiYXJDb21wb25lbnQgfSBmcm9tICcuL3RvcGJhci90b3BiYXIuY29tcG9uZW50JztcclxuZXhwb3J0IHsgQXBwVXNlck1lbnVDb21wb25lbnQgfSBmcm9tICcuL3VzZXItbWVudS91c2VyLW1lbnUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgQXBwQnJlYWRjcnVtYkNvbXBvbmVudCB9IGZyb20gJy4vYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB0eXBlIHsgQnJlYWRjcnVtYkl0ZW0gfSBmcm9tICcuL19tb2RlbHMvYnJlYWRjcnVtYi1pdGVtLm1vZGVsJztcclxuIl19

package/esm2022/app/app-shell/sidebar/app-sidebar-toolbar.directive.mjs

@@ -0,0 +1,23 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Marca conteúdo a projectar no topo da sidebar (ex.: botão recolher/expandir).
+ *
+ * ```html
+ * <app-sidebar [items]="nav">
+ *   <app-shell-sidebar-toggle appSidebarToolbar [collapsed]="collapsed" (toggle)="onToggle()" />
+ * </app-sidebar>
+ * ```
+ */
+export class AppSidebarToolbarDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppSidebarToolbarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: AppSidebarToolbarDirective, isStandalone: true, selector: "[appSidebarToolbar]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppSidebarToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[appSidebarToolbar]',
+                    standalone: true,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLXNpZGViYXItdG9vbGJhci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2FwcC1zaGVsbC9zaWRlYmFyL2FwcC1zaWRlYmFyLXRvb2xiYXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTFDOzs7Ozs7OztHQVFHO0FBS0gsTUFBTSxPQUFPLDBCQUEwQjsrR0FBMUIsMEJBQTBCO21HQUExQiwwQkFBMEI7OzRGQUExQiwwQkFBMEI7a0JBSnRDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsVUFBVSxFQUFFLElBQUk7aUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG4vKipcclxuICogTWFyY2EgY29udGXDumRvIGEgcHJvamVjdGFyIG5vIHRvcG8gZGEgc2lkZWJhciAoZXguOiBib3TDo28gcmVjb2xoZXIvZXhwYW5kaXIpLlxyXG4gKlxyXG4gKiBgYGBodG1sXHJcbiAqIDxhcHAtc2lkZWJhciBbaXRlbXNdPVwibmF2XCI+XHJcbiAqICAgPGFwcC1zaGVsbC1zaWRlYmFyLXRvZ2dsZSBhcHBTaWRlYmFyVG9vbGJhciBbY29sbGFwc2VkXT1cImNvbGxhcHNlZFwiICh0b2dnbGUpPVwib25Ub2dnbGUoKVwiIC8+XHJcbiAqIDwvYXBwLXNpZGViYXI+XHJcbiAqIGBgYFxyXG4gKi9cclxuQERpcmVjdGl2ZSh7XHJcbiAgc2VsZWN0b3I6ICdbYXBwU2lkZWJhclRvb2xiYXJdJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQXBwU2lkZWJhclRvb2xiYXJEaXJlY3RpdmUge31cclxuIl19

package/esm2022/app/app-shell/sidebar/shell-sidebar-toggle.component.mjs

@@ -0,0 +1,36 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, booleanAttribute, } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Botão só ícone (setas «abrir/fechar») para recolher/expandir a largura da lateral.
+ * Na demo, usar com `appSidebarToolbar` projectado em `app-sidebar`.
+ */
+export class AppShellSidebarToggleComponent {
+    constructor() {
+        /** `true` quando a lateral está estreita / recolhida. */
+        this.collapsed = false;
+        /** Rótulos acessíveis quando `collapsed` é `true` (accção: expandir). */
+        this.expandLabel = 'Expandir navegação';
+        /** Rótulos quando `collapsed` é `false` (accção: recolher). */
+        this.collapseLabel = 'Recolher navegação';
+        this.toggle = new EventEmitter();
+    }
+    onClick() {
+        this.toggle.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppShellSidebarToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.12", type: AppShellSidebarToggleComponent, isStandalone: true, selector: "app-shell-sidebar-toggle", inputs: { collapsed: ["collapsed", "collapsed", booleanAttribute], expandLabel: "expandLabel", collapseLabel: "collapseLabel" }, outputs: { toggle: "toggle" }, ngImport: i0, template: "<button\r\n  type=\"button\"\r\n  class=\"app-shell-sidebar-toggle__btn\"\r\n  [attr.aria-pressed]=\"collapsed\"\r\n  [attr.aria-expanded]=\"!collapsed\"\r\n  [attr.aria-label]=\"collapsed ? expandLabel : collapseLabel\"\r\n  [attr.title]=\"collapsed ? expandLabel : collapseLabel\"\r\n  (click)=\"onClick()\"\r\n>\r\n  <i\r\n    class=\"fa-solid\"\r\n    [class.fa-angles-left]=\"!collapsed\"\r\n    [class.fa-angles-right]=\"collapsed\"\r\n    aria-hidden=\"true\"\r\n  ></i>\r\n</button>\r\n", styles: ["@charset \"UTF-8\";.app-shell-sidebar-toggle__btn{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--app-color-text-secondary, #4a6682);cursor:pointer;line-height:1;font-size:.92rem;transition:background .16s ease,color .16s ease}.app-shell-sidebar-toggle__btn:hover{background:color-mix(in srgb,var(--app-color-primary) 6%,transparent);color:var(--app-color-primary)}.app-shell-sidebar-toggle__btn:focus-visible{outline:2px solid var(--app-color-nav-focus-ring);outline-offset:2px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppShellSidebarToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-shell-sidebar-toggle', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n  type=\"button\"\r\n  class=\"app-shell-sidebar-toggle__btn\"\r\n  [attr.aria-pressed]=\"collapsed\"\r\n  [attr.aria-expanded]=\"!collapsed\"\r\n  [attr.aria-label]=\"collapsed ? expandLabel : collapseLabel\"\r\n  [attr.title]=\"collapsed ? expandLabel : collapseLabel\"\r\n  (click)=\"onClick()\"\r\n>\r\n  <i\r\n    class=\"fa-solid\"\r\n    [class.fa-angles-left]=\"!collapsed\"\r\n    [class.fa-angles-right]=\"collapsed\"\r\n    aria-hidden=\"true\"\r\n  ></i>\r\n</button>\r\n", styles: ["@charset \"UTF-8\";.app-shell-sidebar-toggle__btn{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--app-color-text-secondary, #4a6682);cursor:pointer;line-height:1;font-size:.92rem;transition:background .16s ease,color .16s ease}.app-shell-sidebar-toggle__btn:hover{background:color-mix(in srgb,var(--app-color-primary) 6%,transparent);color:var(--app-color-primary)}.app-shell-sidebar-toggle__btn:focus-visible{outline:2px solid var(--app-color-nav-focus-ring);outline-offset:2px}\n"] }]
+        }], propDecorators: { collapsed: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], expandLabel: [{
+                type: Input
+            }], collapseLabel: [{
+                type: Input
+            }], toggle: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hlbGwtc2lkZWJhci10b2dnbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9hcHAtc2hlbGwvc2lkZWJhci9zaGVsbC1zaWRlYmFyLXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2FwcC1zaGVsbC9zaWRlYmFyL3NoZWxsLXNpZGViYXItdG9nZ2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLGdCQUFnQixHQUNqQixNQUFNLGVBQWUsQ0FBQzs7QUFFdkI7OztHQUdHO0FBUUgsTUFBTSxPQUFPLDhCQUE4QjtJQVAzQztRQVFFLHlEQUF5RDtRQUNqQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBRTFELHlFQUF5RTtRQUNoRSxnQkFBVyxHQUFHLG9CQUFvQixDQUFDO1FBRTVDLCtEQUErRDtRQUN0RCxrQkFBYSxHQUFHLG9CQUFvQixDQUFDO1FBRTNCLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBS3REO0lBSEMsT0FBTztRQUNMLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQzsrR0FkVSw4QkFBOEI7bUdBQTlCLDhCQUE4Qiw0R0FFckIsZ0JBQWdCLHdIQ3RCdEMsZ2ZBZ0JBOzs0RkRJYSw4QkFBOEI7a0JBUDFDLFNBQVM7K0JBQ0UsMEJBQTBCLGNBQ3hCLElBQUksbUJBR0MsdUJBQXVCLENBQUMsTUFBTTs4QkFJUCxTQUFTO3NCQUFoRCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUc3QixXQUFXO3NCQUFuQixLQUFLO2dCQUdHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBRWEsTUFBTTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ29tcG9uZW50LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgYm9vbGVhbkF0dHJpYnV0ZSxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8qKlxyXG4gKiBCb3TDo28gc8OzIMOtY29uZSAoc2V0YXMgwqthYnJpci9mZWNoYXLCuykgcGFyYSByZWNvbGhlci9leHBhbmRpciBhIGxhcmd1cmEgZGEgbGF0ZXJhbC5cclxuICogTmEgZGVtbywgdXNhciBjb20gYGFwcFNpZGViYXJUb29sYmFyYCBwcm9qZWN0YWRvIGVtIGBhcHAtc2lkZWJhcmAuXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1zaGVsbC1zaWRlYmFyLXRvZ2dsZScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2hlbGwtc2lkZWJhci10b2dnbGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9zaGVsbC1zaWRlYmFyLXRvZ2dsZS5jb21wb25lbnQuc2NzcycsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBcHBTaGVsbFNpZGViYXJUb2dnbGVDb21wb25lbnQge1xyXG4gIC8qKiBgdHJ1ZWAgcXVhbmRvIGEgbGF0ZXJhbCBlc3TDoSBlc3RyZWl0YSAvIHJlY29saGlkYS4gKi9cclxuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgY29sbGFwc2VkID0gZmFsc2U7XHJcblxyXG4gIC8qKiBSw7N0dWxvcyBhY2Vzc8OtdmVpcyBxdWFuZG8gYGNvbGxhcHNlZGAgw6kgYHRydWVgIChhY2PDp8OjbzogZXhwYW5kaXIpLiAqL1xyXG4gIEBJbnB1dCgpIGV4cGFuZExhYmVsID0gJ0V4cGFuZGlyIG5hdmVnYcOnw6NvJztcclxuXHJcbiAgLyoqIFLDs3R1bG9zIHF1YW5kbyBgY29sbGFwc2VkYCDDqSBgZmFsc2VgIChhY2PDp8OjbzogcmVjb2xoZXIpLiAqL1xyXG4gIEBJbnB1dCgpIGNvbGxhcHNlTGFiZWwgPSAnUmVjb2xoZXIgbmF2ZWdhw6fDo28nO1xyXG5cclxuICBAT3V0cHV0KCkgcmVhZG9ubHkgdG9nZ2xlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICBvbkNsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy50b2dnbGUuZW1pdCgpO1xyXG4gIH1cclxufVxyXG4iLCI8YnV0dG9uXHJcbiAgdHlwZT1cImJ1dHRvblwiXHJcbiAgY2xhc3M9XCJhcHAtc2hlbGwtc2lkZWJhci10b2dnbGVfX2J0blwiXHJcbiAgW2F0dHIuYXJpYS1wcmVzc2VkXT1cImNvbGxhcHNlZFwiXHJcbiAgW2F0dHIuYXJpYS1leHBhbmRlZF09XCIhY29sbGFwc2VkXCJcclxuICBbYXR0ci5hcmlhLWxhYmVsXT1cImNvbGxhcHNlZCA/IGV4cGFuZExhYmVsIDogY29sbGFwc2VMYWJlbFwiXHJcbiAgW2F0dHIudGl0bGVdPVwiY29sbGFwc2VkID8gZXhwYW5kTGFiZWwgOiBjb2xsYXBzZUxhYmVsXCJcclxuICAoY2xpY2spPVwib25DbGljaygpXCJcclxuPlxyXG4gIDxpXHJcbiAgICBjbGFzcz1cImZhLXNvbGlkXCJcclxuICAgIFtjbGFzcy5mYS1hbmdsZXMtbGVmdF09XCIhY29sbGFwc2VkXCJcclxuICAgIFtjbGFzcy5mYS1hbmdsZXMtcmlnaHRdPVwiY29sbGFwc2VkXCJcclxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXHJcbiAgPjwvaT5cclxuPC9idXR0b24+XHJcbiJdfQ==

package/esm2022/app/app-shell/sidebar/sidebar.component.mjs

@@ -0,0 +1,84 @@
+import { ChangeDetectionStrategy, Component, DestroyRef, EventEmitter, HostBinding, Input, Output, booleanAttribute, inject, signal, } from '@angular/core';
+import { MenuListComponent } from '../../menus/menu-list/menu-list.component';
+import { AppThemeService } from '../../theme';
+import { APP_SIDEBAR_NAV_REVEAL_TOTAL_MS } from '../sidebar-reveal.constants';
+import * as i0 from "@angular/core";
+/**
+ * Navegação lateral com o mesmo modelo `MenuNodeItem` dos menus da lib (grupos, submenus, teclado).
+ * Com `collapsed`, `app-menu-list` usa `compressText`: rótulos de grupo (ex. «Principal») ficam ocultos;
+ * itens mostram só ícones com `title` / `aria-label` para acessibilidade.
+ */
+export class AppSidebarComponent {
+    /**
+     * Garante `.app-library-theme` + `theme-*` no host para tokens `--app-color-nav-*` e lista
+     * herdarem a paleta activa (útil fora da demo ou sem antepassado tematizado).
+     */
+    get hostThemeClasses() {
+        return `app-library-theme ${this.theme.themeClass()}`;
+    }
+    constructor() {
+        this.theme = inject(AppThemeService);
+        this.destroyRef = inject(DestroyRef);
+        this.menuId = 'app-shell-sidebar';
+        /** Sincronizar com o item de navegação activo (realce persistente). */
+        this.selectedItemId = null;
+        /** Modo estreito: só ícones + `compressText` na lista (rótulos via `title` / `aria-label`). */
+        this.collapsed = false;
+        this.itemSelect = new EventEmitter();
+        /**
+         * Valor efectivo de `compressText` em `app-menu-list`: ao expandir, mantém-se comprimido
+         * até a lateral terminar a animação de largura (evita flicker de texto).
+         */
+        this.listCompressText = signal(true);
+        this.listRevealTimeoutId = null;
+        this.destroyRef.onDestroy(() => this.clearListRevealTimeout());
+    }
+    ngOnChanges(changes) {
+        const collapsedCh = changes['collapsed'];
+        if (!collapsedCh) {
+            return;
+        }
+        this.clearListRevealTimeout();
+        if (collapsedCh.firstChange) {
+            this.listCompressText.set(this.collapsed);
+            return;
+        }
+        if (this.collapsed) {
+            this.listCompressText.set(true);
+            return;
+        }
+        this.listCompressText.set(true);
+        this.listRevealTimeoutId = setTimeout(() => {
+            this.listRevealTimeoutId = null;
+            this.listCompressText.set(false);
+        }, APP_SIDEBAR_NAV_REVEAL_TOTAL_MS);
+    }
+    clearListRevealTimeout() {
+        if (this.listRevealTimeoutId !== null) {
+            clearTimeout(this.listRevealTimeoutId);
+            this.listRevealTimeoutId = null;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.12", type: AppSidebarComponent, isStandalone: true, selector: "app-sidebar", inputs: { items: "items", menuId: "menuId", selectedItemId: "selectedItemId", collapsed: ["collapsed", "collapsed", booleanAttribute] }, outputs: { itemSelect: "itemSelect" }, host: { properties: { "class": "this.hostThemeClasses" } }, usesOnChanges: true, ngImport: i0, template: "<nav class=\"app-sidebar app-nav-surface\" [class.app-sidebar--collapsed]=\"collapsed\"\r\n  [attr.aria-label]=\"'Navega\u00E7\u00E3o principal'\">\r\n  <div class=\"app-sidebar__toolbar\"><ng-content select=\"[appSidebarToolbar]\" /></div>\r\n  <app-menu-list\r\n    class=\"app-sidebar__list\"\r\n    [items]=\"items\"\r\n    [menuId]=\"menuId\"\r\n    [dense]=\"collapsed\"\r\n    [compressText]=\"listCompressText()\"\r\n    [selectedItemId]=\"selectedItemId\"\r\n    (itemSelect)=\"itemSelect.emit($event)\"\r\n  />\r\n</nav>\r\n", styles: ["@charset \"UTF-8\";:host{display:block;min-width:0;height:100%;box-sizing:border-box}.app-sidebar{display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-height:0;box-sizing:border-box;padding:.65rem .5rem;background:var(--app-color-nav-shell-bg);border-right:1px solid var(--app-color-nav-border-subtle)}.app-sidebar--collapsed{padding-left:.5rem;padding-right:.5rem}.app-sidebar__toolbar{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center;padding:0 .1rem .4rem;min-height:0}.app-sidebar__toolbar:empty{display:none}.app-sidebar--collapsed .app-sidebar__toolbar:not(:empty){justify-content:center;padding-left:0;padding-right:0}.app-sidebar__list{flex:1 1 auto;min-height:0;overflow:auto}\n"], dependencies: [{ kind: "component", type: MenuListComponent, selector: "app-menu-list", inputs: ["items", "menuId", "dense", "nested", "selectedItemId", "compressText"], outputs: ["itemSelect", "closeRequest", "submenuBack"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppSidebarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-sidebar', standalone: true, imports: [MenuListComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"app-sidebar app-nav-surface\" [class.app-sidebar--collapsed]=\"collapsed\"\r\n  [attr.aria-label]=\"'Navega\u00E7\u00E3o principal'\">\r\n  <div class=\"app-sidebar__toolbar\"><ng-content select=\"[appSidebarToolbar]\" /></div>\r\n  <app-menu-list\r\n    class=\"app-sidebar__list\"\r\n    [items]=\"items\"\r\n    [menuId]=\"menuId\"\r\n    [dense]=\"collapsed\"\r\n    [compressText]=\"listCompressText()\"\r\n    [selectedItemId]=\"selectedItemId\"\r\n    (itemSelect)=\"itemSelect.emit($event)\"\r\n  />\r\n</nav>\r\n", styles: ["@charset \"UTF-8\";:host{display:block;min-width:0;height:100%;box-sizing:border-box}.app-sidebar{display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-height:0;box-sizing:border-box;padding:.65rem .5rem;background:var(--app-color-nav-shell-bg);border-right:1px solid var(--app-color-nav-border-subtle)}.app-sidebar--collapsed{padding-left:.5rem;padding-right:.5rem}.app-sidebar__toolbar{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center;padding:0 .1rem .4rem;min-height:0}.app-sidebar__toolbar:empty{display:none}.app-sidebar--collapsed .app-sidebar__toolbar:not(:empty){justify-content:center;padding-left:0;padding-right:0}.app-sidebar__list{flex:1 1 auto;min-height:0;overflow:auto}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { hostThemeClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], items: [{
+                type: Input,
+                args: [{ required: true }]
+            }], menuId: [{
+                type: Input
+            }], selectedItemId: [{
+                type: Input
+            }], collapsed: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], itemSelect: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2FwcC1zaGVsbC9zaWRlYmFyL3NpZGViYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9hcHAtc2hlbGwvc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osV0FBVyxFQUNYLEtBQUssRUFFTCxNQUFNLEVBRU4sZ0JBQWdCLEVBQ2hCLE1BQU0sRUFDTixNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDOUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU5QyxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7QUFFOUU7Ozs7R0FJRztBQVNILE1BQU0sT0FBTyxtQkFBbUI7SUFJOUI7OztPQUdHO0lBQ0gsSUFDYyxnQkFBZ0I7UUFDNUIsT0FBTyxxQkFBcUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLEVBQUUsRUFBRSxDQUFDO0lBQ3hELENBQUM7SUFzQkQ7UUFoQ2lCLFVBQUssR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDaEMsZUFBVSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQWF4QyxXQUFNLEdBQUcsbUJBQW1CLENBQUM7UUFFdEMsdUVBQXVFO1FBQzlELG1CQUFjLEdBQWEsSUFBSSxDQUFDO1FBRXpDLCtGQUErRjtRQUN2RCxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBRXZDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBSyxDQUFDO1FBRXREOzs7V0FHRztRQUNNLHFCQUFnQixHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUVqQyx3QkFBbUIsR0FBeUMsSUFBSSxDQUFDO1FBR3ZFLElBQUksQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDLENBQUM7SUFDakUsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxNQUFNLFdBQVcsR0FBRyxPQUFPLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDekMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ2pCLE9BQU87UUFDVCxDQUFDO1FBQ0QsSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUM7UUFFOUIsSUFBSSxXQUFXLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDNUIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDMUMsT0FBTztRQUNULENBQUM7UUFFRCxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ2hDLE9BQU87UUFDVCxDQUFDO1FBRUQsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNoQyxJQUFJLENBQUMsbUJBQW1CLEdBQUcsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUN6QyxJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDO1lBQ2hDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbkMsQ0FBQyxFQUFFLCtCQUErQixDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVPLHNCQUFzQjtRQUM1QixJQUFJLElBQUksQ0FBQyxtQkFBbUIsS0FBSyxJQUFJLEVBQUUsQ0FBQztZQUN0QyxZQUFZLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUM7WUFDdkMsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQztRQUNsQyxDQUFDO0lBQ0gsQ0FBQzsrR0FsRVUsbUJBQW1CO21HQUFuQixtQkFBbUIsbUtBcUJWLGdCQUFnQixxSkNyRHRDLHdoQkFhQSwwd0JEY1ksaUJBQWlCOzs0RkFLaEIsbUJBQW1CO2tCQVIvQixTQUFTOytCQUNFLGFBQWEsY0FDWCxJQUFJLFdBQ1AsQ0FBQyxpQkFBaUIsQ0FBQyxtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNO3dEQVdqQyxnQkFBZ0I7c0JBRDdCLFdBQVc7dUJBQUMsT0FBTztnQkFLTyxLQUFLO3NCQUEvQixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFFaEIsTUFBTTtzQkFBZCxLQUFLO2dCQUdHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBR2tDLFNBQVM7c0JBQWhELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBRW5CLFVBQVU7c0JBQTVCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENvbXBvbmVudCxcclxuICBEZXN0cm95UmVmLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBIb3N0QmluZGluZyxcclxuICBJbnB1dCxcclxuICBPbkNoYW5nZXMsXHJcbiAgT3V0cHV0LFxyXG4gIFNpbXBsZUNoYW5nZXMsXHJcbiAgYm9vbGVhbkF0dHJpYnV0ZSxcclxuICBpbmplY3QsXHJcbiAgc2lnbmFsLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNZW51TGlzdENvbXBvbmVudCB9IGZyb20gJy4uLy4uL21lbnVzL21lbnUtbGlzdC9tZW51LWxpc3QuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQXBwVGhlbWVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xyXG5pbXBvcnQgdHlwZSB7IE1lbnVOb2RlSXRlbSB9IGZyb20gJy4uLy4uL21lbnVzL19tb2RlbHMvbWVudS1pdGVtLm1vZGVsJztcclxuaW1wb3J0IHsgQVBQX1NJREVCQVJfTkFWX1JFVkVBTF9UT1RBTF9NUyB9IGZyb20gJy4uL3NpZGViYXItcmV2ZWFsLmNvbnN0YW50cyc7XHJcblxyXG4vKipcclxuICogTmF2ZWdhw6fDo28gbGF0ZXJhbCBjb20gbyBtZXNtbyBtb2RlbG8gYE1lbnVOb2RlSXRlbWAgZG9zIG1lbnVzIGRhIGxpYiAoZ3J1cG9zLCBzdWJtZW51cywgdGVjbGFkbykuXHJcbiAqIENvbSBgY29sbGFwc2VkYCwgYGFwcC1tZW51LWxpc3RgIHVzYSBgY29tcHJlc3NUZXh0YDogcsOzdHVsb3MgZGUgZ3J1cG8gKGV4LiDCq1ByaW5jaXBhbMK7KSBmaWNhbSBvY3VsdG9zO1xyXG4gKiBpdGVucyBtb3N0cmFtIHPDsyDDrWNvbmVzIGNvbSBgdGl0bGVgIC8gYGFyaWEtbGFiZWxgIHBhcmEgYWNlc3NpYmlsaWRhZGUuXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1zaWRlYmFyJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtNZW51TGlzdENvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NpZGViYXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9zaWRlYmFyLmNvbXBvbmVudC5zY3NzJyxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFwcFNpZGViYXJDb21wb25lbnQ8VCBleHRlbmRzIHN0cmluZyA9IHN0cmluZz4gaW1wbGVtZW50cyBPbkNoYW5nZXMge1xyXG4gIHByaXZhdGUgcmVhZG9ubHkgdGhlbWUgPSBpbmplY3QoQXBwVGhlbWVTZXJ2aWNlKTtcclxuICBwcml2YXRlIHJlYWRvbmx5IGRlc3Ryb3lSZWYgPSBpbmplY3QoRGVzdHJveVJlZik7XHJcblxyXG4gIC8qKlxyXG4gICAqIEdhcmFudGUgYC5hcHAtbGlicmFyeS10aGVtZWAgKyBgdGhlbWUtKmAgbm8gaG9zdCBwYXJhIHRva2VucyBgLS1hcHAtY29sb3ItbmF2LSpgIGUgbGlzdGFcclxuICAgKiBoZXJkYXJlbSBhIHBhbGV0YSBhY3RpdmEgKMO6dGlsIGZvcmEgZGEgZGVtbyBvdSBzZW0gYW50ZXBhc3NhZG8gdGVtYXRpemFkbykuXHJcbiAgICovXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXHJcbiAgcHJvdGVjdGVkIGdldCBob3N0VGhlbWVDbGFzc2VzKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gYGFwcC1saWJyYXJ5LXRoZW1lICR7dGhpcy50aGVtZS50aGVtZUNsYXNzKCl9YDtcclxuICB9XHJcblxyXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIGl0ZW1zITogcmVhZG9ubHkgTWVudU5vZGVJdGVtPFQ+W107XHJcblxyXG4gIEBJbnB1dCgpIG1lbnVJZCA9ICdhcHAtc2hlbGwtc2lkZWJhcic7XHJcblxyXG4gIC8qKiBTaW5jcm9uaXphciBjb20gbyBpdGVtIGRlIG5hdmVnYcOnw6NvIGFjdGl2byAocmVhbGNlIHBlcnNpc3RlbnRlKS4gKi9cclxuICBASW5wdXQoKSBzZWxlY3RlZEl0ZW1JZDogVCB8IG51bGwgPSBudWxsO1xyXG5cclxuICAvKiogTW9kbyBlc3RyZWl0bzogc8OzIMOtY29uZXMgKyBgY29tcHJlc3NUZXh0YCBuYSBsaXN0YSAocsOzdHVsb3MgdmlhIGB0aXRsZWAgLyBgYXJpYS1sYWJlbGApLiAqL1xyXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBjb2xsYXBzZWQgPSBmYWxzZTtcclxuXHJcbiAgQE91dHB1dCgpIHJlYWRvbmx5IGl0ZW1TZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPFQ+KCk7XHJcblxyXG4gIC8qKlxyXG4gICAqIFZhbG9yIGVmZWN0aXZvIGRlIGBjb21wcmVzc1RleHRgIGVtIGBhcHAtbWVudS1saXN0YDogYW8gZXhwYW5kaXIsIG1hbnTDqW0tc2UgY29tcHJpbWlkb1xyXG4gICAqIGF0w6kgYSBsYXRlcmFsIHRlcm1pbmFyIGEgYW5pbWHDp8OjbyBkZSBsYXJndXJhIChldml0YSBmbGlja2VyIGRlIHRleHRvKS5cclxuICAgKi9cclxuICByZWFkb25seSBsaXN0Q29tcHJlc3NUZXh0ID0gc2lnbmFsKHRydWUpO1xyXG5cclxuICBwcml2YXRlIGxpc3RSZXZlYWxUaW1lb3V0SWQ6IFJldHVyblR5cGU8dHlwZW9mIHNldFRpbWVvdXQ+IHwgbnVsbCA9IG51bGw7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgdGhpcy5kZXN0cm95UmVmLm9uRGVzdHJveSgoKSA9PiB0aGlzLmNsZWFyTGlzdFJldmVhbFRpbWVvdXQoKSk7XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICBjb25zdCBjb2xsYXBzZWRDaCA9IGNoYW5nZXNbJ2NvbGxhcHNlZCddO1xyXG4gICAgaWYgKCFjb2xsYXBzZWRDaCkge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcbiAgICB0aGlzLmNsZWFyTGlzdFJldmVhbFRpbWVvdXQoKTtcclxuXHJcbiAgICBpZiAoY29sbGFwc2VkQ2guZmlyc3RDaGFuZ2UpIHtcclxuICAgICAgdGhpcy5saXN0Q29tcHJlc3NUZXh0LnNldCh0aGlzLmNvbGxhcHNlZCk7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICBpZiAodGhpcy5jb2xsYXBzZWQpIHtcclxuICAgICAgdGhpcy5saXN0Q29tcHJlc3NUZXh0LnNldCh0cnVlKTtcclxuICAgICAgcmV0dXJuO1xyXG4gICAgfVxyXG5cclxuICAgIHRoaXMubGlzdENvbXByZXNzVGV4dC5zZXQodHJ1ZSk7XHJcbiAgICB0aGlzLmxpc3RSZXZlYWxUaW1lb3V0SWQgPSBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgdGhpcy5saXN0UmV2ZWFsVGltZW91dElkID0gbnVsbDtcclxuICAgICAgdGhpcy5saXN0Q29tcHJlc3NUZXh0LnNldChmYWxzZSk7XHJcbiAgICB9LCBBUFBfU0lERUJBUl9OQVZfUkVWRUFMX1RPVEFMX01TKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgY2xlYXJMaXN0UmV2ZWFsVGltZW91dCgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLmxpc3RSZXZlYWxUaW1lb3V0SWQgIT09IG51bGwpIHtcclxuICAgICAgY2xlYXJUaW1lb3V0KHRoaXMubGlzdFJldmVhbFRpbWVvdXRJZCk7XHJcbiAgICAgIHRoaXMubGlzdFJldmVhbFRpbWVvdXRJZCA9IG51bGw7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxuYXYgY2xhc3M9XCJhcHAtc2lkZWJhciBhcHAtbmF2LXN1cmZhY2VcIiBbY2xhc3MuYXBwLXNpZGViYXItLWNvbGxhcHNlZF09XCJjb2xsYXBzZWRcIlxyXG4gIFthdHRyLmFyaWEtbGFiZWxdPVwiJ05hdmVnYcOnw6NvIHByaW5jaXBhbCdcIj5cclxuICA8ZGl2IGNsYXNzPVwiYXBwLXNpZGViYXJfX3Rvb2xiYXJcIj48bmctY29udGVudCBzZWxlY3Q9XCJbYXBwU2lkZWJhclRvb2xiYXJdXCIgLz48L2Rpdj5cclxuICA8YXBwLW1lbnUtbGlzdFxyXG4gICAgY2xhc3M9XCJhcHAtc2lkZWJhcl9fbGlzdFwiXHJcbiAgICBbaXRlbXNdPVwiaXRlbXNcIlxyXG4gICAgW21lbnVJZF09XCJtZW51SWRcIlxyXG4gICAgW2RlbnNlXT1cImNvbGxhcHNlZFwiXHJcbiAgICBbY29tcHJlc3NUZXh0XT1cImxpc3RDb21wcmVzc1RleHQoKVwiXHJcbiAgICBbc2VsZWN0ZWRJdGVtSWRdPVwic2VsZWN0ZWRJdGVtSWRcIlxyXG4gICAgKGl0ZW1TZWxlY3QpPVwiaXRlbVNlbGVjdC5lbWl0KCRldmVudClcIlxyXG4gIC8+XHJcbjwvbmF2PlxyXG4iXX0=

package/esm2022/app/app-shell/sidebar-reveal.constants.mjs

@@ -0,0 +1,9 @@
+/**
+ * Duração da animação de largura da lateral (`flex-basis` / `width` / `padding`).
+ * Manter alinhado com `$app-sidebar-layout-duration` em `_sidebar-reveal.scss`.
+ */
+export const APP_SIDEBAR_LAYOUT_DURATION_MS = 0;
+/** Folga após o layout, antes de revelar rótulos (evita texto a “comprimir”). */
+export const APP_SIDEBAR_LABEL_REVEAL_LAG_MS = 48;
+export const APP_SIDEBAR_NAV_REVEAL_TOTAL_MS = APP_SIDEBAR_LAYOUT_DURATION_MS + APP_SIDEBAR_LABEL_REVEAL_LAG_MS;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1yZXZlYWwuY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9hcHAtc2hlbGwvc2lkZWJhci1yZXZlYWwuY29uc3RhbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7R0FHRztBQUNILE1BQU0sQ0FBQyxNQUFNLDhCQUE4QixHQUFHLENBQUMsQ0FBQztBQUVoRCxpRkFBaUY7QUFDakYsTUFBTSxDQUFDLE1BQU0sK0JBQStCLEdBQUcsRUFBRSxDQUFDO0FBRWxELE1BQU0sQ0FBQyxNQUFNLCtCQUErQixHQUMxQyw4QkFBOEIsR0FBRywrQkFBK0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxyXG4gKiBEdXJhw6fDo28gZGEgYW5pbWHDp8OjbyBkZSBsYXJndXJhIGRhIGxhdGVyYWwgKGBmbGV4LWJhc2lzYCAvIGB3aWR0aGAgLyBgcGFkZGluZ2ApLlxyXG4gKiBNYW50ZXIgYWxpbmhhZG8gY29tIGAkYXBwLXNpZGViYXItbGF5b3V0LWR1cmF0aW9uYCBlbSBgX3NpZGViYXItcmV2ZWFsLnNjc3NgLlxyXG4gKi9cclxuZXhwb3J0IGNvbnN0IEFQUF9TSURFQkFSX0xBWU9VVF9EVVJBVElPTl9NUyA9IDA7XHJcblxyXG4vKiogRm9sZ2EgYXDDs3MgbyBsYXlvdXQsIGFudGVzIGRlIHJldmVsYXIgcsOzdHVsb3MgKGV2aXRhIHRleHRvIGEg4oCcY29tcHJpbWly4oCdKS4gKi9cclxuZXhwb3J0IGNvbnN0IEFQUF9TSURFQkFSX0xBQkVMX1JFVkVBTF9MQUdfTVMgPSA0ODtcclxuXHJcbmV4cG9ydCBjb25zdCBBUFBfU0lERUJBUl9OQVZfUkVWRUFMX1RPVEFMX01TID1cclxuICBBUFBfU0lERUJBUl9MQVlPVVRfRFVSQVRJT05fTVMgKyBBUFBfU0lERUJBUl9MQUJFTF9SRVZFQUxfTEFHX01TO1xyXG4iXX0=

package/esm2022/app/app-shell/topbar/topbar.component.mjs

@@ -0,0 +1,14 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Barra superior com três zonas de projeção: início (ex.: menu), título, fim (ex.: usuário).
+ */
+export class AppTopbarComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppTopbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AppTopbarComponent, isStandalone: true, selector: "app-topbar", ngImport: i0, template: "<div class=\"app-topbar\" role=\"banner\">\r\n  <div class=\"app-topbar__start\">\r\n    <ng-content select=\"[appTopbarStart]\" />\r\n  </div>\r\n  <div class=\"app-topbar__title\">\r\n    <ng-content select=\"[appTopbarTitle]\" />\r\n  </div>\r\n  <div class=\"app-topbar__end\">\r\n    <ng-content select=\"[appTopbarEnd]\" />\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;min-width:0;box-sizing:border-box}.app-topbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;min-height:3.25rem;padding:.5rem .85rem;box-sizing:border-box;background:var(--app-color-surface, #fff);border-bottom:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));box-shadow:0 1px 2px var(--app-color-shell-shadow, rgba(26, 47, 69, .05))}.app-topbar__start,.app-topbar__end{display:flex;flex:0 0 auto;align-items:center;gap:.5rem;min-width:0}.app-topbar__title{flex:1 1 auto;min-width:0;margin:0;font-size:1.05rem;font-weight:600;color:var(--app-color-text-primary, #1a2f45);line-height:1.3}@media (max-width: 767.98px){.app-topbar{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:.5rem;row-gap:.35rem;min-height:auto;padding:.45rem .65rem .55rem}.app-topbar__start{grid-column:1;grid-row:1}.app-topbar__end{grid-column:3;grid-row:1;justify-self:end}.app-topbar__title{grid-column:1/-1;grid-row:2;flex:unset;font-size:.98rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppTopbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-topbar', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"app-topbar\" role=\"banner\">\r\n  <div class=\"app-topbar__start\">\r\n    <ng-content select=\"[appTopbarStart]\" />\r\n  </div>\r\n  <div class=\"app-topbar__title\">\r\n    <ng-content select=\"[appTopbarTitle]\" />\r\n  </div>\r\n  <div class=\"app-topbar__end\">\r\n    <ng-content select=\"[appTopbarEnd]\" />\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;min-width:0;box-sizing:border-box}.app-topbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;min-height:3.25rem;padding:.5rem .85rem;box-sizing:border-box;background:var(--app-color-surface, #fff);border-bottom:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));box-shadow:0 1px 2px var(--app-color-shell-shadow, rgba(26, 47, 69, .05))}.app-topbar__start,.app-topbar__end{display:flex;flex:0 0 auto;align-items:center;gap:.5rem;min-width:0}.app-topbar__title{flex:1 1 auto;min-width:0;margin:0;font-size:1.05rem;font-weight:600;color:var(--app-color-text-primary, #1a2f45);line-height:1.3}@media (max-width: 767.98px){.app-topbar{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:.5rem;row-gap:.35rem;min-height:auto;padding:.45rem .65rem .55rem}.app-topbar__start{grid-column:1;grid-row:1}.app-topbar__end{grid-column:3;grid-row:1;justify-self:end}.app-topbar__title{grid-column:1/-1;grid-row:2;flex:unset;font-size:.98rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9wYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvYXBwLXNoZWxsL3RvcGJhci90b3BiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9hcHAtc2hlbGwvdG9wYmFyL3RvcGJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUVuRTs7R0FFRztBQVFILE1BQU0sT0FBTyxrQkFBa0I7K0dBQWxCLGtCQUFrQjttR0FBbEIsa0JBQWtCLHNFQ1ovQixxV0FXQTs7NEZEQ2Esa0JBQWtCO2tCQVA5QixTQUFTOytCQUNFLFlBQVksY0FDVixJQUFJLG1CQUdDLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG4vKipcclxuICogQmFycmEgc3VwZXJpb3IgY29tIHRyw6pzIHpvbmFzIGRlIHByb2plw6fDo286IGluw61jaW8gKGV4LjogbWVudSksIHTDrXR1bG8sIGZpbSAoZXguOiB1c3XDoXJpbykuXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC10b3BiYXInLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RvcGJhci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3RvcGJhci5jb21wb25lbnQuc2NzcycsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBcHBUb3BiYXJDb21wb25lbnQge31cclxuIiwiPGRpdiBjbGFzcz1cImFwcC10b3BiYXJcIiByb2xlPVwiYmFubmVyXCI+XHJcbiAgPGRpdiBjbGFzcz1cImFwcC10b3BiYXJfX3N0YXJ0XCI+XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbYXBwVG9wYmFyU3RhcnRdXCIgLz5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwiYXBwLXRvcGJhcl9fdGl0bGVcIj5cclxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlthcHBUb3BiYXJUaXRsZV1cIiAvPlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJhcHAtdG9wYmFyX19lbmRcIj5cclxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlthcHBUb3BiYXJFbmRdXCIgLz5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/app/app-shell/user-menu/user-menu.component.mjs

@@ -0,0 +1,52 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, booleanAttribute, } from '@angular/core';
+import { DropdownMenuComponent } from '../../menus/dropdown-menu/dropdown-menu.component';
+import { MenuDropdownPlacement } from '../../menus/_models/menu-dropdown-placement.model';
+import * as i0 from "@angular/core";
+/**
+ * Menu do usuário: `app-dropdown-menu` com gatilho personalizado (avatar ou ícone).
+ */
+export class AppUserMenuComponent {
+    constructor() {
+        this.menuId = 'app-user-menu';
+        this.placement = MenuDropdownPlacement.Below;
+        this.minWidthPx = 220;
+        /** Texto junto ao avatar (oculto em ecrãs muito estreitos via CSS). */
+        this.displayName = '';
+        /** URL de imagem para avatar; sem valor usa ícone genérico. */
+        this.avatarUrl = '';
+        this.triggerLabel = 'Menu do usuário';
+        this.showName = true;
+        this.itemSelect = new EventEmitter();
+        this.openChange = new EventEmitter();
+        this.MenuDropdownPlacement = MenuDropdownPlacement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppUserMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AppUserMenuComponent, isStandalone: true, selector: "app-user-menu", inputs: { items: "items", menuId: "menuId", placement: "placement", minWidthPx: "minWidthPx", displayName: "displayName", avatarUrl: "avatarUrl", triggerLabel: "triggerLabel", showName: ["showName", "showName", booleanAttribute] }, outputs: { itemSelect: "itemSelect", openChange: "openChange" }, ngImport: i0, template: "<app-dropdown-menu\r\n  class=\"user-menu__dropdown\"\r\n  [items]=\"items\"\r\n  [placement]=\"placement\"\r\n  [minWidthPx]=\"minWidthPx\"\r\n  [matchTriggerWidth]=\"false\"\r\n  [menuId]=\"menuId\"\r\n  (itemSelect)=\"itemSelect.emit($event)\"\r\n  (openChange)=\"openChange.emit($event)\"\r\n>\r\n  <button type=\"button\" class=\"user-menu__trigger\" [attr.aria-label]=\"triggerLabel\">\r\n    @if (avatarUrl.trim()) {\r\n      <img class=\"user-menu__avatar\" [src]=\"avatarUrl\" alt=\"\" width=\"32\" height=\"32\" />\r\n    } @else {\r\n      <span class=\"user-menu__avatar-fallback\" aria-hidden=\"true\">\r\n        <i class=\"fa-solid fa-user\"></i>\r\n      </span>\r\n    }\r\n    @if (showName && displayName.trim()) {\r\n      <span class=\"user-menu__name\">{{ displayName }}</span>\r\n    }\r\n  </button>\r\n</app-dropdown-menu>\r\n", styles: [":host{display:inline-block;max-width:100%;vertical-align:middle}.user-menu__dropdown{display:inline-block;max-width:100%}.user-menu__trigger{display:inline-flex;align-items:center;gap:.5rem;max-width:100%;min-height:2.25rem;padding:.2rem .5rem;margin:0;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .12));border-radius:8px;background:var(--app-color-surface-alt, #fff);color:var(--app-color-text-primary, #1a2f45);font:inherit;cursor:pointer;box-sizing:border-box}.user-menu__trigger:hover{background:var(--app-color-hover-bg, rgba(43, 127, 217, .08))}.user-menu__trigger:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:2px}.user-menu__avatar{flex:0 0 auto;border-radius:50%;object-fit:cover}.user-menu__avatar-fallback{display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:50%;background:var(--app-color-primary-muted, rgba(43, 127, 217, .14));color:var(--app-color-primary, #2b7fd9);font-size:.95rem}.user-menu__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500}@media (max-width: 480px){.user-menu__name{display:none}}\n"], dependencies: [{ kind: "component", type: DropdownMenuComponent, selector: "app-dropdown-menu", inputs: ["items", "placement", "minWidthPx", "matchTriggerWidth", "menuId"], outputs: ["itemSelect", "openChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppUserMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-user-menu', standalone: true, imports: [DropdownMenuComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<app-dropdown-menu\r\n  class=\"user-menu__dropdown\"\r\n  [items]=\"items\"\r\n  [placement]=\"placement\"\r\n  [minWidthPx]=\"minWidthPx\"\r\n  [matchTriggerWidth]=\"false\"\r\n  [menuId]=\"menuId\"\r\n  (itemSelect)=\"itemSelect.emit($event)\"\r\n  (openChange)=\"openChange.emit($event)\"\r\n>\r\n  <button type=\"button\" class=\"user-menu__trigger\" [attr.aria-label]=\"triggerLabel\">\r\n    @if (avatarUrl.trim()) {\r\n      <img class=\"user-menu__avatar\" [src]=\"avatarUrl\" alt=\"\" width=\"32\" height=\"32\" />\r\n    } @else {\r\n      <span class=\"user-menu__avatar-fallback\" aria-hidden=\"true\">\r\n        <i class=\"fa-solid fa-user\"></i>\r\n      </span>\r\n    }\r\n    @if (showName && displayName.trim()) {\r\n      <span class=\"user-menu__name\">{{ displayName }}</span>\r\n    }\r\n  </button>\r\n</app-dropdown-menu>\r\n", styles: [":host{display:inline-block;max-width:100%;vertical-align:middle}.user-menu__dropdown{display:inline-block;max-width:100%}.user-menu__trigger{display:inline-flex;align-items:center;gap:.5rem;max-width:100%;min-height:2.25rem;padding:.2rem .5rem;margin:0;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .12));border-radius:8px;background:var(--app-color-surface-alt, #fff);color:var(--app-color-text-primary, #1a2f45);font:inherit;cursor:pointer;box-sizing:border-box}.user-menu__trigger:hover{background:var(--app-color-hover-bg, rgba(43, 127, 217, .08))}.user-menu__trigger:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:2px}.user-menu__avatar{flex:0 0 auto;border-radius:50%;object-fit:cover}.user-menu__avatar-fallback{display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:50%;background:var(--app-color-primary-muted, rgba(43, 127, 217, .14));color:var(--app-color-primary, #2b7fd9);font-size:.95rem}.user-menu__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500}@media (max-width: 480px){.user-menu__name{display:none}}\n"] }]
+        }], propDecorators: { items: [{
+                type: Input,
+                args: [{ required: true }]
+            }], menuId: [{
+                type: Input
+            }], placement: [{
+                type: Input
+            }], minWidthPx: [{
+                type: Input
+            }], displayName: [{
+                type: Input
+            }], avatarUrl: [{
+                type: Input
+            }], triggerLabel: [{
+                type: Input
+            }], showName: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], itemSelect: [{
+                type: Output
+            }], openChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvYXBwLXNoZWxsL3VzZXItbWVudS91c2VyLW1lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9hcHAtc2hlbGwvdXNlci1tZW51L3VzZXItbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixnQkFBZ0IsR0FDakIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDMUYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sbURBQW1ELENBQUM7O0FBRzFGOztHQUVHO0FBU0gsTUFBTSxPQUFPLG9CQUFvQjtJQVJqQztRQVdXLFdBQU0sR0FBRyxlQUFlLENBQUM7UUFFekIsY0FBUyxHQUEwQixxQkFBcUIsQ0FBQyxLQUFLLENBQUM7UUFFL0QsZUFBVSxHQUFHLEdBQUcsQ0FBQztRQUUxQix1RUFBdUU7UUFDOUQsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFFMUIsK0RBQStEO1FBQ3RELGNBQVMsR0FBRyxFQUFFLENBQUM7UUFFZixpQkFBWSxHQUFHLGlCQUFpQixDQUFDO1FBRUYsYUFBUSxHQUFHLElBQUksQ0FBQztRQUVyQyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQUssQ0FBQztRQUNuQyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUVuRCwwQkFBcUIsR0FBRyxxQkFBcUIsQ0FBQztLQUN4RDsrR0F2Qlksb0JBQW9CO21HQUFwQixvQkFBb0Isb1FBaUJYLGdCQUFnQiw4RkN4Q3RDLHExQkF1QkEsNnZDRExZLHFCQUFxQjs7NEZBS3BCLG9CQUFvQjtrQkFSaEMsU0FBUzsrQkFDRSxlQUFlLGNBQ2IsSUFBSSxXQUNQLENBQUMscUJBQXFCLENBQUMsbUJBR2YsdUJBQXVCLENBQUMsTUFBTTs4QkFHcEIsS0FBSztzQkFBL0IsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBRWhCLE1BQU07c0JBQWQsS0FBSztnQkFFRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBR0csV0FBVztzQkFBbkIsS0FBSztnQkFHRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRWtDLFFBQVE7c0JBQS9DLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBRW5CLFVBQVU7c0JBQTVCLE1BQU07Z0JBQ1ksVUFBVTtzQkFBNUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgYm9vbGVhbkF0dHJpYnV0ZSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEcm9wZG93bk1lbnVDb21wb25lbnQgfSBmcm9tICcuLi8uLi9tZW51cy9kcm9wZG93bi1tZW51L2Ryb3Bkb3duLW1lbnUuY29tcG9uZW50JztcbmltcG9ydCB7IE1lbnVEcm9wZG93blBsYWNlbWVudCB9IGZyb20gJy4uLy4uL21lbnVzL19tb2RlbHMvbWVudS1kcm9wZG93bi1wbGFjZW1lbnQubW9kZWwnO1xuaW1wb3J0IHR5cGUgeyBNZW51Tm9kZUl0ZW0gfSBmcm9tICcuLi8uLi9tZW51cy9fbW9kZWxzL21lbnUtaXRlbS5tb2RlbCc7XG5cbi8qKlxuICogTWVudSBkbyB1c3XDoXJpbzogYGFwcC1kcm9wZG93bi1tZW51YCBjb20gZ2F0aWxobyBwZXJzb25hbGl6YWRvIChhdmF0YXIgb3Ugw61jb25lKS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXVzZXItbWVudScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtEcm9wZG93bk1lbnVDb21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vdXNlci1tZW51LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3VzZXItbWVudS5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBcHBVc2VyTWVudUNvbXBvbmVudDxUIGV4dGVuZHMgc3RyaW5nID0gc3RyaW5nPiB7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIGl0ZW1zITogcmVhZG9ubHkgTWVudU5vZGVJdGVtPFQ+W107XG5cbiAgQElucHV0KCkgbWVudUlkID0gJ2FwcC11c2VyLW1lbnUnO1xuXG4gIEBJbnB1dCgpIHBsYWNlbWVudDogTWVudURyb3Bkb3duUGxhY2VtZW50ID0gTWVudURyb3Bkb3duUGxhY2VtZW50LkJlbG93O1xuXG4gIEBJbnB1dCgpIG1pbldpZHRoUHggPSAyMjA7XG5cbiAgLyoqIFRleHRvIGp1bnRvIGFvIGF2YXRhciAob2N1bHRvIGVtIGVjcsOjcyBtdWl0byBlc3RyZWl0b3MgdmlhIENTUykuICovXG4gIEBJbnB1dCgpIGRpc3BsYXlOYW1lID0gJyc7XG5cbiAgLyoqIFVSTCBkZSBpbWFnZW0gcGFyYSBhdmF0YXI7IHNlbSB2YWxvciB1c2Egw61jb25lIGdlbsOpcmljby4gKi9cbiAgQElucHV0KCkgYXZhdGFyVXJsID0gJyc7XG5cbiAgQElucHV0KCkgdHJpZ2dlckxhYmVsID0gJ01lbnUgZG8gdXN1w6FyaW8nO1xuXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBzaG93TmFtZSA9IHRydWU7XG5cbiAgQE91dHB1dCgpIHJlYWRvbmx5IGl0ZW1TZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPFQ+KCk7XG4gIEBPdXRwdXQoKSByZWFkb25seSBvcGVuQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIHJlYWRvbmx5IE1lbnVEcm9wZG93blBsYWNlbWVudCA9IE1lbnVEcm9wZG93blBsYWNlbWVudDtcbn1cbiIsIjxhcHAtZHJvcGRvd24tbWVudVxyXG4gIGNsYXNzPVwidXNlci1tZW51X19kcm9wZG93blwiXHJcbiAgW2l0ZW1zXT1cIml0ZW1zXCJcclxuICBbcGxhY2VtZW50XT1cInBsYWNlbWVudFwiXHJcbiAgW21pbldpZHRoUHhdPVwibWluV2lkdGhQeFwiXHJcbiAgW21hdGNoVHJpZ2dlcldpZHRoXT1cImZhbHNlXCJcclxuICBbbWVudUlkXT1cIm1lbnVJZFwiXHJcbiAgKGl0ZW1TZWxlY3QpPVwiaXRlbVNlbGVjdC5lbWl0KCRldmVudClcIlxyXG4gIChvcGVuQ2hhbmdlKT1cIm9wZW5DaGFuZ2UuZW1pdCgkZXZlbnQpXCJcclxuPlxyXG4gIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwidXNlci1tZW51X190cmlnZ2VyXCIgW2F0dHIuYXJpYS1sYWJlbF09XCJ0cmlnZ2VyTGFiZWxcIj5cclxuICAgIEBpZiAoYXZhdGFyVXJsLnRyaW0oKSkge1xyXG4gICAgICA8aW1nIGNsYXNzPVwidXNlci1tZW51X19hdmF0YXJcIiBbc3JjXT1cImF2YXRhclVybFwiIGFsdD1cIlwiIHdpZHRoPVwiMzJcIiBoZWlnaHQ9XCIzMlwiIC8+XHJcbiAgICB9IEBlbHNlIHtcclxuICAgICAgPHNwYW4gY2xhc3M9XCJ1c2VyLW1lbnVfX2F2YXRhci1mYWxsYmFja1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxyXG4gICAgICAgIDxpIGNsYXNzPVwiZmEtc29saWQgZmEtdXNlclwiPjwvaT5cclxuICAgICAgPC9zcGFuPlxyXG4gICAgfVxyXG4gICAgQGlmIChzaG93TmFtZSAmJiBkaXNwbGF5TmFtZS50cmltKCkpIHtcclxuICAgICAgPHNwYW4gY2xhc3M9XCJ1c2VyLW1lbnVfX25hbWVcIj57eyBkaXNwbGF5TmFtZSB9fTwvc3Bhbj5cclxuICAgIH1cclxuICA8L2J1dHRvbj5cclxuPC9hcHAtZHJvcGRvd24tbWVudT5cclxuIl19