@smartbit4all/ng-client 4.0.8 → 4.0.10

package/esm2022/lib/smart-client/smart-file-uploader/smart-file-uploader.component.mjs

@@ -1,12 +1,18 @@
-import { Component, Input } from '@angular/core';
+import { Component, Inject, Input } from '@angular/core';
+import { COMPONENT_LIBRARY, ComponentLibrary, } from '../../view-context/projects';
 import * as i0 from "@angular/core";
 import * as i1 from "../../view-context/projects";
 import * as i2 from "@angular/common";
 import * as i3 from "../../smart-form/smartfileuploader/smartfileuploader.component";
+import * as i4 from "primeng/fileupload";
+import * as i5 from "primeng/api";
 export class SmartFileUploaderComponent {
-    constructor(uiActionService, uiActionDescriptorService) {
+    constructor(uiActionService, uiActionDescriptorService, compLib) {
         this.uiActionService = uiActionService;
         this.uiActionDescriptorService = uiActionDescriptorService;
+        this.compLib = compLib;
+        this.componentLibrary = ComponentLibrary;
+        this.uploadedFiles = [];
     }
     ngOnChanges(changes) {
         this.config = changes['config'].currentValue;
@@ -41,13 +47,36 @@ export class SmartFileUploaderComponent {
         this.uiActionService.uiActionModel = this.uiActionModel;
         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: i1.UiActionService }, { token: i1.UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartFileUploaderComponent, selector: "smart-file-uploader4sc", inputs: { config: "config" }, usesOnChanges: true, ngImport: i0, template: "<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", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SmartfileuploaderComponent, selector: "smartfileuploader", inputs: ["uploadCallback", "fileFormats", "maxSizeMb", "i18n", "useIconButton", "isMultiple"] }] }); }
+    onSelect(event) {
+        this.uploadedFiles = [];
+        for (let file of event.files) {
+            this.uploadedFiles.push(file);
+        }
+    }
+    onRemove(event) {
+        this.uploadedFiles = [];
+    }
+    uploadFiles(event) {
+        console.log(event);
+        this.uiActionModel.uiAction.params = {
+            ...this.uiActionModel.uiAction.params,
+            _files: this.uploadedFiles,
+            isMultiple: this.config?.isMultiple,
+            param: 'INPUT',
+        };
+        this.uiActionService.uiActionModel = this.uiActionModel;
+        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: i1.UiActionService }, { token: i1.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: i3.SmartfileuploaderComponent, selector: "smartfileuploader", inputs: ["uploadCallback", "fileFormats", "maxSizeMb", "i18n", "useIconButton", "isMultiple"] }, { kind: "component", type: i4.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.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartFileUploaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'smart-file-uploader4sc', template: "<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" }]
-        }], ctorParameters: () => [{ type: i1.UiActionService }, { type: i1.UiActionDescriptorService }], propDecorators: { config: [{
+            args: [{ selector: 'smart-file-uploader4sc', 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" }]
+        }], ctorParameters: () => [{ type: i1.UiActionService }, { type: i1.UiActionDescriptorService }, { type: i1.ComponentLibrary, decorators: [{
+                    type: Inject,
+                    args: [COMPONENT_LIBRARY]
+                }] }], propDecorators: { config: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtZmlsZS11cGxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zbWFydC1uZy1jbGllbnQvc3JjL2xpYi9zbWFydC1jbGllbnQvc21hcnQtZmlsZS11cGxvYWRlci9zbWFydC1maWxlLXVwbG9hZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NtYXJ0LW5nLWNsaWVudC9zcmMvbGliL3NtYXJ0LWNsaWVudC9zbWFydC1maWxlLXVwbG9hZGVyL3NtYXJ0LWZpbGUtdXBsb2FkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQTRCLE1BQU0sZUFBZSxDQUFDOzs7OztBQWMzRSxNQUFNLE9BQU8sMEJBQTBCO0lBTXJDLFlBQ1UsZUFBZ0MsRUFDaEMseUJBQW9EO1FBRHBELG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQUNoQyw4QkFBeUIsR0FBekIseUJBQXlCLENBQTJCO0lBQzNELENBQUM7SUFFSixXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxDQUFDLE1BQU0sR0FBRyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsWUFBWSxDQUFDO1FBQzdDLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ2hCLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNmLENBQUM7SUFDSCxDQUFDO0lBRUQsS0FBSyxDQUFDLEtBQUs7UUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxjQUFjLEVBQUUsY0FBYyxFQUFFLE1BQU0sRUFBRSxDQUFDO1lBQ3pELE9BQU87UUFDVCxDQUFDO1FBQ0QsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLGNBQWMsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUNsRSxDQUFDLGFBQTRCLEVBQUUsRUFBRSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQyxNQUFNLEVBQUUsWUFBWSxDQUM1RixDQUFDO1FBRUYsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUN4QixNQUFNLElBQUksS0FBSyxDQUFDLHNCQUFzQixJQUFJLENBQUMsTUFBTSxFQUFFLFlBQVksa0JBQWtCLENBQUMsQ0FBQztRQUNyRixDQUFDO1FBRUQsTUFBTSxVQUFVLEdBQUcsTUFBTSxJQUFJLENBQUMseUJBQXlCLENBQUMsbUJBQW1CLENBQ3pFLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUM1QixDQUFDO1FBRUYsSUFBSSxDQUFDLElBQUksR0FBRztZQUNWLE9BQU8sRUFBRSxVQUFVLENBQUMsTUFBTSxFQUFFLEtBQUssSUFBSSx1QkFBdUI7WUFDNUQsWUFBWSxFQUFFLFVBQVUsQ0FBQyxNQUFNLEVBQUUsV0FBVyxJQUFJLHVCQUF1QjtZQUN2RSxPQUFPLEVBQUUsVUFBVSxDQUFDLE1BQU0sRUFBRSxPQUFPLElBQUksRUFBRTtZQUN6QyxPQUFPLEVBQUUsVUFBVSxDQUFDLE1BQU0sRUFBRSxPQUFPLElBQUksRUFBRTtZQUN6QyxNQUFNLEVBQUUsVUFBVSxDQUFDLE1BQU0sRUFBRSxpQkFBaUI7U0FDN0MsQ0FBQztJQUNKLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBWTtRQUN4QixJQUFJLENBQUMsYUFBYyxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUc7WUFDcEMsR0FBRyxJQUFJLENBQUMsYUFBYyxDQUFDLFFBQVEsQ0FBQyxNQUFNO1lBQ3RDLE1BQU0sRUFBRSxLQUFLO1lBQ2IsVUFBVSxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsVUFBVTtZQUNuQyxLQUFLLEVBQUUsT0FBTztTQUNmLENBQUM7UUFFRixJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsYUFBYyxDQUFDO1FBQ3pELElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxhQUFjLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDN0QsQ0FBQzsrR0FyRFUsMEJBQTBCO21HQUExQiwwQkFBMEIsaUhDZHZDLHdRQVFBOzs0RkRNYSwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0Usd0JBQXdCOzRIQUt6QixNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkNoYW5nZXMsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICBVaUFjdGlvbkRlc2NyaXB0b3JTZXJ2aWNlLFxyXG4gIFVpQWN0aW9uTW9kZWwsXHJcbiAgVWlBY3Rpb25TZXJ2aWNlLFxyXG59IGZyb20gJy4uLy4uL3ZpZXctY29udGV4dC9wcm9qZWN0cyc7XHJcbmltcG9ydCB7IFNtYXJ0Q29tcG9uZW50RmlsZVVwbG9hZGVyIH0gZnJvbSAnLi4vc21hcnQtY29tcG9uZW50LWFwaS1jbGllbnQnO1xyXG5pbXBvcnQgeyBTbWFydEZpbGVVcGxvYWRlckkxOG4gfSBmcm9tICcuLi8uLi9zbWFydC1mb3JtL3NtYXJ0ZmlsZXVwbG9hZGVyL3NtYXJ0ZmlsZXVwbG9hZGVyLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc21hcnQtZmlsZS11cGxvYWRlcjRzYycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NtYXJ0LWZpbGUtdXBsb2FkZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NtYXJ0LWZpbGUtdXBsb2FkZXIuY29tcG9uZW50LmNzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU21hcnRGaWxlVXBsb2FkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xyXG4gIEBJbnB1dCgpIGNvbmZpZz86IFNtYXJ0Q29tcG9uZW50RmlsZVVwbG9hZGVyO1xyXG5cclxuICBpMThuPzogU21hcnRGaWxlVXBsb2FkZXJJMThuO1xyXG4gIHByaXZhdGUgdWlBY3Rpb25Nb2RlbD86IFVpQWN0aW9uTW9kZWw7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSB1aUFjdGlvblNlcnZpY2U6IFVpQWN0aW9uU2VydmljZSxcclxuICAgIHByaXZhdGUgdWlBY3Rpb25EZXNjcmlwdG9yU2VydmljZTogVWlBY3Rpb25EZXNjcmlwdG9yU2VydmljZVxyXG4gICkge31cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xyXG4gICAgdGhpcy5jb25maWcgPSBjaGFuZ2VzWydjb25maWcnXS5jdXJyZW50VmFsdWU7XHJcbiAgICBpZiAodGhpcy5jb25maWcpIHtcclxuICAgICAgdGhpcy5zZXRVcCgpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgYXN5bmMgc2V0VXAoKTogUHJvbWlzZTx2b2lkPiB7XHJcbiAgICBpZiAoIXRoaXMuY29uZmlnPy5zbWFydENvbXBvbmVudD8udWlBY3Rpb25Nb2RlbHM/Lmxlbmd0aCkge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcbiAgICB0aGlzLnVpQWN0aW9uTW9kZWwgPSB0aGlzLmNvbmZpZz8uc21hcnRDb21wb25lbnQudWlBY3Rpb25Nb2RlbHMuZmluZChcclxuICAgICAgKHVpQWN0aW9uTW9kZWw6IFVpQWN0aW9uTW9kZWwpID0+IHVpQWN0aW9uTW9kZWwudWlBY3Rpb24uY29kZSA9PT0gdGhpcy5jb25maWc/LnVpQWN0aW9uQ29kZVxyXG4gICAgKTtcclxuXHJcbiAgICBpZiAoIXRoaXMudWlBY3Rpb25Nb2RlbCkge1xyXG4gICAgICB0aHJvdyBuZXcgRXJyb3IoYFVpQWN0aW9uIHdpdGggY29kZSAke3RoaXMuY29uZmlnPy51aUFjdGlvbkNvZGV9IGNvdWxkIG5vdCBmb3VuZGApO1xyXG4gICAgfVxyXG5cclxuICAgIGNvbnN0IGRlc2NyaXB0b3IgPSBhd2FpdCB0aGlzLnVpQWN0aW9uRGVzY3JpcHRvclNlcnZpY2UuZ2V0QWN0aW9uRGVzY3JpcHRvcihcclxuICAgICAgdGhpcy51aUFjdGlvbk1vZGVsLnVpQWN0aW9uXHJcbiAgICApO1xyXG5cclxuICAgIHRoaXMuaTE4biA9IHtcclxuICAgICAgYWRkRmlsZTogZGVzY3JpcHRvci51cGxvYWQ/LnRpdGxlID8/ICdkb2t1bWVudHVtIGhvenrDoWFkw6FzYScsXHJcbiAgICAgIGJyb3dzZU9yRHJhZzogZGVzY3JpcHRvci51cGxvYWQ/LmRlc2NyaXB0aW9uID8/ICd0YWxsw7N6w6FzIHZhZ3kgYmVow7p6w6FzJyxcclxuICAgICAgZm9ybWF0czogZGVzY3JpcHRvci51cGxvYWQ/LmZvcm1hdHMgPz8gJycsXHJcbiAgICAgIG1heFNpemU6IGRlc2NyaXB0b3IudXBsb2FkPy5tYXhTaXplID8/ICcnLFxyXG4gICAgICB1cGxvYWQ6IGRlc2NyaXB0b3IudXBsb2FkPy51cGxvYWRCdXR0b25UaXRsZSxcclxuICAgIH07XHJcbiAgfVxyXG5cclxuICBleGVjdXRlVXBsb2FkKGZpbGVzOiBhbnlbXSk6IHZvaWQge1xyXG4gICAgdGhpcy51aUFjdGlvbk1vZGVsIS51aUFjdGlvbi5wYXJhbXMgPSB7XHJcbiAgICAgIC4uLnRoaXMudWlBY3Rpb25Nb2RlbCEudWlBY3Rpb24ucGFyYW1zLFxyXG4gICAgICBfZmlsZXM6IGZpbGVzLFxyXG4gICAgICBpc011bHRpcGxlOiB0aGlzLmNvbmZpZz8uaXNNdWx0aXBsZSxcclxuICAgICAgcGFyYW06ICdJTlBVVCcsXHJcbiAgICB9O1xyXG5cclxuICAgIHRoaXMudWlBY3Rpb25TZXJ2aWNlLnVpQWN0aW9uTW9kZWwgPSB0aGlzLnVpQWN0aW9uTW9kZWwhO1xyXG4gICAgdGhpcy51aUFjdGlvblNlcnZpY2UuZXhlY3V0ZSh0aGlzLnVpQWN0aW9uTW9kZWwhLnVpQWN0aW9uKTtcclxuICB9XHJcbn1cclxuIiwiPHNtYXJ0ZmlsZXVwbG9hZGVyXHJcbiAgKm5nSWY9XCJpMThuXCJcclxuICBbaTE4bl09XCJpMThuXCJcclxuICBbZmlsZUZvcm1hdHNdPVwiY29uZmlnPy5maWxlRm9ybWF0c1wiXHJcbiAgW2lzTXVsdGlwbGVdPVwiY29uZmlnPy5pc011bHRpcGxlXCJcclxuICBbbWF4U2l6ZU1iXT1cImNvbmZpZz8ubWF4U2l6ZU1iXCJcclxuICBbdXBsb2FkQ2FsbGJhY2tdPVwiZXhlY3V0ZVVwbG9hZC5iaW5kKHRoaXMpXCJcclxuPjwvc21hcnRmaWxldXBsb2FkZXI+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtZmlsZS11cGxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zbWFydC1uZy1jbGllbnQvc3JjL2xpYi9zbWFydC1jbGllbnQvc21hcnQtZmlsZS11cGxvYWRlci9zbWFydC1maWxlLXVwbG9hZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NtYXJ0LW5nLWNsaWVudC9zcmMvbGliL3NtYXJ0LWNsaWVudC9zbWFydC1maWxlLXVwbG9hZGVyL3NtYXJ0LWZpbGUtdXBsb2FkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUE0QixNQUFNLGVBQWUsQ0FBQztBQUNuRixPQUFPLEVBQ0wsaUJBQWlCLEVBQ2pCLGdCQUFnQixHQUlqQixNQUFNLDZCQUE2QixDQUFDOzs7Ozs7O0FBU3JDLE1BQU0sT0FBTywwQkFBMEI7SUFPckMsWUFDVSxlQUFnQyxFQUNoQyx5QkFBb0QsRUFDMUIsT0FBeUI7UUFGbkQsb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBQ2hDLDhCQUF5QixHQUF6Qix5QkFBeUIsQ0FBMkI7UUFDMUIsWUFBTyxHQUFQLE9BQU8sQ0FBa0I7UUFSN0QscUJBQWdCLEdBQUcsZ0JBQWdCLENBQUM7UUFHcEMsa0JBQWEsR0FBVSxFQUFFLENBQUM7SUFNdkIsQ0FBQztJQUVKLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsTUFBTSxHQUFHLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxZQUFZLENBQUM7UUFDN0MsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDaEIsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ2YsQ0FBQztJQUNILENBQUM7SUFFRCxLQUFLLENBQUMsS0FBSztRQUNULElBQUksQ0FBQyxJQUFJ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UGEsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLHdCQUF3Qjs7MEJBYy9CLE1BQU07MkJBQUMsaUJBQWlCO3lDQVRsQixNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgSW5wdXQsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1xyXG4gIENPTVBPTkVOVF9MSUJSQVJZLFxyXG4gIENvbXBvbmVudExpYnJhcnksXHJcbiAgVWlBY3Rpb25EZXNjcmlwdG9yU2VydmljZSxcclxuICBVaUFjdGlvbk1vZGVsLFxyXG4gIFVpQWN0aW9uU2VydmljZSxcclxufSBmcm9tICcuLi8uLi92aWV3LWNvbnRleHQvcHJvamVjdHMnO1xyXG5pbXBvcnQgeyBTbWFydENvbXBvbmVudEZpbGVVcGxvYWRlciB9IGZyb20gJy4uL3NtYXJ0LWNvbXBvbmVudC1hcGktY2xpZW50JztcclxuaW1wb3J0IHsgU21hcnRGaWxlVXBsb2FkZXJJMThuIH0gZnJvbSAnLi4vLi4vc21hcnQtZm9ybS9zbWFydGZpbGV1cGxvYWRlci9zbWFydGZpbGV1cGxvYWRlci5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NtYXJ0LWZpbGUtdXBsb2FkZXI0c2MnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zbWFydC1maWxlLXVwbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zbWFydC1maWxlLXVwbG9hZGVyLmNvbXBvbmVudC5jc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNtYXJ0RmlsZVVwbG9hZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICBASW5wdXQoKSBjb25maWc/OiBTbWFydENvbXBvbmVudEZpbGVVcGxvYWRlcjtcclxuICBjb21wb25lbnRMaWJyYXJ5ID0gQ29tcG9uZW50TGlicmFyeTtcclxuICBpMThuPzogU21hcnRGaWxlVXBsb2FkZXJJMThuO1xyXG4gIHByaXZhdGUgdWlBY3Rpb25Nb2RlbD86IFVpQWN0aW9uTW9kZWw7XHJcbiAgdXBsb2FkZWRGaWxlczogYW55W10gPSBbXTtcclxuICBmaWxlRm9ybWF0cz86IHN0cmluZztcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgdWlBY3Rpb25TZXJ2aWNlOiBVaUFjdGlvblNlcnZpY2UsXHJcbiAgICBwcml2YXRlIHVpQWN0aW9uRGVzY3JpcHRvclNlcnZpY2U6IFVpQWN0aW9uRGVzY3JpcHRvclNlcnZpY2UsXHJcbiAgICBASW5qZWN0KENPTVBPTkVOVF9MSUJSQVJZKSBwdWJsaWMgY29tcExpYjogQ29tcG9uZW50TGlicmFyeVxyXG4gICkge31cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xyXG4gICAgdGhpcy5jb25maWcgPSBjaGFuZ2VzWydjb25maWcnXS5jdXJyZW50VmFsdWU7XHJcbiAgICBpZiAodGhpcy5jb25maWcpIHtcclxuICAgICAgdGhpcy5zZXRVcCgpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgYXN5bmMgc2V0VXAoKTogUHJvbWlzZTx2b2lkPiB7XHJcbiAgICBpZiAoIXRoaXMuY29uZmlnPy5zbWFydENvbXBvbmVudD8udWlBY3Rpb25Nb2RlbHM/Lmxlbmd0aCkge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcbiAgICB0aGlzLnVpQWN0aW9uTW9kZWwgPSB0aGlzLmNvbmZpZz8uc21hcnRDb21wb25lbnQudWlBY3Rpb25Nb2RlbHMuZmluZChcclxuICAgICAgKHVpQWN0aW9uTW9kZWw6IFVpQWN0aW9uTW9kZWwpID0+IHVpQWN0aW9uTW9kZWwudWlBY3Rpb24uY29kZSA9PT0gdGhpcy5jb25maWc/LnVpQWN0aW9uQ29kZVxyXG4gICAgKTtcclxuXHJcbiAgICBpZiAoIXRoaXMudWlBY3Rpb25Nb2RlbCkge1xyXG4gICAgICB0aHJvdyBuZXcgRXJyb3IoYFVpQWN0aW9uIHdpdGggY29kZSAke3RoaXMuY29uZmlnPy51aUFjdGlvbkNvZGV9IGNvdWxkIG5vdCBmb3VuZGApO1xyXG4gICAgfVxyXG5cclxuICAgIGNvbnN0IGRlc2NyaXB0b3IgPSBhd2FpdCB0aGlzLnVpQWN0aW9uRGVzY3JpcHRvclNlcnZpY2UuZ2V0QWN0aW9uRGVzY3JpcHRvcihcclxuICAgICAgdGhpcy51aUFjdGlvbk1vZGVsLnVpQWN0aW9uXHJcbiAgICApO1xyXG5cclxuICAgIHRoaXMuaTE4biA9IHtcclxuICAgICAgYWRkRmlsZTogZGVzY3JpcHRvci51cGxvYWQ/LnRpdGxlID8/ICdkb2t1bWVudHVtIGhvenrDoWFkw6FzYScsXHJcbiAgICAgIGJyb3dzZU9yRHJhZzogZGVzY3JpcHRvci51cGxvYWQ/LmRlc2NyaXB0aW9uID8/ICd0YWxsw7N6w6FzIHZhZ3kgYmVow7p6w6FzJyxcclxuICAgICAgZm9ybWF0czogZGVzY3JpcHRvci51cGxvYWQ/LmZvcm1hdHMgPz8gJycsXHJcbiAgICAgIG1heFNpemU6IGRlc2NyaXB0b3IudXBsb2FkPy5tYXhTaXplID8/ICcnLFxyXG4gICAgICB1cGxvYWQ6IGRlc2NyaXB0b3IudXBsb2FkPy51cGxvYWRCdXR0b25UaXRsZSxcclxuICAgIH07XHJcbiAgfVxyXG5cclxuICBleGVjdXRlVXBsb2FkKGZpbGVzOiBhbnlbXSk6IHZvaWQge1xyXG4gICAgdGhpcy51aUFjdGlvbk1vZGVsIS51aUFjdGlvbi5wYXJhbXMgPSB7XHJcbiAgICAgIC4uLnRoaXMudWlBY3Rpb25Nb2RlbCEudWlBY3Rpb24ucGFyYW1zLFxyXG4gICAgICBfZmlsZXM6IGZpbGVzLFxyXG4gICAgICBpc011bHRpcGxlOiB0aGlzLmNvbmZpZz8uaXNNdWx0aXBsZSxcclxuICAgICAgcGFyYW06ICdJTlBVVCcsXHJcbiAgICB9O1xyXG5cclxuICAgIHRoaXMudWlBY3Rpb25TZXJ2aWNlLnVpQWN0aW9uTW9kZWwgPSB0aGlzLnVpQWN0aW9uTW9kZWwhO1xyXG4gICAgdGhpcy51aUFjdGlvblNlcnZpY2UuZXhlY3V0ZSh0aGlzLnVpQWN0aW9uTW9kZWwhLnVpQWN0aW9uKTtcclxuICB9XHJcblxyXG4gIG9uU2VsZWN0KGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMudXBsb2FkZWRGaWxlcyA9IFtdO1xyXG4gICAgZm9yIChsZXQgZmlsZSBvZiBldmVudC5maWxlcykge1xyXG4gICAgICB0aGlzLnVwbG9hZGVkRmlsZXMucHVzaChmaWxlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG9uUmVtb3ZlKGV2ZW50OiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMudXBsb2FkZWRGaWxlcyA9IFtdO1xyXG4gIH1cclxuXHJcbiAgdXBsb2FkRmlsZXMoZXZlbnQ6IGFueSk6IHZvaWQge1xyXG4gICAgY29uc29sZS5sb2coZXZlbnQpO1xyXG4gICAgdGhpcy51aUFjdGlvbk1vZGVsIS51aUFjdGlvbi5wYXJhbXMgPSB7XHJcbiAgICAgIC4uLnRoaXMudWlBY3Rpb25Nb2RlbCEudWlBY3Rpb24ucGFyYW1zLFxyXG4gICAgICBfZmlsZXM6IHRoaXMudXBsb2FkZWRGaWxlcyxcclxuICAgICAgaXNNdWx0aXBsZTogdGhpcy5jb25maWc/LmlzTXVsdGlwbGUsXHJcbiAgICAgIHBhcmFtOiAnSU5QVVQnLFxyXG4gICAgfTtcclxuXHJcbiAgICB0aGlzLnVpQWN0aW9uU2VydmljZS51aUFjdGlvbk1vZGVsID0gdGhpcy51aUFjdGlvbk1vZGVsITtcclxuICAgIHRoaXMudWlBY3Rpb25TZXJ2aWNlLmV4ZWN1dGUodGhpcy51aUFjdGlvbk1vZGVsIS51aUFjdGlvbik7XHJcbiAgfVxyXG59XHJcbiIsIkBpZihjb21wTGliID09PSBjb21wb25lbnRMaWJyYXJ5LlBSSU1FTkcpIHtcclxuPHAtZmlsZVVwbG9hZFxyXG4gIG5hbWU9XCJmaWxlc1tdXCJcclxuICB1cmw9XCJcIlxyXG4gIChvblNlbmQpPVwidXBsb2FkRmlsZXMoJGV2ZW50KVwiXHJcbiAgKG9uU2VsZWN0KT1cIm9uU2VsZWN0KCRldmVudClcIlxyXG4gIChvblJlbW92ZSk9XCJvblJlbW92ZSgkZXZlbnQpXCJcclxuICBbbXVsdGlwbGVdPVwidHJ1ZVwiXHJcbiAgW2FjY2VwdF09XCJjb25maWc/LmZpbGVGb3JtYXRzPy5qb2luKCcsJylcIlxyXG4gIFttYXhGaWxlU2l6ZV09XCJjb25maWc/Lm1heFNpemVNYlwiXHJcbj5cclxuICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiY29udGVudFwiPiA8L25nLXRlbXBsYXRlPlxyXG48L3AtZmlsZVVwbG9hZD5cclxufUBlbHNle1xyXG48c21hcnRmaWxldXBsb2FkZXJcclxuICAqbmdJZj1cImkxOG5cIlxyXG4gIFtpMThuXT1cImkxOG5cIlxyXG4gIFtmaWxlRm9ybWF0c109XCJjb25maWc/LmZpbGVGb3JtYXRzXCJcclxuICBbaXNNdWx0aXBsZV09XCJjb25maWc/LmlzTXVsdGlwbGVcIlxyXG4gIFttYXhTaXplTWJdPVwiY29uZmlnPy5tYXhTaXplTWJcIlxyXG4gIFt1cGxvYWRDYWxsYmFja109XCJleGVjdXRlVXBsb2FkLmJpbmQodGhpcylcIlxyXG4+PC9zbWFydGZpbGV1cGxvYWRlcj5cclxufVxyXG4iXX0=

package/esm2022/lib/smart-form/smartform.component.mjs

@@ -165,11 +165,11 @@ export class SmartformComponent {
         return [];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartformComponent, deps: [{ token: i1.SmartFormService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartformComponent, selector: "smartform", inputs: { smartForm: "smartForm" }, providers: [SmartFormService], viewQueries: [{ propertyName: "smartWidgetsQL", predicate: SmartformwidgetComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<form *ngIf=\"smartForm\" (keydown)=\"keyDownFunction($event)\" [formGroup]=\"form\" class=\"flex form\">\r\n  <h2 *ngIf=\"smartForm.name\">\r\n    {{ smartForm.name }}\r\n  </h2>\r\n  <div [ngClass]=\"smartForm.direction === direction.ROW ? 'row' : 'col'\">\r\n    <div *ngFor=\"let widget of smartForm.widgets\" class=\"item\">\r\n      <smartformwidget\r\n        *ngIf=\"widget.isVisible === undefined ? true : widget.isVisible\"\r\n        [widgetInstance]=\"widget\"\r\n        [form]=\"form\"\r\n        class=\"grid-item\"\r\n        [onBlur]=\"onBlurSubject\"\r\n        [onValueChange]=\"onValueChangeSubject\"\r\n        [sophisticatedValueChange]=\"sophisticatedValueChange\"\r\n        class=\"{{ widget.key }}\"\r\n        [labelColor]=\"smartForm.labelTheme\"\r\n      ></smartformwidget>\r\n    </div>\r\n  </div>\r\n</form>\r\n", styles: [".col{display:flex;flex-direction:column;gap:.25em}.row{display:flex;flex-wrap:wrap;gap:.25em}.grid-item{text-align:left}.item{flex:1}\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: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4.SmartformwidgetComponent, selector: "smartformwidget", inputs: ["form", "widgetInstance", "onBlur", "onValueChange", "labelColor", "sophisticatedValueChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartformComponent, selector: "smartform", inputs: { smartForm: "smartForm" }, providers: [SmartFormService], viewQueries: [{ propertyName: "smartWidgetsQL", predicate: SmartformwidgetComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<form *ngIf=\"smartForm\" (keydown)=\"keyDownFunction($event)\" [formGroup]=\"form\" class=\"flex form\">\r\n  <h2 *ngIf=\"smartForm.name\">\r\n    {{ smartForm.name }}\r\n  </h2>\r\n  <div [ngClass]=\"smartForm.direction === direction.ROW ? 'row' : 'col'\">\r\n    <div *ngFor=\"let widget of smartForm.widgets\" class=\"item\">\r\n      <smartformwidget\r\n        *ngIf=\"widget.isVisible === undefined ? true : widget.isVisible\"\r\n        [widgetInstance]=\"widget\"\r\n        [form]=\"form\"\r\n        class=\"grid-item\"\r\n        [onBlur]=\"onBlurSubject\"\r\n        [onValueChange]=\"onValueChangeSubject\"\r\n        [sophisticatedValueChange]=\"sophisticatedValueChange\"\r\n        class=\"{{ widget.key }}\"\r\n        [labelColor]=\"smartForm.labelTheme\"\r\n      ></smartformwidget>\r\n    </div>\r\n  </div>\r\n</form>\r\n", styles: [".col{display:flex;flex-direction:column;gap:.25em}.row{display:flex;flex-wrap:wrap;gap:.25em}.grid-item{text-align:left}.item{flex:1}.item ::ng-deep .p-inputtext{width:100%!important;min-height:45px!important}.item ::ng-deep p-inputnumber,.item ::ng-deep .p-inputnumber{width:100%!important;height:45px!important}.item ::ng-deep .p-dropdown{width:100%!important;height:45px!important}.item ::ng-deep p-overlay{position:fixed!important;z-index:1002}\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: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4.SmartformwidgetComponent, selector: "smartformwidget", inputs: ["form", "widgetInstance", "onBlur", "onValueChange", "labelColor", "sophisticatedValueChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartformComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'smartform', providers: [SmartFormService], template: "<form *ngIf=\"smartForm\" (keydown)=\"keyDownFunction($event)\" [formGroup]=\"form\" class=\"flex form\">\r\n  <h2 *ngIf=\"smartForm.name\">\r\n    {{ smartForm.name }}\r\n  </h2>\r\n  <div [ngClass]=\"smartForm.direction === direction.ROW ? 'row' : 'col'\">\r\n    <div *ngFor=\"let widget of smartForm.widgets\" class=\"item\">\r\n      <smartformwidget\r\n        *ngIf=\"widget.isVisible === undefined ? true : widget.isVisible\"\r\n        [widgetInstance]=\"widget\"\r\n        [form]=\"form\"\r\n        class=\"grid-item\"\r\n        [onBlur]=\"onBlurSubject\"\r\n        [onValueChange]=\"onValueChangeSubject\"\r\n        [sophisticatedValueChange]=\"sophisticatedValueChange\"\r\n        class=\"{{ widget.key }}\"\r\n        [labelColor]=\"smartForm.labelTheme\"\r\n      ></smartformwidget>\r\n    </div>\r\n  </div>\r\n</form>\r\n", styles: [".col{display:flex;flex-direction:column;gap:.25em}.row{display:flex;flex-wrap:wrap;gap:.25em}.grid-item{text-align:left}.item{flex:1}\n"] }]
+            args: [{ selector: 'smartform', providers: [SmartFormService], template: "<form *ngIf=\"smartForm\" (keydown)=\"keyDownFunction($event)\" [formGroup]=\"form\" class=\"flex form\">\r\n  <h2 *ngIf=\"smartForm.name\">\r\n    {{ smartForm.name }}\r\n  </h2>\r\n  <div [ngClass]=\"smartForm.direction === direction.ROW ? 'row' : 'col'\">\r\n    <div *ngFor=\"let widget of smartForm.widgets\" class=\"item\">\r\n      <smartformwidget\r\n        *ngIf=\"widget.isVisible === undefined ? true : widget.isVisible\"\r\n        [widgetInstance]=\"widget\"\r\n        [form]=\"form\"\r\n        class=\"grid-item\"\r\n        [onBlur]=\"onBlurSubject\"\r\n        [onValueChange]=\"onValueChangeSubject\"\r\n        [sophisticatedValueChange]=\"sophisticatedValueChange\"\r\n        class=\"{{ widget.key }}\"\r\n        [labelColor]=\"smartForm.labelTheme\"\r\n      ></smartformwidget>\r\n    </div>\r\n  </div>\r\n</form>\r\n", styles: [".col{display:flex;flex-direction:column;gap:.25em}.row{display:flex;flex-wrap:wrap;gap:.25em}.grid-item{text-align:left}.item{flex:1}.item ::ng-deep .p-inputtext{width:100%!important;min-height:45px!important}.item ::ng-deep p-inputnumber,.item ::ng-deep .p-inputnumber{width:100%!important;height:45px!important}.item ::ng-deep .p-dropdown{width:100%!important;height:45px!important}.item ::ng-deep p-overlay{position:fixed!important;z-index:1002}\n"] }]
         }], ctorParameters: () => [{ type: i1.SmartFormService }], propDecorators: { smartForm: [{
                 type: Input
             }], smartWidgetsQL: [{