@smartbit4all/ng-client 4.0.38 → 4.0.39

package/esm2022/lib/view-context/smart-ui-action/dialogs/ui-action-file-upload-dialog/ui-action-file-upload-dialog.component.mjs

@@ -1,15 +1,21 @@
 import { Component, Inject } from '@angular/core';
+import { COMPONENT_LIBRARY, ComponentLibrary } from '../../../projects';
 import * as i0 from "@angular/core";
 import * as i1 from "../../ui-action.descriptor.service";
 import * as i2 from "@angular/material/button";
-import * as i3 from "../../../../smart-icon/smart-icon/smart-icon.component";
-import * as i4 from "../../../../smart-form/smartfileuploader/smartfileuploader.component";
-import * as i5 from "./ui-action-file-upload-dialog.service";
+import * as i3 from "primeng/api";
+import * as i4 from "../../../../smart-icon/smart-icon/smart-icon.component";
+import * as i5 from "../../../../smart-form/smartfileuploader/smartfileuploader.component";
+import * as i6 from "./ui-action-file-upload-dialog.service";
+import * as i7 from "../../../projects";
 export class UiActionFileUploadDialogComponent {
-    constructor(service, manager) {
+    constructor(service, compLib, manager) {
         this.service = service;
+        this.compLib = compLib;
         this.manager = manager;
+        this.componentLibrary = ComponentLibrary;
         this.maxSizeMb = 25;
+        this.uploadedFiles = [];
         this.code = this.service.action.code;
         this.setUp();
     }
@@ -56,17 +62,32 @@ export class UiActionFileUploadDialogComponent {
     upload(files) {
         this.service.onSave(files);
     }
+    onSelect(event) {
+        this.uploadedFiles = [];
+        for (let file of event.files) {
+            this.uploadedFiles.push(file);
+        }
+    }
+    onRemove(event) {
+        this.uploadedFiles = [];
+    }
+    uploadFiles(event) {
+        this.service.onSave(this.uploadedFiles);
+    }
     cancel() {
         this.service.cancel();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: UiActionFileUploadDialogComponent, deps: [{ token: 'fileUploadDialogService' }, { token: i1.UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: UiActionFileUploadDialogComponent, selector: "lib-ui-action-file-upload-dialog", ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\r\n  <div class=\"headerContainer\">\r\n    <h3 class=\"color-accent-700\">\r\n      {{ getTitle() }}\r\n    </h3>\r\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n    </button>\r\n  </div>\r\n  <p>\r\n    {{ getText() }}\r\n  </p>\r\n  <smartfileuploader\r\n    [i18n]=\"i18n\"\r\n    [fileFormats]=\"fileFormats\"\r\n    [maxSizeMb]=\"maxSizeMb\"\r\n    [uploadCallback]=\"upload.bind(this)\"\r\n    [isMultiple]=\"isMultiple\"\r\n  ></smartfileuploader>\r\n  <div class=\"folderNameDialogButtonsContainer\">\r\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n      {{ getCancelButtonLabel() }}\r\n    </button>\r\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\r\n      {{ getActionButtonLabel() }}\r\n    </button> -->\r\n  </div>\r\n</div>\r\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"], dependencies: [{ kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { kind: "component", type: i4.SmartfileuploaderComponent, selector: "smartfileuploader", inputs: ["uploadCallback", "fileFormats", "maxSizeMb", "i18n", "useIconButton", "isMultiple"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: UiActionFileUploadDialogComponent, deps: [{ token: 'fileUploadDialogService' }, { token: COMPONENT_LIBRARY }, { token: i1.UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: UiActionFileUploadDialogComponent, selector: "lib-ui-action-file-upload-dialog", ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\r\n  <div class=\"headerContainer\">\r\n    <h3 class=\"color-accent-700\">\r\n      {{ getTitle() }}\r\n    </h3>\r\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n    </button>\r\n  </div>\r\n  <p>\r\n    {{ getText() }}\r\n  </p>\r\n  @if(compLib === componentLibrary.PRIMENG) {\r\n\r\n  <p-fileUpload\r\n    name=\"files[]\"\r\n    url=\"\"\r\n    (onSend)=\"uploadFiles($event)\"\r\n    (onSelect)=\"onSelect($event)\"\r\n    (onRemove)=\"onRemove($event)\"\r\n    [multiple]=\"isMultiple\"\r\n    [accept]=\"fileFormats\"\r\n    [maxFileSize]=\"maxSizeMb\"\r\n  >\r\n    <ng-template pTemplate=\"content\"> </ng-template>\r\n  </p-fileUpload>\r\n  }@else{\r\n  <smartfileuploader\r\n    [i18n]=\"i18n\"\r\n    [fileFormats]=\"fileFormats\"\r\n    [maxSizeMb]=\"maxSizeMb\"\r\n    [uploadCallback]=\"upload.bind(this)\"\r\n    [isMultiple]=\"isMultiple\"\r\n  ></smartfileuploader>\r\n\r\n  }\r\n\r\n  <div class=\"folderNameDialogButtonsContainer\">\r\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n      {{ getCancelButtonLabel() }}\r\n    </button>\r\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\r\n      {{ getActionButtonLabel() }}\r\n    </button> -->\r\n  </div>\r\n</div>\r\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"], dependencies: [{ kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { kind: "component", type: i5.SmartfileuploaderComponent, selector: "smartfileuploader", inputs: ["uploadCallback", "fileFormats", "maxSizeMb", "i18n", "useIconButton", "isMultiple"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: UiActionFileUploadDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-ui-action-file-upload-dialog', template: "<div class=\"folderNameDialogContainer\">\r\n  <div class=\"headerContainer\">\r\n    <h3 class=\"color-accent-700\">\r\n      {{ getTitle() }}\r\n    </h3>\r\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n    </button>\r\n  </div>\r\n  <p>\r\n    {{ getText() }}\r\n  </p>\r\n  <smartfileuploader\r\n    [i18n]=\"i18n\"\r\n    [fileFormats]=\"fileFormats\"\r\n    [maxSizeMb]=\"maxSizeMb\"\r\n    [uploadCallback]=\"upload.bind(this)\"\r\n    [isMultiple]=\"isMultiple\"\r\n  ></smartfileuploader>\r\n  <div class=\"folderNameDialogButtonsContainer\">\r\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n      {{ getCancelButtonLabel() }}\r\n    </button>\r\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\r\n      {{ getActionButtonLabel() }}\r\n    </button> -->\r\n  </div>\r\n</div>\r\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"] }]
-        }], ctorParameters: () => [{ type: i5.UiActionFileUploadDialogService, decorators: [{
+            args: [{ selector: 'lib-ui-action-file-upload-dialog', template: "<div class=\"folderNameDialogContainer\">\r\n  <div class=\"headerContainer\">\r\n    <h3 class=\"color-accent-700\">\r\n      {{ getTitle() }}\r\n    </h3>\r\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n    </button>\r\n  </div>\r\n  <p>\r\n    {{ getText() }}\r\n  </p>\r\n  @if(compLib === componentLibrary.PRIMENG) {\r\n\r\n  <p-fileUpload\r\n    name=\"files[]\"\r\n    url=\"\"\r\n    (onSend)=\"uploadFiles($event)\"\r\n    (onSelect)=\"onSelect($event)\"\r\n    (onRemove)=\"onRemove($event)\"\r\n    [multiple]=\"isMultiple\"\r\n    [accept]=\"fileFormats\"\r\n    [maxFileSize]=\"maxSizeMb\"\r\n  >\r\n    <ng-template pTemplate=\"content\"> </ng-template>\r\n  </p-fileUpload>\r\n  }@else{\r\n  <smartfileuploader\r\n    [i18n]=\"i18n\"\r\n    [fileFormats]=\"fileFormats\"\r\n    [maxSizeMb]=\"maxSizeMb\"\r\n    [uploadCallback]=\"upload.bind(this)\"\r\n    [isMultiple]=\"isMultiple\"\r\n  ></smartfileuploader>\r\n\r\n  }\r\n\r\n  <div class=\"folderNameDialogButtonsContainer\">\r\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n      {{ getCancelButtonLabel() }}\r\n    </button>\r\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\r\n      {{ getActionButtonLabel() }}\r\n    </button> -->\r\n  </div>\r\n</div>\r\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"] }]
+        }], ctorParameters: () => [{ type: i6.UiActionFileUploadDialogService, decorators: [{
                     type: Inject,
                     args: ['fileUploadDialogService']
+                }] }, { type: i7.ComponentLibrary, decorators: [{
+                    type: Inject,
+                    args: [COMPONENT_LIBRARY]
                 }] }, { type: i1.UiActionDescriptorService }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktYWN0aW9uLWZpbGUtdXBsb2FkLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zbWFydC1uZy1jbGllbnQvc3JjL2xpYi92aWV3LWNvbnRleHQvc21hcnQtdWktYWN0aW9uL2RpYWxvZ3MvdWktYWN0aW9uLWZpbGUtdXBsb2FkLWRpYWxvZy91aS1hY3Rpb24tZmlsZS11cGxvYWQtZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NtYXJ0LW5nLWNsaWVudC9zcmMvbGliL3ZpZXctY29udGV4dC9zbWFydC11aS1hY3Rpb24vZGlhbG9ncy91aS1hY3Rpb24tZmlsZS11cGxvYWQtZGlhbG9nL3VpLWFjdGlvbi1maWxlLXVwbG9hZC1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQWEsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFXN0QsTUFBTSxPQUFPLGlDQUFpQztJQVk1QyxZQUM2QyxPQUF3QyxFQUMzRSxPQUFrQztRQURDLFlBQU8sR0FBUCxPQUFPLENBQWlDO1FBQzNFLFlBQU8sR0FBUCxPQUFPLENBQTJCO1FBTjVDLGNBQVMsR0FBVyxFQUFFLENBQUM7UUFRckIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxJQUFLLENBQUM7UUFDdEMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2YsQ0FBQztJQUNELFdBQVc7UUFDVCxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUM5QixJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDaEIsQ0FBQztJQUVELEtBQUssQ0FBQyxLQUFLO1FBQ1QsSUFBSSxDQUFDLFVBQVUsR0FBRyxNQUFNLElBQUksQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUU5RSxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDO1FBRTFDLElBQUksQ0FBQyxJQUFJLEdBQUc7WUFDVixPQUFPLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLEVBQUUsS0FBSyxJQUFJLHVCQUF1QjtZQUNqRSxZQUFZLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLEVBQUUsV0FBVyxJQUFJLHVCQUF1QjtZQUM1RSxPQUFPLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLEVBQUUsT0FBTyxJQUFJLEVBQUU7WUFDOUMsT0FBTyxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFLE9BQU8sSUFBSSxFQUFFO1lBQzlDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sRUFBRSxpQkFBaUI7U0FDbEQsQ0FBQztRQUVGLHdEQUF3RDtRQUV4RCxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsRUFBRSxDQUFDO1lBQ2hELElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUM7UUFDL0MsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQztRQUMzRSxDQUFDO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixPQUFPLElBQUksQ0FBQyxVQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBRSxDQUFDLEtBQUssQ0FBQztJQUNsRCxDQUFDO0lBQ0QsT0FBTztRQUNMLE9BQU8sSUFBSSxDQUFDLFVBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFFLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQztJQUN2RCxDQUFDO0lBQ0Qsb0JBQW9CO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLFVBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFFLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQztJQUNqRSxDQUFDO0lBQ0Qsb0JBQW9CO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLFVBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFFLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQztJQUMvRCxDQUFDO0lBQ0Qsb0JBQW9CO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLFVBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFFLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQztJQUNqRSxDQUFDO0lBQ0Qsb0JBQW9CO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLFVBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFFLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQztJQUMvRCxDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQVk7UUFDakIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ3hCLENBQUM7K0dBdkVVLGlDQUFpQyxrQkFhbEMseUJBQXlCO21HQWJ4QixpQ0FBaUMsd0VDWDlDLHc5QkE0QkE7OzRGRGpCYSxpQ0FBaUM7a0JBTDdDLFNBQVM7K0JBQ0Usa0NBQWtDOzswQkFpQnpDLE1BQU07MkJBQUMseUJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBVaUFjdGlvbkRlc2NyaXB0b3IgfSBmcm9tICcuLi8uLi8uLi9hcGknO1xyXG5pbXBvcnQgeyBVaUFjdGlvbkRlc2NyaXB0b3JTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vdWktYWN0aW9uLmRlc2NyaXB0b3Iuc2VydmljZSc7XHJcbmltcG9ydCB7IFVpQWN0aW9uRmlsZVVwbG9hZERpYWxvZ1NlcnZpY2UgfSBmcm9tICcuL3VpLWFjdGlvbi1maWxlLXVwbG9hZC1kaWFsb2cuc2VydmljZSc7XHJcbmltcG9ydCB7IFNtYXJ0RmlsZVVwbG9hZGVySTE4biB9IGZyb20gJy4uLy4uLy4uLy4uL3NtYXJ0LWZvcm0vc21hcnRmaWxldXBsb2FkZXIvc21hcnRmaWxldXBsb2FkZXIubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItdWktYWN0aW9uLWZpbGUtdXBsb2FkLWRpYWxvZycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3VpLWFjdGlvbi1maWxlLXVwbG9hZC1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3VpLWFjdGlvbi1maWxlLXVwbG9hZC1kaWFsb2cuY29tcG9uZW50LmNzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVWlBY3Rpb25GaWxlVXBsb2FkRGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95IHtcclxuICBjb2RlITogc3RyaW5nO1xyXG5cclxuICBkaWFsb2dUeXBlITogJ2RpYWxvZycgfCAnaW5wdXREaWFsb2cnIHwgJ2lucHV0MkRpYWxvZyc7XHJcblxyXG4gIGRlc2NyaXB0b3I/OiBVaUFjdGlvbkRlc2NyaXB0b3I7XHJcblxyXG4gIGkxOG4/OiBTbWFydEZpbGVVcGxvYWRlckkxOG47XHJcbiAgbWF4U2l6ZU1iOiBudW1iZXIgPSAyNTtcclxuICBmaWxlRm9ybWF0cz86IHN0cmluZ1tdO1xyXG4gIGlzTXVsdGlwbGU/OiBib29sZWFuO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIEBJbmplY3QoJ2ZpbGVVcGxvYWREaWFsb2dTZXJ2aWNlJykgcHJpdmF0ZSBzZXJ2aWNlOiBVaUFjdGlvbkZpbGVVcGxvYWREaWFsb2dTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBtYW5hZ2VyOiBVaUFjdGlvbkRlc2NyaXB0b3JTZXJ2aWNlXHJcbiAgKSB7XHJcbiAgICB0aGlzLmNvZGUgPSB0aGlzLnNlcnZpY2UuYWN0aW9uLmNvZGUhO1xyXG4gICAgdGhpcy5zZXRVcCgpO1xyXG4gIH1cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuc2VydmljZS5fZGVzdHJveSQubmV4dCgpO1xyXG4gICAgdGhpcy5jYW5jZWwoKTtcclxuICB9XHJcblxyXG4gIGFzeW5jIHNldFVwKCk6IFByb21pc2U8dm9pZD4ge1xyXG4gICAgdGhpcy5kZXNjcmlwdG9yID0gYXdhaXQgdGhpcy5tYW5hZ2VyLmdldEFjdGlvbkRlc2NyaXB0b3IodGhpcy5zZXJ2aWNlLmFjdGlvbik7XHJcblxyXG4gICAgdGhpcy5pc011bHRpcGxlID0gdGhpcy5zZXJ2aWNlLmlzTXVsdGlwbGU7XHJcblxyXG4gICAgdGhpcy5pMThuID0ge1xyXG4gICAgICBhZGRGaWxlOiB0aGlzLmRlc2NyaXB0b3IudXBsb2FkPy50aXRsZSA/PyAnZG9rdW1lbnR1bSBob3p6w6FhZMOhc2EnLFxyXG4gICAgICBicm93c2VPckRyYWc6IHRoaXMuZGVzY3JpcHRvci51cGxvYWQ/LmRlc2NyaXB0aW9uID8/ICd0YWxsw7N6w6FzIHZhZ3kgYmVow7p6w6FzJyxcclxuICAgICAgZm9ybWF0czogdGhpcy5kZXNjcmlwdG9yLnVwbG9hZD8uZm9ybWF0cyA/PyAnJyxcclxuICAgICAgbWF4U2l6ZTogdGhpcy5kZXNjcmlwdG9yLnVwbG9hZD8ubWF4U2l6ZSA/PyAnJyxcclxuICAgICAgdXBsb2FkOiB0aGlzLmRlc2NyaXB0b3IudXBsb2FkPy51cGxvYWRCdXR0b25UaXRsZSxcclxuICAgIH07XHJcblxyXG4gICAgLy8gVE9ETyBzZXQgbWF4IHNpemUgYW5kIGZpbGUgZm9ybWF0cyBieSBVaUFjdGlvbi5wYXJhbXNcclxuXHJcbiAgICBpZiAodGhpcy5kZXNjcmlwdG9yW3RoaXMuc2VydmljZS5pbnB1dFR5cGVOYW1lXSkge1xyXG4gICAgICB0aGlzLmRpYWxvZ1R5cGUgPSB0aGlzLnNlcnZpY2UuaW5wdXRUeXBlTmFtZTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuZGlhbG9nVHlwZSA9IHRoaXMuZGVzY3JpcHRvci5pbnB1dERpYWxvZyA/ICdpbnB1dERpYWxvZycgOiAnZGlhbG9nJztcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGdldFRpdGxlKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdGhpcy5kZXNjcmlwdG9yIVt0aGlzLmRpYWxvZ1R5cGVdIS50aXRsZTtcclxuICB9XHJcbiAgZ2V0VGV4dCgpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuZGVzY3JpcHRvciFbdGhpcy5kaWFsb2dUeXBlXSEudGV4dCA/PyAnJztcclxuICB9XHJcbiAgZ2V0QWN0aW9uQnV0dG9uTGFiZWwoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLmRlc2NyaXB0b3IhW3RoaXMuZGlhbG9nVHlwZV0hLmFjdGlvbkJ1dHRvbi5jYXB0aW9uO1xyXG4gIH1cclxuICBnZXRBY3Rpb25CdXR0b25Db2xvcigpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuZGVzY3JpcHRvciFbdGhpcy5kaWFsb2dUeXBlXSEuYWN0aW9uQnV0dG9uLmNvbG9yO1xyXG4gIH1cclxuICBnZXRDYW5jZWxCdXR0b25MYWJlbCgpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuZGVzY3JpcHRvciFbdGhpcy5kaWFsb2dUeXBlXSEuY2FuY2VsQnV0dG9uLmNhcHRpb247XHJcbiAgfVxyXG4gIGdldENhbmNlbEJ1dHRvbkNvbG9yKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdGhpcy5kZXNjcmlwdG9yIVt0aGlzLmRpYWxvZ1R5cGVdIS5jYW5jZWxCdXR0b24uY29sb3I7XHJcbiAgfVxyXG5cclxuICB1cGxvYWQoZmlsZXM6IGFueVtdKTogdm9pZCB7XHJcbiAgICB0aGlzLnNlcnZpY2Uub25TYXZlKGZpbGVzKTtcclxuICB9XHJcblxyXG4gIGNhbmNlbCgpOiB2b2lkIHtcclxuICAgIHRoaXMuc2VydmljZS5jYW5jZWwoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZvbGRlck5hbWVEaWFsb2dDb250YWluZXJcIj5cclxuICA8ZGl2IGNsYXNzPVwiaGVhZGVyQ29udGFpbmVyXCI+XHJcbiAgICA8aDMgY2xhc3M9XCJjb2xvci1hY2NlbnQtNzAwXCI+XHJcbiAgICAgIHt7IGdldFRpdGxlKCkgfX1cclxuICAgIDwvaDM+XHJcbiAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiB0aXRsZT1cImNsb3NlXCIgKGNsaWNrKT1cImNhbmNlbCgpXCI+XHJcbiAgICAgIDxzbWFydC1pY29uIFtjb2xvcl09XCIncHJpbWFyeSdcIiBbaWNvbl09XCInWCdcIj48L3NtYXJ0LWljb24+XHJcbiAgICA8L2J1dHRvbj5cclxuICA8L2Rpdj5cclxuICA8cD5cclxuICAgIHt7IGdldFRleHQoKSB9fVxyXG4gIDwvcD5cclxuICA8c21hcnRmaWxldXBsb2FkZXJcclxuICAgIFtpMThuXT1cImkxOG5cIlxyXG4gICAgW2ZpbGVGb3JtYXRzXT1cImZpbGVGb3JtYXRzXCJcclxuICAgIFttYXhTaXplTWJdPVwibWF4U2l6ZU1iXCJcclxuICAgIFt1cGxvYWRDYWxsYmFja109XCJ1cGxvYWQuYmluZCh0aGlzKVwiXHJcbiAgICBbaXNNdWx0aXBsZV09XCJpc011bHRpcGxlXCJcclxuICA+PC9zbWFydGZpbGV1cGxvYWRlcj5cclxuICA8ZGl2IGNsYXNzPVwiZm9sZGVyTmFtZURpYWxvZ0J1dHRvbnNDb250YWluZXJcIj5cclxuICAgIDxidXR0b24gbWF0LWJ1dHRvbiBjb2xvcj1cImFjY2VudFwiIFtjb2xvcl09XCJnZXRDYW5jZWxCdXR0b25Db2xvcigpXCIgKGNsaWNrKT1cImNhbmNlbCgpXCI+XHJcbiAgICAgIHt7IGdldENhbmNlbEJ1dHRvbkxhYmVsKCkgfX1cclxuICAgIDwvYnV0dG9uPlxyXG4gICAgPCEtLSA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIFtjb2xvcl09XCJnZXRBY3Rpb25CdXR0b25Db2xvcigpXCIgKGNsaWNrKT1cInVwbG9hZCgpXCI+XHJcbiAgICAgIHt7IGdldEFjdGlvbkJ1dHRvbkxhYmVsKCkgfX1cclxuICAgIDwvYnV0dG9uPiAtLT5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktYWN0aW9uLWZpbGUtdXBsb2FkLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zbWFydC1uZy1jbGllbnQvc3JjL2xpYi92aWV3LWNvbnRleHQvc21hcnQtdWktYWN0aW9uL2RpYWxvZ3MvdWktYWN0aW9uLWZpbGUtdXBsb2FkLWRpYWxvZy91aS1hY3Rpb24tZmlsZS11cGxvYWQtZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NtYXJ0LW5nLWNsaWVudC9zcmMvbGliL3ZpZXctY29udGV4dC9zbWFydC11aS1hY3Rpb24vZGlhbG9ncy91aS1hY3Rpb24tZmlsZS11cGxvYWQtZGlhbG9nL3VpLWFjdGlvbi1maWxlLXVwbG9hZC1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFLN0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLGdCQUFnQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7Ozs7OztBQU94RSxNQUFNLE9BQU8saUNBQWlDO0lBWTVDLFlBQzZDLE9BQXdDLEVBQ2pELE9BQXlCLEVBQ25ELE9BQWtDO1FBRkMsWUFBTyxHQUFQLE9BQU8sQ0FBaUM7UUFDakQsWUFBTyxHQUFQLE9BQU8sQ0FBa0I7UUFDbkQsWUFBTyxHQUFQLE9BQU8sQ0FBMkI7UUFUNUMscUJBQWdCLEdBQUcsZ0JBQWdCLENBQUM7UUFFcEMsY0FBUyxHQUFXLEVBQUUsQ0FBQztRQTZEdkIsa0JBQWEsR0FBVSxFQUFFLENBQUM7UUFwRHhCLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsSUFBSyxDQUFDO1FBQ3RDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNmLENBQUM7SUFDRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDOUIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2hCLENBQUM7SUFFRCxLQUFLLENBQUMsS0FBSztRQUNULElBQUksQ0FBQyxVQUFVLEdBQUcsTUFBTSxJQUFJLENBQUMsT0FBTyxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFOUUsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQztRQUUxQyxJQUFJLENBQUMsSUFBSSxHQUFHO1lBQ1YsT0FBTyxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFLEtBQUssSUFBSSx1QkFBdUI7WUFDakUsWUFBWSxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFLFdBQVcsSUFBSSx1QkFBdUI7WUFDNUUsT0FBTyxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFLE9BQU8sSUFBSSxFQUFFO1lBQzlDLE9BQU8sRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sRUFBRSxPQUFPLElBQUksRUFBRTtZQUM5QyxNQUFNLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLEVBQUUsaUJBQWlCO1NBQ2xELENBQUM7UUFFRix3REFBd0Q7UUFFeEQsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQztZQUNoRCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDO1FBQy9DLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUM7UUFDM0UsQ0FBQztJQUNILENBQUM7SUFFRCxRQUFRO1FBQ04sT0FBTyxJQUFJLENBQUMsVUFBVyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUUsQ0FBQyxLQUFLLENBQUM7SUFDbEQsQ0FBQztJQUNELE9BQU87UUFDTCxPQUFPLElBQUksQ0FBQyxVQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBRSxDQUFDLElBQUksSUFBSSxFQUFFLENBQUM7SUFDdkQsQ0FBQztJQUNELG9CQUFvQjtRQUNsQixPQUFPLElBQUksQ0FBQyxVQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBRSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUM7SUFDakUsQ0FBQztJQUNELG9CQUFvQjtRQUNsQixPQUFPLElBQUksQ0FBQyxVQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBRSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUM7SUFDL0QsQ0FBQztJQUNELG9CQUFvQjtRQUNsQixPQUFPLElBQUksQ0FBQyxVQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBRSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUM7SUFDakUsQ0FBQztJQUNELG9CQUFvQjtRQUNsQixPQUFPLElBQUksQ0FBQyxVQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBRSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUM7SUFDL0QsQ0FBQztJQUVELE1BQU0sQ0FBQyxLQUFZO1FBQ2pCLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBVTtRQUNqQixJQUFJLENBQUMsYUFBYSxHQUFHLEVBQUUsQ0FBQztRQUN4QixLQUFLLElBQUksSUFBSSxJQUFJLEtBQUssQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUM3QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNoQyxDQUFDO0lBQ0gsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFVO1FBQ2pCLElBQUksQ0FBQyxhQUFhLEdBQUcsRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBVTtRQUNwQixJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ3hCLENBQUM7K0dBdkZVLGlDQUFpQyxrQkFhbEMseUJBQXlCLGFBQ3pCLGlCQUFpQjttR0FkaEIsaUNBQWlDLHdFQ1o5QyxvNUNBOENBOzs0RkRsQ2EsaUNBQWlDO2tCQUw3QyxTQUFTOytCQUNFLGtDQUFrQzs7MEJBaUJ6QyxNQUFNOzJCQUFDLHlCQUF5Qjs7MEJBQ2hDLE1BQU07MkJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBVaUFjdGlvbkRlc2NyaXB0b3IgfSBmcm9tICcuLi8uLi8uLi9hcGknO1xyXG5pbXBvcnQgeyBVaUFjdGlvbkRlc2NyaXB0b3JTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vdWktYWN0aW9uLmRlc2NyaXB0b3Iuc2VydmljZSc7XHJcbmltcG9ydCB7IFVpQWN0aW9uRmlsZVVwbG9hZERpYWxvZ1NlcnZpY2UgfSBmcm9tICcuL3VpLWFjdGlvbi1maWxlLXVwbG9hZC1kaWFsb2cuc2VydmljZSc7XHJcbmltcG9ydCB7IFNtYXJ0RmlsZVVwbG9hZGVySTE4biB9IGZyb20gJy4uLy4uLy4uLy4uL3NtYXJ0LWZvcm0vc21hcnRmaWxldXBsb2FkZXIvc21hcnRmaWxldXBsb2FkZXIubW9kZWwnO1xyXG5pbXBvcnQgeyBDT01QT05FTlRfTElCUkFSWSwgQ29tcG9uZW50TGlicmFyeSB9IGZyb20gJy4uLy4uLy4uL3Byb2plY3RzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLXVpLWFjdGlvbi1maWxlLXVwbG9hZC1kaWFsb2cnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi91aS1hY3Rpb24tZmlsZS11cGxvYWQtZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi91aS1hY3Rpb24tZmlsZS11cGxvYWQtZGlhbG9nLmNvbXBvbmVudC5jc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFVpQWN0aW9uRmlsZVVwbG9hZERpYWxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XHJcbiAgY29kZSE6IHN0cmluZztcclxuXHJcbiAgZGlhbG9nVHlwZSE6ICdkaWFsb2cnIHwgJ2lucHV0RGlhbG9nJyB8ICdpbnB1dDJEaWFsb2cnO1xyXG5cclxuICBkZXNjcmlwdG9yPzogVWlBY3Rpb25EZXNjcmlwdG9yO1xyXG4gIGNvbXBvbmVudExpYnJhcnkgPSBDb21wb25lbnRMaWJyYXJ5O1xyXG4gIGkxOG4/OiBTbWFydEZpbGVVcGxvYWRlckkxOG47XHJcbiAgbWF4U2l6ZU1iOiBudW1iZXIgPSAyNTtcclxuICBmaWxlRm9ybWF0cz86IHN0cmluZ1tdO1xyXG4gIGlzTXVsdGlwbGU/OiBib29sZWFuO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIEBJbmplY3QoJ2ZpbGVVcGxvYWREaWFsb2dTZXJ2aWNlJykgcHJpdmF0ZSBzZXJ2aWNlOiBVaUFjdGlvbkZpbGVVcGxvYWREaWFsb2dTZXJ2aWNlLFxyXG4gICAgQEluamVjdChDT01QT05FTlRfTElCUkFSWSkgcHVibGljIGNvbXBMaWI6IENvbXBvbmVudExpYnJhcnksXHJcbiAgICBwcml2YXRlIG1hbmFnZXI6IFVpQWN0aW9uRGVzY3JpcHRvclNlcnZpY2VcclxuICApIHtcclxuICAgIHRoaXMuY29kZSA9IHRoaXMuc2VydmljZS5hY3Rpb24uY29kZSE7XHJcbiAgICB0aGlzLnNldFVwKCk7XHJcbiAgfVxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zZXJ2aWNlLl9kZXN0cm95JC5uZXh0KCk7XHJcbiAgICB0aGlzLmNhbmNlbCgpO1xyXG4gIH1cclxuXHJcbiAgYXN5bmMgc2V0VXAoKTogUHJvbWlzZTx2b2lkPiB7XHJcbiAgICB0aGlzLmRlc2NyaXB0b3IgPSBhd2FpdCB0aGlzLm1hbmFnZXIuZ2V0QWN0aW9uRGVzY3JpcHRvcih0aGlzLnNlcnZpY2UuYWN0aW9uKTtcclxuXHJcbiAgICB0aGlzLmlzTXVsdGlwbGUgPSB0aGlzLnNlcnZpY2UuaXNNdWx0aXBsZTtcclxuXHJcbiAgICB0aGlzLmkxOG4gPSB7XHJcbiAgICAgIGFkZEZpbGU6IHRoaXMuZGVzY3JpcHRvci51cGxvYWQ/LnRpdGxlID8/ICdkb2t1bWVudHVtIGhvenrDoWFkw6FzYScsXHJcbiAgICAgIGJyb3dzZU9yRHJhZzogdGhpcy5kZXNjcmlwdG9yLnVwbG9hZD8uZGVzY3JpcHRpb24gPz8gJ3RhbGzDs3rDoXMgdmFneSBiZWjDunrDoXMnLFxyXG4gICAgICBmb3JtYXRzOiB0aGlzLmRlc2NyaXB0b3IudXBsb2FkPy5mb3JtYXRzID8/ICcnLFxyXG4gICAgICBtYXhTaXplOiB0aGlzLmRlc2NyaXB0b3IudXBsb2FkPy5tYXhTaXplID8/ICcnLFxyXG4gICAgICB1cGxvYWQ6IHRoaXMuZGVzY3JpcHRvci51cGxvYWQ/LnVwbG9hZEJ1dHRvblRpdGxlLFxyXG4gICAgfTtcclxuXHJcbiAgICAvLyBUT0RPIHNldCBtYXggc2l6ZSBhbmQgZmlsZSBmb3JtYXRzIGJ5IFVpQWN0aW9uLnBhcmFtc1xyXG5cclxuICAgIGlmICh0aGlzLmRlc2NyaXB0b3JbdGhpcy5zZXJ2aWNlLmlucHV0VHlwZU5hbWVdKSB7XHJcbiAgICAgIHRoaXMuZGlhbG9nVHlwZSA9IHRoaXMuc2VydmljZS5pbnB1dFR5cGVOYW1lO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5kaWFsb2dUeXBlID0gdGhpcy5kZXNjcmlwdG9yLmlucHV0RGlhbG9nID8gJ2lucHV0RGlhbG9nJyA6ICdkaWFsb2cnO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZ2V0VGl0bGUoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLmRlc2NyaXB0b3IhW3RoaXMuZGlhbG9nVHlwZV0hLnRpdGxlO1xyXG4gIH1cclxuICBnZXRUZXh0KCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdGhpcy5kZXNjcmlwdG9yIVt0aGlzLmRpYWxvZ1R5cGVdIS50ZXh0ID8/ICcnO1xyXG4gIH1cclxuICBnZXRBY3Rpb25CdXR0b25MYWJlbCgpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuZGVzY3JpcHRvciFbdGhpcy5kaWFsb2dUeXBlXSEuYWN0aW9uQnV0dG9uLmNhcHRpb247XHJcbiAgfVxyXG4gIGdldEFjdGlvbkJ1dHRvbkNvbG9yKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdGhpcy5kZXNjcmlwdG9yIVt0aGlzLmRpYWxvZ1R5cGVdIS5hY3Rpb25CdXR0b24uY29sb3I7XHJcbiAgfVxyXG4gIGdldENhbmNlbEJ1dHRvbkxhYmVsKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdGhpcy5kZXNjcmlwdG9yIVt0aGlzLmRpYWxvZ1R5cGVdIS5jYW5jZWxCdXR0b24uY2FwdGlvbjtcclxuICB9XHJcbiAgZ2V0Q2FuY2VsQnV0dG9uQ29sb3IoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLmRlc2NyaXB0b3IhW3RoaXMuZGlhbG9nVHlwZV0hLmNhbmNlbEJ1dHRvbi5jb2xvcjtcclxuICB9XHJcblxyXG4gIHVwbG9hZChmaWxlczogYW55W10pOiB2b2lkIHtcclxuICAgIHRoaXMuc2VydmljZS5vblNhdmUoZmlsZXMpO1xyXG4gIH1cclxuICB1cGxvYWRlZEZpbGVzOiBhbnlbXSA9IFtdO1xyXG4gIG9uU2VsZWN0KGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMudXBsb2FkZWRGaWxlcyA9IFtdO1xyXG4gICAgZm9yIChsZXQgZmlsZSBvZiBldmVudC5maWxlcykge1xyXG4gICAgICB0aGlzLnVwbG9hZGVkRmlsZXMucHVzaChmaWxlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG9uUmVtb3ZlKGV2ZW50OiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMudXBsb2FkZWRGaWxlcyA9IFtdO1xyXG4gIH1cclxuXHJcbiAgdXBsb2FkRmlsZXMoZXZlbnQ6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5zZXJ2aWNlLm9uU2F2ZSh0aGlzLnVwbG9hZGVkRmlsZXMpO1xyXG4gIH1cclxuXHJcbiAgY2FuY2VsKCk6IHZvaWQge1xyXG4gICAgdGhpcy5zZXJ2aWNlLmNhbmNlbCgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZm9sZGVyTmFtZURpYWxvZ0NvbnRhaW5lclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJoZWFkZXJDb250YWluZXJcIj5cclxuICAgIDxoMyBjbGFzcz1cImNvbG9yLWFjY2VudC03MDBcIj5cclxuICAgICAge3sgZ2V0VGl0bGUoKSB9fVxyXG4gICAgPC9oMz5cclxuICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIHRpdGxlPVwiY2xvc2VcIiAoY2xpY2spPVwiY2FuY2VsKClcIj5cclxuICAgICAgPHNtYXJ0LWljb24gW2NvbG9yXT1cIidwcmltYXJ5J1wiIFtpY29uXT1cIidYJ1wiPjwvc21hcnQtaWNvbj5cclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG4gIDxwPlxyXG4gICAge3sgZ2V0VGV4dCgpIH19XHJcbiAgPC9wPlxyXG4gIEBpZihjb21wTGliID09PSBjb21wb25lbnRMaWJyYXJ5LlBSSU1FTkcpIHtcclxuXHJcbiAgPHAtZmlsZVVwbG9hZFxyXG4gICAgbmFtZT1cImZpbGVzW11cIlxyXG4gICAgdXJsPVwiXCJcclxuICAgIChvblNlbmQpPVwidXBsb2FkRmlsZXMoJGV2ZW50KVwiXHJcbiAgICAob25TZWxlY3QpPVwib25TZWxlY3QoJGV2ZW50KVwiXHJcbiAgICAob25SZW1vdmUpPVwib25SZW1vdmUoJGV2ZW50KVwiXHJcbiAgICBbbXVsdGlwbGVdPVwiaXNNdWx0aXBsZVwiXHJcbiAgICBbYWNjZXB0XT1cImZpbGVGb3JtYXRzXCJcclxuICAgIFttYXhGaWxlU2l6ZV09XCJtYXhTaXplTWJcIlxyXG4gID5cclxuICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJjb250ZW50XCI+IDwvbmctdGVtcGxhdGU+XHJcbiAgPC9wLWZpbGVVcGxvYWQ+XHJcbiAgfUBlbHNle1xyXG4gIDxzbWFydGZpbGV1cGxvYWRlclxyXG4gICAgW2kxOG5dPVwiaTE4blwiXHJcbiAgICBbZmlsZUZvcm1hdHNdPVwiZmlsZUZvcm1hdHNcIlxyXG4gICAgW21heFNpemVNYl09XCJtYXhTaXplTWJcIlxyXG4gICAgW3VwbG9hZENhbGxiYWNrXT1cInVwbG9hZC5iaW5kKHRoaXMpXCJcclxuICAgIFtpc011bHRpcGxlXT1cImlzTXVsdGlwbGVcIlxyXG4gID48L3NtYXJ0ZmlsZXVwbG9hZGVyPlxyXG5cclxuICB9XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJmb2xkZXJOYW1lRGlhbG9nQnV0dG9uc0NvbnRhaW5lclwiPlxyXG4gICAgPGJ1dHRvbiBtYXQtYnV0dG9uIGNvbG9yPVwiYWNjZW50XCIgW2NvbG9yXT1cImdldENhbmNlbEJ1dHRvbkNvbG9yKClcIiAoY2xpY2spPVwiY2FuY2VsKClcIj5cclxuICAgICAge3sgZ2V0Q2FuY2VsQnV0dG9uTGFiZWwoKSB9fVxyXG4gICAgPC9idXR0b24+XHJcbiAgICA8IS0tIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gW2NvbG9yXT1cImdldEFjdGlvbkJ1dHRvbkNvbG9yKClcIiAoY2xpY2spPVwidXBsb2FkKClcIj5cclxuICAgICAge3sgZ2V0QWN0aW9uQnV0dG9uTGFiZWwoKSB9fVxyXG4gICAgPC9idXR0b24+IC0tPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

package/fesm2022/smartbit4all-ng-client.mjs

@@ -20,7 +20,7 @@ import * as i2$2 from '@angular/platform-browser';
 import { BrowserModule } from '@angular/platform-browser';
 import * as i2$3 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i3$3 from '@angular/material/expansion';
+import * as i3$4 from '@angular/material/expansion';
 import { MatExpansionModule } from '@angular/material/expansion';
 import * as i9 from '@angular/forms';
 import { UntypedFormGroup, UntypedFormControl, Validators, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
@@ -76,9 +76,9 @@ import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import * as i6 from '@angular/material/table';
 import { MatTableModule } from '@angular/material/table';
-import { provideNgxMask } from 'ngx-mask';
-import * as i5$3 from 'primeng/api';
+import * as i3$3 from 'primeng/api';
 import { SharedModule as SharedModule$1 } from 'primeng/api';
+import { provideNgxMask } from 'ngx-mask';
 import { ToastModule } from 'primeng/toast';
 import { catchError as catchError$1, switchMap } from 'rxjs/operators';
 import * as i4$3 from 'primeng/fileupload';
@@ -96,7 +96,7 @@ import * as i18$1 from 'primeng/paginator';
 import { PaginatorModule } from 'primeng/paginator';
 import * as i20$1 from 'primeng/multiselect';
 import { MultiSelectModule } from 'primeng/multiselect';
-import * as i3$4 from '@angular/material/toolbar';
+import * as i3$5 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { MatBadgeModule } from '@angular/material/badge';
 import * as i4$4 from '@angular/material/tabs';
@@ -8167,6 +8167,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                     args: ['confirmDialogService']
                 }] }, { type: UiActionDescriptorService }] });
 
+var UiActionDialogType;
+(function (UiActionDialogType) {
+    UiActionDialogType["inputDialog"] = "inputDialog";
+    UiActionDialogType["confirmDialog"] = "confirmDialog";
+    UiActionDialogType["dialog"] = "dialog";
+})(UiActionDialogType || (UiActionDialogType = {}));
+
+/*
+ * Public API Surface of smart-view-context
+ */
+
 class UiActionFileUploadDialogService extends SmartdialogService {
     constructor(dialog, router) {
         super(dialog, router);
@@ -8213,10 +8224,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
         }], ctorParameters: () => [{ type: i1$1.MatDialog }, { type: i2$1.Router }] });
 
 class UiActionFileUploadDialogComponent {
-    constructor(service, manager) {
+    constructor(service, compLib, manager) {
         this.service = service;
+        this.compLib = compLib;
         this.manager = manager;
+        this.componentLibrary = ComponentLibrary;
         this.maxSizeMb = 25;
+        this.uploadedFiles = [];
         this.code = this.service.action.code;
         this.setUp();
     }
@@ -8263,18 +8277,33 @@ class UiActionFileUploadDialogComponent {
     upload(files) {
         this.service.onSave(files);
     }
+    onSelect(event) {
+        this.uploadedFiles = [];
+        for (let file of event.files) {
+            this.uploadedFiles.push(file);
+        }
+    }
+    onRemove(event) {
+        this.uploadedFiles = [];
+    }
+    uploadFiles(event) {
+        this.service.onSave(this.uploadedFiles);
+    }
     cancel() {
         this.service.cancel();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: UiActionFileUploadDialogComponent, deps: [{ token: 'fileUploadDialogService' }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: UiActionFileUploadDialogComponent, selector: "lib-ui-action-file-upload-dialog", ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\r\n  <div class=\"headerContainer\">\r\n    <h3 class=\"color-accent-700\">\r\n      {{ getTitle() }}\r\n    </h3>\r\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n    </button>\r\n  </div>\r\n  <p>\r\n    {{ getText() }}\r\n  </p>\r\n  <smartfileuploader\r\n    [i18n]=\"i18n\"\r\n    [fileFormats]=\"fileFormats\"\r\n    [maxSizeMb]=\"maxSizeMb\"\r\n    [uploadCallback]=\"upload.bind(this)\"\r\n    [isMultiple]=\"isMultiple\"\r\n  ></smartfileuploader>\r\n  <div class=\"folderNameDialogButtonsContainer\">\r\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n      {{ getCancelButtonLabel() }}\r\n    </button>\r\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\r\n      {{ getActionButtonLabel() }}\r\n    </button> -->\r\n  </div>\r\n</div>\r\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"], dependencies: [{ kind: "component", type: i2$3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { kind: "component", type: SmartfileuploaderComponent, selector: "smartfileuploader", inputs: ["uploadCallback", "fileFormats", "maxSizeMb", "i18n", "useIconButton", "isMultiple"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: UiActionFileUploadDialogComponent, deps: [{ token: 'fileUploadDialogService' }, { token: COMPONENT_LIBRARY }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: UiActionFileUploadDialogComponent, selector: "lib-ui-action-file-upload-dialog", ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\r\n  <div class=\"headerContainer\">\r\n    <h3 class=\"color-accent-700\">\r\n      {{ getTitle() }}\r\n    </h3>\r\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n    </button>\r\n  </div>\r\n  <p>\r\n    {{ getText() }}\r\n  </p>\r\n  @if(compLib === componentLibrary.PRIMENG) {\r\n\r\n  <p-fileUpload\r\n    name=\"files[]\"\r\n    url=\"\"\r\n    (onSend)=\"uploadFiles($event)\"\r\n    (onSelect)=\"onSelect($event)\"\r\n    (onRemove)=\"onRemove($event)\"\r\n    [multiple]=\"isMultiple\"\r\n    [accept]=\"fileFormats\"\r\n    [maxFileSize]=\"maxSizeMb\"\r\n  >\r\n    <ng-template pTemplate=\"content\"> </ng-template>\r\n  </p-fileUpload>\r\n  }@else{\r\n  <smartfileuploader\r\n    [i18n]=\"i18n\"\r\n    [fileFormats]=\"fileFormats\"\r\n    [maxSizeMb]=\"maxSizeMb\"\r\n    [uploadCallback]=\"upload.bind(this)\"\r\n    [isMultiple]=\"isMultiple\"\r\n  ></smartfileuploader>\r\n\r\n  }\r\n\r\n  <div class=\"folderNameDialogButtonsContainer\">\r\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n      {{ getCancelButtonLabel() }}\r\n    </button>\r\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\r\n      {{ getActionButtonLabel() }}\r\n    </button> -->\r\n  </div>\r\n</div>\r\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"], dependencies: [{ kind: "component", type: i2$3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { kind: "component", type: SmartfileuploaderComponent, selector: "smartfileuploader", inputs: ["uploadCallback", "fileFormats", "maxSizeMb", "i18n", "useIconButton", "isMultiple"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: UiActionFileUploadDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-ui-action-file-upload-dialog', template: "<div class=\"folderNameDialogContainer\">\r\n  <div class=\"headerContainer\">\r\n    <h3 class=\"color-accent-700\">\r\n      {{ getTitle() }}\r\n    </h3>\r\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n    </button>\r\n  </div>\r\n  <p>\r\n    {{ getText() }}\r\n  </p>\r\n  <smartfileuploader\r\n    [i18n]=\"i18n\"\r\n    [fileFormats]=\"fileFormats\"\r\n    [maxSizeMb]=\"maxSizeMb\"\r\n    [uploadCallback]=\"upload.bind(this)\"\r\n    [isMultiple]=\"isMultiple\"\r\n  ></smartfileuploader>\r\n  <div class=\"folderNameDialogButtonsContainer\">\r\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n      {{ getCancelButtonLabel() }}\r\n    </button>\r\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\r\n      {{ getActionButtonLabel() }}\r\n    </button> -->\r\n  </div>\r\n</div>\r\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"] }]
+            args: [{ selector: 'lib-ui-action-file-upload-dialog', template: "<div class=\"folderNameDialogContainer\">\r\n  <div class=\"headerContainer\">\r\n    <h3 class=\"color-accent-700\">\r\n      {{ getTitle() }}\r\n    </h3>\r\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n    </button>\r\n  </div>\r\n  <p>\r\n    {{ getText() }}\r\n  </p>\r\n  @if(compLib === componentLibrary.PRIMENG) {\r\n\r\n  <p-fileUpload\r\n    name=\"files[]\"\r\n    url=\"\"\r\n    (onSend)=\"uploadFiles($event)\"\r\n    (onSelect)=\"onSelect($event)\"\r\n    (onRemove)=\"onRemove($event)\"\r\n    [multiple]=\"isMultiple\"\r\n    [accept]=\"fileFormats\"\r\n    [maxFileSize]=\"maxSizeMb\"\r\n  >\r\n    <ng-template pTemplate=\"content\"> </ng-template>\r\n  </p-fileUpload>\r\n  }@else{\r\n  <smartfileuploader\r\n    [i18n]=\"i18n\"\r\n    [fileFormats]=\"fileFormats\"\r\n    [maxSizeMb]=\"maxSizeMb\"\r\n    [uploadCallback]=\"upload.bind(this)\"\r\n    [isMultiple]=\"isMultiple\"\r\n  ></smartfileuploader>\r\n\r\n  }\r\n\r\n  <div class=\"folderNameDialogButtonsContainer\">\r\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n      {{ getCancelButtonLabel() }}\r\n    </button>\r\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\r\n      {{ getActionButtonLabel() }}\r\n    </button> -->\r\n  </div>\r\n</div>\r\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"] }]
         }], ctorParameters: () => [{ type: UiActionFileUploadDialogService, decorators: [{
                     type: Inject,
                     args: ['fileUploadDialogService']
+                }] }, { type: ComponentLibrary, decorators: [{
+                    type: Inject,
+                    args: [COMPONENT_LIBRARY]
                 }] }, { type: UiActionDescriptorService }] });
 
 class SmartformLayoutDefinitionService {
@@ -9331,17 +9360,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                 }]
         }] });
 
-var UiActionDialogType;
-(function (UiActionDialogType) {
-    UiActionDialogType["inputDialog"] = "inputDialog";
-    UiActionDialogType["confirmDialog"] = "confirmDialog";
-    UiActionDialogType["dialog"] = "dialog";
-})(UiActionDialogType || (UiActionDialogType = {}));
-
-/*
- * Public API Surface of smart-view-context
- */
-
 class SmartFileUploaderComponent {
     constructor(uiActionService, uiActionDescriptorService, compLib) {
         this.uiActionService = uiActionService;
@@ -9403,7 +9421,7 @@ class SmartFileUploaderComponent {
         this.uiActionService.execute(this.uiActionModel.uiAction);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartFileUploaderComponent, deps: [{ token: UiActionService }, { token: UiActionDescriptorService }, { token: COMPONENT_LIBRARY }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: SmartFileUploaderComponent, selector: "smart-file-uploader4sc", inputs: { config: "config" }, usesOnChanges: true, ngImport: i0, template: "@if(compLib === componentLibrary.PRIMENG) {\r\n<p-fileUpload\r\n  name=\"files[]\"\r\n  url=\"\"\r\n  (onSend)=\"uploadFiles($event)\"\r\n  (onSelect)=\"onSelect($event)\"\r\n  (onRemove)=\"onRemove($event)\"\r\n  [multiple]=\"true\"\r\n  [accept]=\"config?.fileFormats?.join(',')\"\r\n  [maxFileSize]=\"config?.maxSizeMb\"\r\n>\r\n  <ng-template pTemplate=\"content\"> </ng-template>\r\n</p-fileUpload>\r\n}@else{\r\n<smartfileuploader\r\n  *ngIf=\"i18n\"\r\n  [i18n]=\"i18n\"\r\n  [fileFormats]=\"config?.fileFormats\"\r\n  [isMultiple]=\"config?.isMultiple\"\r\n  [maxSizeMb]=\"config?.maxSizeMb\"\r\n  [uploadCallback]=\"executeUpload.bind(this)\"\r\n></smartfileuploader>\r\n}\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SmartfileuploaderComponent, selector: "smartfileuploader", inputs: ["uploadCallback", "fileFormats", "maxSizeMb", "i18n", "useIconButton", "isMultiple"] }, { kind: "component", type: i4$3.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "directive", type: i5$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: SmartFileUploaderComponent, selector: "smart-file-uploader4sc", inputs: { config: "config" }, usesOnChanges: true, ngImport: i0, template: "@if(compLib === componentLibrary.PRIMENG) {\r\n<p-fileUpload\r\n  name=\"files[]\"\r\n  url=\"\"\r\n  (onSend)=\"uploadFiles($event)\"\r\n  (onSelect)=\"onSelect($event)\"\r\n  (onRemove)=\"onRemove($event)\"\r\n  [multiple]=\"true\"\r\n  [accept]=\"config?.fileFormats?.join(',')\"\r\n  [maxFileSize]=\"config?.maxSizeMb\"\r\n>\r\n  <ng-template pTemplate=\"content\"> </ng-template>\r\n</p-fileUpload>\r\n}@else{\r\n<smartfileuploader\r\n  *ngIf=\"i18n\"\r\n  [i18n]=\"i18n\"\r\n  [fileFormats]=\"config?.fileFormats\"\r\n  [isMultiple]=\"config?.isMultiple\"\r\n  [maxSizeMb]=\"config?.maxSizeMb\"\r\n  [uploadCallback]=\"executeUpload.bind(this)\"\r\n></smartfileuploader>\r\n}\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SmartfileuploaderComponent, selector: "smartfileuploader", inputs: ["uploadCallback", "fileFormats", "maxSizeMb", "i18n", "useIconButton", "isMultiple"] }, { kind: "component", type: i4$3.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "directive", type: i3$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartFileUploaderComponent, decorators: [{
             type: Component,
@@ -10979,7 +10997,7 @@ class ExpandableSectionComponent {
         button.callback(button.args, element);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ExpandableSectionComponent, deps: [{ token: ComponentFactoryService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ExpandableSectionComponent, selector: "smart-expandable-section", inputs: { data: "data", index: "index" }, viewQueries: [{ propertyName: "vcRef", first: true, predicate: ["renderComponent"], descendants: true, read: ViewContainerRef }, { propertyName: "vcRefheader", first: true, predicate: ["headerComponent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"section-container\" [ngClass]=\"data.cssClass ?? ''\">\r\n  <mat-expansion-panel\r\n    [expanded]=\"data.isExpanded\"\r\n    (opened)=\"onStateChange(true)\"\r\n    (closed)=\"onStateChange(false)\"\r\n    [disabled]=\"!!data.isDisabled\"\r\n  >\r\n    <mat-expansion-panel-header *ngIf=\"data.headerComponent\">\r\n      <ng-template #headerComponent></ng-template>\r\n    </mat-expansion-panel-header>\r\n    <mat-expansion-panel-header *ngIf=\"!data.headerComponent\">\r\n      <mat-panel-title> {{ data.title }} </mat-panel-title>\r\n      <div class=\"btn-container\" *ngIf=\"data.button\">\r\n        <button\r\n          *ngIf=\"data.button.type === type().BUTTON\"\r\n          class=\"btn\"\r\n          (click)=\"action(data.button, $event)\"\r\n          mat-stroked-button\r\n        >\r\n          <smart-icon\r\n            *ngIf=\"\r\n              data.button.icon &&\r\n              (!data.button.iconPosition || data.button.iconPosition === position().PRE)\r\n            \"\r\n            [icon]=\"data.button.icon\"\r\n          ></smart-icon>\r\n          {{ data.button.label }}\r\n          <smart-icon\r\n            *ngIf=\"data.button.icon && data.button.iconPosition === position().POST\"\r\n            [icon]=\"data.button.icon\"\r\n          ></smart-icon>\r\n        </button>\r\n        <button\r\n          *ngIf=\"data.button.type === type().MENU\"\r\n          mat-button\r\n          [matMenuTriggerFor]=\"menu\"\r\n          (click)=\"$event.stopPropagation()\"\r\n          color=\"{{ data.button.color }}\"\r\n        >\r\n          <smart-icon\r\n            *ngIf=\"\r\n              data.button.icon &&\r\n              (!data.button.iconPosition || data.button.iconPosition === position().PRE)\r\n            \"\r\n            [icon]=\"data.button.icon\"\r\n          ></smart-icon\r\n          >{{ data.button.label }}\r\n          <smart-icon\r\n            *ngIf=\"data.button.icon && data.button.iconPosition === position().POST\"\r\n            [icon]=\"data.button.icon\"\r\n          ></smart-icon>\r\n        </button>\r\n        <mat-menu #menu=\"matMenu\">\r\n          <button\r\n            *ngFor=\"let button of data.button.menuItemButtons\"\r\n            (click)=\"customButtonClicked($event, button, data.index)\"\r\n            mat-menu-item\r\n          >\r\n            <smart-icon\r\n              *ngIf=\"\r\n                button.icon && (!button.iconPosition || button.iconPosition === position().PRE)\r\n              \"\r\n              [icon]=\"button.icon\"\r\n            ></smart-icon\r\n            >{{ button.label }}\r\n            <smart-icon\r\n              *ngIf=\"button.icon && button.iconPosition === position().POST\"\r\n              [icon]=\"button.icon\"\r\n            ></smart-icon>\r\n          </button>\r\n        </mat-menu>\r\n      </div>\r\n    </mat-expansion-panel-header>\r\n    <ng-template #renderComponent></ng-template>\r\n  </mat-expansion-panel>\r\n</div>\r\n", styles: [".section-container{margin-bottom:50px}:host::ng-deep .mat-expansion-panel-header{background:var(--primary-lighter-color)}:host::ng-deep .mat-expansion-panel-header-title{color:var(--primary-color)}:host::ng-deep .btn-container{margin:1em 3em 1em 1em}:host::ng-deep .btn{border-radius:24px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3$3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3$3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: i2$3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i5$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ExpandableSectionComponent, selector: "smart-expandable-section", inputs: { data: "data", index: "index" }, viewQueries: [{ propertyName: "vcRef", first: true, predicate: ["renderComponent"], descendants: true, read: ViewContainerRef }, { propertyName: "vcRefheader", first: true, predicate: ["headerComponent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"section-container\" [ngClass]=\"data.cssClass ?? ''\">\r\n  <mat-expansion-panel\r\n    [expanded]=\"data.isExpanded\"\r\n    (opened)=\"onStateChange(true)\"\r\n    (closed)=\"onStateChange(false)\"\r\n    [disabled]=\"!!data.isDisabled\"\r\n  >\r\n    <mat-expansion-panel-header *ngIf=\"data.headerComponent\">\r\n      <ng-template #headerComponent></ng-template>\r\n    </mat-expansion-panel-header>\r\n    <mat-expansion-panel-header *ngIf=\"!data.headerComponent\">\r\n      <mat-panel-title> {{ data.title }} </mat-panel-title>\r\n      <div class=\"btn-container\" *ngIf=\"data.button\">\r\n        <button\r\n          *ngIf=\"data.button.type === type().BUTTON\"\r\n          class=\"btn\"\r\n          (click)=\"action(data.button, $event)\"\r\n          mat-stroked-button\r\n        >\r\n          <smart-icon\r\n            *ngIf=\"\r\n              data.button.icon &&\r\n              (!data.button.iconPosition || data.button.iconPosition === position().PRE)\r\n            \"\r\n            [icon]=\"data.button.icon\"\r\n          ></smart-icon>\r\n          {{ data.button.label }}\r\n          <smart-icon\r\n            *ngIf=\"data.button.icon && data.button.iconPosition === position().POST\"\r\n            [icon]=\"data.button.icon\"\r\n          ></smart-icon>\r\n        </button>\r\n        <button\r\n          *ngIf=\"data.button.type === type().MENU\"\r\n          mat-button\r\n          [matMenuTriggerFor]=\"menu\"\r\n          (click)=\"$event.stopPropagation()\"\r\n          color=\"{{ data.button.color }}\"\r\n        >\r\n          <smart-icon\r\n            *ngIf=\"\r\n              data.button.icon &&\r\n              (!data.button.iconPosition || data.button.iconPosition === position().PRE)\r\n            \"\r\n            [icon]=\"data.button.icon\"\r\n          ></smart-icon\r\n          >{{ data.button.label }}\r\n          <smart-icon\r\n            *ngIf=\"data.button.icon && data.button.iconPosition === position().POST\"\r\n            [icon]=\"data.button.icon\"\r\n          ></smart-icon>\r\n        </button>\r\n        <mat-menu #menu=\"matMenu\">\r\n          <button\r\n            *ngFor=\"let button of data.button.menuItemButtons\"\r\n            (click)=\"customButtonClicked($event, button, data.index)\"\r\n            mat-menu-item\r\n          >\r\n            <smart-icon\r\n              *ngIf=\"\r\n                button.icon && (!button.iconPosition || button.iconPosition === position().PRE)\r\n              \"\r\n              [icon]=\"button.icon\"\r\n            ></smart-icon\r\n            >{{ button.label }}\r\n            <smart-icon\r\n              *ngIf=\"button.icon && button.iconPosition === position().POST\"\r\n              [icon]=\"button.icon\"\r\n            ></smart-icon>\r\n          </button>\r\n        </mat-menu>\r\n      </div>\r\n    </mat-expansion-panel-header>\r\n    <ng-template #renderComponent></ng-template>\r\n  </mat-expansion-panel>\r\n</div>\r\n", styles: [".section-container{margin-bottom:50px}:host::ng-deep .mat-expansion-panel-header{background:var(--primary-lighter-color)}:host::ng-deep .mat-expansion-panel-header-title{color:var(--primary-color)}:host::ng-deep .btn-container{margin:1em 3em 1em 1em}:host::ng-deep .btn{border-radius:24px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3$4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3$4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: i2$3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i5$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ExpandableSectionComponent, decorators: [{
             type: Component,
@@ -11821,7 +11839,7 @@ class SmartGridComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartGridComponent, deps: [{ token: SmartGridService }, { token: ComponentFactoryService }, { token: i1$1.MatDialog }, { token: i0.Injector }, { token: UiActionDescriptorService }, { token: COMPONENT_LIBRARY }, { token: 'gridMenuIcon' }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: SmartGridComponent, selector: "smart-grid", inputs: { smartGrid: "smartGrid", uuid: "uuid", dev: "dev" }, providers: [SmartGridService], viewQueries: [{ propertyName: "vcRefTable", first: true, predicate: ["table"], descendants: true, read: ViewContainerRef }, { propertyName: "toolbar", first: true, predicate: ["toolbar"], descendants: true }, { propertyName: "menu", first: true, predicate: ["menu"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if(compLib === componentLibrary.PRIMENG) {\r\n<div *ngIf=\"smartGrid\" class=\"primeSmartGrid-container\">\r\n  <p-table\r\n    *ngIf=\"!smartGrid.layoutDef || smartGrid.layoutDef === layoutDef().TABLE\"\r\n    #pTable\r\n    [value]=\"smartGrid.gridModel.page.rows!\"\r\n    (sortFunction)=\"gridSort($event)\"\r\n    [customSort]=\"true\"\r\n    [sortMode]=\"'multiple'\"\r\n    [lazy]=\"true\"\r\n    (onLazyLoad)=\"lazyLoad($event)\"\r\n    [reorderableColumns]=\"smartGrid.gridModel.view?.descriptor?.showEditColumns\"\r\n    [columns]=\"columns\"\r\n    (onColReorder)=\"onColOrder($event)\"\r\n  >\r\n    <ng-template pTemplate=\"caption\">\r\n      <p-multiSelect\r\n        *ngIf=\"smartGrid.gridModel.view?.descriptor?.showEditColumns\"\r\n        display=\"chip\"\r\n        [options]=\"smartGrid.gridModel.view?.descriptor?.columns\"\r\n        optionLabel=\"label\"\r\n        [(ngModel)]=\"columns\"\r\n        selectedItemsLabel=\"{0} columns selected\"\r\n        [style]=\"{ 'min-width': '200px' }\"\r\n        placeholder=\"Choose Columns\"\r\n        (onChange)=\"headerChange($event)\"\r\n      />\r\n    </ng-template>\r\n    <ng-template pTemplate=\"header\">\r\n      <tr *ngIf=\"smartGrid.gridModel.view?.descriptor?.showEditColumns\">\r\n        <th [pSortableColumn]=\"col.propertyName\" *ngFor=\"let col of columns\" pReorderableColumn>\r\n          <p-sortIcon [field]=\"col.propertyName\" />\r\n          {{ col.label }}\r\n        </th>\r\n        <th></th>\r\n      </tr>\r\n      <tr *ngIf=\"!smartGrid.gridModel.view?.descriptor?.showEditColumns\">\r\n        <th [pSortableColumn]=\"col.propertyName\" *ngFor=\"let col of columns\">\r\n          <p-sortIcon [field]=\"col.propertyName\" />\r\n          {{ col.label }}\r\n        </th>\r\n        <th></th>\r\n      </tr>\r\n      <!--  <tr>\r\n        <th *ngFor=\"let col of smartGrid?.gridModel?.view?.orderedColumnNames\">\r\n          <p-columnFilter\r\n            type=\"text\"\r\n            [field]=\"'data.' + col\"\r\n            [placeholder]=\"'Search by ' + col\"\r\n            [ariaLabel]=\"'Filter ' + col\"\r\n          />\r\n        </th>\r\n      </tr> -->\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-row>\r\n      <tr *ngIf=\"row && row.data\">\r\n        <td *ngFor=\"let col of smartGrid?.gridModel?.view?.orderedColumnNames\">\r\n          {{ row.data[col] }}\r\n        </td>\r\n        <td>\r\n          <p-button\r\n            [rounded]=\"true\"\r\n            [text]=\"true\"\r\n            *ngIf=\"row.actions && row.actions.length > 0\"\r\n            (onClick)=\"onOptionsClick($event, row)\"\r\n          >\r\n            <smart-icon icon=\"ellipsis-v\"></smart-icon>\r\n          </p-button>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n  <div\r\n    *ngIf=\"smartGrid.layoutDef === layoutDef().CARD\"\r\n    class=\"cards-container\"\r\n    [ngStyle]=\"{\r\n      'grid-template-columns':\r\n        smartGrid.numberOfColumn !== undefined\r\n          ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\r\n          : ''\r\n    }\"\r\n  >\r\n    <app-smart-grid-card\r\n      class=\"smartGrid-card-container\"\r\n      *ngFor=\"let task of smartGrid.gridModel.page.rows\"\r\n      [item]=\"task\"\r\n      [smartGrid]=\"smartGrid\"\r\n      [onSelect]=\"onSelect.bind(this)\"\r\n    ></app-smart-grid-card>\r\n  </div>\r\n  <p-paginator\r\n    *ngIf=\"smartGrid.paginator\"\r\n    [first]=\"pageIndex!\"\r\n    [totalRecords]=\"length!\"\r\n    [rows]=\"pageSize\"\r\n    [rowsPerPageOptions]=\"pageSizeOptions\"\r\n    (onPageChange)=\"onPrimeChangePage($event)\"\r\n    [showCurrentPageReport]=\"true\"\r\n  />\r\n  <p-menu #menu [model]=\"menuButtons\" [popup]=\"true\"> </p-menu>\r\n</div>\r\n}@else {\r\n<div *ngIf=\"smartGrid\" class=\"smartGrid-container\">\r\n  <div class=\"smart-grid-toolbar\">\r\n    <smart-ui-action-toolbar #toolbar [id]=\"'grid_not_initialized'\"></smart-ui-action-toolbar>\r\n    <button\r\n      (click)=\"editColumns()\"\r\n      mat-mini-fab\r\n      color=\"text-primary\"\r\n      *ngIf=\"smartGrid.showEditColumns\"\r\n    >\r\n      <mat-icon aria-hidden=\"false\" aria-label=\"Columns\" class=\"smart-grid-edit-icon\"\r\n        >view_columns</mat-icon\r\n      >\r\n    </button>\r\n  </div>\r\n  <!-- <div [ngClass]=\"isBlocked ? 'blocked' : ''\"></div> -->\r\n  <div class=\"smartGridContent\">\r\n    <div>\r\n      <div *ngIf=\"smartGrid.showResultCount\">\r\n        <div class=\"smartGrid-data-number\">\r\n          {{ smartGrid.gridModel.totalRowCount }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"smart-grid-table-container\">\r\n      <ng-template #table></ng-template>\r\n    </div>\r\n\r\n    <div *ngIf=\"smartGrid.layoutDef === layoutDef().EXPANDABLE\">\r\n      <smart-expandable-section\r\n        #gridExpandableSection\r\n        *ngFor=\"let expandableSection of expandableSections\"\r\n        [data]=\"expandableSection\"\r\n      ></smart-expandable-section>\r\n    </div>\r\n    <div\r\n      *ngIf=\"smartGrid.layoutDef === layoutDef().CARD\"\r\n      class=\"cards-container\"\r\n      [ngStyle]=\"{\r\n        'grid-template-columns':\r\n          smartGrid.numberOfColumn !== undefined\r\n            ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\r\n            : ''\r\n      }\"\r\n    >\r\n      <app-smart-grid-card\r\n        class=\"smartGrid-card-container\"\r\n        *ngFor=\"let task of smartGrid.gridModel.page.rows\"\r\n        [item]=\"task\"\r\n        [smartGrid]=\"smartGrid\"\r\n        [onSelect]=\"onSelect.bind(this)\"\r\n      ></app-smart-grid-card>\r\n    </div>\r\n    <div\r\n      *ngIf=\"smartGrid.layoutDef === layoutDef().TREE && treeControl\"\r\n      class=\"tree-container\"\r\n      [ngStyle]=\"{\r\n        'grid-template-columns':\r\n          smartGrid.numberOfColumn !== undefined\r\n            ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\r\n            : ''\r\n      }\"\r\n    >\r\n      <mat-tree [dataSource]=\"treeDataSource!\" [treeControl]=\"treeControl!\">\r\n        <mat-tree-node\r\n          *matTreeNodeDef=\"let node\"\r\n          matTreeNodeToggle\r\n          matTreeNodePadding\r\n          matTreeNodePaddingIndent=\"24\"\r\n        >\r\n          <button mat-icon-button disabled class=\"tree-button\"></button>\r\n          <mat-checkbox\r\n            class=\"checklist-leaf-node\"\r\n            [checked]=\"treeChecklistSelection?.isSelected(node)\"\r\n            (change)=\"treeNodeSelectionToggle(node)\"\r\n            >{{ getTreeItem(node) }}</mat-checkbox\r\n          >\r\n        </mat-tree-node>\r\n\r\n        <mat-tree-node\r\n          *matTreeNodeDef=\"let node; when: hasChild\"\r\n          matTreeNodePadding\r\n          matTreeNodePaddingIndent=\"24\"\r\n        >\r\n          <button\r\n            mat-icon-button\r\n            matTreeNodeToggle\r\n            class=\"tree-button\"\r\n            [attr.aria-label]=\"'Toggle ' + node.item\"\r\n          >\r\n            <mat-icon class=\"mat-icon-rtl-mirror\">\r\n              {{ treeControl!.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\r\n            </mat-icon>\r\n          </button>\r\n          <mat-checkbox\r\n            [checked]=\"treeChecklistSelection?.isSelected(node)\"\r\n            [indeterminate]=\"descendantsPartiallySelected(node)\"\r\n            (change)=\"treeNodeSelectionToggle(node)\"\r\n            >{{ getTreeItem(node) }}</mat-checkbox\r\n          >\r\n        </mat-tree-node>\r\n      </mat-tree>\r\n    </div>\r\n  </div>\r\n\r\n  <mat-paginator\r\n    *ngIf=\"smartGrid.paginator && !treeControl\"\r\n    #paginator\r\n    [length]=\"length\"\r\n    [pageIndex]=\"pageIndex\"\r\n    [pageSize]=\"pageSize\"\r\n    [pageSizeOptions]=\"pageSizeOptions\"\r\n    (page)=\"onChangePage($event)\"\r\n  ></mat-paginator>\r\n</div>\r\n}\r\n", styles: [".smartGrid-container{position:relative;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.primeSmartGrid-container{display:flex;flex-direction:column;gap:1rem}.smartGrid-data-number{padding-bottom:1rem}.cards-container{display:grid;gap:1rem;padding:1rem}.smartGrid-card-container{height:auto;border:1px solid black;border-radius:8px}.smartGrid-container ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-underline{bottom:0}.smartGridContent{width:100%;flex:1;overflow:auto}.blocked{position:absolute;width:calc(100% - 3rem);height:calc(100% - 3rem);z-index:110;background-color:#0003}.smart-grid-table-container{display:flex;flex-direction:column;gap:1rem}.smart-grid-toolbar{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.smart-grid-toolbar smart-ui-action-toolbar{width:100%}.smart-grid-edit-icon{color:var(--light-gray)}.tree-button{width:24px!important;height:24px!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i2$3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$3.MatMiniFabButton, selector: "button[mat-mini-fab]", exportAs: ["matButton"] }, { kind: "component", type: i9$1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: i10$1.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i10$1.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i10$1.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i10$1.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i10$1.MatTreeNode, selector: "mat-tree-node", inputs: ["disabled", "tabIndex"], exportAs: ["matTreeNode"] }, { kind: "component", type: i4$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: ExpandableSectionComponent, selector: "smart-expandable-section", inputs: ["data", "index"] }, { kind: "component", type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: ["uiActionModels", "uiActionDescriptorService", "id"] }, { kind: "component", type: i14.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i5$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i14.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i14.ReorderableColumn, selector: "[pReorderableColumn]", inputs: ["pReorderableColumnDisabled"] }, { kind: "component", type: i14.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i17$1.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: i18$1.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "style", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "appendTo", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first"], outputs: ["onPageChange"] }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i20$1.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: SmartGridCardComponent, selector: "app-smart-grid-card", inputs: ["item", "smartGrid", "onSelect"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: SmartGridComponent, selector: "smart-grid", inputs: { smartGrid: "smartGrid", uuid: "uuid", dev: "dev" }, providers: [SmartGridService], viewQueries: [{ propertyName: "vcRefTable", first: true, predicate: ["table"], descendants: true, read: ViewContainerRef }, { propertyName: "toolbar", first: true, predicate: ["toolbar"], descendants: true }, { propertyName: "menu", first: true, predicate: ["menu"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if(compLib === componentLibrary.PRIMENG) {\r\n<div *ngIf=\"smartGrid\" class=\"primeSmartGrid-container\">\r\n  <p-table\r\n    *ngIf=\"!smartGrid.layoutDef || smartGrid.layoutDef === layoutDef().TABLE\"\r\n    #pTable\r\n    [value]=\"smartGrid.gridModel.page.rows!\"\r\n    (sortFunction)=\"gridSort($event)\"\r\n    [customSort]=\"true\"\r\n    [sortMode]=\"'multiple'\"\r\n    [lazy]=\"true\"\r\n    (onLazyLoad)=\"lazyLoad($event)\"\r\n    [reorderableColumns]=\"smartGrid.gridModel.view?.descriptor?.showEditColumns\"\r\n    [columns]=\"columns\"\r\n    (onColReorder)=\"onColOrder($event)\"\r\n  >\r\n    <ng-template pTemplate=\"caption\">\r\n      <p-multiSelect\r\n        *ngIf=\"smartGrid.gridModel.view?.descriptor?.showEditColumns\"\r\n        display=\"chip\"\r\n        [options]=\"smartGrid.gridModel.view?.descriptor?.columns\"\r\n        optionLabel=\"label\"\r\n        [(ngModel)]=\"columns\"\r\n        selectedItemsLabel=\"{0} columns selected\"\r\n        [style]=\"{ 'min-width': '200px' }\"\r\n        placeholder=\"Choose Columns\"\r\n        (onChange)=\"headerChange($event)\"\r\n      />\r\n    </ng-template>\r\n    <ng-template pTemplate=\"header\">\r\n      <tr *ngIf=\"smartGrid.gridModel.view?.descriptor?.showEditColumns\">\r\n        <th [pSortableColumn]=\"col.propertyName\" *ngFor=\"let col of columns\" pReorderableColumn>\r\n          <p-sortIcon [field]=\"col.propertyName\" />\r\n          {{ col.label }}\r\n        </th>\r\n        <th></th>\r\n      </tr>\r\n      <tr *ngIf=\"!smartGrid.gridModel.view?.descriptor?.showEditColumns\">\r\n        <th [pSortableColumn]=\"col.propertyName\" *ngFor=\"let col of columns\">\r\n          <p-sortIcon [field]=\"col.propertyName\" />\r\n          {{ col.label }}\r\n        </th>\r\n        <th></th>\r\n      </tr>\r\n      <!--  <tr>\r\n        <th *ngFor=\"let col of smartGrid?.gridModel?.view?.orderedColumnNames\">\r\n          <p-columnFilter\r\n            type=\"text\"\r\n            [field]=\"'data.' + col\"\r\n            [placeholder]=\"'Search by ' + col\"\r\n            [ariaLabel]=\"'Filter ' + col\"\r\n          />\r\n        </th>\r\n      </tr> -->\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-row>\r\n      <tr *ngIf=\"row && row.data\">\r\n        <td *ngFor=\"let col of smartGrid?.gridModel?.view?.orderedColumnNames\">\r\n          {{ row.data[col] }}\r\n        </td>\r\n        <td>\r\n          <p-button\r\n            [rounded]=\"true\"\r\n            [text]=\"true\"\r\n            *ngIf=\"row.actions && row.actions.length > 0\"\r\n            (onClick)=\"onOptionsClick($event, row)\"\r\n          >\r\n            <smart-icon icon=\"ellipsis-v\"></smart-icon>\r\n          </p-button>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n  <div\r\n    *ngIf=\"smartGrid.layoutDef === layoutDef().CARD\"\r\n    class=\"cards-container\"\r\n    [ngStyle]=\"{\r\n      'grid-template-columns':\r\n        smartGrid.numberOfColumn !== undefined\r\n          ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\r\n          : ''\r\n    }\"\r\n  >\r\n    <app-smart-grid-card\r\n      class=\"smartGrid-card-container\"\r\n      *ngFor=\"let task of smartGrid.gridModel.page.rows\"\r\n      [item]=\"task\"\r\n      [smartGrid]=\"smartGrid\"\r\n      [onSelect]=\"onSelect.bind(this)\"\r\n    ></app-smart-grid-card>\r\n  </div>\r\n  <p-paginator\r\n    *ngIf=\"smartGrid.paginator\"\r\n    [first]=\"pageIndex!\"\r\n    [totalRecords]=\"length!\"\r\n    [rows]=\"pageSize\"\r\n    [rowsPerPageOptions]=\"pageSizeOptions\"\r\n    (onPageChange)=\"onPrimeChangePage($event)\"\r\n    [showCurrentPageReport]=\"true\"\r\n  />\r\n  <p-menu #menu [model]=\"menuButtons\" [popup]=\"true\"> </p-menu>\r\n</div>\r\n}@else {\r\n<div *ngIf=\"smartGrid\" class=\"smartGrid-container\">\r\n  <div class=\"smart-grid-toolbar\">\r\n    <smart-ui-action-toolbar #toolbar [id]=\"'grid_not_initialized'\"></smart-ui-action-toolbar>\r\n    <button\r\n      (click)=\"editColumns()\"\r\n      mat-mini-fab\r\n      color=\"text-primary\"\r\n      *ngIf=\"smartGrid.showEditColumns\"\r\n    >\r\n      <mat-icon aria-hidden=\"false\" aria-label=\"Columns\" class=\"smart-grid-edit-icon\"\r\n        >view_columns</mat-icon\r\n      >\r\n    </button>\r\n  </div>\r\n  <!-- <div [ngClass]=\"isBlocked ? 'blocked' : ''\"></div> -->\r\n  <div class=\"smartGridContent\">\r\n    <div>\r\n      <div *ngIf=\"smartGrid.showResultCount\">\r\n        <div class=\"smartGrid-data-number\">\r\n          {{ smartGrid.gridModel.totalRowCount }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"smart-grid-table-container\">\r\n      <ng-template #table></ng-template>\r\n    </div>\r\n\r\n    <div *ngIf=\"smartGrid.layoutDef === layoutDef().EXPANDABLE\">\r\n      <smart-expandable-section\r\n        #gridExpandableSection\r\n        *ngFor=\"let expandableSection of expandableSections\"\r\n        [data]=\"expandableSection\"\r\n      ></smart-expandable-section>\r\n    </div>\r\n    <div\r\n      *ngIf=\"smartGrid.layoutDef === layoutDef().CARD\"\r\n      class=\"cards-container\"\r\n      [ngStyle]=\"{\r\n        'grid-template-columns':\r\n          smartGrid.numberOfColumn !== undefined\r\n            ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\r\n            : ''\r\n      }\"\r\n    >\r\n      <app-smart-grid-card\r\n        class=\"smartGrid-card-container\"\r\n        *ngFor=\"let task of smartGrid.gridModel.page.rows\"\r\n        [item]=\"task\"\r\n        [smartGrid]=\"smartGrid\"\r\n        [onSelect]=\"onSelect.bind(this)\"\r\n      ></app-smart-grid-card>\r\n    </div>\r\n    <div\r\n      *ngIf=\"smartGrid.layoutDef === layoutDef().TREE && treeControl\"\r\n      class=\"tree-container\"\r\n      [ngStyle]=\"{\r\n        'grid-template-columns':\r\n          smartGrid.numberOfColumn !== undefined\r\n            ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\r\n            : ''\r\n      }\"\r\n    >\r\n      <mat-tree [dataSource]=\"treeDataSource!\" [treeControl]=\"treeControl!\">\r\n        <mat-tree-node\r\n          *matTreeNodeDef=\"let node\"\r\n          matTreeNodeToggle\r\n          matTreeNodePadding\r\n          matTreeNodePaddingIndent=\"24\"\r\n        >\r\n          <button mat-icon-button disabled class=\"tree-button\"></button>\r\n          <mat-checkbox\r\n            class=\"checklist-leaf-node\"\r\n            [checked]=\"treeChecklistSelection?.isSelected(node)\"\r\n            (change)=\"treeNodeSelectionToggle(node)\"\r\n            >{{ getTreeItem(node) }}</mat-checkbox\r\n          >\r\n        </mat-tree-node>\r\n\r\n        <mat-tree-node\r\n          *matTreeNodeDef=\"let node; when: hasChild\"\r\n          matTreeNodePadding\r\n          matTreeNodePaddingIndent=\"24\"\r\n        >\r\n          <button\r\n            mat-icon-button\r\n            matTreeNodeToggle\r\n            class=\"tree-button\"\r\n            [attr.aria-label]=\"'Toggle ' + node.item\"\r\n          >\r\n            <mat-icon class=\"mat-icon-rtl-mirror\">\r\n              {{ treeControl!.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\r\n            </mat-icon>\r\n          </button>\r\n          <mat-checkbox\r\n            [checked]=\"treeChecklistSelection?.isSelected(node)\"\r\n            [indeterminate]=\"descendantsPartiallySelected(node)\"\r\n            (change)=\"treeNodeSelectionToggle(node)\"\r\n            >{{ getTreeItem(node) }}</mat-checkbox\r\n          >\r\n        </mat-tree-node>\r\n      </mat-tree>\r\n    </div>\r\n  </div>\r\n\r\n  <mat-paginator\r\n    *ngIf=\"smartGrid.paginator && !treeControl\"\r\n    #paginator\r\n    [length]=\"length\"\r\n    [pageIndex]=\"pageIndex\"\r\n    [pageSize]=\"pageSize\"\r\n    [pageSizeOptions]=\"pageSizeOptions\"\r\n    (page)=\"onChangePage($event)\"\r\n  ></mat-paginator>\r\n</div>\r\n}\r\n", styles: [".smartGrid-container{position:relative;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.primeSmartGrid-container{display:flex;flex-direction:column;gap:1rem}.smartGrid-data-number{padding-bottom:1rem}.cards-container{display:grid;gap:1rem;padding:1rem}.smartGrid-card-container{height:auto;border:1px solid black;border-radius:8px}.smartGrid-container ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-underline{bottom:0}.smartGridContent{width:100%;flex:1;overflow:auto}.blocked{position:absolute;width:calc(100% - 3rem);height:calc(100% - 3rem);z-index:110;background-color:#0003}.smart-grid-table-container{display:flex;flex-direction:column;gap:1rem}.smart-grid-toolbar{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.smart-grid-toolbar smart-ui-action-toolbar{width:100%}.smart-grid-edit-icon{color:var(--light-gray)}.tree-button{width:24px!important;height:24px!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i2$3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$3.MatMiniFabButton, selector: "button[mat-mini-fab]", exportAs: ["matButton"] }, { kind: "component", type: i9$1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: i10$1.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i10$1.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i10$1.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i10$1.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i10$1.MatTreeNode, selector: "mat-tree-node", inputs: ["disabled", "tabIndex"], exportAs: ["matTreeNode"] }, { kind: "component", type: i4$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: ExpandableSectionComponent, selector: "smart-expandable-section", inputs: ["data", "index"] }, { kind: "component", type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: ["uiActionModels", "uiActionDescriptorService", "id"] }, { kind: "component", type: i14.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i14.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i14.ReorderableColumn, selector: "[pReorderableColumn]", inputs: ["pReorderableColumnDisabled"] }, { kind: "component", type: i14.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i17$1.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: i18$1.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "style", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "appendTo", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first"], outputs: ["onPageChange"] }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i20$1.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: SmartGridCardComponent, selector: "app-smart-grid-card", inputs: ["item", "smartGrid", "onSelect"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartGridComponent, decorators: [{
             type: Component,
@@ -14963,7 +14981,7 @@ class SmartNavbarComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartNavbarComponent, selector: "smart-navbar", inputs: { smartNavbar: "smartNavbar" }, viewQueries: [{ propertyName: "formComp", first: true, predicate: ["searchOption"], descendants: true }], ngImport: i0, template: "<mat-toolbar>\r\n  <img\r\n    *ngIf=\"smartNavbar.icon\"\r\n    class=\"title\"\r\n    src=\"{{ smartNavbar.icon }}\"\r\n    alt=\"\"\r\n    (click)=\"onIconClick()\"\r\n  />\r\n  <ng-content select=\"[titleComponent]\" class=\"title\"></ng-content>\r\n  <div *ngIf=\"smartNavbar.searchBar\" class=\"input\">\r\n    <input\r\n      type=\"text\"\r\n      placeholder=\"{{ smartNavbar.searchBar.placeholder }}\"\r\n      [(ngModel)]=\"searchText\"\r\n    />\r\n    <div\r\n      *ngIf=\"smartNavbar.searchBar.quickFilterLabel && smartNavbar.searchBar.quickFilters.length\"\r\n      class=\"drop_down_btn\"\r\n    >\r\n      <smartform #searchOption [smartForm]=\"filterForm\"></smartform>\r\n      <button\r\n        class=\"search_icon\"\r\n        *ngIf=\"smartNavbar.searchBar.icon\"\r\n        mat-icon-button\r\n        (click)=\"onSearchButtonClick()\"\r\n      >\r\n        <mat-icon class=\"search_icon\">{{ smartNavbar.searchBar.icon }}</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <button\r\n    *ngIf=\"smartNavbar.filterButtonCallback\"\r\n    mat-raised-button\r\n    color=\"primary\"\r\n    class=\"filter-btn\"\r\n    (click)=\"openFilters()\"\r\n  >\r\n    <div #customFilter class=\"custom-filter-holder\">\r\n      <ng-content select=\"[filterComponent]\"></ng-content>\r\n    </div>\r\n    <ng-container *ngIf=\"!customFilter.hasChildNodes()\">\r\n      <mat-icon>filter_list</mat-icon> {{ smartNavbar.filterButtonLabel }}\r\n    </ng-container>\r\n  </button>\r\n  <div *ngIf=\"smartNavbar.userSettings\" class=\"account-content\">\r\n    <button\r\n      mat-button\r\n      *ngIf=\"smartNavbar?.notification\"\r\n      [color]=\"smartNavbar.notification?.iconColor\"\r\n      (click)=\"onNotificationClick()\"\r\n      class=\"notification-btn\"\r\n    >\r\n      <mat-icon>\r\n        {{ smartNavbar.notification?.icon }}\r\n      </mat-icon>\r\n    </button>\r\n    <button mat-button color=\"primary\" [matMenuTriggerFor]=\"menu\">\r\n      <mat-icon *ngIf=\"smartNavbar.userSettings.icon\">\r\n        {{ smartNavbar.userSettings.icon }}\r\n      </mat-icon>\r\n      <mat-icon *ngIf=\"!smartNavbar.userSettings.icon\"> person_outline </mat-icon>\r\n      {{ smartNavbar.userSettings.label }}\r\n      <mat-icon>arrow_drop_down</mat-icon>\r\n    </button>\r\n    <mat-menu #menu=\"matMenu\">\r\n      <button\r\n        mat-menu-item\r\n        *ngFor=\"let btn of smartNavbar.userSettings.settings\"\r\n        (click)=\"btn.callback()\"\r\n        class=\"menuButton\"\r\n      >\r\n        <mat-icon class=\"menuIcon\" *ngIf=\"btn.icon && btn.iconPosition === buttonPosition().FRONT\">\r\n          {{ btn.icon }}\r\n        </mat-icon>\r\n        <div class=\"menuLabel\">\r\n          {{ btn.label }}\r\n        </div>\r\n        <mat-icon class=\"menuIcon\" *ngIf=\"btn.icon && btn.iconPosition === buttonPosition().POST\">\r\n          {{ btn.icon }}\r\n        </mat-icon>\r\n      </button>\r\n    </mat-menu>\r\n  </div>\r\n</mat-toolbar>\r\n", styles: [".filter-btn{margin-left:20px}input[type=text]{flex:1;background:#fff;height:40px;border:none;outline:none;padding:0 25px;border-radius:25px 0 0 25px}.drop_down_btn{position:relative;left:-5;border-radius:0 25px 25px 0;height:40px;border:none;outline:none;cursor:pointer;background:#fff;color:#00a8da;display:flex;align-items:center;padding-right:20px}.input{flex:1;position:relative;font-size:20px;display:flex;flex-direction:row;align-items:center;padding-left:30px}mat-toolbar{height:var(--navbar-height)}::ng-deep .navbar-form .mat-form-field-appearance-outline .mat-form-field-outline,::ng-deep .navbar-form .mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline,::ng-deep .navbar-form .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline{opacity:.75!important;color:#fff}.account-content{margin-left:75px}.title{margin-right:75px}.account-content>*{margin-left:30px}.account-content>*:first-child{margin-left:0}.custom-filter-holder{display:flex;align-items:center}.menuButton{display:flex;flex-direction:row;gap:.5rem}.menuLabel{flex:1;text-align:left}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3$4.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SmartformComponent, selector: "smartform", inputs: ["smartForm"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartNavbarComponent, selector: "smart-navbar", inputs: { smartNavbar: "smartNavbar" }, viewQueries: [{ propertyName: "formComp", first: true, predicate: ["searchOption"], descendants: true }], ngImport: i0, template: "<mat-toolbar>\r\n  <img\r\n    *ngIf=\"smartNavbar.icon\"\r\n    class=\"title\"\r\n    src=\"{{ smartNavbar.icon }}\"\r\n    alt=\"\"\r\n    (click)=\"onIconClick()\"\r\n  />\r\n  <ng-content select=\"[titleComponent]\" class=\"title\"></ng-content>\r\n  <div *ngIf=\"smartNavbar.searchBar\" class=\"input\">\r\n    <input\r\n      type=\"text\"\r\n      placeholder=\"{{ smartNavbar.searchBar.placeholder }}\"\r\n      [(ngModel)]=\"searchText\"\r\n    />\r\n    <div\r\n      *ngIf=\"smartNavbar.searchBar.quickFilterLabel && smartNavbar.searchBar.quickFilters.length\"\r\n      class=\"drop_down_btn\"\r\n    >\r\n      <smartform #searchOption [smartForm]=\"filterForm\"></smartform>\r\n      <button\r\n        class=\"search_icon\"\r\n        *ngIf=\"smartNavbar.searchBar.icon\"\r\n        mat-icon-button\r\n        (click)=\"onSearchButtonClick()\"\r\n      >\r\n        <mat-icon class=\"search_icon\">{{ smartNavbar.searchBar.icon }}</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <button\r\n    *ngIf=\"smartNavbar.filterButtonCallback\"\r\n    mat-raised-button\r\n    color=\"primary\"\r\n    class=\"filter-btn\"\r\n    (click)=\"openFilters()\"\r\n  >\r\n    <div #customFilter class=\"custom-filter-holder\">\r\n      <ng-content select=\"[filterComponent]\"></ng-content>\r\n    </div>\r\n    <ng-container *ngIf=\"!customFilter.hasChildNodes()\">\r\n      <mat-icon>filter_list</mat-icon> {{ smartNavbar.filterButtonLabel }}\r\n    </ng-container>\r\n  </button>\r\n  <div *ngIf=\"smartNavbar.userSettings\" class=\"account-content\">\r\n    <button\r\n      mat-button\r\n      *ngIf=\"smartNavbar?.notification\"\r\n      [color]=\"smartNavbar.notification?.iconColor\"\r\n      (click)=\"onNotificationClick()\"\r\n      class=\"notification-btn\"\r\n    >\r\n      <mat-icon>\r\n        {{ smartNavbar.notification?.icon }}\r\n      </mat-icon>\r\n    </button>\r\n    <button mat-button color=\"primary\" [matMenuTriggerFor]=\"menu\">\r\n      <mat-icon *ngIf=\"smartNavbar.userSettings.icon\">\r\n        {{ smartNavbar.userSettings.icon }}\r\n      </mat-icon>\r\n      <mat-icon *ngIf=\"!smartNavbar.userSettings.icon\"> person_outline </mat-icon>\r\n      {{ smartNavbar.userSettings.label }}\r\n      <mat-icon>arrow_drop_down</mat-icon>\r\n    </button>\r\n    <mat-menu #menu=\"matMenu\">\r\n      <button\r\n        mat-menu-item\r\n        *ngFor=\"let btn of smartNavbar.userSettings.settings\"\r\n        (click)=\"btn.callback()\"\r\n        class=\"menuButton\"\r\n      >\r\n        <mat-icon class=\"menuIcon\" *ngIf=\"btn.icon && btn.iconPosition === buttonPosition().FRONT\">\r\n          {{ btn.icon }}\r\n        </mat-icon>\r\n        <div class=\"menuLabel\">\r\n          {{ btn.label }}\r\n        </div>\r\n        <mat-icon class=\"menuIcon\" *ngIf=\"btn.icon && btn.iconPosition === buttonPosition().POST\">\r\n          {{ btn.icon }}\r\n        </mat-icon>\r\n      </button>\r\n    </mat-menu>\r\n  </div>\r\n</mat-toolbar>\r\n", styles: [".filter-btn{margin-left:20px}input[type=text]{flex:1;background:#fff;height:40px;border:none;outline:none;padding:0 25px;border-radius:25px 0 0 25px}.drop_down_btn{position:relative;left:-5;border-radius:0 25px 25px 0;height:40px;border:none;outline:none;cursor:pointer;background:#fff;color:#00a8da;display:flex;align-items:center;padding-right:20px}.input{flex:1;position:relative;font-size:20px;display:flex;flex-direction:row;align-items:center;padding-left:30px}mat-toolbar{height:var(--navbar-height)}::ng-deep .navbar-form .mat-form-field-appearance-outline .mat-form-field-outline,::ng-deep .navbar-form .mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline,::ng-deep .navbar-form .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline{opacity:.75!important;color:#fff}.account-content{margin-left:75px}.title{margin-right:75px}.account-content>*{margin-left:30px}.account-content>*:first-child{margin-left:0}.custom-filter-holder{display:flex;align-items:center}.menuButton{display:flex;flex-direction:row;gap:.5rem}.menuLabel{flex:1;text-align:left}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3$5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SmartformComponent, selector: "smartform", inputs: ["smartForm"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartNavbarComponent, decorators: [{
             type: Component,