@netgrif/components
Version:
Netgrif Application Engine frontend Angular components
20 lines • 8.96 kB
JavaScript
import { Component } from '@angular/core';
import { AbstractPanelComponent } from '@netgrif/components-core';
import * as i0 from "@angular/core";
import * as i1 from "@netgrif/components-core";
import * as i2 from "@angular/router";
import * as i3 from "@angular/common";
import * as i4 from "@ngbracket/ngx-layout/extended";
import * as i5 from "@angular/material/expansion";
export class PanelComponent extends AbstractPanelComponent {
constructor(caseListFontColorService, activatedRoute) {
super(caseListFontColorService, activatedRoute);
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PanelComponent, deps: [{ token: i1.CaseListFontColorService }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PanelComponent, selector: "nc-app-panel", usesInheritance: true, ngImport: i0, template: "<mat-expansion-panel [@.disabled]=\"expansionDisabled\" hideToggle (afterExpand)=\"emitExpand()\"\n (afterCollapse)=\"emitCollapse()\" #matExpansionPanel class=\"panel-body\"\n [ngClass]=\"{'margin-bottom':last, 'panel-last':last, 'panel-first': first}\" [disabled]='preventExpand'>\n <mat-expansion-panel-header *ngIf=\"showPanelHeader()\"\n (click)=\"expandPanel()\" class=\"panel-color header-padding header-min-height\"\n [ngStyle]=\"{'background': caseColor, 'color': getCaseFontColor()}\">\n <mat-panel-description *ngTemplateOutlet=\"panelHeader\">\n </mat-panel-description>\n </mat-expansion-panel-header>\n <ng-template matExpansionPanelContent>\n <div *ngTemplateOutlet=\"panelContent\"></div>\n </ng-template>\n</mat-expansion-panel>\n\n", styles: [".mat-expansion-panel-header{border-bottom:1px solid rgba(0,0,0,.03);color:#000000de}.header-padding{padding:0 16px}.header-min-height{min-height:53px!important;height:auto!important}.margin-bottom{margin-bottom:2px}.mat-expansion-panel{-webkit-user-select:text!important;user-select:text!important}.panel-last{padding-bottom:16px;border-bottom-left-radius:8px!important;border-bottom-right-radius:8px!important}.panel-first{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 2px #0000001f!important}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: " [ngStyle], [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl], [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl], [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i5.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "directive", type: i5.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PanelComponent, decorators: [{
type: Component,
args: [{ selector: 'nc-app-panel', template: "<mat-expansion-panel [@.disabled]=\"expansionDisabled\" hideToggle (afterExpand)=\"emitExpand()\"\n (afterCollapse)=\"emitCollapse()\" #matExpansionPanel class=\"panel-body\"\n [ngClass]=\"{'margin-bottom':last, 'panel-last':last, 'panel-first': first}\" [disabled]='preventExpand'>\n <mat-expansion-panel-header *ngIf=\"showPanelHeader()\"\n (click)=\"expandPanel()\" class=\"panel-color header-padding header-min-height\"\n [ngStyle]=\"{'background': caseColor, 'color': getCaseFontColor()}\">\n <mat-panel-description *ngTemplateOutlet=\"panelHeader\">\n </mat-panel-description>\n </mat-expansion-panel-header>\n <ng-template matExpansionPanelContent>\n <div *ngTemplateOutlet=\"panelContent\"></div>\n </ng-template>\n</mat-expansion-panel>\n\n", styles: [".mat-expansion-panel-header{border-bottom:1px solid rgba(0,0,0,.03);color:#000000de}.header-padding{padding:0 16px}.header-min-height{min-height:53px!important;height:auto!important}.margin-bottom{margin-bottom:2px}.mat-expansion-panel{-webkit-user-select:text!important;user-select:text!important}.panel-last{padding-bottom:16px;border-bottom-left-radius:8px!important;border-bottom-right-radius:8px!important}.panel-first{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 2px #0000001f!important}\n"] }]
}], ctorParameters: () => [{ type: i1.CaseListFontColorService }, { type: i2.ActivatedRoute }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvcGFuZWwvcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvcGFuZWwvcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsc0JBQXNCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7OztBQVNoRSxNQUFNLE9BQU8sY0FBZSxTQUFRLHNCQUFzQjtJQUN0RCxZQUFZLHdCQUFrRCxFQUFFLGNBQThCO1FBQzFGLEtBQUssQ0FBQyx3QkFBd0IsRUFBRSxjQUFjLENBQUMsQ0FBQztJQUNwRCxDQUFDO3dHQUhRLGNBQWM7NEZBQWQsY0FBYywyRUNWM0IsczNCQWNBOzs0RkRKYSxjQUFjO2tCQUwxQixTQUFTOytCQUNJLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0UGFuZWxDb21wb25lbnR9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge0Nhc2VMaXN0Rm9udENvbG9yU2VydmljZX0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcbmltcG9ydCB7IEFjdGl2YXRlZFJvdXRlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1hcHAtcGFuZWwnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wYW5lbC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcGFuZWwuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQYW5lbENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0UGFuZWxDb21wb25lbnQge1xuICAgIGNvbnN0cnVjdG9yKGNhc2VMaXN0Rm9udENvbG9yU2VydmljZTogQ2FzZUxpc3RGb250Q29sb3JTZXJ2aWNlLCBhY3RpdmF0ZWRSb3V0ZTogQWN0aXZhdGVkUm91dGUpIHtcbiAgICAgICAgc3VwZXIoY2FzZUxpc3RGb250Q29sb3JTZXJ2aWNlLCBhY3RpdmF0ZWRSb3V0ZSk7XG4gICAgfVxufVxuIiwiPG1hdC1leHBhbnNpb24tcGFuZWwgW0AuZGlzYWJsZWRdPVwiZXhwYW5zaW9uRGlzYWJsZWRcIiBoaWRlVG9nZ2xlIChhZnRlckV4cGFuZCk9XCJlbWl0RXhwYW5kKClcIlxuICAgICAgICAgICAgICAgICAgICAgKGFmdGVyQ29sbGFwc2UpPVwiZW1pdENvbGxhcHNlKClcIiAjbWF0RXhwYW5zaW9uUGFuZWwgY2xhc3M9XCJwYW5lbC1ib2R5XCJcbiAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnbWFyZ2luLWJvdHRvbSc6bGFzdCwgJ3BhbmVsLWxhc3QnOmxhc3QsICdwYW5lbC1maXJzdCc6IGZpcnN0fVwiIFtkaXNhYmxlZF09J3ByZXZlbnRFeHBhbmQnPlxuICAgIDxtYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlciAqbmdJZj1cInNob3dQYW5lbEhlYWRlcigpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImV4cGFuZFBhbmVsKClcIiBjbGFzcz1cInBhbmVsLWNvbG9yIGhlYWRlci1wYWRkaW5nIGhlYWRlci1taW4taGVpZ2h0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kJzogY2FzZUNvbG9yLCAnY29sb3InOiBnZXRDYXNlRm9udENvbG9yKCl9XCI+XG4gICAgICAgIDxtYXQtcGFuZWwtZGVzY3JpcHRpb24gKm5nVGVtcGxhdGVPdXRsZXQ9XCJwYW5lbEhlYWRlclwiPlxuICAgICAgICA8L21hdC1wYW5lbC1kZXNjcmlwdGlvbj5cbiAgICA8L21hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuICAgIDxuZy10ZW1wbGF0ZSBtYXRFeHBhbnNpb25QYW5lbENvbnRlbnQ+XG4gICAgICAgIDxkaXYgKm5nVGVtcGxhdGVPdXRsZXQ9XCJwYW5lbENvbnRlbnRcIj48L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuPC9tYXQtZXhwYW5zaW9uLXBhbmVsPlxuXG4iXX0=