@netgrif/components
Version:
Netgrif Application Engine frontend Angular components
24 lines • 10.4 kB
JavaScript
import { Component, Optional } from '@angular/core';
import { AbstractWorkflowPanelComponent } from '@netgrif/components-core';
import * as i0 from "@angular/core";
import * as i1 from "@netgrif/components-core";
import * as i2 from "@ngx-translate/core";
import * as i3 from "@angular/common";
import * as i4 from "@ngbracket/ngx-layout";
import * as i5 from "@ngbracket/ngx-layout/extended";
import * as i6 from "@angular/material/icon";
import * as i7 from "../panel.component";
export class PublicWorkflowPanelComponent extends AbstractWorkflowPanelComponent {
constructor(log, translate, workflowService, petriNetResource, overflowService) {
super(log, translate, workflowService, petriNetResource, overflowService);
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PublicWorkflowPanelComponent, deps: [{ token: i1.LoggerService }, { token: i2.TranslateService }, { token: i1.WorkflowViewService }, { token: i1.PetriNetResourceService }, { token: i1.OverflowService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PublicWorkflowPanelComponent, selector: "nc-public-workflow-panel", usesInheritance: true, ngImport: i0, template: "<nc-app-panel [panelHeader]=\"header\" [preventExpand]=\"true\">\n <ng-template #header>\n <div fxLayoutAlign=\"start center\" fxLayout=\"row\" fxFlex=\"95\">\n <div *ngFor=\"let field of featuredFieldsValues; let i = index\" fxLayoutAlign=\"start center\" fxFlex\n [fxHide.lt-xl]=\"i >= 4 && responsiveBody && !overflowMode\"\n [fxHide.lt-lg]=\"i >= 3 && responsiveBody && !overflowMode\"\n [fxHide.lt-md]=\"i >= 2 && responsiveBody && !overflowMode\"\n [fxHide.lt-sm]=\"i >= 1 && responsiveBody && !overflowMode\"\n >\n <mat-icon class=\"workflow-panel-icon panel-primary-icon\"\n *ngIf=\"!!field.icon && !!field.value\">{{field.icon}}</mat-icon>\n {{field.value}}\n </div>\n </div>\n <div fxFlex=\"5\"></div>\n </ng-template>\n</nc-app-panel>\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.PanelComponent, selector: "nc-app-panel" }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PublicWorkflowPanelComponent, decorators: [{
type: Component,
args: [{ selector: 'nc-public-workflow-panel', template: "<nc-app-panel [panelHeader]=\"header\" [preventExpand]=\"true\">\n <ng-template #header>\n <div fxLayoutAlign=\"start center\" fxLayout=\"row\" fxFlex=\"95\">\n <div *ngFor=\"let field of featuredFieldsValues; let i = index\" fxLayoutAlign=\"start center\" fxFlex\n [fxHide.lt-xl]=\"i >= 4 && responsiveBody && !overflowMode\"\n [fxHide.lt-lg]=\"i >= 3 && responsiveBody && !overflowMode\"\n [fxHide.lt-md]=\"i >= 2 && responsiveBody && !overflowMode\"\n [fxHide.lt-sm]=\"i >= 1 && responsiveBody && !overflowMode\"\n >\n <mat-icon class=\"workflow-panel-icon panel-primary-icon\"\n *ngIf=\"!!field.icon && !!field.value\">{{field.icon}}</mat-icon>\n {{field.value}}\n </div>\n </div>\n <div fxFlex=\"5\"></div>\n </ng-template>\n</nc-app-panel>\n" }]
}], ctorParameters: () => [{ type: i1.LoggerService }, { type: i2.TranslateService }, { type: i1.WorkflowViewService }, { type: i1.PetriNetResourceService }, { type: i1.OverflowService, decorators: [{
type: Optional
}] }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLXdvcmtmbG93LXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3BhbmVsL3B1YmxpYy13b3JrZmxvdy1wYW5lbC9wdWJsaWMtd29ya2Zsb3ctcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvcGFuZWwvcHVibGljLXdvcmtmbG93LXBhbmVsL3B1YmxpYy13b3JrZmxvdy1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVsRCxPQUFPLEVBQ0gsOEJBQThCLEVBS2pDLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7OztBQU9sQyxNQUFNLE9BQU8sNEJBQTZCLFNBQVEsOEJBQThCO0lBQzVFLFlBQVksR0FBa0IsRUFDbEIsU0FBMkIsRUFDM0IsZUFBb0MsRUFDcEMsZ0JBQXlDLEVBQzdCLGVBQWdDO1FBQ3BELEtBQUssQ0FBQyxHQUFHLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxnQkFBZ0IsRUFBRSxlQUFlLENBQUMsQ0FBQztJQUM5RSxDQUFDO3dHQVBRLDRCQUE0Qjs0RkFBNUIsNEJBQTRCLHVGQ2Z6QyxnNkJBaUJBOzs0RkRGYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsMEJBQTBCOzswQkFTckIsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBBYnN0cmFjdFdvcmtmbG93UGFuZWxDb21wb25lbnQsXG4gICAgV29ya2Zsb3dWaWV3U2VydmljZSxcbiAgICBMb2dnZXJTZXJ2aWNlLFxuICAgIFBldHJpTmV0UmVzb3VyY2VTZXJ2aWNlLFxuICAgIE92ZXJmbG93U2VydmljZVxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduYy1wdWJsaWMtd29ya2Zsb3ctcGFuZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vcHVibGljLXdvcmtmbG93LXBhbmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcHVibGljLXdvcmtmbG93LXBhbmVsLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUHVibGljV29ya2Zsb3dQYW5lbENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0V29ya2Zsb3dQYW5lbENvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IobG9nOiBMb2dnZXJTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICAgICAgICAgICAgICB3b3JrZmxvd1NlcnZpY2U6IFdvcmtmbG93Vmlld1NlcnZpY2UsXG4gICAgICAgICAgICAgICAgcGV0cmlOZXRSZXNvdXJjZTogUGV0cmlOZXRSZXNvdXJjZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgb3ZlcmZsb3dTZXJ2aWNlOiBPdmVyZmxvd1NlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIobG9nLCB0cmFuc2xhdGUsIHdvcmtmbG93U2VydmljZSwgcGV0cmlOZXRSZXNvdXJjZSwgb3ZlcmZsb3dTZXJ2aWNlKTtcbiAgICB9XG59XG4iLCI8bmMtYXBwLXBhbmVsIFtwYW5lbEhlYWRlcl09XCJoZWFkZXJcIiBbcHJldmVudEV4cGFuZF09XCJ0cnVlXCI+XG4gICAgPG5nLXRlbXBsYXRlICNoZWFkZXI+XG4gICAgICAgIDxkaXYgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiIGZ4TGF5b3V0PVwicm93XCIgZnhGbGV4PVwiOTVcIj5cbiAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGZpZWxkIG9mIGZlYXR1cmVkRmllbGRzVmFsdWVzOyBsZXQgaSA9IGluZGV4XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiIGZ4RmxleFxuICAgICAgICAgICAgICAgICBbZnhIaWRlLmx0LXhsXT1cImkgPj0gNCAmJiByZXNwb25zaXZlQm9keSAmJiAhb3ZlcmZsb3dNb2RlXCJcbiAgICAgICAgICAgICAgICAgW2Z4SGlkZS5sdC1sZ109XCJpID49IDMgJiYgcmVzcG9uc2l2ZUJvZHkgJiYgIW92ZXJmbG93TW9kZVwiXG4gICAgICAgICAgICAgICAgIFtmeEhpZGUubHQtbWRdPVwiaSA+PSAyICYmIHJlc3BvbnNpdmVCb2R5ICYmICFvdmVyZmxvd01vZGVcIlxuICAgICAgICAgICAgICAgICBbZnhIaWRlLmx0LXNtXT1cImkgPj0gMSAmJiByZXNwb25zaXZlQm9keSAmJiAhb3ZlcmZsb3dNb2RlXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJ3b3JrZmxvdy1wYW5lbC1pY29uIHBhbmVsLXByaW1hcnktaWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiISFmaWVsZC5pY29uICYmICEhZmllbGQudmFsdWVcIj57e2ZpZWxkLmljb259fTwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAge3tmaWVsZC52YWx1ZX19XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgZnhGbGV4PVwiNVwiPjwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG48L25jLWFwcC1wYW5lbD5cbiJdfQ==