import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component, HostBinding, input, model } from '@angular/core';
import * as i0 from "@angular/core";
export class NgmDrawerContainerComponent {
    constructor() {
        this.opened = model();
        this.mode = input('side');
    }
    get _opened() {
        return this.opened();
    }
    get _over() {
        return this.mode() === 'over';
    }
    toggle() {
        this.opened.update((opened) => !opened);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgmDrawerContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: NgmDrawerContainerComponent, isStandalone: true, selector: "ngm-drawer-container", inputs: { opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange" }, host: { properties: { "class.opened": "this._opened", "class.over": "this._over" } }, ngImport: i0, template: "<ng-content select=\"ngm-drawer-content\"></ng-content>\n<div class=\"ngm-drawer-backdrop flex flex-grow-0\">\n  <div class=\"flex-1\" (click)=\"toggle()\"></div>\n  <ng-content select=\"ngm-drawer\"></ng-content>\n</div>\n", styles: [":host{display:flex;overflow:hidden}:host.over .ngm-drawer-backdrop{position:absolute;top:0;right:0}:host.over.opened .ngm-drawer-backdrop{left:0;bottom:0;z-index:1000;background-color:#2626261a}:is(.dark :host.over.opened .ngm-drawer-backdrop){background-color:#f5f5f51a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgmDrawerContainerComponent, decorators: [{
            type: Component,
            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ngm-drawer-container', imports: [CommonModule,], template: "<ng-content select=\"ngm-drawer-content\"></ng-content>\n<div class=\"ngm-drawer-backdrop flex flex-grow-0\">\n  <div class=\"flex-1\" (click)=\"toggle()\"></div>\n  <ng-content select=\"ngm-drawer\"></ng-content>\n</div>\n", styles: [":host{display:flex;overflow:hidden}:host.over .ngm-drawer-backdrop{position:absolute;top:0;right:0}:host.over.opened .ngm-drawer-backdrop{left:0;bottom:0;z-index:1000;background-color:#2626261a}:is(.dark :host.over.opened .ngm-drawer-backdrop){background-color:#f5f5f51a}\n"] }]
        }], propDecorators: { _opened: [{
                type: HostBinding,
                args: ['class.opened']
            }], _over: [{
                type: HostBinding,
                args: ['class.over']
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyL2NvbW1vbi9kcmF3ZXIvZHJhd2VyLWNvbnRhaW5lci9kcmF3ZXItY29udGFpbmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXIvY29tbW9uL2RyYXdlci9kcmF3ZXItY29udGFpbmVyL2RyYXdlci1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQzlDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUE7O0FBVTdGLE1BQU0sT0FBTywyQkFBMkI7SUFSeEM7UUFTVyxXQUFNLEdBQUcsS0FBSyxFQUFXLENBQUE7UUFDekIsU0FBSSxHQUFHLEtBQUssQ0FBMkIsTUFBTSxDQUFDLENBQUE7S0FleEQ7SUFiQyxJQUNJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQTtJQUN0QixDQUFDO0lBRUQsSUFDSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssTUFBTSxDQUFBO0lBQy9CLENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUE7SUFDekMsQ0FBQzsrR0FoQlUsMkJBQTJCO21HQUEzQiwyQkFBMkIsdWNDWHhDLGlPQUtBLDBVRElZLFlBQVk7OzRGQUVYLDJCQUEyQjtrQkFSdkMsU0FBUztpQ0FDSSxJQUFJLG1CQUNDLHVCQUF1QixDQUFDLE1BQU0sWUFDckMsc0JBQXNCLFdBR3ZCLENBQUMsWUFBWSxFQUFFOzhCQU9wQixPQUFPO3NCQURWLFdBQVc7dUJBQUMsY0FBYztnQkFNdkIsS0FBSztzQkFEUixXQUFXO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgaW5wdXQsIG1vZGVsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzZWxlY3RvcjogJ25nbS1kcmF3ZXItY29udGFpbmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RyYXdlci1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kcmF3ZXItY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsXVxufSlcbmV4cG9ydCBjbGFzcyBOZ21EcmF3ZXJDb250YWluZXJDb21wb25lbnQge1xuICByZWFkb25seSBvcGVuZWQgPSBtb2RlbDxib29sZWFuPigpXG4gIHJlYWRvbmx5IG1vZGUgPSBpbnB1dDwnb3ZlcicgfCAncHVzaCcgfCAnc2lkZSc+KCdzaWRlJylcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLm9wZW5lZCcpXG4gIGdldCBfb3BlbmVkKCkge1xuICAgIHJldHVybiB0aGlzLm9wZW5lZCgpXG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLm92ZXInKVxuICBnZXQgX292ZXIoKSB7XG4gICAgcmV0dXJuIHRoaXMubW9kZSgpID09PSAnb3ZlcidcbiAgfVxuXG4gIHRvZ2dsZSgpIHtcbiAgICB0aGlzLm9wZW5lZC51cGRhdGUoKG9wZW5lZCkgPT4gIW9wZW5lZClcbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQgc2VsZWN0PVwibmdtLWRyYXdlci1jb250ZW50XCI+PC9uZy1jb250ZW50PlxuPGRpdiBjbGFzcz1cIm5nbS1kcmF3ZXItYmFja2Ryb3AgZmxleCBmbGV4LWdyb3ctMFwiPlxuICA8ZGl2IGNsYXNzPVwiZmxleC0xXCIgKGNsaWNrKT1cInRvZ2dsZSgpXCI+PC9kaXY+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIm5nbS1kcmF3ZXJcIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==