import { ChangeDetectionStrategy, Component, HostBinding, model } from '@angular/core';
import * as i0 from "@angular/core";
export class NgmDrawerComponent {
    constructor() {
        this.opened = model();
    }
    get _opened() {
        return this.opened();
    }
    toggle() {
        this.opened.update((opened) => !opened);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgmDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: NgmDrawerComponent, isStandalone: true, selector: "ngm-drawer", inputs: { opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange" }, host: { properties: { "class.opened": "this._opened" } }, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{display:flex;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.opened{transform:translate(0);opacity:1;right:0;visibility:visible}:host:not(.opened){width:0!important;opacity:0;right:-100%;visibility:hidden}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgmDrawerComponent, decorators: [{
            type: Component,
            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ngm-drawer', imports: [], template: "<ng-content></ng-content>", styles: [":host{display:flex;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.opened{transform:translate(0);opacity:1;right:0;visibility:visible}:host:not(.opened){width:0!important;opacity:0;right:-100%;visibility:hidden}\n"] }]
        }], propDecorators: { _opened: [{
                type: HostBinding,
                args: ['class.opened']
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXIvY29tbW9uL2RyYXdlci9kcmF3ZXIvZHJhd2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXIvY29tbW9uL2RyYXdlci9kcmF3ZXIvZHJhd2VyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQTs7QUFVdEYsTUFBTSxPQUFPLGtCQUFrQjtJQVIvQjtRQVNXLFdBQU0sR0FBRyxLQUFLLEVBQVcsQ0FBQTtLQVVuQztJQVJDLElBQ0ksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFBO0lBQ3RCLENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUE7SUFDekMsQ0FBQzsrR0FWVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw0U0NWL0IsMkJBQXlCOzs0RkRVWixrQkFBa0I7a0JBUjlCLFNBQVM7aUNBQ0ksSUFBSSxtQkFDQyx1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDLFlBQVksV0FHYixFQUFFOzhCQU1QLE9BQU87c0JBRFYsV0FBVzt1QkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIG1vZGVsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzZWxlY3RvcjogJ25nbS1kcmF3ZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZHJhd2VyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZHJhd2VyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGltcG9ydHM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIE5nbURyYXdlckNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IG9wZW5lZCA9IG1vZGVsPGJvb2xlYW4+KClcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLm9wZW5lZCcpXG4gIGdldCBfb3BlbmVkKCkge1xuICAgIHJldHVybiB0aGlzLm9wZW5lZCgpXG4gIH1cblxuICB0b2dnbGUoKSB7XG4gICAgdGhpcy5vcGVuZWQudXBkYXRlKChvcGVuZWQpID0+ICFvcGVuZWQpXG4gIH1cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD4iXX0=