import { CommonModule } from '@angular/common';
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { AccordionComponent } from '../accordion/accordion.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
const burgerMenu = require('../assets/burger-menu.svg');
export class SidebarComponent {
    constructor() {
        this.burgerMenu = burgerMenu?.default ?? burgerMenu;
        this.isOpen = false;
        this.ignoreIcon = false;
        this.items = [];
        this.toggleMenu = new EventEmitter();
        this.clickItemMenu = new EventEmitter();
    }
    ngOnInit() { }
    toggleSidebar() {
        this.toggleMenu.emit();
    }
    clickOption(value) {
        this.clickItemMenu.emit(value);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SidebarComponent, isStandalone: true, selector: "sirius-lib-sidebar", inputs: { isOpen: "isOpen", ignoreIcon: "ignoreIcon", items: "items" }, outputs: { toggleMenu: "toggleMenu", clickItemMenu: "clickItemMenu" }, ngImport: i0, template: "<div class=\"sidebar-components\" [class.open]=\"isOpen\">\n  <div class=\"sidebar-components--menu\">\n    <header>\n      <div class=\"sidebar-components--menu_logo\">ACME</div>\n    </header>\n    <ul>\n      <li *ngFor=\"let item of items\">\n        <p><sirius-accordion [item]=\"item\" (clickOption)=\"clickOption($event)\"/></p>\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: [".sidebar-components{position:fixed;overflow:hidden;height:100vh;top:0;left:0;width:0;height:100%;transition:.3s;background:#303030;color:#fff}.sidebar-components.open{width:250px;border-right:1px solid #666}.sidebar-components--menu{height:100%;transition:all .5s ease;text-decoration:none}.sidebar-components--menu_logo{padding-top:15px;width:100%;-webkit-user-select:none;user-select:none;text-align:center;font:22px Open Sans,sans-serif;line-height:45px}.sidebar-components--menu ul{list-style:none;margin-left:-40px}.sidebar-components--menu p{font:10px Open Sans,sans-serif;width:100%;line-height:65px;font-size:15px;color:#fff;border-bottom:1px solid black;border-top:1px solid rgba(255,255,255,.1);transition:.4s;cursor:pointer;margin:0}.sidebar-components--menu p i{margin-right:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: AccordionComponent, selector: "sirius-accordion", inputs: ["item"], outputs: ["clickOption"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarComponent, decorators: [{
            type: Component,
            args: [{ selector: 'sirius-lib-sidebar', standalone: true, imports: [CommonModule, AccordionComponent], template: "<div class=\"sidebar-components\" [class.open]=\"isOpen\">\n  <div class=\"sidebar-components--menu\">\n    <header>\n      <div class=\"sidebar-components--menu_logo\">ACME</div>\n    </header>\n    <ul>\n      <li *ngFor=\"let item of items\">\n        <p><sirius-accordion [item]=\"item\" (clickOption)=\"clickOption($event)\"/></p>\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: [".sidebar-components{position:fixed;overflow:hidden;height:100vh;top:0;left:0;width:0;height:100%;transition:.3s;background:#303030;color:#fff}.sidebar-components.open{width:250px;border-right:1px solid #666}.sidebar-components--menu{height:100%;transition:all .5s ease;text-decoration:none}.sidebar-components--menu_logo{padding-top:15px;width:100%;-webkit-user-select:none;user-select:none;text-align:center;font:22px Open Sans,sans-serif;line-height:45px}.sidebar-components--menu ul{list-style:none;margin-left:-40px}.sidebar-components--menu p{font:10px Open Sans,sans-serif;width:100%;line-height:65px;font-size:15px;color:#fff;border-bottom:1px solid black;border-top:1px solid rgba(255,255,255,.1);transition:.4s;cursor:pointer;margin:0}.sidebar-components--menu p i{margin-right:16px}\n"] }]
        }], ctorParameters: () => [], propDecorators: { isOpen: [{
                type: Input
            }], ignoreIcon: [{
                type: Input
            }], items: [{
                type: Input
            }], toggleMenu: [{
                type: Output
            }], clickItemMenu: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXJpdXMtdWktbGliL3NyYy9jb21wb25lbnRzL3NpZGViYXIvU2lkZWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXJpdXMtdWktbGliL3NyYy9jb21wb25lbnRzL3NpZGViYXIvU2lkZWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBMEIsTUFBTSxlQUFlLENBQUM7QUFDdkcsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7OztBQUN0RSxNQUFNLFVBQVUsR0FBRyxPQUFPLENBQUMsMkJBQTJCLENBQUMsQ0FBQztBQVN4RCxNQUFNLE9BQU8sZ0JBQWdCO0lBQzNCO1FBRUEsZUFBVSxHQUFHLFVBQVUsRUFBRSxPQUFPLElBQUksVUFBVSxDQUFBO1FBRXJDLFdBQU0sR0FBRyxLQUFLLENBQUE7UUFDZCxlQUFVLEdBQUcsS0FBSyxDQUFBO1FBQ2xCLFVBQUssR0FBUSxFQUFFLENBQUE7UUFFZCxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQTtRQUNwQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUE7SUFUbEMsQ0FBQztJQUNoQixRQUFRLEtBQVUsQ0FBQztJQVNuQixhQUFhO1FBQ1gsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQVU7UUFDcEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQzsrR0FqQlUsZ0JBQWdCO21HQUFoQixnQkFBZ0IsNk5DWjdCLDZYQVlBLG0xQkRKWSxZQUFZLDRKQUFFLGtCQUFrQjs7NEZBSS9CLGdCQUFnQjtrQkFQNUIsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGtCQUFrQixDQUFDO3dEQVNsQyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjY29yZGlvbkNvbXBvbmVudCB9IGZyb20gJy4uL2FjY29yZGlvbi9hY2NvcmRpb24uY29tcG9uZW50JztcbmNvbnN0IGJ1cmdlck1lbnUgPSByZXF1aXJlKCcuLi9hc3NldHMvYnVyZ2VyLW1lbnUuc3ZnJyk7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Npcml1cy1saWItc2lkZWJhcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFjY29yZGlvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9TaWRlYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL1NpZGViYXIuY29tcG9uZW50LnNjc3MnXG59KVxuZXhwb3J0IGNsYXNzIFNpZGViYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBjb25zdHJ1Y3RvcigpIHt9XG4gIG5nT25Jbml0KCk6IHZvaWQge31cbiAgYnVyZ2VyTWVudSA9IGJ1cmdlck1lbnU/LmRlZmF1bHQgPz8gYnVyZ2VyTWVudVxuXG4gIEBJbnB1dCgpIGlzT3BlbiA9IGZhbHNlXG4gIEBJbnB1dCgpIGlnbm9yZUljb24gPSBmYWxzZVxuICBASW5wdXQoKSBpdGVtczogYW55ID0gW11cblxuICBAT3V0cHV0KCkgdG9nZ2xlTWVudSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpXG4gIEBPdXRwdXQoKSBjbGlja0l0ZW1NZW51ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KClcbiAgdG9nZ2xlU2lkZWJhcigpIHtcbiAgICB0aGlzLnRvZ2dsZU1lbnUuZW1pdCgpO1xuICB9XG5cbiAgY2xpY2tPcHRpb24odmFsdWU6IGFueSkge1xuICAgIHRoaXMuY2xpY2tJdGVtTWVudS5lbWl0KHZhbHVlKVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2lkZWJhci1jb21wb25lbnRzXCIgW2NsYXNzLm9wZW5dPVwiaXNPcGVuXCI+XG4gIDxkaXYgY2xhc3M9XCJzaWRlYmFyLWNvbXBvbmVudHMtLW1lbnVcIj5cbiAgICA8aGVhZGVyPlxuICAgICAgPGRpdiBjbGFzcz1cInNpZGViYXItY29tcG9uZW50cy0tbWVudV9sb2dvXCI+QUNNRTwvZGl2PlxuICAgIDwvaGVhZGVyPlxuICAgIDx1bD5cbiAgICAgIDxsaSAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiPlxuICAgICAgICA8cD48c2lyaXVzLWFjY29yZGlvbiBbaXRlbV09XCJpdGVtXCIgKGNsaWNrT3B0aW9uKT1cImNsaWNrT3B0aW9uKCRldmVudClcIi8+PC9wPlxuICAgICAgPC9saT5cbiAgICA8L3VsPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19