aril 0.0.8 → 0.0.13

package/esm2022/ui/checkbox/src/tri-state-checkbox.component.mjs

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
+import { Component, input } from '@angular/core';
 import { ReactiveFormsModule } from '@angular/forms';
 import { TooltipModule } from 'primeng/tooltip';
 import { TriStateCheckboxModule } from 'primeng/tristatecheckbox';
@@ -8,6 +8,9 @@ import * as i1 from "aril/ui/lib";
 import * as i2 from "@angular/forms";
 import * as i3 from "primeng/tristatecheckbox";
 import * as i4 from "primeng/tooltip";
+/* TODO
+    1. HostAttributeToken
+*/
 export class TriStateCheckboxComponent extends BaseInputComponent {
     constructor() {
         super(...arguments);
@@ -15,10 +18,10 @@ export class TriStateCheckboxComponent extends BaseInputComponent {
         this.tabindex = input();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TriStateCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: TriStateCheckboxComponent, isStandalone: true, selector: "aril-tri-state-checkbox[ngModel], aril-tri-state-checkbox[formControl], aril-tri-state-checkbox[formControlName]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-triStateCheckbox\n\t[label]=\"label()\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t[tooltipOptions]=\"tooltipOptions\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n</p-triStateCheckbox>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TriStateCheckboxModule }, { kind: "component", type: i3.TriStateCheckbox, selector: "p-triStateCheckbox", inputs: ["disabled", "name", "ariaLabel", "ariaLabelledBy", "tabindex", "inputId", "style", "styleClass", "label", "readonly", "checkboxTrueIcon", "checkboxFalseIcon"], outputs: ["onChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: TriStateCheckboxComponent, isStandalone: true, selector: "aril-tri-state-checkbox[ngModel], aril-tri-state-checkbox[formControl], aril-tri-state-checkbox[formControlName]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-triStateCheckbox\n\t[label]=\"label()\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t[tooltipOptions]=\"tooltipOptions\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n</p-triStateCheckbox>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TriStateCheckboxModule }, { kind: "component", type: i3.TriStateCheckbox, selector: "p-triStateCheckbox", inputs: ["disabled", "name", "ariaLabel", "ariaLabelledBy", "tabindex", "inputId", "style", "styleClass", "label", "readonly", "checkboxTrueIcon", "checkboxFalseIcon"], outputs: ["onChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TriStateCheckboxComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-tri-state-checkbox[ngModel], aril-tri-state-checkbox[formControl], aril-tri-state-checkbox[formControlName]', imports: [ReactiveFormsModule, TriStateCheckboxModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-triStateCheckbox\n\t[label]=\"label()\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t[tooltipOptions]=\"tooltipOptions\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n</p-triStateCheckbox>\n" }]
+            args: [{ standalone: true, selector: 'aril-tri-state-checkbox[ngModel], aril-tri-state-checkbox[formControl], aril-tri-state-checkbox[formControlName]', imports: [ReactiveFormsModule, TriStateCheckboxModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<p-triStateCheckbox\n\t[label]=\"label()\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t[tooltipOptions]=\"tooltipOptions\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n</p-triStateCheckbox>\n" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJpLXN0YXRlLWNoZWNrYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FyaWwvdWkvY2hlY2tib3gvc3JjL3RyaS1zdGF0ZS1jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hcmlsL3VpL2NoZWNrYm94L3NyYy90cmktc3RhdGUtY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBRWxFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxxQkFBcUIsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7Ozs7O0FBV2hHLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxrQkFBa0I7SUFUakU7O1FBVUMsVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQVUsQ0FBQztRQUNqQyxhQUFRLEdBQUcsS0FBSyxFQUFVLENBQUM7S0FDM0I7OEdBSFkseUJBQXlCO2tHQUF6Qix5QkFBeUIsbWdCQ2pCdEMsbVRBT0EsMkNETVcsbUJBQW1CLHlUQUFFLHNCQUFzQixnVEFBRSxhQUFhLGlYQUFFLHFCQUFxQjs7MkZBSS9FLHlCQUF5QjtrQkFUckMsU0FBUztpQ0FDRyxJQUFJLFlBRWYsa0hBQWtILFdBRTFHLENBQUMsbUJBQW1CLEVBQUUsc0JBQXNCLEVBQUUsYUFBYSxFQUFFLHFCQUFxQixDQUFDLGtCQUM1RSxDQUFDLHNCQUFzQixDQUFDLG1CQUN2Qix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IFRvb2x0aXBNb2R1bGUgfSBmcm9tICdwcmltZW5nL3Rvb2x0aXAnO1xuaW1wb3J0IHsgVHJpU3RhdGVDaGVja2JveE1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvdHJpc3RhdGVjaGVja2JveCc7XG5cbmltcG9ydCB7IEJhc2VJbnB1dENvbXBvbmVudCwgSW5wdXRFcnJvck1lc3NhZ2VQaXBlLCBWYWx1ZUFjY2Vzc29yRGlyZWN0aXZlIH0gZnJvbSAnYXJpbC91aS9saWInO1xuXG5AQ29tcG9uZW50KHtcblx0c3RhbmRhbG9uZTogdHJ1ZSxcblx0c2VsZWN0b3I6XG5cdFx0J2FyaWwtdHJpLXN0YXRlLWNoZWNrYm94W25nTW9kZWxdLCBhcmlsLXRyaS1zdGF0ZS1jaGVja2JveFtmb3JtQ29udHJvbF0sIGFyaWwtdHJpLXN0YXRlLWNoZWNrYm94W2Zvcm1Db250cm9sTmFtZV0nLFxuXHR0ZW1wbGF0ZVVybDogJy4vdHJpLXN0YXRlLWNoZWNrYm94LmNvbXBvbmVudC5odG1sJyxcblx0aW1wb3J0czogW1JlYWN0aXZlRm9ybXNNb2R1bGUsIFRyaVN0YXRlQ2hlY2tib3hNb2R1bGUsIFRvb2x0aXBNb2R1bGUsIElucHV0RXJyb3JNZXNzYWdlUGlwZV0sXG5cdGhvc3REaXJlY3RpdmVzOiBbVmFsdWVBY2Nlc3NvckRpcmVjdGl2ZV0sXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFRyaVN0YXRlQ2hlY2tib3hDb21wb25lbnQgZXh0ZW5kcyBCYXNlSW5wdXRDb21wb25lbnQge1xuXHRsYWJlbCA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcblx0dGFiaW5kZXggPSBpbnB1dDxudW1iZXI+KCk7XG59XG4iLCI8cC10cmlTdGF0ZUNoZWNrYm94XG5cdFtsYWJlbF09XCJsYWJlbCgpXCJcblx0W3BUb29sdGlwXT1cIm5nQ29udHJvbC5pbnZhbGlkID8gKG5nQ29udHJvbC5jb250cm9sLnZhbHVlIHwgaW5wdXRFcnJvck1lc3NhZ2U6IG5nQ29udHJvbCkgOiAnJ1wiXG5cdFt0b29sdGlwT3B0aW9uc109XCJ0b29sdGlwT3B0aW9uc1wiXG5cdFtmb3JtQ29udHJvbF09XCJuZ0NvbnRyb2wuY29udHJvbFwiXG5cdChuZ01vZGVsQ2hhbmdlKT1cIm5nQ29udHJvbC52aWV3VG9Nb2RlbFVwZGF0ZSgkZXZlbnQpXCI+XG48L3AtdHJpU3RhdGVDaGVja2JveD5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJpLXN0YXRlLWNoZWNrYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FyaWwvdWkvY2hlY2tib3gvc3JjL3RyaS1zdGF0ZS1jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hcmlsL3VpL2NoZWNrYm94L3NyYy90cmktc3RhdGUtY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBRWxFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxxQkFBcUIsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7Ozs7O0FBRWhHOztFQUVFO0FBVUYsTUFBTSxPQUFPLHlCQUEwQixTQUFRLGtCQUFrQjtJQVJqRTs7UUFTQyxVQUFLLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBQ2pDLGFBQVEsR0FBRyxLQUFLLEVBQVUsQ0FBQztLQUMzQjs4R0FIWSx5QkFBeUI7a0dBQXpCLHlCQUF5QixtZ0JDcEJ0QyxtVEFPQSwyQ0RVVyxtQkFBbUIseVRBQUUsc0JBQXNCLGdUQUFFLGFBQWEsaVhBQUUscUJBQXFCOzsyRkFHL0UseUJBQXlCO2tCQVJyQyxTQUFTO2lDQUNHLElBQUksWUFFZixrSEFBa0gsV0FFMUcsQ0FBQyxtQkFBbUIsRUFBRSxzQkFBc0IsRUFBRSxhQUFhLEVBQUUscUJBQXFCLENBQUMsa0JBQzVFLENBQUMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBUb29sdGlwTW9kdWxlIH0gZnJvbSAncHJpbWVuZy90b29sdGlwJztcbmltcG9ydCB7IFRyaVN0YXRlQ2hlY2tib3hNb2R1bGUgfSBmcm9tICdwcmltZW5nL3RyaXN0YXRlY2hlY2tib3gnO1xuXG5pbXBvcnQgeyBCYXNlSW5wdXRDb21wb25lbnQsIElucHV0RXJyb3JNZXNzYWdlUGlwZSwgVmFsdWVBY2Nlc3NvckRpcmVjdGl2ZSB9IGZyb20gJ2FyaWwvdWkvbGliJztcblxuLyogVE9ET1xuICAgIDEuIEhvc3RBdHRyaWJ1dGVUb2tlblxuKi9cblxuQENvbXBvbmVudCh7XG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdHNlbGVjdG9yOlxuXHRcdCdhcmlsLXRyaS1zdGF0ZS1jaGVja2JveFtuZ01vZGVsXSwgYXJpbC10cmktc3RhdGUtY2hlY2tib3hbZm9ybUNvbnRyb2xdLCBhcmlsLXRyaS1zdGF0ZS1jaGVja2JveFtmb3JtQ29udHJvbE5hbWVdJyxcblx0dGVtcGxhdGVVcmw6ICcuL3RyaS1zdGF0ZS1jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG5cdGltcG9ydHM6IFtSZWFjdGl2ZUZvcm1zTW9kdWxlLCBUcmlTdGF0ZUNoZWNrYm94TW9kdWxlLCBUb29sdGlwTW9kdWxlLCBJbnB1dEVycm9yTWVzc2FnZVBpcGVdLFxuXHRob3N0RGlyZWN0aXZlczogW1ZhbHVlQWNjZXNzb3JEaXJlY3RpdmVdXG59KVxuZXhwb3J0IGNsYXNzIFRyaVN0YXRlQ2hlY2tib3hDb21wb25lbnQgZXh0ZW5kcyBCYXNlSW5wdXRDb21wb25lbnQge1xuXHRsYWJlbCA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcblx0dGFiaW5kZXggPSBpbnB1dDxudW1iZXI+KCk7XG59XG4iLCI8cC10cmlTdGF0ZUNoZWNrYm94XG5cdFtsYWJlbF09XCJsYWJlbCgpXCJcblx0W3BUb29sdGlwXT1cIm5nQ29udHJvbC5pbnZhbGlkID8gKG5nQ29udHJvbC5jb250cm9sLnZhbHVlIHwgaW5wdXRFcnJvck1lc3NhZ2U6IG5nQ29udHJvbCkgOiAnJ1wiXG5cdFt0b29sdGlwT3B0aW9uc109XCJ0b29sdGlwT3B0aW9uc1wiXG5cdFtmb3JtQ29udHJvbF09XCJuZ0NvbnRyb2wuY29udHJvbFwiXG5cdChuZ01vZGVsQ2hhbmdlKT1cIm5nQ29udHJvbC52aWV3VG9Nb2RlbFVwZGF0ZSgkZXZlbnQpXCI+XG48L3AtdHJpU3RhdGVDaGVja2JveD5cbiJdfQ==

package/esm2022/ui/dxField/src/dx-field.component.mjs

@@ -1,30 +1,18 @@
 import { NgStyle } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, input } from '@angular/core';
 import * as i0 from "@angular/core";
-/* TODO :
-    1. InputSignal
-*/
 export class DxFieldComponent {
     constructor() {
-        this.color = '#333';
-        this.labelWidth = 30;
-        this.valueWidth = 70;
+        this.label = input();
+        this.color = input('#333');
+        this.labelWidth = input(30);
+        this.valueWidth = input(70);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DxFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.1.2", type: DxFieldComponent, isStandalone: true, selector: "aril-dx-field", inputs: { label: "label", color: "color", labelWidth: ["labelWidth", "labelWidth", (value) => value + '%'], valueWidth: ["valueWidth", "valueWidth", (value) => value + '%'] }, ngImport: i0, template: "<div class=\"dx-field\">\n\t<div class=\"dx-field-label font-bold\" [ngStyle]=\"{ color: color, width: labelWidth }\">\n\t\t{{ label }}\n\t</div>\n\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth }\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n", dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: DxFieldComponent, isStandalone: true, selector: "aril-dx-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, labelWidth: { classPropertyName: "labelWidth", publicName: "labelWidth", isSignal: true, isRequired: false, transformFunction: null }, valueWidth: { classPropertyName: "valueWidth", publicName: "valueWidth", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"dx-field\">\n\t<div class=\"dx-field-label font-bold\" [ngStyle]=\"{ color: color(), width: labelWidth() + '%' }\">\n\t\t{{ label() }}\n\t</div>\n\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth() + '%' }\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n", dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DxFieldComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-dx-field', imports: [NgStyle], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dx-field\">\n\t<div class=\"dx-field-label font-bold\" [ngStyle]=\"{ color: color, width: labelWidth }\">\n\t\t{{ label }}\n\t</div>\n\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth }\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n" }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], labelWidth: [{
-                type: Input,
-                args: [{ transform: (value) => value + '%' }]
-            }], valueWidth: [{
-                type: Input,
-                args: [{ transform: (value) => value + '%' }]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHgtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJpbC91aS9keEZpZWxkL3NyYy9keC1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hcmlsL3VpL2R4RmllbGQvc3JjL2R4LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMxQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFMUU7O0VBRUU7QUFTRixNQUFNLE9BQU8sZ0JBQWdCO0lBUDdCO1FBU1UsVUFBSyxHQUFHLE1BQU0sQ0FBQztRQUM4QixlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLGVBQVUsR0FBRyxFQUFFLENBQUM7S0FDdEU7OEdBTFksZ0JBQWdCO2tHQUFoQixnQkFBZ0Isb0lBR1IsQ0FBQyxLQUFhLEVBQUUsRUFBRSxDQUFDLEtBQUssR0FBRyxHQUFHLDRDQUM5QixDQUFDLEtBQWEsRUFBRSxFQUFFLENBQUMsS0FBSyxHQUFHLEdBQUcsNkJDbEJuRCw0UUFRQSw0Q0RHVyxPQUFPOzsyRkFHTCxnQkFBZ0I7a0JBUDVCLFNBQVM7aUNBQ0csSUFBSSxZQUNOLGVBQWUsV0FFaEIsQ0FBQyxPQUFPLENBQUMsbUJBQ0QsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDZ0QsVUFBVTtzQkFBL0QsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxDQUFDLEtBQWEsRUFBRSxFQUFFLENBQUMsS0FBSyxHQUFHLEdBQUcsRUFBRTtnQkFDRSxVQUFVO3NCQUEvRCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLENBQUMsS0FBYSxFQUFFLEVBQUUsQ0FBQyxLQUFLLEdBQUcsR0FBRyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKiBUT0RPIDogXG4gICAgMS4gSW5wdXRTaWduYWxcbiovXG5cbkBDb21wb25lbnQoe1xuXHRzdGFuZGFsb25lOiB0cnVlLFxuXHRzZWxlY3RvcjogJ2FyaWwtZHgtZmllbGQnLFxuXHR0ZW1wbGF0ZVVybDogJy4vZHgtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuXHRpbXBvcnRzOiBbTmdTdHlsZV0sXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIER4RmllbGRDb21wb25lbnQge1xuXHRASW5wdXQoKSBsYWJlbCE6IHN0cmluZztcblx0QElucHV0KCkgY29sb3IgPSAnIzMzMyc7XG5cdEBJbnB1dCh7IHRyYW5zZm9ybTogKHZhbHVlOiBudW1iZXIpID0+IHZhbHVlICsgJyUnIH0pIGxhYmVsV2lkdGggPSAzMDtcblx0QElucHV0KHsgdHJhbnNmb3JtOiAodmFsdWU6IG51bWJlcikgPT4gdmFsdWUgKyAnJScgfSkgdmFsdWVXaWR0aCA9IDcwO1xufVxuIiwiPGRpdiBjbGFzcz1cImR4LWZpZWxkXCI+XG5cdDxkaXYgY2xhc3M9XCJkeC1maWVsZC1sYWJlbCBmb250LWJvbGRcIiBbbmdTdHlsZV09XCJ7IGNvbG9yOiBjb2xvciwgd2lkdGg6IGxhYmVsV2lkdGggfVwiPlxuXHRcdHt7IGxhYmVsIH19XG5cdDwvZGl2PlxuXHQ8ZGl2IGNsYXNzPVwiZHgtZmllbGQtdmFsdWVcIiBbbmdTdHlsZV09XCJ7IHdpZHRoOiB2YWx1ZVdpZHRoIH1cIj5cblx0XHQ8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG5cdDwvZGl2PlxuPC9kaXY+XG4iXX0=
+            args: [{ standalone: true, selector: 'aril-dx-field', imports: [NgStyle], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dx-field\">\n\t<div class=\"dx-field-label font-bold\" [ngStyle]=\"{ color: color(), width: labelWidth() + '%' }\">\n\t\t{{ label() }}\n\t</div>\n\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth() + '%' }\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHgtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJpbC91aS9keEZpZWxkL3NyYy9keC1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hcmlsL3VpL2R4RmllbGQvc3JjL2R4LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMxQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUUsTUFBTSxPQUFPLGdCQUFnQjtJQVA3QjtRQVFDLFVBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUN4QixVQUFLLEdBQUcsS0FBSyxDQUFTLE1BQU0sQ0FBQyxDQUFDO1FBQzlCLGVBQVUsR0FBRyxLQUFLLENBQVMsRUFBRSxDQUFDLENBQUM7UUFDL0IsZUFBVSxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztLQUMvQjs4R0FMWSxnQkFBZ0I7a0dBQWhCLGdCQUFnQixtbEJDVjdCLGdTQVFBLDRDRERXLE9BQU87OzJGQUdMLGdCQUFnQjtrQkFQNUIsU0FBUztpQ0FDRyxJQUFJLFlBQ04sZUFBZSxXQUVoQixDQUFDLE9BQU8sQ0FBQyxtQkFDRCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcblx0c3RhbmRhbG9uZTogdHJ1ZSxcblx0c2VsZWN0b3I6ICdhcmlsLWR4LWZpZWxkJyxcblx0dGVtcGxhdGVVcmw6ICcuL2R4LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcblx0aW1wb3J0czogW05nU3R5bGVdLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBEeEZpZWxkQ29tcG9uZW50IHtcblx0bGFiZWwgPSBpbnB1dDxzdHJpbmc+KCk7XG5cdGNvbG9yID0gaW5wdXQ8c3RyaW5nPignIzMzMycpO1xuXHRsYWJlbFdpZHRoID0gaW5wdXQ8bnVtYmVyPigzMCk7XG5cdHZhbHVlV2lkdGggPSBpbnB1dDxudW1iZXI+KDcwKTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJkeC1maWVsZFwiPlxuXHQ8ZGl2IGNsYXNzPVwiZHgtZmllbGQtbGFiZWwgZm9udC1ib2xkXCIgW25nU3R5bGVdPVwieyBjb2xvcjogY29sb3IoKSwgd2lkdGg6IGxhYmVsV2lkdGgoKSArICclJyB9XCI+XG5cdFx0e3sgbGFiZWwoKSB9fVxuXHQ8L2Rpdj5cblx0PGRpdiBjbGFzcz1cImR4LWZpZWxkLXZhbHVlXCIgW25nU3R5bGVdPVwieyB3aWR0aDogdmFsdWVXaWR0aCgpICsgJyUnIH1cIj5cblx0XHQ8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG5cdDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/ui/field/src/field.component.mjs

@@ -1,50 +1,37 @@
-import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, HostBinding, input, effect } from '@angular/core';
 import { DxFieldComponent } from 'aril/ui/dxField';
+import { NgIf, NgTemplateOutlet } from '@angular/common';
 import * as i0 from "@angular/core";
 export class FieldComponent {
     constructor() {
-        this.labelPos = 'top';
-        this.color = '#333';
-        this.labelWidth = 30;
-        this.valueWidth = 70;
+        this.label = input();
+        this.color = input('#333');
+        this.labelWidth = input(30);
+        this.valueWidth = input(70);
+        this.labelPos = input('top');
+        this.markAsRequired = input(false);
+        this.cols = input.required({});
         this.hostClass = '';
         this.padding = '.5rem';
-    }
-    set cols(value) {
-        this.hostClass = '';
-        Object.entries(value).forEach(([key, value]) => {
-            this.hostClass += `${key}:col-${value} `;
+        effect(() => {
+            if (this.cols()) {
+                this.hostClass = Object.entries(this.cols()).reduce((acc, [key, value]) => {
+                    return `${acc} ${key}:col-${value}`;
+                }, '');
+            }
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: FieldComponent, isStandalone: true, selector: "aril-field", inputs: { label: "label", labelPos: "labelPos", color: "color", labelWidth: ["labelWidth", "labelWidth", (value) => value + '%'], valueWidth: ["valueWidth", "valueWidth", (value) => value + '%'], markAsRequired: "markAsRequired", cols: "cols" }, host: { properties: { "class": "this.hostClass", "style.padding": "this.padding" } }, ngImport: i0, template: "@if (labelPos === 'left') {\n\t<aril-dx-field [label]=\"label\" [color]=\"color\" [labelWidth]=\"labelWidth\" [valueWidth]=\"valueWidth\">\n\t\t<ng-content></ng-content>\n\t</aril-dx-field>\n} @else {\n\t@if (label) {\n\t\t<div class=\"mb-1\">\n\t\t\t<span class=\"font-bold\">{{ markAsRequired && '*' }}{{ label }}</span>\n\t\t</div>\n\t}\n\t<ng-content></ng-content>\n}\n", dependencies: [{ kind: "component", type: DxFieldComponent, selector: "aril-dx-field", inputs: ["label", "color", "labelWidth", "valueWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: FieldComponent, isStandalone: true, selector: "aril-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, labelWidth: { classPropertyName: "labelWidth", publicName: "labelWidth", isSignal: true, isRequired: false, transformFunction: null }, valueWidth: { classPropertyName: "valueWidth", publicName: "valueWidth", isSignal: true, isRequired: false, transformFunction: null }, labelPos: { classPropertyName: "labelPos", publicName: "labelPos", isSignal: true, isRequired: false, transformFunction: null }, markAsRequired: { classPropertyName: "markAsRequired", publicName: "markAsRequired", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class": "this.hostClass", "style.padding": "this.padding" } }, ngImport: i0, template: "<ng-template #content>\n\t@if (label() && labelPos() === 'top') {\n\t\t<div class=\"mb-1\">\n\t\t\t<span class=\"font-bold\">\n\t\t\t\t@if(markAsRequired()) {*}\n\t\t\t\t{{ label() }}\n\t\t\t</span>\n\t\t</div>\n\t}\n\t<ng-content></ng-content>\n</ng-template>\n\n<aril-dx-field\n\t*ngIf=\"labelPos() === 'left'; else content\"\n\t[label]=\"label()\" [color]=\"color()\" [labelWidth]=\"labelWidth()\" [valueWidth]=\"valueWidth()\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</aril-dx-field>\n", dependencies: [{ kind: "component", type: DxFieldComponent, selector: "aril-dx-field", inputs: ["label", "color", "labelWidth", "valueWidth"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FieldComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-field', imports: [DxFieldComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (labelPos === 'left') {\n\t<aril-dx-field [label]=\"label\" [color]=\"color\" [labelWidth]=\"labelWidth\" [valueWidth]=\"valueWidth\">\n\t\t<ng-content></ng-content>\n\t</aril-dx-field>\n} @else {\n\t@if (label) {\n\t\t<div class=\"mb-1\">\n\t\t\t<span class=\"font-bold\">{{ markAsRequired && '*' }}{{ label }}</span>\n\t\t</div>\n\t}\n\t<ng-content></ng-content>\n}\n" }]
-        }], propDecorators: { label: [{
-                type: Input,
-                args: [{ required: true }]
-            }], labelPos: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], labelWidth: [{
-                type: Input,
-                args: [{ transform: (value) => value + '%' }]
-            }], valueWidth: [{
-                type: Input,
-                args: [{ transform: (value) => value + '%' }]
-            }], markAsRequired: [{
-                type: Input
-            }], cols: [{
-                type: Input,
-                args: [{ required: true }]
-            }], hostClass: [{
+            args: [{ standalone: true, selector: 'aril-field', imports: [DxFieldComponent, NgIf, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #content>\n\t@if (label() && labelPos() === 'top') {\n\t\t<div class=\"mb-1\">\n\t\t\t<span class=\"font-bold\">\n\t\t\t\t@if(markAsRequired()) {*}\n\t\t\t\t{{ label() }}\n\t\t\t</span>\n\t\t</div>\n\t}\n\t<ng-content></ng-content>\n</ng-template>\n\n<aril-dx-field\n\t*ngIf=\"labelPos() === 'left'; else content\"\n\t[label]=\"label()\" [color]=\"color()\" [labelWidth]=\"labelWidth()\" [valueWidth]=\"valueWidth()\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</aril-dx-field>\n" }]
+        }], ctorParameters: () => [], propDecorators: { hostClass: [{
                 type: HostBinding,
                 args: ['class']
             }], padding: [{
                 type: HostBinding,
                 args: ['style.padding']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJpbC91aS9maWVsZC9zcmMvZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJpbC91aS9maWVsZC9zcmMvZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR3ZGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQXNCbkQsTUFBTSxPQUFPLGNBQWM7SUFQM0I7UUFTVSxhQUFRLEdBQW1CLEtBQUssQ0FBQztRQUNqQyxVQUFLLEdBQUcsTUFBTSxDQUFDO1FBQzhCLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFDaEIsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQVNoRCxjQUFTLEdBQUcsRUFBRSxDQUFDO1FBQ1AsWUFBTyxHQUFHLE9BQU8sQ0FBQztLQUNoRDtJQVRBLElBQStCLElBQUksQ0FBQyxLQUFzQjtRQUN6RCxJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztRQUNwQixNQUFNLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQyxFQUFFLEVBQUU7WUFDOUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxHQUFHLEdBQUcsUUFBUSxLQUFLLEdBQUcsQ0FBQztRQUMxQyxDQUFDLENBQUMsQ0FBQztJQUNKLENBQUM7OEdBWlcsY0FBYztrR0FBZCxjQUFjLHVKQUlOLENBQUMsS0FBYSxFQUFFLEVBQUUsQ0FBQyxLQUFLLEdBQUcsR0FBRyw0Q0FDOUIsQ0FBQyxLQUFhLEVBQUUsRUFBRSxDQUFDLEtBQUssR0FBRyxHQUFHLG1LQzlCbkQsdVhBWUEsNENEVVcsZ0JBQWdCOzsyRkFHZCxjQUFjO2tCQVAxQixTQUFTO2lDQUNHLElBQUksWUFDTixZQUFZLFdBRWIsQ0FBQyxnQkFBZ0IsQ0FBQyxtQkFDVix1QkFBdUIsQ0FBQyxNQUFNOzhCQUdwQixLQUFLO3NCQUEvQixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDaEIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ2dELFVBQVU7c0JBQS9ELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsQ0FBQyxLQUFhLEVBQUUsRUFBRSxDQUFDLEtBQUssR0FBRyxHQUFHLEVBQUU7Z0JBQ0UsVUFBVTtzQkFBL0QsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxDQUFDLEtBQWEsRUFBRSxFQUFFLENBQUMsS0FBSyxHQUFHLEdBQUcsRUFBRTtnQkFDM0MsY0FBYztzQkFBdEIsS0FBSztnQkFDeUIsSUFBSTtzQkFBbEMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBT0gsU0FBUztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPO2dCQUNVLE9BQU87c0JBQXBDLFdBQVc7dUJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBUeXBlcyB9IGZyb20gJ2FyaWwvdXRpbC9saWInO1xuaW1wb3J0IHsgRHhGaWVsZENvbXBvbmVudCB9IGZyb20gJ2FyaWwvdWkvZHhGaWVsZCc7XG5cbi8qIFRPRE8gOiBcbiAgICAxLiBJbnB1dFNpZ25hbFxuKi9cblxudHlwZSBMYWJlbFBvc2l0aW9ucyA9ICd0b3AnIHwgJ2xlZnQnO1xuXG5pbnRlcmZhY2UgQ29sdW1uU2l6ZVR5cGVzIHtcblx0eGw/OiBUeXBlcy5OdW1iZXJSYW5nZTwxLCAxMz47XG5cdGxnPzogVHlwZXMuTnVtYmVyUmFuZ2U8MSwgMTM+O1xuXHRtZD86IFR5cGVzLk51bWJlclJhbmdlPDEsIDEzPjtcblx0c20/OiBUeXBlcy5OdW1iZXJSYW5nZTwxLCAxMz47XG59XG5cbkBDb21wb25lbnQoe1xuXHRzdGFuZGFsb25lOiB0cnVlLFxuXHRzZWxlY3RvcjogJ2FyaWwtZmllbGQnLFxuXHR0ZW1wbGF0ZVVybDogJy4vZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuXHRpbXBvcnRzOiBbRHhGaWVsZENvbXBvbmVudF0sXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEZpZWxkQ29tcG9uZW50IHtcblx0QElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgbGFiZWwhOiBzdHJpbmc7XG5cdEBJbnB1dCgpIGxhYmVsUG9zOiBMYWJlbFBvc2l0aW9ucyA9ICd0b3AnO1xuXHRASW5wdXQoKSBjb2xvciA9ICcjMzMzJztcblx0QElucHV0KHsgdHJhbnNmb3JtOiAodmFsdWU6IG51bWJlcikgPT4gdmFsdWUgKyAnJScgfSkgbGFiZWxXaWR0aCA9IDMwO1xuXHRASW5wdXQoeyB0cmFuc2Zvcm06ICh2YWx1ZTogbnVtYmVyKSA9PiB2YWx1ZSArICclJyB9KSB2YWx1ZVdpZHRoID0gNzA7XG5cdEBJbnB1dCgpIG1hcmtBc1JlcXVpcmVkITogYm9vbGVhbjtcblx0QElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgc2V0IGNvbHModmFsdWU6IENvbHVtblNpemVUeXBlcykge1xuXHRcdHRoaXMuaG9zdENsYXNzID0gJyc7XG5cdFx0T2JqZWN0LmVudHJpZXModmFsdWUpLmZvckVhY2goKFtrZXksIHZhbHVlXSkgPT4ge1xuXHRcdFx0dGhpcy5ob3N0Q2xhc3MgKz0gYCR7a2V5fTpjb2wtJHt2YWx1ZX0gYDtcblx0XHR9KTtcblx0fVxuXG5cdEBIb3N0QmluZGluZygnY2xhc3MnKSBob3N0Q2xhc3MgPSAnJztcblx0QEhvc3RCaW5kaW5nKCdzdHlsZS5wYWRkaW5nJykgcGFkZGluZyA9ICcuNXJlbSc7XG59XG4iLCJAaWYgKGxhYmVsUG9zID09PSAnbGVmdCcpIHtcblx0PGFyaWwtZHgtZmllbGQgW2xhYmVsXT1cImxhYmVsXCIgW2NvbG9yXT1cImNvbG9yXCIgW2xhYmVsV2lkdGhdPVwibGFiZWxXaWR0aFwiIFt2YWx1ZVdpZHRoXT1cInZhbHVlV2lkdGhcIj5cblx0XHQ8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG5cdDwvYXJpbC1keC1maWVsZD5cbn0gQGVsc2Uge1xuXHRAaWYgKGxhYmVsKSB7XG5cdFx0PGRpdiBjbGFzcz1cIm1iLTFcIj5cblx0XHRcdDxzcGFuIGNsYXNzPVwiZm9udC1ib2xkXCI+e3sgbWFya0FzUmVxdWlyZWQgJiYgJyonIH19e3sgbGFiZWwgfX08L3NwYW4+XG5cdFx0PC9kaXY+XG5cdH1cblx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJpbC91aS9maWVsZC9zcmMvZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJpbC91aS9maWVsZC9zcmMvZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUcvRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBa0J6RCxNQUFNLE9BQU8sY0FBYztJQUMxQjtRQVVBLFVBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUN4QixVQUFLLEdBQUcsS0FBSyxDQUFTLE1BQU0sQ0FBQyxDQUFDO1FBQzlCLGVBQVUsR0FBRyxLQUFLLENBQVMsRUFBRSxDQUFDLENBQUM7UUFDL0IsZUFBVSxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUMvQixhQUFRLEdBQUcsS0FBSyxDQUFpQixLQUFLLENBQUMsQ0FBQztRQUN4QyxtQkFBYyxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUN2QyxTQUFJLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBa0IsRUFBRSxDQUFDLENBQUM7UUFFckIsY0FBUyxHQUFHLEVBQUUsQ0FBQztRQUNQLFlBQU8sR0FBRyxPQUFPLENBQUM7UUFsQi9DLE1BQU0sQ0FBQyxHQUFHLEVBQUU7WUFDWCxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDO2dCQUNqQixJQUFJLENBQUMsU0FBUyxHQUFHLE1BQU0sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQyxFQUFFLEVBQUU7b0JBQ3pFLE9BQU8sR0FBRyxHQUFHLElBQUksR0FBRyxRQUFRLEtBQUssRUFBRSxDQUFDO2dCQUNyQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7WUFDUixDQUFDO1FBQ0YsQ0FBQyxDQUFDLENBQUM7SUFDSixDQUFDOzhHQVRXLGNBQWM7a0dBQWQsY0FBYyw4aUNDdEIzQixvZ0JBaUJBLDRDREVXLGdCQUFnQixrSEFBRSxJQUFJLDZGQUFFLGdCQUFnQjs7MkZBR3RDLGNBQWM7a0JBUDFCLFNBQVM7aUNBQ0csSUFBSSxZQUNOLFlBQVksV0FFYixDQUFDLGdCQUFnQixFQUFFLElBQUksRUFBRSxnQkFBZ0IsQ0FBQyxtQkFDbEMsdUJBQXVCLENBQUMsTUFBTTt3REFxQnpCLFNBQVM7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTztnQkFDVSxPQUFPO3NCQUFwQyxXQUFXO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgaW5wdXQsIGVmZmVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBUeXBlcyB9IGZyb20gJ2FyaWwvdXRpbC9saWInO1xuaW1wb3J0IHsgRHhGaWVsZENvbXBvbmVudCB9IGZyb20gJ2FyaWwvdWkvZHhGaWVsZCc7XG5pbXBvcnQgeyBOZ0lmLCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxudHlwZSBMYWJlbFBvc2l0aW9ucyA9ICd0b3AnIHwgJ2xlZnQnO1xuXG5pbnRlcmZhY2UgQ29sdW1uU2l6ZVR5cGVzIHtcblx0eGw/OiBUeXBlcy5OdW1iZXJSYW5nZTwxLCAxMz47XG5cdGxnPzogVHlwZXMuTnVtYmVyUmFuZ2U8MSwgMTM+O1xuXHRtZD86IFR5cGVzLk51bWJlclJhbmdlPDEsIDEzPjtcblx0c20/OiBUeXBlcy5OdW1iZXJSYW5nZTwxLCAxMz47XG59XG5cbkBDb21wb25lbnQoe1xuXHRzdGFuZGFsb25lOiB0cnVlLFxuXHRzZWxlY3RvcjogJ2FyaWwtZmllbGQnLFxuXHR0ZW1wbGF0ZVVybDogJy4vZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuXHRpbXBvcnRzOiBbRHhGaWVsZENvbXBvbmVudCwgTmdJZiwgTmdUZW1wbGF0ZU91dGxldF0sXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEZpZWxkQ29tcG9uZW50IHtcblx0Y29uc3RydWN0b3IoKSB7XG5cdFx0ZWZmZWN0KCgpID0+IHtcblx0XHRcdGlmICh0aGlzLmNvbHMoKSkge1xuXHRcdFx0XHR0aGlzLmhvc3RDbGFzcyA9IE9iamVjdC5lbnRyaWVzKHRoaXMuY29scygpKS5yZWR1Y2UoKGFjYywgW2tleSwgdmFsdWVdKSA9PiB7XG5cdFx0XHRcdFx0cmV0dXJuIGAke2FjY30gJHtrZXl9OmNvbC0ke3ZhbHVlfWA7XG5cdFx0XHRcdH0sICcnKTtcblx0XHRcdH1cblx0XHR9KTtcblx0fVxuXG5cdGxhYmVsID0gaW5wdXQ8c3RyaW5nPigpO1xuXHRjb2xvciA9IGlucHV0PHN0cmluZz4oJyMzMzMnKTtcblx0bGFiZWxXaWR0aCA9IGlucHV0PG51bWJlcj4oMzApO1xuXHR2YWx1ZVdpZHRoID0gaW5wdXQ8bnVtYmVyPig3MCk7XG5cdGxhYmVsUG9zID0gaW5wdXQ8TGFiZWxQb3NpdGlvbnM+KCd0b3AnKTtcblx0bWFya0FzUmVxdWlyZWQgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG5cdGNvbHMgPSBpbnB1dC5yZXF1aXJlZDxDb2x1bW5TaXplVHlwZXM+KHt9KTtcblxuXHRASG9zdEJpbmRpbmcoJ2NsYXNzJykgaG9zdENsYXNzID0gJyc7XG5cdEBIb3N0QmluZGluZygnc3R5bGUucGFkZGluZycpIHBhZGRpbmcgPSAnLjVyZW0nO1xufVxuIiwiPG5nLXRlbXBsYXRlICNjb250ZW50PlxuXHRAaWYgKGxhYmVsKCkgJiYgbGFiZWxQb3MoKSA9PT0gJ3RvcCcpIHtcblx0XHQ8ZGl2IGNsYXNzPVwibWItMVwiPlxuXHRcdFx0PHNwYW4gY2xhc3M9XCJmb250LWJvbGRcIj5cblx0XHRcdFx0QGlmKG1hcmtBc1JlcXVpcmVkKCkpIHsqfVxuXHRcdFx0XHR7eyBsYWJlbCgpIH19XG5cdFx0XHQ8L3NwYW4+XG5cdFx0PC9kaXY+XG5cdH1cblx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cblxuPGFyaWwtZHgtZmllbGRcblx0Km5nSWY9XCJsYWJlbFBvcygpID09PSAnbGVmdCc7IGVsc2UgY29udGVudFwiXG5cdFtsYWJlbF09XCJsYWJlbCgpXCIgW2NvbG9yXT1cImNvbG9yKClcIiBbbGFiZWxXaWR0aF09XCJsYWJlbFdpZHRoKClcIiBbdmFsdWVXaWR0aF09XCJ2YWx1ZVdpZHRoKClcIj5cblx0PG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbjwvYXJpbC1keC1maWVsZD5cbiJdfQ==

package/esm2022/ui/fileUpload/src/file-upload.component.mjs

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, input, Output } from '@angular/core';
 import { FileUploadModule } from 'primeng/fileupload';
 import { MessageService } from 'primeng/api';
 import * as i0 from "@angular/core";
@@ -7,20 +7,24 @@ import * as i2 from "primeng/fileupload";
 export class FileUploadComponent {
     constructor(messageService) {
         this.messageService = messageService;
-        this.multiple = false;
-        this.accept = '.xlsx';
-        this.disabled = false;
-        this.auto = false;
-        this.withCredentials = false;
-        this.showUploadButton = true;
-        this.showCancelButton = true;
-        this.cancelLabel = 'Temizle';
-        this.chooseLabel = 'Dosyayi Seç';
-        this.uploadLabel = 'Dosyayi Yükle';
-        this.invalidFileTypeMessageSummary = 'Geçersiz dosya türü';
-        this.invalidFileTypeMessageDetail = 'Seçilen dosya türü desteklenmiyor.';
-        this.invalidFileSizeMessageSummary = 'Dosya boyutu çok büyük';
-        this.invalidFileSizeMessageDetail = 'Dosya boyutu izin verilen maksimum boyuttan daha büyük.';
+        this.name = input();
+        this.url = input.required();
+        this.multiple = input(false);
+        this.accept = input('.xlsx');
+        this.disabled = input(false);
+        this.auto = input(false);
+        this.maxFileSize = input();
+        this.tabindex = input();
+        this.withCredentials = input(false);
+        this.showUploadButton = input(true);
+        this.showCancelButton = input(true);
+        this.cancelLabel = input('Temizle');
+        this.chooseLabel = input('Dosya Seç');
+        this.uploadLabel = input('Dosya Yükle');
+        this.invalidFileTypeMessageSummary = input('Geçersiz dosya türü');
+        this.invalidFileTypeMessageDetail = input('Seçilen dosya türü desteklenmiyor.');
+        this.invalidFileSizeMessageSummary = input('Dosya boyutu çok büyük');
+        this.invalidFileSizeMessageDetail = input('Dosya boyutu izin verilen maksimum boyuttan daha büyük.');
         this.beforeSend = new EventEmitter();
         this.upload = new EventEmitter();
         this.errors = new EventEmitter();
@@ -31,52 +35,19 @@ export class FileUploadComponent {
     onUpload(event) {
         this.upload.emit(event);
         this.uploadedFiles = event.files;
-        this.messageService.add({ severity: 'success', summary: 'Dosya başarıyla yüklendi..', detail: '' });
+        this.messageService.add({ key: 'toast-root', severity: 'success', summary: 'Dosya başarıyla yüklendi.' });
+    }
+    onError(event) {
+        this.errors.emit(event);
+        this.messageService.add({ key: 'toast-root', severity: 'error', summary: 'Dosya yüklenemedi.' });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FileUploadComponent, deps: [{ token: i1.MessageService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: FileUploadComponent, isStandalone: true, selector: "aril-file-upload", inputs: { name: "name", url: "url", multiple: "multiple", accept: "accept", disabled: "disabled", auto: "auto", maxFileSize: "maxFileSize", tabindex: "tabindex", withCredentials: "withCredentials", showUploadButton: "showUploadButton", showCancelButton: "showCancelButton", cancelLabel: "cancelLabel", chooseLabel: "chooseLabel", uploadLabel: "uploadLabel", invalidFileTypeMessageSummary: "invalidFileTypeMessageSummary", invalidFileTypeMessageDetail: "invalidFileTypeMessageDetail", invalidFileSizeMessageSummary: "invalidFileSizeMessageSummary", invalidFileSizeMessageDetail: "invalidFileSizeMessageDetail" }, outputs: { beforeSend: "beforeSend", upload: "upload", errors: "errors", selects: "selects", clear: "clear" }, providers: [MessageService], ngImport: i0, template: "<p-fileUpload\n\t[name]=\"name\"\n\t[url]=\"url\"\n\tmethod=\"post\"\n\t[multiple]=\"multiple\"\n\t[accept]=\"accept\"\n\t[disabled]=\"disabled\"\n\t[auto]=\"auto\"\n\t[maxFileSize]=\"maxFileSize\"\n\t[tabindex]=\"tabindex\"\n\t[withCredentials]=\"withCredentials\"\n\t[showUploadButton]=\"showUploadButton\"\n\t[showCancelButton]=\"showCancelButton\"\n\t[chooseLabel]=\"chooseLabel\"\n\t[cancelLabel]=\"cancelLabel\"\n\t[uploadLabel]=\"uploadLabel\"\n\t[invalidFileTypeMessageSummary]=\"invalidFileTypeMessageSummary\"\n\t[invalidFileTypeMessageDetail]=\"invalidFileTypeMessageDetail\"\n\t[invalidFileSizeMessageSummary]=\"invalidFileSizeMessageSummary\"\n\t[invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail\"\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\n\t(onUpload)=\"onUpload($event)\"\n\t(onError)=\"errors.emit($event)\"\n\t(onSelect)=\"selects.emit($event)\"\n\t(onClear)=\"clear.emit($event)\">\n\t<ng-template pTemplate=\"content\">\n\t\t@if (uploadedFiles.length) {\n\t\t\t<div class=\"flex flex-column\">\n\t\t\t\t@for (file of uploadedFiles; track file) {\n\t\t\t\t\t<div class=\"mt-2\">\n\t\t\t\t\t\t<i class=\"pi pi-file-excel\" style=\"color: slateblue; font-size: 1.4rem\"></i>\n\t\t\t\t\t\t{{ file.name }} - {{ file.size }} bytes\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</ng-template>\n\t<ng-content></ng-content>\n</p-fileUpload>\n", dependencies: [{ kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i2.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"] }, { kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: FileUploadComponent, isStandalone: true, selector: "aril-file-upload", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: true, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, auto: { classPropertyName: "auto", publicName: "auto", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, withCredentials: { classPropertyName: "withCredentials", publicName: "withCredentials", isSignal: true, isRequired: false, transformFunction: null }, showUploadButton: { classPropertyName: "showUploadButton", publicName: "showUploadButton", isSignal: true, isRequired: false, transformFunction: null }, showCancelButton: { classPropertyName: "showCancelButton", publicName: "showCancelButton", isSignal: true, isRequired: false, transformFunction: null }, cancelLabel: { classPropertyName: "cancelLabel", publicName: "cancelLabel", isSignal: true, isRequired: false, transformFunction: null }, chooseLabel: { classPropertyName: "chooseLabel", publicName: "chooseLabel", isSignal: true, isRequired: false, transformFunction: null }, uploadLabel: { classPropertyName: "uploadLabel", publicName: "uploadLabel", isSignal: true, isRequired: false, transformFunction: null }, invalidFileTypeMessageSummary: { classPropertyName: "invalidFileTypeMessageSummary", publicName: "invalidFileTypeMessageSummary", isSignal: true, isRequired: false, transformFunction: null }, invalidFileTypeMessageDetail: { classPropertyName: "invalidFileTypeMessageDetail", publicName: "invalidFileTypeMessageDetail", isSignal: true, isRequired: false, transformFunction: null }, invalidFileSizeMessageSummary: { classPropertyName: "invalidFileSizeMessageSummary", publicName: "invalidFileSizeMessageSummary", isSignal: true, isRequired: false, transformFunction: null }, invalidFileSizeMessageDetail: { classPropertyName: "invalidFileSizeMessageDetail", publicName: "invalidFileSizeMessageDetail", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { beforeSend: "beforeSend", upload: "upload", errors: "errors", selects: "selects", clear: "clear" }, providers: [MessageService], ngImport: i0, template: "<p-fileUpload\n\t[name]=\"name()\"\n\t[url]=\"url()\"\n\tmethod=\"post\"\n\t[multiple]=\"multiple()\"\n\t[accept]=\"accept()\"\n\t[disabled]=\"disabled()\"\n\t[auto]=\"auto()\"\n\t[maxFileSize]=\"maxFileSize()\"\n\t[tabindex]=\"tabindex\"\n\t[withCredentials]=\"withCredentials()\"\n\t[showUploadButton]=\"showUploadButton()\"\n\t[showCancelButton]=\"showCancelButton()\"\n\t[chooseLabel]=\"chooseLabel()\"\n\t[cancelLabel]=\"cancelLabel()\"\n\t[uploadLabel]=\"uploadLabel()\"\n\t[invalidFileTypeMessageSummary]=\"invalidFileTypeMessageSummary()\"\n\t[invalidFileTypeMessageDetail]=\"invalidFileTypeMessageDetail()\"\n\t[invalidFileSizeMessageSummary]=\"invalidFileSizeMessageSummary()\"\n\t[invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail()\"\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\n\t(onUpload)=\"onUpload($event)\"\n\t(onError)=\"onError($event)\"\n\t(onSelect)=\"selects.emit($event)\"\n\t(onClear)=\"clear.emit($event)\">\n\t<ng-template pTemplate=\"content\">\n\t\t@if (uploadedFiles.length) {\n\t\t\t<div class=\"flex flex-column\">\n\t\t\t\t@for (file of uploadedFiles; track file) {\n\t\t\t\t\t<div class=\"mt-2\">\n\t\t\t\t\t\t<i class=\"pi pi-file-excel\" style=\"color: slateblue; font-size: 1.4rem\"></i>\n\t\t\t\t\t\t{{ file.name }} - {{ file.size }} bytes\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</ng-template>\n</p-fileUpload>\n", dependencies: [{ kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i2.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"] }, { kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FileUploadComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-file-upload', imports: [FileUploadModule], providers: [MessageService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-fileUpload\n\t[name]=\"name\"\n\t[url]=\"url\"\n\tmethod=\"post\"\n\t[multiple]=\"multiple\"\n\t[accept]=\"accept\"\n\t[disabled]=\"disabled\"\n\t[auto]=\"auto\"\n\t[maxFileSize]=\"maxFileSize\"\n\t[tabindex]=\"tabindex\"\n\t[withCredentials]=\"withCredentials\"\n\t[showUploadButton]=\"showUploadButton\"\n\t[showCancelButton]=\"showCancelButton\"\n\t[chooseLabel]=\"chooseLabel\"\n\t[cancelLabel]=\"cancelLabel\"\n\t[uploadLabel]=\"uploadLabel\"\n\t[invalidFileTypeMessageSummary]=\"invalidFileTypeMessageSummary\"\n\t[invalidFileTypeMessageDetail]=\"invalidFileTypeMessageDetail\"\n\t[invalidFileSizeMessageSummary]=\"invalidFileSizeMessageSummary\"\n\t[invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail\"\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\n\t(onUpload)=\"onUpload($event)\"\n\t(onError)=\"errors.emit($event)\"\n\t(onSelect)=\"selects.emit($event)\"\n\t(onClear)=\"clear.emit($event)\">\n\t<ng-template pTemplate=\"content\">\n\t\t@if (uploadedFiles.length) {\n\t\t\t<div class=\"flex flex-column\">\n\t\t\t\t@for (file of uploadedFiles; track file) {\n\t\t\t\t\t<div class=\"mt-2\">\n\t\t\t\t\t\t<i class=\"pi pi-file-excel\" style=\"color: slateblue; font-size: 1.4rem\"></i>\n\t\t\t\t\t\t{{ file.name }} - {{ file.size }} bytes\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</ng-template>\n\t<ng-content></ng-content>\n</p-fileUpload>\n" }]
-        }], ctorParameters: () => [{ type: i1.MessageService }], propDecorators: { name: [{
-                type: Input
-            }], url: [{
-                type: Input,
-                args: [{ required: true }]
-            }], multiple: [{
-                type: Input
-            }], accept: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], auto: [{
-                type: Input
-            }], maxFileSize: [{
-                type: Input
-            }], tabindex: [{
-                type: Input
-            }], withCredentials: [{
-                type: Input
-            }], showUploadButton: [{
-                type: Input
-            }], showCancelButton: [{
-                type: Input
-            }], cancelLabel: [{
-                type: Input
-            }], chooseLabel: [{
-                type: Input
-            }], uploadLabel: [{
-                type: Input
-            }], invalidFileTypeMessageSummary: [{
-                type: Input
-            }], invalidFileTypeMessageDetail: [{
-                type: Input
-            }], invalidFileSizeMessageSummary: [{
-                type: Input
-            }], invalidFileSizeMessageDetail: [{
-                type: Input
-            }], beforeSend: [{
+            args: [{ standalone: true, selector: 'aril-file-upload', imports: [FileUploadModule], providers: [MessageService], template: "<p-fileUpload\n\t[name]=\"name()\"\n\t[url]=\"url()\"\n\tmethod=\"post\"\n\t[multiple]=\"multiple()\"\n\t[accept]=\"accept()\"\n\t[disabled]=\"disabled()\"\n\t[auto]=\"auto()\"\n\t[maxFileSize]=\"maxFileSize()\"\n\t[tabindex]=\"tabindex\"\n\t[withCredentials]=\"withCredentials()\"\n\t[showUploadButton]=\"showUploadButton()\"\n\t[showCancelButton]=\"showCancelButton()\"\n\t[chooseLabel]=\"chooseLabel()\"\n\t[cancelLabel]=\"cancelLabel()\"\n\t[uploadLabel]=\"uploadLabel()\"\n\t[invalidFileTypeMessageSummary]=\"invalidFileTypeMessageSummary()\"\n\t[invalidFileTypeMessageDetail]=\"invalidFileTypeMessageDetail()\"\n\t[invalidFileSizeMessageSummary]=\"invalidFileSizeMessageSummary()\"\n\t[invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail()\"\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\n\t(onUpload)=\"onUpload($event)\"\n\t(onError)=\"onError($event)\"\n\t(onSelect)=\"selects.emit($event)\"\n\t(onClear)=\"clear.emit($event)\">\n\t<ng-template pTemplate=\"content\">\n\t\t@if (uploadedFiles.length) {\n\t\t\t<div class=\"flex flex-column\">\n\t\t\t\t@for (file of uploadedFiles; track file) {\n\t\t\t\t\t<div class=\"mt-2\">\n\t\t\t\t\t\t<i class=\"pi pi-file-excel\" style=\"color: slateblue; font-size: 1.4rem\"></i>\n\t\t\t\t\t\t{{ file.name }} - {{ file.size }} bytes\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</ng-template>\n</p-fileUpload>\n" }]
+        }], ctorParameters: () => [{ type: i1.MessageService }], propDecorators: { beforeSend: [{
                 type: Output
             }], upload: [{
                 type: Output
@@ -87,4 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
             }], clear: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJpbC91aS9maWxlVXBsb2FkL3NyYy9maWxlLXVwbG9hZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hcmlsL3VpL2ZpbGVVcGxvYWQvc3JjL2ZpbGUtdXBsb2FkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFaEcsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDdEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7OztBQTBCN0MsTUFBTSxPQUFPLG1CQUFtQjtJQUMvQixZQUFvQixjQUE4QjtRQUE5QixtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFJekMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixXQUFNLEdBQUcsT0FBTyxDQUFDO1FBQ2pCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsU0FBSSxHQUFHLEtBQUssQ0FBQztRQUdiLG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLHFCQUFnQixHQUFHLElBQUksQ0FBQztRQUN4QixxQkFBZ0IsR0FBRyxJQUFJLENBQUM7UUFDeEIsZ0JBQVcsR0FBRyxTQUFTLENBQUM7UUFDeEIsZ0JBQVcsR0FBRyxhQUFhLENBQUM7UUFDNUIsZ0JBQVcsR0FBRyxlQUFlLENBQUM7UUFDOUIsa0NBQTZCLEdBQUcscUJBQXFCLENBQUM7UUFDdEQsaUNBQTRCLEdBQUcsb0NBQW9DLENBQUM7UUFDcEUsa0NBQTZCLEdBQUcsd0JBQXdCLENBQUM7UUFDekQsaUNBQTRCLEdBQUcseURBQXlELENBQUM7UUFFeEYsZUFBVSxHQUEwQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3ZELFdBQU0sR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNuRCxXQUFNLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbkQsWUFBTyxHQUEwQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3BELFVBQUssR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUU1RCxrQkFBYSxHQUFpQixFQUFFLENBQUM7SUEzQm9CLENBQUM7SUE2QnRELFFBQVEsQ0FBQyxLQUFrQjtRQUMxQixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN4QixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUM7UUFDakMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNyRyxDQUFDOzhHQWxDVyxtQkFBbUI7a0dBQW5CLG1CQUFtQixreEJBSHBCLENBQUMsY0FBYyxDQUFDLDBCQzdCNUIsazJDQXVDQSwyQ0RYVyxnQkFBZ0I7OzJGQUlkLG1CQUFtQjtrQkFSL0IsU0FBUztpQ0FDRyxJQUFJLFlBQ04sa0JBQWtCLFdBRW5CLENBQUMsZ0JBQWdCLENBQUMsYUFDaEIsQ0FBQyxjQUFjLENBQUMsbUJBQ1YsdUJBQXVCLENBQUMsTUFBTTttRkFLdEMsSUFBSTtzQkFBWixLQUFLO2dCQUNxQixHQUFHO3NCQUE3QixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDaEIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyw2QkFBNkI7c0JBQXJDLEtBQUs7Z0JBQ0csNEJBQTRCO3NCQUFwQyxLQUFLO2dCQUNHLDZCQUE2QjtzQkFBckMsS0FBSztnQkFDRyw0QkFBNEI7c0JBQXBDLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU07Z0JBQ0csTUFBTTtzQkFBZixNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csS0FBSztzQkFBZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueSAqL1xuXG5pbXBvcnQgeyBIdHRwRXZlbnQgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRmlsZVVwbG9hZE1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvZmlsZXVwbG9hZCc7XG5pbXBvcnQgeyBNZXNzYWdlU2VydmljZSB9IGZyb20gJ3ByaW1lbmcvYXBpJztcblxuLyogVE9ETyA6IFxuICAgIDEuIElucHV0U2lnbmFsXG4qL1xuXG5pbnRlcmZhY2UgVXBsb2FkRXZlbnQge1xuXHRvcmlnaW5hbEV2ZW50OiBIdHRwRXZlbnQ8YW55Pjtcblx0ZmlsZXM6IEZpbGVbXTtcbn1cblxuaW50ZXJmYWNlIFVwbG9hZEZpbGUge1xuXHRuYW1lOiBzdHJpbmc7XG5cdHNpemU6IG51bWJlcjtcblx0dHlwZTogc3RyaW5nO1xuXHRvYmplY3RVUkw/OiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuXHRzdGFuZGFsb25lOiB0cnVlLFxuXHRzZWxlY3RvcjogJ2FyaWwtZmlsZS11cGxvYWQnLFxuXHR0ZW1wbGF0ZVVybDogJy4vZmlsZS11cGxvYWQuY29tcG9uZW50Lmh0bWwnLFxuXHRpbXBvcnRzOiBbRmlsZVVwbG9hZE1vZHVsZV0sXG5cdHByb3ZpZGVyczogW01lc3NhZ2VTZXJ2aWNlXSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRmlsZVVwbG9hZENvbXBvbmVudCB7XG5cdGNvbnN0cnVjdG9yKHByaXZhdGUgbWVzc2FnZVNlcnZpY2U6IE1lc3NhZ2VTZXJ2aWNlKSB7fVxuXG5cdEBJbnB1dCgpIG5hbWUhOiBzdHJpbmc7XG5cdEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHVybCE6IHN0cmluZztcblx0QElucHV0KCkgbXVsdGlwbGUgPSBmYWxzZTtcblx0QElucHV0KCkgYWNjZXB0ID0gJy54bHN4Jztcblx0QElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblx0QElucHV0KCkgYXV0byA9IGZhbHNlO1xuXHRASW5wdXQoKSBtYXhGaWxlU2l6ZSE6IG51bWJlcjtcblx0QElucHV0KCkgdGFiaW5kZXghOiBudW1iZXI7XG5cdEBJbnB1dCgpIHdpdGhDcmVkZW50aWFscyA9IGZhbHNlO1xuXHRASW5wdXQoKSBzaG93VXBsb2FkQnV0dG9uID0gdHJ1ZTtcblx0QElucHV0KCkgc2hvd0NhbmNlbEJ1dHRvbiA9IHRydWU7XG5cdEBJbnB1dCgpIGNhbmNlbExhYmVsID0gJ1RlbWl6bGUnO1xuXHRASW5wdXQoKSBjaG9vc2VMYWJlbCA9ICdEb3N5YXlpIFNlw6cnO1xuXHRASW5wdXQoKSB1cGxvYWRMYWJlbCA9ICdEb3N5YXlpIFnDvGtsZSc7XG5cdEBJbnB1dCgpIGludmFsaWRGaWxlVHlwZU1lc3NhZ2VTdW1tYXJ5ID0gJ0dlw6dlcnNpeiBkb3N5YSB0w7xyw7wnO1xuXHRASW5wdXQoKSBpbnZhbGlkRmlsZVR5cGVNZXNzYWdlRGV0YWlsID0gJ1Nlw6dpbGVuIGRvc3lhIHTDvHLDvCBkZXN0ZWtsZW5taXlvci4nO1xuXHRASW5wdXQoKSBpbnZhbGlkRmlsZVNpemVNZXNzYWdlU3VtbWFyeSA9ICdEb3N5YSBib3l1dHUgw6dvayBiw7x5w7xrJztcblx0QElucHV0KCkgaW52YWxpZEZpbGVTaXplTWVzc2FnZURldGFpbCA9ICdEb3N5YSBib3l1dHUgaXppbiB2ZXJpbGVuIG1ha3NpbXVtIGJveXV0dGFuIGRhaGEgYsO8ecO8ay4nO1xuXG5cdEBPdXRwdXQoKSBiZWZvcmVTZW5kOiBFdmVudEVtaXR0ZXI8dW5rbm93bj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cdEBPdXRwdXQoKSB1cGxvYWQ6IEV2ZW50RW1pdHRlcjx1bmtub3duPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblx0QE91dHB1dCgpIGVycm9yczogRXZlbnRFbWl0dGVyPHVua25vd24+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXHRAT3V0cHV0KCkgc2VsZWN0czogRXZlbnRFbWl0dGVyPHVua25vd24+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXHRAT3V0cHV0KCkgY2xlYXI6IEV2ZW50RW1pdHRlcjx1bmtub3duPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuXHR1cGxvYWRlZEZpbGVzOiBVcGxvYWRGaWxlW10gPSBbXTtcblxuXHRvblVwbG9hZChldmVudDogVXBsb2FkRXZlbnQpIHtcblx0XHR0aGlzLnVwbG9hZC5lbWl0KGV2ZW50KTtcblx0XHR0aGlzLnVwbG9hZGVkRmlsZXMgPSBldmVudC5maWxlcztcblx0XHR0aGlzLm1lc3NhZ2VTZXJ2aWNlLmFkZCh7IHNldmVyaXR5OiAnc3VjY2VzcycsIHN1bW1hcnk6ICdEb3N5YSBiYcWfYXLEsXlsYSB5w7xrbGVuZGkuLicsIGRldGFpbDogJycgfSk7XG5cdH1cbn1cbiIsIjxwLWZpbGVVcGxvYWRcblx0W25hbWVdPVwibmFtZVwiXG5cdFt1cmxdPVwidXJsXCJcblx0bWV0aG9kPVwicG9zdFwiXG5cdFttdWx0aXBsZV09XCJtdWx0aXBsZVwiXG5cdFthY2NlcHRdPVwiYWNjZXB0XCJcblx0W2Rpc2FibGVkXT1cImRpc2FibGVkXCJcblx0W2F1dG9dPVwiYXV0b1wiXG5cdFttYXhGaWxlU2l6ZV09XCJtYXhGaWxlU2l6ZVwiXG5cdFt0YWJpbmRleF09XCJ0YWJpbmRleFwiXG5cdFt3aXRoQ3JlZGVudGlhbHNdPVwid2l0aENyZWRlbnRpYWxzXCJcblx0W3Nob3dVcGxvYWRCdXR0b25dPVwic2hvd1VwbG9hZEJ1dHRvblwiXG5cdFtzaG93Q2FuY2VsQnV0dG9uXT1cInNob3dDYW5jZWxCdXR0b25cIlxuXHRbY2hvb3NlTGFiZWxdPVwiY2hvb3NlTGFiZWxcIlxuXHRbY2FuY2VsTGFiZWxdPVwiY2FuY2VsTGFiZWxcIlxuXHRbdXBsb2FkTGFiZWxdPVwidXBsb2FkTGFiZWxcIlxuXHRbaW52YWxpZEZpbGVUeXBlTWVzc2FnZVN1bW1hcnldPVwiaW52YWxpZEZpbGVUeXBlTWVzc2FnZVN1bW1hcnlcIlxuXHRbaW52YWxpZEZpbGVUeXBlTWVzc2FnZURldGFpbF09XCJpbnZhbGlkRmlsZVR5cGVNZXNzYWdlRGV0YWlsXCJcblx0W2ludmFsaWRGaWxlU2l6ZU1lc3NhZ2VTdW1tYXJ5XT1cImludmFsaWRGaWxlU2l6ZU1lc3NhZ2VTdW1tYXJ5XCJcblx0W2ludmFsaWRGaWxlU2l6ZU1lc3NhZ2VEZXRhaWxdPVwiaW52YWxpZEZpbGVTaXplTWVzc2FnZURldGFpbFwiXG5cdChvbkJlZm9yZVNlbmQpPVwiYmVmb3JlU2VuZC5lbWl0KCRldmVudClcIlxuXHQob25VcGxvYWQpPVwib25VcGxvYWQoJGV2ZW50KVwiXG5cdChvbkVycm9yKT1cImVycm9ycy5lbWl0KCRldmVudClcIlxuXHQob25TZWxlY3QpPVwic2VsZWN0cy5lbWl0KCRldmVudClcIlxuXHQob25DbGVhcik9XCJjbGVhci5lbWl0KCRldmVudClcIj5cblx0PG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImNvbnRlbnRcIj5cblx0XHRAaWYgKHVwbG9hZGVkRmlsZXMubGVuZ3RoKSB7XG5cdFx0XHQ8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbHVtblwiPlxuXHRcdFx0XHRAZm9yIChmaWxlIG9mIHVwbG9hZGVkRmlsZXM7IHRyYWNrIGZpbGUpIHtcblx0XHRcdFx0XHQ8ZGl2IGNsYXNzPVwibXQtMlwiPlxuXHRcdFx0XHRcdFx0PGkgY2xhc3M9XCJwaSBwaS1maWxlLWV4Y2VsXCIgc3R5bGU9XCJjb2xvcjogc2xhdGVibHVlOyBmb250LXNpemU6IDEuNHJlbVwiPjwvaT5cblx0XHRcdFx0XHRcdHt7IGZpbGUubmFtZSB9fSAtIHt7IGZpbGUuc2l6ZSB9fSBieXRlc1xuXHRcdFx0XHRcdDwvZGl2PlxuXHRcdFx0XHR9XG5cdFx0XHQ8L2Rpdj5cblx0XHR9XG5cdDwvbmctdGVtcGxhdGU+XG5cdDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvcC1maWxlVXBsb2FkPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJpbC91aS9maWxlVXBsb2FkL3NyYy9maWxlLXVwbG9hZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hcmlsL3VpL2ZpbGVVcGxvYWQvc3JjL2ZpbGUtdXBsb2FkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDdEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7OztBQThCN0MsTUFBTSxPQUFPLG1CQUFtQjtJQUMvQixZQUFvQixjQUE4QjtRQUE5QixtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFFbEQsU0FBSSxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ3ZCLFFBQUcsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFDL0IsYUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN4QixXQUFNLEdBQUcsS0FBSyxDQUFTLE9BQU8sQ0FBQyxDQUFDO1FBQ2hDLGFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDeEIsU0FBSSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNwQixnQkFBVyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQzlCLGFBQVEsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUMzQixvQkFBZSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMvQixxQkFBZ0IsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDL0IscUJBQWdCLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQy9CLGdCQUFXLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQy9CLGdCQUFXLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ2pDLGdCQUFXLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ25DLGtDQUE2QixHQUFHLEtBQUssQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO1FBQzdELGlDQUE0QixHQUFHLEtBQUssQ0FBQyxvQ0FBb0MsQ0FBQyxDQUFDO1FBQzNFLGtDQUE2QixHQUFHLEtBQUssQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO1FBQ2hFLGlDQUE0QixHQUFHLEtBQUssQ0FBQyx5REFBeUQsQ0FBQyxDQUFDO1FBRXRGLGVBQVUsR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN2RCxXQUFNLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbkQsV0FBTSxHQUEwQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ25ELFlBQU8sR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNwRCxVQUFLLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFNUQsa0JBQWEsR0FBaUIsRUFBRSxDQUFDO0lBM0JvQixDQUFDO0lBNkJ0RCxRQUFRLENBQUMsS0FBa0I7UUFDMUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDeEIsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLEVBQUUsR0FBRyxFQUFFLFlBQVksRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxDQUFDLENBQUM7SUFDM0csQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUFVO1FBQ2pCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLEVBQUUsR0FBRyxFQUFFLFlBQVksRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxDQUFDLENBQUM7SUFDbEcsQ0FBQzs4R0F2Q1csbUJBQW1CO2tHQUFuQixtQkFBbUIsNnZGQUZwQixDQUFDLGNBQWMsQ0FBQywwQkNsQzVCLG0yQ0FzQ0EsMkNETFcsZ0JBQWdCOzsyRkFHZCxtQkFBbUI7a0JBUC9CLFNBQVM7aUNBQ0csSUFBSSxZQUNOLGtCQUFrQixXQUVuQixDQUFDLGdCQUFnQixDQUFDLGFBQ2hCLENBQUMsY0FBYyxDQUFDO21GQXdCakIsVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU07Z0JBQ0csTUFBTTtzQkFBZixNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csS0FBSztzQkFBZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueSAqL1xuXG5pbXBvcnQgeyBIdHRwRXZlbnQgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgaW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBGaWxlVXBsb2FkTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9maWxldXBsb2FkJztcbmltcG9ydCB7IE1lc3NhZ2VTZXJ2aWNlIH0gZnJvbSAncHJpbWVuZy9hcGknO1xuXG4vKiBUT0RPIDogXG4gICAgMS4gSG9zdEF0dHJpYnV0ZVRva2VuXG4qL1xuXG5pbnRlcmZhY2UgVXBsb2FkRXZlbnQge1xuXHRvcmlnaW5hbEV2ZW50OiBIdHRwRXZlbnQ8YW55Pjtcblx0ZmlsZXM6IEZpbGVbXTtcbn1cblxuaW50ZXJmYWNlIFVwbG9hZEZpbGUge1xuXHRuYW1lOiBzdHJpbmc7XG5cdHNpemU6IG51bWJlcjtcblx0dHlwZTogc3RyaW5nO1xuXHRvYmplY3RVUkw/OiBzdHJpbmc7XG59XG5cbmludGVyZmFjZSBGaWxlVXBsb2FkRXJyb3JFdmVudCB7XG5cdGZpbGVzOiBGaWxlW107XG5cdGVycm9yOiBFcnJvckV2ZW50O1xufVxuXG5AQ29tcG9uZW50KHtcblx0c3RhbmRhbG9uZTogdHJ1ZSxcblx0c2VsZWN0b3I6ICdhcmlsLWZpbGUtdXBsb2FkJyxcblx0dGVtcGxhdGVVcmw6ICcuL2ZpbGUtdXBsb2FkLmNvbXBvbmVudC5odG1sJyxcblx0aW1wb3J0czogW0ZpbGVVcGxvYWRNb2R1bGVdLFxuXHRwcm92aWRlcnM6IFtNZXNzYWdlU2VydmljZV1cbn0pXG5leHBvcnQgY2xhc3MgRmlsZVVwbG9hZENvbXBvbmVudCB7XG5cdGNvbnN0cnVjdG9yKHByaXZhdGUgbWVzc2FnZVNlcnZpY2U6IE1lc3NhZ2VTZXJ2aWNlKSB7fVxuXG5cdG5hbWUgPSBpbnB1dDxzdHJpbmc+KCk7XG5cdHVybCA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcblx0bXVsdGlwbGUgPSBpbnB1dChmYWxzZSk7XG5cdGFjY2VwdCA9IGlucHV0PHN0cmluZz4oJy54bHN4Jyk7XG5cdGRpc2FibGVkID0gaW5wdXQoZmFsc2UpO1xuXHRhdXRvID0gaW5wdXQoZmFsc2UpO1xuXHRtYXhGaWxlU2l6ZSA9IGlucHV0PG51bWJlcj4oKTtcblx0dGFiaW5kZXggPSBpbnB1dDxudW1iZXI+KCk7XG5cdHdpdGhDcmVkZW50aWFscyA9IGlucHV0KGZhbHNlKTtcblx0c2hvd1VwbG9hZEJ1dHRvbiA9IGlucHV0KHRydWUpO1xuXHRzaG93Q2FuY2VsQnV0dG9uID0gaW5wdXQodHJ1ZSk7XG5cdGNhbmNlbExhYmVsID0gaW5wdXQoJ1RlbWl6bGUnKTtcblx0Y2hvb3NlTGFiZWwgPSBpbnB1dCgnRG9zeWEgU2XDpycpO1xuXHR1cGxvYWRMYWJlbCA9IGlucHV0KCdEb3N5YSBZw7xrbGUnKTtcblx0aW52YWxpZEZpbGVUeXBlTWVzc2FnZVN1bW1hcnkgPSBpbnB1dCgnR2XDp2Vyc2l6IGRvc3lhIHTDvHLDvCcpO1xuXHRpbnZhbGlkRmlsZVR5cGVNZXNzYWdlRGV0YWlsID0gaW5wdXQoJ1Nlw6dpbGVuIGRvc3lhIHTDvHLDvCBkZXN0ZWtsZW5taXlvci4nKTtcblx0aW52YWxpZEZpbGVTaXplTWVzc2FnZVN1bW1hcnkgPSBpbnB1dCgnRG9zeWEgYm95dXR1IMOnb2sgYsO8ecO8aycpO1xuXHRpbnZhbGlkRmlsZVNpemVNZXNzYWdlRGV0YWlsID0gaW5wdXQoJ0Rvc3lhIGJveXV0dSBpemluIHZlcmlsZW4gbWFrc2ltdW0gYm95dXR0YW4gZGFoYSBiw7x5w7xrLicpO1xuXG5cdEBPdXRwdXQoKSBiZWZvcmVTZW5kOiBFdmVudEVtaXR0ZXI8dW5rbm93bj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cdEBPdXRwdXQoKSB1cGxvYWQ6IEV2ZW50RW1pdHRlcjx1bmtub3duPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblx0QE91dHB1dCgpIGVycm9yczogRXZlbnRFbWl0dGVyPHVua25vd24+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXHRAT3V0cHV0KCkgc2VsZWN0czogRXZlbnRFbWl0dGVyPHVua25vd24+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXHRAT3V0cHV0KCkgY2xlYXI6IEV2ZW50RW1pdHRlcjx1bmtub3duPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuXHR1cGxvYWRlZEZpbGVzOiBVcGxvYWRGaWxlW10gPSBbXTtcblxuXHRvblVwbG9hZChldmVudDogVXBsb2FkRXZlbnQpIHtcblx0XHR0aGlzLnVwbG9hZC5lbWl0KGV2ZW50KTtcblx0XHR0aGlzLnVwbG9hZGVkRmlsZXMgPSBldmVudC5maWxlcztcblx0XHR0aGlzLm1lc3NhZ2VTZXJ2aWNlLmFkZCh7IGtleTogJ3RvYXN0LXJvb3QnLCBzZXZlcml0eTogJ3N1Y2Nlc3MnLCBzdW1tYXJ5OiAnRG9zeWEgYmHFn2FyxLF5bGEgecO8a2xlbmRpLicgfSk7XG5cdH1cblxuXHRvbkVycm9yKGV2ZW50OiBhbnkpIHtcblx0XHR0aGlzLmVycm9ycy5lbWl0KGV2ZW50KTtcblx0XHR0aGlzLm1lc3NhZ2VTZXJ2aWNlLmFkZCh7IGtleTogJ3RvYXN0LXJvb3QnLCBzZXZlcml0eTogJ2Vycm9yJywgc3VtbWFyeTogJ0Rvc3lhIHnDvGtsZW5lbWVkaS4nIH0pO1xuXHR9XG59XG4iLCI8cC1maWxlVXBsb2FkXG5cdFtuYW1lXT1cIm5hbWUoKVwiXG5cdFt1cmxdPVwidXJsKClcIlxuXHRtZXRob2Q9XCJwb3N0XCJcblx0W211bHRpcGxlXT1cIm11bHRpcGxlKClcIlxuXHRbYWNjZXB0XT1cImFjY2VwdCgpXCJcblx0W2Rpc2FibGVkXT1cImRpc2FibGVkKClcIlxuXHRbYXV0b109XCJhdXRvKClcIlxuXHRbbWF4RmlsZVNpemVdPVwibWF4RmlsZVNpemUoKVwiXG5cdFt0YWJpbmRleF09XCJ0YWJpbmRleFwiXG5cdFt3aXRoQ3JlZGVudGlhbHNdPVwid2l0aENyZWRlbnRpYWxzKClcIlxuXHRbc2hvd1VwbG9hZEJ1dHRvbl09XCJzaG93VXBsb2FkQnV0dG9uKClcIlxuXHRbc2hvd0NhbmNlbEJ1dHRvbl09XCJzaG93Q2FuY2VsQnV0dG9uKClcIlxuXHRbY2hvb3NlTGFiZWxdPVwiY2hvb3NlTGFiZWwoKVwiXG5cdFtjYW5jZWxMYWJlbF09XCJjYW5jZWxMYWJlbCgpXCJcblx0W3VwbG9hZExhYmVsXT1cInVwbG9hZExhYmVsKClcIlxuXHRbaW52YWxpZEZpbGVUeXBlTWVzc2FnZVN1bW1hcnldPVwiaW52YWxpZEZpbGVUeXBlTWVzc2FnZVN1bW1hcnkoKVwiXG5cdFtpbnZhbGlkRmlsZVR5cGVNZXNzYWdlRGV0YWlsXT1cImludmFsaWRGaWxlVHlwZU1lc3NhZ2VEZXRhaWwoKVwiXG5cdFtpbnZhbGlkRmlsZVNpemVNZXNzYWdlU3VtbWFyeV09XCJpbnZhbGlkRmlsZVNpemVNZXNzYWdlU3VtbWFyeSgpXCJcblx0W2ludmFsaWRGaWxlU2l6ZU1lc3NhZ2VEZXRhaWxdPVwiaW52YWxpZEZpbGVTaXplTWVzc2FnZURldGFpbCgpXCJcblx0KG9uQmVmb3JlU2VuZCk9XCJiZWZvcmVTZW5kLmVtaXQoJGV2ZW50KVwiXG5cdChvblVwbG9hZCk9XCJvblVwbG9hZCgkZXZlbnQpXCJcblx0KG9uRXJyb3IpPVwib25FcnJvcigkZXZlbnQpXCJcblx0KG9uU2VsZWN0KT1cInNlbGVjdHMuZW1pdCgkZXZlbnQpXCJcblx0KG9uQ2xlYXIpPVwiY2xlYXIuZW1pdCgkZXZlbnQpXCI+XG5cdDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJjb250ZW50XCI+XG5cdFx0QGlmICh1cGxvYWRlZEZpbGVzLmxlbmd0aCkge1xuXHRcdFx0PGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2x1bW5cIj5cblx0XHRcdFx0QGZvciAoZmlsZSBvZiB1cGxvYWRlZEZpbGVzOyB0cmFjayBmaWxlKSB7XG5cdFx0XHRcdFx0PGRpdiBjbGFzcz1cIm10LTJcIj5cblx0XHRcdFx0XHRcdDxpIGNsYXNzPVwicGkgcGktZmlsZS1leGNlbFwiIHN0eWxlPVwiY29sb3I6IHNsYXRlYmx1ZTsgZm9udC1zaXplOiAxLjRyZW1cIj48L2k+XG5cdFx0XHRcdFx0XHR7eyBmaWxlLm5hbWUgfX0gLSB7eyBmaWxlLnNpemUgfX0gYnl0ZXNcblx0XHRcdFx0XHQ8L2Rpdj5cblx0XHRcdFx0fVxuXHRcdFx0PC9kaXY+XG5cdFx0fVxuXHQ8L25nLXRlbXBsYXRlPlxuPC9wLWZpbGVVcGxvYWQ+XG4iXX0=

package/esm2022/ui/form/src/form-submit-button.component.mjs

@@ -1,45 +1,40 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
-import { isFormArray, isFormControl, isFormGroup } from '@angular/forms';
+import { ChangeDetectionStrategy, Component, EventEmitter, input, Output, inject } from '@angular/core';
+import { MessageService } from 'primeng/api';
 import { ButtonComponent } from 'aril/ui/button';
+import { checkValidInputs } from 'aril/ui/lib';
 import * as i0 from "@angular/core";
 import * as i1 from "aril/ui/button";
-/* TODO :
-    1. InputSignal
-*/
 export class FormSubmitButtonComponent extends ButtonComponent {
     constructor() {
         super(...arguments);
+        this.formGroup = input.required();
+        this.validEvent = new EventEmitter();
         this.inValidEvent = new EventEmitter();
+        this.messageService = inject(MessageService);
     }
     submit() {
-        this.markAsDirty(this.formGroup.controls);
-        if (this.formGroup.valid)
-            this.clickEvent.emit();
-        else
+        checkValidInputs(this.formGroup());
+        if (this.formGroup().valid)
+            this.validEvent.emit();
+        else {
+            this.messageService.add({
+                key: 'toast-root',
+                severity: 'warn ',
+                summary: 'Form Hatası',
+                detail: 'Lütfen formdaki eksikleri gideriniz'
+            });
             this.inValidEvent.emit();
-    }
-    markAsDirty(controls) {
-        Object.entries(controls).forEach(([key, ctrl]) => {
-            if (isFormControl(ctrl)) {
-                ctrl.markAsDirty();
-            }
-            else if (isFormGroup(ctrl) || isFormArray(ctrl)) {
-                this.markAsDirty(ctrl.controls);
-            }
-        });
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormSubmitButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: FormSubmitButtonComponent, selector: "aril-form-submit", inputs: { formGroup: "formGroup" }, outputs: { inValidEvent: "inValidEvent" }, usesInheritance: true, ngImport: i0, template: "<aril-button\n\t[label]=\"label\"\n\t[loading]=\"formGroup.pending\"\n\t[disabled]=\"disabled\"\n\t[raised]=\"raised\"\n\t[outlined]=\"outlined\"\n\t[badge]=\"badge\"\n\t[size]=\"size\"\n\t[icon]=\"icon\"\n\t[color]=\"color\"\n\t(clickEvent)=\"submit()\">\n</aril-button>\n", dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "outlined", "badge", "size", "icon", "color"], outputs: ["clickEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: FormSubmitButtonComponent, selector: "aril-form-submit:not([click])", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { validEvent: "validEvent", inValidEvent: "inValidEvent" }, usesInheritance: true, ngImport: i0, template: "<aril-button\n\t[label]=\"label()\"\n\t[loading]=\"formGroup().pending\"\n\t[disabled]=\"disabled()\"\n\t[raised]=\"raised()\"\n\t[outlined]=\"outlined()\"\n\t[badge]=\"badge()\"\n\t[size]=\"size()\"\n\t[icon]=\"icon()\"\n\t[color]=\"color()\"\n\t(clickEvent)=\"submit()\">\n</aril-button>\n", dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "outlined", "badge", "size", "icon", "color"], outputs: ["clickEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormSubmitButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'aril-form-submit', changeDetection: ChangeDetectionStrategy.OnPush, template: "<aril-button\n\t[label]=\"label\"\n\t[loading]=\"formGroup.pending\"\n\t[disabled]=\"disabled\"\n\t[raised]=\"raised\"\n\t[outlined]=\"outlined\"\n\t[badge]=\"badge\"\n\t[size]=\"size\"\n\t[icon]=\"icon\"\n\t[color]=\"color\"\n\t(clickEvent)=\"submit()\">\n</aril-button>\n" }]
-        }], propDecorators: { formGroup: [{
-                type: Input,
-                args: [{ required: true }]
+            args: [{ selector: 'aril-form-submit:not([click])', changeDetection: ChangeDetectionStrategy.OnPush, template: "<aril-button\n\t[label]=\"label()\"\n\t[loading]=\"formGroup().pending\"\n\t[disabled]=\"disabled()\"\n\t[raised]=\"raised()\"\n\t[outlined]=\"outlined()\"\n\t[badge]=\"badge()\"\n\t[size]=\"size()\"\n\t[icon]=\"icon()\"\n\t[color]=\"color()\"\n\t(clickEvent)=\"submit()\">\n</aril-button>\n" }]
+        }], propDecorators: { validEvent: [{
+                type: Output
             }], inValidEvent: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1zdWJtaXQtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FyaWwvdWkvZm9ybS9zcmMvZm9ybS1zdWJtaXQtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FyaWwvdWkvZm9ybS9zcmMvZm9ybS1zdWJtaXQtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHNEQUFzRDtBQUN0RCx1REFBdUQ7QUFFdkQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRyxPQUFPLEVBQWEsV0FBVyxFQUFFLGFBQWEsRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVwRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQUVqRDs7RUFFRTtBQVNGLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxlQUFlO0lBUDlEOztRQVNXLGlCQUFZLEdBQXdCLElBQUksWUFBWSxFQUFTLENBQUM7S0FpQnhFO0lBZkEsTUFBTTtRQUNMLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUMxQyxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSztZQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7O1lBQzVDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVELFdBQVcsQ0FBQyxRQUFnQztRQUMzQyxNQUFNLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsR0FBRyxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUU7WUFDaEQsSUFBSSxhQUFhLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQztnQkFDekIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ3BCLENBQUM7aUJBQU0sSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7Z0JBQ25ELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQ2pDLENBQUM7UUFDRixDQUFDLENBQUMsQ0FBQztJQUNKLENBQUM7OEdBbEJXLHlCQUF5QjtrR0FBekIseUJBQXlCLDhKQ25CdEMsbVJBWUE7OzJGRE9hLHlCQUF5QjtrQkFQckMsU0FBUzsrQkFFQyxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTTs4QkFHcEIsU0FBUztzQkFBbkMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ2YsWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFycyAqL1xuLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueSAqL1xuXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Hcm91cCwgaXNGb3JtQXJyYXksIGlzRm9ybUNvbnRyb2wsIGlzRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICdhcmlsL3VpL2J1dHRvbic7XG5cbi8qIFRPRE8gOiBcbiAgICAxLiBJbnB1dFNpZ25hbFxuKi9cblxuQENvbXBvbmVudCh7XG5cdC8vIHN0YW5kYWxvbmU6IHRydWUsXG5cdHNlbGVjdG9yOiAnYXJpbC1mb3JtLXN1Ym1pdCcsXG5cdHRlbXBsYXRlVXJsOiAnLi9mb3JtLXN1Ym1pdC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuXHQvLyBpbXBvcnRzOiBbQnV0dG9uQ29tcG9uZW50XSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRm9ybVN1Ym1pdEJ1dHRvbkNvbXBvbmVudCBleHRlbmRzIEJ1dHRvbkNvbXBvbmVudCB7XG5cdEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIGZvcm1Hcm91cCE6IEZvcm1Hcm91cDtcblx0QE91dHB1dCgpIGluVmFsaWRFdmVudDogRXZlbnRFbWl0dGVyPG5ldmVyPiA9IG5ldyBFdmVudEVtaXR0ZXI8bmV2ZXI+KCk7XG5cblx0c3VibWl0KCkge1xuXHRcdHRoaXMubWFya0FzRGlydHkodGhpcy5mb3JtR3JvdXAuY29udHJvbHMpO1xuXHRcdGlmICh0aGlzLmZvcm1Hcm91cC52YWxpZCkgdGhpcy5jbGlja0V2ZW50LmVtaXQoKTtcblx0XHRlbHNlIHRoaXMuaW5WYWxpZEV2ZW50LmVtaXQoKTtcblx0fVxuXG5cdG1hcmtBc0RpcnR5KGNvbnRyb2xzOiB7IFtrZXk6IHN0cmluZ106IGFueSB9KSB7XG5cdFx0T2JqZWN0LmVudHJpZXMoY29udHJvbHMpLmZvckVhY2goKFtrZXksIGN0cmxdKSA9PiB7XG5cdFx0XHRpZiAoaXNGb3JtQ29udHJvbChjdHJsKSkge1xuXHRcdFx0XHRjdHJsLm1hcmtBc0RpcnR5KCk7XG5cdFx0XHR9IGVsc2UgaWYgKGlzRm9ybUdyb3VwKGN0cmwpIHx8IGlzRm9ybUFycmF5KGN0cmwpKSB7XG5cdFx0XHRcdHRoaXMubWFya0FzRGlydHkoY3RybC5jb250cm9scyk7XG5cdFx0XHR9XG5cdFx0fSk7XG5cdH1cbn1cbiIsIjxhcmlsLWJ1dHRvblxuXHRbbGFiZWxdPVwibGFiZWxcIlxuXHRbbG9hZGluZ109XCJmb3JtR3JvdXAucGVuZGluZ1wiXG5cdFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG5cdFtyYWlzZWRdPVwicmFpc2VkXCJcblx0W291dGxpbmVkXT1cIm91dGxpbmVkXCJcblx0W2JhZGdlXT1cImJhZGdlXCJcblx0W3NpemVdPVwic2l6ZVwiXG5cdFtpY29uXT1cImljb25cIlxuXHRbY29sb3JdPVwiY29sb3JcIlxuXHQoY2xpY2tFdmVudCk9XCJzdWJtaXQoKVwiPlxuPC9hcmlsLWJ1dHRvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1zdWJtaXQtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FyaWwvdWkvZm9ybS9zcmMvZm9ybS1zdWJtaXQtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FyaWwvdWkvZm9ybS9zcmMvZm9ybS1zdWJtaXQtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR3hHLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFN0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7O0FBTy9DLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxlQUFlO0lBTDlEOztRQU1DLGNBQVMsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFhLENBQUM7UUFFOUIsZUFBVSxHQUF3QixJQUFJLFlBQVksRUFBUyxDQUFDO1FBQzVELGlCQUFZLEdBQXdCLElBQUksWUFBWSxFQUFTLENBQUM7UUFFeEUsbUJBQWMsR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7S0FnQnhDO0lBZEEsTUFBTTtRQUNMLGdCQUFnQixDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDO1FBRW5DLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLEtBQUs7WUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO2FBQzlDLENBQUM7WUFDTCxJQUFJLENBQUMsY0FBYyxDQUFDLEdBQUcsQ0FBQztnQkFDdkIsR0FBRyxFQUFFLFlBQVk7Z0JBQ2pCLFFBQVEsRUFBRSxPQUFPO2dCQUNqQixPQUFPLEVBQUUsYUFBYTtnQkFDdEIsTUFBTSxFQUFFLHFDQUFxQzthQUM3QyxDQUFDLENBQUM7WUFDSCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzFCLENBQUM7SUFDRixDQUFDOzhHQXJCVyx5QkFBeUI7a0dBQXpCLHlCQUF5QixnVENidEMscVNBWUE7OzJGRENhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDQywrQkFBK0IsbUJBRXhCLHVCQUF1QixDQUFDLE1BQU07OEJBS3JDLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgaW5wdXQsIE91dHB1dCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbmltcG9ydCB7IE1lc3NhZ2VTZXJ2aWNlIH0gZnJvbSAncHJpbWVuZy9hcGknO1xyXG5cclxuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnYXJpbC91aS9idXR0b24nO1xyXG5pbXBvcnQgeyBjaGVja1ZhbGlkSW5wdXRzIH0gZnJvbSAnYXJpbC91aS9saWInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6ICdhcmlsLWZvcm0tc3VibWl0Om5vdChbY2xpY2tdKScsXHJcblx0dGVtcGxhdGVVcmw6ICcuL2Zvcm0tc3VibWl0LWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIEZvcm1TdWJtaXRCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBCdXR0b25Db21wb25lbnQge1xyXG5cdGZvcm1Hcm91cCA9IGlucHV0LnJlcXVpcmVkPEZvcm1Hcm91cD4oKTtcclxuXHJcblx0QE91dHB1dCgpIHZhbGlkRXZlbnQ6IEV2ZW50RW1pdHRlcjxuZXZlcj4gPSBuZXcgRXZlbnRFbWl0dGVyPG5ldmVyPigpO1xyXG5cdEBPdXRwdXQoKSBpblZhbGlkRXZlbnQ6IEV2ZW50RW1pdHRlcjxuZXZlcj4gPSBuZXcgRXZlbnRFbWl0dGVyPG5ldmVyPigpO1xyXG5cclxuXHRtZXNzYWdlU2VydmljZSA9IGluamVjdChNZXNzYWdlU2VydmljZSk7XHJcblxyXG5cdHN1Ym1pdCgpIHtcclxuXHRcdGNoZWNrVmFsaWRJbnB1dHModGhpcy5mb3JtR3JvdXAoKSk7XHJcblxyXG5cdFx0aWYgKHRoaXMuZm9ybUdyb3VwKCkudmFsaWQpIHRoaXMudmFsaWRFdmVudC5lbWl0KCk7XHJcblx0XHRlbHNlIHtcclxuXHRcdFx0dGhpcy5tZXNzYWdlU2VydmljZS5hZGQoe1xyXG5cdFx0XHRcdGtleTogJ3RvYXN0LXJvb3QnLFxyXG5cdFx0XHRcdHNldmVyaXR5OiAnd2FybiAnLFxyXG5cdFx0XHRcdHN1bW1hcnk6ICdGb3JtIEhhdGFzxLEnLFxyXG5cdFx0XHRcdGRldGFpbDogJ0zDvHRmZW4gZm9ybWRha2kgZWtzaWtsZXJpIGdpZGVyaW5peidcclxuXHRcdFx0fSk7XHJcblx0XHRcdHRoaXMuaW5WYWxpZEV2ZW50LmVtaXQoKTtcclxuXHRcdH1cclxuXHR9XHJcbn1cclxuIiwiPGFyaWwtYnV0dG9uXG5cdFtsYWJlbF09XCJsYWJlbCgpXCJcblx0W2xvYWRpbmddPVwiZm9ybUdyb3VwKCkucGVuZGluZ1wiXG5cdFtkaXNhYmxlZF09XCJkaXNhYmxlZCgpXCJcblx0W3JhaXNlZF09XCJyYWlzZWQoKVwiXG5cdFtvdXRsaW5lZF09XCJvdXRsaW5lZCgpXCJcblx0W2JhZGdlXT1cImJhZGdlKClcIlxuXHRbc2l6ZV09XCJzaXplKClcIlxuXHRbaWNvbl09XCJpY29uKClcIlxuXHRbY29sb3JdPVwiY29sb3IoKVwiXG5cdChjbGlja0V2ZW50KT1cInN1Ym1pdCgpXCI+XG48L2FyaWwtYnV0dG9uPlxuIl19

package/esm2022/ui/form/src/form.component.mjs

@@ -1,18 +1,17 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, input } from '@angular/core';
 import { FlexGridDirective, FormErrorMessageDirective } from 'aril/ui/lib';
 import * as i0 from "@angular/core";
 import * as i1 from "aril/ui/lib";
-/* TODO :
-    1. InputSignal
-*/
 export class FormComponent {
+    constructor() {
+        this.formGroup = input.required();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: FormComponent, selector: "aril-form", inputs: { formGroup: "formGroup" }, hostDirectives: [{ directive: i1.FlexGridDirective }, { directive: i1.FormErrorMessageDirective, inputs: ["formErrorMessage", "formGroup"] }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: FormComponent, selector: "aril-form", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null } }, hostDirectives: [{ directive: i1.FlexGridDirective }, { directive: i1.FormErrorMessageDirective, inputs: ["formErrorMessage", "formGroup"] }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormComponent, decorators: [{
             type: Component,
             args: [{
-                    // standalone: true,
                     selector: 'aril-form',
                     template: ` <ng-content></ng-content> `,
                     hostDirectives: [
@@ -24,8 +23,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                     ],
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], propDecorators: { formGroup: [{
-                type: Input,
-                args: [{ required: true }]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hcmlsL3VpL2Zvcm0vc3JjL2Zvcm0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRzFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7O0FBRTNFOztFQUVFO0FBZUYsTUFBTSxPQUFPLGFBQWE7OEdBQWIsYUFBYTtrR0FBYixhQUFhLG9PQVZmLDZCQUE2Qjs7MkZBVTNCLGFBQWE7a0JBYnpCLFNBQVM7bUJBQUM7b0JBQ1Ysb0JBQW9CO29CQUNwQixRQUFRLEVBQUUsV0FBVztvQkFDckIsUUFBUSxFQUFFLDZCQUE2QjtvQkFDdkMsY0FBYyxFQUFFO3dCQUNmLGlCQUFpQjt3QkFDakI7NEJBQ0MsU0FBUyxFQUFFLHlCQUF5Qjs0QkFDcEMsTUFBTSxFQUFFLENBQUMsNkJBQTZCLENBQUM7eUJBQ3ZDO3FCQUNEO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUMvQzs4QkFFMkIsU0FBUztzQkFBbkMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBGbGV4R3JpZERpcmVjdGl2ZSwgRm9ybUVycm9yTWVzc2FnZURpcmVjdGl2ZSB9IGZyb20gJ2FyaWwvdWkvbGliJztcblxuLyogVE9ETyA6IFxuICAgIDEuIElucHV0U2lnbmFsXG4qL1xuXG5AQ29tcG9uZW50KHtcblx0Ly8gc3RhbmRhbG9uZTogdHJ1ZSxcblx0c2VsZWN0b3I6ICdhcmlsLWZvcm0nLFxuXHR0ZW1wbGF0ZTogYCA8bmctY29udGVudD48L25nLWNvbnRlbnQ+IGAsXG5cdGhvc3REaXJlY3RpdmVzOiBbXG5cdFx0RmxleEdyaWREaXJlY3RpdmUsXG5cdFx0e1xuXHRcdFx0ZGlyZWN0aXZlOiBGb3JtRXJyb3JNZXNzYWdlRGlyZWN0aXZlLFxuXHRcdFx0aW5wdXRzOiBbJ2Zvcm1FcnJvck1lc3NhZ2U6IGZvcm1Hcm91cCddXG5cdFx0fVxuXHRdLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtQ29tcG9uZW50IHtcblx0QElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgZm9ybUdyb3VwITogRm9ybUdyb3VwO1xufVxuIl19
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hcmlsL3VpL2Zvcm0vc3JjL2Zvcm0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRzFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7O0FBYzNFLE1BQU0sT0FBTyxhQUFhO0lBWjFCO1FBYUMsY0FBUyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQWEsQ0FBQztLQUN4Qzs4R0FGWSxhQUFhO2tHQUFiLGFBQWEsK1VBVmYsNkJBQTZCOzsyRkFVM0IsYUFBYTtrQkFaekIsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUsV0FBVztvQkFDckIsUUFBUSxFQUFFLDZCQUE2QjtvQkFDdkMsY0FBYyxFQUFFO3dCQUNmLGlCQUFpQjt3QkFDakI7NEJBQ0MsU0FBUyxFQUFFLHlCQUF5Qjs0QkFDcEMsTUFBTSxFQUFFLENBQUMsNkJBQTZCLENBQUM7eUJBQ3ZDO3FCQUNEO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUMvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbmltcG9ydCB7IEZsZXhHcmlkRGlyZWN0aXZlLCBGb3JtRXJyb3JNZXNzYWdlRGlyZWN0aXZlIH0gZnJvbSAnYXJpbC91aS9saWInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6ICdhcmlsLWZvcm0nLFxyXG5cdHRlbXBsYXRlOiBgIDxuZy1jb250ZW50PjwvbmctY29udGVudD4gYCxcclxuXHRob3N0RGlyZWN0aXZlczogW1xyXG5cdFx0RmxleEdyaWREaXJlY3RpdmUsXHJcblx0XHR7XHJcblx0XHRcdGRpcmVjdGl2ZTogRm9ybUVycm9yTWVzc2FnZURpcmVjdGl2ZSxcclxuXHRcdFx0aW5wdXRzOiBbJ2Zvcm1FcnJvck1lc3NhZ2U6IGZvcm1Hcm91cCddXHJcblx0XHR9XHJcblx0XSxcclxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRm9ybUNvbXBvbmVudCB7XHJcblx0Zm9ybUdyb3VwID0gaW5wdXQucmVxdWlyZWQ8Rm9ybUdyb3VwPigpO1xyXG59XHJcbiJdfQ==

package/esm2022/ui/lib/src/form/form-error-message.component.mjs

@@ -2,10 +2,6 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { MessagesModule } from 'primeng/messages';
 import * as i0 from "@angular/core";
 import * as i1 from "primeng/messages";
-/* TODO :
-    1. InputSignal
-    2. Use computed or effect instead of input setter
-*/
 export class FormErrorMessagesComponent {
     set messages(messages) {
         this._pMessages = Object.values(messages).map((msg) => {
@@ -34,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
         }], propDecorators: { messages: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1lcnJvci1tZXNzYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FyaWwvdWkvbGliL3NyYy9mb3JtL2Zvcm0tZXJyb3ItbWVzc2FnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFJMUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFFbEQ7OztFQUdFO0FBWUYsTUFBTSxPQUFPLDBCQUEwQjtJQUd0QyxJQUFhLFFBQVEsQ0FBQyxRQUFpQztRQUN0RCxJQUFJLENBQUMsVUFBVSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsUUFBUyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7WUFDdEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUM7UUFDeEQsQ0FBQyxDQUFDLENBQUM7SUFDSixDQUFDOzhHQVBXLDBCQUEwQjtrR0FBMUIsMEJBQTBCLDBHQVA1Qjs7OztFQUlULDJEQUxTLGNBQWM7OzJGQVFaLDBCQUEwQjtrQkFWdEMsU0FBUzttQkFBQztvQkFDVixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsY0FBYyxDQUFDO29CQUN6QixRQUFRLEVBQUU7Ozs7RUFJVDtvQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDL0M7OEJBSWEsUUFBUTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBWYWxpZGF0aW9uRXJyb3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBNZXNzYWdlIH0gZnJvbSAncHJpbWVuZy9hcGknO1xuaW1wb3J0IHsgTWVzc2FnZXNNb2R1bGUgfSBmcm9tICdwcmltZW5nL21lc3NhZ2VzJztcblxuLyogVE9ETyA6IFxuICAgIDEuIElucHV0U2lnbmFsXG4gICAgMi4gVXNlIGNvbXB1dGVkIG9yIGVmZmVjdCBpbnN0ZWFkIG9mIGlucHV0IHNldHRlclxuKi9cblxuQENvbXBvbmVudCh7XG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtNZXNzYWdlc01vZHVsZV0sXG5cdHRlbXBsYXRlOiBgXG5cdFx0PGRpdiBjbGFzcz1cImZsZXggZ2FwLTIgZm9ybUVycm9yTWVzc2FnZVwiPlxuXHRcdFx0PHAtbWVzc2FnZXMgWyh2YWx1ZSldPVwiX3BNZXNzYWdlc1wiIFtlbmFibGVTZXJ2aWNlXT1cImZhbHNlXCIgW2Nsb3NhYmxlXT1cImZhbHNlXCI+PC9wLW1lc3NhZ2VzPlxuXHRcdDwvZGl2PlxuXHRgLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtRXJyb3JNZXNzYWdlc0NvbXBvbmVudCB7XG5cdF9wTWVzc2FnZXMhOiBNZXNzYWdlW107XG5cblx0QElucHV0KCkgc2V0IG1lc3NhZ2VzKG1lc3NhZ2VzOiBWYWxpZGF0aW9uRXJyb3JzIHwgbnVsbCkge1xuXHRcdHRoaXMuX3BNZXNzYWdlcyA9IE9iamVjdC52YWx1ZXMobWVzc2FnZXMhKS5tYXAoKG1zZykgPT4ge1xuXHRcdFx0cmV0dXJuIHsgc2V2ZXJpdHk6ICdlcnJvcicsIHN1bW1hcnk6ICcnLCBkZXRhaWw6IG1zZyB9O1xuXHRcdH0pO1xuXHR9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1lcnJvci1tZXNzYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FyaWwvdWkvbGliL3NyYy9mb3JtL2Zvcm0tZXJyb3ItbWVzc2FnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFJMUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFZbEQsTUFBTSxPQUFPLDBCQUEwQjtJQUd0QyxJQUFhLFFBQVEsQ0FBQyxRQUFpQztRQUN0RCxJQUFJLENBQUMsVUFBVSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsUUFBUyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7WUFDdEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUM7UUFDeEQsQ0FBQyxDQUFDLENBQUM7SUFDSixDQUFDOzhHQVBXLDBCQUEwQjtrR0FBMUIsMEJBQTBCLDBHQVA1Qjs7OztFQUlULDJEQUxTLGNBQWM7OzJGQVFaLDBCQUEwQjtrQkFWdEMsU0FBUzttQkFBQztvQkFDVixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsY0FBYyxDQUFDO29CQUN6QixRQUFRLEVBQUU7Ozs7RUFJVDtvQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDL0M7OEJBSWEsUUFBUTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBWYWxpZGF0aW9uRXJyb3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBNZXNzYWdlIH0gZnJvbSAncHJpbWVuZy9hcGknO1xuaW1wb3J0IHsgTWVzc2FnZXNNb2R1bGUgfSBmcm9tICdwcmltZW5nL21lc3NhZ2VzJztcblxuQENvbXBvbmVudCh7XG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtNZXNzYWdlc01vZHVsZV0sXG5cdHRlbXBsYXRlOiBgXG5cdFx0PGRpdiBjbGFzcz1cImZsZXggZ2FwLTIgZm9ybUVycm9yTWVzc2FnZVwiPlxuXHRcdFx0PHAtbWVzc2FnZXMgWyh2YWx1ZSldPVwiX3BNZXNzYWdlc1wiIFtlbmFibGVTZXJ2aWNlXT1cImZhbHNlXCIgW2Nsb3NhYmxlXT1cImZhbHNlXCI+PC9wLW1lc3NhZ2VzPlxuXHRcdDwvZGl2PlxuXHRgLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtRXJyb3JNZXNzYWdlc0NvbXBvbmVudCB7XG5cdF9wTWVzc2FnZXMhOiBNZXNzYWdlW107XG5cblx0QElucHV0KCkgc2V0IG1lc3NhZ2VzKG1lc3NhZ2VzOiBWYWxpZGF0aW9uRXJyb3JzIHwgbnVsbCkge1xuXHRcdHRoaXMuX3BNZXNzYWdlcyA9IE9iamVjdC52YWx1ZXMobWVzc2FnZXMhKS5tYXAoKG1zZykgPT4ge1xuXHRcdFx0cmV0dXJuIHsgc2V2ZXJpdHk6ICdlcnJvcicsIHN1bW1hcnk6ICcnLCBkZXRhaWw6IG1zZyB9O1xuXHRcdH0pO1xuXHR9XG59XG4iXX0=