import { ChangeDetectionStrategy, Component, HostBinding, input, model } from '@angular/core';
import * as i0 from "@angular/core";
export class NgmDrawerTriggerComponent {
    constructor() {
        this.opened = model();
        this.side = input('left');
    }
    toggle() {
        this.opened.update((opened) => !opened);
    }
    get _opened() {
        return this.opened();
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgmDrawerTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: NgmDrawerTriggerComponent, isStandalone: true, selector: "ngm-drawer-trigger", inputs: { opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "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.12", 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']
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLXRyaWdnZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci9jb21tb24vZHJhd2VyLXRyaWdnZXIvZHJhd2VyLXRyaWdnZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci9jb21tb24vZHJhd2VyLXRyaWdnZXIvZHJhd2VyLXRyaWdnZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQTs7QUFVN0YsTUFBTSxPQUFPLHlCQUF5QjtJQVJ0QztRQVNXLFdBQU0sR0FBRyxLQUFLLEVBQVcsQ0FBQTtRQUV6QixTQUFJLEdBQUcsS0FBSyxDQUFtQixNQUFNLENBQUMsQ0FBQTtLQVVoRDtJQVJDLE1BQU07UUFDSixJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUN6QyxDQUFDO0lBRUQsSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUE7SUFDdEIsQ0FBQzsrR0FaVSx5QkFBeUI7bUdBQXpCLHlCQUF5QixxYkNWdEMsbzZCQWlCUzs7NEZEUEkseUJBQXlCO2tCQVJyQyxTQUFTOytCQUNFLG9CQUFvQixjQUNsQixJQUFJLFdBQ1AsRUFBRSxtQkFHTSx1QkFBdUIsQ0FBQyxNQUFNOzhCQVkzQyxPQUFPO3NCQURWLFdBQVc7dUJBQUMsMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIGlucHV0LCBtb2RlbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nbS1kcmF3ZXItdHJpZ2dlcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtdLFxuICB0ZW1wbGF0ZVVybDogJy4vZHJhd2VyLXRyaWdnZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vZHJhd2VyLXRyaWdnZXIuY29tcG9uZW50LnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBOZ21EcmF3ZXJUcmlnZ2VyQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgb3BlbmVkID0gbW9kZWw8Ym9vbGVhbj4oKVxuXG4gIHJlYWRvbmx5IHNpZGUgPSBpbnB1dDwnbGVmdCcgfCAncmlnaHQnPignbGVmdCcpXG5cbiAgdG9nZ2xlKCkge1xuICAgIHRoaXMub3BlbmVkLnVwZGF0ZSgob3BlbmVkKSA9PiAhb3BlbmVkKVxuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5uZ20tZHJhd2VyX19vcGVuZWQnKVxuICBnZXQgX29wZW5lZCgpIHtcbiAgICByZXR1cm4gdGhpcy5vcGVuZWQoKVxuICB9XG59XG4iLCI8YnV0dG9uIGNsYXNzPVwiZ3JvdXBcIiAoY2xpY2spPVwidG9nZ2xlKClcIj5cbiAgICA8c3BhbiBjbGFzcz1cIlwiIGRhdGEtc3RhdGU9XCJjbG9zZWRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggaC1bNzJweF0gdy04IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlclwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggaC02IHctNiBmbGV4LWNvbCBpdGVtcy1jZW50ZXIgb3BhY2l0eS0yNSBncm91cC1ob3ZlcjpvcGFjaXR5LTEwMFwiXG4gICAgICAgICAgICAgICAgW2NsYXNzLnJvdGF0ZS0xODBdPVwib3BlbmVkKCkgJiYgc2lkZSgpID09PSAncmlnaHQnIHx8ICFvcGVuZWQoKSAmJiBzaWRlKCkgPT09ICdsZWZ0J1wiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImgtNCB3LTEgcm91bmRlZC1mdWxsIHRyYW5zaXRpb24tdHJhbnNmb3JtIHRyYW5zbGF0ZS15LVsxcHhdIGdyb3VwLWhvdmVyOnJvdGF0ZS0xMlxuICAgICAgICAgICAgICAgICAgICBiZy1zbGF0ZS04MDAgZGFyazpiZy1zbGF0ZS0yMDBcIlxuICAgICAgICAgICAgICAgICAgICBbY2xhc3Mucm90YXRlLTEyXT1cIiFvcGVuZWQoKVwiXG4gICAgICAgICAgICAgICAgPjwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJoLTQgdy0xIHJvdW5kZWQtZnVsbCB0cmFuc2l0aW9uLXRyYW5zZm9ybSAtdHJhbnNsYXRlLXktWzFweF0gZ3JvdXAtaG92ZXI6LXJvdGF0ZS0xMlxuICAgICAgICAgICAgICAgICAgICBiZy1zbGF0ZS04MDAgZGFyazpiZy1zbGF0ZS0yMDBcIlxuICAgICAgICAgICAgICAgICAgICBbY2xhc3MuLXJvdGF0ZS0xMl09XCIhb3BlbmVkKClcIlxuICAgICAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L3NwYW4+XG48L2J1dHRvbj4iXX0=