ontimize-web-ngx/esm2020/lib/components/bar-menu/menu-group/o-bar-menu-group.component.mjs

Ontimize Web framework using Angular 15

import { Component, ElementRef, forwardRef, Inject, Injector, ViewEncapsulation } from '@angular/core';
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/common";
import * as i2 from "@angular/material/icon";
import * as i3 from "../../../pipes/o-translate.pipe";
import * as i4 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());
    }
}
OBarMenuGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OBarMenuGroupComponent, deps: [{ token: forwardRef(() => OBarMenuBase) }, { token: i0.ElementRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
OBarMenuGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: OBarMenuGroupComponent, 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    <mat-icon class=\"o-bar-menu-group-icon-arrow\" *ngIf=\"!checkbox.checked\">chevron_right</mat-icon>\n    <mat-icon class=\"o-bar-menu-group-icon-arrow\" *ngIf=\"checkbox.checked\">expand_more</mat-icon>\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  <div *ngIf=\"!disabled\" class=\"fake-ul mat-primary mat-elevation-z4\">\n    <ng-content></ng-content>\n  </div>\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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i3.OTranslatePipe, name: "oTranslate" }], encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OBarMenuGroupComponent, decorators: [{
            type: Component,
            args: [{ 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    <mat-icon class=\"o-bar-menu-group-icon-arrow\" *ngIf=\"!checkbox.checked\">chevron_right</mat-icon>\n    <mat-icon class=\"o-bar-menu-group-icon-arrow\" *ngIf=\"checkbox.checked\">expand_more</mat-icon>\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  <div *ngIf=\"!disabled\" class=\"fake-ul mat-primary mat-elevation-z4\">\n    <ng-content></ng-content>\n  </div>\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: function () { return [{ type: i4.OBarMenuBase, decorators: [{
                    type: Inject,
                    args: [forwardRef(() => OBarMenuBase)]
                }] }, { type: i0.ElementRef }, { type: i0.Injector }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1iYXItbWVudS1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vbnRpbWl6ZS13ZWItbmd4L3NyYy9saWIvY29tcG9uZW50cy9iYXItbWVudS9tZW51LWdyb3VwL28tYmFyLW1lbnUtZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb250aW1pemUtd2ViLW5neC9zcmMvbGliL2NvbXBvbmVudHMvYmFyLW1lbnUvbWVudS1ncm91cC9vLWJhci1tZW51LWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXZHLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUMxQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7OztBQWF4RCxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsa0JBQWtCO0lBSTVELFlBQ29ELElBQWtCLEVBQzFELEtBQWlCLEVBQ2pCLFFBQWtCO1FBRTVCLEtBQUssQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBSnFCLFNBQUksR0FBSixJQUFJLENBQWM7UUFDMUQsVUFBSyxHQUFMLEtBQUssQ0FBWTtRQUNqQixhQUFRLEdBQVIsUUFBUSxDQUFVO1FBRzVCLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxHQUFHLE1BQU0sQ0FBQyxDQUFDLElBQUksSUFBSSxFQUFFLENBQUMsQ0FBQyxPQUFPLEVBQUUsR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztJQUNuRixDQUFDOztvSEFYVSxzQkFBc0Isa0JBS3ZCLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxZQUFZLENBQUM7d0dBTDdCLHNCQUFzQix3S0NqQm5DLDAxQkFlTTs0RkRFTyxzQkFBc0I7a0JBVmxDLFNBQVM7K0JBQ0Usa0JBQWtCLGlCQUdiLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0osMEJBQTBCLEVBQUUsTUFBTTt3QkFDbEMsaUJBQWlCLEVBQUUsVUFBVTtxQkFDOUI7OzBCQU9FLE1BQU07MkJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgZm9yd2FyZFJlZiwgSW5qZWN0LCBJbmplY3RvciwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgVXRpbCB9IGZyb20gJy4uLy4uLy4uL3V0aWwvdXRpbCc7XG5pbXBvcnQgeyBPQmFzZU1lbnVJdGVtQ2xhc3MgfSBmcm9tICcuLi9vLWJhc2UtbWVudS1pdGVtLmNsYXNzJztcbmltcG9ydCB7IE9CYXJNZW51QmFzZSB9IGZyb20gJy4uL28tYmFyLW1lbnUtYmFzZS5jbGFzcyc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnby1iYXItbWVudS1ncm91cCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9vLWJhci1tZW51LWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vby1iYXItbWVudS1ncm91cC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy5vLWJhci1tZW51LWdyb3VwXSc6ICd0cnVlJyxcbiAgICAnW2F0dHIuZGlzYWJsZWRdJzogJ2Rpc2FibGVkJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIE9CYXJNZW51R3JvdXBDb21wb25lbnQgZXh0ZW5kcyBPQmFzZU1lbnVJdGVtQ2xhc3Mge1xuXG4gIGlkOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdChmb3J3YXJkUmVmKCgpID0+IE9CYXJNZW51QmFzZSkpIHByb3RlY3RlZCBtZW51OiBPQmFyTWVudUJhc2UsXG4gICAgcHJvdGVjdGVkIGVsUmVmOiBFbGVtZW50UmVmLFxuICAgIHByb3RlY3RlZCBpbmplY3RvcjogSW5qZWN0b3JcbiAgKSB7XG4gICAgc3VwZXIobWVudSwgZWxSZWYsIGluamVjdG9yKTtcbiAgICB0aGlzLmlkID0gJ21fJyArIFN0cmluZygobmV3IERhdGUoKSkuZ2V0VGltZSgpICsgVXRpbC5yYW5kb21OdW1iZXIoKS50b1N0cmluZygpKTtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZmFrZS1saVwiIFtjbGFzcy5mYWtlLWxpLWhvdmVyXT1cImlzSG92ZXJlZFwiPlxuICA8bGFiZWwgW2F0dHIuZm9yXT1cImlkXCIgY2xhc3M9XCJ0b2dnbGUgbWF0LWxpc3QtaXRlbVwiPlxuICAgIDxtYXQtaWNvbiBjbGFzcz1cIm8tYmFyLW1lbnUtZ3JvdXAtaWNvbiBtYXQtMjRcIj57eyBpY29uIH19PC9tYXQtaWNvbj5cbiAgICB7eyB0aXRsZSB8IG9UcmFuc2xhdGUgfX1cbiAgICA8bWF0LWljb24gY2xhc3M9XCJvLWJhci1tZW51LWdyb3VwLWljb24tYXJyb3dcIiAqbmdJZj1cIiFjaGVja2JveC5jaGVja2VkXCI+Y2hldnJvbl9yaWdodDwvbWF0LWljb24+XG4gICAgPG1hdC1pY29uIGNsYXNzPVwiby1iYXItbWVudS1ncm91cC1pY29uLWFycm93XCIgKm5nSWY9XCJjaGVja2JveC5jaGVja2VkXCI+ZXhwYW5kX21vcmU8L21hdC1pY29uPlxuICA8L2xhYmVsPlxuICA8YSBjbGFzcz1cIm8tYmFyLW1lbnUtZ3JvdXAtdGl0bGVcIj5cbiAgICA8bWF0LWljb24gY2xhc3M9XCJvLWJhci1tZW51LWdyb3VwLWljb24gbWF0LTI0XCI+e3sgaWNvbiB9fTwvbWF0LWljb24+IHt7IHRpdGxlIHwgb1RyYW5zbGF0ZSB9fVxuICAgIDxtYXQtaWNvbiBjbGFzcz1cIm8tYmFyLW1lbnUtZ3JvdXAtaWNvbi1hcnJvd1wiPmNoZXZyb25fcmlnaHQ8L21hdC1pY29uPlxuICA8L2E+XG4gIDxpbnB1dCBbYXR0ci5pZF09XCJpZFwiIHR5cGU9XCJjaGVja2JveFwiICNjaGVja2JveCAvPlxuICA8ZGl2ICpuZ0lmPVwiIWRpc2FibGVkXCIgY2xhc3M9XCJmYWtlLXVsIG1hdC1wcmltYXJ5IG1hdC1lbGV2YXRpb24tejRcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+Il19