aril 0.0.2 → 0.0.3

package/fesm2022/aril-ui-lib.mjs

@@ -1,31 +1,149 @@
 import * as i0 from '@angular/core';
-import { Directive, Input, Injectable } from '@angular/core';
-import * as i1 from '@angular/forms';
-import { FormControl, FormGroup, FormArray } from '@angular/forms';
+import { Component, ChangeDetectionStrategy, Input, Directive, HostBinding, inject, Injectable, Pipe } from '@angular/core';
+import * as i1 from 'primeng/messages';
+import { MessagesModule } from 'primeng/messages';
+import * as i1$1 from '@angular/forms';
+import { FormControl, FormGroup, FormArray, NgControl, NgModel, FormControlName, FormControlDirective, NG_VALUE_ACCESSOR } from '@angular/forms';
 import 'aril/util/primitive-extensions';
+import { PrimeIcons } from 'primeng/api';
 
-class InputDisabledDirective {
-    constructor(ngControl) {
-        this.ngControl = ngControl;
+class FormErrorMessagesComponent {
+    set messages(messages) {
+        this._pMessages = Object.values(messages).map((msg) => {
+            return { severity: 'error', summary: '', detail: msg };
+        });
     }
-    set arilDisabled(condition) {
-        const action = condition ? 'disable' : 'enable';
-        if (this.ngControl.control)
-            this.ngControl.control[action]();
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormErrorMessagesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: FormErrorMessagesComponent, isStandalone: true, selector: "ng-component", inputs: { messages: "messages" }, ngImport: i0, template: `
+		<div class="flex gap-2 formErrorMessage">
+			<p-messages [(value)]="_pMessages" [enableService]="false" [closable]="false"></p-messages>
+		</div>
+	`, isInline: true, dependencies: [{ kind: "ngmodule", type: MessagesModule }, { kind: "component", type: i1.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormErrorMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [MessagesModule],
+                    template: `
+		<div class="flex gap-2 formErrorMessage">
+			<p-messages [(value)]="_pMessages" [enableService]="false" [closable]="false"></p-messages>
+		</div>
+	`,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { messages: [{
+                type: Input
+            }] } });
+
+/* eslint-disable @angular-eslint/directive-selector */
+class FormErrorMessageDirective {
+    constructor(viewContainerRef) {
+        this.viewContainerRef = viewContainerRef;
+        this.errorKeys = [];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: InputDisabledDirective, deps: [{ token: i1.NgControl }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: InputDisabledDirective, isStandalone: true, selector: "[arilDisabled]", inputs: { arilDisabled: "arilDisabled" }, ngImport: i0 }); }
+    ngOnInit() {
+        this.formErrorMessage.statusChanges.subscribe((status) => {
+            if (this.componentRef)
+                this.viewContainerRef.remove();
+            if (status === 'INVALID') {
+                if (this.formErrorMessage.errors) {
+                    this.componentRef = this.viewContainerRef.createComponent(FormErrorMessagesComponent);
+                    this.componentRef.instance.messages = this.formErrorMessage.errors;
+                    this.viewContainerRef.insert(this.componentRef.hostView);
+                }
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormErrorMessageDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.2", type: FormErrorMessageDirective, isStandalone: true, selector: "[formErrorMessage]", inputs: { formErrorMessage: "formErrorMessage" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: InputDisabledDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormErrorMessageDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
-                    selector: '[arilDisabled]'
+                    selector: '[formErrorMessage]'
                 }]
-        }], ctorParameters: () => [{ type: i1.NgControl }], propDecorators: { arilDisabled: [{
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { formErrorMessage: [{
                 type: Input
             }] } });
 
+const checkValidInputs = (formGroup) => {
+    Object.keys(formGroup.controls).forEach(field => {
+        const control = formGroup.get(field);
+        if (control instanceof FormControl) {
+            control.markAsTouched({ onlySelf: true });
+            control.markAsDirty({ onlySelf: true });
+        }
+        else if (control instanceof FormGroup || control instanceof FormArray) {
+            checkValidInputs(control);
+        }
+    });
+};
+
+const addControlsWithValidation = (form, controls) => {
+    controls.forEach(control => {
+        if (!form.contains(control.name)) {
+            form.addControl(control.name, new FormControl('', control.validator));
+        }
+    });
+};
+const removeControls = (form, controlNames) => {
+    controlNames.forEach(controlName => {
+        if (form.contains(controlName)) {
+            form.removeControl(controlName);
+        }
+    });
+};
+const updateValueAndValidities = (form, controlNames) => {
+    controlNames.forEach(controlName => {
+        if (form.contains(controlName)) {
+            form.get(controlName)?.updateValueAndValidity();
+        }
+    });
+};
+
+/* eslint-disable @angular-eslint/directive-selector */
+class FlexGridDirective {
+    constructor() {
+        this.hostClass = 'grid p-fluid m-0 p-0';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FlexGridDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.2", type: FlexGridDirective, isStandalone: true, selector: "[flexGrid]", host: { properties: { "class": "this.hostClass" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FlexGridDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[flexGrid]'
+                }]
+        }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class BaseInputComponent {
+    constructor() {
+        this.ngControl = injectNgControl();
+        this.tooltipOptions = {
+            tooltipPosition: 'top',
+            tooltipEvent: 'focus',
+            tooltipStyleClass: 'tooltipErrorMessage'
+        };
+    }
+}
+function injectNgControl() {
+    const ngControl = inject(NgControl, { self: true, optional: true });
+    if (!ngControl)
+        throw new Error('NgModel or FormControlName or FormControlDirective is required');
+    if (ngControl instanceof NgModel ||
+        ngControl instanceof FormControlName ||
+        ngControl instanceof FormControlDirective) {
+        return ngControl;
+    }
+    throw new Error("Something went wrong in InjectNgControl");
+}
+
 class CommonInputValidatorsService {
     /**
      * @param sdCtrlName - name of the start date form control
@@ -62,54 +180,137 @@ class CommonInputValidatorsService {
             return null;
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CommonInputValidatorsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CommonInputValidatorsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CommonInputValidatorsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CommonInputValidatorsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CommonInputValidatorsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CommonInputValidatorsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
         }] });
 
-const checkValidInputs = (formGroup) => {
-    Object.keys(formGroup.controls).forEach(field => {
-        const control = formGroup.get(field);
-        if (control instanceof FormControl) {
-            control.markAsTouched({ onlySelf: true });
-            control.markAsDirty({ onlySelf: true });
-        }
-        else if (control instanceof FormGroup || control instanceof FormArray) {
-            checkValidInputs(control);
+/* eslint-disable @typescript-eslint/no-explicit-any */
+class InputErrorMessagePipe {
+    transform(value, ...args) {
+        const control = args[0];
+        const errorKeys = Object.keys(control.errors || {});
+        if (errorKeys.length) {
+            const errorKey = errorKeys[0];
+            const errorValue = control.errors[errorKey];
+            switch (errorKey) {
+                case 'required':
+                    return 'This field is required';
+                case 'min':
+                    return `Minimum value is ${errorValue.min}`;
+                case 'max':
+                    return `Maximum value is ${errorValue.max}`;
+                case 'minlength':
+                    return `Minimum length is ${errorValue.requiredLength}`;
+                case 'maxlength':
+                    return `Maximum length is ${errorValue.requiredLength}`;
+                case 'email':
+                    return 'Invalid email';
+                case 'pattern':
+                    return 'Invalid format';
+                default: return errorValue;
+            }
         }
-    });
-};
+        return '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InputErrorMessagePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: InputErrorMessagePipe, isStandalone: true, name: "inputErrorMessage" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InputErrorMessagePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'inputErrorMessage'
+                }]
+        }] });
 
-const addControlsWithValidation = (form, controls) => {
-    controls.forEach(control => {
-        if (!form.contains(control.name)) {
-            form.addControl(control.name, new FormControl('', control.validator));
-        }
-    });
-};
-const removeControls = (form, controlNames) => {
-    controlNames.forEach(controlName => {
-        if (form.contains(controlName)) {
-            form.removeControl(controlName);
-        }
-    });
-};
-const updateValueAndValidities = (form, controlNames) => {
-    controlNames.forEach(controlName => {
-        if (form.contains(controlName)) {
-            form.get(controlName)?.updateValueAndValidity();
-        }
-    });
-};
+/* eslint-disable @typescript-eslint/no-explicit-any */
+class DXInputErrorMessagePipe {
+    constructor() {
+        this.errorMsgPipe = inject(InputErrorMessagePipe);
+    }
+    transform(value, ...args) {
+        return { message: this.errorMsgPipe.transform(value, ...args) };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DXInputErrorMessagePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: DXInputErrorMessagePipe, isStandalone: true, name: "dxInputErrorMessage" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DXInputErrorMessagePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'dxInputErrorMessage'
+                }]
+        }] });
+
+class InputDisabledDirective {
+    constructor(ngControl) {
+        this.ngControl = ngControl;
+    }
+    set arilDisabled(condition) {
+        const action = condition ? 'disable' : 'enable';
+        if (this.ngControl.control)
+            this.ngControl.control[action]();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InputDisabledDirective, deps: [{ token: i1$1.NgControl }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.2", type: InputDisabledDirective, isStandalone: true, selector: "[arilDisabled]", inputs: { arilDisabled: "arilDisabled" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InputDisabledDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[arilDisabled]'
+                }]
+        }], ctorParameters: () => [{ type: i1$1.NgControl }], propDecorators: { arilDisabled: [{
+                type: Input
+            }] } });
+
+function iconTransform(icon) {
+    return PrimeIcons[icon];
+}
+function iconPosTransform(pos) {
+    return 'p-input-icon-' + pos;
+}
+
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+class ValueAccessorDirective {
+    writeValue(obj) { return; }
+    registerOnChange(fn) { return; }
+    registerOnTouched(fn) { return; }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ValueAccessorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.2", type: ValueAccessorDirective, isStandalone: true, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: ValueAccessorDirective
+            },
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ValueAccessorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: ValueAccessorDirective
+                        },
+                    ]
+                }]
+        }] });
+
+/* form */
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { CommonInputValidatorsService, InputDisabledDirective, addControlsWithValidation, checkValidInputs, removeControls, updateValueAndValidities };
+export { BaseInputComponent, CommonInputValidatorsService, DXInputErrorMessagePipe, FlexGridDirective, FormErrorMessageDirective, InputDisabledDirective, InputErrorMessagePipe, ValueAccessorDirective, addControlsWithValidation, checkValidInputs, iconPosTransform, iconTransform, injectNgControl, removeControls, updateValueAndValidities };
 //# sourceMappingURL=aril-ui-lib.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-lib.mjs","sources":["../../projects/aril/ui/lib/src/input/input-disabled.directive.ts","../../projects/aril/ui/lib/src/input/common-input-validators.service.ts","../../projects/aril/ui/lib/src/form/form-validation.ts","../../projects/aril/ui/lib/src/form/form-field-builder.ts","../../projects/aril/ui/lib/aril-ui-lib.ts"],"sourcesContent":["import { Directive, Input } from '@angular/core';\r\nimport { NgControl } from '@angular/forms';\r\n\r\n@Directive({\r\n  standalone: true,\r\n  selector: '[arilDisabled]'\r\n})\r\nexport class InputDisabledDirective {\r\n  constructor(private ngControl: NgControl) { }\r\n\r\n  @Input() set arilDisabled(condition: boolean) {\r\n    const action = condition ? 'disable' : 'enable';\r\n    if (this.ngControl.control) this.ngControl.control[action]();\r\n  }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\r\nimport \"aril/util/primitive-extensions\";\r\n\r\nexport type DateRangeFormat = \"minute\" | \"hour\" | \"day\" | \"month\" | \"year\";\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class CommonInputValidatorsService {\r\n\r\n  /**\r\n   * @param sdCtrlName - name of the start date form control\r\n   * @param edCtrlName - name of the end date form control\r\n   * @param rangeValue - range between start and end date. Default value is 1\r\n   * @param rangeFormat - format of the range. Default value is \"day\"\r\n */\r\n  dateRange(sdCtrlName: string, edCtrlName: string, rangeValue = 0, rangeFormat: DateRangeFormat = \"day\"): ValidatorFn {\r\n    return (control: AbstractControl): ValidationErrors | null => {\r\n      const start: number = control.get(sdCtrlName)?.value;\r\n      const end: number = control.get(edCtrlName)?.value;\r\n\r\n      const startJSDate = start.longToDate();\r\n      const endJSDate = end.longToDate();\r\n\r\n      if (startJSDate && endJSDate) {\r\n        const isRangeValid = (endJSDate.getTime() - startJSDate.getTime() > rangeValue);\r\n\r\n        return isRangeValid ? null : { dateRange: `The end date must be at least ${rangeValue} ${rangeFormat} bigger than the start date` };\r\n      }\r\n\r\n      return null;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @description - pasword match vs.\r\n   */\r\n  strictMatch(controlName: string, matchingControlName: string): ValidatorFn {\r\n    return (control: AbstractControl): ValidationErrors | null => {\r\n      const firstField = control.get(controlName);\r\n      const secondField = control.get(matchingControlName);\r\n\r\n      if (!firstField || !secondField) {\r\n        return null;\r\n      }\r\n\r\n      if (firstField.value !== secondField.value) {\r\n        return { strictMatch: `${controlName} and ${matchingControlName} do not match` };\r\n      }\r\n\r\n      return null;\r\n    }\r\n  }\r\n}\r\n","import { FormArray, FormControl, FormGroup } from \"@angular/forms\";\r\n\r\nexport const checkValidInputs = (formGroup: FormGroup | FormArray) => {\r\n  Object.keys(formGroup.controls).forEach(field => {\r\n    const control = formGroup.get(field);\r\n    if (control instanceof FormControl) {\r\n      control.markAsTouched({ onlySelf: true });\r\n      control.markAsDirty({ onlySelf: true });\r\n    } else if (control instanceof FormGroup || control instanceof FormArray) {\r\n      checkValidInputs(control);\r\n    }\r\n  });\r\n}","import {  FormControl, FormGroup, ValidatorFn } from '@angular/forms';\r\n\r\nexport const addControlsWithValidation = (form: FormGroup, controls: { name: string, validator?: ValidatorFn }[]) => {\r\n  controls.forEach(control => {\r\n    if (!form.contains(control.name)) {\r\n      form.addControl(control.name, new FormControl('', control.validator));\r\n    }\r\n  });\r\n}\r\n\r\nexport const removeControls = (form: FormGroup, controlNames: string[]) => {\r\n  controlNames.forEach(controlName => {\r\n    if (form.contains(controlName)) {\r\n      form.removeControl(controlName);\r\n    }\r\n  });\r\n}\r\n\r\nexport const updateValueAndValidities = (form: FormGroup, controlNames: string[]) => {\r\n  controlNames.forEach(controlName => {\r\n    if (form.contains(controlName)) {\r\n      form.get(controlName)?.updateValueAndValidity();\r\n    }\r\n  });\r\n\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-lib.mjs","sources":["../../projects/aril/ui/lib/src/form/form-error-message.component.ts","../../projects/aril/ui/lib/src/form/form-error-message.directive.ts","../../projects/aril/ui/lib/src/form/form-validation.ts","../../projects/aril/ui/lib/src/form/form-field-builder.ts","../../projects/aril/ui/lib/src/grid/flex-grid.directive.ts","../../projects/aril/ui/lib/src/input/baseInput.ts","../../projects/aril/ui/lib/src/input/common-input-validators.service.ts","../../projects/aril/ui/lib/src/input/input-error-message.pipe.ts","../../projects/aril/ui/lib/src/input/dx-input-error-message.pipe.ts","../../projects/aril/ui/lib/src/input/input-disabled.directive.ts","../../projects/aril/ui/lib/src/input/input-transforms.ts","../../projects/aril/ui/lib/src/input/value-accessor.directive.ts","../../projects/aril/ui/lib/index.ts","../../projects/aril/ui/lib/aril-ui-lib.ts"],"sourcesContent":["\r\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { ValidationErrors } from '@angular/forms';\r\nimport { Message } from 'primeng/api';\r\nimport { MessagesModule } from 'primeng/messages';\r\n\r\n@Component({\r\n  standalone: true,\r\n  imports: [MessagesModule],\r\n  template: `\r\n\t\t<div class=\"flex gap-2 formErrorMessage\">\r\n\t\t\t<p-messages [(value)]=\"_pMessages\" [enableService]=\"false\" [closable]=\"false\"></p-messages>\r\n\t\t</div>\r\n\t`,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class FormErrorMessagesComponent {\r\n  _pMessages!: Message[];\r\n\r\n  @Input() set messages(messages: ValidationErrors | null) {\r\n    this._pMessages = Object.values(messages!).map((msg) => {\r\n      return { severity: 'error', summary: '', detail: msg }\r\n    });\r\n  }\r\n}\r\n","/* eslint-disable @angular-eslint/directive-selector */\r\n\r\nimport { ComponentRef, Directive, Input, OnInit, ViewContainerRef } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { FormErrorMessagesComponent } from './form-error-message.component';\r\n\r\n@Directive({\r\n  standalone: true,\r\n  selector: '[formErrorMessage]'\r\n})\r\nexport class FormErrorMessageDirective implements OnInit {\r\n  constructor(private viewContainerRef: ViewContainerRef) { }\r\n\r\n  @Input() formErrorMessage!: FormGroup;\r\n\r\n  errorKeys: string[] = [];\r\n  componentRef!: ComponentRef<FormErrorMessagesComponent>;\r\n\r\n  ngOnInit(): void {\r\n    this.formErrorMessage.statusChanges.subscribe((status) => {\r\n      if (this.componentRef) this.viewContainerRef.remove();\r\n\r\n      if (status === 'INVALID') {\r\n        if (this.formErrorMessage.errors) {\r\n          this.componentRef = this.viewContainerRef.createComponent(FormErrorMessagesComponent);\r\n          this.componentRef.instance.messages = this.formErrorMessage.errors;\r\n          this.viewContainerRef.insert(this.componentRef.hostView);\r\n        }\r\n      }\r\n    });\r\n  }\r\n}","import { FormArray, FormControl, FormGroup } from \"@angular/forms\";\r\n\r\nexport const checkValidInputs = (formGroup: FormGroup | FormArray) => {\r\n  Object.keys(formGroup.controls).forEach(field => {\r\n    const control = formGroup.get(field);\r\n    if (control instanceof FormControl) {\r\n      control.markAsTouched({ onlySelf: true });\r\n      control.markAsDirty({ onlySelf: true });\r\n    } else if (control instanceof FormGroup || control instanceof FormArray) {\r\n      checkValidInputs(control);\r\n    }\r\n  });\r\n}","import {  FormControl, FormGroup, ValidatorFn } from '@angular/forms';\r\n\r\nexport const addControlsWithValidation = (form: FormGroup, controls: { name: string, validator?: ValidatorFn }[]) => {\r\n  controls.forEach(control => {\r\n    if (!form.contains(control.name)) {\r\n      form.addControl(control.name, new FormControl('', control.validator));\r\n    }\r\n  });\r\n}\r\n\r\nexport const removeControls = (form: FormGroup, controlNames: string[]) => {\r\n  controlNames.forEach(controlName => {\r\n    if (form.contains(controlName)) {\r\n      form.removeControl(controlName);\r\n    }\r\n  });\r\n}\r\n\r\nexport const updateValueAndValidities = (form: FormGroup, controlNames: string[]) => {\r\n  controlNames.forEach(controlName => {\r\n    if (form.contains(controlName)) {\r\n      form.get(controlName)?.updateValueAndValidity();\r\n    }\r\n  });\r\n\r\n}","/* eslint-disable @angular-eslint/directive-selector */\r\n\r\nimport { Directive, HostBinding } from \"@angular/core\";\r\n\r\n@Directive({\r\n  standalone: true,\r\n  selector: '[flexGrid]'\r\n})\r\nexport class FlexGridDirective {\r\n  @HostBinding('class') hostClass = 'grid p-fluid m-0 p-0';\r\n}","import { inject } from \"@angular/core\";\r\nimport { FormControlDirective, FormControlName, NgControl, NgModel } from \"@angular/forms\";\r\nimport { TooltipOptions } from \"primeng/api\";\r\n\r\nexport abstract class BaseInputComponent {\r\n\r\n  ngControl = injectNgControl();\r\n\r\n  tooltipOptions: TooltipOptions = {\r\n    tooltipPosition: 'top',\r\n    tooltipEvent: 'focus',\r\n    tooltipStyleClass: 'tooltipErrorMessage'\r\n  };\r\n}\r\n\r\nexport function injectNgControl() {\r\n  const ngControl = inject(NgControl, { self: true, optional: true });\r\n\r\n  if (!ngControl) throw new Error('NgModel or FormControlName or FormControlDirective is required');\r\n\r\n  if (\r\n    ngControl instanceof NgModel ||\r\n    ngControl instanceof FormControlName ||\r\n    ngControl instanceof FormControlDirective\r\n  ) {\r\n    return ngControl;\r\n  }\r\n\r\n  throw new Error(\"Something went wrong in InjectNgControl\");\r\n}","import { Injectable } from '@angular/core';\r\nimport { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\r\nimport \"aril/util/primitive-extensions\";\r\n\r\nexport type DateRangeFormat = \"minute\" | \"hour\" | \"day\" | \"month\" | \"year\";\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class CommonInputValidatorsService {\r\n\r\n  /**\r\n   * @param sdCtrlName - name of the start date form control\r\n   * @param edCtrlName - name of the end date form control\r\n   * @param rangeValue - range between start and end date. Default value is 1\r\n   * @param rangeFormat - format of the range. Default value is \"day\"\r\n */\r\n  dateRange(sdCtrlName: string, edCtrlName: string, rangeValue = 0, rangeFormat: DateRangeFormat = \"day\"): ValidatorFn {\r\n    return (control: AbstractControl): ValidationErrors | null => {\r\n      const start: number = control.get(sdCtrlName)?.value;\r\n      const end: number = control.get(edCtrlName)?.value;\r\n\r\n      const startJSDate = start.longToDate();\r\n      const endJSDate = end.longToDate();\r\n\r\n      if (startJSDate && endJSDate) {\r\n        const isRangeValid = (endJSDate.getTime() - startJSDate.getTime() > rangeValue);\r\n\r\n        return isRangeValid ? null : { dateRange: `The end date must be at least ${rangeValue} ${rangeFormat} bigger than the start date` };\r\n      }\r\n\r\n      return null;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @description - pasword match vs.\r\n   */\r\n  strictMatch(controlName: string, matchingControlName: string): ValidatorFn {\r\n    return (control: AbstractControl): ValidationErrors | null => {\r\n      const firstField = control.get(controlName);\r\n      const secondField = control.get(matchingControlName);\r\n\r\n      if (!firstField || !secondField) {\r\n        return null;\r\n      }\r\n\r\n      if (firstField.value !== secondField.value) {\r\n        return { strictMatch: `${controlName} and ${matchingControlName} do not match` };\r\n      }\r\n\r\n      return null;\r\n    }\r\n  }\r\n}\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n\r\nimport { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n  standalone: true,\r\n  name: 'inputErrorMessage'\r\n})\r\nexport class InputErrorMessagePipe implements PipeTransform {\r\n\r\n  transform(value: any, ...args: any[]): string {\r\n    const control = args[0];\r\n    const errorKeys = Object.keys(control.errors || {});\r\n\r\n    if (errorKeys.length) {\r\n      const errorKey = errorKeys[0];\r\n      const errorValue = control.errors![errorKey];\r\n\r\n      switch (errorKey) {\r\n        case 'required':\r\n          return 'This field is required';\r\n        case 'min':\r\n          return `Minimum value is ${errorValue.min}`;\r\n        case 'max':\r\n          return `Maximum value is ${errorValue.max}`;\r\n        case 'minlength':\r\n          return `Minimum length is ${errorValue.requiredLength}`;\r\n        case 'maxlength':\r\n          return `Maximum length is ${errorValue.requiredLength}`;\r\n        case 'email':\r\n          return 'Invalid email';\r\n        case 'pattern':\r\n          return 'Invalid format';\r\n        default: return errorValue;\r\n      }\r\n    }\r\n\r\n    return '';\r\n  }\r\n}\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n\r\nimport { Pipe, PipeTransform, inject } from \"@angular/core\";\r\nimport { InputErrorMessagePipe } from \"./input-error-message.pipe\";\r\n\r\n@Pipe({\r\n  standalone: true,\r\n  name: 'dxInputErrorMessage'\r\n})\r\nexport class DXInputErrorMessagePipe implements PipeTransform {\r\n  errorMsgPipe = inject(InputErrorMessagePipe);\r\n\r\n  transform(value: any, ...args: any[]): { message: string } {\r\n    return { message: this.errorMsgPipe.transform(value, ...args) };\r\n  }\r\n}","import { Directive, Input } from '@angular/core';\r\nimport { NgControl } from '@angular/forms';\r\n\r\n@Directive({\r\n  standalone: true,\r\n  selector: '[arilDisabled]'\r\n})\r\nexport class InputDisabledDirective {\r\n  constructor(private ngControl: NgControl) { }\r\n\r\n  @Input() set arilDisabled(condition: boolean) {\r\n    const action = condition ? 'disable' : 'enable';\r\n    if (this.ngControl.control) this.ngControl.control[action]();\r\n  }\r\n}\r\n","import { PrimeIcons } from 'primeng/api';\r\n\r\nexport type PrimeIcon = Exclude<keyof typeof PrimeIcons, \"prototype\">;\r\nexport function iconTransform(icon: PrimeIcon): string {\r\n  return PrimeIcons[icon];\r\n}\r\n\r\nexport type IconPosTypes = 'right' | 'left';\r\nexport function iconPosTransform(pos: IconPosTypes): string {\r\n  return 'p-input-icon-' + pos;\r\n}","/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { Directive } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Directive({\n  standalone: true,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      multi: true,\n      useExisting: ValueAccessorDirective\n    },\n  ]\n})\nexport class ValueAccessorDirective implements ControlValueAccessor {\n  writeValue(obj: any): void { return }\n  registerOnChange(fn: any): void { return }\n  registerOnTouched(fn: any): void { return }\n}","/* form */\r\nexport * from './src/form/form-error-message.directive';\r\nexport * from './src/form/form-validation';\r\nexport * from './src/form/form-field-builder';\r\n\r\n/* grid */\r\nexport * from './src/grid/flex-grid.directive';\r\n\r\n/* input */\r\nexport * from './src/input/baseInput';\r\nexport * from './src/input/common-input-validators.service';\r\nexport * from './src/input/dx-input-error-message.pipe';\r\nexport * from './src/input/input-disabled.directive';\r\nexport * from './src/input/input-error-message.pipe';\r\nexport * from './src/input/input-transforms';\r\nexport * from './src/input/value-accessor.directive';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":";;;;;;;;;MAgBa,0BAA0B,CAAA;IAGrC,IAAa,QAAQ,CAAC,QAAiC,EAAA;AACrD,QAAA,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,QAAS,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;AACrD,YAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAA;AACxD,SAAC,CAAC,CAAC;KACJ;8GAPU,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAP3B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;AAIV,CAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EALU,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,QAAA,EAAA,UAAA,EAAA,uBAAA,EAAA,uBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAQb,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAVtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,cAAc,CAAC;AACzB,oBAAA,QAAQ,EAAE,CAAA;;;;AAIV,CAAA,CAAA;oBACA,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA,CAAA;8BAIc,QAAQ,EAAA,CAAA;sBAApB,KAAK;;;ACnBR;MAUa,yBAAyB,CAAA;AACpC,IAAA,WAAA,CAAoB,gBAAkC,EAAA;QAAlC,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB,CAAkB;QAItD,IAAS,CAAA,SAAA,GAAa,EAAE,CAAC;KAJkC;IAO3D,QAAQ,GAAA;QACN,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,MAAM,KAAI;YACvD,IAAI,IAAI,CAAC,YAAY;AAAE,gBAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC;AAEtD,YAAA,IAAI,MAAM,KAAK,SAAS,EAAE;AACxB,gBAAA,IAAI,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE;oBAChC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,0BAA0B,CAAC,CAAC;AACtF,oBAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;oBACnE,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;iBAC1D;aACF;AACH,SAAC,CAAC,CAAC;KACJ;8GApBU,yBAAyB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAJrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,oBAAoB;AAC/B,iBAAA,CAAA;qFAIU,gBAAgB,EAAA,CAAA;sBAAxB,KAAK;;;ACXK,MAAA,gBAAgB,GAAG,CAAC,SAAgC,KAAI;AACnE,IAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,KAAK,IAAG;QAC9C,MAAM,OAAO,GAAG,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AACrC,QAAA,IAAI,OAAO,YAAY,WAAW,EAAE;YAClC,OAAO,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;YAC1C,OAAO,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;SACzC;aAAM,IAAI,OAAO,YAAY,SAAS,IAAI,OAAO,YAAY,SAAS,EAAE;YACvE,gBAAgB,CAAC,OAAO,CAAC,CAAC;SAC3B;AACH,KAAC,CAAC,CAAC;AACL;;MCVa,yBAAyB,GAAG,CAAC,IAAe,EAAE,QAAqD,KAAI;AAClH,IAAA,QAAQ,CAAC,OAAO,CAAC,OAAO,IAAG;QACzB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;AAChC,YAAA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,WAAW,CAAC,EAAE,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;SACvE;AACH,KAAC,CAAC,CAAC;AACL,EAAC;MAEY,cAAc,GAAG,CAAC,IAAe,EAAE,YAAsB,KAAI;AACxE,IAAA,YAAY,CAAC,OAAO,CAAC,WAAW,IAAG;AACjC,QAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;AAC9B,YAAA,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;SACjC;AACH,KAAC,CAAC,CAAC;AACL,EAAC;MAEY,wBAAwB,GAAG,CAAC,IAAe,EAAE,YAAsB,KAAI;AAClF,IAAA,YAAY,CAAC,OAAO,CAAC,WAAW,IAAG;AACjC,QAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;YAC9B,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,sBAAsB,EAAE,CAAC;SACjD;AACH,KAAC,CAAC,CAAC;AAEL;;ACzBA;MAQa,iBAAiB,CAAA;AAJ9B,IAAA,WAAA,GAAA;QAKwB,IAAS,CAAA,SAAA,GAAG,sBAAsB,CAAC;AAC1D,KAAA;8GAFY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,YAAY;AACvB,iBAAA,CAAA;8BAEuB,SAAS,EAAA,CAAA;sBAA9B,WAAW;uBAAC,OAAO,CAAA;;;MCLA,kBAAkB,CAAA;AAAxC,IAAA,WAAA,GAAA;QAEE,IAAS,CAAA,SAAA,GAAG,eAAe,EAAE,CAAC;AAE9B,QAAA,IAAA,CAAA,cAAc,GAAmB;AAC/B,YAAA,eAAe,EAAE,KAAK;AACtB,YAAA,YAAY,EAAE,OAAO;AACrB,YAAA,iBAAiB,EAAE,qBAAqB;SACzC,CAAC;KACH;AAAA,CAAA;SAEe,eAAe,GAAA;AAC7B,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;AAEpE,IAAA,IAAI,CAAC,SAAS;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,gEAAgE,CAAC,CAAC;IAElG,IACE,SAAS,YAAY,OAAO;AAC5B,QAAA,SAAS,YAAY,eAAe;QACpC,SAAS,YAAY,oBAAoB,EACzC;AACA,QAAA,OAAO,SAAS,CAAC;KAClB;AAED,IAAA,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;AAC7D;;MCpBa,4BAA4B,CAAA;AAEvC;;;;;AAKC;IACD,SAAS,CAAC,UAAkB,EAAE,UAAkB,EAAE,UAAU,GAAG,CAAC,EAAE,WAAA,GAA+B,KAAK,EAAA;QACpG,OAAO,CAAC,OAAwB,KAA6B;YAC3D,MAAM,KAAK,GAAW,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC;YACrD,MAAM,GAAG,GAAW,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC;AAEnD,YAAA,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,EAAE,CAAC;AACvC,YAAA,MAAM,SAAS,GAAG,GAAG,CAAC,UAAU,EAAE,CAAC;AAEnC,YAAA,IAAI,WAAW,IAAI,SAAS,EAAE;AAC5B,gBAAA,MAAM,YAAY,IAAI,SAAS,CAAC,OAAO,EAAE,GAAG,WAAW,CAAC,OAAO,EAAE,GAAG,UAAU,CAAC,CAAC;AAEhF,gBAAA,OAAO,YAAY,GAAG,IAAI,GAAG,EAAE,SAAS,EAAE,CAAiC,8BAAA,EAAA,UAAU,IAAI,WAAW,CAAA,2BAAA,CAA6B,EAAE,CAAC;aACrI;AAED,YAAA,OAAO,IAAI,CAAC;AACd,SAAC,CAAA;KACF;AAED;;AAEG;IACH,WAAW,CAAC,WAAmB,EAAE,mBAA2B,EAAA;QAC1D,OAAO,CAAC,OAAwB,KAA6B;YAC3D,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;YAC5C,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;AAErD,YAAA,IAAI,CAAC,UAAU,IAAI,CAAC,WAAW,EAAE;AAC/B,gBAAA,OAAO,IAAI,CAAC;aACb;YAED,IAAI,UAAU,CAAC,KAAK,KAAK,WAAW,CAAC,KAAK,EAAE;gBAC1C,OAAO,EAAE,WAAW,EAAE,CAAA,EAAG,WAAW,CAAQ,KAAA,EAAA,mBAAmB,CAAe,aAAA,CAAA,EAAE,CAAC;aAClF;AAED,YAAA,OAAO,IAAI,CAAC;AACd,SAAC,CAAA;KACF;8GA5CU,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,4BAA4B,cAF3B,MAAM,EAAA,CAAA,CAAA,EAAA;;2FAEP,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAHxC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA,CAAA;;;ACRD;MAQa,qBAAqB,CAAA;AAEhC,IAAA,SAAS,CAAC,KAAU,EAAE,GAAG,IAAW,EAAA;AAClC,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AACxB,QAAA,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;AAEpD,QAAA,IAAI,SAAS,CAAC,MAAM,EAAE;AACpB,YAAA,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;YAC9B,MAAM,UAAU,GAAG,OAAO,CAAC,MAAO,CAAC,QAAQ,CAAC,CAAC;YAE7C,QAAQ,QAAQ;AACd,gBAAA,KAAK,UAAU;AACb,oBAAA,OAAO,wBAAwB,CAAC;AAClC,gBAAA,KAAK,KAAK;AACR,oBAAA,OAAO,CAAoB,iBAAA,EAAA,UAAU,CAAC,GAAG,EAAE,CAAC;AAC9C,gBAAA,KAAK,KAAK;AACR,oBAAA,OAAO,CAAoB,iBAAA,EAAA,UAAU,CAAC,GAAG,EAAE,CAAC;AAC9C,gBAAA,KAAK,WAAW;AACd,oBAAA,OAAO,CAAqB,kBAAA,EAAA,UAAU,CAAC,cAAc,EAAE,CAAC;AAC1D,gBAAA,KAAK,WAAW;AACd,oBAAA,OAAO,CAAqB,kBAAA,EAAA,UAAU,CAAC,cAAc,EAAE,CAAC;AAC1D,gBAAA,KAAK,OAAO;AACV,oBAAA,OAAO,eAAe,CAAC;AACzB,gBAAA,KAAK,SAAS;AACZ,oBAAA,OAAO,gBAAgB,CAAC;AAC1B,gBAAA,SAAS,OAAO,UAAU,CAAC;aAC5B;SACF;AAED,QAAA,OAAO,EAAE,CAAC;KACX;8GA9BU,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;4GAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,CAAA,CAAA,EAAA;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE,mBAAmB;AAC1B,iBAAA,CAAA;;;ACPD;MASa,uBAAuB,CAAA;AAJpC,IAAA,WAAA,GAAA;AAKE,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC;AAK9C,KAAA;AAHC,IAAA,SAAS,CAAC,KAAU,EAAE,GAAG,IAAW,EAAA;AAClC,QAAA,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;KACjE;8GALU,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;4GAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,qBAAA,EAAA,CAAA,CAAA,EAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE,qBAAqB;AAC5B,iBAAA,CAAA;;;MCDY,sBAAsB,CAAA;AACjC,IAAA,WAAA,CAAoB,SAAoB,EAAA;QAApB,IAAS,CAAA,SAAA,GAAT,SAAS,CAAW;KAAK;IAE7C,IAAa,YAAY,CAAC,SAAkB,EAAA;QAC1C,MAAM,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAChD,QAAA,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;KAC9D;8GANU,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,IAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAJlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,gBAAgB;AAC3B,iBAAA,CAAA;gFAIc,YAAY,EAAA,CAAA;sBAAxB,KAAK;;;ACPF,SAAU,aAAa,CAAC,IAAe,EAAA;AAC3C,IAAA,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC;AAGK,SAAU,gBAAgB,CAAC,GAAiB,EAAA;IAChD,OAAO,eAAe,GAAG,GAAG,CAAC;AAC/B;;ACVA;AACA;MAea,sBAAsB,CAAA;AACjC,IAAA,UAAU,CAAC,GAAQ,EAAU,EAAA,OAAM,EAAE;AACrC,IAAA,gBAAgB,CAAC,EAAO,EAAU,EAAA,OAAM,EAAE;AAC1C,IAAA,iBAAiB,CAAC,EAAO,EAAU,EAAA,OAAM,EAAE;8GAHhC,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EARtB,YAAA,EAAA,IAAA,EAAA,SAAA,EAAA;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,KAAK,EAAE,IAAI;AACX,gBAAA,WAAW,EAAE,sBAAsB;AACpC,aAAA;AACF,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAEU,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAVlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,SAAS,EAAE;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,KAAK,EAAE,IAAI;AACX,4BAAA,WAAW,EAAwB,sBAAA;AACpC,yBAAA;AACF,qBAAA;AACF,iBAAA,CAAA;;;ACfD;;ACAA;;AAEG;;;;"}

package/fesm2022/aril-ui-mask.mjs

@@ -0,0 +1,51 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import * as i3 from 'primeng/inputmask';
+import { InputMaskModule } from 'primeng/inputmask';
+import * as i1 from 'aril/ui/lib';
+import { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
+import * as i2 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { NgStyle } from '@angular/common';
+
+/**
+ * a - alphabetic characters
+ * 9 - numeric characters
+ * * - alphanumeric characters
+ * ? - optional characters
+ * formatting characters -> (), -
+ */
+class InputMaskComponent extends BaseInputComponent {
+    constructor() {
+        super(...arguments);
+        this.slotChar = '_';
+        this.usageInGrid = true;
+        this.showTooltip = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InputMaskComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: InputMaskComponent, isStandalone: true, selector: "aril-mask[ngModel], aril-mask[formControl], aril-mask[formControlName]", inputs: { mask: "mask", slotChar: "slotChar", style: "style", placeholder: "placeholder", maxlength: "maxlength", usageInGrid: "usageInGrid" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<div\n\tstyle=\"position: relative\"\n\t[ngStyle]=\"!usageInGrid ? { display: 'inline-block' } : {}\">\n\t<p-inputMask\n\t\t[mask]=\"mask\"\n\t\t[style]=\"style\"\n\t\t[slotChar]=\"slotChar\"\n\t\t[placeholder]=\"placeholder\"\n\t\t[maxlength]=\"maxlength\"\n\t\t[formControl]=\"ngControl.control\"\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\n\t\t(onFocus)=\"showTooltip = true\"\n\t\t(onBlur)=\"showTooltip = false\">\n\t</p-inputMask>\n\t@if (ngControl.invalid && showTooltip) {\n\t\t<div class=\"custom-tooltip tooltipErrorMessage\">\n\t\t\t{{ ngControl.control.value | inputErrorMessage: ngControl }}\n\t\t</div>\n\t}\n</div>\n", styles: [".custom-tooltip{position:absolute;background-color:#dc143c;color:#fff;padding:.75rem;border-radius:6px;z-index:1001;top:-107%;left:50%;transform:translate(-50%);white-space:nowrap}.custom-tooltip:before{content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:3px;border-style:solid;border-color:var(--primary-color) transparent transparent transparent}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: InputMaskModule }, { kind: "component", type: i3.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InputMaskComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-mask[ngModel], aril-mask[formControl], aril-mask[formControlName]', imports: [ReactiveFormsModule, NgStyle, InputMaskModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n\tstyle=\"position: relative\"\n\t[ngStyle]=\"!usageInGrid ? { display: 'inline-block' } : {}\">\n\t<p-inputMask\n\t\t[mask]=\"mask\"\n\t\t[style]=\"style\"\n\t\t[slotChar]=\"slotChar\"\n\t\t[placeholder]=\"placeholder\"\n\t\t[maxlength]=\"maxlength\"\n\t\t[formControl]=\"ngControl.control\"\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\n\t\t(onFocus)=\"showTooltip = true\"\n\t\t(onBlur)=\"showTooltip = false\">\n\t</p-inputMask>\n\t@if (ngControl.invalid && showTooltip) {\n\t\t<div class=\"custom-tooltip tooltipErrorMessage\">\n\t\t\t{{ ngControl.control.value | inputErrorMessage: ngControl }}\n\t\t</div>\n\t}\n</div>\n", styles: [".custom-tooltip{position:absolute;background-color:#dc143c;color:#fff;padding:.75rem;border-radius:6px;z-index:1001;top:-107%;left:50%;transform:translate(-50%);white-space:nowrap}.custom-tooltip:before{content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:3px;border-style:solid;border-color:var(--primary-color) transparent transparent transparent}\n"] }]
+        }], propDecorators: { mask: [{
+                type: Input,
+                args: [{ required: true }]
+            }], slotChar: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], maxlength: [{
+                type: Input
+            }], usageInGrid: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputMaskComponent };
+//# sourceMappingURL=aril-ui-mask.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-mask.mjs","sources":["../../projects/aril/ui/mask/src/mask.component.ts","../../projects/aril/ui/mask/src/mask.component.html","../../projects/aril/ui/mask/aril-ui-mask.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { InputMaskModule } from 'primeng/inputmask';\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { NgStyle } from '@angular/common';\r\n\r\n/**\r\n * a - alphabetic characters\r\n * 9 - numeric characters\r\n * * - alphanumeric characters\r\n * ? - optional characters\r\n * formatting characters -> (), -\r\n */\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-mask[ngModel], aril-mask[formControl], aril-mask[formControlName]',\r\n  templateUrl: './mask.component.html',\r\n  styleUrl: './mask.component.css',\r\n  imports: [ReactiveFormsModule, NgStyle, InputMaskModule, InputErrorMessagePipe],\r\n  hostDirectives: [ValueAccessorDirective],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class InputMaskComponent extends BaseInputComponent {\r\n  @Input({ required: true }) mask!: string;\r\n  @Input() slotChar = '_';\r\n  @Input() style?: object;\r\n  @Input() placeholder?: string;\r\n  @Input() maxlength!: number;\r\n  @Input() usageInGrid = true;\r\n\r\n  showTooltip = false;\r\n}\r\n","<div\n\tstyle=\"position: relative\"\n\t[ngStyle]=\"!usageInGrid ? { display: 'inline-block' } : {}\">\n\t<p-inputMask\n\t\t[mask]=\"mask\"\n\t\t[style]=\"style\"\n\t\t[slotChar]=\"slotChar\"\n\t\t[placeholder]=\"placeholder\"\n\t\t[maxlength]=\"maxlength\"\n\t\t[formControl]=\"ngControl.control\"\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\n\t\t(onFocus)=\"showTooltip = true\"\n\t\t(onBlur)=\"showTooltip = false\">\n\t</p-inputMask>\n\t@if (ngControl.invalid && showTooltip) {\n\t\t<div class=\"custom-tooltip tooltipErrorMessage\">\n\t\t\t{{ ngControl.control.value | inputErrorMessage: ngControl }}\n\t\t</div>\n\t}\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAMA;;;;;;AAMG;AAWG,MAAO,kBAAmB,SAAQ,kBAAkB,CAAA;AAT1D,IAAA,WAAA,GAAA;;QAWW,IAAQ,CAAA,QAAA,GAAG,GAAG,CAAC;QAIf,IAAW,CAAA,WAAA,GAAG,IAAI,CAAC;QAE5B,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;AACrB,KAAA;8GATY,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wEAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvB/B,2oBAoBA,EDDY,MAAA,EAAA,CAAA,2XAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,6dAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,OAAA,EAAA,SAAA,EAAA,YAAA,EAAA,aAAA,EAAA,MAAA,EAAA,WAAA,EAAA,UAAA,EAAA,OAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,MAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,YAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,SAAA,EAAA,QAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,qBAAqB,EAAA,IAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAInE,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAT9B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,YACN,wEAAwE,EAAA,OAAA,EAGzE,CAAC,mBAAmB,EAAE,OAAO,EAAE,eAAe,EAAE,qBAAqB,CAAC,kBAC/D,CAAC,sBAAsB,CAAC,EACvB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2oBAAA,EAAA,MAAA,EAAA,CAAA,2XAAA,CAAA,EAAA,CAAA;8BAGpB,IAAI,EAAA,CAAA;sBAA9B,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAChB,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;;;AE7BR;;AAEG;;;;"}

package/fesm2022/aril-ui-number.mjs

@@ -0,0 +1,65 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i3 from 'primeng/inputnumber';
+import { InputNumberModule } from 'primeng/inputnumber';
+import * as i1 from 'aril/ui/lib';
+import { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
+import * as i4 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
+
+class InputNumberComponent extends BaseInputComponent {
+    constructor() {
+        super(...arguments);
+        this.useGrouping = true;
+        this._buttonLayout = "stacked";
+    }
+    set buttonLayout(value) {
+        this._buttonLayout = value;
+        if (value == "vertical") {
+            this.style = { 'width': '4rem' };
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InputNumberComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: InputNumberComponent, isStandalone: true, selector: "aril-number[ngModel], aril-number[formControl], aril-number[formControlName]", inputs: { min: "min", max: "max", style: "style", showButtons: "showButtons", placeholder: "placeholder", customClass: "customClass", prefix: "prefix", suffix: "suffix", maxlength: "maxlength", showClear: "showClear", useGrouping: "useGrouping", maxDigits: "maxDigits", minDigits: "minDigits", buttonLayout: "buttonLayout" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-inputNumber\r\n\t[min]=\"min\"\r\n\t[max]=\"max\"\r\n\tmode=\"decimal\"\r\n\tlocale=\"en-US\"\r\n\t[prefix]=\"prefix\"\r\n\t[suffix]=\"suffix\"\r\n\t[maxlength]=\"maxlength\"\r\n\t[showClear]=\"showClear\"\r\n\t[class]=\"customClass\"\r\n\t[style]=\"style\"\r\n\tspinnerMode=\"vertical\"\r\n\t[useGrouping]=\"useGrouping\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[showButtons]=\"showButtons\"\r\n\t[maxFractionDigits]=\"maxDigits\"\r\n\t[minFractionDigits]=\"minDigits\"\r\n\t[buttonLayout]=\"_buttonLayout\"\r\n\tincrementButtonClass=\"p-button-primary\"\r\n\tdecrementButtonClass=\"p-button-danger\"\r\n\tincrementButtonIcon=\"pi pi-plus\"\r\n\tdecrementButtonIcon=\"pi pi-minus\"\r\n\t[pTooltip]=\"\r\n\t\tngControl.invalid\r\n\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t: ''\r\n\t\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-inputNumber>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i3.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InputNumberComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-number[ngModel], aril-number[formControl], aril-number[formControlName]', imports: [ReactiveFormsModule, InputNumberModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-inputNumber\r\n\t[min]=\"min\"\r\n\t[max]=\"max\"\r\n\tmode=\"decimal\"\r\n\tlocale=\"en-US\"\r\n\t[prefix]=\"prefix\"\r\n\t[suffix]=\"suffix\"\r\n\t[maxlength]=\"maxlength\"\r\n\t[showClear]=\"showClear\"\r\n\t[class]=\"customClass\"\r\n\t[style]=\"style\"\r\n\tspinnerMode=\"vertical\"\r\n\t[useGrouping]=\"useGrouping\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[showButtons]=\"showButtons\"\r\n\t[maxFractionDigits]=\"maxDigits\"\r\n\t[minFractionDigits]=\"minDigits\"\r\n\t[buttonLayout]=\"_buttonLayout\"\r\n\tincrementButtonClass=\"p-button-primary\"\r\n\tdecrementButtonClass=\"p-button-danger\"\r\n\tincrementButtonIcon=\"pi pi-plus\"\r\n\tdecrementButtonIcon=\"pi pi-minus\"\r\n\t[pTooltip]=\"\r\n\t\tngControl.invalid\r\n\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t: ''\r\n\t\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-inputNumber>\r\n" }]
+        }], propDecorators: { min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], showButtons: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], customClass: [{
+                type: Input
+            }], prefix: [{
+                type: Input
+            }], suffix: [{
+                type: Input
+            }], maxlength: [{
+                type: Input
+            }], showClear: [{
+                type: Input
+            }], useGrouping: [{
+                type: Input
+            }], maxDigits: [{
+                type: Input
+            }], minDigits: [{
+                type: Input
+            }], buttonLayout: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputNumberComponent };
+//# sourceMappingURL=aril-ui-number.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-number.mjs","sources":["../../projects/aril/ui/number/src/number.component.ts","../../projects/aril/ui/number/src/number.component.html","../../projects/aril/ui/number/aril-ui-number.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { InputNumberModule } from 'primeng/inputnumber';\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nexport type ButtonLayouts = \"stacked\" | \"vertical\";\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-number[ngModel], aril-number[formControl], aril-number[formControlName]',\r\n  templateUrl: './number.component.html',\r\n  imports: [ReactiveFormsModule, InputNumberModule, TooltipModule, InputErrorMessagePipe],\r\n  hostDirectives: [ValueAccessorDirective],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class InputNumberComponent extends BaseInputComponent {\r\n  @Input() min?: number;\r\n  @Input() max?: number;\r\n  @Input() style?: object;\r\n  @Input() showButtons!: boolean;\r\n  @Input() placeholder?: string;\r\n  @Input() customClass?: string;\r\n  @Input() prefix?: string;\r\n  @Input() suffix?: string;\r\n  @Input() maxlength!: number;\r\n  @Input() showClear!: boolean;\r\n  @Input() useGrouping = true;\r\n  @Input() maxDigits?: number;\r\n  @Input() minDigits?: number;\r\n  @Input() set buttonLayout(value: ButtonLayouts) {\r\n    this._buttonLayout = value;\r\n\r\n    if (value == \"vertical\") {\r\n      this.style = { 'width': '4rem' };\r\n    }\r\n  }\r\n\r\n  _buttonLayout: ButtonLayouts = \"stacked\";\r\n}\r\n","<p-inputNumber\r\n\t[min]=\"min\"\r\n\t[max]=\"max\"\r\n\tmode=\"decimal\"\r\n\tlocale=\"en-US\"\r\n\t[prefix]=\"prefix\"\r\n\t[suffix]=\"suffix\"\r\n\t[maxlength]=\"maxlength\"\r\n\t[showClear]=\"showClear\"\r\n\t[class]=\"customClass\"\r\n\t[style]=\"style\"\r\n\tspinnerMode=\"vertical\"\r\n\t[useGrouping]=\"useGrouping\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[showButtons]=\"showButtons\"\r\n\t[maxFractionDigits]=\"maxDigits\"\r\n\t[minFractionDigits]=\"minDigits\"\r\n\t[buttonLayout]=\"_buttonLayout\"\r\n\tincrementButtonClass=\"p-button-primary\"\r\n\tdecrementButtonClass=\"p-button-danger\"\r\n\tincrementButtonIcon=\"pi pi-plus\"\r\n\tdecrementButtonIcon=\"pi pi-minus\"\r\n\t[pTooltip]=\"\r\n\t\tngControl.invalid\r\n\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t: ''\r\n\t\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-inputNumber>\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-overlayPanel.mjs

@@ -0,0 +1,44 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, ViewChild } from '@angular/core';
+import { ButtonComponent } from 'aril/ui/button';
+import * as i1 from 'primeng/overlaypanel';
+import { OverlayPanelModule } from 'primeng/overlaypanel';
+import * as i2 from 'primeng/api';
+
+class OverlayPanelComponent {
+    constructor() {
+        this.dismissable = true;
+    }
+    togglePanel(event) {
+        this.overlayPanel.toggle(event, this.toggleButton.nativeElement);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: OverlayPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: OverlayPanelComponent, isStandalone: true, selector: "aril-overlay-panel", inputs: { showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions", dismissable: "dismissable", styleClass: "styleClass", label: "label" }, viewQueries: [{ propertyName: "overlayPanel", first: true, predicate: ["overlayPanel"], descendants: true }, { propertyName: "toggleButton", first: true, predicate: ["toggleButton"], descendants: true }], ngImport: i0, template: "<p-overlayPanel\r\n\t[showTransitionOptions]=\"showTransitionOptions\"\r\n\t[hideTransitionOptions]=\"hideTransitionOptions\"\r\n\t[dismissable]=\"dismissable\"\r\n\t[styleClass]=\"styleClass\"\r\n\t#overlayPanel>\r\n\t<ng-template pTemplate=\"content\">\r\n\t\t<ng-content></ng-content>\r\n\t</ng-template>\r\n</p-overlayPanel>\r\n<div>\r\n\t<aril-button\r\n\t\tcolor=\"primary\"\r\n\t\t[label]=\"label || 'Show'\"\r\n\t\t(clickEvent)=\"togglePanel($event)\"\r\n\t\tclass=\"toggle-button\"\r\n\t\t#toggleButton>\r\n\t</aril-button>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: OverlayPanelModule }, { kind: "component", type: i1.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "outlined", "badge", "size", "icon", "color"], outputs: ["clickEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: OverlayPanelComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-overlay-panel', imports: [OverlayPanelModule, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-overlayPanel\r\n\t[showTransitionOptions]=\"showTransitionOptions\"\r\n\t[hideTransitionOptions]=\"hideTransitionOptions\"\r\n\t[dismissable]=\"dismissable\"\r\n\t[styleClass]=\"styleClass\"\r\n\t#overlayPanel>\r\n\t<ng-template pTemplate=\"content\">\r\n\t\t<ng-content></ng-content>\r\n\t</ng-template>\r\n</p-overlayPanel>\r\n<div>\r\n\t<aril-button\r\n\t\tcolor=\"primary\"\r\n\t\t[label]=\"label || 'Show'\"\r\n\t\t(clickEvent)=\"togglePanel($event)\"\r\n\t\tclass=\"toggle-button\"\r\n\t\t#toggleButton>\r\n\t</aril-button>\r\n</div>\r\n" }]
+        }], propDecorators: { showTransitionOptions: [{
+                type: Input
+            }], hideTransitionOptions: [{
+                type: Input
+            }], dismissable: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], overlayPanel: [{
+                type: ViewChild,
+                args: ['overlayPanel']
+            }], toggleButton: [{
+                type: ViewChild,
+                args: ['toggleButton']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OverlayPanelComponent };
+//# sourceMappingURL=aril-ui-overlayPanel.mjs.map