import { Component, ElementRef, forwardRef, Inject, Injector, ViewEncapsulation } from '@angular/core';
import { MatIconModule } from '@angular/material/icon';
import { OTranslatePipe } from '../../../pipes/o-translate.pipe';
import { Util } from '../../../util/util';
import { OBaseMenuItemClass } from '../o-base-menu-item.class';
import { OBarMenuBase } from '../o-bar-menu-base.class';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/icon";
import * as i2 from "../o-bar-menu-base.class";
export class OBarMenuGroupComponent extends OBaseMenuItemClass {
    constructor(menu, elRef, injector) {
        super(menu, elRef, injector);
        this.menu = menu;
        this.elRef = elRef;
        this.injector = injector;
        this.id = 'm_' + String((new Date()).getTime() + Util.randomNumber().toString());
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OBarMenuGroupComponent, deps: [{ token: forwardRef(() => OBarMenuBase) }, { token: i0.ElementRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: OBarMenuGroupComponent, isStandalone: true, selector: "o-bar-menu-group", host: { properties: { "class.o-bar-menu-group": "true", "attr.disabled": "disabled" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"fake-li\" [class.fake-li-hover]=\"isHovered\">\n  <label [attr.for]=\"id\" class=\"toggle mat-list-item\">\n    <mat-icon class=\"o-bar-menu-group-icon mat-24\">{{ icon }}</mat-icon>\n    {{ title | oTranslate }}\n    @if (!checkbox.checked) {\n      <mat-icon class=\"o-bar-menu-group-icon-arrow\">chevron_right</mat-icon>\n    }\n    @if (checkbox.checked) {\n      <mat-icon class=\"o-bar-menu-group-icon-arrow\">expand_more</mat-icon>\n    }\n  </label>\n  <a class=\"o-bar-menu-group-title\">\n    <mat-icon class=\"o-bar-menu-group-icon mat-24\">{{ icon }}</mat-icon> {{ title | oTranslate }}\n    <mat-icon class=\"o-bar-menu-group-icon-arrow\">chevron_right</mat-icon>\n  </a>\n  <input [attr.id]=\"id\" type=\"checkbox\" #checkbox />\n  @if (!disabled) {\n    <div class=\"fake-ul mat-primary mat-elevation-z4\">\n      <ng-content></ng-content>\n    </div>\n  }\n</div>", styles: [".o-bar-menu-group[disabled=true] .fake-li{opacity:.5}.o-bar-menu-group[disabled=true] .fake-li a.o-bar-menu-group-title{cursor:default}.o-bar-menu-group .fake-li .o-bar-menu-group-icon,.o-bar-menu-group .fake-ul .o-bar-menu-group-icon{display:inline-block;margin:0 10px 0 0}.o-bar-menu-group .fake-li .o-bar-menu-group-icon~.o-bar-menu-group-title,.o-bar-menu-group .fake-ul .o-bar-menu-group-icon~.o-bar-menu-group-title{padding-left:0}.o-bar-menu-group .fake-li .o-bar-menu-group-icon-arrow,.o-bar-menu-group .fake-ul .o-bar-menu-group-icon-arrow{margin-left:auto}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: OTranslatePipe, name: "oTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OBarMenuGroupComponent, decorators: [{
            type: Component,
            args: [{ standalone: true, imports: [MatIconModule, OTranslatePipe], selector: 'o-bar-menu-group', encapsulation: ViewEncapsulation.None, host: {
                        '[class.o-bar-menu-group]': 'true',
                        '[attr.disabled]': 'disabled'
                    }, template: "<div class=\"fake-li\" [class.fake-li-hover]=\"isHovered\">\n  <label [attr.for]=\"id\" class=\"toggle mat-list-item\">\n    <mat-icon class=\"o-bar-menu-group-icon mat-24\">{{ icon }}</mat-icon>\n    {{ title | oTranslate }}\n    @if (!checkbox.checked) {\n      <mat-icon class=\"o-bar-menu-group-icon-arrow\">chevron_right</mat-icon>\n    }\n    @if (checkbox.checked) {\n      <mat-icon class=\"o-bar-menu-group-icon-arrow\">expand_more</mat-icon>\n    }\n  </label>\n  <a class=\"o-bar-menu-group-title\">\n    <mat-icon class=\"o-bar-menu-group-icon mat-24\">{{ icon }}</mat-icon> {{ title | oTranslate }}\n    <mat-icon class=\"o-bar-menu-group-icon-arrow\">chevron_right</mat-icon>\n  </a>\n  <input [attr.id]=\"id\" type=\"checkbox\" #checkbox />\n  @if (!disabled) {\n    <div class=\"fake-ul mat-primary mat-elevation-z4\">\n      <ng-content></ng-content>\n    </div>\n  }\n</div>", styles: [".o-bar-menu-group[disabled=true] .fake-li{opacity:.5}.o-bar-menu-group[disabled=true] .fake-li a.o-bar-menu-group-title{cursor:default}.o-bar-menu-group .fake-li .o-bar-menu-group-icon,.o-bar-menu-group .fake-ul .o-bar-menu-group-icon{display:inline-block;margin:0 10px 0 0}.o-bar-menu-group .fake-li .o-bar-menu-group-icon~.o-bar-menu-group-title,.o-bar-menu-group .fake-ul .o-bar-menu-group-icon~.o-bar-menu-group-title{padding-left:0}.o-bar-menu-group .fake-li .o-bar-menu-group-icon-arrow,.o-bar-menu-group .fake-ul .o-bar-menu-group-icon-arrow{margin-left:auto}\n"] }]
        }], ctorParameters: () => [{ type: i2.OBarMenuBase, decorators: [{
                    type: Inject,
                    args: [forwardRef(() => OBarMenuBase)]
                }] }, { type: i0.ElementRef }, { type: i0.Injector }] });
//# sourceMappingURL=data:application/json;base64, 