xui
Version:
xUI Components for Angular
53 lines • 6.31 kB
JavaScript
import { __decorate, __metadata } from "tslib";
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, Optional } from '@angular/core';
import { MenuService } from './menu.service';
import { SubmenuService } from './submenu.service';
import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
import { combineLatest } from 'rxjs';
import * as i0 from "@angular/core";
import * as i1 from "./menu.service";
import * as i2 from "./submenu.service";
export let MenuGroupComponent = class MenuGroupComponent {
constructor(cdr, menuService, submenuService) {
this.cdr = cdr;
this.menuService = menuService;
this.submenuService = submenuService;
this.paddingLeft = null;
this.level = (this.submenuService?.level ?? 0) + 0.5;
}
ngOnInit() {
combineLatest([this.menuService.mode$, this.menuService.inlineIndent$])
.pipe(untilDestroyed(this))
.subscribe(([mode, inlineIndent]) => {
this.paddingLeft = mode === 'default' ? this.level * inlineIndent : null;
this.cdr.markForCheck();
});
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: MenuGroupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.MenuService }, { token: i2.SubmenuService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: MenuGroupComponent, selector: "xui-menu-group", inputs: { title: "title" }, ngImport: i0, template: `<div class="x-menu-group-title" [style.paddingLeft.px]="paddingLeft">
{{ title }}
</div>
<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
};
MenuGroupComponent = __decorate([
UntilDestroy(),
__metadata("design:paramtypes", [ChangeDetectorRef,
MenuService,
SubmenuService])
], MenuGroupComponent);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: MenuGroupComponent, decorators: [{
type: Component,
args: [{
selector: 'xui-menu-group',
changeDetection: ChangeDetectionStrategy.OnPush,
template: `<div class="x-menu-group-title" [style.paddingLeft.px]="paddingLeft">
{{ title }}
</div>
<ng-content></ng-content>`
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.MenuService }, { type: i2.SubmenuService, decorators: [{
type: Optional
}] }]; }, propDecorators: { title: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3h1aS9zcmMvbWVudS9tZW51LWdyb3VwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9HLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbkQsT0FBTyxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7O0FBVzlCLFdBQU0sa0JBQWtCLEdBQXhCLE1BQU0sa0JBQWtCO0lBSzdCLFlBQ1UsR0FBc0IsRUFDdEIsV0FBd0IsRUFDWixjQUE4QjtRQUYxQyxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUN0QixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQUNaLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQU5wRCxnQkFBVyxHQUFrQixJQUFJLENBQUM7UUFDMUIsVUFBSyxHQUFHLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxLQUFLLElBQUksQ0FBQyxDQUFDLEdBQUcsR0FBRyxDQUFDO0lBTXJELENBQUM7SUFFSixRQUFRO1FBQ04sYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsQ0FBQzthQUNwRSxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQzFCLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUFFLFlBQVksQ0FBQyxFQUFFLEVBQUU7WUFDbEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxHQUFHLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1lBQ3pFLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDMUIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOzhHQWxCVSxrQkFBa0I7a0dBQWxCLGtCQUFrQixrRkFMbkI7Ozs4QkFHa0I7O0FBRWpCLGtCQUFrQjtJQVQ5QixZQUFZLEVBQUU7cUNBZUUsaUJBQWlCO1FBQ1QsV0FBVztRQUNJLGNBQWM7R0FSekMsa0JBQWtCLENBbUI5QjsyRkFuQlksa0JBQWtCO2tCQVI5QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxRQUFRLEVBQUU7Ozs4QkFHa0I7aUJBQzdCOzswQkFTSSxRQUFROzRDQVBGLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBPcHRpb25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWVudVNlcnZpY2UgfSBmcm9tICcuL21lbnUuc2VydmljZSc7XG5pbXBvcnQgeyBTdWJtZW51U2VydmljZSB9IGZyb20gJy4vc3VibWVudS5zZXJ2aWNlJztcbmltcG9ydCB7IFVudGlsRGVzdHJveSwgdW50aWxEZXN0cm95ZWQgfSBmcm9tICdAbmduZWF0L3VudGlsLWRlc3Ryb3knO1xuaW1wb3J0IHsgY29tYmluZUxhdGVzdCB9IGZyb20gJ3J4anMnO1xuXG5AVW50aWxEZXN0cm95KClcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3h1aS1tZW51LWdyb3VwJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHRlbXBsYXRlOiBgPGRpdiBjbGFzcz1cIngtbWVudS1ncm91cC10aXRsZVwiIFtzdHlsZS5wYWRkaW5nTGVmdC5weF09XCJwYWRkaW5nTGVmdFwiPlxuICAgICAge3sgdGl0bGUgfX1cbiAgICA8L2Rpdj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+YFxufSlcbmV4cG9ydCBjbGFzcyBNZW51R3JvdXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSB0aXRsZSE6IHN0cmluZztcbiAgcGFkZGluZ0xlZnQ6IG51bWJlciB8IG51bGwgPSBudWxsO1xuICBwcml2YXRlIGxldmVsID0gKHRoaXMuc3VibWVudVNlcnZpY2U/LmxldmVsID8/IDApICsgMC41O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBwcml2YXRlIG1lbnVTZXJ2aWNlOiBNZW51U2VydmljZSxcbiAgICBAT3B0aW9uYWwoKSBwcml2YXRlIHN1Ym1lbnVTZXJ2aWNlOiBTdWJtZW51U2VydmljZVxuICApIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgY29tYmluZUxhdGVzdChbdGhpcy5tZW51U2VydmljZS5tb2RlJCwgdGhpcy5tZW51U2VydmljZS5pbmxpbmVJbmRlbnQkXSlcbiAgICAgIC5waXBlKHVudGlsRGVzdHJveWVkKHRoaXMpKVxuICAgICAgLnN1YnNjcmliZSgoW21vZGUsIGlubGluZUluZGVudF0pID0+IHtcbiAgICAgICAgdGhpcy5wYWRkaW5nTGVmdCA9IG1vZGUgPT09ICdkZWZhdWx0JyA/IHRoaXMubGV2ZWwgKiBpbmxpbmVJbmRlbnQgOiBudWxsO1xuICAgICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICAgIH0pO1xuICB9XG59XG4iXX0=