aril 0.0.8 → 0.0.13

package/fesm2022/aril-ui-text.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { input, computed, Component } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
 import * as i2 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
@@ -10,48 +10,37 @@ import { TooltipModule } from 'primeng/tooltip';
 import * as i1 from 'aril/ui/lib';
 import { BaseInputComponent, iconTransform, iconPosTransform, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
 
-/* TODO :
-    1. InputSignal
-    2. Use computed or effect instead of input setter
+/* TODO
+    1. HostAttributeToken
 */
 class TextComponent extends BaseInputComponent {
     constructor() {
         super(...arguments);
-        this.placeholder = '';
-        this.sizeClass = '';
-    }
-    set size(value) {
-        switch (value) {
-            case 'sm':
-                this.sizeClass = '.p-inputtext-sm';
-                break;
-            case 'lg':
-                this.sizeClass = '.p-inputtext-lg';
-                break;
-            default:
-                this.sizeClass = '';
-                break;
-        }
+        this.placeholder = input();
+        this.tabindex = input();
+        this.icon = input();
+        this.iconPos = input('left');
+        this.size = input('sm');
+        this._icon = computed(() => iconTransform(this.icon()));
+        this._iconPosClass = computed(() => iconPosTransform(this.iconPos()));
+        this._sizeClass = computed(() => {
+            switch (this.size()) {
+                case 'sm':
+                    return 'p-inputtext-sm';
+                case 'md':
+                    return '';
+                case 'lg':
+                    return 'p-inputtext-lg';
+            }
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: TextComponent, isStandalone: true, selector: "aril-text[ngModel], aril-text[formControl], aril-text[formControlName]", inputs: { placeholder: "placeholder", tabindex: "tabindex", icon: ["icon", "icon", iconTransform], iconPosClass: ["iconPos", "iconPosClass", iconPosTransform], size: "size" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<ng-template #input>\n\t<input\n\t\tpInputText\n\t\ttype=\"text\"\n\t\t[class]=\"sizeClass\"\n\t\t[placeholder]=\"placeholder\"\n\t\t[tabindex]=\"tabindex\"\n\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t\t[tooltipOptions]=\"tooltipOptions\"\n\t\t[formControl]=\"ngControl.control\"\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\" />\n</ng-template>\n\n@if (icon) {\n\t<span [class]=\"iconPosClass ?? 'p-input-icon-left'\">\n\t\t<i [class]=\"icon\"></i>\n\t\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\n\t</span>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3.InputText, selector: "[pInputText]" }, { 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" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: TextComponent, isStandalone: true, selector: "aril-text[ngModel], aril-text[formControl], aril-text[formControlName]", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconPos: { classPropertyName: "iconPos", publicName: "iconPos", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<ng-template #input>\n\t<input\n\t\tpInputText\n\t\ttype=\"text\"\n\t\t[class]=\"_sizeClass()\"\n\t\t[placeholder]=\"placeholder()\"\n\t\t[tabindex]=\"tabindex()\"\n\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t\t[tooltipOptions]=\"tooltipOptions\"\n\t\t[formControl]=\"ngControl.control\"\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\" />\n</ng-template>\n\n@if (_icon()) {\n\t<span [class]=\"_iconPosClass()\">\n\t\t<i [class]=\"_icon()\"></i>\n\t\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\n\t</span>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3.InputText, selector: "[pInputText]" }, { 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" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TextComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-text[ngModel], aril-text[formControl], aril-text[formControlName]', imports: [ReactiveFormsModule, InputTextModule, TooltipModule, InputErrorMessagePipe, NgTemplateOutlet], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #input>\n\t<input\n\t\tpInputText\n\t\ttype=\"text\"\n\t\t[class]=\"sizeClass\"\n\t\t[placeholder]=\"placeholder\"\n\t\t[tabindex]=\"tabindex\"\n\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t\t[tooltipOptions]=\"tooltipOptions\"\n\t\t[formControl]=\"ngControl.control\"\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\" />\n</ng-template>\n\n@if (icon) {\n\t<span [class]=\"iconPosClass ?? 'p-input-icon-left'\">\n\t\t<i [class]=\"icon\"></i>\n\t\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\n\t</span>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\n}\n" }]
-        }], propDecorators: { placeholder: [{
-                type: Input
-            }], tabindex: [{
-                type: Input
-            }], icon: [{
-                type: Input,
-                args: [{ transform: iconTransform }]
-            }], iconPosClass: [{
-                type: Input,
-                args: [{ alias: 'iconPos', transform: iconPosTransform }]
-            }], size: [{
-                type: Input
-            }] } });
+            args: [{ standalone: true, selector: 'aril-text[ngModel], aril-text[formControl], aril-text[formControlName]', imports: [ReactiveFormsModule, InputTextModule, TooltipModule, InputErrorMessagePipe, NgTemplateOutlet], hostDirectives: [ValueAccessorDirective], template: "<ng-template #input>\n\t<input\n\t\tpInputText\n\t\ttype=\"text\"\n\t\t[class]=\"_sizeClass()\"\n\t\t[placeholder]=\"placeholder()\"\n\t\t[tabindex]=\"tabindex()\"\n\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t\t[tooltipOptions]=\"tooltipOptions\"\n\t\t[formControl]=\"ngControl.control\"\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\" />\n</ng-template>\n\n@if (_icon()) {\n\t<span [class]=\"_iconPosClass()\">\n\t\t<i [class]=\"_icon()\"></i>\n\t\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\n\t</span>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\n}\n" }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-text.mjs","sources":["../../projects/aril/ui/text/src/text.component.ts","../../projects/aril/ui/text/src/text.component.html","../../projects/aril/ui/text/aril-ui-text.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { InputTextModule } from 'primeng/inputtext';\nimport { TooltipModule } from 'primeng/tooltip';\n\nimport {\n\tBaseInputComponent,\n\tIconPosTypes,\n\tInputErrorMessagePipe,\n\tPrimeIcon,\n\tValueAccessorDirective,\n\ticonPosTransform,\n\ticonTransform\n} from 'aril/ui/lib';\n\ntype Size = 'sm' | 'md' | 'lg';\n\n/* TODO : \n    1. InputSignal\n    2. Use computed or effect instead of input setter\n*/\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-text[ngModel], aril-text[formControl], aril-text[formControlName]',\n\ttemplateUrl: './text.component.html',\n\timports: [ReactiveFormsModule, InputTextModule, TooltipModule, InputErrorMessagePipe, NgTemplateOutlet],\n\thostDirectives: [ValueAccessorDirective],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TextComponent extends BaseInputComponent {\n\t@Input() placeholder = '';\n\t@Input() tabindex!: number;\n\t@Input({ transform: iconTransform }) icon?: PrimeIcon;\n\t@Input({ alias: 'iconPos', transform: iconPosTransform }) iconPosClass?: IconPosTypes;\n\t@Input() set size(value: Size) {\n\t\tswitch (value) {\n\t\t\tcase 'sm':\n\t\t\t\tthis.sizeClass = '.p-inputtext-sm';\n\t\t\t\tbreak;\n\t\t\tcase 'lg':\n\t\t\t\tthis.sizeClass = '.p-inputtext-lg';\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tthis.sizeClass = '';\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tsizeClass = '';\n}\n","<ng-template #input>\n\t<input\n\t\tpInputText\n\t\ttype=\"text\"\n\t\t[class]=\"sizeClass\"\n\t\t[placeholder]=\"placeholder\"\n\t\t[tabindex]=\"tabindex\"\n\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t\t[tooltipOptions]=\"tooltipOptions\"\n\t\t[formControl]=\"ngControl.control\"\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\" />\n</ng-template>\n\n@if (icon) {\n\t<span [class]=\"iconPosClass ?? 'p-input-icon-left'\">\n\t\t<i [class]=\"icon\"></i>\n\t\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\n\t</span>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\n}\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-text.mjs","sources":["../../projects/aril/ui/text/src/text.component.ts","../../projects/aril/ui/text/src/text.component.html","../../projects/aril/ui/text/aril-ui-text.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { InputTextModule } from 'primeng/inputtext';\nimport { TooltipModule } from 'primeng/tooltip';\n\nimport {\n\tBaseInputComponent,\n\tIconPosTypes,\n\tInputErrorMessagePipe,\n\tPrimeIcon,\n\tValueAccessorDirective,\n\ticonPosTransform,\n\ticonTransform\n} from 'aril/ui/lib';\n\ntype Size = 'sm' | 'md' | 'lg';\n\n/* TODO\n    1. HostAttributeToken\n*/\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-text[ngModel], aril-text[formControl], aril-text[formControlName]',\n\ttemplateUrl: './text.component.html',\n\timports: [ReactiveFormsModule, InputTextModule, TooltipModule, InputErrorMessagePipe, NgTemplateOutlet],\n\thostDirectives: [ValueAccessorDirective]\n})\nexport class TextComponent extends BaseInputComponent {\n\tplaceholder = input<string>();\n\ttabindex = input<number>();\n\ticon = input<PrimeIcon>();\n\ticonPos = input<IconPosTypes>('left');\n\tsize = input<Size>('sm');\n\n\t_icon = computed(() => iconTransform(this.icon()!));\n\t_iconPosClass = computed(() => iconPosTransform(this.iconPos()!));\n\n\t_sizeClass = computed(() => {\n\t\tswitch (this.size()) {\n\t\t\tcase 'sm':\n\t\t\t\treturn 'p-inputtext-sm';\n\t\t\tcase 'md':\n\t\t\t\treturn '';\n\t\t\tcase 'lg':\n\t\t\t\treturn 'p-inputtext-lg';\n\t\t}\n\t});\n}\n","<ng-template #input>\n\t<input\n\t\tpInputText\n\t\ttype=\"text\"\n\t\t[class]=\"_sizeClass()\"\n\t\t[placeholder]=\"placeholder()\"\n\t\t[tabindex]=\"tabindex()\"\n\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t\t[tooltipOptions]=\"tooltipOptions\"\n\t\t[formControl]=\"ngControl.control\"\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\" />\n</ng-template>\n\n@if (_icon()) {\n\t<span [class]=\"_iconPosClass()\">\n\t\t<i [class]=\"_icon()\"></i>\n\t\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\n\t</span>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-textArea.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input } 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/inputtextarea';
@@ -9,29 +9,24 @@ import { TooltipModule } from 'primeng/tooltip';
 import * as i1 from 'aril/ui/lib';
 import { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
 
-/* TODO :
-    1. InputSignal
+/* TODO
+    1. HostAttributeToken
 */
 class TextAreaComponent extends BaseInputComponent {
     constructor() {
         super(...arguments);
-        this.placeholder = '';
+        this.rows = input();
+        this.cols = input();
+        this.tabindex = input();
+        this.placeholder = input('');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: TextAreaComponent, isStandalone: true, selector: "aril-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]", inputs: { rows: "rows", cols: "cols", tabindex: "tabindex", placeholder: "placeholder" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<textarea\n\tpInputTextarea\n\t[rows]=\"rows\"\n\t[cols]=\"cols\"\n\t[autoResize]=\"true\"\n\t[placeholder]=\"placeholder\"\n\t[tabindex]=\"tabindex\"\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)\"></textarea>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i3.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { 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: TextAreaComponent, isStandalone: true, selector: "aril-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<textarea\n\tpInputTextarea\n\t[rows]=\"rows()\"\n\t[cols]=\"cols()\"\n\t[autoResize]=\"true\"\n\t[placeholder]=\"placeholder()\"\n\t[tabindex]=\"tabindex()\"\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</textarea>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i3.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { 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: TextAreaComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]', imports: [ReactiveFormsModule, InputTextareaModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<textarea\n\tpInputTextarea\n\t[rows]=\"rows\"\n\t[cols]=\"cols\"\n\t[autoResize]=\"true\"\n\t[placeholder]=\"placeholder\"\n\t[tabindex]=\"tabindex\"\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)\"></textarea>\n" }]
-        }], propDecorators: { rows: [{
-                type: Input
-            }], cols: [{
-                type: Input
-            }], tabindex: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }] } });
+            args: [{ standalone: true, selector: 'aril-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]', imports: [ReactiveFormsModule, InputTextareaModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<textarea\n\tpInputTextarea\n\t[rows]=\"rows()\"\n\t[cols]=\"cols()\"\n\t[autoResize]=\"true\"\n\t[placeholder]=\"placeholder()\"\n\t[tabindex]=\"tabindex()\"\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</textarea>\n" }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-textArea.mjs","sources":["../../projects/aril/ui/textArea/src/text-area.component.ts","../../projects/aril/ui/textArea/src/text-area.component.html","../../projects/aril/ui/textArea/aril-ui-textArea.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { InputTextareaModule } from 'primeng/inputtextarea';\nimport { TooltipModule } from 'primeng/tooltip';\n\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\n\n/* TODO : \n    1. InputSignal\n*/\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]',\n\ttemplateUrl: './text-area.component.html',\n\timports: [ReactiveFormsModule, InputTextareaModule, TooltipModule, InputErrorMessagePipe],\n\thostDirectives: [ValueAccessorDirective],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TextAreaComponent extends BaseInputComponent {\n\t@Input() rows?: number;\n\t@Input() cols?: number;\n\t@Input() tabindex!: number;\n\t@Input() placeholder = '';\n}\n","<textarea\n\tpInputTextarea\n\t[rows]=\"rows\"\n\t[cols]=\"cols\"\n\t[autoResize]=\"true\"\n\t[placeholder]=\"placeholder\"\n\t[tabindex]=\"tabindex\"\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)\"></textarea>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAQA;;AAEE;AAUI,MAAO,iBAAkB,SAAQ,kBAAkB,CAAA;AARzD,IAAA,WAAA,GAAA;;QAYU,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;AAC1B,KAAA;8GALY,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,uFAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpB9B,mZAWA,EDKW,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,ykBAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,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;;2FAI5E,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,YACN,uFAAuF,EAAA,OAAA,EAExF,CAAC,mBAAmB,EAAE,mBAAmB,EAAE,aAAa,EAAE,qBAAqB,CAAC,kBACzE,CAAC,sBAAsB,CAAC,EACvB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mZAAA,EAAA,CAAA;8BAGtC,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;;;AExBP;;AAEG;;;;"}
+{"version":3,"file":"aril-ui-textArea.mjs","sources":["../../projects/aril/ui/textArea/src/text-area.component.ts","../../projects/aril/ui/textArea/src/text-area.component.html","../../projects/aril/ui/textArea/aril-ui-textArea.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { InputTextareaModule } from 'primeng/inputtextarea';\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-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]',\n\ttemplateUrl: './text-area.component.html',\n\timports: [ReactiveFormsModule, InputTextareaModule, TooltipModule, InputErrorMessagePipe],\n\thostDirectives: [ValueAccessorDirective]\n})\nexport class TextAreaComponent extends BaseInputComponent {\n\trows = input<number>();\n\tcols = input<number>();\n\ttabindex = input<number>();\n\tplaceholder = input<string>('');\n}\n","<textarea\n\tpInputTextarea\n\t[rows]=\"rows()\"\n\t[cols]=\"cols()\"\n\t[autoResize]=\"true\"\n\t[placeholder]=\"placeholder()\"\n\t[tabindex]=\"tabindex()\"\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</textarea>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAQA;;AAEE;AASI,MAAO,iBAAkB,SAAQ,kBAAkB,CAAA;AAPzD,IAAA,WAAA,GAAA;;QAQC,IAAI,CAAA,IAAA,GAAG,KAAK,EAAU,CAAC;QACvB,IAAI,CAAA,IAAA,GAAG,KAAK,EAAU,CAAC;QACvB,IAAQ,CAAA,QAAA,GAAG,KAAK,EAAU,CAAC;AAC3B,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAS,EAAE,CAAC,CAAC;AAChC,KAAA;8GALY,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,uFAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,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,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,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,ECnB9B,6ZAYA,EDIW,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,ykBAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,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,CAAA,CAAA,EAAA;;2FAG5E,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,uFAAuF,EAExF,OAAA,EAAA,CAAC,mBAAmB,EAAE,mBAAmB,EAAE,aAAa,EAAE,qBAAqB,CAAC,EACzE,cAAA,EAAA,CAAC,sBAAsB,CAAC,EAAA,QAAA,EAAA,6ZAAA,EAAA,CAAA;;;AEjBzC;;AAEG;;;;"}

package/fesm2022/aril-ui-tree.mjs

@@ -31,11 +31,11 @@ class TreeComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: TreeComponent, isStandalone: true, selector: "aril-tree", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, contextMenu: { classPropertyName: "contextMenu", publicName: "contextMenu", isSignal: true, isRequired: false, transformFunction: null }, filterPlaceholder: { classPropertyName: "filterPlaceholder", publicName: "filterPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandEvent: "expandEvent", selectionEvent: "selectionEvent" }, ngImport: i0, template: "<aril-button size=\"sm\" color=\"primary\" [icon]=\"isExpended ? 'ANGLE_UP' : 'ANGLE_DOWN'\" (clickEvent)=\"toggleTree()\">\n</aril-button>\n<p-tree\n\t[value]=\"data()\"\n\t[selectionMode]=\"selectionMode()\"\n\t[(selection)]=\"selectedNodes\"\n\t[contextMenu]=\"contextMenuRef\"\n\t[filter]=\"filter()\"\n\tfilterMode=\"lenient\"\n\tfilterBy=\"label\"\n\t[filterPlaceholder]=\"filterPlaceholder()\"\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\n\t(selectionChange)=\"selectionEvent.emit(selectedNodes)\">\n</p-tree>\n<p-contextMenu #contextMenuRef [model]=\"contextMenu()\"></p-contextMenu>\n", dependencies: [{ kind: "ngmodule", type: TreeModule }, { kind: "component", type: i1.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "selection", "style", "styleClass", "contextMenu", "layout", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }, { kind: "ngmodule", type: ContextMenuModule }, { kind: "component", type: i2.ContextMenu, selector: "p-contextMenu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "id", "ariaLabel", "ariaLabelledBy", "pressDelay"], outputs: ["onShow", "onHide"] }, { kind: "component", type: 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: TreeComponent, isStandalone: true, selector: "aril-tree", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, contextMenu: { classPropertyName: "contextMenu", publicName: "contextMenu", isSignal: true, isRequired: false, transformFunction: null }, filterPlaceholder: { classPropertyName: "filterPlaceholder", publicName: "filterPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandEvent: "expandEvent", selectionEvent: "selectionEvent" }, ngImport: i0, template: "<div class=\"mb-3\">\n\t<aril-button size=\"sm\" color=\"primary\" [icon]=\"isExpended ? 'ANGLE_UP' : 'ANGLE_DOWN'\" (clickEvent)=\"toggleTree()\"></aril-button>\n</div>\n<p-tree\n\t[value]=\"data()\"\n\t[selectionMode]=\"selectionMode()\"\n\t[(selection)]=\"selectedNodes\"\n\t[contextMenu]=\"contextMenuRef\"\n\t[filter]=\"filter()\"\n\tfilterMode=\"lenient\"\n\tfilterBy=\"label\"\n\t[filterPlaceholder]=\"filterPlaceholder()\"\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\n\t(selectionChange)=\"selectionEvent.emit(selectedNodes)\">\n</p-tree>\n<p-contextMenu #contextMenuRef [model]=\"contextMenu()\"></p-contextMenu>\n", dependencies: [{ kind: "ngmodule", type: TreeModule }, { kind: "component", type: i1.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "selection", "style", "styleClass", "contextMenu", "layout", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }, { kind: "ngmodule", type: ContextMenuModule }, { kind: "component", type: i2.ContextMenu, selector: "p-contextMenu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "id", "ariaLabel", "ariaLabelledBy", "pressDelay"], outputs: ["onShow", "onHide"] }, { kind: "component", type: 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: TreeComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-tree', imports: [TreeModule, ContextMenuModule, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<aril-button size=\"sm\" color=\"primary\" [icon]=\"isExpended ? 'ANGLE_UP' : 'ANGLE_DOWN'\" (clickEvent)=\"toggleTree()\">\n</aril-button>\n<p-tree\n\t[value]=\"data()\"\n\t[selectionMode]=\"selectionMode()\"\n\t[(selection)]=\"selectedNodes\"\n\t[contextMenu]=\"contextMenuRef\"\n\t[filter]=\"filter()\"\n\tfilterMode=\"lenient\"\n\tfilterBy=\"label\"\n\t[filterPlaceholder]=\"filterPlaceholder()\"\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\n\t(selectionChange)=\"selectionEvent.emit(selectedNodes)\">\n</p-tree>\n<p-contextMenu #contextMenuRef [model]=\"contextMenu()\"></p-contextMenu>\n" }]
+            args: [{ standalone: true, selector: 'aril-tree', imports: [TreeModule, ContextMenuModule, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mb-3\">\n\t<aril-button size=\"sm\" color=\"primary\" [icon]=\"isExpended ? 'ANGLE_UP' : 'ANGLE_DOWN'\" (clickEvent)=\"toggleTree()\"></aril-button>\n</div>\n<p-tree\n\t[value]=\"data()\"\n\t[selectionMode]=\"selectionMode()\"\n\t[(selection)]=\"selectedNodes\"\n\t[contextMenu]=\"contextMenuRef\"\n\t[filter]=\"filter()\"\n\tfilterMode=\"lenient\"\n\tfilterBy=\"label\"\n\t[filterPlaceholder]=\"filterPlaceholder()\"\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\n\t(selectionChange)=\"selectionEvent.emit(selectedNodes)\">\n</p-tree>\n<p-contextMenu #contextMenuRef [model]=\"contextMenu()\"></p-contextMenu>\n" }]
         }], propDecorators: { expandEvent: [{
                 type: Output
             }], selectionEvent: [{

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

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-tree.mjs","sources":["../../projects/aril/ui/tree/src/tree.component.ts","../../projects/aril/ui/tree/src/tree.component.html","../../projects/aril/ui/tree/aril-ui-tree.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { ChangeDetectionStrategy, Component, EventEmitter, input, Output } from '@angular/core';\n\nimport { TreeModule } from 'primeng/tree';\nimport { MenuItem, TreeNode } from 'primeng/api';\nimport { ContextMenuModule } from 'primeng/contextmenu';\n\nimport { ButtonComponent } from 'aril/ui/button';\n\ntype SelectionModes = 'multiple' | 'checkbox' | 'single';\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-tree',\n\ttemplateUrl: './tree.component.html',\n\timports: [TreeModule, ContextMenuModule, ButtonComponent],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TreeComponent {\n\tdata = input.required<TreeNode[]>();\n\tcontextMenu = input<MenuItem[]>();\n\tfilterPlaceholder = input<string>('Arama');\n\tfilter = input<boolean>(true);\n\tselectionMode = input<SelectionModes>();\n\n\t@Output() expandEvent: EventEmitter<unknown> = new EventEmitter();\n\t@Output() selectionEvent: EventEmitter<any> = new EventEmitter<any>();\n\n\tisExpended = false;\n\tselectedNodes!: TreeNode | TreeNode[] | null;\n\n\ttoggleTree() {\n\t\tthis.isExpended = !this.isExpended;\n\t\tthis.expandRecursive(this.data());\n\t}\n\n\texpandRecursive(node: TreeNode[]) {\n\t\tnode.forEach((node) => {\n\t\t\tif (node.children) {\n\t\t\t\tnode.expanded = this.isExpended;\n\t\t\t\tthis.expandRecursive(node.children);\n\t\t\t}\n\t\t});\n\t}\n}\n","<aril-button size=\"sm\" color=\"primary\" [icon]=\"isExpended ? 'ANGLE_UP' : 'ANGLE_DOWN'\" (clickEvent)=\"toggleTree()\">\n</aril-button>\n<p-tree\n\t[value]=\"data()\"\n\t[selectionMode]=\"selectionMode()\"\n\t[(selection)]=\"selectedNodes\"\n\t[contextMenu]=\"contextMenuRef\"\n\t[filter]=\"filter()\"\n\tfilterMode=\"lenient\"\n\tfilterBy=\"label\"\n\t[filterPlaceholder]=\"filterPlaceholder()\"\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\n\t(selectionChange)=\"selectionEvent.emit(selectedNodes)\">\n</p-tree>\n<p-contextMenu #contextMenuRef [model]=\"contextMenu()\"></p-contextMenu>\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-tree.mjs","sources":["../../projects/aril/ui/tree/src/tree.component.ts","../../projects/aril/ui/tree/src/tree.component.html","../../projects/aril/ui/tree/aril-ui-tree.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { ChangeDetectionStrategy, Component, EventEmitter, input, Output } from '@angular/core';\n\nimport { TreeModule } from 'primeng/tree';\nimport { MenuItem, TreeNode } from 'primeng/api';\nimport { ContextMenuModule } from 'primeng/contextmenu';\n\nimport { ButtonComponent } from 'aril/ui/button';\n\ntype SelectionModes = 'multiple' | 'checkbox' | 'single';\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-tree',\n\ttemplateUrl: './tree.component.html',\n\timports: [TreeModule, ContextMenuModule, ButtonComponent],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TreeComponent {\n\tdata = input.required<TreeNode[]>();\n\tcontextMenu = input<MenuItem[]>();\n\tfilterPlaceholder = input<string>('Arama');\n\tfilter = input<boolean>(true);\n\tselectionMode = input<SelectionModes>();\n\n\t@Output() expandEvent: EventEmitter<unknown> = new EventEmitter();\n\t@Output() selectionEvent: EventEmitter<any> = new EventEmitter<any>();\n\n\tisExpended = false;\n\tselectedNodes!: TreeNode | TreeNode[] | null;\n\n\ttoggleTree() {\n\t\tthis.isExpended = !this.isExpended;\n\t\tthis.expandRecursive(this.data());\n\t}\n\n\texpandRecursive(node: TreeNode[]) {\n\t\tnode.forEach((node) => {\n\t\t\tif (node.children) {\n\t\t\t\tnode.expanded = this.isExpended;\n\t\t\t\tthis.expandRecursive(node.children);\n\t\t\t}\n\t\t});\n\t}\n}\n","<div class=\"mb-3\">\n\t<aril-button size=\"sm\" color=\"primary\" [icon]=\"isExpended ? 'ANGLE_UP' : 'ANGLE_DOWN'\" (clickEvent)=\"toggleTree()\"></aril-button>\n</div>\n<p-tree\n\t[value]=\"data()\"\n\t[selectionMode]=\"selectionMode()\"\n\t[(selection)]=\"selectedNodes\"\n\t[contextMenu]=\"contextMenuRef\"\n\t[filter]=\"filter()\"\n\tfilterMode=\"lenient\"\n\tfilterBy=\"label\"\n\t[filterPlaceholder]=\"filterPlaceholder()\"\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\n\t(selectionChange)=\"selectionEvent.emit(selectedNodes)\">\n</p-tree>\n<p-contextMenu #contextMenuRef [model]=\"contextMenu()\"></p-contextMenu>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-value.mjs

@@ -1,54 +1,38 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { input, computed, Component, ChangeDetectionStrategy } from '@angular/core';
 import 'aril/util/primitive-extensions';
 
 class ValueComponent {
     constructor() {
-        this.type = 'text';
-        this.color = '#333';
-        this.display = '';
-    }
-    ngOnChanges(changes) {
-        switch (this.type) {
-            case 'text':
-                this.display = this.model;
-                break;
-            case 'number':
-                this.format = this.format || '0.###';
-                this.display = format(this.format, this.model);
-                break;
-            case 'decimal':
-                this.format = this.format || '#.##0,###';
-                this.display = format(this.format, this.model);
-                break;
-            case 'date':
-                this.format = this.format || 'time';
-                this.display = this.model.longToString(this.format);
-                break;
-            case 'password':
-                this.display = this.model.replace(/./g, '*');
-                break;
-            default:
-                console.error("Invalid type: '" + this.type + "'");
-                break;
-        }
+        this.model = input.required();
+        this.type = input('text');
+        this.format = input();
+        this.color = input('#333');
+        this.display = computed(() => {
+            switch (this.type()) {
+                case 'text':
+                    return this.model();
+                case 'number':
+                    return format(this.format() ?? '0.###', this.model());
+                case 'decimal':
+                    return format(this.format() ?? '#.##0,###', this.model());
+                case 'date':
+                    return this.model().longToString(this.format() ?? 'time');
+                case 'password':
+                    return this.model().replace(/./g, '*');
+                default:
+                    console.error("Invalid type: '" + this.type() + "'");
+                    return '';
+            }
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: ValueComponent, isStandalone: true, selector: "aril-value", inputs: { model: "model", type: "type", format: "format", color: "color" }, usesOnChanges: true, ngImport: i0, template: "@if (model == undefined || model == null) {\n\t<i class=\"pi pi-minus\" style=\"color: red\" pTooltip=\"No item to show\"></i>\n} @else {\n\t@if (type == 'bool') {\n\t\t@if (!!model) {\n\t\t\t<i class=\"pi pi-check\" style=\"color: green\"></i>\n\t\t} @else {\n\t\t\t<i class=\"pi pi-times\" style=\"color: crimson\"></i>\n\t\t}\n\t} @else {\n\t\t@if (display == undefined) {\n\t\t\t<i class=\"pi pi-exclamation-circle\" style=\"color: red\" pTooltip=\"Invalid Data\"> </i>\n\t\t} @else {\n\t\t\t<span [style.color]=\"color\">\n\t\t\t\t{{ display }}\n\t\t\t</span>\n\t\t}\n\t}\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: ValueComponent, isStandalone: true, selector: "aril-value", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (model() == undefined || model() == null) {\n\t<i class=\"pi pi-minus\" style=\"color: red\" pTooltip=\"No item to show\"></i>\n} @else {\n\t@if (type() == 'bool') {\n\t\t@if (!!model()) {\n\t\t\t<i class=\"pi pi-check\" style=\"color: green\"></i>\n\t\t} @else {\n\t\t\t<i class=\"pi pi-times\" style=\"color: crimson\"></i>\n\t\t}\n\t} @else {\n\t\t@if (display() == undefined) {\n\t\t\t<i class=\"pi pi-exclamation-circle\" style=\"color: red\" pTooltip=\"Invalid Data\"> </i>\n\t\t} @else {\n\t\t\t<span [style.color]=\"color\">\n\t\t\t\t{{ display() }}\n\t\t\t</span>\n\t\t}\n\t}\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ValueComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-value', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (model == undefined || model == null) {\n\t<i class=\"pi pi-minus\" style=\"color: red\" pTooltip=\"No item to show\"></i>\n} @else {\n\t@if (type == 'bool') {\n\t\t@if (!!model) {\n\t\t\t<i class=\"pi pi-check\" style=\"color: green\"></i>\n\t\t} @else {\n\t\t\t<i class=\"pi pi-times\" style=\"color: crimson\"></i>\n\t\t}\n\t} @else {\n\t\t@if (display == undefined) {\n\t\t\t<i class=\"pi pi-exclamation-circle\" style=\"color: red\" pTooltip=\"Invalid Data\"> </i>\n\t\t} @else {\n\t\t\t<span [style.color]=\"color\">\n\t\t\t\t{{ display }}\n\t\t\t</span>\n\t\t}\n\t}\n}\n" }]
-        }], propDecorators: { model: [{
-                type: Input,
-                args: [{ required: true }]
-            }], type: [{
-                type: Input
-            }], format: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }] } });
+            args: [{ standalone: true, selector: 'aril-value', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (model() == undefined || model() == null) {\n\t<i class=\"pi pi-minus\" style=\"color: red\" pTooltip=\"No item to show\"></i>\n} @else {\n\t@if (type() == 'bool') {\n\t\t@if (!!model()) {\n\t\t\t<i class=\"pi pi-check\" style=\"color: green\"></i>\n\t\t} @else {\n\t\t\t<i class=\"pi pi-times\" style=\"color: crimson\"></i>\n\t\t}\n\t} @else {\n\t\t@if (display() == undefined) {\n\t\t\t<i class=\"pi pi-exclamation-circle\" style=\"color: red\" pTooltip=\"Invalid Data\"> </i>\n\t\t} @else {\n\t\t\t<span [style.color]=\"color\">\n\t\t\t\t{{ display() }}\n\t\t\t</span>\n\t\t}\n\t}\n}\n" }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-value.mjs","sources":["../../projects/aril/ui/value/src/value.component.ts","../../projects/aril/ui/value/src/value.component.html","../../projects/aril/ui/value/aril-ui-value.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnChanges } from '@angular/core';\n\nimport 'aril/util/primitive-extensions';\n\n/* TODO : \n    1. InputSignal\n*/\n\n/* number-format.js */\ndeclare const format: Function;\n\ntype ValueTypes = 'text' | 'number' | 'bool' | 'decimal' | 'date' | 'password';\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-value',\n\ttemplateUrl: './value.component.html',\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ValueComponent implements OnChanges {\n\t@Input({ required: true }) model!: string | number | boolean | undefined;\n\t@Input() type: ValueTypes = 'text';\n\t@Input() format!: string;\n\t@Input() color: string = '#333';\n\n\tdisplay = '';\n\n\tngOnChanges(changes: any) {\n\t\tswitch (this.type) {\n\t\t\tcase 'text':\n\t\t\t\tthis.display = this.model as string;\n\t\t\t\tbreak;\n\t\t\tcase 'number':\n\t\t\t\tthis.format = this.format || '0.###';\n\t\t\t\tthis.display = format(this.format, this.model);\n\t\t\t\tbreak;\n\t\t\tcase 'decimal':\n\t\t\t\tthis.format = this.format || '#.##0,###';\n\t\t\t\tthis.display = format(this.format, this.model);\n\t\t\t\tbreak;\n\t\t\tcase 'date':\n\t\t\t\tthis.format = this.format || 'time';\n\t\t\t\tthis.display = (<number>this.model).longToString(this.format) as string;\n\t\t\t\tbreak;\n\t\t\tcase 'password':\n\t\t\t\tthis.display = (<string>this.model).replace(/./g, '*');\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tconsole.error(\"Invalid type: '\" + this.type + \"'\");\n\t\t\t\tbreak;\n\t\t}\n\t}\n}\n","@if (model == undefined || model == null) {\n\t<i class=\"pi pi-minus\" style=\"color: red\" pTooltip=\"No item to show\"></i>\n} @else {\n\t@if (type == 'bool') {\n\t\t@if (!!model) {\n\t\t\t<i class=\"pi pi-check\" style=\"color: green\"></i>\n\t\t} @else {\n\t\t\t<i class=\"pi pi-times\" style=\"color: crimson\"></i>\n\t\t}\n\t} @else {\n\t\t@if (display == undefined) {\n\t\t\t<i class=\"pi pi-exclamation-circle\" style=\"color: red\" pTooltip=\"Invalid Data\"> </i>\n\t\t} @else {\n\t\t\t<span [style.color]=\"color\">\n\t\t\t\t{{ display }}\n\t\t\t</span>\n\t\t}\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAmBa,cAAc,CAAA;AAN3B,IAAA,WAAA,GAAA;QAQU,IAAI,CAAA,IAAA,GAAe,MAAM,CAAC;QAE1B,IAAK,CAAA,KAAA,GAAW,MAAM,CAAC;QAEhC,IAAO,CAAA,OAAA,GAAG,EAAE,CAAC;AA2Bb,KAAA;AAzBA,IAAA,WAAW,CAAC,OAAY,EAAA;AACvB,QAAA,QAAQ,IAAI,CAAC,IAAI;AAChB,YAAA,KAAK,MAAM;AACV,gBAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAe,CAAC;gBACpC,MAAM;AACP,YAAA,KAAK,QAAQ;gBACZ,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC;AACrC,gBAAA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC/C,MAAM;AACP,YAAA,KAAK,SAAS;gBACb,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,WAAW,CAAC;AACzC,gBAAA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC/C,MAAM;AACP,YAAA,KAAK,MAAM;gBACV,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC;AACpC,gBAAA,IAAI,CAAC,OAAO,GAAY,IAAI,CAAC,KAAM,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAW,CAAC;gBACxE,MAAM;AACP,YAAA,KAAK,UAAU;AACd,gBAAA,IAAI,CAAC,OAAO,GAAY,IAAI,CAAC,KAAM,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;gBACvD,MAAM;AACP,YAAA;gBACC,OAAO,CAAC,KAAK,CAAC,iBAAiB,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;gBACnD,MAAM;SACP;KACD;8GAhCW,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,uKCnB3B,ukBAmBA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDAa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,YAAY,EAEL,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ukBAAA,EAAA,CAAA;8BAGpB,KAAK,EAAA,CAAA;sBAA/B,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAChB,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;;;AEvBP;;AAEG;;;;"}
+{"version":3,"file":"aril-ui-value.mjs","sources":["../../projects/aril/ui/value/src/value.component.ts","../../projects/aril/ui/value/src/value.component.html","../../projects/aril/ui/value/aril-ui-value.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\n\nimport 'aril/util/primitive-extensions';\n\n/* number-format.js */\ndeclare const format: Function;\n\ntype ValueTypes = 'text' | 'number' | 'bool' | 'decimal' | 'date' | 'password';\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-value',\n\ttemplateUrl: './value.component.html',\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ValueComponent {\n\tmodel = input.required<string | number | boolean | undefined>();\n\ttype = input<ValueTypes>('text');\n\tformat = input<string>();\n\tcolor = input<string>('#333');\n\n\tdisplay = computed(() => {\n\t\tswitch (this.type()) {\n\t\t\tcase 'text':\n\t\t\t\treturn this.model();\n\t\t\tcase 'number':\n\t\t\t\treturn format(this.format() ?? '0.###', this.model());\n\t\t\tcase 'decimal':\n\t\t\t\treturn format(this.format() ?? '#.##0,###', this.model());\n\t\t\tcase 'date':\n\t\t\t\treturn (<number>this.model()).longToString(this.format() ?? 'time');\n\t\t\tcase 'password':\n\t\t\t\treturn (<string>this.model()).replace(/./g, '*');\n\t\t\tdefault:\n\t\t\t\tconsole.error(\"Invalid type: '\" + this.type() + \"'\");\n\t\t\t\treturn '';\n\t\t}\n\t});\n}\n","@if (model() == undefined || model() == null) {\n\t<i class=\"pi pi-minus\" style=\"color: red\" pTooltip=\"No item to show\"></i>\n} @else {\n\t@if (type() == 'bool') {\n\t\t@if (!!model()) {\n\t\t\t<i class=\"pi pi-check\" style=\"color: green\"></i>\n\t\t} @else {\n\t\t\t<i class=\"pi pi-times\" style=\"color: crimson\"></i>\n\t\t}\n\t} @else {\n\t\t@if (display() == undefined) {\n\t\t\t<i class=\"pi pi-exclamation-circle\" style=\"color: red\" pTooltip=\"Invalid Data\"> </i>\n\t\t} @else {\n\t\t\t<span [style.color]=\"color\">\n\t\t\t\t{{ display() }}\n\t\t\t</span>\n\t\t}\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAea,cAAc,CAAA;AAN3B,IAAA,WAAA,GAAA;AAOC,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAyC,CAAC;AAChE,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAa,MAAM,CAAC,CAAC;QACjC,IAAM,CAAA,MAAA,GAAG,KAAK,EAAU,CAAC;AACzB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,MAAM,CAAC,CAAC;AAE9B,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;AACvB,YAAA,QAAQ,IAAI,CAAC,IAAI,EAAE;AAClB,gBAAA,KAAK,MAAM;AACV,oBAAA,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;AACrB,gBAAA,KAAK,QAAQ;AACZ,oBAAA,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;AACvD,gBAAA,KAAK,SAAS;AACb,oBAAA,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;AAC3D,gBAAA,KAAK,MAAM;AACV,oBAAA,OAAgB,IAAI,CAAC,KAAK,EAAG,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,MAAM,CAAC,CAAC;AACrE,gBAAA,KAAK,UAAU;oBACd,OAAgB,IAAI,CAAC,KAAK,EAAG,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAClD,gBAAA;AACC,oBAAA,OAAO,CAAC,KAAK,CAAC,iBAAiB,GAAG,IAAI,CAAC,IAAI,EAAE,GAAG,GAAG,CAAC,CAAC;AACrD,oBAAA,OAAO,EAAE,CAAC;aACX;AACF,SAAC,CAAC,CAAC;AACH,KAAA;8GAvBY,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,ijBCf3B,mlBAmBA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDJa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,YAAY,EAEL,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mlBAAA,EAAA,CAAA;;;AEbhD;;AAEG;;;;"}

package/fesm2022/aril-util-lib.mjs

@@ -1,3 +1,7 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/ban-types */
@@ -6,7 +10,22 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/no-namespace */
 
+class ModuleRouterOutlet {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ModuleRouterOutlet, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ModuleRouterOutlet, isStandalone: true, selector: "ng-component", ngImport: i0, template: ` <router-outlet /> `, isInline: true, dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ModuleRouterOutlet, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    template: ` <router-outlet /> `,
+                    imports: [RouterOutlet]
+                }]
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
+
+export { ModuleRouterOutlet };
 //# sourceMappingURL=aril-util-lib.mjs.map

package/fesm2022/aril-util-lib.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aril-util-lib.mjs","sources":["../../projects/aril/util/lib/src/types.ts","../../projects/aril/util/lib/src/interfaces.ts","../../projects/aril/util/lib/aril-util-lib.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/ban-types */\n/* eslint-disable @typescript-eslint/no-namespace */\n\nimport { InputSignal } from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\n\nexport namespace Types {\n\ttype MarkComponentProps<Component> = {\n\t\t[Key in keyof Component]: Component[Key] extends Function ? never : Key;\n\t};\n\ttype KeyOfComponentProps<T> = MarkComponentProps<T>[keyof T];\n\ttype ComponentProps<T> = Pick<T, KeyOfComponentProps<T>>;\n\texport type NgChanges<Component, Props = ComponentProps<Component>> = {\n\t\t[Key in keyof Props]: {\n\t\t\tpreviousValue: Props[Key];\n\t\t\tcurrentValue: Props[Key];\n\t\t\tfirstChange: boolean;\n\t\t\tisFirstChange(): boolean;\n\t\t};\n\t};\n\n\texport type IsArray<T> = T extends (infer U)[] ? U : never;\n\n\texport type ControlsOf<T extends Record<string, any>> = {\n\t\t[K in keyof T]: T[K] extends Record<any, any> ?\n\t\t\tT[K] extends any[] ?\n\t\t\t\tFormControl<T[K] | null>\n\t\t\t:\tFormGroup<ControlsOf<T[K]>>\n\t\t:\tFormControl<T[K] | null>;\n\t};\n\n\ttype Enumerate<N extends number, Acc extends number[] = []> =\n\t\tAcc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;\n\n\texport type NumberRange<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;\n\n\texport type ComponentInputs<C> = {\n\t\t[K in keyof Pick<\n\t\t\tC,\n\t\t\t{\n\t\t\t\t[K in keyof C]: C[K] extends InputSignal<any> ? K : never;\n\t\t\t}[keyof C]\n\t\t>]: C[K] extends InputSignal<infer _, infer Write> ? Write : never;\n\t};\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-namespace */\n\nexport namespace Interfaces {\n\texport interface MapStringString {\n\t\t[key: string]: string;\n\t}\n\texport interface MapStringNumber {\n\t\t[key: string]: number;\n\t}\n\texport interface MapStringBoolean {\n\t\t[key: string]: boolean;\n\t}\n\texport interface MapStringObject<T> {\n\t\t[key: string]: T;\n\t}\n\texport interface MapStringAny {\n\t\t[key: string]: any;\n\t}\n\texport interface MapNumberString {\n\t\t[key: number]: string;\n\t}\n\texport interface MapNumberNumber {\n\t\t[key: number]: number;\n\t}\n\texport interface MapNumberBoolean {\n\t\t[key: number]: boolean;\n\t}\n\texport interface MapNumberObject<T> {\n\t\t[key: number]: T;\n\t}\n\texport interface MapNumberArray<T> {\n\t\t[key: number]: Array<T>;\n\t}\n\texport interface MapNumberAny {\n\t\t[key: number]: any;\n\t}\n\texport interface MapEnums {\n\t\t[key: number]: MapStringString;\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;;ACHA;AACA;;ACDA;;AAEG"}
+{"version":3,"file":"aril-util-lib.mjs","sources":["../../projects/aril/util/lib/src/types.ts","../../projects/aril/util/lib/src/interfaces.ts","../../projects/aril/util/lib/src/module-router.ts","../../projects/aril/util/lib/aril-util-lib.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/ban-types */\n/* eslint-disable @typescript-eslint/no-namespace */\n\nimport { InputSignal } from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\n\nexport namespace Types {\n\ttype MarkComponentProps<Component> = {\n\t\t[Key in keyof Component]: Component[Key] extends Function ? never : Key;\n\t};\n\ttype KeyOfComponentProps<T> = MarkComponentProps<T>[keyof T];\n\ttype ComponentProps<T> = Pick<T, KeyOfComponentProps<T>>;\n\texport type NgChanges<Component, Props = ComponentProps<Component>> = {\n\t\t[Key in keyof Props]: {\n\t\t\tpreviousValue: Props[Key];\n\t\t\tcurrentValue: Props[Key];\n\t\t\tfirstChange: boolean;\n\t\t\tisFirstChange(): boolean;\n\t\t};\n\t};\n\n\texport type IsArray<T> = T extends (infer U)[] ? U : never;\n\n\texport type ControlsOf<T extends Record<string, any>> = {\n\t\t[K in keyof T]: T[K] extends Record<any, any> ?\n\t\t\tT[K] extends any[] ?\n\t\t\t\tFormControl<T[K] | null>\n\t\t\t:\tFormGroup<ControlsOf<T[K]>>\n\t\t:\tFormControl<T[K] | null>;\n\t};\n\n\ttype Enumerate<N extends number, Acc extends number[] = []> =\n\t\tAcc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;\n\n\texport type NumberRange<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;\n\n\texport type ComponentInputs<C> = {\n\t\t[K in keyof Pick<\n\t\t\tC,\n\t\t\t{\n\t\t\t\t[K in keyof C]: C[K] extends InputSignal<any> ? K : never;\n\t\t\t}[keyof C]\n\t\t>]: C[K] extends InputSignal<infer _, infer Write> ? Write : never;\n\t};\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-namespace */\n\nexport namespace Interfaces {\n\texport interface MapStringString {\n\t\t[key: string]: string;\n\t}\n\texport interface MapStringNumber {\n\t\t[key: string]: number;\n\t}\n\texport interface MapStringBoolean {\n\t\t[key: string]: boolean;\n\t}\n\texport interface MapStringObject<T> {\n\t\t[key: string]: T;\n\t}\n\texport interface MapStringAny {\n\t\t[key: string]: any;\n\t}\n\texport interface MapNumberString {\n\t\t[key: number]: string;\n\t}\n\texport interface MapNumberNumber {\n\t\t[key: number]: number;\n\t}\n\texport interface MapNumberBoolean {\n\t\t[key: number]: boolean;\n\t}\n\texport interface MapNumberObject<T> {\n\t\t[key: number]: T;\n\t}\n\texport interface MapNumberArray<T> {\n\t\t[key: number]: Array<T>;\n\t}\n\texport interface MapNumberAny {\n\t\t[key: number]: any;\n\t}\n\texport interface MapEnums {\n\t\t[key: number]: MapStringString;\n\t}\n}\n","import { Component } from '@angular/core';\r\nimport { RouterOutlet } from '@angular/router';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\ttemplate: ` <router-outlet /> `,\r\n\timports: [RouterOutlet]\r\n})\r\nexport class ModuleRouterOutlet {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;AACA;AACA;AACA;;ACHA;AACA;;MCOa,kBAAkB,CAAA;8GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAHpB,CAAqB,mBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACrB,YAAY,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAEV,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,CAAqB,mBAAA,CAAA;oBAC/B,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,iBAAA,CAAA;;;ACPD;;AAEG;;;;"}

package/i18n/index.d.ts

@@ -0,0 +1,5 @@
+export * from './src/loader';
+export * from './src/provideI18n';
+export * from './src/provideScope';
+export * from './src/file-url-token';
+export * from './src/i18n.module';

package/i18n/src/file-url-token.d.ts

@@ -0,0 +1,2 @@
+import { InjectionToken } from '@angular/core';
+export declare const i18nRootFileUrl: InjectionToken<string>;

package/i18n/src/i18n.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@ngneat/transloco";
+export declare class i18nModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<i18nModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<i18nModule, never, never, [typeof i1.TranslocoModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<i18nModule>;
+}

package/i18n/src/loader.d.ts

@@ -0,0 +1,9 @@
+import { Translation, TranslocoLoader } from '@ngneat/transloco';
+import * as i0 from "@angular/core";
+export declare class TranslocoHttpLoader implements TranslocoLoader {
+    private http;
+    private folderUrl;
+    getTranslation(lang: string): import("rxjs").Observable<Translation>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslocoHttpLoader, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TranslocoHttpLoader>;
+}

package/i18n/src/provideI18n.d.ts

@@ -0,0 +1,2 @@
+import { EnvironmentProviders } from '@angular/core';
+export declare const i18nProvider: () => EnvironmentProviders[];

package/i18n/src/provideScope.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @param loader `(lang: string) => import(`./i18n/${lang}.json`)` to create a relative import to the correct dir
+ */
+export declare function i18nLoaderFactory(loader: (lang: string) => Promise<any>): any;
+export declare const providei18nScope: (scopeName: string, loader: (lang: string) => Promise<any>) => {
+    provide: import("@angular/core").InjectionToken<import("@ngneat/transloco").TranslocoScope>;
+    useValue: import("@ngneat/transloco").TranslocoScope;
+    multi: boolean;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aril",
-  "version": "0.0.8",
+  "version": "0.0.13",
   "peerDependencies": {
     "@angular/common": "^17.1.0",
     "@angular/core": "^17.1.0",
@@ -36,6 +36,12 @@
       "esm": "./esm2022/http/aril-http.mjs",
       "default": "./fesm2022/aril-http.mjs"
     },
+    "./i18n": {
+      "types": "./i18n/index.d.ts",
+      "esm2022": "./esm2022/i18n/aril-i18n.mjs",
+      "esm": "./esm2022/i18n/aril-i18n.mjs",
+      "default": "./fesm2022/aril-i18n.mjs"
+    },
     "./ui": {
       "types": "./ui/index.d.ts",
       "esm2022": "./esm2022/ui/aril-ui.mjs",
@@ -138,18 +144,18 @@
       "esm": "./esm2022/ui/password/aril-ui-password.mjs",
       "default": "./fesm2022/aril-ui-password.mjs"
     },
-    "./ui/selectBox": {
-      "types": "./ui/selectBox/index.d.ts",
-      "esm2022": "./esm2022/ui/selectBox/aril-ui-selectBox.mjs",
-      "esm": "./esm2022/ui/selectBox/aril-ui-selectBox.mjs",
-      "default": "./fesm2022/aril-ui-selectBox.mjs"
-    },
     "./ui/radioButton": {
       "types": "./ui/radioButton/index.d.ts",
       "esm2022": "./esm2022/ui/radioButton/aril-ui-radioButton.mjs",
       "esm": "./esm2022/ui/radioButton/aril-ui-radioButton.mjs",
       "default": "./fesm2022/aril-ui-radioButton.mjs"
     },
+    "./ui/selectBox": {
+      "types": "./ui/selectBox/index.d.ts",
+      "esm2022": "./esm2022/ui/selectBox/aril-ui-selectBox.mjs",
+      "esm": "./esm2022/ui/selectBox/aril-ui-selectBox.mjs",
+      "default": "./fesm2022/aril-ui-selectBox.mjs"
+    },
     "./ui/switch": {
       "types": "./ui/switch/index.d.ts",
       "esm2022": "./esm2022/ui/switch/aril-ui-switch.mjs",

package/ui/badge/src/badge.component.d.ts

@@ -1,11 +1,11 @@
 import * as i0 from "@angular/core";
 type Severity = 'primary' | 'success' | 'info' | 'warning' | 'danger';
 export declare class BadgeComponent {
-    icon: string;
-    value: string;
-    severity: Severity;
-    rounded: boolean;
+    icon: import("@angular/core").InputSignal<string | undefined, string | undefined>;
+    value: import("@angular/core").InputSignal<string | undefined, string | undefined>;
+    severity: import("@angular/core").InputSignal<Severity, Severity>;
+    rounded: import("@angular/core").InputSignal<boolean | undefined, boolean | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "aril-badge", never, { "icon": { "alias": "icon"; "required": false; }; "value": { "alias": "value"; "required": false; }; "severity": { "alias": "severity"; "required": true; }; "rounded": { "alias": "rounded"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "aril-badge", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": true; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 export {};