@rlucan/ui 14.2.4 → 14.2.6

package/{esm2020 → esm2022}/lib/submit-button/submit-button.component.mjs

@@ -1,72 +1,72 @@
-import { Component, Host, HostBinding, Input, Optional, SkipSelf } from '@angular/core';
-import { UntypedFormGroup } from '@angular/forms';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/dialog";
-import * as i2 from "@angular/forms";
-import * as i3 from "@angular/common";
-import * as i4 from "../button/button.component";
-export class SubmitButtonComponent {
-    constructor(dialogRef, controlContainer) {
-        this.dialogRef = dialogRef;
-        this.controlContainer = controlContainer;
-        this.busy = false;
-        this.disabled = false;
-        this.formGroups = [];
-        this.label = 'Save';
-        this.prependCloseButton = true;
-    }
-    ngOnInit() {
-        if (this.formInvalid === undefined) {
-            if (this.formGroups === undefined && this.controlContainer && this.controlContainer.control instanceof UntypedFormGroup) {
-                this.formGroups = this.controlContainer.control;
-            }
-            if (!Array.isArray(this.formGroups)) {
-                this.formGroups = [this.formGroups];
-            }
-        }
-    }
-    get formsValid() {
-        if (this.formInvalid !== undefined) {
-            return !this.formInvalid;
-        }
-        else {
-            return !this.formGroups.find(f => f.invalid);
-        }
-    }
-    doSubmit() {
-        this.formGroups.forEach(f => f.markAllAsTouched());
-        if (this.formsValid && this.submit) {
-            this.submit();
-        }
-    }
-}
-SubmitButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SubmitButtonComponent, deps: [{ token: i1.MatDialogRef }, { token: i2.ControlContainer, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
-SubmitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: SubmitButtonComponent, selector: "ui-submit-button", inputs: { busy: "busy", disabled: "disabled", formGroups: "formGroups", label: "label", submit: "submit", formInvalid: "formInvalid", prependCloseButton: "prependCloseButton" }, host: { properties: { "class.with-close": "this.prependCloseButton" } }, ngImport: i0, template: "<ui-button *ngIf=\"prependCloseButton\" [label]=\"'Close'\" (click)=\"dialogRef.close()\"></ui-button>\r\n\r\n<ui-button [busy]=\"busy\"\r\n            [disabled]=\"disabled || busy\" [type]=\"'submit'\"\r\n            [formInvalid]=\"!formsValid\"\r\n            [label]=\"label\" (click)=\"doSubmit()\"></ui-button>\r\n", styles: [":host.with-close{display:flex;justify-content:flex-end;width:100%;margin-left:0!important}:host.with-close ui-button{margin-left:12px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.ButtonComponent, selector: "ui-button", inputs: ["type", "matIconPrefix", "label", "disabled", "busy", "kind", "color", "size", "formInvalid"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SubmitButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-submit-button', template: "<ui-button *ngIf=\"prependCloseButton\" [label]=\"'Close'\" (click)=\"dialogRef.close()\"></ui-button>\r\n\r\n<ui-button [busy]=\"busy\"\r\n            [disabled]=\"disabled || busy\" [type]=\"'submit'\"\r\n            [formInvalid]=\"!formsValid\"\r\n            [label]=\"label\" (click)=\"doSubmit()\"></ui-button>\r\n", styles: [":host.with-close{display:flex;justify-content:flex-end;width:100%;margin-left:0!important}:host.with-close ui-button{margin-left:12px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: i2.ControlContainer, decorators: [{
-                    type: Optional
-                }, {
-                    type: Host
-                }, {
-                    type: SkipSelf
-                }] }]; }, propDecorators: { busy: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], formGroups: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], submit: [{
-                type: Input
-            }], formInvalid: [{
-                type: Input
-            }], prependCloseButton: [{
-                type: HostBinding,
-                args: ['class.with-close']
-            }, {
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VibWl0LWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3N1Ym1pdC1idXR0b24vc3VibWl0LWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3N1Ym1pdC1idXR0b24vc3VibWl0LWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLFFBQVEsRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDOUYsT0FBTyxFQUFtQixnQkFBZ0IsRUFBQyxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFRbEUsTUFBTSxPQUFPLHFCQUFxQjtJQVloQyxZQUFtQixTQUE0QixFQUV6QixnQkFBa0M7UUFGckMsY0FBUyxHQUFULFNBQVMsQ0FBbUI7UUFFekIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQVovQyxTQUFJLEdBQUcsS0FBSyxDQUFDO1FBQ2IsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixlQUFVLEdBQTBDLEVBQUUsQ0FBQztRQUN2RCxVQUFLLEdBQUcsTUFBTSxDQUFDO1FBS2YsdUJBQWtCLEdBQUcsSUFBSSxDQUFDO0lBSXlCLENBQUM7SUFFN0QsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxTQUFTLEVBQUU7WUFDbEMsSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLElBQUksSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sWUFBWSxnQkFBZ0IsRUFBRTtnQkFDdkgsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxDQUFDO2FBQ2pEO1lBQ0QsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFO2dCQUNuQyxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO2FBQ3JDO1NBQ0Y7SUFDSCxDQUFDO0lBRUQsSUFBSSxVQUFVO1FBQ1osSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLFNBQVMsRUFBRTtZQUNsQyxPQUFPLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQztTQUMxQjthQUFNO1lBQ0wsT0FBTyxDQUFFLElBQUksQ0FBQyxVQUFpQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQztTQUN0RTtJQUNILENBQUM7SUFFRCxRQUFRO1FBQ0wsSUFBSSxDQUFDLFVBQWlDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixFQUFFLENBQUMsQ0FBQztRQUMzRSxJQUFJLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNsQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7U0FDZjtJQUNILENBQUM7O2tIQXhDVSxxQkFBcUI7c0dBQXJCLHFCQUFxQixtVENUbEMsbVVBTUE7MkZER2EscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGtCQUFrQjs7MEJBaUJmLFFBQVE7OzBCQUFJLElBQUk7OzBCQUFJLFFBQVE7NENBWGhDLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUdHLGtCQUFrQjtzQkFEMUIsV0FBVzt1QkFBQyxrQkFBa0I7O3NCQUM5QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEhvc3QsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0LCBPcHRpb25hbCwgU2tpcFNlbGZ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0NvbnRyb2xDb250YWluZXIsIFVudHlwZWRGb3JtR3JvdXB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgTWF0RGlhbG9nUmVmIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndWktc3VibWl0LWJ1dHRvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3N1Ym1pdC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWyAnLi9zdWJtaXQtYnV0dG9uLmNvbXBvbmVudC5zY3NzJyBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdWJtaXRCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBidXN5ID0gZmFsc2U7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBmb3JtR3JvdXBzOiBVbnR5cGVkRm9ybUdyb3VwIHwgVW50eXBlZEZvcm1Hcm91cFtdID0gW107XHJcbiAgQElucHV0KCkgbGFiZWwgPSAnU2F2ZSc7XHJcbiAgQElucHV0KCkgc3VibWl0OiAoKCkgPT4gdm9pZCkgfCB1bmRlZmluZWQ7XHJcbiAgQElucHV0KCkgZm9ybUludmFsaWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3Mud2l0aC1jbG9zZScpXHJcbiAgQElucHV0KCkgcHJlcGVuZENsb3NlQnV0dG9uID0gdHJ1ZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPGFueT4sXHJcbiAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEhvc3QoKSBAU2tpcFNlbGYoKVxyXG4gICAgICAgICAgICAgIHByb3RlY3RlZCBjb250cm9sQ29udGFpbmVyOiBDb250cm9sQ29udGFpbmVyKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5mb3JtSW52YWxpZCA9PT0gdW5kZWZpbmVkKSB7XHJcbiAgICAgIGlmICh0aGlzLmZvcm1Hcm91cHMgPT09IHVuZGVmaW5lZCAmJiB0aGlzLmNvbnRyb2xDb250YWluZXIgJiYgdGhpcy5jb250cm9sQ29udGFpbmVyLmNvbnRyb2wgaW5zdGFuY2VvZiBVbnR5cGVkRm9ybUdyb3VwKSB7XHJcbiAgICAgICAgdGhpcy5mb3JtR3JvdXBzID0gdGhpcy5jb250cm9sQ29udGFpbmVyLmNvbnRyb2w7XHJcbiAgICAgIH1cclxuICAgICAgaWYgKCFBcnJheS5pc0FycmF5KHRoaXMuZm9ybUdyb3VwcykpIHtcclxuICAgICAgICB0aGlzLmZvcm1Hcm91cHMgPSBbdGhpcy5mb3JtR3JvdXBzXTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZ2V0IGZvcm1zVmFsaWQoKTogYm9vbGVhbiB7XHJcbiAgICBpZiAodGhpcy5mb3JtSW52YWxpZCAhPT0gdW5kZWZpbmVkKSB7XHJcbiAgICAgIHJldHVybiAhdGhpcy5mb3JtSW52YWxpZDtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHJldHVybiAhKHRoaXMuZm9ybUdyb3VwcyBhcyBVbnR5cGVkRm9ybUdyb3VwW10pLmZpbmQoZiA9PiBmLmludmFsaWQpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZG9TdWJtaXQoKTogdm9pZCB7XHJcbiAgICAodGhpcy5mb3JtR3JvdXBzIGFzIFVudHlwZWRGb3JtR3JvdXBbXSkuZm9yRWFjaChmID0+IGYubWFya0FsbEFzVG91Y2hlZCgpKTtcclxuICAgIGlmICh0aGlzLmZvcm1zVmFsaWQgJiYgdGhpcy5zdWJtaXQpIHtcclxuICAgICAgdGhpcy5zdWJtaXQoKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPHVpLWJ1dHRvbiAqbmdJZj1cInByZXBlbmRDbG9zZUJ1dHRvblwiIFtsYWJlbF09XCInQ2xvc2UnXCIgKGNsaWNrKT1cImRpYWxvZ1JlZi5jbG9zZSgpXCI+PC91aS1idXR0b24+XHJcblxyXG48dWktYnV0dG9uIFtidXN5XT1cImJ1c3lcIlxyXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgYnVzeVwiIFt0eXBlXT1cIidzdWJtaXQnXCJcclxuICAgICAgICAgICAgW2Zvcm1JbnZhbGlkXT1cIiFmb3Jtc1ZhbGlkXCJcclxuICAgICAgICAgICAgW2xhYmVsXT1cImxhYmVsXCIgKGNsaWNrKT1cImRvU3VibWl0KClcIj48L3VpLWJ1dHRvbj5cclxuIl19
+import { Component, Host, HostBinding, Input, Optional, SkipSelf } from '@angular/core';
+import { UntypedFormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/common";
+import * as i4 from "../button/button.component";
+export class SubmitButtonComponent {
+    constructor(dialogRef, controlContainer) {
+        this.dialogRef = dialogRef;
+        this.controlContainer = controlContainer;
+        this.busy = false;
+        this.disabled = false;
+        this.formGroups = [];
+        this.label = 'Save';
+        this.prependCloseButton = true;
+    }
+    ngOnInit() {
+        if (this.formInvalid === undefined) {
+            if (this.formGroups === undefined && this.controlContainer && this.controlContainer.control instanceof UntypedFormGroup) {
+                this.formGroups = this.controlContainer.control;
+            }
+            if (!Array.isArray(this.formGroups)) {
+                this.formGroups = [this.formGroups];
+            }
+        }
+    }
+    get formsValid() {
+        if (this.formInvalid !== undefined) {
+            return !this.formInvalid;
+        }
+        else {
+            return !this.formGroups.find(f => f.invalid);
+        }
+    }
+    doSubmit() {
+        this.formGroups.forEach(f => f.markAllAsTouched());
+        if (this.formsValid && this.submit) {
+            this.submit();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: SubmitButtonComponent, deps: [{ token: i1.MatDialogRef }, { token: i2.ControlContainer, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: SubmitButtonComponent, selector: "ui-submit-button", inputs: { busy: "busy", disabled: "disabled", formGroups: "formGroups", label: "label", submit: "submit", formInvalid: "formInvalid", prependCloseButton: "prependCloseButton" }, host: { properties: { "class.with-close": "this.prependCloseButton" } }, ngImport: i0, template: "<ui-button *ngIf=\"prependCloseButton\" [label]=\"'Close'\" (click)=\"dialogRef.close()\"></ui-button>\r\n\r\n<ui-button [busy]=\"busy\"\r\n            [disabled]=\"disabled || busy\" [type]=\"'submit'\"\r\n            [formInvalid]=\"!formsValid\"\r\n            [label]=\"label\" (click)=\"doSubmit()\"></ui-button>\r\n", styles: [":host.with-close{display:flex;justify-content:flex-end;width:100%;margin-left:0!important}:host.with-close ui-button{margin-left:12px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.ButtonComponent, selector: "ui-button", inputs: ["type", "matIconPrefix", "label", "disabled", "busy", "kind", "color", "size", "formInvalid"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: SubmitButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-submit-button', template: "<ui-button *ngIf=\"prependCloseButton\" [label]=\"'Close'\" (click)=\"dialogRef.close()\"></ui-button>\r\n\r\n<ui-button [busy]=\"busy\"\r\n            [disabled]=\"disabled || busy\" [type]=\"'submit'\"\r\n            [formInvalid]=\"!formsValid\"\r\n            [label]=\"label\" (click)=\"doSubmit()\"></ui-button>\r\n", styles: [":host.with-close{display:flex;justify-content:flex-end;width:100%;margin-left:0!important}:host.with-close ui-button{margin-left:12px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: i2.ControlContainer, decorators: [{
+                    type: Optional
+                }, {
+                    type: Host
+                }, {
+                    type: SkipSelf
+                }] }]; }, propDecorators: { busy: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], formGroups: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], submit: [{
+                type: Input
+            }], formInvalid: [{
+                type: Input
+            }], prependCloseButton: [{
+                type: HostBinding,
+                args: ['class.with-close']
+            }, {
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VibWl0LWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3N1Ym1pdC1idXR0b24vc3VibWl0LWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3N1Ym1pdC1idXR0b24vc3VibWl0LWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLFFBQVEsRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDOUYsT0FBTyxFQUFtQixnQkFBZ0IsRUFBQyxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFRbEUsTUFBTSxPQUFPLHFCQUFxQjtJQVloQyxZQUFtQixTQUE0QixFQUV6QixnQkFBa0M7UUFGckMsY0FBUyxHQUFULFNBQVMsQ0FBbUI7UUFFekIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQVovQyxTQUFJLEdBQUcsS0FBSyxDQUFDO1FBQ2IsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixlQUFVLEdBQTBDLEVBQUUsQ0FBQztRQUN2RCxVQUFLLEdBQUcsTUFBTSxDQUFDO1FBS2YsdUJBQWtCLEdBQUcsSUFBSSxDQUFDO0lBSXlCLENBQUM7SUFFN0QsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxTQUFTLEVBQUU7WUFDbEMsSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLElBQUksSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sWUFBWSxnQkFBZ0IsRUFBRTtnQkFDdkgsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxDQUFDO2FBQ2pEO1lBQ0QsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFO2dCQUNuQyxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO2FBQ3JDO1NBQ0Y7SUFDSCxDQUFDO0lBRUQsSUFBSSxVQUFVO1FBQ1osSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLFNBQVMsRUFBRTtZQUNsQyxPQUFPLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQztTQUMxQjthQUFNO1lBQ0wsT0FBTyxDQUFFLElBQUksQ0FBQyxVQUFpQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQztTQUN0RTtJQUNILENBQUM7SUFFRCxRQUFRO1FBQ0wsSUFBSSxDQUFDLFVBQWlDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixFQUFFLENBQUMsQ0FBQztRQUMzRSxJQUFJLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNsQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7U0FDZjtJQUNILENBQUM7K0dBeENVLHFCQUFxQjttR0FBckIscUJBQXFCLG1UQ1RsQyxtVUFNQTs7NEZER2EscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGtCQUFrQjs7MEJBaUJmLFFBQVE7OzBCQUFJLElBQUk7OzBCQUFJLFFBQVE7NENBWGhDLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUdHLGtCQUFrQjtzQkFEMUIsV0FBVzt1QkFBQyxrQkFBa0I7O3NCQUM5QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEhvc3QsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0LCBPcHRpb25hbCwgU2tpcFNlbGZ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0NvbnRyb2xDb250YWluZXIsIFVudHlwZWRGb3JtR3JvdXB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgTWF0RGlhbG9nUmVmIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndWktc3VibWl0LWJ1dHRvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3N1Ym1pdC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWyAnLi9zdWJtaXQtYnV0dG9uLmNvbXBvbmVudC5zY3NzJyBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdWJtaXRCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBidXN5ID0gZmFsc2U7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBmb3JtR3JvdXBzOiBVbnR5cGVkRm9ybUdyb3VwIHwgVW50eXBlZEZvcm1Hcm91cFtdID0gW107XHJcbiAgQElucHV0KCkgbGFiZWwgPSAnU2F2ZSc7XHJcbiAgQElucHV0KCkgc3VibWl0OiAoKCkgPT4gdm9pZCkgfCB1bmRlZmluZWQ7XHJcbiAgQElucHV0KCkgZm9ybUludmFsaWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3Mud2l0aC1jbG9zZScpXHJcbiAgQElucHV0KCkgcHJlcGVuZENsb3NlQnV0dG9uID0gdHJ1ZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPGFueT4sXHJcbiAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEhvc3QoKSBAU2tpcFNlbGYoKVxyXG4gICAgICAgICAgICAgIHByb3RlY3RlZCBjb250cm9sQ29udGFpbmVyOiBDb250cm9sQ29udGFpbmVyKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5mb3JtSW52YWxpZCA9PT0gdW5kZWZpbmVkKSB7XHJcbiAgICAgIGlmICh0aGlzLmZvcm1Hcm91cHMgPT09IHVuZGVmaW5lZCAmJiB0aGlzLmNvbnRyb2xDb250YWluZXIgJiYgdGhpcy5jb250cm9sQ29udGFpbmVyLmNvbnRyb2wgaW5zdGFuY2VvZiBVbnR5cGVkRm9ybUdyb3VwKSB7XHJcbiAgICAgICAgdGhpcy5mb3JtR3JvdXBzID0gdGhpcy5jb250cm9sQ29udGFpbmVyLmNvbnRyb2w7XHJcbiAgICAgIH1cclxuICAgICAgaWYgKCFBcnJheS5pc0FycmF5KHRoaXMuZm9ybUdyb3VwcykpIHtcclxuICAgICAgICB0aGlzLmZvcm1Hcm91cHMgPSBbdGhpcy5mb3JtR3JvdXBzXTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZ2V0IGZvcm1zVmFsaWQoKTogYm9vbGVhbiB7XHJcbiAgICBpZiAodGhpcy5mb3JtSW52YWxpZCAhPT0gdW5kZWZpbmVkKSB7XHJcbiAgICAgIHJldHVybiAhdGhpcy5mb3JtSW52YWxpZDtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHJldHVybiAhKHRoaXMuZm9ybUdyb3VwcyBhcyBVbnR5cGVkRm9ybUdyb3VwW10pLmZpbmQoZiA9PiBmLmludmFsaWQpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZG9TdWJtaXQoKTogdm9pZCB7XHJcbiAgICAodGhpcy5mb3JtR3JvdXBzIGFzIFVudHlwZWRGb3JtR3JvdXBbXSkuZm9yRWFjaChmID0+IGYubWFya0FsbEFzVG91Y2hlZCgpKTtcclxuICAgIGlmICh0aGlzLmZvcm1zVmFsaWQgJiYgdGhpcy5zdWJtaXQpIHtcclxuICAgICAgdGhpcy5zdWJtaXQoKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPHVpLWJ1dHRvbiAqbmdJZj1cInByZXBlbmRDbG9zZUJ1dHRvblwiIFtsYWJlbF09XCInQ2xvc2UnXCIgKGNsaWNrKT1cImRpYWxvZ1JlZi5jbG9zZSgpXCI+PC91aS1idXR0b24+XHJcblxyXG48dWktYnV0dG9uIFtidXN5XT1cImJ1c3lcIlxyXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgYnVzeVwiIFt0eXBlXT1cIidzdWJtaXQnXCJcclxuICAgICAgICAgICAgW2Zvcm1JbnZhbGlkXT1cIiFmb3Jtc1ZhbGlkXCJcclxuICAgICAgICAgICAgW2xhYmVsXT1cImxhYmVsXCIgKGNsaWNrKT1cImRvU3VibWl0KClcIj48L3VpLWJ1dHRvbj5cclxuIl19

package/esm2022/lib/table/table.component.mjs

@@ -0,0 +1,97 @@
+import { Component, Input, ViewChild } from '@angular/core';
+import { MatSort } from '@angular/material/sort';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/table";
+import * as i4 from "@angular/material/sort";
+export class TableComponent {
+    get columnList() {
+        return this.columns.map(c => c.name);
+    }
+    constructor(/*private persistService: PersistService, */ domSanitizer) {
+        this.domSanitizer = domSanitizer;
+        this.columns = [];
+        this.rowTemplates = {};
+        this.headerTemplates = {};
+        this.stateStoreKey = '';
+    }
+    ngOnInit() {
+        this.options = { ...{ sticky: false }, ...this.options };
+        if (this.dataSource) {
+            // if (this.stateStoreKey !== '') {
+            //   const storeKey = this.stateStoreKey + '.sort';
+            //   const ms = this.persistService.get(storeKey, { active: '', direction: ''});
+            //   this.matSort.active = ms.active;
+            //   this.matSort.direction = ms.direction;
+            //   this.matSort.sortChange.subscribe(sc => {
+            //     this.persistService.set(storeKey, sc.direction === '' ? { active: '', direction: ''} : sc);
+            //   });
+            // }
+            if (this.columns.find(c => c.sortable !== undefined)) {
+                this.dataSource.sortData = (rows, sort) => {
+                    if (sort.direction) {
+                        const sortColumn = this.columns.find(c => c.name === sort.active);
+                        if (sortColumn) {
+                            const res = sort.direction === 'asc' ? 1 : -1;
+                            return rows.sort((r1, r2) => {
+                                if (sortColumn.sortable === true) {
+                                    return r1[sortColumn.name] < r2[sortColumn.name] ? -res : res;
+                                }
+                                if (typeof sortColumn.sortable === 'function') {
+                                    return sortColumn.sortable(r1, sort.direction) < sortColumn.sortable(r2, sort.direction) ? -res : res;
+                                }
+                                return 0;
+                            });
+                        }
+                    }
+                    return rows;
+                };
+            }
+        }
+    }
+    ngAfterViewInit() {
+        this.dataSource.sort = this.matSort;
+    }
+    display(row, col) {
+        if (col.formatter) {
+            return this.domSanitizer.bypassSecurityTrustHtml(col.formatter(row));
+        }
+        else {
+            return row[col.name];
+        }
+    }
+    rowClicked(row) {
+        if (this.rowAction) {
+            this.rowAction(row);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: TableComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: TableComponent, selector: "ui-table", inputs: { columns: "columns", dataSource: "dataSource", options: "options", rowTemplates: "rowTemplates", headerTemplates: "headerTemplates", stateStoreKey: "stateStoreKey", rowAction: "rowAction", matSortActive: "matSortActive", matSortDirection: "matSortDirection" }, viewQueries: [{ propertyName: "matSort", first: true, predicate: MatSort, descendants: true }], ngImport: i0, template: "<table mat-table matSort [dataSource]=\"dataSource\" style=\"width: 100%\" [matSortActive]=\"matSortActive\" [matSortDirection]=\"matSortDirection\">\n\n  <ng-container *ngFor=\"let c of columns\" [matColumnDef]=\"c.name\">\n\n    <ng-container *ngIf=\"c.sortable\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{c.label}}</th>\n    </ng-container>\n\n    <ng-container *ngIf=\"!c.sortable\">\n      <ng-container *ngIf=\"!headerTemplates[c.name]\">\n        <th mat-header-cell *matHeaderCellDef>{{c.label}}</th>\n      </ng-container>\n\n      <ng-container *ngIf=\"headerTemplates[c.name]\">\n        <th mat-header-cell *matHeaderCellDef>\n          <ng-template [ngTemplateOutlet]=\"headerTemplates[c.name]\"></ng-template>\n        </th>\n      </ng-container>\n    </ng-container>\n\n    <td mat-cell *matCellDef=\"let element\" [colSpan]=\"c.colSpan ? c.colSpan(element) : 1\" [class]=\"c.cellClass ? c.cellClass(element) : ''\">\n      <ng-container *ngIf=\"!c.colSpan || c.colSpan(element) > 0\">\n        <ng-container *ngIf=\"rowTemplates[c.name]\">\n          <ng-template [ngTemplateOutlet]=\"rowTemplates[c.name]\" [ngTemplateOutletContext]=\"{row:element}\" ></ng-template>\n        </ng-container>\n\n        <ng-container *ngIf=\"!rowTemplates[c.name]\">\n          <span [innerHTML]=\"display(element, c)\"></span>\n        </ng-container>\n      </ng-container>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"columnList; sticky: options?.sticky\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: columnList;\" (click)=\"rowClicked(row)\"></tr>\n</table>\n", styles: [":host table{width:100%}:host td[colspan=\"0\"]{display:none}:host .mat-header-cell{font-weight:400;font-size:14px}:host.inverse .mat-header-row{background-color:#fff}\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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i4.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i4.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: TableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-table', template: "<table mat-table matSort [dataSource]=\"dataSource\" style=\"width: 100%\" [matSortActive]=\"matSortActive\" [matSortDirection]=\"matSortDirection\">\n\n  <ng-container *ngFor=\"let c of columns\" [matColumnDef]=\"c.name\">\n\n    <ng-container *ngIf=\"c.sortable\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{c.label}}</th>\n    </ng-container>\n\n    <ng-container *ngIf=\"!c.sortable\">\n      <ng-container *ngIf=\"!headerTemplates[c.name]\">\n        <th mat-header-cell *matHeaderCellDef>{{c.label}}</th>\n      </ng-container>\n\n      <ng-container *ngIf=\"headerTemplates[c.name]\">\n        <th mat-header-cell *matHeaderCellDef>\n          <ng-template [ngTemplateOutlet]=\"headerTemplates[c.name]\"></ng-template>\n        </th>\n      </ng-container>\n    </ng-container>\n\n    <td mat-cell *matCellDef=\"let element\" [colSpan]=\"c.colSpan ? c.colSpan(element) : 1\" [class]=\"c.cellClass ? c.cellClass(element) : ''\">\n      <ng-container *ngIf=\"!c.colSpan || c.colSpan(element) > 0\">\n        <ng-container *ngIf=\"rowTemplates[c.name]\">\n          <ng-template [ngTemplateOutlet]=\"rowTemplates[c.name]\" [ngTemplateOutletContext]=\"{row:element}\" ></ng-template>\n        </ng-container>\n\n        <ng-container *ngIf=\"!rowTemplates[c.name]\">\n          <span [innerHTML]=\"display(element, c)\"></span>\n        </ng-container>\n      </ng-container>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"columnList; sticky: options?.sticky\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: columnList;\" (click)=\"rowClicked(row)\"></tr>\n</table>\n", styles: [":host table{width:100%}:host td[colspan=\"0\"]{display:none}:host .mat-header-cell{font-weight:400;font-size:14px}:host.inverse .mat-header-row{background-color:#fff}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { columns: [{
+                type: Input
+            }], dataSource: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], rowTemplates: [{
+                type: Input
+            }], headerTemplates: [{
+                type: Input
+            }], stateStoreKey: [{
+                type: Input
+            }], rowAction: [{
+                type: Input
+            }], matSortActive: [{
+                type: Input
+            }], matSortDirection: [{
+                type: Input
+            }], matSort: [{
+                type: ViewChild,
+                args: [MatSort]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi90YWJsZS90YWJsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3RhYmxlL3RhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFFLEtBQUssRUFBVSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkYsT0FBTyxFQUFDLE9BQU8sRUFBZ0IsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7O0FBcUI5RCxNQUFNLE9BQU8sY0FBYztJQWV6QixJQUFJLFVBQVU7UUFDWixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxZQUFZLDRDQUE0QyxDQUFRLFlBQTBCO1FBQTFCLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBakJqRixZQUFPLEdBQWtCLEVBQUUsQ0FBQztRQUc1QixpQkFBWSxHQUFRLEVBQUUsQ0FBQztRQUN2QixvQkFBZSxHQUFRLEVBQUUsQ0FBQztRQUMxQixrQkFBYSxHQUFHLEVBQUUsQ0FBQztJQVlrRSxDQUFDO0lBRS9GLFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUMsR0FBRyxFQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUMsRUFBRSxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUMsQ0FBQztRQUNyRCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkIsbUNBQW1DO1lBQ25DLG1EQUFtRDtZQUNuRCxnRkFBZ0Y7WUFDaEYscUNBQXFDO1lBQ3JDLDJDQUEyQztZQUMzQyw4Q0FBOEM7WUFDOUMsa0dBQWtHO1lBQ2xHLFFBQVE7WUFDUixJQUFJO1lBQ0osSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLEtBQUssU0FBUyxDQUFDLEVBQUU7Z0JBQ3BELElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBVyxFQUFFLElBQWEsRUFBRSxFQUFFO29CQUN4RCxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7d0JBQ2xCLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7d0JBQ2xFLElBQUksVUFBVSxFQUFFOzRCQUNkLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxTQUFTLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDOzRCQUM5QyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFPLEVBQUUsRUFBTyxFQUFFLEVBQUU7Z0NBQ3BDLElBQUksVUFBVSxDQUFDLFFBQVEsS0FBSyxJQUFJLEVBQUU7b0NBQ2hDLE9BQU8sRUFBRSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDO2lDQUMvRDtnQ0FDRCxJQUFJLE9BQU8sVUFBVSxDQUFDLFFBQVEsS0FBSyxVQUFVLEVBQUU7b0NBQzdDLE9BQU8sVUFBVSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLFVBQVUsQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQztpQ0FDdkc7Z0NBQ0QsT0FBTyxDQUFDLENBQUM7NEJBQ1gsQ0FBQyxDQUFDLENBQUM7eUJBQ0o7cUJBQ0Y7b0JBQ0QsT0FBTyxJQUFJLENBQUM7Z0JBQ2QsQ0FBQyxDQUFDO2FBQ0g7U0FDRjtJQUNILENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QyxDQUFDO0lBRUQsT0FBTyxDQUFDLEdBQVEsRUFBRSxHQUFnQjtRQUNoQyxJQUFJLEdBQUcsQ0FBQyxTQUFTLEVBQUU7WUFDakIsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLHVCQUF1QixDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztTQUN0RTthQUFNO1lBQ0wsT0FBTyxHQUFHLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ3RCO0lBQ0gsQ0FBQztJQUVELFVBQVUsQ0FBQyxHQUFHO1FBQ1osSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUUsR0FBRyxDQUFDLENBQUM7U0FDdEI7SUFDSCxDQUFDOytHQXhFVSxjQUFjO21HQUFkLGNBQWMsdVdBYWQsT0FBTyxnRENuQ3BCLHVsREFvQ0E7OzRGRGRhLGNBQWM7a0JBTDFCLFNBQVM7K0JBQ0UsVUFBVTttR0FNWCxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFFYyxPQUFPO3NCQUExQixTQUFTO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtNYXRTb3J0LCBTb3J0RGlyZWN0aW9ufSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zb3J0Jztcbi8vIGltcG9ydCB7UGVyc2lzdFNlcnZpY2V9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3BlcnNpc3Quc2VydmljZSc7XG5pbXBvcnQge0RvbVNhbml0aXplcn0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFibGVDb2x1bW4ge1xuICBuYW1lOiBzdHJpbmc7XG4gIHNvcnRhYmxlPzogYm9vbGVhbiB8ICgocm93OiBhbnksIGRpcmVjdGlvbj86IFNvcnREaXJlY3Rpb24pID0+IG51bWJlciB8IHN0cmluZyk7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBjb2xTcGFuPzogKHJvdzogYW55KSA9PiBudW1iZXI7XG4gIGZvcm1hdHRlcj86IChyb3c6IGFueSkgPT4gc3RyaW5nO1xuICBjZWxsQ2xhc3M/OiAocm93OiBhbnkpID0+IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBUYWJsZU9wdGlvbnMge1xuICBzdGlja3k/OiBib29sZWFuO1xufVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktdGFibGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFibGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90YWJsZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRhYmxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcblxuICBASW5wdXQoKSBjb2x1bW5zOiBUYWJsZUNvbHVtbltdID0gW107XG4gIEBJbnB1dCgpIGRhdGFTb3VyY2U6IGFueTtcbiAgQElucHV0KCkgb3B0aW9uczogVGFibGVPcHRpb25zIHwgdW5kZWZpbmVkO1xuICBASW5wdXQoKSByb3dUZW1wbGF0ZXM6IGFueSA9IHt9O1xuICBASW5wdXQoKSBoZWFkZXJUZW1wbGF0ZXM6IGFueSA9IHt9O1xuICBASW5wdXQoKSBzdGF0ZVN0b3JlS2V5ID0gJyc7XG4gIEBJbnB1dCgpIHJvd0FjdGlvbjogKHJvdzogYW55KSA9PiB2b2lkO1xuXG4gIEBJbnB1dCgpIG1hdFNvcnRBY3RpdmU7XG4gIEBJbnB1dCgpIG1hdFNvcnREaXJlY3Rpb247XG5cbiAgQFZpZXdDaGlsZChNYXRTb3J0KSBtYXRTb3J0OiBNYXRTb3J0IHwgdW5kZWZpbmVkO1xuXG4gIGdldCBjb2x1bW5MaXN0KCk6IHN0cmluZ1tdIHtcbiAgICByZXR1cm4gdGhpcy5jb2x1bW5zLm1hcChjID0+IGMubmFtZSk7XG4gIH1cblxuICBjb25zdHJ1Y3RvcigvKnByaXZhdGUgcGVyc2lzdFNlcnZpY2U6IFBlcnNpc3RTZXJ2aWNlLCAqL3ByaXZhdGUgZG9tU2FuaXRpemVyOiBEb21TYW5pdGl6ZXIpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMub3B0aW9ucyA9IHsuLi57c3RpY2t5OiBmYWxzZX0sIC4uLnRoaXMub3B0aW9uc307XG4gICAgaWYgKHRoaXMuZGF0YVNvdXJjZSkge1xuICAgICAgLy8gaWYgKHRoaXMuc3RhdGVTdG9yZUtleSAhPT0gJycpIHtcbiAgICAgIC8vICAgY29uc3Qgc3RvcmVLZXkgPSB0aGlzLnN0YXRlU3RvcmVLZXkgKyAnLnNvcnQnO1xuICAgICAgLy8gICBjb25zdCBtcyA9IHRoaXMucGVyc2lzdFNlcnZpY2UuZ2V0KHN0b3JlS2V5LCB7IGFjdGl2ZTogJycsIGRpcmVjdGlvbjogJyd9KTtcbiAgICAgIC8vICAgdGhpcy5tYXRTb3J0LmFjdGl2ZSA9IG1zLmFjdGl2ZTtcbiAgICAgIC8vICAgdGhpcy5tYXRTb3J0LmRpcmVjdGlvbiA9IG1zLmRpcmVjdGlvbjtcbiAgICAgIC8vICAgdGhpcy5tYXRTb3J0LnNvcnRDaGFuZ2Uuc3Vic2NyaWJlKHNjID0+IHtcbiAgICAgIC8vICAgICB0aGlzLnBlcnNpc3RTZXJ2aWNlLnNldChzdG9yZUtleSwgc2MuZGlyZWN0aW9uID09PSAnJyA/IHsgYWN0aXZlOiAnJywgZGlyZWN0aW9uOiAnJ30gOiBzYyk7XG4gICAgICAvLyAgIH0pO1xuICAgICAgLy8gfVxuICAgICAgaWYgKHRoaXMuY29sdW1ucy5maW5kKGMgPT4gYy5zb3J0YWJsZSAhPT0gdW5kZWZpbmVkKSkge1xuICAgICAgICB0aGlzLmRhdGFTb3VyY2Uuc29ydERhdGEgPSAocm93czogYW55W10sIHNvcnQ6IE1hdFNvcnQpID0+IHtcbiAgICAgICAgICBpZiAoc29ydC5kaXJlY3Rpb24pIHtcbiAgICAgICAgICAgIGNvbnN0IHNvcnRDb2x1bW4gPSB0aGlzLmNvbHVtbnMuZmluZChjID0+IGMubmFtZSA9PT0gc29ydC5hY3RpdmUpO1xuICAgICAgICAgICAgaWYgKHNvcnRDb2x1bW4pIHtcbiAgICAgICAgICAgICAgY29uc3QgcmVzID0gc29ydC5kaXJlY3Rpb24gPT09ICdhc2MnID8gMSA6IC0xO1xuICAgICAgICAgICAgICByZXR1cm4gcm93cy5zb3J0KChyMTogYW55LCByMjogYW55KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKHNvcnRDb2x1bW4uc29ydGFibGUgPT09IHRydWUpIHtcbiAgICAgICAgICAgICAgICAgIHJldHVybiByMVtzb3J0Q29sdW1uLm5hbWVdIDwgcjJbc29ydENvbHVtbi5uYW1lXSA/IC1yZXMgOiByZXM7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGlmICh0eXBlb2Ygc29ydENvbHVtbi5zb3J0YWJsZSA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgICAgICAgICAgICAgcmV0dXJuIHNvcnRDb2x1bW4uc29ydGFibGUocjEsIHNvcnQuZGlyZWN0aW9uKSA8IHNvcnRDb2x1bW4uc29ydGFibGUocjIsIHNvcnQuZGlyZWN0aW9uKSA/IC1yZXMgOiByZXM7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHJldHVybiAwO1xuICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgICAgcmV0dXJuIHJvd3M7XG4gICAgICAgIH07XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHRoaXMuZGF0YVNvdXJjZS5zb3J0ID0gdGhpcy5tYXRTb3J0O1xuICB9XG5cbiAgZGlzcGxheShyb3c6IGFueSwgY29sOiBUYWJsZUNvbHVtbik6IGFueSB7XG4gICAgaWYgKGNvbC5mb3JtYXR0ZXIpIHtcbiAgICAgIHJldHVybiB0aGlzLmRvbVNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0SHRtbChjb2wuZm9ybWF0dGVyKHJvdykpO1xuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gcm93W2NvbC5uYW1lXTtcbiAgICB9XG4gIH1cblxuICByb3dDbGlja2VkKHJvdykge1xuICAgIGlmICh0aGlzLnJvd0FjdGlvbikge1xuICAgICAgdGhpcy5yb3dBY3Rpb24oIHJvdyk7XG4gICAgfVxuICB9XG59XG4iLCI8dGFibGUgbWF0LXRhYmxlIG1hdFNvcnQgW2RhdGFTb3VyY2VdPVwiZGF0YVNvdXJjZVwiIHN0eWxlPVwid2lkdGg6IDEwMCVcIiBbbWF0U29ydEFjdGl2ZV09XCJtYXRTb3J0QWN0aXZlXCIgW21hdFNvcnREaXJlY3Rpb25dPVwibWF0U29ydERpcmVjdGlvblwiPlxuXG4gIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGMgb2YgY29sdW1uc1wiIFttYXRDb2x1bW5EZWZdPVwiYy5uYW1lXCI+XG5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiYy5zb3J0YWJsZVwiPlxuICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZiBtYXQtc29ydC1oZWFkZXI+e3tjLmxhYmVsfX08L3RoPlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFjLnNvcnRhYmxlXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWhlYWRlclRlbXBsYXRlc1tjLm5hbWVdXCI+XG4gICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+e3tjLmxhYmVsfX08L3RoPlxuICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJoZWFkZXJUZW1wbGF0ZXNbYy5uYW1lXVwiPlxuICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPlxuICAgICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJoZWFkZXJUZW1wbGF0ZXNbYy5uYW1lXVwiPjwvbmctdGVtcGxhdGU+XG4gICAgICAgIDwvdGg+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCIgW2NvbFNwYW5dPVwiYy5jb2xTcGFuID8gYy5jb2xTcGFuKGVsZW1lbnQpIDogMVwiIFtjbGFzc109XCJjLmNlbGxDbGFzcyA/IGMuY2VsbENsYXNzKGVsZW1lbnQpIDogJydcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhYy5jb2xTcGFuIHx8IGMuY29sU3BhbihlbGVtZW50KSA+IDBcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInJvd1RlbXBsYXRlc1tjLm5hbWVdXCI+XG4gICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInJvd1RlbXBsYXRlc1tjLm5hbWVdXCIgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cIntyb3c6ZWxlbWVudH1cIiA+PC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFyb3dUZW1wbGF0ZXNbYy5uYW1lXVwiPlxuICAgICAgICAgIDxzcGFuIFtpbm5lckhUTUxdPVwiZGlzcGxheShlbGVtZW50LCBjKVwiPjwvc3Bhbj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L3RkPlxuICA8L25nLWNvbnRhaW5lcj5cblxuICA8dHIgbWF0LWhlYWRlci1yb3cgKm1hdEhlYWRlclJvd0RlZj1cImNvbHVtbkxpc3Q7IHN0aWNreTogb3B0aW9ucz8uc3RpY2t5XCI+PC90cj5cbiAgPHRyIG1hdC1yb3cgKm1hdFJvd0RlZj1cImxldCByb3c7IGNvbHVtbnM6IGNvbHVtbkxpc3Q7XCIgKGNsaWNrKT1cInJvd0NsaWNrZWQocm93KVwiPjwvdHI+XG48L3RhYmxlPlxuIl19

package/esm2022/lib/text-area/text-area.component.mjs

@@ -0,0 +1,46 @@
+import { Component, EventEmitter, Input, Optional, Output, Self, ViewChild } from '@angular/core';
+import { UiSimpleComponent } from '../layouts/simple/ui-simple.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/input";
+import * as i4 from "@angular/cdk/text-field";
+import * as i5 from "../layouts/simple/ui-simple-layout.component";
+export class TextAreaComponent extends UiSimpleComponent {
+    constructor(ngControl /*, private _ngZone: NgZone, private cdr: ChangeDetectorRef*/) {
+        super(ngControl);
+        this.ngControl = ngControl;
+        this.rows = 5;
+        this.autoResize = false;
+        this.lastClientHeight = -1;
+        this.focusChanged = new EventEmitter();
+    }
+    focus() {
+        this.textarea.nativeElement.focus();
+    }
+    setDisabledState(isDisabled) {
+    }
+    onFocus(focus) {
+        this.focusChanged.emit(focus);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: TextAreaComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: TextAreaComponent, selector: "ui-text-area", inputs: { rows: "rows", autoResize: "autoResize" }, outputs: { focusChanged: "focusChanged" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ui-simple-layout [ctx]=\"this\">\r\n\r\n<div class=\"input-wrapper\">\r\n  <ng-container *ngIf=\"componentFormControl\">\r\n  <textarea *ngIf=\"autoResize \"#textarea matInput\r\n            cdkTextareaAutosize cdkAutosizeMinRows=\"rows\"\r\n            class=\"autoresize\"\r\n            [formControl]=\"componentFormControl\" [placeholder]=\"placeholder\" [rows]=\"rows\" (focus)=\"onFocus(true)\" (blur)=\"onFocus(false)\"></textarea>\r\n  <textarea *ngIf=\"!autoResize \"#textarea matInput\r\n            [formControl]=\"componentFormControl\" [placeholder]=\"placeholder\" [rows]=\"rows\" (focus)=\"onFocus(true)\" (blur)=\"onFocus(false)\"></textarea>\r\n  </ng-container>\r\n</div>\r\n\r\n</ui-simple-layout>\r\n", styles: [":host{display:flex;flex-direction:column;width:100%}:host .control-container{width:100%;position:relative}:host .control-container.has-prefix ::ng-deep input,:host .control-container.has-prefix ::ng-deep textarea,:host .control-container.has-prefix ::ng-deep .mat-mdc-select-trigger{padding-left:1.8em}:host .control-container.has-suffix:not(.has-clear-icon) ::ng-deep input,:host .control-container.has-suffix:not(.has-clear-icon) ::ng-deep textarea,:host .control-container.has-suffix:not(.has-clear-icon) ::ng-deep .mat-mdc-select-trigger{padding-right:1.8em}:host .control-container.has-clear-icon:not(.has-suffix) ::ng-deep input,:host .control-container.has-clear-icon:not(.has-suffix) ::ng-deep textarea,:host .control-container.has-clear-icon:not(.has-suffix) ::ng-deep .mat-mdc-select-trigger{padding-right:1.8em}:host .control-container.has-suffix.has-clear-icon ::ng-deep input,:host .control-container.has-suffix.has-clear-icon ::ng-deep textarea,:host .control-container.has-suffix.has-clear-icon ::ng-deep .mat-mdc-select-trigger{padding-right:3.6em}:host .control-container.has-suffix.has-clear-icon ::ng-deep .clear-icon{right:1.4em!important}:host ::ng-deep [slot=suffix],:host ::ng-deep .clear-icon,:host ::ng-deep .suffix-icon{position:absolute;user-select:none;transition:color .25s;top:calc(50% - .5em);right:.2em;width:1em;height:1em;font-size:1.5em}:host ::ng-deep [slot=suffix]:not(.disabled),:host ::ng-deep .clear-icon:not(.disabled),:host ::ng-deep .suffix-icon:not(.disabled){cursor:pointer}:host ::ng-deep [slot=prefix],:host ::ng-deep .prefix-icon{position:absolute;user-select:none;transition:color .25s;top:calc(50% - .5em);left:.2em;width:1em;height:1em;font-size:1.5em}:host ::ng-deep [slot=prefix]:not(.disabled),:host ::ng-deep .prefix-icon:not(.disabled){cursor:pointer}:host ::ng-deep input,:host ::ng-deep textarea,:host ::ng-deep .mat-mdc-select-trigger,:host ::ng-deep .editor-wrapper{resize:none;width:100%;line-height:1.2em;font-size:1em;outline:none;border-style:solid;transition:border-color 333ms}:host ::ng-deep textarea.autoresize{box-sizing:content-box;width:calc(100% - 1.4em)}:host ::ng-deep ::ng-deep .mat-select-trigger,:host ::ng-deep ::ng-deep .mat-mdc-select-trigger{height:100%}:host ::ng-deep ::ng-deep .mat-select-value,:host ::ng-deep ::ng-deep .mat-mdc-select-value{vertical-align:middle}::ng-deep ui-input{display:block}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i4.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "component", type: i5.UiSimpleLayoutComponent, selector: "ui-simple-layout", inputs: ["ctx"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: TextAreaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-text-area', template: "<ui-simple-layout [ctx]=\"this\">\r\n\r\n<div class=\"input-wrapper\">\r\n  <ng-container *ngIf=\"componentFormControl\">\r\n  <textarea *ngIf=\"autoResize \"#textarea matInput\r\n            cdkTextareaAutosize cdkAutosizeMinRows=\"rows\"\r\n            class=\"autoresize\"\r\n            [formControl]=\"componentFormControl\" [placeholder]=\"placeholder\" [rows]=\"rows\" (focus)=\"onFocus(true)\" (blur)=\"onFocus(false)\"></textarea>\r\n  <textarea *ngIf=\"!autoResize \"#textarea matInput\r\n            [formControl]=\"componentFormControl\" [placeholder]=\"placeholder\" [rows]=\"rows\" (focus)=\"onFocus(true)\" (blur)=\"onFocus(false)\"></textarea>\r\n  </ng-container>\r\n</div>\r\n\r\n</ui-simple-layout>\r\n", styles: [":host{display:flex;flex-direction:column;width:100%}:host .control-container{width:100%;position:relative}:host .control-container.has-prefix ::ng-deep input,:host .control-container.has-prefix ::ng-deep textarea,:host .control-container.has-prefix ::ng-deep .mat-mdc-select-trigger{padding-left:1.8em}:host .control-container.has-suffix:not(.has-clear-icon) ::ng-deep input,:host .control-container.has-suffix:not(.has-clear-icon) ::ng-deep textarea,:host .control-container.has-suffix:not(.has-clear-icon) ::ng-deep .mat-mdc-select-trigger{padding-right:1.8em}:host .control-container.has-clear-icon:not(.has-suffix) ::ng-deep input,:host .control-container.has-clear-icon:not(.has-suffix) ::ng-deep textarea,:host .control-container.has-clear-icon:not(.has-suffix) ::ng-deep .mat-mdc-select-trigger{padding-right:1.8em}:host .control-container.has-suffix.has-clear-icon ::ng-deep input,:host .control-container.has-suffix.has-clear-icon ::ng-deep textarea,:host .control-container.has-suffix.has-clear-icon ::ng-deep .mat-mdc-select-trigger{padding-right:3.6em}:host .control-container.has-suffix.has-clear-icon ::ng-deep .clear-icon{right:1.4em!important}:host ::ng-deep [slot=suffix],:host ::ng-deep .clear-icon,:host ::ng-deep .suffix-icon{position:absolute;user-select:none;transition:color .25s;top:calc(50% - .5em);right:.2em;width:1em;height:1em;font-size:1.5em}:host ::ng-deep [slot=suffix]:not(.disabled),:host ::ng-deep .clear-icon:not(.disabled),:host ::ng-deep .suffix-icon:not(.disabled){cursor:pointer}:host ::ng-deep [slot=prefix],:host ::ng-deep .prefix-icon{position:absolute;user-select:none;transition:color .25s;top:calc(50% - .5em);left:.2em;width:1em;height:1em;font-size:1.5em}:host ::ng-deep [slot=prefix]:not(.disabled),:host ::ng-deep .prefix-icon:not(.disabled){cursor:pointer}:host ::ng-deep input,:host ::ng-deep textarea,:host ::ng-deep .mat-mdc-select-trigger,:host ::ng-deep .editor-wrapper{resize:none;width:100%;line-height:1.2em;font-size:1em;outline:none;border-style:solid;transition:border-color 333ms}:host ::ng-deep textarea.autoresize{box-sizing:content-box;width:calc(100% - 1.4em)}:host ::ng-deep ::ng-deep .mat-select-trigger,:host ::ng-deep ::ng-deep .mat-mdc-select-trigger{height:100%}:host ::ng-deep ::ng-deep .mat-select-value,:host ::ng-deep ::ng-deep .mat-mdc-select-value{vertical-align:middle}::ng-deep ui-input{display:block}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }]; }, propDecorators: { rows: [{
+                type: Input
+            }], autoResize: [{
+                type: Input
+            }], textarea: [{
+                type: ViewChild,
+                args: ['textarea']
+            }], focusChanged: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1hcmVhLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvdGV4dC1hcmVhL3RleHQtYXJlYS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3RleHQtYXJlYS90ZXh0LWFyZWEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFFVCxZQUFZLEVBRVosS0FBSyxFQUVMLFFBQVEsRUFDUixNQUFNLEVBQ04sSUFBSSxFQUNKLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7Ozs7OztBQWUxRSxNQUFNLE9BQU8saUJBQWtCLFNBQVEsaUJBQWlCO0lBZXRELFlBQXVDLFNBQW9CLENBQUEsNkRBQTZEO1FBQ3RILEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQztRQURvQixjQUFTLEdBQVQsU0FBUyxDQUFXO1FBYmxELFNBQUksR0FBRyxDQUFDLENBQUM7UUFFVCxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBRTVCLHFCQUFnQixHQUFHLENBQUMsQ0FBQyxDQUFDO1FBTVosaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0lBS3JELENBQUM7SUFFRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDdEMsQ0FBQztJQUVELGdCQUFnQixDQUFDLFVBQW1CO0lBQ3BDLENBQUM7SUFFRCxPQUFPLENBQUMsS0FBYztRQUNwQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoQyxDQUFDOytHQTVCVSxpQkFBaUI7bUdBQWpCLGlCQUFpQixnUkM3QjlCLG10QkFjQTs7NEZEZWEsaUJBQWlCO2tCQVY3QixTQUFTOytCQUNFLGNBQWM7OzBCQXdCWCxRQUFROzswQkFBSSxJQUFJOzRDQWJwQixJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsVUFBVTtzQkFBbEIsS0FBSztnQkFNaUIsUUFBUTtzQkFBOUIsU0FBUzt1QkFBQyxVQUFVO2dCQUVYLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBIb3N0QmluZGluZyxcclxuICBJbnB1dCxcclxuICBOZ1pvbmUsXHJcbiAgT3B0aW9uYWwsXHJcbiAgT3V0cHV0LFxyXG4gIFNlbGYsXHJcbiAgVmlld0NoaWxkXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5nQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgVWlTaW1wbGVDb21wb25lbnQgfSBmcm9tICcuLi9sYXlvdXRzL3NpbXBsZS91aS1zaW1wbGUuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ2RrVGV4dGFyZWFBdXRvc2l6ZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay90ZXh0LWZpZWxkJztcclxuaW1wb3J0IHsgdGFrZSB9IGZyb20gJ3J4anMnO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndWktdGV4dC1hcmVhJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdGV4dC1hcmVhLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsgJy4uL2xheW91dHMvc2ltcGxlL3VpLXNpbXBsZS1sYXlvdXQuY29tcG9uZW50LnNjc3MnXSxcclxuICAvLyBwcm92aWRlcnM6IFt7XHJcbiAgLy8gICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAvLyAgIG11bHRpOiB0cnVlLFxyXG4gIC8vICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gVGV4dEFyZWFDb21wb25lbnQpLFxyXG4gIC8vIH1dXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUZXh0QXJlYUNvbXBvbmVudCBleHRlbmRzIFVpU2ltcGxlQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgcm93cyA9IDU7XHJcblxyXG4gIEBJbnB1dCgpIGF1dG9SZXNpemUgPSBmYWxzZTtcclxuXHJcbiAgbGFzdENsaWVudEhlaWdodCA9IC0xO1xyXG4gIC8vIGhlaWdodCA9IC0xO1xyXG5cclxuXHJcbiAgQFZpZXdDaGlsZCgndGV4dGFyZWEnKSB0ZXh0YXJlYTogRWxlbWVudFJlZjtcclxuXHJcbiAgQE91dHB1dCgpIGZvY3VzQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcblxyXG4gIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIEBTZWxmKCkgcHVibGljIG5nQ29udHJvbDogTmdDb250cm9sLyosIHByaXZhdGUgX25nWm9uZTogTmdab25lLCBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYqLykge1xyXG4gICAgc3VwZXIobmdDb250cm9sKTtcclxuICB9XHJcblxyXG4gIGZvY3VzKCk6IHZvaWQge1xyXG4gICAgdGhpcy50ZXh0YXJlYS5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XHJcbiAgfVxyXG5cclxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIG9uRm9jdXMoZm9jdXM6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIHRoaXMuZm9jdXNDaGFuZ2VkLmVtaXQoZm9jdXMpO1xyXG4gIH1cclxuXHJcblxyXG4gIC8vIG9uS2V5ZG93bigpIHtcclxuICAvLyAgIC8vIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gIC8vICAgICBjb25zb2xlLmxvZygnb25rZXlkb3duJyk7XHJcbiAgLy8gICAgIC8vIGlmICh0aGlzLmxhc3RDbGllbnRIZWlnaHQgIT09IHRoaXMudGV4dGFyZWEubmF0aXZlRWxlbWVudC5jbGllbnRIZWlnaHQgKyAyMCkge1xyXG4gIC8vICAgICAgIHRoaXMuaGVpZ2h0ID0gdGhpcy50ZXh0YXJlYS5uYXRpdmVFbGVtZW50LmNsaWVudEhlaWdodCArIDIwO1xyXG4gIC8vICAgICAgIC8vIHRoaXMudGV4dGFyZWEubmF0aXZlRWxlbWVudC5zZXRBdHRyaWJ1dGUoJ3N0eWxlJywgJ2NvbG9yOiB3aGl0ZTsgYmFja2dyb3VuZDogcmVkOyBoZWlnaHQ6ICcgKyB0aGlzLmhlaWdodCArICdweDsnKTtcclxuICAvLyAgICAgICAvLyB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgLy8gICAgICAgdGhpcy5sYXN0Q2xpZW50SGVpZ2h0ID0gdGhpcy5oZWlnaHQ7XHJcbiAgLy8gICAgICAgY29uc29sZS5sb2codGhpcy5oZWlnaHQpO1xyXG4gIC8vICAgICAvLyB9XHJcbiAgLy8gICAvLyB9KTtcclxuICAvLyB9XHJcblxyXG4gIC8vIEBWaWV3Q2hpbGQoJ2F1dG9zaXplJykgYXV0b3NpemU6IENka1RleHRhcmVhQXV0b3NpemU7XHJcbiAgLy9cclxuICAvLyB0cmlnZ2VyUmVzaXplKCkge1xyXG4gIC8vICAgLy8gV2FpdCBmb3IgY2hhbmdlcyB0byBiZSBhcHBsaWVkLCB0aGVuIHRyaWdnZXIgdGV4dGFyZWEgcmVzaXplLlxyXG4gIC8vICAgdGhpcy5fbmdab25lLm9uU3RhYmxlLnBpcGUodGFrZSgxKSkuc3Vic2NyaWJlKCgpID0+IHtcclxuICAvLyAgICAgY29uc29sZS5sb2coJ3h4eCcpO1xyXG4gIC8vICAgICB0aGlzLmF1dG9zaXplLnJlc2l6ZVRvRml0Q29udGVudCh0cnVlKVxyXG4gIC8vICAgfSk7XHJcbiAgLy8gfVxyXG59XHJcbiIsIjx1aS1zaW1wbGUtbGF5b3V0IFtjdHhdPVwidGhpc1wiPlxyXG5cclxuPGRpdiBjbGFzcz1cImlucHV0LXdyYXBwZXJcIj5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiY29tcG9uZW50Rm9ybUNvbnRyb2xcIj5cclxuICA8dGV4dGFyZWEgKm5nSWY9XCJhdXRvUmVzaXplIFwiI3RleHRhcmVhIG1hdElucHV0XHJcbiAgICAgICAgICAgIGNka1RleHRhcmVhQXV0b3NpemUgY2RrQXV0b3NpemVNaW5Sb3dzPVwicm93c1wiXHJcbiAgICAgICAgICAgIGNsYXNzPVwiYXV0b3Jlc2l6ZVwiXHJcbiAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJjb21wb25lbnRGb3JtQ29udHJvbFwiIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiIFtyb3dzXT1cInJvd3NcIiAoZm9jdXMpPVwib25Gb2N1cyh0cnVlKVwiIChibHVyKT1cIm9uRm9jdXMoZmFsc2UpXCI+PC90ZXh0YXJlYT5cclxuICA8dGV4dGFyZWEgKm5nSWY9XCIhYXV0b1Jlc2l6ZSBcIiN0ZXh0YXJlYSBtYXRJbnB1dFxyXG4gICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiY29tcG9uZW50Rm9ybUNvbnRyb2xcIiBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIiBbcm93c109XCJyb3dzXCIgKGZvY3VzKT1cIm9uRm9jdXModHJ1ZSlcIiAoYmx1cik9XCJvbkZvY3VzKGZhbHNlKVwiPjwvdGV4dGFyZWE+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcbjwvZGl2PlxyXG5cclxuPC91aS1zaW1wbGUtbGF5b3V0PlxyXG4iXX0=

package/{esm2020 → esm2022}/lib/ui.model.mjs

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWkubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3VpLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBDb250cm9sU2l6ZSA9ICdzbWFsbCcgfCAnc21hbGxlcicgfCAnbm9ybWFsJyB8ICdsYXJnZXInIHwgJ2xhcmdlJztcclxuZXhwb3J0IHR5cGUgQ29udHJvbENvbG9yID0gJ3ByaW1hcnknIHwgJ2FjY2VudCcgfCAnd2Fybic7XHJcbiJdfQ==