aril 1.2.18 → 1.2.19

package/fesm2022/aril-ui-checkbox.mjs

@@ -20,10 +20,10 @@ class CheckboxComponent extends BaseInputComponent {
         this.tabindex = input();
         this.translocoService = inject(TranslocoService);
     }
-    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: false, transformFunction: null }, labelAsYesNo: { classPropertyName: "labelAsYesNo", publicName: "labelAsYesNo", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-checkbox\r\n\t[label]=\"\r\n\t\tlabelAsYesNo() ?\r\n\t\t\tngControl.control.value ?\r\n\t\t\t\ttranslocoService.translate('yes')\r\n\t\t\t:\ttranslocoService.translate('no')\r\n\t\t:\tlabel()\r\n\t\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[binary]=\"true\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-checkbox>\r\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", "autofocus", "trueValue", "falseValue", "variant"], 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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: CheckboxComponent, isStandalone: true, selector: "aril-checkbox[ngModel], aril-checkbox[formControl], aril-checkbox[formControlName]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelAsYesNo: { classPropertyName: "labelAsYesNo", publicName: "labelAsYesNo", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-checkbox\r\n\t[label]=\"\r\n\t\tlabelAsYesNo() ?\r\n\t\t\tngControl.control.value ?\r\n\t\t\t\ttranslocoService.translate('yes')\r\n\t\t\t:\ttranslocoService.translate('no')\r\n\t\t:\tlabel()\r\n\t\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[binary]=\"true\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-checkbox>\r\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", "autofocus", "trueValue", "falseValue", "variant"], 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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], template: "<p-checkbox\r\n\t[label]=\"\r\n\t\tlabelAsYesNo() ?\r\n\t\t\tngControl.control.value ?\r\n\t\t\t\ttranslocoService.translate('yes')\r\n\t\t\t:\ttranslocoService.translate('no')\r\n\t\t:\tlabel()\r\n\t\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[binary]=\"true\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-checkbox>\r\n" }]
         }] });
@@ -34,10 +34,10 @@ class TriStateCheckboxComponent extends BaseInputComponent {
         this.label = input.required();
         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\r\n\t[label]=\"label()\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-triStateCheckbox>\r\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", "variant", "tabindex", "inputId", "style", "styleClass", "label", "readonly", "checkboxTrueIcon", "checkboxFalseIcon", "autofocus"], 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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TriStateCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", 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\r\n\t[label]=\"label()\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-triStateCheckbox>\r\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", "variant", "tabindex", "inputId", "style", "styleClass", "label", "readonly", "checkboxTrueIcon", "checkboxFalseIcon", "autofocus"], 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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], template: "<p-triStateCheckbox\r\n\t[label]=\"label()\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-triStateCheckbox>\r\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 { Component, inject, input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { CheckboxModule } from 'primeng/checkbox';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { TranslocoService } from '@ngneat/transloco';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-checkbox[ngModel], aril-checkbox[formControl], aril-checkbox[formControlName]',\r\n\ttemplateUrl: './check-box.component.html',\r\n\timports: [ReactiveFormsModule, CheckboxModule, TooltipModule, InputErrorMessagePipe],\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class CheckboxComponent extends BaseInputComponent {\r\n\tlabel = input<string>();\r\n\tlabelAsYesNo = input<boolean>();\r\n\ttabindex = input<number>();\r\n\r\n\ttranslocoService = inject(TranslocoService);\r\n}\r\n","<p-checkbox\r\n\t[label]=\"\r\n\t\tlabelAsYesNo() ?\r\n\t\t\tngControl.control.value ?\r\n\t\t\t\ttranslocoService.translate('yes')\r\n\t\t\t:\ttranslocoService.translate('no')\r\n\t\t:\tlabel()\r\n\t\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[binary]=\"true\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-checkbox>\r\n","import { Component, input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { TooltipModule } from 'primeng/tooltip';\r\nimport { TriStateCheckboxModule } from 'primeng/tristatecheckbox';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector:\r\n\t\t'aril-tri-state-checkbox[ngModel], aril-tri-state-checkbox[formControl], aril-tri-state-checkbox[formControlName]',\r\n\ttemplateUrl: './tri-state-checkbox.component.html',\r\n\timports: [ReactiveFormsModule, TriStateCheckboxModule, TooltipModule, InputErrorMessagePipe],\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class TriStateCheckboxComponent extends BaseInputComponent {\r\n\tlabel = input.required<string>();\r\n\ttabindex = input<number>();\r\n}\r\n","<p-triStateCheckbox\r\n\t[label]=\"label()\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-triStateCheckbox>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i3"],"mappings":"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"}
+{"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, inject, input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { CheckboxModule } from 'primeng/checkbox';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { TranslocoService } from '@ngneat/transloco';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-checkbox[ngModel], aril-checkbox[formControl], aril-checkbox[formControlName]',\r\n\ttemplateUrl: './check-box.component.html',\r\n\timports: [ReactiveFormsModule, CheckboxModule, TooltipModule, InputErrorMessagePipe],\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class CheckboxComponent extends BaseInputComponent {\r\n\tlabel = input<string>();\r\n\tlabelAsYesNo = input<boolean>();\r\n\ttabindex = input<number>();\r\n\r\n\ttranslocoService = inject(TranslocoService);\r\n}\r\n","<p-checkbox\r\n\t[label]=\"\r\n\t\tlabelAsYesNo() ?\r\n\t\t\tngControl.control.value ?\r\n\t\t\t\ttranslocoService.translate('yes')\r\n\t\t\t:\ttranslocoService.translate('no')\r\n\t\t:\tlabel()\r\n\t\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[binary]=\"true\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-checkbox>\r\n","import { Component, input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { TooltipModule } from 'primeng/tooltip';\r\nimport { TriStateCheckboxModule } from 'primeng/tristatecheckbox';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector:\r\n\t\t'aril-tri-state-checkbox[ngModel], aril-tri-state-checkbox[formControl], aril-tri-state-checkbox[formControlName]',\r\n\ttemplateUrl: './tri-state-checkbox.component.html',\r\n\timports: [ReactiveFormsModule, TriStateCheckboxModule, TooltipModule, InputErrorMessagePipe],\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class TriStateCheckboxComponent extends BaseInputComponent {\r\n\tlabel = input.required<string>();\r\n\ttabindex = input<number>();\r\n}\r\n","<p-triStateCheckbox\r\n\t[label]=\"label()\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-triStateCheckbox>\r\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-chip.mjs

@@ -1,7 +1,7 @@
 import * as i7 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, signal, inject, DestroyRef, computed, Component, ViewChild } from '@angular/core';
+import { input, signal, inject, DestroyRef, computed, ViewChild, Component } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 import * as i3 from 'primeng/chips';
@@ -114,10 +114,10 @@ class ChipComponent extends BaseInputComponent {
             this.ngControl.control.setValue(trimmedValues);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ChipComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: ChipComponent, isStandalone: true, selector: "aril-chip[ngModel], aril-chip[formControl], aril-chip[formControlName]", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, addOnBlur: { classPropertyName: "addOnBlur", publicName: "addOnBlur", isSignal: true, isRequired: false, transformFunction: null }, addOnTab: { classPropertyName: "addOnTab", publicName: "addOnTab", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: true, isRequired: false, transformFunction: null } }, providers: [InputErrorMessagePipe], viewQueries: [{ propertyName: "editInput", first: true, predicate: ["editInput"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-chips\r\n\t[class]=\"_sizeClass()\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[addOnBlur]=\"addOnBlur()\"\r\n\t[addOnTab]=\"addOnTab()\"\r\n\t[separator]=\"separator\"\r\n\t[allowDuplicate]=\"false\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\ttooltipPosition=\"top\"\r\n\ttooltipStyleClass=\"tooltipErrorMessage\"\r\n\t(onAdd)=\"onAdd($event)\">\r\n\t<ng-template let-item pTemplate=\"item\">\r\n\t\t<ng-container *ngIf=\"editable() && editingIndex() === ngControl.control.value.indexOf(item); else displayChip\">\r\n\t\t\t<input\r\n\t\t\t\tpInputText\r\n\t\t\t\t[ngClass]=\"_sizeClass()\"\r\n\t\t\t\t[ngModel]=\"editValue()\"\r\n\t\t\t\t(ngModelChange)=\"editValue.set($event)\"\r\n\t\t\t\t(keydown)=\"onEditKeydown($event)\"\r\n\t\t\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t\t\t(blur)=\"resetEditing()\"\r\n\t\t\t\t#editInput\r\n\t\t\t\tclass=\"m-0 p-1\" />\r\n\t\t</ng-container>\r\n\t\t<ng-template #displayChip>\r\n\t\t\t<div (dblclick)=\"startEditing(ngControl.control.value.indexOf(item), item)\">\r\n\t\t\t\t{{ item }}\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t</ng-template>\r\n</p-chips>", 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: ChipsModule }, { kind: "component", type: i3.Chips, selector: "p-chips", inputs: ["style", "styleClass", "disabled", "field", "placeholder", "max", "maxLength", "ariaLabel", "ariaLabelledBy", "tabindex", "inputId", "allowDuplicate", "caseSensitiveDuplication", "inputStyle", "inputStyleClass", "addOnTab", "addOnBlur", "separator", "showClear", "autofocus", "variant"], outputs: ["onAdd", "onRemove", "onFocus", "onBlur", "onChipClick", "onClear"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i5.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: ChipComponent, isStandalone: true, selector: "aril-chip[ngModel], aril-chip[formControl], aril-chip[formControlName]", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, addOnBlur: { classPropertyName: "addOnBlur", publicName: "addOnBlur", isSignal: true, isRequired: false, transformFunction: null }, addOnTab: { classPropertyName: "addOnTab", publicName: "addOnTab", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: true, isRequired: false, transformFunction: null } }, providers: [InputErrorMessagePipe], viewQueries: [{ propertyName: "editInput", first: true, predicate: ["editInput"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-chips\r\n\t[class]=\"_sizeClass()\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[addOnBlur]=\"addOnBlur()\"\r\n\t[addOnTab]=\"addOnTab()\"\r\n\t[separator]=\"separator\"\r\n\t[allowDuplicate]=\"false\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\ttooltipPosition=\"top\"\r\n\ttooltipStyleClass=\"tooltipErrorMessage\"\r\n\t(onAdd)=\"onAdd($event)\">\r\n\t<ng-template let-item pTemplate=\"item\">\r\n\t\t<ng-container *ngIf=\"editable() && editingIndex() === ngControl.control.value.indexOf(item); else displayChip\">\r\n\t\t\t<input\r\n\t\t\t\tpInputText\r\n\t\t\t\t[ngClass]=\"_sizeClass()\"\r\n\t\t\t\t[ngModel]=\"editValue()\"\r\n\t\t\t\t(ngModelChange)=\"editValue.set($event)\"\r\n\t\t\t\t(keydown)=\"onEditKeydown($event)\"\r\n\t\t\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t\t\t(blur)=\"resetEditing()\"\r\n\t\t\t\t#editInput\r\n\t\t\t\tclass=\"m-0 p-1\" />\r\n\t\t</ng-container>\r\n\t\t<ng-template #displayChip>\r\n\t\t\t<div (dblclick)=\"startEditing(ngControl.control.value.indexOf(item), item)\">\r\n\t\t\t\t{{ item }}\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t</ng-template>\r\n</p-chips>", 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: ChipsModule }, { kind: "component", type: i3.Chips, selector: "p-chips", inputs: ["style", "styleClass", "disabled", "field", "placeholder", "max", "maxLength", "ariaLabel", "ariaLabelledBy", "tabindex", "inputId", "allowDuplicate", "caseSensitiveDuplication", "inputStyle", "inputStyleClass", "addOnTab", "addOnBlur", "separator", "showClear", "autofocus", "variant"], outputs: ["onAdd", "onRemove", "onFocus", "onBlur", "onChipClick", "onChipContextMenu", "onClear"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i5.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'aril-chip[ngModel], aril-chip[formControl], aril-chip[formControlName]', imports: [
                         ReactiveFormsModule,

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

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-chip.mjs","sources":["../../projects/aril/ui/chip/src/chip.component.ts","../../projects/aril/ui/chip/src/chip.component.html","../../projects/aril/ui/chip/aril-ui-chip.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport {\r\n\tAfterViewChecked,\r\n\tComponent,\r\n\tDestroyRef,\r\n\tElementRef,\r\n\tNgZone,\r\n\tViewChild,\r\n\tcomputed,\r\n\tinject,\r\n\tinput,\r\n\tsignal\r\n} from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { ChipsAddEvent, ChipsModule } from 'primeng/chips';\r\nimport { InputTextModule } from 'primeng/inputtext';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\ntype Size = 'sm' | 'md' | 'lg';\r\ntype DataType = 'string' | 'number';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-chip[ngModel], aril-chip[formControl], aril-chip[formControlName]',\r\n\ttemplateUrl: './chip.component.html',\r\n\timports: [\r\n\t\tReactiveFormsModule,\r\n\t\tChipsModule,\r\n\t\tTooltipModule,\r\n\t\tInputTextModule,\r\n\t\tCommonModule,\r\n\t\tFormsModule,\r\n\t\tInputErrorMessagePipe\r\n\t],\r\n\thostDirectives: [ValueAccessorDirective],\r\n\tproviders: [InputErrorMessagePipe]\r\n})\r\nexport class ChipComponent extends BaseInputComponent implements AfterViewChecked {\r\n\tplaceholder = input<string>('');\r\n\ttabindex = input<number>();\r\n\tsize = input<Size>('md');\r\n\teditable = input<boolean>(false);\r\n\taddOnBlur = input<boolean>(false);\r\n\taddOnTab = input<boolean>(false);\r\n\tdataType = input<DataType>('string');\r\n\r\n\t@ViewChild('editInput') editInput: ElementRef | null = null;\r\n\teditingIndex = signal<number>(-1);\r\n\teditValue = signal<string>('');\r\n\r\n\tseparator = /[,\\n\\r]/;\r\n\tprivate focusSet = false;\r\n\tdestroyRef = inject(DestroyRef);\r\n\r\n\tconstructor(private ngZone: NgZone) {\r\n\t\tsuper();\r\n\t}\r\n\r\n\tngAfterViewChecked(): void {\r\n\t\t// Focus the input element after view is checked and element is available\r\n\t\tif (this.editingIndex() !== -1 && this.editInput && !this.focusSet) {\r\n\t\t\tthis.focusSet = true;\r\n\t\t\t// Use NgZone.runOutsideAngular to avoid triggering change detection\r\n\t\t\tthis.ngZone.runOutsideAngular(() => {\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tconst inputEl = this.editInput?.nativeElement;\r\n\t\t\t\t\tinputEl.focus();\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\t_sizeClass = computed(() => {\r\n\t\tswitch (this.size()) {\r\n\t\t\tcase 'sm':\r\n\t\t\t\treturn 'p-inputtext-sm';\r\n\t\t\tcase 'md':\r\n\t\t\t\treturn '';\r\n\t\t\tcase 'lg':\r\n\t\t\t\treturn 'p-inputtext-lg';\r\n\t\t}\r\n\t});\r\n\r\n\tstartEditing(index: number, value: string): void {\r\n\t\tif (!this.editable()) return;\r\n\t\tthis.editingIndex.set(index);\r\n\t\tthis.editValue.set(value);\r\n\t\tthis.focusSet = false;\r\n\t}\r\n\r\n\tsaveChanges(): void {\r\n\t\tif (this.editingIndex() === -1) return;\r\n\t\tconst currentValues = [...(this.ngControl.control.value || [])];\r\n\t\tlet newValue: string | number = this.editValue().trim();\r\n\r\n\t\tif (this.dataType() === 'number') {\r\n\t\t\tconst numValue = Number(newValue);\r\n\t\t\tif (isNaN(numValue)) {\r\n\t\t\t\tthis.resetEditing();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tnewValue = numValue;\r\n\t\t}\r\n\r\n\t\tcurrentValues[this.editingIndex()] = newValue;\r\n\t\tthis.ngControl.control.setValue(currentValues);\r\n\t\tthis.resetEditing();\r\n\t}\r\n\r\n\tonEditKeydown(event: KeyboardEvent): void {\r\n\t\tif (event.key === 'Enter') {\r\n\t\t\tthis.saveChanges();\r\n\t\t} else if (event.key === 'Escape') {\r\n\t\t\tthis.resetEditing();\r\n\t\t}\r\n\t\t// Prevent event propagation for all keydown events to avoid interference\r\n\t\tevent.stopPropagation();\r\n\t}\r\n\r\n\tresetEditing(): void {\r\n\t\tthis.editingIndex.set(-1);\r\n\t\tthis.editValue.set('');\r\n\t\tthis.focusSet = false;\r\n\t}\r\n\r\n\tonAdd(event: ChipsAddEvent) {\r\n\t\tconst currentValues = [...(this.ngControl.value || [])];\r\n\t\tconst newValue = event.value;\r\n\r\n\t\tif (this.dataType() === 'number') {\r\n\t\t\tconst trimmed = typeof newValue === 'string' ? newValue.trim() : newValue;\r\n\t\t\tconst numValue = Number(trimmed);\r\n\r\n\t\t\tif (isNaN(numValue)) {\r\n\t\t\t\tconst filteredValues = currentValues.filter((v) => v !== newValue);\r\n\t\t\t\tthis.ngControl.control.setValue(filteredValues);\r\n\t\t\t} else {\r\n\t\t\t\tconst numericValues = currentValues.map((v) => (typeof v === 'string' ? Number(v.trim()) : v));\r\n\t\t\t\tthis.ngControl.control.setValue(numericValues);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tconst trimmedValues = currentValues.map((v) => (typeof v === 'string' ? v.trim() : v));\r\n\t\t\tthis.ngControl.control.setValue(trimmedValues);\r\n\t\t}\r\n\t}\r\n}\r\n","<p-chips\r\n\t[class]=\"_sizeClass()\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[addOnBlur]=\"addOnBlur()\"\r\n\t[addOnTab]=\"addOnTab()\"\r\n\t[separator]=\"separator\"\r\n\t[allowDuplicate]=\"false\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\ttooltipPosition=\"top\"\r\n\ttooltipStyleClass=\"tooltipErrorMessage\"\r\n\t(onAdd)=\"onAdd($event)\">\r\n\t<ng-template let-item pTemplate=\"item\">\r\n\t\t<ng-container *ngIf=\"editable() && editingIndex() === ngControl.control.value.indexOf(item); else displayChip\">\r\n\t\t\t<input\r\n\t\t\t\tpInputText\r\n\t\t\t\t[ngClass]=\"_sizeClass()\"\r\n\t\t\t\t[ngModel]=\"editValue()\"\r\n\t\t\t\t(ngModelChange)=\"editValue.set($event)\"\r\n\t\t\t\t(keydown)=\"onEditKeydown($event)\"\r\n\t\t\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t\t\t(blur)=\"resetEditing()\"\r\n\t\t\t\t#editInput\r\n\t\t\t\tclass=\"m-0 p-1\" />\r\n\t\t</ng-container>\r\n\t\t<ng-template #displayChip>\r\n\t\t\t<div (dblclick)=\"startEditing(ngControl.control.value.indexOf(item), item)\">\r\n\t\t\t\t{{ item }}\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t</ng-template>\r\n</p-chips>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"aril-ui-chip.mjs","sources":["../../projects/aril/ui/chip/src/chip.component.ts","../../projects/aril/ui/chip/src/chip.component.html","../../projects/aril/ui/chip/aril-ui-chip.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport {\r\n\tAfterViewChecked,\r\n\tComponent,\r\n\tDestroyRef,\r\n\tElementRef,\r\n\tNgZone,\r\n\tViewChild,\r\n\tcomputed,\r\n\tinject,\r\n\tinput,\r\n\tsignal\r\n} from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { ChipsAddEvent, ChipsModule } from 'primeng/chips';\r\nimport { InputTextModule } from 'primeng/inputtext';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\ntype Size = 'sm' | 'md' | 'lg';\r\ntype DataType = 'string' | 'number';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-chip[ngModel], aril-chip[formControl], aril-chip[formControlName]',\r\n\ttemplateUrl: './chip.component.html',\r\n\timports: [\r\n\t\tReactiveFormsModule,\r\n\t\tChipsModule,\r\n\t\tTooltipModule,\r\n\t\tInputTextModule,\r\n\t\tCommonModule,\r\n\t\tFormsModule,\r\n\t\tInputErrorMessagePipe\r\n\t],\r\n\thostDirectives: [ValueAccessorDirective],\r\n\tproviders: [InputErrorMessagePipe]\r\n})\r\nexport class ChipComponent extends BaseInputComponent implements AfterViewChecked {\r\n\tplaceholder = input<string>('');\r\n\ttabindex = input<number>();\r\n\tsize = input<Size>('md');\r\n\teditable = input<boolean>(false);\r\n\taddOnBlur = input<boolean>(false);\r\n\taddOnTab = input<boolean>(false);\r\n\tdataType = input<DataType>('string');\r\n\r\n\t@ViewChild('editInput') editInput: ElementRef | null = null;\r\n\teditingIndex = signal<number>(-1);\r\n\teditValue = signal<string>('');\r\n\r\n\tseparator = /[,\\n\\r]/;\r\n\tprivate focusSet = false;\r\n\tdestroyRef = inject(DestroyRef);\r\n\r\n\tconstructor(private ngZone: NgZone) {\r\n\t\tsuper();\r\n\t}\r\n\r\n\tngAfterViewChecked(): void {\r\n\t\t// Focus the input element after view is checked and element is available\r\n\t\tif (this.editingIndex() !== -1 && this.editInput && !this.focusSet) {\r\n\t\t\tthis.focusSet = true;\r\n\t\t\t// Use NgZone.runOutsideAngular to avoid triggering change detection\r\n\t\t\tthis.ngZone.runOutsideAngular(() => {\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tconst inputEl = this.editInput?.nativeElement;\r\n\t\t\t\t\tinputEl.focus();\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\t_sizeClass = computed(() => {\r\n\t\tswitch (this.size()) {\r\n\t\t\tcase 'sm':\r\n\t\t\t\treturn 'p-inputtext-sm';\r\n\t\t\tcase 'md':\r\n\t\t\t\treturn '';\r\n\t\t\tcase 'lg':\r\n\t\t\t\treturn 'p-inputtext-lg';\r\n\t\t}\r\n\t});\r\n\r\n\tstartEditing(index: number, value: string): void {\r\n\t\tif (!this.editable()) return;\r\n\t\tthis.editingIndex.set(index);\r\n\t\tthis.editValue.set(value);\r\n\t\tthis.focusSet = false;\r\n\t}\r\n\r\n\tsaveChanges(): void {\r\n\t\tif (this.editingIndex() === -1) return;\r\n\t\tconst currentValues = [...(this.ngControl.control.value || [])];\r\n\t\tlet newValue: string | number = this.editValue().trim();\r\n\r\n\t\tif (this.dataType() === 'number') {\r\n\t\t\tconst numValue = Number(newValue);\r\n\t\t\tif (isNaN(numValue)) {\r\n\t\t\t\tthis.resetEditing();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tnewValue = numValue;\r\n\t\t}\r\n\r\n\t\tcurrentValues[this.editingIndex()] = newValue;\r\n\t\tthis.ngControl.control.setValue(currentValues);\r\n\t\tthis.resetEditing();\r\n\t}\r\n\r\n\tonEditKeydown(event: KeyboardEvent): void {\r\n\t\tif (event.key === 'Enter') {\r\n\t\t\tthis.saveChanges();\r\n\t\t} else if (event.key === 'Escape') {\r\n\t\t\tthis.resetEditing();\r\n\t\t}\r\n\t\t// Prevent event propagation for all keydown events to avoid interference\r\n\t\tevent.stopPropagation();\r\n\t}\r\n\r\n\tresetEditing(): void {\r\n\t\tthis.editingIndex.set(-1);\r\n\t\tthis.editValue.set('');\r\n\t\tthis.focusSet = false;\r\n\t}\r\n\r\n\tonAdd(event: ChipsAddEvent) {\r\n\t\tconst currentValues = [...(this.ngControl.value || [])];\r\n\t\tconst newValue = event.value;\r\n\r\n\t\tif (this.dataType() === 'number') {\r\n\t\t\tconst trimmed = typeof newValue === 'string' ? newValue.trim() : newValue;\r\n\t\t\tconst numValue = Number(trimmed);\r\n\r\n\t\t\tif (isNaN(numValue)) {\r\n\t\t\t\tconst filteredValues = currentValues.filter((v) => v !== newValue);\r\n\t\t\t\tthis.ngControl.control.setValue(filteredValues);\r\n\t\t\t} else {\r\n\t\t\t\tconst numericValues = currentValues.map((v) => (typeof v === 'string' ? Number(v.trim()) : v));\r\n\t\t\t\tthis.ngControl.control.setValue(numericValues);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tconst trimmedValues = currentValues.map((v) => (typeof v === 'string' ? v.trim() : v));\r\n\t\t\tthis.ngControl.control.setValue(trimmedValues);\r\n\t\t}\r\n\t}\r\n}\r\n","<p-chips\r\n\t[class]=\"_sizeClass()\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[addOnBlur]=\"addOnBlur()\"\r\n\t[addOnTab]=\"addOnTab()\"\r\n\t[separator]=\"separator\"\r\n\t[allowDuplicate]=\"false\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\ttooltipPosition=\"top\"\r\n\ttooltipStyleClass=\"tooltipErrorMessage\"\r\n\t(onAdd)=\"onAdd($event)\">\r\n\t<ng-template let-item pTemplate=\"item\">\r\n\t\t<ng-container *ngIf=\"editable() && editingIndex() === ngControl.control.value.indexOf(item); else displayChip\">\r\n\t\t\t<input\r\n\t\t\t\tpInputText\r\n\t\t\t\t[ngClass]=\"_sizeClass()\"\r\n\t\t\t\t[ngModel]=\"editValue()\"\r\n\t\t\t\t(ngModelChange)=\"editValue.set($event)\"\r\n\t\t\t\t(keydown)=\"onEditKeydown($event)\"\r\n\t\t\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t\t\t(blur)=\"resetEditing()\"\r\n\t\t\t\t#editInput\r\n\t\t\t\tclass=\"m-0 p-1\" />\r\n\t\t</ng-container>\r\n\t\t<ng-template #displayChip>\r\n\t\t\t<div (dblclick)=\"startEditing(ngControl.control.value.indexOf(item), item)\">\r\n\t\t\t\t{{ item }}\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t</ng-template>\r\n</p-chips>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-collapse-reorder-list.mjs

@@ -1,7 +1,7 @@
 import { moveItemInArray, CdkDrag, CdkDropList, CdkDragHandle } from '@angular/cdk/drag-drop';
 import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, EventEmitter, TemplateRef, Component, Optional, ContentChild, Output } from '@angular/core';
+import { input, EventEmitter, TemplateRef, Output, ContentChild, Optional, Component } from '@angular/core';
 import { DialogService } from 'primeng/dynamicdialog';
 import { ButtonComponent } from 'aril/ui/button';
 import * as i1 from '@angular/forms';
@@ -37,10 +37,10 @@ class CollapseReorderListComponent {
                 this.setFieldOrder();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CollapseReorderListComponent, deps: [{ token: i1.ControlContainer, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: CollapseReorderListComponent, isStandalone: true, selector: "aril-collapse-reorder-list[formArrayName]", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, addFieldButtonLabel: { classPropertyName: "addFieldButtonLabel", publicName: "addFieldButtonLabel", isSignal: true, isRequired: true, transformFunction: null }, reorderField: { classPropertyName: "reorderField", publicName: "reorderField", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addField: "addField" }, providers: [DialogService], queries: [{ propertyName: "itemTemplate", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div class=\"collapse-reorder-list\">\r\n\t<div class=\"collapse-reorder-list-item mb-2\">\r\n\t\t<div class=\"flex align-items-center justify-content-between p-2 header-bg font-medium border-round-lg\">\r\n\t\t\t<div class=\"flex align-items-center gap-2\">\r\n\t\t\t\t<i\r\n\t\t\t\t\tclass=\"pi cursor-pointer p-2\"\r\n\t\t\t\t\t[class.pi-angle-down]=\"!isCollapsed\"\r\n\t\t\t\t\t[class.pi-angle-right]=\"isCollapsed\"\r\n\t\t\t\t\t(click)=\"isCollapsed = !isCollapsed\"></i>\r\n\r\n\t\t\t\t<div>{{ title() }}</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t@if (!isCollapsed) {\r\n\t\t\t<div class=\"flex flex-column mt-2\">\r\n\t\t\t\t<div cdkDropList class=\"collapse-reorder-list\" (cdkDropListDropped)=\"drop($event)\">\r\n\t\t\t\t\t@for (fg of formArray.controls; track fg) {\r\n\t\t\t\t\t\t<form cdkDrag class=\"collapse-reorder-list-item mb-2\">\r\n\t\t\t\t\t\t\t<div class=\"flex align-items-start px-2 surface-50 border-round-lg\">\r\n\t\t\t\t\t\t\t\t<i class=\"pi pi-bars cursor-move p-2 mt-2\" cdkDragHandle></i>\r\n\r\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: fg }\" />\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"flex gap-1 mt-2\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-trash cursor-pointer p-2 text-red-500\" (click)=\"removeField(fg)\"></i>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</form>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tclass=\"w-max mb-2\"\r\n\t\t\t\t\t[label]=\"addFieldButtonLabel()\"\r\n\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t[outlined]=\"true\"\r\n\t\t\t\t\t(clickEvent)=\"addField.emit()\" />\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n</div>\r\n", styles: [":host{width:100%}.cdk-drag-preview{border:none;font-size:1rem!important}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.collapse-reorder-list.cdk-drop-list-dragging .collapse-reorder-list-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.header-bg{background:#e2e8f0}\n"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "rounded", "text", "outlined", "badge", "size", "icon", "iconPos", "color"], outputs: ["clickEvent"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CollapseReorderListComponent, deps: [{ token: i1.ControlContainer, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CollapseReorderListComponent, isStandalone: true, selector: "aril-collapse-reorder-list[formArrayName]", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, addFieldButtonLabel: { classPropertyName: "addFieldButtonLabel", publicName: "addFieldButtonLabel", isSignal: true, isRequired: true, transformFunction: null }, reorderField: { classPropertyName: "reorderField", publicName: "reorderField", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addField: "addField" }, providers: [DialogService], queries: [{ propertyName: "itemTemplate", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div class=\"collapse-reorder-list\">\r\n\t<div class=\"collapse-reorder-list-item mb-2\">\r\n\t\t<div class=\"flex align-items-center justify-content-between p-2 header-bg font-medium border-round-lg\">\r\n\t\t\t<div class=\"flex align-items-center gap-2\">\r\n\t\t\t\t<i\r\n\t\t\t\t\tclass=\"pi cursor-pointer p-2\"\r\n\t\t\t\t\t[class.pi-angle-down]=\"!isCollapsed\"\r\n\t\t\t\t\t[class.pi-angle-right]=\"isCollapsed\"\r\n\t\t\t\t\t(click)=\"isCollapsed = !isCollapsed\"></i>\r\n\r\n\t\t\t\t<div>{{ title() }}</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t@if (!isCollapsed) {\r\n\t\t\t<div class=\"flex flex-column mt-2\">\r\n\t\t\t\t<div cdkDropList class=\"collapse-reorder-list\" (cdkDropListDropped)=\"drop($event)\">\r\n\t\t\t\t\t@for (fg of formArray.controls; track fg) {\r\n\t\t\t\t\t\t<form cdkDrag class=\"collapse-reorder-list-item mb-2\">\r\n\t\t\t\t\t\t\t<div class=\"flex align-items-start px-2 surface-50 border-round-lg\">\r\n\t\t\t\t\t\t\t\t<i class=\"pi pi-bars cursor-move p-2 mt-2\" cdkDragHandle></i>\r\n\r\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: fg }\" />\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"flex gap-1 mt-2\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-trash cursor-pointer p-2 text-red-500\" (click)=\"removeField(fg)\"></i>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</form>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tclass=\"w-max mb-2\"\r\n\t\t\t\t\t[label]=\"addFieldButtonLabel()\"\r\n\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t[outlined]=\"true\"\r\n\t\t\t\t\t(clickEvent)=\"addField.emit()\" />\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n</div>\r\n", styles: [":host{width:100%}.cdk-drag-preview{border:none;font-size:1rem!important}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.collapse-reorder-list.cdk-drop-list-dragging .collapse-reorder-list-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.header-bg{background:#e2e8f0}\n"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "rounded", "text", "outlined", "badge", "size", "icon", "iconPos", "color"], outputs: ["clickEvent"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CollapseReorderListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CollapseReorderListComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'aril-collapse-reorder-list[formArrayName]', imports: [CdkDrag, CdkDropList, CdkDragHandle, ButtonComponent, NgTemplateOutlet], providers: [DialogService], template: "<div class=\"collapse-reorder-list\">\r\n\t<div class=\"collapse-reorder-list-item mb-2\">\r\n\t\t<div class=\"flex align-items-center justify-content-between p-2 header-bg font-medium border-round-lg\">\r\n\t\t\t<div class=\"flex align-items-center gap-2\">\r\n\t\t\t\t<i\r\n\t\t\t\t\tclass=\"pi cursor-pointer p-2\"\r\n\t\t\t\t\t[class.pi-angle-down]=\"!isCollapsed\"\r\n\t\t\t\t\t[class.pi-angle-right]=\"isCollapsed\"\r\n\t\t\t\t\t(click)=\"isCollapsed = !isCollapsed\"></i>\r\n\r\n\t\t\t\t<div>{{ title() }}</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t@if (!isCollapsed) {\r\n\t\t\t<div class=\"flex flex-column mt-2\">\r\n\t\t\t\t<div cdkDropList class=\"collapse-reorder-list\" (cdkDropListDropped)=\"drop($event)\">\r\n\t\t\t\t\t@for (fg of formArray.controls; track fg) {\r\n\t\t\t\t\t\t<form cdkDrag class=\"collapse-reorder-list-item mb-2\">\r\n\t\t\t\t\t\t\t<div class=\"flex align-items-start px-2 surface-50 border-round-lg\">\r\n\t\t\t\t\t\t\t\t<i class=\"pi pi-bars cursor-move p-2 mt-2\" cdkDragHandle></i>\r\n\r\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: fg }\" />\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"flex gap-1 mt-2\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-trash cursor-pointer p-2 text-red-500\" (click)=\"removeField(fg)\"></i>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</form>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tclass=\"w-max mb-2\"\r\n\t\t\t\t\t[label]=\"addFieldButtonLabel()\"\r\n\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t[outlined]=\"true\"\r\n\t\t\t\t\t(clickEvent)=\"addField.emit()\" />\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n</div>\r\n", styles: [":host{width:100%}.cdk-drag-preview{border:none;font-size:1rem!important}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.collapse-reorder-list.cdk-drop-list-dragging .collapse-reorder-list-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.header-bg{background:#e2e8f0}\n"] }]
         }], ctorParameters: () => [{ type: i1.ControlContainer, decorators: [{

package/fesm2022/aril-ui-collapse-reorder-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-collapse-reorder-list.mjs","sources":["../../projects/aril/ui/collapse-reorder-list/src/collapse-reorder-list.component.ts","../../projects/aril/ui/collapse-reorder-list/src/collapse-reorder-list.component.html","../../projects/aril/ui/collapse-reorder-list/aril-ui-collapse-reorder-list.ts"],"sourcesContent":["import { CdkDrag, CdkDragDrop, CdkDragHandle, CdkDropList, moveItemInArray } from '@angular/cdk/drag-drop';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { Component, ContentChild, EventEmitter, Optional, Output, TemplateRef, input } from '@angular/core';\r\nimport { ControlContainer, FormArray, FormGroup } from '@angular/forms';\r\n\r\nimport { DialogService } from 'primeng/dynamicdialog';\r\n\r\nimport { ButtonComponent } from 'aril/ui/button';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-collapse-reorder-list[formArrayName]',\r\n\ttemplateUrl: './collapse-reorder-list.component.html',\r\n\tstyleUrls: ['./collapse-reorder-list.component.scss'],\r\n\timports: [CdkDrag, CdkDropList, CdkDragHandle, ButtonComponent, NgTemplateOutlet],\r\n\tproviders: [DialogService]\r\n})\r\nexport class CollapseReorderListComponent {\r\n\t@ContentChild(TemplateRef) itemTemplate!: TemplateRef<any>;\r\n\r\n\ttitle = input.required<string>();\r\n\taddFieldButtonLabel = input.required<string>();\r\n\treorderField = input<string>();\r\n\tcollapsed = input<boolean>(false);\r\n\r\n\t@Output() addField = new EventEmitter<void>();\r\n\r\n\tisCollapsed = this.collapsed();\r\n\r\n\tconstructor(@Optional() private readonly controlContainer: ControlContainer) {}\r\n\r\n\tget formArray() {\r\n\t\treturn this.controlContainer.control as FormArray<FormGroup>;\r\n\t}\r\n\r\n\tdrop(event: CdkDragDrop<string[]>) {\r\n\t\tmoveItemInArray(this.formArray.controls, event.previousIndex, event.currentIndex);\r\n\r\n\t\tif (this.reorderField()) this.setFieldOrder();\r\n\t}\r\n\r\n\tprivate setFieldOrder() {\r\n\t\tthis.formArray.controls.forEach((item, index) => {\r\n\t\t\titem.get(this.reorderField() as string)?.setValue(index + 1);\r\n\t\t});\r\n\t}\r\n\r\n\tremoveField(formGroup: FormGroup) {\r\n\t\tconst index = this.formArray.controls.indexOf(formGroup);\r\n\t\tif (index > -1) {\r\n\t\t\tthis.formArray.removeAt(index);\r\n\r\n\t\t\tif (this.reorderField()) this.setFieldOrder();\r\n\t\t}\r\n\t}\r\n}\r\n","<div class=\"collapse-reorder-list\">\r\n\t<div class=\"collapse-reorder-list-item mb-2\">\r\n\t\t<div class=\"flex align-items-center justify-content-between p-2 header-bg font-medium border-round-lg\">\r\n\t\t\t<div class=\"flex align-items-center gap-2\">\r\n\t\t\t\t<i\r\n\t\t\t\t\tclass=\"pi cursor-pointer p-2\"\r\n\t\t\t\t\t[class.pi-angle-down]=\"!isCollapsed\"\r\n\t\t\t\t\t[class.pi-angle-right]=\"isCollapsed\"\r\n\t\t\t\t\t(click)=\"isCollapsed = !isCollapsed\"></i>\r\n\r\n\t\t\t\t<div>{{ title() }}</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t@if (!isCollapsed) {\r\n\t\t\t<div class=\"flex flex-column mt-2\">\r\n\t\t\t\t<div cdkDropList class=\"collapse-reorder-list\" (cdkDropListDropped)=\"drop($event)\">\r\n\t\t\t\t\t@for (fg of formArray.controls; track fg) {\r\n\t\t\t\t\t\t<form cdkDrag class=\"collapse-reorder-list-item mb-2\">\r\n\t\t\t\t\t\t\t<div class=\"flex align-items-start px-2 surface-50 border-round-lg\">\r\n\t\t\t\t\t\t\t\t<i class=\"pi pi-bars cursor-move p-2 mt-2\" cdkDragHandle></i>\r\n\r\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: fg }\" />\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"flex gap-1 mt-2\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-trash cursor-pointer p-2 text-red-500\" (click)=\"removeField(fg)\"></i>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</form>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tclass=\"w-max mb-2\"\r\n\t\t\t\t\t[label]=\"addFieldButtonLabel()\"\r\n\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t[outlined]=\"true\"\r\n\t\t\t\t\t(clickEvent)=\"addField.emit()\" />\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n</div>\r\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-collapse-reorder-list.mjs","sources":["../../projects/aril/ui/collapse-reorder-list/src/collapse-reorder-list.component.ts","../../projects/aril/ui/collapse-reorder-list/src/collapse-reorder-list.component.html","../../projects/aril/ui/collapse-reorder-list/aril-ui-collapse-reorder-list.ts"],"sourcesContent":["import { CdkDrag, CdkDragDrop, CdkDragHandle, CdkDropList, moveItemInArray } from '@angular/cdk/drag-drop';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { Component, ContentChild, EventEmitter, Optional, Output, TemplateRef, input } from '@angular/core';\r\nimport { ControlContainer, FormArray, FormGroup } from '@angular/forms';\r\n\r\nimport { DialogService } from 'primeng/dynamicdialog';\r\n\r\nimport { ButtonComponent } from 'aril/ui/button';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-collapse-reorder-list[formArrayName]',\r\n\ttemplateUrl: './collapse-reorder-list.component.html',\r\n\tstyleUrls: ['./collapse-reorder-list.component.scss'],\r\n\timports: [CdkDrag, CdkDropList, CdkDragHandle, ButtonComponent, NgTemplateOutlet],\r\n\tproviders: [DialogService]\r\n})\r\nexport class CollapseReorderListComponent {\r\n\t@ContentChild(TemplateRef) itemTemplate!: TemplateRef<any>;\r\n\r\n\ttitle = input.required<string>();\r\n\taddFieldButtonLabel = input.required<string>();\r\n\treorderField = input<string>();\r\n\tcollapsed = input<boolean>(false);\r\n\r\n\t@Output() addField = new EventEmitter<void>();\r\n\r\n\tisCollapsed = this.collapsed();\r\n\r\n\tconstructor(@Optional() private readonly controlContainer: ControlContainer) {}\r\n\r\n\tget formArray() {\r\n\t\treturn this.controlContainer.control as FormArray<FormGroup>;\r\n\t}\r\n\r\n\tdrop(event: CdkDragDrop<string[]>) {\r\n\t\tmoveItemInArray(this.formArray.controls, event.previousIndex, event.currentIndex);\r\n\r\n\t\tif (this.reorderField()) this.setFieldOrder();\r\n\t}\r\n\r\n\tprivate setFieldOrder() {\r\n\t\tthis.formArray.controls.forEach((item, index) => {\r\n\t\t\titem.get(this.reorderField() as string)?.setValue(index + 1);\r\n\t\t});\r\n\t}\r\n\r\n\tremoveField(formGroup: FormGroup) {\r\n\t\tconst index = this.formArray.controls.indexOf(formGroup);\r\n\t\tif (index > -1) {\r\n\t\t\tthis.formArray.removeAt(index);\r\n\r\n\t\t\tif (this.reorderField()) this.setFieldOrder();\r\n\t\t}\r\n\t}\r\n}\r\n","<div class=\"collapse-reorder-list\">\r\n\t<div class=\"collapse-reorder-list-item mb-2\">\r\n\t\t<div class=\"flex align-items-center justify-content-between p-2 header-bg font-medium border-round-lg\">\r\n\t\t\t<div class=\"flex align-items-center gap-2\">\r\n\t\t\t\t<i\r\n\t\t\t\t\tclass=\"pi cursor-pointer p-2\"\r\n\t\t\t\t\t[class.pi-angle-down]=\"!isCollapsed\"\r\n\t\t\t\t\t[class.pi-angle-right]=\"isCollapsed\"\r\n\t\t\t\t\t(click)=\"isCollapsed = !isCollapsed\"></i>\r\n\r\n\t\t\t\t<div>{{ title() }}</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t@if (!isCollapsed) {\r\n\t\t\t<div class=\"flex flex-column mt-2\">\r\n\t\t\t\t<div cdkDropList class=\"collapse-reorder-list\" (cdkDropListDropped)=\"drop($event)\">\r\n\t\t\t\t\t@for (fg of formArray.controls; track fg) {\r\n\t\t\t\t\t\t<form cdkDrag class=\"collapse-reorder-list-item mb-2\">\r\n\t\t\t\t\t\t\t<div class=\"flex align-items-start px-2 surface-50 border-round-lg\">\r\n\t\t\t\t\t\t\t\t<i class=\"pi pi-bars cursor-move p-2 mt-2\" cdkDragHandle></i>\r\n\r\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: fg }\" />\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"flex gap-1 mt-2\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-trash cursor-pointer p-2 text-red-500\" (click)=\"removeField(fg)\"></i>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</form>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tclass=\"w-max mb-2\"\r\n\t\t\t\t\t[label]=\"addFieldButtonLabel()\"\r\n\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t[outlined]=\"true\"\r\n\t\t\t\t\t(clickEvent)=\"addField.emit()\" />\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-dxEditor.mjs

@@ -1,6 +1,6 @@
 import { NgStyle } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, Component, ChangeDetectionStrategy } from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i3 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
 import * as i1 from 'devextreme-angular';
@@ -17,10 +17,10 @@ class DxEditorComponent extends BaseInputComponent {
         this.disabled = input(false);
         this.isShowToolBar = input(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DxEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: DxEditorComponent, isStandalone: true, selector: "aril-dx-editor[ngModel],aril-dx-editor[formControl], aril-dx-editor[formControlName]", inputs: { height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, isMultiline: { classPropertyName: "isMultiline", publicName: "isMultiline", isSignal: true, isRequired: false, transformFunction: null }, valueContent: { classPropertyName: "valueContent", publicName: "valueContent", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isShowToolBar: { classPropertyName: "isShowToolBar", publicName: "isShowToolBar", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "\r\n<dx-html-editor  [height]=\"height()\" [value]=\"valueContent()\" [formControl]=\"ngControl.control\" [disabled]=\"disabled()\">\r\n    <dxo-toolbar [multiline]=\"isMultiline()\">\r\n\t\t@if(isShowToolBar()){\r\n\t\t\t<dxi-item name=\"undo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"redo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"size\"\r\n\t\t\t\t[acceptedValues]=\"['8pt', '10pt', '12pt', '14pt', '18pt', '24pt', '36pt']\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font size' } }\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"font\"\r\n\t\t\t\t[acceptedValues]=\"[\r\n\t\t\t\t\t'Arial',\r\n\t\t\t\t\t'Courier New',\r\n\t\t\t\t\t'Georgia',\r\n\t\t\t\t\t'Impact',\r\n\t\t\t\t\t'Lucida Console',\r\n\t\t\t\t\t'Tahoma',\r\n\t\t\t\t\t'Times New Roman',\r\n\t\t\t\t\t'Verdana'\r\n\t\t\t\t]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font family' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bold\"></dxi-item>\r\n\t\t\t<dxi-item name=\"italic\"></dxi-item>\r\n\t\t\t<dxi-item name=\"strike\"></dxi-item>\r\n\t\t\t<dxi-item name=\"underline\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignCenter\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignJustify\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"orderedList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bulletList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"header\"\r\n\t\t\t\t[acceptedValues]=\"[false, 1, 2, 3, 4, 5]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Header' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"color\"></dxi-item>\r\n\t\t\t<dxi-item name=\"background\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"link\"></dxi-item>\r\n\t\t\t<dxi-item name=\"image\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"clear\"></dxi-item>\r\n\t\t\t<dxi-item name=\"codeBlock\"></dxi-item>\r\n\t\t\t<dxi-item name=\"blockquote\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowAbove\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowBelow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteRow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteColumn\"></dxi-item>\r\n\t\t}\r\n\t\t<dxo-media-resizing [enabled]=\"true\"> </dxo-media-resizing>\r\n\r\n    </dxo-toolbar>\r\n</dx-html-editor>\r\n\r\n", dependencies: [{ kind: "ngmodule", type: DxHtmlEditorModule }, { kind: "component", type: i1.DxHtmlEditorComponent, selector: "dx-html-editor", inputs: ["accessKey", "activeStateEnabled", "allowSoftLineBreak", "customizeModules", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "imageUpload", "isDirty", "isValid", "mediaResizing", "mentions", "name", "placeholder", "readOnly", "rtlEnabled", "stylingMode", "tabIndex", "tableContextMenu", "tableResizing", "toolbar", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueType", "variables", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onFocusIn", "onFocusOut", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "allowSoftLineBreakChange", "customizeModulesChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "imageUploadChange", "isDirtyChange", "isValidChange", "mediaResizingChange", "mentionsChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "tableContextMenuChange", "tableResizingChange", "toolbarChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueTypeChange", "variablesChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i2.DxoMediaResizingComponent, selector: "dxo-media-resizing", inputs: ["allowedTargets", "enabled"] }, { kind: "component", type: i2.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { kind: "component", type: i2.DxoToolbarComponent, selector: "dxo-toolbar", inputs: ["disabled", "items", "visible", "fileSelectionItems", "container", "multiline"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DxEditorComponent, isStandalone: true, selector: "aril-dx-editor[ngModel],aril-dx-editor[formControl], aril-dx-editor[formControlName]", inputs: { height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, isMultiline: { classPropertyName: "isMultiline", publicName: "isMultiline", isSignal: true, isRequired: false, transformFunction: null }, valueContent: { classPropertyName: "valueContent", publicName: "valueContent", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isShowToolBar: { classPropertyName: "isShowToolBar", publicName: "isShowToolBar", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "\r\n<dx-html-editor  [height]=\"height()\" [value]=\"valueContent()\" [formControl]=\"ngControl.control\" [disabled]=\"disabled()\">\r\n    <dxo-toolbar [multiline]=\"isMultiline()\">\r\n\t\t@if(isShowToolBar()){\r\n\t\t\t<dxi-item name=\"undo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"redo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"size\"\r\n\t\t\t\t[acceptedValues]=\"['8pt', '10pt', '12pt', '14pt', '18pt', '24pt', '36pt']\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font size' } }\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"font\"\r\n\t\t\t\t[acceptedValues]=\"[\r\n\t\t\t\t\t'Arial',\r\n\t\t\t\t\t'Courier New',\r\n\t\t\t\t\t'Georgia',\r\n\t\t\t\t\t'Impact',\r\n\t\t\t\t\t'Lucida Console',\r\n\t\t\t\t\t'Tahoma',\r\n\t\t\t\t\t'Times New Roman',\r\n\t\t\t\t\t'Verdana'\r\n\t\t\t\t]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font family' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bold\"></dxi-item>\r\n\t\t\t<dxi-item name=\"italic\"></dxi-item>\r\n\t\t\t<dxi-item name=\"strike\"></dxi-item>\r\n\t\t\t<dxi-item name=\"underline\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignCenter\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignJustify\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"orderedList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bulletList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"header\"\r\n\t\t\t\t[acceptedValues]=\"[false, 1, 2, 3, 4, 5]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Header' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"color\"></dxi-item>\r\n\t\t\t<dxi-item name=\"background\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"link\"></dxi-item>\r\n\t\t\t<dxi-item name=\"image\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"clear\"></dxi-item>\r\n\t\t\t<dxi-item name=\"codeBlock\"></dxi-item>\r\n\t\t\t<dxi-item name=\"blockquote\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowAbove\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowBelow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteRow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteColumn\"></dxi-item>\r\n\t\t}\r\n\t\t<dxo-media-resizing [enabled]=\"true\"> </dxo-media-resizing>\r\n\r\n    </dxo-toolbar>\r\n</dx-html-editor>\r\n\r\n", dependencies: [{ kind: "ngmodule", type: DxHtmlEditorModule }, { kind: "component", type: i1.DxHtmlEditorComponent, selector: "dx-html-editor", inputs: ["accessKey", "activeStateEnabled", "allowSoftLineBreak", "customizeModules", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "imageUpload", "isDirty", "isValid", "mediaResizing", "mentions", "name", "placeholder", "readOnly", "rtlEnabled", "stylingMode", "tabIndex", "tableContextMenu", "tableResizing", "toolbar", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueType", "variables", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onFocusIn", "onFocusOut", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "allowSoftLineBreakChange", "customizeModulesChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "imageUploadChange", "isDirtyChange", "isValidChange", "mediaResizingChange", "mentionsChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "tableContextMenuChange", "tableResizingChange", "toolbarChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueTypeChange", "variablesChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i2.DxoMediaResizingComponent, selector: "dxo-media-resizing", inputs: ["allowedTargets", "enabled"] }, { kind: "component", type: i2.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { kind: "component", type: i2.DxoToolbarComponent, selector: "dxo-toolbar", inputs: ["disabled", "items", "visible", "fileSelectionItems", "container", "multiline"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DxEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxEditorComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'aril-dx-editor[ngModel],aril-dx-editor[formControl], aril-dx-editor[formControlName]', imports: [NgStyle, DxHtmlEditorModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "\r\n<dx-html-editor  [height]=\"height()\" [value]=\"valueContent()\" [formControl]=\"ngControl.control\" [disabled]=\"disabled()\">\r\n    <dxo-toolbar [multiline]=\"isMultiline()\">\r\n\t\t@if(isShowToolBar()){\r\n\t\t\t<dxi-item name=\"undo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"redo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"size\"\r\n\t\t\t\t[acceptedValues]=\"['8pt', '10pt', '12pt', '14pt', '18pt', '24pt', '36pt']\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font size' } }\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"font\"\r\n\t\t\t\t[acceptedValues]=\"[\r\n\t\t\t\t\t'Arial',\r\n\t\t\t\t\t'Courier New',\r\n\t\t\t\t\t'Georgia',\r\n\t\t\t\t\t'Impact',\r\n\t\t\t\t\t'Lucida Console',\r\n\t\t\t\t\t'Tahoma',\r\n\t\t\t\t\t'Times New Roman',\r\n\t\t\t\t\t'Verdana'\r\n\t\t\t\t]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font family' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bold\"></dxi-item>\r\n\t\t\t<dxi-item name=\"italic\"></dxi-item>\r\n\t\t\t<dxi-item name=\"strike\"></dxi-item>\r\n\t\t\t<dxi-item name=\"underline\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignCenter\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignJustify\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"orderedList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bulletList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"header\"\r\n\t\t\t\t[acceptedValues]=\"[false, 1, 2, 3, 4, 5]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Header' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"color\"></dxi-item>\r\n\t\t\t<dxi-item name=\"background\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"link\"></dxi-item>\r\n\t\t\t<dxi-item name=\"image\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"clear\"></dxi-item>\r\n\t\t\t<dxi-item name=\"codeBlock\"></dxi-item>\r\n\t\t\t<dxi-item name=\"blockquote\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowAbove\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowBelow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteRow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteColumn\"></dxi-item>\r\n\t\t}\r\n\t\t<dxo-media-resizing [enabled]=\"true\"> </dxo-media-resizing>\r\n\r\n    </dxo-toolbar>\r\n</dx-html-editor>\r\n\r\n" }]
         }] });

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

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-dxEditor.mjs","sources":["../../projects/aril/ui/dxEditor/src/dx-editor.component.ts","../../projects/aril/ui/dxEditor/src/dx-editor.component.html","../../projects/aril/ui/dxEditor/aril-ui-dxEditor.ts"],"sourcesContent":["import { NgStyle } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { DxHtmlEditorModule } from 'devextreme-angular';\r\nimport { BaseInputComponent } from 'aril/ui/lib';\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-dx-editor[ngModel],aril-dx-editor[formControl], aril-dx-editor[formControlName]',\r\n\ttemplateUrl: './dx-editor.component.html',\r\n\timports: [NgStyle, DxHtmlEditorModule, ReactiveFormsModule],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class DxEditorComponent  extends BaseInputComponent {\r\n\theight=input<string>('400px');\r\n\tisMultiline= input<boolean>(true);\r\n\tvalueContent = input.required<string>();\r\n\tdisabled = input<boolean>(false);\r\n\tisShowToolBar= input<boolean>(true);\r\n}\r\n","\r\n<dx-html-editor  [height]=\"height()\" [value]=\"valueContent()\" [formControl]=\"ngControl.control\" [disabled]=\"disabled()\">\r\n    <dxo-toolbar [multiline]=\"isMultiline()\">\r\n\t\t@if(isShowToolBar()){\r\n\t\t\t<dxi-item name=\"undo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"redo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"size\"\r\n\t\t\t\t[acceptedValues]=\"['8pt', '10pt', '12pt', '14pt', '18pt', '24pt', '36pt']\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font size' } }\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"font\"\r\n\t\t\t\t[acceptedValues]=\"[\r\n\t\t\t\t\t'Arial',\r\n\t\t\t\t\t'Courier New',\r\n\t\t\t\t\t'Georgia',\r\n\t\t\t\t\t'Impact',\r\n\t\t\t\t\t'Lucida Console',\r\n\t\t\t\t\t'Tahoma',\r\n\t\t\t\t\t'Times New Roman',\r\n\t\t\t\t\t'Verdana'\r\n\t\t\t\t]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font family' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bold\"></dxi-item>\r\n\t\t\t<dxi-item name=\"italic\"></dxi-item>\r\n\t\t\t<dxi-item name=\"strike\"></dxi-item>\r\n\t\t\t<dxi-item name=\"underline\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignCenter\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignJustify\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"orderedList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bulletList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"header\"\r\n\t\t\t\t[acceptedValues]=\"[false, 1, 2, 3, 4, 5]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Header' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"color\"></dxi-item>\r\n\t\t\t<dxi-item name=\"background\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"link\"></dxi-item>\r\n\t\t\t<dxi-item name=\"image\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"clear\"></dxi-item>\r\n\t\t\t<dxi-item name=\"codeBlock\"></dxi-item>\r\n\t\t\t<dxi-item name=\"blockquote\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowAbove\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowBelow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteRow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteColumn\"></dxi-item>\r\n\t\t}\r\n\t\t<dxo-media-resizing [enabled]=\"true\"> </dxo-media-resizing>\r\n\r\n    </dxo-toolbar>\r\n</dx-html-editor>\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAYM,MAAO,iBAAmB,SAAQ,kBAAkB,CAAA;AAP1D,IAAA,WAAA,GAAA;;AAQC,QAAA,IAAA,CAAA,MAAM,GAAC,KAAK,CAAS,OAAO,CAAC,CAAC;AAC9B,QAAA,IAAA,CAAA,WAAW,GAAE,KAAK,CAAU,IAAI,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;AACxC,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;AACjC,QAAA,IAAA,CAAA,aAAa,GAAE,KAAK,CAAU,IAAI,CAAC,CAAC;AACpC,KAAA;8GANY,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,ECZ9B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sFAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,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,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,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,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,+2FAmEA,ED1DoB,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,kBAAkB,8rFAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAG9C,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,sFAAsF,EAEvF,OAAA,EAAA,CAAC,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,CAAC,EAC1C,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+2FAAA,EAAA,CAAA;;;AEVhD;;AAEG;;;;"}
+{"version":3,"file":"aril-ui-dxEditor.mjs","sources":["../../projects/aril/ui/dxEditor/src/dx-editor.component.ts","../../projects/aril/ui/dxEditor/src/dx-editor.component.html","../../projects/aril/ui/dxEditor/aril-ui-dxEditor.ts"],"sourcesContent":["import { NgStyle } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { DxHtmlEditorModule } from 'devextreme-angular';\r\nimport { BaseInputComponent } from 'aril/ui/lib';\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-dx-editor[ngModel],aril-dx-editor[formControl], aril-dx-editor[formControlName]',\r\n\ttemplateUrl: './dx-editor.component.html',\r\n\timports: [NgStyle, DxHtmlEditorModule, ReactiveFormsModule],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class DxEditorComponent  extends BaseInputComponent {\r\n\theight=input<string>('400px');\r\n\tisMultiline= input<boolean>(true);\r\n\tvalueContent = input.required<string>();\r\n\tdisabled = input<boolean>(false);\r\n\tisShowToolBar= input<boolean>(true);\r\n}\r\n","\r\n<dx-html-editor  [height]=\"height()\" [value]=\"valueContent()\" [formControl]=\"ngControl.control\" [disabled]=\"disabled()\">\r\n    <dxo-toolbar [multiline]=\"isMultiline()\">\r\n\t\t@if(isShowToolBar()){\r\n\t\t\t<dxi-item name=\"undo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"redo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"size\"\r\n\t\t\t\t[acceptedValues]=\"['8pt', '10pt', '12pt', '14pt', '18pt', '24pt', '36pt']\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font size' } }\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"font\"\r\n\t\t\t\t[acceptedValues]=\"[\r\n\t\t\t\t\t'Arial',\r\n\t\t\t\t\t'Courier New',\r\n\t\t\t\t\t'Georgia',\r\n\t\t\t\t\t'Impact',\r\n\t\t\t\t\t'Lucida Console',\r\n\t\t\t\t\t'Tahoma',\r\n\t\t\t\t\t'Times New Roman',\r\n\t\t\t\t\t'Verdana'\r\n\t\t\t\t]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font family' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bold\"></dxi-item>\r\n\t\t\t<dxi-item name=\"italic\"></dxi-item>\r\n\t\t\t<dxi-item name=\"strike\"></dxi-item>\r\n\t\t\t<dxi-item name=\"underline\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignCenter\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignJustify\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"orderedList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bulletList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"header\"\r\n\t\t\t\t[acceptedValues]=\"[false, 1, 2, 3, 4, 5]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Header' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"color\"></dxi-item>\r\n\t\t\t<dxi-item name=\"background\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"link\"></dxi-item>\r\n\t\t\t<dxi-item name=\"image\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"clear\"></dxi-item>\r\n\t\t\t<dxi-item name=\"codeBlock\"></dxi-item>\r\n\t\t\t<dxi-item name=\"blockquote\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowAbove\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowBelow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteRow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteColumn\"></dxi-item>\r\n\t\t}\r\n\t\t<dxo-media-resizing [enabled]=\"true\"> </dxo-media-resizing>\r\n\r\n    </dxo-toolbar>\r\n</dx-html-editor>\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAYM,MAAO,iBAAmB,SAAQ,kBAAkB,CAAA;AAP1D,IAAA,WAAA,GAAA;;AAQC,QAAA,IAAA,CAAA,MAAM,GAAC,KAAK,CAAS,OAAO,CAAC;AAC7B,QAAA,IAAA,CAAA,WAAW,GAAE,KAAK,CAAU,IAAI,CAAC;AACjC,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,QAAQ,EAAU;AACvC,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,CAAC;AAChC,QAAA,IAAA,CAAA,aAAa,GAAE,KAAK,CAAU,IAAI,CAAC;AACnC,IAAA;+GANY,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sFAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,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,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,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,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZ9B,+2FAmEA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED1DoB,kBAAkB,8rFAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAG9C,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EAAA,QAAA,EACN,sFAAsF,EAAA,OAAA,EAEvF,CAAC,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,CAAC,EAAA,eAAA,EAC1C,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+2FAAA,EAAA;;;AEVhD;;AAEG;;;;"}

package/fesm2022/aril-ui-dxField.mjs

@@ -1,6 +1,6 @@
 import { NgStyle } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, Component, ChangeDetectionStrategy } from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
 
 class DxFieldComponent {
     constructor() {
@@ -10,10 +10,10 @@ class DxFieldComponent {
         this.valueWidth = input(70);
         this.markAsRequired = input(false);
     }
-    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: "17.0.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 }, markAsRequired: { classPropertyName: "markAsRequired", publicName: "markAsRequired", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "\r\n\t<div class=\"dx-field\">\r\n\t\t<div class=\"dx-field-label\" [ngStyle]=\"{ width: labelWidth() + '%' }\">\r\n\t\t\t<div class=\"mb-1\">\r\n\t\t\t\t\t{{ label() }}\r\n\t\t\t\t\t@if (markAsRequired()) {\r\n\t\t\t\t\t\t*\r\n\t\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth() + '%' }\">\r\n\t\t\t<ng-content></ng-content>\r\n\t\t</div>\r\n\t</div>\r\n\r\n", dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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 }, markAsRequired: { classPropertyName: "markAsRequired", publicName: "markAsRequired", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "\r\n\t<div class=\"dx-field\">\r\n\t\t<div class=\"dx-field-label\" [ngStyle]=\"{ width: labelWidth() + '%' }\">\r\n\t\t\t<div class=\"mb-1\">\r\n\t\t\t\t\t{{ label() }}\r\n\t\t\t\t\t@if (markAsRequired()) {\r\n\t\t\t\t\t\t*\r\n\t\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth() + '%' }\">\r\n\t\t\t<ng-content></ng-content>\r\n\t\t</div>\r\n\t</div>\r\n\r\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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxFieldComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'aril-dx-field', imports: [NgStyle], changeDetection: ChangeDetectionStrategy.OnPush, template: "\r\n\t<div class=\"dx-field\">\r\n\t\t<div class=\"dx-field-label\" [ngStyle]=\"{ width: labelWidth() + '%' }\">\r\n\t\t\t<div class=\"mb-1\">\r\n\t\t\t\t\t{{ label() }}\r\n\t\t\t\t\t@if (markAsRequired()) {\r\n\t\t\t\t\t\t*\r\n\t\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth() + '%' }\">\r\n\t\t\t<ng-content></ng-content>\r\n\t\t</div>\r\n\t</div>\r\n\r\n" }]
         }] });

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';\r\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-dx-field',\r\n\ttemplateUrl: './dx-field.component.html',\r\n\timports: [NgStyle],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class DxFieldComponent {\r\n\tlabel = input<string>();\r\n\tcolor = input<string>('#333');\r\n\tlabelWidth = input<number>(30);\r\n\tvalueWidth = input<number>(70);\r\n\tmarkAsRequired = input<boolean>(false);\r\n}\r\n","\r\n\t<div class=\"dx-field\">\r\n\t\t<div class=\"dx-field-label\" [ngStyle]=\"{ width: labelWidth() + '%' }\">\r\n\t\t\t<div class=\"mb-1\">\r\n\t\t\t\t\t{{ label() }}\r\n\t\t\t\t\t@if (markAsRequired()) {\r\n\t\t\t\t\t\t*\r\n\t\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth() + '%' }\">\r\n\t\t\t<ng-content></ng-content>\r\n\t\t</div>\r\n\t</div>\r\n\r\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,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;AACvC,KAAA;8GANY,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,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECV7B,saAeA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDRW,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,saAAA,EAAA,CAAA;;;AERhD;;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';\r\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-dx-field',\r\n\ttemplateUrl: './dx-field.component.html',\r\n\timports: [NgStyle],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class DxFieldComponent {\r\n\tlabel = input<string>();\r\n\tcolor = input<string>('#333');\r\n\tlabelWidth = input<number>(30);\r\n\tvalueWidth = input<number>(70);\r\n\tmarkAsRequired = input<boolean>(false);\r\n}\r\n","\r\n\t<div class=\"dx-field\">\r\n\t\t<div class=\"dx-field-label\" [ngStyle]=\"{ width: labelWidth() + '%' }\">\r\n\t\t\t<div class=\"mb-1\">\r\n\t\t\t\t\t{{ label() }}\r\n\t\t\t\t\t@if (markAsRequired()) {\r\n\t\t\t\t\t\t*\r\n\t\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth() + '%' }\">\r\n\t\t\t<ng-content></ng-content>\r\n\t\t</div>\r\n\t</div>\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAUa,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;QAQC,IAAA,CAAA,KAAK,GAAG,KAAK,EAAU;AACvB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,MAAM,CAAC;AAC7B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,EAAE,CAAC;AAC9B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,EAAE,CAAC;AAC9B,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAU,KAAK,CAAC;AACtC,IAAA;+GANY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAhB,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,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECV7B,saAeA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDRW,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAGL,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;iCACG,IAAI,EAAA,QAAA,EACN,eAAe,EAAA,OAAA,EAEhB,CAAC,OAAO,CAAC,EAAA,eAAA,EACD,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,saAAA,EAAA;;;AERhD;;AAEG;;;;"}

package/fesm2022/aril-ui-editor.mjs

@@ -1,6 +1,6 @@
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, effect, Component, Input } from '@angular/core';
+import { input, effect, Input, Component } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i4 from 'primeng/tooltip';
@@ -179,10 +179,10 @@ class ArilEditorComponent extends BaseInputComponent {
             console.error('HTML validation setup error:', e);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ArilEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: ArilEditorComponent, isStandalone: true, selector: "aril-editor[ngModel], aril-editor[formControl], aril-editor[formControlName]", inputs: { language: { classPropertyName: "language", publicName: "language", isSignal: false, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: false, isRequired: false, transformFunction: null }, showLanguageSelector: { classPropertyName: "showLanguageSelector", publicName: "showLanguageSelector", isSignal: false, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: false, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, automaticLayout: { classPropertyName: "automaticLayout", publicName: "automaticLayout", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<div \r\n  [pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n  [tooltipOptions]=\"tooltipOptions\"\r\n  [style.height]=\"height\"\r\n  [class.p-invalid]=\"ngControl.invalid && (ngControl.dirty || ngControl.touched)\"\r\n  [class.border-radius]=\"borderRadius()\"\r\n  class=\"aril-editor-container\">\r\n  <ngx-monaco-editor\r\n    [style.height]=\"height\"\r\n    [options]=\"editorOptions\"\r\n    [formControl]=\"ngControl.control\"\r\n    (onInit)=\"onEditorInit($event)\"\r\n    (ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n  >\r\n  </ngx-monaco-editor>\r\n</div>", styles: [".aril-editor-container{width:100%;padding:0}:host ::ng-deep .border-radius .monaco-editor,:host ::ng-deep .border-radius .overflow-guard{border-radius:var(--border-radius)}.p-invalid{border:1px solid var(--red-500);border-bottom:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MonacoEditorModule }, { kind: "component", type: i3.EditorComponent, selector: "ngx-monaco-editor", inputs: ["options", "model"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }, { 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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ArilEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: ArilEditorComponent, isStandalone: true, selector: "aril-editor[ngModel], aril-editor[formControl], aril-editor[formControlName]", inputs: { language: { classPropertyName: "language", publicName: "language", isSignal: false, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: false, isRequired: false, transformFunction: null }, showLanguageSelector: { classPropertyName: "showLanguageSelector", publicName: "showLanguageSelector", isSignal: false, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: false, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, automaticLayout: { classPropertyName: "automaticLayout", publicName: "automaticLayout", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<div \r\n  [pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n  [tooltipOptions]=\"tooltipOptions\"\r\n  [style.height]=\"height\"\r\n  [class.p-invalid]=\"ngControl.invalid && (ngControl.dirty || ngControl.touched)\"\r\n  [class.border-radius]=\"borderRadius()\"\r\n  class=\"aril-editor-container\">\r\n  <ngx-monaco-editor\r\n    [style.height]=\"height\"\r\n    [options]=\"editorOptions\"\r\n    [formControl]=\"ngControl.control\"\r\n    (onInit)=\"onEditorInit($event)\"\r\n    (ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n  >\r\n  </ngx-monaco-editor>\r\n</div>", styles: [".aril-editor-container{width:100%;padding:0}:host ::ng-deep .border-radius .monaco-editor,:host ::ng-deep .border-radius .overflow-guard{border-radius:var(--border-radius)}.p-invalid{border:1px solid var(--red-500);border-bottom:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MonacoEditorModule }, { kind: "component", type: i3.EditorComponent, selector: "ngx-monaco-editor", inputs: ["options", "model"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }, { 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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ArilEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ArilEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'aril-editor[ngModel], aril-editor[formControl], aril-editor[formControlName]', standalone: true, imports: [CommonModule, FormsModule, ReactiveFormsModule, MonacoEditorModule, InputErrorMessagePipe, TooltipModule], hostDirectives: [ValueAccessorDirective], template: "<div \r\n  [pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n  [tooltipOptions]=\"tooltipOptions\"\r\n  [style.height]=\"height\"\r\n  [class.p-invalid]=\"ngControl.invalid && (ngControl.dirty || ngControl.touched)\"\r\n  [class.border-radius]=\"borderRadius()\"\r\n  class=\"aril-editor-container\">\r\n  <ngx-monaco-editor\r\n    [style.height]=\"height\"\r\n    [options]=\"editorOptions\"\r\n    [formControl]=\"ngControl.control\"\r\n    (onInit)=\"onEditorInit($event)\"\r\n    (ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n  >\r\n  </ngx-monaco-editor>\r\n</div>", styles: [".aril-editor-container{width:100%;padding:0}:host ::ng-deep .border-radius .monaco-editor,:host ::ng-deep .border-radius .overflow-guard{border-radius:var(--border-radius)}.p-invalid{border:1px solid var(--red-500);border-bottom:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { language: [{