structra-ui 0.1.3 → 0.1.5

package/esm2022/app/menus/drawer/drawer.component.mjs

@@ -0,0 +1,140 @@
+import { NgClass } from '@angular/common';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Injector, Input, Output, ViewChild, afterNextRender, booleanAttribute, inject, } from '@angular/core';
+import { DrawerSide } from '../_models/drawer-side.model';
+import { DrawerSize } from '../_models/drawer-size.model';
+import * as i0 from "@angular/core";
+let drawerTitleSeq = 0;
+export class DrawerComponent {
+    constructor() {
+        this.cdr = inject(ChangeDetectorRef);
+        this.injector = inject(Injector);
+        this.hostEl = inject((ElementRef));
+        this.open = false;
+        this.side = DrawerSide.Right;
+        this.size = DrawerSize.Md;
+        this.title = '';
+        this.showCloseButton = true;
+        this.openChange = new EventEmitter();
+        this.DrawerSide = DrawerSide;
+        this.DrawerSize = DrawerSize;
+        this.titleId = `app-drawer-title-${++drawerTitleSeq}`;
+        this.focusPreOpen = null;
+        /** Igual ao `app-dialog`: backdrop + painel no `body` para `backdrop-filter` correcto. */
+        this.bodyRestoreParent = null;
+        this.bodyRestoreNext = null;
+    }
+    get panelClasses() {
+        return {
+            [`app-drawer__panel--side-${this.side}`]: true,
+            [`app-drawer__panel--size-${this.size}`]: true,
+        };
+    }
+    ngOnChanges(changes) {
+        if (!changes['open']) {
+            return;
+        }
+        if (this.open) {
+            this.attachHostToBody();
+            const a = document.activeElement;
+            if (a instanceof HTMLElement && a !== document.body) {
+                this.focusPreOpen = a;
+            }
+            afterNextRender(() => {
+                if (this.open) {
+                    this.panelRef?.nativeElement?.focus({ preventScroll: true });
+                }
+            }, { injector: this.injector });
+        }
+        else if (changes['open'].previousValue === true) {
+            this.detachHostFromBody();
+            this.restoreFocus();
+        }
+    }
+    ngOnDestroy() {
+        this.detachHostFromBody();
+    }
+    attachHostToBody() {
+        const el = this.hostEl.nativeElement;
+        if (el.parentElement === document.body) {
+            return;
+        }
+        this.bodyRestoreParent = el.parentElement;
+        this.bodyRestoreNext = el.nextSibling;
+        document.body.appendChild(el);
+    }
+    detachHostFromBody() {
+        const el = this.hostEl.nativeElement;
+        if (el.parentElement !== document.body) {
+            this.bodyRestoreParent = null;
+            this.bodyRestoreNext = null;
+            return;
+        }
+        const parent = this.bodyRestoreParent;
+        const next = this.bodyRestoreNext;
+        this.bodyRestoreParent = null;
+        this.bodyRestoreNext = null;
+        if (parent && document.body.contains(parent)) {
+            if (next && next.parentNode === parent) {
+                parent.insertBefore(el, next);
+                return;
+            }
+            parent.appendChild(el);
+            return;
+        }
+        const appRoot = document.querySelector('app-root');
+        if (appRoot) {
+            appRoot.appendChild(el);
+        }
+    }
+    onBackdropClick() {
+        this.requestClose();
+    }
+    onCloseClick() {
+        this.requestClose();
+    }
+    onPanelKeydown(ev) {
+        if (ev.key === 'Escape') {
+            ev.preventDefault();
+            this.requestClose();
+        }
+    }
+    requestClose() {
+        if (!this.open) {
+            return;
+        }
+        this.openChange.emit(false);
+    }
+    restoreFocus() {
+        if (this.focusPreOpen && document.contains(this.focusPreOpen)) {
+            this.focusPreOpen.focus({ preventScroll: true });
+        }
+        this.focusPreOpen = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DrawerComponent, isStandalone: true, selector: "app-drawer", inputs: { open: ["open", "open", booleanAttribute], side: "side", size: "size", title: "title", showCloseButton: ["showCloseButton", "showCloseButton", booleanAttribute] }, outputs: { openChange: "openChange" }, host: { properties: { "class.app-drawer-host--open": "open" }, classAttribute: "app-drawer-host" }, viewQueries: [{ propertyName: "panelRef", first: true, predicate: ["panelRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (open) {\r\n  <div\r\n    class=\"app-drawer__backdrop\"\r\n    role=\"presentation\"\r\n    tabindex=\"-1\"\r\n    (click)=\"onBackdropClick()\"\r\n  ></div>\r\n\r\n  <aside\r\n    #panelRef\r\n    class=\"app-drawer__panel\"\r\n    [ngClass]=\"panelClasses\"\r\n    role=\"dialog\"\r\n    aria-modal=\"true\"\r\n    [attr.aria-labelledby]=\"title.trim() ? titleId : null\"\r\n    tabindex=\"-1\"\r\n    (keydown)=\"onPanelKeydown($event)\"\r\n  >\r\n    <header class=\"app-drawer__header\">\r\n      @if (title.trim()) {\r\n        <h2 class=\"app-drawer__title\" [id]=\"titleId\">{{ title }}</h2>\r\n      }\r\n      @if (showCloseButton) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"app-drawer__close\"\r\n          aria-label=\"Fechar painel\"\r\n          (click)=\"onCloseClick()\"\r\n        >\r\n          <span class=\"app-drawer__close-x\" aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n      }\r\n    </header>\r\n\r\n    <div class=\"app-drawer__body\">\r\n      <ng-content />\r\n    </div>\r\n\r\n    <footer class=\"app-drawer__footer\">\r\n      <ng-content select=\"[appDrawerFooter]\" />\r\n    </footer>\r\n  </aside>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:block}.app-drawer__backdrop{position:fixed;inset:0;z-index:var(--app-z-drawer-backdrop, 1100);background:#1a2f456b;backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);animation:app-drawer-backdrop-in .22s ease-out both}@keyframes app-drawer-backdrop-in{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05)}}.app-drawer__panel{position:fixed;z-index:var(--app-z-drawer-panel, 1101);display:flex;flex-direction:column;max-width:100vw;max-height:100vh;box-sizing:border-box;background:var(--app-color-surface, #fff);border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));box-shadow:-4px 0 24px var(--app-color-elevated-shadow, rgba(43, 127, 217, .07));outline:none}.app-drawer__panel--side-right{top:0;right:0;bottom:0;animation:app-drawer-slide-in-right .24s ease-out}.app-drawer__panel--side-left{top:0;left:0;bottom:0;animation:app-drawer-slide-in-left .24s ease-out;box-shadow:4px 0 24px var(--app-color-elevated-shadow, rgba(43, 127, 217, .07))}.app-drawer__panel--side-bottom{inset:auto 0 0;max-height:min(88vh,32rem);border-radius:8px 8px 0 0;animation:app-drawer-slide-in-bottom .24s ease-out}.app-drawer__panel--side-right.app-drawer__panel--size-sm,.app-drawer__panel--side-left.app-drawer__panel--size-sm{width:min(18rem,90vw)}.app-drawer__panel--side-right.app-drawer__panel--size-md,.app-drawer__panel--side-left.app-drawer__panel--size-md{width:min(24rem,90vw)}.app-drawer__panel--side-right.app-drawer__panel--size-lg,.app-drawer__panel--side-left.app-drawer__panel--size-lg{width:min(32rem,90vw)}.app-drawer__panel--side-bottom.app-drawer__panel--size-sm{min-height:12rem}.app-drawer__panel--side-bottom.app-drawer__panel--size-md{min-height:16rem}.app-drawer__panel--side-bottom.app-drawer__panel--size-lg{min-height:22rem}@keyframes app-drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes app-drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes app-drawer-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.app-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1rem .75rem;border-bottom:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));flex:0 0 auto}.app-drawer__title{margin:0;font-size:1.05rem;font-weight:600;color:var(--app-color-text-primary, #1a2f45);line-height:1.3;flex:1;min-width:0}.app-drawer__close{flex:0 0 auto;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid var(--app-color-border, #d4d4d4);background:var(--app-color-surface-alt, #fff);color:var(--app-color-text-secondary, #5a7fa3);cursor:pointer;margin:0;padding:0}.app-drawer__close:hover{background:var(--app-color-hover-bg, rgba(43, 127, 217, .08))}.app-drawer__close:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:2px}.app-drawer__close-x{font-size:1.35rem;line-height:1}.app-drawer__body{flex:1 1 auto;min-height:0;overflow:auto;padding:1rem;color:var(--app-color-text-primary, #1a2f45);font-size:.9rem;line-height:1.5}.app-drawer__footer{flex:0 0 auto;padding:.75rem 1rem 1rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.app-drawer__footer:empty{display:none;padding:0;border:none}@media (prefers-reduced-motion: reduce){.app-drawer__backdrop{animation:none}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DrawerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-drawer', standalone: true, imports: [NgClass], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'app-drawer-host',
+                        '[class.app-drawer-host--open]': 'open',
+                    }, template: "@if (open) {\r\n  <div\r\n    class=\"app-drawer__backdrop\"\r\n    role=\"presentation\"\r\n    tabindex=\"-1\"\r\n    (click)=\"onBackdropClick()\"\r\n  ></div>\r\n\r\n  <aside\r\n    #panelRef\r\n    class=\"app-drawer__panel\"\r\n    [ngClass]=\"panelClasses\"\r\n    role=\"dialog\"\r\n    aria-modal=\"true\"\r\n    [attr.aria-labelledby]=\"title.trim() ? titleId : null\"\r\n    tabindex=\"-1\"\r\n    (keydown)=\"onPanelKeydown($event)\"\r\n  >\r\n    <header class=\"app-drawer__header\">\r\n      @if (title.trim()) {\r\n        <h2 class=\"app-drawer__title\" [id]=\"titleId\">{{ title }}</h2>\r\n      }\r\n      @if (showCloseButton) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"app-drawer__close\"\r\n          aria-label=\"Fechar painel\"\r\n          (click)=\"onCloseClick()\"\r\n        >\r\n          <span class=\"app-drawer__close-x\" aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n      }\r\n    </header>\r\n\r\n    <div class=\"app-drawer__body\">\r\n      <ng-content />\r\n    </div>\r\n\r\n    <footer class=\"app-drawer__footer\">\r\n      <ng-content select=\"[appDrawerFooter]\" />\r\n    </footer>\r\n  </aside>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:block}.app-drawer__backdrop{position:fixed;inset:0;z-index:var(--app-z-drawer-backdrop, 1100);background:#1a2f456b;backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);animation:app-drawer-backdrop-in .22s ease-out both}@keyframes app-drawer-backdrop-in{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05)}}.app-drawer__panel{position:fixed;z-index:var(--app-z-drawer-panel, 1101);display:flex;flex-direction:column;max-width:100vw;max-height:100vh;box-sizing:border-box;background:var(--app-color-surface, #fff);border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));box-shadow:-4px 0 24px var(--app-color-elevated-shadow, rgba(43, 127, 217, .07));outline:none}.app-drawer__panel--side-right{top:0;right:0;bottom:0;animation:app-drawer-slide-in-right .24s ease-out}.app-drawer__panel--side-left{top:0;left:0;bottom:0;animation:app-drawer-slide-in-left .24s ease-out;box-shadow:4px 0 24px var(--app-color-elevated-shadow, rgba(43, 127, 217, .07))}.app-drawer__panel--side-bottom{inset:auto 0 0;max-height:min(88vh,32rem);border-radius:8px 8px 0 0;animation:app-drawer-slide-in-bottom .24s ease-out}.app-drawer__panel--side-right.app-drawer__panel--size-sm,.app-drawer__panel--side-left.app-drawer__panel--size-sm{width:min(18rem,90vw)}.app-drawer__panel--side-right.app-drawer__panel--size-md,.app-drawer__panel--side-left.app-drawer__panel--size-md{width:min(24rem,90vw)}.app-drawer__panel--side-right.app-drawer__panel--size-lg,.app-drawer__panel--side-left.app-drawer__panel--size-lg{width:min(32rem,90vw)}.app-drawer__panel--side-bottom.app-drawer__panel--size-sm{min-height:12rem}.app-drawer__panel--side-bottom.app-drawer__panel--size-md{min-height:16rem}.app-drawer__panel--side-bottom.app-drawer__panel--size-lg{min-height:22rem}@keyframes app-drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes app-drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes app-drawer-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.app-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1rem .75rem;border-bottom:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));flex:0 0 auto}.app-drawer__title{margin:0;font-size:1.05rem;font-weight:600;color:var(--app-color-text-primary, #1a2f45);line-height:1.3;flex:1;min-width:0}.app-drawer__close{flex:0 0 auto;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid var(--app-color-border, #d4d4d4);background:var(--app-color-surface-alt, #fff);color:var(--app-color-text-secondary, #5a7fa3);cursor:pointer;margin:0;padding:0}.app-drawer__close:hover{background:var(--app-color-hover-bg, rgba(43, 127, 217, .08))}.app-drawer__close:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:2px}.app-drawer__close-x{font-size:1.35rem;line-height:1}.app-drawer__body{flex:1 1 auto;min-height:0;overflow:auto;padding:1rem;color:var(--app-color-text-primary, #1a2f45);font-size:.9rem;line-height:1.5}.app-drawer__footer{flex:0 0 auto;padding:.75rem 1rem 1rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.app-drawer__footer:empty{display:none;padding:0;border:none}@media (prefers-reduced-motion: reduce){.app-drawer__backdrop{animation:none}}\n"] }]
+        }], propDecorators: { open: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], side: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], showCloseButton: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], openChange: [{
+                type: Output
+            }], panelRef: [{
+                type: ViewChild,
+                args: ['panelRef']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbWVudXMvZHJhd2VyL2RyYXdlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21lbnVzL2RyYXdlci9kcmF3ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsWUFBWSxFQUNaLFFBQVEsRUFDUixLQUFLLEVBR0wsTUFBTSxFQUVOLFNBQVMsRUFDVCxlQUFlLEVBQ2YsZ0JBQWdCLEVBQ2hCLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQUUxRCxJQUFJLGNBQWMsR0FBRyxDQUFDLENBQUM7QUFjdkIsTUFBTSxPQUFPLGVBQWU7SUFaNUI7UUFhbUIsUUFBRyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ2hDLGFBQVEsR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDNUIsV0FBTSxHQUFHLE1BQU0sQ0FBQyxDQUFBLFVBQXVCLENBQUEsQ0FBQyxDQUFDO1FBRWxCLFNBQUksR0FBRyxLQUFLLENBQUM7UUFFNUMsU0FBSSxHQUFlLFVBQVUsQ0FBQyxLQUFLLENBQUM7UUFFcEMsU0FBSSxHQUFlLFVBQVUsQ0FBQyxFQUFFLENBQUM7UUFFakMsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUVvQixvQkFBZSxHQUFHLElBQUksQ0FBQztRQUU1QyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUluRCxlQUFVLEdB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Q0QsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7SUFDM0IsQ0FBQzsrR0EvSFUsZUFBZTttR0FBZixlQUFlLCtFQUtOLGdCQUFnQix1R0FRaEIsZ0JBQWdCLG1TQ2hEdEMsd3FDQTJDQSw2bUhEakJZLE9BQU87OzRGQVNOLGVBQWU7a0JBWjNCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLE9BQU8sQ0FBQyxtQkFHRCx1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNKLEtBQUssRUFBRSxpQkFBaUI7d0JBQ3hCLCtCQUErQixFQUFFLE1BQU07cUJBQ3hDOzhCQU91QyxJQUFJO3NCQUEzQyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUU3QixJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSztnQkFFa0MsZUFBZTtzQkFBdEQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFFbkIsVUFBVTtzQkFBNUIsTUFBTTtnQkFFd0IsUUFBUTtzQkFBdEMsU0FBUzt1QkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbmplY3RvcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25EZXN0cm95LFxuICBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIFZpZXdDaGlsZCxcbiAgYWZ0ZXJOZXh0UmVuZGVyLFxuICBib29sZWFuQXR0cmlidXRlLFxuICBpbmplY3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRHJhd2VyU2lkZSB9IGZyb20gJy4uL19tb2RlbHMvZHJhd2VyLXNpZGUubW9kZWwnO1xuaW1wb3J0IHsgRHJhd2VyU2l6ZSB9IGZyb20gJy4uL19tb2RlbHMvZHJhd2VyLXNpemUubW9kZWwnO1xuXG5sZXQgZHJhd2VyVGl0bGVTZXEgPSAwO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtZHJhd2VyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nQ2xhc3NdLFxuICB0ZW1wbGF0ZVVybDogJy4vZHJhd2VyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2RyYXdlci5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdhcHAtZHJhd2VyLWhvc3QnLFxuICAgICdbY2xhc3MuYXBwLWRyYXdlci1ob3N0LS1vcGVuXSc6ICdvcGVuJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgRHJhd2VyQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xuICBwcml2YXRlIHJlYWRvbmx5IGNkciA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG4gIHByaXZhdGUgcmVhZG9ubHkgaW5qZWN0b3IgPSBpbmplY3QoSW5qZWN0b3IpO1xuICBwcml2YXRlIHJlYWRvbmx5IGhvc3RFbCA9IGluamVjdChFbGVtZW50UmVmPEhUTUxFbGVtZW50Pik7XG5cbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIG9wZW4gPSBmYWxzZTtcblxuICBASW5wdXQoKSBzaWRlOiBEcmF3ZXJTaWRlID0gRHJhd2VyU2lkZS5SaWdodDtcblxuICBASW5wdXQoKSBzaXplOiBEcmF3ZXJTaXplID0gRHJhd2VyU2l6ZS5NZDtcblxuICBASW5wdXQoKSB0aXRsZSA9ICcnO1xuXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBzaG93Q2xvc2VCdXR0b24gPSB0cnVlO1xuXG4gIEBPdXRwdXQoKSByZWFkb25seSBvcGVuQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIEBWaWV3Q2hpbGQoJ3BhbmVsUmVmJykgcHJpdmF0ZSBwYW5lbFJlZj86IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xuXG4gIHJlYWRvbmx5IERyYXdlclNpZGUgPSBEcmF3ZXJTaWRlO1xuICByZWFkb25seSBEcmF3ZXJTaXplID0gRHJhd2VyU2l6ZTtcblxuICByZWFkb25seSB0aXRsZUlkID0gYGFwcC1kcmF3ZXItdGl0bGUtJHsrK2RyYXdlclRpdGxlU2VxfWA7XG5cbiAgcHJpdmF0ZSBmb2N1c1ByZU9wZW46IEhUTUxFbGVtZW50IHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqIElndWFsIGFvIGBhcHAtZGlhbG9nYDogYmFja2Ryb3AgKyBwYWluZWwgbm8gYGJvZHlgIHBhcmEgYGJhY2tkcm9wLWZpbHRlcmAgY29ycmVjdG8uICovXG4gIHByaXZhdGUgYm9keVJlc3RvcmVQYXJlbnQ6IEhUTUxFbGVtZW50IHwgbnVsbCA9IG51bGw7XG4gIHByaXZhdGUgYm9keVJlc3RvcmVOZXh0OiBDaGlsZE5vZGUgfCBudWxsID0gbnVsbDtcblxuICBnZXQgcGFuZWxDbGFzc2VzKCk6IFJlY29yZDxzdHJpbmcsIGJvb2xlYW4+IHtcbiAgICByZXR1cm4ge1xuICAgICAgW2BhcHAtZHJhd2VyX19wYW5lbC0tc2lkZS0ke3RoaXMuc2lkZX1gXTogdHJ1ZSxcbiAgICAgIFtgYXBwLWRyYXdlcl9fcGFuZWwtLXNpemUtJHt0aGlzLnNpemV9YF06IHRydWUsXG4gICAgfTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoIWNoYW5nZXNbJ29wZW4nXSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBpZiAodGhpcy5vcGVuKSB7XG4gICAgICB0aGlzLmF0dGFjaEhvc3RUb0JvZHkoKTtcbiAgICAgIGNvbnN0IGEgPSBkb2N1bWVudC5hY3RpdmVFbGVtZW50O1xuICAgICAgaWYgKGEgaW5zdGFuY2VvZiBIVE1MRWxlbWVudCAmJiBhICE9PSBkb2N1bWVudC5ib2R5KSB7XG4gICAgICAgIHRoaXMuZm9jdXNQcmVPcGVuID0gYTtcbiAgICAgIH1cbiAgICAgIGFmdGVyTmV4dFJlbmRlcihcbiAgICAgICAgKCkgPT4ge1xuICAgICAgICAgIGlmICh0aGlzLm9wZW4pIHtcbiAgICAgICAgICAgIHRoaXMucGFuZWxSZWY/Lm5hdGl2ZUVsZW1lbnQ/LmZvY3VzKHsgcHJldmVudFNjcm9sbDogdHJ1ZSB9KTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIHsgaW5qZWN0b3I6IHRoaXMuaW5qZWN0b3IgfSxcbiAgICAgICk7XG4gICAgfSBlbHNlIGlmIChjaGFuZ2VzWydvcGVuJ10ucHJldmlvdXNWYWx1ZSA9PT0gdHJ1ZSkge1xuICAgICAgdGhpcy5kZXRhY2hIb3N0RnJvbUJvZHkoKTtcbiAgICAgIHRoaXMucmVzdG9yZUZvY3VzKCk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5kZXRhY2hIb3N0RnJvbUJvZHkoKTtcbiAgfVxuXG4gIHByaXZhdGUgYXR0YWNoSG9zdFRvQm9keSgpOiB2b2lkIHtcbiAgICBjb25zdCBlbCA9IHRoaXMuaG9zdEVsLm5hdGl2ZUVsZW1lbnQ7XG4gICAgaWYgKGVsLnBhcmVudEVsZW1lbnQgPT09IGRvY3VtZW50LmJvZHkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5ib2R5UmVzdG9yZVBhcmVudCA9IGVsLnBhcmVudEVsZW1lbnQ7XG4gICAgdGhpcy5ib2R5UmVzdG9yZU5leHQgPSBlbC5uZXh0U2libGluZztcbiAgICBkb2N1bWVudC5ib2R5LmFwcGVuZENoaWxkKGVsKTtcbiAgfVxuXG4gIHByaXZhdGUgZGV0YWNoSG9zdEZyb21Cb2R5KCk6IHZvaWQge1xuICAgIGNvbnN0IGVsID0gdGhpcy5ob3N0RWwubmF0aXZlRWxlbWVudDtcbiAgICBpZiAoZWwucGFyZW50RWxlbWVudCAhPT0gZG9jdW1lbnQuYm9keSkge1xuICAgICAgdGhpcy5ib2R5UmVzdG9yZVBhcmVudCA9IG51bGw7XG4gICAgICB0aGlzLmJvZHlSZXN0b3JlTmV4dCA9IG51bGw7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IHBhcmVudCA9IHRoaXMuYm9keVJlc3RvcmVQYXJlbnQ7XG4gICAgY29uc3QgbmV4dCA9IHRoaXMuYm9keVJlc3RvcmVOZXh0O1xuICAgIHRoaXMuYm9keVJlc3RvcmVQYXJlbnQgPSBudWxsO1xuICAgIHRoaXMuYm9keVJlc3RvcmVOZXh0ID0gbnVsbDtcbiAgICBpZiAocGFyZW50ICYmIGRvY3VtZW50LmJvZHkuY29udGFpbnMocGFyZW50KSkge1xuICAgICAgaWYgKG5leHQgJiYgbmV4dC5wYXJlbnROb2RlID09PSBwYXJlbnQpIHtcbiAgICAgICAgcGFyZW50Lmluc2VydEJlZm9yZShlbCwgbmV4dCk7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIHBhcmVudC5hcHBlbmRDaGlsZChlbCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IGFwcFJvb3QgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCdhcHAtcm9vdCcpO1xuICAgIGlmIChhcHBSb290KSB7XG4gICAgICBhcHBSb290LmFwcGVuZENoaWxkKGVsKTtcbiAgICB9XG4gIH1cblxuICBvbkJhY2tkcm9wQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5yZXF1ZXN0Q2xvc2UoKTtcbiAgfVxuXG4gIG9uQ2xvc2VDbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLnJlcXVlc3RDbG9zZSgpO1xuICB9XG5cbiAgb25QYW5lbEtleWRvd24oZXY6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAoZXYua2V5ID09PSAnRXNjYXBlJykge1xuICAgICAgZXYucHJldmVudERlZmF1bHQoKTtcbiAgICAgIHRoaXMucmVxdWVzdENsb3NlKCk7XG4gICAgfVxuICB9XG5cbiAgcmVxdWVzdENsb3NlKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5vcGVuKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMub3BlbkNoYW5nZS5lbWl0KGZhbHNlKTtcbiAgfVxuXG4gIHByaXZhdGUgcmVzdG9yZUZvY3VzKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmZvY3VzUHJlT3BlbiAmJiBkb2N1bWVudC5jb250YWlucyh0aGlzLmZvY3VzUHJlT3BlbikpIHtcbiAgICAgIHRoaXMuZm9jdXNQcmVPcGVuLmZvY3VzKHsgcHJldmVudFNjcm9sbDogdHJ1ZSB9KTtcbiAgICB9XG4gICAgdGhpcy5mb2N1c1ByZU9wZW4gPSBudWxsO1xuICB9XG59XG4iLCJAaWYgKG9wZW4pIHtcclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cImFwcC1kcmF3ZXJfX2JhY2tkcm9wXCJcclxuICAgIHJvbGU9XCJwcmVzZW50YXRpb25cIlxyXG4gICAgdGFiaW5kZXg9XCItMVwiXHJcbiAgICAoY2xpY2spPVwib25CYWNrZHJvcENsaWNrKClcIlxyXG4gID48L2Rpdj5cclxuXHJcbiAgPGFzaWRlXHJcbiAgICAjcGFuZWxSZWZcclxuICAgIGNsYXNzPVwiYXBwLWRyYXdlcl9fcGFuZWxcIlxyXG4gICAgW25nQ2xhc3NdPVwicGFuZWxDbGFzc2VzXCJcclxuICAgIHJvbGU9XCJkaWFsb2dcIlxyXG4gICAgYXJpYS1tb2RhbD1cInRydWVcIlxyXG4gICAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cInRpdGxlLnRyaW0oKSA/IHRpdGxlSWQgOiBudWxsXCJcclxuICAgIHRhYmluZGV4PVwiLTFcIlxyXG4gICAgKGtleWRvd24pPVwib25QYW5lbEtleWRvd24oJGV2ZW50KVwiXHJcbiAgPlxyXG4gICAgPGhlYWRlciBjbGFzcz1cImFwcC1kcmF3ZXJfX2hlYWRlclwiPlxyXG4gICAgICBAaWYgKHRpdGxlLnRyaW0oKSkge1xyXG4gICAgICAgIDxoMiBjbGFzcz1cImFwcC1kcmF3ZXJfX3RpdGxlXCIgW2lkXT1cInRpdGxlSWRcIj57eyB0aXRsZSB9fTwvaDI+XHJcbiAgICAgIH1cclxuICAgICAgQGlmIChzaG93Q2xvc2VCdXR0b24pIHtcclxuICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgICAgIGNsYXNzPVwiYXBwLWRyYXdlcl9fY2xvc2VcIlxyXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIkZlY2hhciBwYWluZWxcIlxyXG4gICAgICAgICAgKGNsaWNrKT1cIm9uQ2xvc2VDbGljaygpXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImFwcC1kcmF3ZXJfX2Nsb3NlLXhcIiBhcmlhLWhpZGRlbj1cInRydWVcIj4mdGltZXM7PC9zcGFuPlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICB9XHJcbiAgICA8L2hlYWRlcj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiYXBwLWRyYXdlcl9fYm9keVwiPlxyXG4gICAgICA8bmctY29udGVudCAvPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGZvb3RlciBjbGFzcz1cImFwcC1kcmF3ZXJfX2Zvb3RlclwiPlxyXG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbYXBwRHJhd2VyRm9vdGVyXVwiIC8+XHJcbiAgICA8L2Zvb3Rlcj5cclxuICA8L2FzaWRlPlxyXG59XHJcbiJdfQ==

package/esm2022/app/menus/dropdown-menu/dropdown-menu.component.mjs

@@ -0,0 +1,99 @@
+import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, ViewChild, booleanAttribute, inject, } from '@angular/core';
+import { DropdownBaseComponent } from '../../fields/dropdown-fields/_base/dropdown-base/dropdown-base.component';
+import { MenuDropdownPlacement } from '../_models/menu-dropdown-placement.model';
+import { MenuListComponent } from '../menu-list/menu-list.component';
+import { menuConnectedPositions } from '../_utils/menu-connected-positions.util';
+import * as i0 from "@angular/core";
+export class DropdownMenuComponent {
+    constructor() {
+        this.host = inject((ElementRef));
+        this.items = [];
+        this.placement = MenuDropdownPlacement.Below;
+        /** Largura mínima do painel em px (o painel pode alargar ao conteúdo). */
+        this.minWidthPx = 200;
+        /** Se `true`, a largura do painel segue a do trigger. */
+        this.matchTriggerWidth = true;
+        this.menuId = '';
+        this.itemSelect = new EventEmitter();
+        this.openChange = new EventEmitter();
+        this.open = false;
+        this.generatedId = `app-dd-${Math.random().toString(36).slice(2, 9)}`;
+    }
+    get resolvedMenuId() {
+        return this.menuId.trim() || this.generatedId;
+    }
+    /** Largura do painel no overlay (mínimo garantido; pode igualar ao trigger). */
+    get effectivePanelWidth() {
+        if (this.matchTriggerWidth) {
+            const w = this.host.nativeElement.getBoundingClientRect().width;
+            return Math.max(this.minWidthPx, Math.ceil(w));
+        }
+        return this.minWidthPx;
+    }
+    get connectedPositions() {
+        return menuConnectedPositions(this.placement);
+    }
+    onTriggerClick(ev) {
+        ev.preventDefault();
+        this.toggle();
+    }
+    toggle() {
+        this.setOpen(!this.open);
+    }
+    setOpen(next) {
+        if (this.open === next) {
+            return;
+        }
+        this.open = next;
+        this.openChange.emit(next);
+        if (next) {
+            queueMicrotask(() => this.menuList?.resetHighlight());
+        }
+    }
+    onBaseOpenChange(next) {
+        if (this.open === next) {
+            return;
+        }
+        this.open = next;
+        this.openChange.emit(next);
+        if (next) {
+            queueMicrotask(() => this.menuList?.resetHighlight());
+        }
+    }
+    onItemSelect(id) {
+        this.itemSelect.emit(id);
+        this.setOpen(false);
+    }
+    onCloseRequest() {
+        this.setOpen(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.12", type: DropdownMenuComponent, isStandalone: true, selector: "app-dropdown-menu", inputs: { items: "items", placement: "placement", minWidthPx: "minWidthPx", matchTriggerWidth: ["matchTriggerWidth", "matchTriggerWidth", booleanAttribute], menuId: "menuId" }, outputs: { itemSelect: "itemSelect", openChange: "openChange" }, viewQueries: [{ propertyName: "panelTpl", first: true, predicate: ["panelTpl"], descendants: true, static: true }, { propertyName: "menuList", first: true, predicate: MenuListComponent, descendants: true }], ngImport: i0, template: "<app-dropdown-base\r\n  class=\"dropdown-menu\"\r\n  [open]=\"open\"\r\n  (openChange)=\"onBaseOpenChange($event)\"\r\n  [panelTemplate]=\"panelTpl\"\r\n  [panelWidthPx]=\"effectivePanelWidth\"\r\n  [connectedPositions]=\"connectedPositions\"\r\n  [pushConnectedOverlay]=\"true\"\r\n  [hasBackdrop]=\"true\"\r\n  [closeOnEscape]=\"true\"\r\n  [bareOverlayPanel]=\"true\"\r\n>\r\n  <span\r\n    class=\"dropdown-menu__trigger-slot\"\r\n    appDropdownTrigger\r\n    (click)=\"onTriggerClick($event)\"\r\n    [attr.aria-expanded]=\"open\"\r\n    aria-haspopup=\"menu\"\r\n  >\r\n    <ng-content />\r\n  </span>\r\n</app-dropdown-base>\r\n\r\n<ng-template #panelTpl>\r\n  <div class=\"dropdown-menu__panel-inner\">\r\n    <app-menu-list\r\n      [items]=\"items\"\r\n      [menuId]=\"resolvedMenuId\"\r\n      (itemSelect)=\"onItemSelect($event)\"\r\n      (closeRequest)=\"onCloseRequest()\"\r\n    />\r\n  </div>\r\n</ng-template>\r\n", styles: [":host{display:inline-block;max-width:100%;vertical-align:middle}.dropdown-menu{display:inline-flex;max-width:100%;min-width:0}.dropdown-menu__trigger-slot{display:inline-flex;max-width:100%;min-width:0;cursor:pointer}.dropdown-menu__panel-inner{box-sizing:border-box;min-width:0}\n"], dependencies: [{ kind: "component", type: DropdownBaseComponent, selector: "app-dropdown-base", inputs: ["open", "panelTemplate", "panelWidthPx", "closeOnEscape", "hasBackdrop", "connectedPositions", "pushConnectedOverlay", "bareOverlayPanel"], outputs: ["openChange"] }, { 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: DropdownMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-dropdown-menu', standalone: true, imports: [DropdownBaseComponent, MenuListComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<app-dropdown-base\r\n  class=\"dropdown-menu\"\r\n  [open]=\"open\"\r\n  (openChange)=\"onBaseOpenChange($event)\"\r\n  [panelTemplate]=\"panelTpl\"\r\n  [panelWidthPx]=\"effectivePanelWidth\"\r\n  [connectedPositions]=\"connectedPositions\"\r\n  [pushConnectedOverlay]=\"true\"\r\n  [hasBackdrop]=\"true\"\r\n  [closeOnEscape]=\"true\"\r\n  [bareOverlayPanel]=\"true\"\r\n>\r\n  <span\r\n    class=\"dropdown-menu__trigger-slot\"\r\n    appDropdownTrigger\r\n    (click)=\"onTriggerClick($event)\"\r\n    [attr.aria-expanded]=\"open\"\r\n    aria-haspopup=\"menu\"\r\n  >\r\n    <ng-content />\r\n  </span>\r\n</app-dropdown-base>\r\n\r\n<ng-template #panelTpl>\r\n  <div class=\"dropdown-menu__panel-inner\">\r\n    <app-menu-list\r\n      [items]=\"items\"\r\n      [menuId]=\"resolvedMenuId\"\r\n      (itemSelect)=\"onItemSelect($event)\"\r\n      (closeRequest)=\"onCloseRequest()\"\r\n    />\r\n  </div>\r\n</ng-template>\r\n", styles: [":host{display:inline-block;max-width:100%;vertical-align:middle}.dropdown-menu{display:inline-flex;max-width:100%;min-width:0}.dropdown-menu__trigger-slot{display:inline-flex;max-width:100%;min-width:0;cursor:pointer}.dropdown-menu__panel-inner{box-sizing:border-box;min-width:0}\n"] }]
+        }], propDecorators: { items: [{
+                type: Input,
+                args: [{ required: true }]
+            }], placement: [{
+                type: Input
+            }], minWidthPx: [{
+                type: Input
+            }], matchTriggerWidth: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], menuId: [{
+                type: Input
+            }], itemSelect: [{
+                type: Output
+            }], openChange: [{
+                type: Output
+            }], panelTpl: [{
+                type: ViewChild,
+                args: ['panelTpl', { static: true }]
+            }], menuList: [{
+                type: ViewChild,
+                args: [MenuListComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21lbnVzL2Ryb3Bkb3duLW1lbnUvZHJvcGRvd24tbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21lbnVzL2Ryb3Bkb3duLW1lbnUvZHJvcGRvd24tbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBRU4sU0FBUyxFQUNULGdCQUFnQixFQUNoQixNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMEVBQTBFLENBQUM7QUFDakgsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFFakYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0seUNBQXlDLENBQUM7O0FBVWpGLE1BQU0sT0FBTyxxQkFBcUI7SUFSbEM7UUFTbUIsU0FBSSxHQUFHLE1BQU0sQ0FBQyxDQUFBLFVBQXVCLENBQUEsQ0FBQyxDQUFDO1FBRTdCLFVBQUssR0FBK0IsRUFBRSxDQUFDO1FBRXpELGNBQVMsR0FBMEIscUJBQXFCLENBQUMsS0FBSyxDQUFDO1FBRXhFLDBFQUEwRTtRQUNqRSxlQUFVLEdBQUcsR0FBRyxDQUFDO1FBRTFCLHlEQUF5RDtRQUNqQixzQkFBaUIsR0FBRyxJQUFJLENBQUM7UUFFeEQsV0FBTSxHQUFHLEVBQUUsQ0FBQztRQUVGLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBSyxDQUFDO1FBQ25DLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBSzVELFNBQUksR0FBRyxL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S0FBSztnQkFHRyxVQUFVO3NCQUFsQixLQUFLO2dCQUdrQyxpQkFBaUI7c0JBQXhELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBRTdCLE1BQU07c0JBQWQsS0FBSztnQkFFYSxVQUFVO3NCQUE1QixNQUFNO2dCQUNZLFVBQVU7c0JBQTVCLE1BQU07Z0JBRWtDLFFBQVE7c0JBQWhELFNBQVM7dUJBQUMsVUFBVSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFDRCxRQUFRO3NCQUE3QyxTQUFTO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdDaGlsZCxcbiAgYm9vbGVhbkF0dHJpYnV0ZSxcbiAgaW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERyb3Bkb3duQmFzZUNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2ZpZWxkcy9kcm9wZG93bi1maWVsZHMvX2Jhc2UvZHJvcGRvd24tYmFzZS9kcm9wZG93bi1iYXNlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNZW51RHJvcGRvd25QbGFjZW1lbnQgfSBmcm9tICcuLi9fbW9kZWxzL21lbnUtZHJvcGRvd24tcGxhY2VtZW50Lm1vZGVsJztcbmltcG9ydCB0eXBlIHsgTWVudU5vZGVJdGVtIH0gZnJvbSAnLi4vX21vZGVscy9tZW51LWl0ZW0ubW9kZWwnO1xuaW1wb3J0IHsgTWVudUxpc3RDb21wb25lbnQgfSBmcm9tICcuLi9tZW51LWxpc3QvbWVudS1saXN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBtZW51Q29ubmVjdGVkUG9zaXRpb25zIH0gZnJvbSAnLi4vX3V0aWxzL21lbnUtY29ubmVjdGVkLXBvc2l0aW9ucy51dGlsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWRyb3Bkb3duLW1lbnUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbRHJvcGRvd25CYXNlQ29tcG9uZW50LCBNZW51TGlzdENvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9kcm9wZG93bi1tZW51LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2Ryb3Bkb3duLW1lbnUuY29tcG9uZW50LnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRHJvcGRvd25NZW51Q29tcG9uZW50PFQgPSBzdHJpbmc+IHtcbiAgcHJpdmF0ZSByZWFkb25seSBob3N0ID0gaW5qZWN0KEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+KTtcblxuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBpdGVtczogcmVhZG9ubHkgTWVudU5vZGVJdGVtPFQ+W10gPSBbXTtcblxuICBASW5wdXQoKSBwbGFjZW1lbnQ6IE1lbnVEcm9wZG93blBsYWNlbWVudCA9IE1lbnVEcm9wZG93blBsYWNlbWVudC5CZWxvdztcblxuICAvKiogTGFyZ3VyYSBtw61uaW1hIGRvIHBhaW5lbCBlbSBweCAobyBwYWluZWwgcG9kZSBhbGFyZ2FyIGFvIGNvbnRlw7pkbykuICovXG4gIEBJbnB1dCgpIG1pbldpZHRoUHggPSAyMDA7XG5cbiAgLyoqIFNlIGB0cnVlYCwgYSBsYXJndXJhIGRvIHBhaW5lbCBzZWd1ZSBhIGRvIHRyaWdnZXIuICovXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBtYXRjaFRyaWdnZXJXaWR0aCA9IHRydWU7XG5cbiAgQElucHV0KCkgbWVudUlkID0gJyc7XG5cbiAgQE91dHB1dCgpIHJlYWRvbmx5IGl0ZW1TZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPFQ+KCk7XG4gIEBPdXRwdXQoKSByZWFkb25seSBvcGVuQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIEBWaWV3Q2hpbGQoJ3BhbmVsVHBsJywgeyBzdGF0aWM6IHRydWUgfSkgcGFuZWxUcGwhOiBUZW1wbGF0ZVJlZjx1bmtub3duPjtcbiAgQFZpZXdDaGlsZChNZW51TGlzdENvbXBvbmVudCkgcHJpdmF0ZSBtZW51TGlzdD86IE1lbnVMaXN0Q29tcG9uZW50PFQ+O1xuXG4gIG9wZW4gPSBmYWxzZTtcblxuICBwcml2YXRlIHJlYWRvbmx5IGdlbmVyYXRlZElkID0gYGFwcC1kZC0ke01hdGgucmFuZG9tKCkudG9TdHJpbmcoMzYpLnNsaWNlKDIsIDkpfWA7XG5cbiAgZ2V0IHJlc29sdmVkTWVudUlkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMubWVudUlkLnRyaW0oKSB8fCB0aGlzLmdlbmVyYXRlZElkO1xuICB9XG5cbiAgLyoqIExhcmd1cmEgZG8gcGFpbmVsIG5vIG92ZXJsYXkgKG3DrW5pbW8gZ2FyYW50aWRvOyBwb2RlIGlndWFsYXIgYW8gdHJpZ2dlcikuICovXG4gIGdldCBlZmZlY3RpdmVQYW5lbFdpZHRoKCk6IG51bWJlciB7XG4gICAgaWYgKHRoaXMubWF0Y2hUcmlnZ2VyV2lkdGgpIHtcbiAgICAgIGNvbnN0IHcgPSB0aGlzLmhvc3QubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aDtcbiAgICAgIHJldHVybiBNYXRoLm1heCh0aGlzLm1pbldpZHRoUHgsIE1hdGguY2VpbCh3KSk7XG4gICAgfVxuICAgIHJldHVybiB0aGlzLm1pbldpZHRoUHg7XG4gIH1cblxuICBnZXQgY29ubmVjdGVkUG9zaXRpb25zKCkge1xuICAgIHJldHVybiBtZW51Q29ubmVjdGVkUG9zaXRpb25zKHRoaXMucGxhY2VtZW50KTtcbiAgfVxuXG4gIG9uVHJpZ2dlckNsaWNrKGV2OiBFdmVudCk6IHZvaWQge1xuICAgIGV2LnByZXZlbnREZWZhdWx0KCk7XG4gICAgdGhpcy50b2dnbGUoKTtcbiAgfVxuXG4gIHRvZ2dsZSgpOiB2b2lkIHtcbiAgICB0aGlzLnNldE9wZW4oIXRoaXMub3Blbik7XG4gIH1cblxuICBzZXRPcGVuKG5leHQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICBpZiAodGhpcy5vcGVuID09PSBuZXh0KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMub3BlbiA9IG5leHQ7XG4gICAgdGhpcy5vcGVuQ2hhbmdlLmVtaXQobmV4dCk7XG4gICAgaWYgKG5leHQpIHtcbiAgICAgIHF1ZXVlTWljcm90YXNrKCgpID0+IHRoaXMubWVudUxpc3Q/LnJlc2V0SGlnaGxpZ2h0KCkpO1xuICAgIH1cbiAgfVxuXG4gIG9uQmFzZU9wZW5DaGFuZ2UobmV4dDogYm9vbGVhbik6IHZvaWQge1xuICAgIGlmICh0aGlzLm9wZW4gPT09IG5leHQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5vcGVuID0gbmV4dDtcbiAgICB0aGlzLm9wZW5DaGFuZ2UuZW1pdChuZXh0KTtcbiAgICBpZiAobmV4dCkge1xuICAgICAgcXVldWVNaWNyb3Rhc2soKCkgPT4gdGhpcy5tZW51TGlzdD8ucmVzZXRIaWdobGlnaHQoKSk7XG4gICAgfVxuICB9XG5cbiAgb25JdGVtU2VsZWN0KGlkOiBUKTogdm9pZCB7XG4gICAgdGhpcy5pdGVtU2VsZWN0LmVtaXQoaWQpO1xuICAgIHRoaXMuc2V0T3BlbihmYWxzZSk7XG4gIH1cblxuICBvbkNsb3NlUmVxdWVzdCgpOiB2b2lkIHtcbiAgICB0aGlzLnNldE9wZW4oZmFsc2UpO1xuICB9XG59XG4iLCI8YXBwLWRyb3Bkb3duLWJhc2VcclxuICBjbGFzcz1cImRyb3Bkb3duLW1lbnVcIlxyXG4gIFtvcGVuXT1cIm9wZW5cIlxyXG4gIChvcGVuQ2hhbmdlKT1cIm9uQmFzZU9wZW5DaGFuZ2UoJGV2ZW50KVwiXHJcbiAgW3BhbmVsVGVtcGxhdGVdPVwicGFuZWxUcGxcIlxyXG4gIFtwYW5lbFdpZHRoUHhdPVwiZWZmZWN0aXZlUGFuZWxXaWR0aFwiXHJcbiAgW2Nvbm5lY3RlZFBvc2l0aW9uc109XCJjb25uZWN0ZWRQb3NpdGlvbnNcIlxyXG4gIFtwdXNoQ29ubmVjdGVkT3ZlcmxheV09XCJ0cnVlXCJcclxuICBbaGFzQmFja2Ryb3BdPVwidHJ1ZVwiXHJcbiAgW2Nsb3NlT25Fc2NhcGVdPVwidHJ1ZVwiXHJcbiAgW2JhcmVPdmVybGF5UGFuZWxdPVwidHJ1ZVwiXHJcbj5cclxuICA8c3BhblxyXG4gICAgY2xhc3M9XCJkcm9wZG93bi1tZW51X190cmlnZ2VyLXNsb3RcIlxyXG4gICAgYXBwRHJvcGRvd25UcmlnZ2VyXHJcbiAgICAoY2xpY2spPVwib25UcmlnZ2VyQ2xpY2soJGV2ZW50KVwiXHJcbiAgICBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cIm9wZW5cIlxyXG4gICAgYXJpYS1oYXNwb3B1cD1cIm1lbnVcIlxyXG4gID5cclxuICAgIDxuZy1jb250ZW50IC8+XHJcbiAgPC9zcGFuPlxyXG48L2FwcC1kcm9wZG93bi1iYXNlPlxyXG5cclxuPG5nLXRlbXBsYXRlICNwYW5lbFRwbD5cclxuICA8ZGl2IGNsYXNzPVwiZHJvcGRvd24tbWVudV9fcGFuZWwtaW5uZXJcIj5cclxuICAgIDxhcHAtbWVudS1saXN0XHJcbiAgICAgIFtpdGVtc109XCJpdGVtc1wiXHJcbiAgICAgIFttZW51SWRdPVwicmVzb2x2ZWRNZW51SWRcIlxyXG4gICAgICAoaXRlbVNlbGVjdCk9XCJvbkl0ZW1TZWxlY3QoJGV2ZW50KVwiXHJcbiAgICAgIChjbG9zZVJlcXVlc3QpPVwib25DbG9zZVJlcXVlc3QoKVwiXHJcbiAgICAvPlxyXG4gIDwvZGl2PlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=

package/esm2022/app/menus/index.mjs

@@ -0,0 +1,11 @@
+export { DropdownMenuComponent, } from './dropdown-menu/dropdown-menu.component';
+export { ContextMenuComponent, } from './context-menu/context-menu.component';
+export { DrawerComponent } from './drawer/drawer.component';
+export { MenuListComponent } from './menu-list/menu-list.component';
+export { ActionMenuComponent } from './action-menu/action-menu.component';
+export { MenuDividerComponent } from './menu-divider/menu-divider.component';
+export { MenuGroupComponent } from './menu-group/menu-group.component';
+export { MenuDropdownPlacement } from './_models/menu-dropdown-placement.model';
+export { DrawerSize } from './_models/drawer-size.model';
+export { DrawerSide } from './_models/drawer-side.model';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21lbnVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxxQkFBcUIsR0FDdEIsTUFBTSx5Q0FBeUMsQ0FBQztBQUNqRCxPQUFPLEVBQ0wsb0JBQW9CLEdBQ3JCLE1BQU0sdUNBQXVDLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBV3ZFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQge1xuICBEcm9wZG93bk1lbnVDb21wb25lbnQsXG59IGZyb20gJy4vZHJvcGRvd24tbWVudS9kcm9wZG93bi1tZW51LmNvbXBvbmVudCc7XG5leHBvcnQge1xuICBDb250ZXh0TWVudUNvbXBvbmVudCxcbn0gZnJvbSAnLi9jb250ZXh0LW1lbnUvY29udGV4dC1tZW51LmNvbXBvbmVudCc7XG5leHBvcnQgeyBEcmF3ZXJDb21wb25lbnQgfSBmcm9tICcuL2RyYXdlci9kcmF3ZXIuY29tcG9uZW50JztcbmV4cG9ydCB7IE1lbnVMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9tZW51LWxpc3QvbWVudS1saXN0LmNvbXBvbmVudCc7XG5leHBvcnQgeyBBY3Rpb25NZW51Q29tcG9uZW50IH0gZnJvbSAnLi9hY3Rpb24tbWVudS9hY3Rpb24tbWVudS5jb21wb25lbnQnO1xuZXhwb3J0IHsgTWVudURpdmlkZXJDb21wb25lbnQgfSBmcm9tICcuL21lbnUtZGl2aWRlci9tZW51LWRpdmlkZXIuY29tcG9uZW50JztcbmV4cG9ydCB7IE1lbnVHcm91cENvbXBvbmVudCB9IGZyb20gJy4vbWVudS1ncm91cC9tZW51LWdyb3VwLmNvbXBvbmVudCc7XG5cbmV4cG9ydCB0eXBlIHtcbiAgTWVudUl0ZW1LaW5kLFxuICBNZW51TGVhZkl0ZW0sXG4gIE1lbnVJdGVtQWN0aW9uLFxuICBNZW51SXRlbURpdmlkZXIsXG4gIE1lbnVJdGVtR3JvdXAsXG4gIE1lbnVJdGVtU3VibWVudSxcbiAgTWVudU5vZGVJdGVtLFxufSBmcm9tICcuL19tb2RlbHMvbWVudS1pdGVtLm1vZGVsJztcbmV4cG9ydCB7IE1lbnVEcm9wZG93blBsYWNlbWVudCB9IGZyb20gJy4vX21vZGVscy9tZW51LWRyb3Bkb3duLXBsYWNlbWVudC5tb2RlbCc7XG5leHBvcnQgeyBEcmF3ZXJTaXplIH0gZnJvbSAnLi9fbW9kZWxzL2RyYXdlci1zaXplLm1vZGVsJztcbmV4cG9ydCB7IERyYXdlclNpZGUgfSBmcm9tICcuL19tb2RlbHMvZHJhd2VyLXNpZGUubW9kZWwnO1xuIl19

package/esm2022/app/menus/menu-divider/menu-divider.component.mjs

@@ -0,0 +1,14 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Separador semântico reutilizável — mesma apresentação que o divisor do modelo de dados (`kind: 'divider'`).
+ */
+export class MenuDividerComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MenuDividerComponent, isStandalone: true, selector: "app-menu-divider", ngImport: i0, template: `<div class="menu-list__separator" role="separator" aria-hidden="true"></div>`, isInline: true, styles: [":host{display:block}.menu-list__separator{height:1px;margin:.35rem .6rem;background:var(--app-color-border-subtle, rgba(26, 47, 69, .1));border:none;padding:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuDividerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-menu-divider', standalone: true, template: `<div class="menu-list__separator" role="separator" aria-hidden="true"></div>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}.menu-list__separator{height:1px;margin:.35rem .6rem;background:var(--app-color-border-subtle, rgba(26, 47, 69, .1));border:none;padding:0}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1kaXZpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbWVudXMvbWVudS1kaXZpZGVyL21lbnUtZGl2aWRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFbkU7O0dBRUc7QUFRSCxNQUFNLE9BQU8sb0JBQW9COytHQUFwQixvQkFBb0I7bUdBQXBCLG9CQUFvQiw0RUFKckIsOEVBQThFOzs0RkFJN0Usb0JBQW9CO2tCQVBoQyxTQUFTOytCQUNFLGtCQUFrQixjQUNoQixJQUFJLFlBQ04sOEVBQThFLG1CQUV2RSx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuLyoqXHJcbiAqIFNlcGFyYWRvciBzZW3Dom50aWNvIHJldXRpbGl6w6F2ZWwg4oCUIG1lc21hIGFwcmVzZW50YcOnw6NvIHF1ZSBvIGRpdmlzb3IgZG8gbW9kZWxvIGRlIGRhZG9zIChga2luZDogJ2RpdmlkZXInYCkuXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1tZW51LWRpdmlkZXInLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwibWVudS1saXN0X19zZXBhcmF0b3JcIiByb2xlPVwic2VwYXJhdG9yXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9kaXY+YCxcclxuICBzdHlsZVVybDogJy4vbWVudS1kaXZpZGVyLmNvbXBvbmVudC5zY3NzJyxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIE1lbnVEaXZpZGVyQ29tcG9uZW50IHt9XHJcbiJdfQ==

package/esm2022/app/menus/menu-group/menu-group.component.mjs

@@ -0,0 +1,32 @@
+import { ChangeDetectionStrategy, Component, Input, booleanAttribute, } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Cabeçalho opcional de grupo — alinhado a `MenuItemGroup` (`kind: 'group'`).
+ * Os itens do grupo continuam a ser renderizados pelo `menu-list` (renderização única).
+ */
+export class MenuGroupComponent {
+    constructor() {
+        /** Quando `true`, não mostra o título (ex.: sidebar colapsada só com ícones). */
+        this.hideLabel = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MenuGroupComponent, isStandalone: true, selector: "app-menu-group", inputs: { label: "label", hideLabel: ["hideLabel", "hideLabel", booleanAttribute] }, ngImport: i0, template: `
+    @if (label?.trim() && !hideLabel) {
+      <div class="menu-list__group-label" role="presentation">{{ label }}</div>
+    }
+  `, isInline: true, styles: [".menu-list__group-label{font-size:.74rem;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--app-color-text-secondary, #5a7fa3);padding:.65rem .75rem .4rem;margin-top:.15rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .08))}.menu-list__group-label:first-child{margin-top:0;padding-top:.4rem;border-top:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-menu-group', standalone: true, template: `
+    @if (label?.trim() && !hideLabel) {
+      <div class="menu-list__group-label" role="presentation">{{ label }}</div>
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".menu-list__group-label{font-size:.74rem;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--app-color-text-secondary, #5a7fa3);padding:.65rem .75rem .4rem;margin-top:.15rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .08))}.menu-list__group-label:first-child{margin-top:0;padding-top:.4rem;border-top:none}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], hideLabel: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21lbnVzL21lbnUtZ3JvdXAvbWVudS1ncm91cC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNMLGdCQUFnQixHQUNqQixNQUFNLGVBQWUsQ0FBQzs7QUFFdkI7OztHQUdHO0FBWUgsTUFBTSxPQUFPLGtCQUFrQjtJQVgvQjtRQWNFLGlGQUFpRjtRQUN6QyxjQUFTLEdBQUcsS0FBSyxDQUFDO0tBQzNEOytHQUxZLGtCQUFrQjttR0FBbEIsa0JBQWtCLGtIQUlULGdCQUFnQiw2QkFaMUI7Ozs7R0FJVDs7NEZBSVUsa0JBQWtCO2tCQVg5QixTQUFTOytCQUNFLGdCQUFnQixjQUNkLElBQUksWUFDTjs7OztHQUlULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBR2tDLFNBQVM7c0JBQWhELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENvbXBvbmVudCxcclxuICBJbnB1dCxcclxuICBib29sZWFuQXR0cmlidXRlLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuLyoqXHJcbiAqIENhYmXDp2FsaG8gb3BjaW9uYWwgZGUgZ3J1cG8g4oCUIGFsaW5oYWRvIGEgYE1lbnVJdGVtR3JvdXBgIChga2luZDogJ2dyb3VwJ2ApLlxyXG4gKiBPcyBpdGVucyBkbyBncnVwbyBjb250aW51YW0gYSBzZXIgcmVuZGVyaXphZG9zIHBlbG8gYG1lbnUtbGlzdGAgKHJlbmRlcml6YcOnw6NvIMO6bmljYSkuXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1tZW51LWdyb3VwJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICBAaWYgKGxhYmVsPy50cmltKCkgJiYgIWhpZGVMYWJlbCkge1xyXG4gICAgICA8ZGl2IGNsYXNzPVwibWVudS1saXN0X19ncm91cC1sYWJlbFwiIHJvbGU9XCJwcmVzZW50YXRpb25cIj57eyBsYWJlbCB9fTwvZGl2PlxyXG4gICAgfVxyXG4gIGAsXHJcbiAgc3R5bGVVcmw6ICcuL21lbnUtZ3JvdXAuY29tcG9uZW50LnNjc3MnLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWVudUdyb3VwQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBsYWJlbD86IHN0cmluZztcclxuXHJcbiAgLyoqIFF1YW5kbyBgdHJ1ZWAsIG7Do28gbW9zdHJhIG8gdMOtdHVsbyAoZXguOiBzaWRlYmFyIGNvbGFwc2FkYSBzw7MgY29tIMOtY29uZXMpLiAqL1xyXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBoaWRlTGFiZWwgPSBmYWxzZTtcclxufVxyXG4iXX0=