aril 0.0.8 → 0.0.13

package/fesm2022/aril-ui-checkbox.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, Component, ChangeDetectionStrategy } from '@angular/core';
+import { input, Component } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
 import * as i3 from 'primeng/checkbox';
@@ -11,6 +11,9 @@ import { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } fro
 import * as i3$1 from 'primeng/tristatecheckbox';
 import { TriStateCheckboxModule } from 'primeng/tristatecheckbox';
 
+/* TODO
+    1. HostAttributeToken
+*/
 class CheckboxComponent extends BaseInputComponent {
     constructor() {
         super(...arguments);
@@ -18,13 +21,16 @@ class CheckboxComponent extends BaseInputComponent {
         this.tabindex = input();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: CheckboxComponent, isStandalone: true, selector: "aril-checkbox[ngModel], aril-checkbox[formControl], aril-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-checkbox\n\t[label]=\"label()\"\n\t[tabindex]=\"tabindex()\"\n\t[binary]=\"true\"\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-checkbox>\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: CheckboxModule }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange", "onFocus", "onBlur"] }, { 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: CheckboxComponent, isStandalone: true, selector: "aril-checkbox[ngModel], aril-checkbox[formControl], aril-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-checkbox\n\t[label]=\"label()\"\n\t[tabindex]=\"tabindex()\"\n\t[binary]=\"true\"\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-checkbox>\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: CheckboxModule }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange", "onFocus", "onBlur"] }, { 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: CheckboxComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-checkbox[ngModel], aril-checkbox[formControl], aril-checkbox[formControlName]', imports: [ReactiveFormsModule, CheckboxModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-checkbox\n\t[label]=\"label()\"\n\t[tabindex]=\"tabindex()\"\n\t[binary]=\"true\"\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-checkbox>\n" }]
+            args: [{ standalone: true, selector: 'aril-checkbox[ngModel], aril-checkbox[formControl], aril-checkbox[formControlName]', imports: [ReactiveFormsModule, CheckboxModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<p-checkbox\n\t[label]=\"label()\"\n\t[tabindex]=\"tabindex()\"\n\t[binary]=\"true\"\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-checkbox>\n" }]
         }] });
 
+/* TODO
+    1. HostAttributeToken
+*/
 class TriStateCheckboxComponent extends BaseInputComponent {
     constructor() {
         super(...arguments);
@@ -32,11 +38,11 @@ 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$1.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$1.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" }]
         }] });
 
 /**

package/fesm2022/aril-ui-checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-checkbox.mjs","sources":["../../projects/aril/ui/checkbox/src/check-box.component.ts","../../projects/aril/ui/checkbox/src/check-box.component.html","../../projects/aril/ui/checkbox/src/tri-state-checkbox.component.ts","../../projects/aril/ui/checkbox/src/tri-state-checkbox.component.html","../../projects/aril/ui/checkbox/aril-ui-checkbox.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { CheckboxModule } from 'primeng/checkbox';\nimport { TooltipModule } from 'primeng/tooltip';\n\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-checkbox[ngModel], aril-checkbox[formControl], aril-checkbox[formControlName]',\n\ttemplateUrl: './check-box.component.html',\n\timports: [ReactiveFormsModule, CheckboxModule, TooltipModule, InputErrorMessagePipe],\n\thostDirectives: [ValueAccessorDirective],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CheckboxComponent extends BaseInputComponent {\n\tlabel = input.required<string>();\n\ttabindex = input<number>();\n}\n","<p-checkbox\n\t[label]=\"label()\"\n\t[tabindex]=\"tabindex()\"\n\t[binary]=\"true\"\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-checkbox>\n","import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { TooltipModule } from 'primeng/tooltip';\nimport { TriStateCheckboxModule } from 'primeng/tristatecheckbox';\n\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\n\n@Component({\n\tstandalone: true,\n\tselector:\n\t\t'aril-tri-state-checkbox[ngModel], aril-tri-state-checkbox[formControl], aril-tri-state-checkbox[formControlName]',\n\ttemplateUrl: './tri-state-checkbox.component.html',\n\timports: [ReactiveFormsModule, TriStateCheckboxModule, TooltipModule, InputErrorMessagePipe],\n\thostDirectives: [ValueAccessorDirective],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TriStateCheckboxComponent extends BaseInputComponent {\n\tlabel = input.required<string>();\n\ttabindex = input<number>();\n}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i3"],"mappings":";;;;;;;;;;;;;AAgBM,MAAO,iBAAkB,SAAQ,kBAAkB,CAAA;AARzD,IAAA,WAAA,GAAA;;AASC,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;QACjC,IAAQ,CAAA,QAAA,GAAG,KAAK,EAAU,CAAC;AAC3B,KAAA;8GAHY,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oFAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChB9B,qVASA,EDGW,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,yTAAE,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,SAAA,EAAA,OAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,qBAAqB,EAAA,IAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAIvE,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,YACN,oFAAoF,EAAA,OAAA,EAErF,CAAC,mBAAmB,EAAE,cAAc,EAAE,aAAa,EAAE,qBAAqB,CAAC,kBACpE,CAAC,sBAAsB,CAAC,EACvB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,qVAAA,EAAA,CAAA;;;AEG1C,MAAO,yBAA0B,SAAQ,kBAAkB,CAAA;AATjE,IAAA,WAAA,GAAA;;AAUC,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;QACjC,IAAQ,CAAA,QAAA,GAAG,KAAK,EAAU,CAAC;AAC3B,KAAA;8GAHY,yBAAyB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kHAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjBtC,mTAOA,EDMW,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,yTAAE,sBAAsB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,SAAA,EAAA,OAAA,EAAA,YAAA,EAAA,OAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,mBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,qBAAqB,EAAA,IAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAI/E,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBATrC,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,YAEf,kHAAkH,EAAA,OAAA,EAE1G,CAAC,mBAAmB,EAAE,sBAAsB,EAAE,aAAa,EAAE,qBAAqB,CAAC,kBAC5E,CAAC,sBAAsB,CAAC,EACvB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mTAAA,EAAA,CAAA;;;AEfhD;;AAEG;;;;"}
+{"version":3,"file":"aril-ui-checkbox.mjs","sources":["../../projects/aril/ui/checkbox/src/check-box.component.ts","../../projects/aril/ui/checkbox/src/check-box.component.html","../../projects/aril/ui/checkbox/src/tri-state-checkbox.component.ts","../../projects/aril/ui/checkbox/src/tri-state-checkbox.component.html","../../projects/aril/ui/checkbox/aril-ui-checkbox.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { CheckboxModule } from 'primeng/checkbox';\nimport { TooltipModule } from 'primeng/tooltip';\n\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\n\n/* TODO\n    1. HostAttributeToken\n*/\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-checkbox[ngModel], aril-checkbox[formControl], aril-checkbox[formControlName]',\n\ttemplateUrl: './check-box.component.html',\n\timports: [ReactiveFormsModule, CheckboxModule, TooltipModule, InputErrorMessagePipe],\n\thostDirectives: [ValueAccessorDirective]\n})\nexport class CheckboxComponent extends BaseInputComponent {\n\tlabel = input.required<string>();\n\ttabindex = input<number>();\n}\n","<p-checkbox\n\t[label]=\"label()\"\n\t[tabindex]=\"tabindex()\"\n\t[binary]=\"true\"\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-checkbox>\n","import { Component, input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { TooltipModule } from 'primeng/tooltip';\nimport { TriStateCheckboxModule } from 'primeng/tristatecheckbox';\n\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\n\n/* TODO\n    1. HostAttributeToken\n*/\n\n@Component({\n\tstandalone: true,\n\tselector:\n\t\t'aril-tri-state-checkbox[ngModel], aril-tri-state-checkbox[formControl], aril-tri-state-checkbox[formControlName]',\n\ttemplateUrl: './tri-state-checkbox.component.html',\n\timports: [ReactiveFormsModule, TriStateCheckboxModule, TooltipModule, InputErrorMessagePipe],\n\thostDirectives: [ValueAccessorDirective]\n})\nexport class TriStateCheckboxComponent extends BaseInputComponent {\n\tlabel = input.required<string>();\n\ttabindex = input<number>();\n}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i3"],"mappings":"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"}

package/fesm2022/aril-ui-dxField.mjs

@@ -1,33 +1,21 @@
 import { NgStyle } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { input, Component, ChangeDetectionStrategy } from '@angular/core';
 
-/* TODO :
-    1. InputSignal
-*/
 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 + '%' }]
-            }] } });
+            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" }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/aril-ui-dxField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-dxField.mjs","sources":["../../projects/aril/ui/dxField/src/dx-field.component.ts","../../projects/aril/ui/dxField/src/dx-field.component.html","../../projects/aril/ui/dxField/aril-ui-dxField.ts"],"sourcesContent":["import { NgStyle } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n/* TODO : \n    1. InputSignal\n*/\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-dx-field',\n\ttemplateUrl: './dx-field.component.html',\n\timports: [NgStyle],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DxFieldComponent {\n\t@Input() label!: string;\n\t@Input() color = '#333';\n\t@Input({ transform: (value: number) => value + '%' }) labelWidth = 30;\n\t@Input({ transform: (value: number) => value + '%' }) valueWidth = 70;\n}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA;;AAEE;MASW,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;QASU,IAAK,CAAA,KAAA,GAAG,MAAM,CAAC;QAC8B,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;QAChB,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;AACtE,KAAA;8GALY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAGR,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,CAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAC9B,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,CAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBnD,4QAQA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDGW,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGL,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;iCACG,IAAI,EAAA,QAAA,EACN,eAAe,EAEhB,OAAA,EAAA,CAAC,OAAO,CAAC,EAAA,eAAA,EACD,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,4QAAA,EAAA,CAAA;8BAGtC,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACgD,UAAU,EAAA,CAAA;sBAA/D,KAAK;uBAAC,EAAE,SAAS,EAAE,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,EAAE,CAAA;gBACE,UAAU,EAAA,CAAA;sBAA/D,KAAK;uBAAC,EAAE,SAAS,EAAE,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,EAAE,CAAA;;;AElBrD;;AAEG;;;;"}
+{"version":3,"file":"aril-ui-dxField.mjs","sources":["../../projects/aril/ui/dxField/src/dx-field.component.ts","../../projects/aril/ui/dxField/src/dx-field.component.html","../../projects/aril/ui/dxField/aril-ui-dxField.ts"],"sourcesContent":["import { NgStyle } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-dx-field',\n\ttemplateUrl: './dx-field.component.html',\n\timports: [NgStyle],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DxFieldComponent {\n\tlabel = input<string>();\n\tcolor = input<string>('#333');\n\tlabelWidth = input<number>(30);\n\tvalueWidth = input<number>(70);\n}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAUa,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;QAQC,IAAK,CAAA,KAAA,GAAG,KAAK,EAAU,CAAC;AACxB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,MAAM,CAAC,CAAC;AAC9B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,EAAE,CAAC,CAAC;AAC/B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,EAAE,CAAC,CAAC;AAC/B,KAAA;8GALY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECV7B,gSAQA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDDW,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGL,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;iCACG,IAAI,EAAA,QAAA,EACN,eAAe,EAEhB,OAAA,EAAA,CAAC,OAAO,CAAC,EAAA,eAAA,EACD,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gSAAA,EAAA,CAAA;;;AERhD;;AAEG;;;;"}

package/fesm2022/aril-ui-field.mjs

@@ -1,47 +1,34 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
+import { input, effect, Component, ChangeDetectionStrategy, HostBinding } from '@angular/core';
 import { DxFieldComponent } from 'aril/ui/dxField';
+import { NgIf, NgTemplateOutlet } from '@angular/common';
 
 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: [{

package/fesm2022/aril-ui-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-field.mjs","sources":["../../projects/aril/ui/field/src/field.component.ts","../../projects/aril/ui/field/src/field.component.html","../../projects/aril/ui/field/aril-ui-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\n\nimport { Types } from 'aril/util/lib';\nimport { DxFieldComponent } from 'aril/ui/dxField';\n\n/* TODO : \n    1. InputSignal\n*/\n\ntype LabelPositions = 'top' | 'left';\n\ninterface ColumnSizeTypes {\n\txl?: Types.NumberRange<1, 13>;\n\tlg?: Types.NumberRange<1, 13>;\n\tmd?: Types.NumberRange<1, 13>;\n\tsm?: Types.NumberRange<1, 13>;\n}\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-field',\n\ttemplateUrl: './field.component.html',\n\timports: [DxFieldComponent],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FieldComponent {\n\t@Input({ required: true }) label!: string;\n\t@Input() labelPos: LabelPositions = 'top';\n\t@Input() color = '#333';\n\t@Input({ transform: (value: number) => value + '%' }) labelWidth = 30;\n\t@Input({ transform: (value: number) => value + '%' }) valueWidth = 70;\n\t@Input() markAsRequired!: boolean;\n\t@Input({ required: true }) set cols(value: ColumnSizeTypes) {\n\t\tthis.hostClass = '';\n\t\tObject.entries(value).forEach(([key, value]) => {\n\t\t\tthis.hostClass += `${key}:col-${value} `;\n\t\t});\n\t}\n\n\t@HostBinding('class') hostClass = '';\n\t@HostBinding('style.padding') padding = '.5rem';\n}\n","@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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAyBa,cAAc,CAAA;AAP3B,IAAA,WAAA,GAAA;QASU,IAAQ,CAAA,QAAA,GAAmB,KAAK,CAAC;QACjC,IAAK,CAAA,KAAA,GAAG,MAAM,CAAC;QAC8B,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;QAChB,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;QAShD,IAAS,CAAA,SAAA,GAAG,EAAE,CAAC;QACP,IAAO,CAAA,OAAA,GAAG,OAAO,CAAC;AAChD,KAAA;IATA,IAA+B,IAAI,CAAC,KAAsB,EAAA;AACzD,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;AACpB,QAAA,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;YAC9C,IAAI,CAAC,SAAS,IAAI,CAAA,EAAG,GAAG,CAAQ,KAAA,EAAA,KAAK,GAAG,CAAC;AAC1C,SAAC,CAAC,CAAC;KACH;8GAZW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAIN,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,CAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAC9B,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,CAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC9BnD,uXAYA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDUW,gBAAgB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;iCACG,IAAI,EAAA,QAAA,EACN,YAAY,EAEb,OAAA,EAAA,CAAC,gBAAgB,CAAC,EAAA,eAAA,EACV,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,uXAAA,EAAA,CAAA;8BAGpB,KAAK,EAAA,CAAA;sBAA/B,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAChB,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACgD,UAAU,EAAA,CAAA;sBAA/D,KAAK;uBAAC,EAAE,SAAS,EAAE,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,EAAE,CAAA;gBACE,UAAU,EAAA,CAAA;sBAA/D,KAAK;uBAAC,EAAE,SAAS,EAAE,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,EAAE,CAAA;gBAC3C,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACyB,IAAI,EAAA,CAAA;sBAAlC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAOH,SAAS,EAAA,CAAA;sBAA9B,WAAW;uBAAC,OAAO,CAAA;gBACU,OAAO,EAAA,CAAA;sBAApC,WAAW;uBAAC,eAAe,CAAA;;;AExC7B;;AAEG;;;;"}
+{"version":3,"file":"aril-ui-field.mjs","sources":["../../projects/aril/ui/field/src/field.component.ts","../../projects/aril/ui/field/src/field.component.html","../../projects/aril/ui/field/aril-ui-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, input, effect } from '@angular/core';\n\nimport { Types } from 'aril/util/lib';\nimport { DxFieldComponent } from 'aril/ui/dxField';\nimport { NgIf, NgTemplateOutlet } from '@angular/common';\n\ntype LabelPositions = 'top' | 'left';\n\ninterface ColumnSizeTypes {\n\txl?: Types.NumberRange<1, 13>;\n\tlg?: Types.NumberRange<1, 13>;\n\tmd?: Types.NumberRange<1, 13>;\n\tsm?: Types.NumberRange<1, 13>;\n}\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-field',\n\ttemplateUrl: './field.component.html',\n\timports: [DxFieldComponent, NgIf, NgTemplateOutlet],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FieldComponent {\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tif (this.cols()) {\n\t\t\t\tthis.hostClass = Object.entries(this.cols()).reduce((acc, [key, value]) => {\n\t\t\t\t\treturn `${acc} ${key}:col-${value}`;\n\t\t\t\t}, '');\n\t\t\t}\n\t\t});\n\t}\n\n\tlabel = input<string>();\n\tcolor = input<string>('#333');\n\tlabelWidth = input<number>(30);\n\tvalueWidth = input<number>(70);\n\tlabelPos = input<LabelPositions>('top');\n\tmarkAsRequired = input<boolean>(false);\n\tcols = input.required<ColumnSizeTypes>({});\n\n\t@HostBinding('class') hostClass = '';\n\t@HostBinding('style.padding') padding = '.5rem';\n}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAsBa,cAAc,CAAA;AAC1B,IAAA,WAAA,GAAA;QAUA,IAAK,CAAA,KAAA,GAAG,KAAK,EAAU,CAAC;AACxB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,MAAM,CAAC,CAAC;AAC9B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,EAAE,CAAC,CAAC;AAC/B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,EAAE,CAAC,CAAC;AAC/B,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAiB,KAAK,CAAC,CAAC;AACxC,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;AACvC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAkB,EAAE,CAAC,CAAC;QAErB,IAAS,CAAA,SAAA,GAAG,EAAE,CAAC;QACP,IAAO,CAAA,OAAA,GAAG,OAAO,CAAC;QAlB/C,MAAM,CAAC,MAAK;AACX,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE;gBAChB,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;AACzE,oBAAA,OAAO,GAAG,GAAG,CAAA,CAAA,EAAI,GAAG,CAAQ,KAAA,EAAA,KAAK,EAAE,CAAC;iBACpC,EAAE,EAAE,CAAC,CAAC;aACP;AACF,SAAC,CAAC,CAAC;KACH;8GATW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,8iCCtB3B,ogBAiBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDEW,gBAAgB,EAAE,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,6FAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGtC,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,YAAY,EAEb,OAAA,EAAA,CAAC,gBAAgB,EAAE,IAAI,EAAE,gBAAgB,CAAC,EAClC,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ogBAAA,EAAA,CAAA;wDAqBzB,SAAS,EAAA,CAAA;sBAA9B,WAAW;uBAAC,OAAO,CAAA;gBACU,OAAO,EAAA,CAAA;sBAApC,WAAW;uBAAC,eAAe,CAAA;;;AE1C7B;;AAEG;;;;"}

package/fesm2022/aril-ui-fileUpload.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
+import { input, EventEmitter, Component, Output } from '@angular/core';
 import * as i2 from 'primeng/fileupload';
 import { FileUploadModule } from 'primeng/fileupload';
 import * as i1 from 'primeng/api';
@@ -8,20 +8,24 @@ import { MessageService } from 'primeng/api';
 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();
@@ -32,52 +36,19 @@ 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

package/fesm2022/aril-ui-fileUpload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-fileUpload.mjs","sources":["../../projects/aril/ui/fileUpload/src/file-upload.component.ts","../../projects/aril/ui/fileUpload/src/file-upload.component.html","../../projects/aril/ui/fileUpload/aril-ui-fileUpload.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { HttpEvent } from '@angular/common/http';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\n\nimport { FileUploadModule } from 'primeng/fileupload';\nimport { MessageService } from 'primeng/api';\n\n/* TODO : \n    1. InputSignal\n*/\n\ninterface UploadEvent {\n\toriginalEvent: HttpEvent<any>;\n\tfiles: File[];\n}\n\ninterface UploadFile {\n\tname: string;\n\tsize: number;\n\ttype: string;\n\tobjectURL?: string;\n}\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-file-upload',\n\ttemplateUrl: './file-upload.component.html',\n\timports: [FileUploadModule],\n\tproviders: [MessageService],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FileUploadComponent {\n\tconstructor(private messageService: MessageService) {}\n\n\t@Input() name!: string;\n\t@Input({ required: true }) url!: string;\n\t@Input() multiple = false;\n\t@Input() accept = '.xlsx';\n\t@Input() disabled = false;\n\t@Input() auto = false;\n\t@Input() maxFileSize!: number;\n\t@Input() tabindex!: number;\n\t@Input() withCredentials = false;\n\t@Input() showUploadButton = true;\n\t@Input() showCancelButton = true;\n\t@Input() cancelLabel = 'Temizle';\n\t@Input() chooseLabel = 'Dosyayi Seç';\n\t@Input() uploadLabel = 'Dosyayi Yükle';\n\t@Input() invalidFileTypeMessageSummary = 'Geçersiz dosya türü';\n\t@Input() invalidFileTypeMessageDetail = 'Seçilen dosya türü desteklenmiyor.';\n\t@Input() invalidFileSizeMessageSummary = 'Dosya boyutu çok büyük';\n\t@Input() invalidFileSizeMessageDetail = 'Dosya boyutu izin verilen maksimum boyuttan daha büyük.';\n\n\t@Output() beforeSend: EventEmitter<unknown> = new EventEmitter();\n\t@Output() upload: EventEmitter<unknown> = new EventEmitter();\n\t@Output() errors: EventEmitter<unknown> = new EventEmitter();\n\t@Output() selects: EventEmitter<unknown> = new EventEmitter();\n\t@Output() clear: EventEmitter<unknown> = new EventEmitter();\n\n\tuploadedFiles: UploadFile[] = [];\n\n\tonUpload(event: UploadEvent) {\n\t\tthis.upload.emit(event);\n\t\tthis.uploadedFiles = event.files;\n\t\tthis.messageService.add({ severity: 'success', summary: 'Dosya başarıyla yüklendi..', detail: '' });\n\t}\n}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"aril-ui-fileUpload.mjs","sources":["../../projects/aril/ui/fileUpload/src/file-upload.component.ts","../../projects/aril/ui/fileUpload/src/file-upload.component.html","../../projects/aril/ui/fileUpload/aril-ui-fileUpload.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { HttpEvent } from '@angular/common/http';\nimport { Component, EventEmitter, input, Output } from '@angular/core';\n\nimport { FileUploadModule } from 'primeng/fileupload';\nimport { MessageService } from 'primeng/api';\n\n/* TODO : \n    1. HostAttributeToken\n*/\n\ninterface UploadEvent {\n\toriginalEvent: HttpEvent<any>;\n\tfiles: File[];\n}\n\ninterface UploadFile {\n\tname: string;\n\tsize: number;\n\ttype: string;\n\tobjectURL?: string;\n}\n\ninterface FileUploadErrorEvent {\n\tfiles: File[];\n\terror: ErrorEvent;\n}\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-file-upload',\n\ttemplateUrl: './file-upload.component.html',\n\timports: [FileUploadModule],\n\tproviders: [MessageService]\n})\nexport class FileUploadComponent {\n\tconstructor(private messageService: MessageService) {}\n\n\tname = input<string>();\n\turl = input.required<string>();\n\tmultiple = input(false);\n\taccept = input<string>('.xlsx');\n\tdisabled = input(false);\n\tauto = input(false);\n\tmaxFileSize = input<number>();\n\ttabindex = input<number>();\n\twithCredentials = input(false);\n\tshowUploadButton = input(true);\n\tshowCancelButton = input(true);\n\tcancelLabel = input('Temizle');\n\tchooseLabel = input('Dosya Seç');\n\tuploadLabel = input('Dosya Yükle');\n\tinvalidFileTypeMessageSummary = input('Geçersiz dosya türü');\n\tinvalidFileTypeMessageDetail = input('Seçilen dosya türü desteklenmiyor.');\n\tinvalidFileSizeMessageSummary = input('Dosya boyutu çok büyük');\n\tinvalidFileSizeMessageDetail = input('Dosya boyutu izin verilen maksimum boyuttan daha büyük.');\n\n\t@Output() beforeSend: EventEmitter<unknown> = new EventEmitter();\n\t@Output() upload: EventEmitter<unknown> = new EventEmitter();\n\t@Output() errors: EventEmitter<unknown> = new EventEmitter();\n\t@Output() selects: EventEmitter<unknown> = new EventEmitter();\n\t@Output() clear: EventEmitter<unknown> = new EventEmitter();\n\n\tuploadedFiles: UploadFile[] = [];\n\n\tonUpload(event: UploadEvent) {\n\t\tthis.upload.emit(event);\n\t\tthis.uploadedFiles = event.files;\n\t\tthis.messageService.add({ key: 'toast-root', severity: 'success', summary: 'Dosya başarıyla yüklendi.' });\n\t}\n\n\tonError(event: any) {\n\t\tthis.errors.emit(event);\n\t\tthis.messageService.add({ key: 'toast-root', severity: 'error', summary: 'Dosya yüklenemedi.' });\n\t}\n}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-form.mjs

@@ -1,22 +1,21 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, EventEmitter, Output, NgModule } from '@angular/core';
+import { input, Component, ChangeDetectionStrategy, EventEmitter, inject, Output, NgModule } from '@angular/core';
 import * as i1$1 from 'aril/ui/button';
 import { ButtonComponent } from 'aril/ui/button';
 import * as i1 from 'aril/ui/lib';
-import { FlexGridDirective, FormErrorMessageDirective } from 'aril/ui/lib';
-import { isFormControl, isFormGroup, isFormArray } from '@angular/forms';
+import { FlexGridDirective, FormErrorMessageDirective, checkValidInputs } from 'aril/ui/lib';
+import { MessageService } from 'primeng/api';
 
-/* TODO :
-    1. InputSignal
-*/
 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: [
@@ -28,47 +27,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                     ],
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], propDecorators: { formGroup: [{
-                type: Input,
-                args: [{ required: true }]
-            }] } });
+        }] });
 
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* TODO :
-    1. InputSignal
-*/
 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$1.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$1.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
             }] } });