import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
export class NgmDrawerTriggerComponent {
    constructor() {
        this.opened = false;
        this.side = 'left';
        this.openedChange = new EventEmitter();
    }
    toggle() {
        this.opened = !this.opened;
        this.openedChange.emit(this.opened);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NgmDrawerTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NgmDrawerTriggerComponent, isStandalone: true, selector: "ngm-drawer-trigger", inputs: { opened: "opened", side: "side" }, outputs: { openedChange: "openedChange" }, host: { properties: { "class.ngm-drawer__opened": "this.opened" } }, ngImport: i0, template: "<button class=\"group\" (click)=\"toggle()\">\n    <span class=\"\" data-state=\"closed\">\n        <div class=\"flex h-[72px] w-8 items-center justify-center\">\n            <div class=\"flex h-6 w-6 flex-col items-center opacity-25 group-hover:opacity-100\"\n                [class.rotate-180]=\"opened && side === 'right' || !opened && side === 'left'\"\n            >\n                <div class=\"h-4 w-1 rounded-full transition-transform translate-y-[1px] group-hover:rotate-12\n                    bg-slate-800 dark:bg-slate-200\"\n                    [class.rotate-12]=\"!opened\"\n                ></div>\n                <div class=\"h-4 w-1 rounded-full transition-transform -translate-y-[1px] group-hover:-rotate-12\n                    bg-slate-800 dark:bg-slate-200\"\n                    [class.-rotate-12]=\"!opened\"\n                ></div>\n            </div>\n        </div>\n    </span>\n</button>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NgmDrawerTriggerComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ngm-drawer-trigger', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"group\" (click)=\"toggle()\">\n    <span class=\"\" data-state=\"closed\">\n        <div class=\"flex h-[72px] w-8 items-center justify-center\">\n            <div class=\"flex h-6 w-6 flex-col items-center opacity-25 group-hover:opacity-100\"\n                [class.rotate-180]=\"opened && side === 'right' || !opened && side === 'left'\"\n            >\n                <div class=\"h-4 w-1 rounded-full transition-transform translate-y-[1px] group-hover:rotate-12\n                    bg-slate-800 dark:bg-slate-200\"\n                    [class.rotate-12]=\"!opened\"\n                ></div>\n                <div class=\"h-4 w-1 rounded-full transition-transform -translate-y-[1px] group-hover:-rotate-12\n                    bg-slate-800 dark:bg-slate-200\"\n                    [class.-rotate-12]=\"!opened\"\n                ></div>\n            </div>\n        </div>\n    </span>\n</button>" }]
        }], propDecorators: { opened: [{
                type: HostBinding,
                args: ['class.ngm-drawer__opened']
            }, {
                type: Input
            }], side: [{
                type: Input
            }], openedChange: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLXRyaWdnZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci9jb21tb24vZHJhd2VyLXRyaWdnZXIvZHJhd2VyLXRyaWdnZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci9jb21tb24vZHJhd2VyLXRyaWdnZXIvZHJhd2VyLXRyaWdnZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUE7O0FBVTVHLE1BQU0sT0FBTyx5QkFBeUI7SUFSdEM7UUFVVyxXQUFNLEdBQVksS0FBSyxDQUFBO1FBQ3ZCLFNBQUksR0FBcUIsTUFBTSxDQUFBO1FBRTlCLGlCQUFZLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUE7S0FNNUU7SUFKQyxNQUFNO1FBQ0osSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUE7UUFDMUIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFBO0lBQ3JDLENBQUM7K0dBVlUseUJBQXlCO21HQUF6Qix5QkFBeUIsME9DVnRDLHc1QkFpQlM7OzRGRFBJLHlCQUF5QjtrQkFSckMsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLEVBQUUsbUJBR00sdUJBQXVCLENBQUMsTUFBTTs4QkFJdEMsTUFBTTtzQkFEZCxXQUFXO3VCQUFDLDBCQUEwQjs7c0JBQ3RDLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUVJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmdtLWRyYXdlci10cmlnZ2VyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW10sXG4gIHRlbXBsYXRlVXJsOiAnLi9kcmF3ZXItdHJpZ2dlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9kcmF3ZXItdHJpZ2dlci5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIE5nbURyYXdlclRyaWdnZXJDb21wb25lbnQge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLm5nbS1kcmF3ZXJfX29wZW5lZCcpXG4gIEBJbnB1dCgpIG9wZW5lZDogYm9vbGVhbiA9IGZhbHNlXG4gIEBJbnB1dCgpIHNpZGU6ICdsZWZ0JyB8ICdyaWdodCcgPSAnbGVmdCdcblxuICBAT3V0cHV0KCkgb3BlbmVkQ2hhbmdlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KClcblxuICB0b2dnbGUoKSB7XG4gICAgdGhpcy5vcGVuZWQgPSAhdGhpcy5vcGVuZWRcbiAgICB0aGlzLm9wZW5lZENoYW5nZS5lbWl0KHRoaXMub3BlbmVkKVxuICB9XG59XG4iLCI8YnV0dG9uIGNsYXNzPVwiZ3JvdXBcIiAoY2xpY2spPVwidG9nZ2xlKClcIj5cbiAgICA8c3BhbiBjbGFzcz1cIlwiIGRhdGEtc3RhdGU9XCJjbG9zZWRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggaC1bNzJweF0gdy04IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlclwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggaC02IHctNiBmbGV4LWNvbCBpdGVtcy1jZW50ZXIgb3BhY2l0eS0yNSBncm91cC1ob3ZlcjpvcGFjaXR5LTEwMFwiXG4gICAgICAgICAgICAgICAgW2NsYXNzLnJvdGF0ZS0xODBdPVwib3BlbmVkICYmIHNpZGUgPT09ICdyaWdodCcgfHwgIW9wZW5lZCAmJiBzaWRlID09PSAnbGVmdCdcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJoLTQgdy0xIHJvdW5kZWQtZnVsbCB0cmFuc2l0aW9uLXRyYW5zZm9ybSB0cmFuc2xhdGUteS1bMXB4XSBncm91cC1ob3Zlcjpyb3RhdGUtMTJcbiAgICAgICAgICAgICAgICAgICAgYmctc2xhdGUtODAwIGRhcms6Ymctc2xhdGUtMjAwXCJcbiAgICAgICAgICAgICAgICAgICAgW2NsYXNzLnJvdGF0ZS0xMl09XCIhb3BlbmVkXCJcbiAgICAgICAgICAgICAgICA+PC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImgtNCB3LTEgcm91bmRlZC1mdWxsIHRyYW5zaXRpb24tdHJhbnNmb3JtIC10cmFuc2xhdGUteS1bMXB4XSBncm91cC1ob3Zlcjotcm90YXRlLTEyXG4gICAgICAgICAgICAgICAgICAgIGJnLXNsYXRlLTgwMCBkYXJrOmJnLXNsYXRlLTIwMFwiXG4gICAgICAgICAgICAgICAgICAgIFtjbGFzcy4tcm90YXRlLTEyXT1cIiFvcGVuZWRcIlxuICAgICAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L3NwYW4+XG48L2J1dHRvbj4iXX0=