aril 0.0.46 → 0.0.48

package/fesm2022/aril-ui-lib.mjs

@@ -0,0 +1,322 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, 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 FormErrorMessagesComponent {
+    set messages(messages) {
+        this._pMessages = Object.values(messages).map((msg) => {
+            return { severity: 'error', summary: '', detail: msg };
+        });
+    }
+    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", "onClose"] }], 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.formErrorMessage = input.required();
+        this.errorKeys = [];
+    }
+    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: "17.1.0", version: "17.1.2", type: FormErrorMessageDirective, isStandalone: true, selector: "[formErrorMessage]", inputs: { formErrorMessage: { classPropertyName: "formErrorMessage", publicName: "formErrorMessage", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormErrorMessageDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[formErrorMessage]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
+
+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({ value: null, disabled: control?.disabled || false }, 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
+     * @param edCtrlName - name of the end date form control
+     * @param rangeValue - range between start and end date. Default value is 1
+     * @param rangeFormat - format of the range. Default value is "day"
+     */
+    dateRange(sdCtrlName, edCtrlName, rangeValue = 0, rangeFormat = 'day') {
+        return (control) => {
+            const start = control.get(sdCtrlName)?.value;
+            const end = control.get(edCtrlName)?.value;
+            const startJSDate = start.longToDate();
+            const endJSDate = end.longToDate();
+            if (startJSDate && endJSDate) {
+                const isRangeValid = endJSDate.getTime() - startJSDate.getTime() > rangeValue;
+                return isRangeValid ? null : ({ dateRange: `The end date must be at least ${rangeValue} ${rangeFormat} bigger than the start date` });
+            }
+            return null;
+        };
+    }
+    /**
+     * @description - pasword match vs.
+     */
+    strictMatch(controlName, matchingControlName) {
+        return (control) => {
+            const firstField = control.get(controlName);
+            const secondField = control.get(matchingControlName);
+            if (!firstField || !secondField) {
+                return null;
+            }
+            if (firstField.value !== secondField.value) {
+                return { strictMatch: `${controlName} and ${matchingControlName} do not match` };
+            }
+            return null;
+        };
+    }
+    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.2", ngImport: i0, type: CommonInputValidatorsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+/* 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'
+                }]
+        }] });
+
+/* 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 { 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

@@ -0,0 +1 @@
+{"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":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { ValidationErrors } from '@angular/forms';\r\n\r\nimport { Message } from 'primeng/api';\r\nimport { MessagesModule } from 'primeng/messages';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\timports: [MessagesModule],\r\n\ttemplate: `\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\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class FormErrorMessagesComponent {\r\n\t_pMessages!: Message[];\r\n\r\n\t@Input() set messages(messages: ValidationErrors | null) {\r\n\t\tthis._pMessages = Object.values(messages!).map((msg) => {\r\n\t\t\treturn { severity: 'error', summary: '', detail: msg };\r\n\t\t});\r\n\t}\r\n}\r\n","/* eslint-disable @angular-eslint/directive-selector */\r\nimport { ComponentRef, Directive, OnInit, ViewContainerRef, input } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\n\r\nimport { FormErrorMessagesComponent } from './form-error-message.component';\r\n\r\n@Directive({\r\n\tstandalone: true,\r\n\tselector: '[formErrorMessage]'\r\n})\r\nexport class FormErrorMessageDirective implements OnInit {\r\n\tconstructor(private viewContainerRef: ViewContainerRef) {}\r\n\r\n\tformErrorMessage = input.required<FormGroup>();\r\n\r\n\terrorKeys: string[] = [];\r\n\tcomponentRef!: ComponentRef<FormErrorMessagesComponent>;\r\n\r\n\tngOnInit(): void {\r\n\t\tthis.formErrorMessage().statusChanges.subscribe((status) => {\r\n\t\t\tif (this.componentRef) this.viewContainerRef.remove();\r\n\r\n\t\t\tif (status === 'INVALID') {\r\n\t\t\t\tif (this.formErrorMessage().errors) {\r\n\t\t\t\t\tthis.componentRef = this.viewContainerRef.createComponent(FormErrorMessagesComponent);\r\n\t\t\t\t\tthis.componentRef.instance.messages = this.formErrorMessage().errors;\r\n\t\t\t\t\tthis.viewContainerRef.insert(this.componentRef.hostView);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n}\r\n","import { FormArray, FormControl, FormGroup } from '@angular/forms';\r\n\r\nexport const checkValidInputs = (formGroup: FormGroup | FormArray) => {\r\n\tObject.keys(formGroup.controls).forEach((field) => {\r\n\t\tconst control = formGroup.get(field);\r\n\r\n\t\tif (control instanceof FormControl) {\r\n\t\t\tcontrol.markAsTouched({ onlySelf: true });\r\n\t\t\tcontrol.markAsDirty({ onlySelf: true });\r\n\t\t} else if (control instanceof FormGroup || control instanceof FormArray) {\r\n\t\t\tcheckValidInputs(control);\r\n\t\t}\r\n\t});\r\n};\r\n","import { FormControl, FormGroup, ValidatorFn } from '@angular/forms';\r\n\r\nexport const addControlsWithValidation = (\r\n\tform: FormGroup,\r\n\tcontrols: { name: string; validator?: ValidatorFn; disabled?: boolean }[]\r\n) => {\r\n\tcontrols.forEach((control) => {\r\n\t\tif (!form.contains(control.name)) {\r\n\t\t\tform.addControl(\r\n\t\t\t\tcontrol.name,\r\n\t\t\t\tnew FormControl({ value: null, disabled: control?.disabled || false }, control.validator)\r\n\t\t\t);\r\n\t\t}\r\n\t});\r\n};\r\n\r\nexport const removeControls = (form: FormGroup, controlNames: string[]) => {\r\n\tcontrolNames.forEach((controlName) => {\r\n\t\tif (form.contains(controlName)) {\r\n\t\t\tform.removeControl(controlName);\r\n\t\t}\r\n\t});\r\n};\r\n\r\nexport const updateValueAndValidities = (form: FormGroup, controlNames: string[]) => {\r\n\tcontrolNames.forEach((controlName) => {\r\n\t\tif (form.contains(controlName)) {\r\n\t\t\tform.get(controlName)?.updateValueAndValidity();\r\n\t\t}\r\n\t});\r\n};\r\n","/* eslint-disable @angular-eslint/directive-selector */\r\nimport { Directive, HostBinding } from '@angular/core';\r\n\r\n@Directive({\r\n\tstandalone: true,\r\n\tselector: '[flexGrid]'\r\n})\r\nexport class FlexGridDirective {\r\n\t@HostBinding('class') hostClass = 'grid p-fluid m-0 p-0';\r\n}\r\n","import { inject } from '@angular/core';\r\nimport { FormControlDirective, FormControlName, NgControl, NgModel } from '@angular/forms';\r\n\r\nimport { TooltipOptions } from 'primeng/api';\r\n\r\nexport abstract class BaseInputComponent {\r\n\tngControl = injectNgControl();\r\n\r\n\ttooltipOptions: TooltipOptions = {\r\n\t\ttooltipPosition: 'top',\r\n\t\ttooltipEvent: 'focus',\r\n\t\ttooltipStyleClass: 'tooltipErrorMessage'\r\n\t};\r\n}\r\n\r\nexport function injectNgControl() {\r\n\tconst ngControl = inject(NgControl, { self: true, optional: true });\r\n\r\n\tif (!ngControl) throw new Error('NgModel or FormControlName or FormControlDirective is required');\r\n\r\n\tif (\r\n\t\tngControl instanceof NgModel ||\r\n\t\tngControl instanceof FormControlName ||\r\n\t\tngControl instanceof FormControlDirective\r\n\t) {\r\n\t\treturn ngControl;\r\n\t}\r\n\r\n\tthrow new Error('Something went wrong in InjectNgControl');\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\r\n\r\nimport 'aril/util/primitive-extensions';\r\n\r\ntype DateRangeFormat = 'minute' | 'hour' | 'day' | 'month' | 'year';\r\n\r\n@Injectable({\r\n\tprovidedIn: 'root'\r\n})\r\nexport class CommonInputValidatorsService {\r\n\t/**\r\n\t * @param sdCtrlName - name of the start date form control\r\n\t * @param edCtrlName - name of the end date form control\r\n\t * @param rangeValue - range between start and end date. Default value is 1\r\n\t * @param rangeFormat - format of the range. Default value is \"day\"\r\n\t */\r\n\tdateRange(sdCtrlName: string, edCtrlName: string, rangeValue = 0, rangeFormat: DateRangeFormat = 'day'): ValidatorFn {\r\n\t\treturn (control: AbstractControl): ValidationErrors | null => {\r\n\t\t\tconst start: number = control.get(sdCtrlName)?.value;\r\n\t\t\tconst end: number = control.get(edCtrlName)?.value;\r\n\r\n\t\t\tconst startJSDate = start.longToDate();\r\n\t\t\tconst endJSDate = end.longToDate();\r\n\r\n\t\t\tif (startJSDate && endJSDate) {\r\n\t\t\t\tconst isRangeValid = endJSDate.getTime() - startJSDate.getTime() > rangeValue;\r\n\r\n\t\t\t\treturn isRangeValid ? null : (\r\n\t\t\t\t\t\t{ dateRange: `The end date must be at least ${rangeValue} ${rangeFormat} bigger than the start date` }\r\n\t\t\t\t\t);\r\n\t\t\t}\r\n\r\n\t\t\treturn null;\r\n\t\t};\r\n\t}\r\n\r\n\t/**\r\n\t * @description - pasword match vs.\r\n\t */\r\n\tstrictMatch(controlName: string, matchingControlName: string): ValidatorFn {\r\n\t\treturn (control: AbstractControl): ValidationErrors | null => {\r\n\t\t\tconst firstField = control.get(controlName);\r\n\t\t\tconst secondField = control.get(matchingControlName);\r\n\r\n\t\t\tif (!firstField || !secondField) {\r\n\t\t\t\treturn null;\r\n\t\t\t}\r\n\r\n\t\t\tif (firstField.value !== secondField.value) {\r\n\t\t\t\treturn { strictMatch: `${controlName} and ${matchingControlName} do not match` };\r\n\t\t\t}\r\n\r\n\t\t\treturn null;\r\n\t\t};\r\n\t}\r\n}\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n\tstandalone: true,\r\n\tname: 'inputErrorMessage'\r\n})\r\nexport class InputErrorMessagePipe implements PipeTransform {\r\n\ttransform(value: any, ...args: any[]): string {\r\n\t\tconst control = args[0];\r\n\t\tconst errorKeys = Object.keys(control.errors || {});\r\n\r\n\t\tif (errorKeys.length) {\r\n\t\t\tconst errorKey = errorKeys[0];\r\n\t\t\tconst errorValue = control.errors![errorKey];\r\n\r\n\t\t\tswitch (errorKey) {\r\n\t\t\t\tcase 'required':\r\n\t\t\t\t\treturn 'This field is required';\r\n\t\t\t\tcase 'min':\r\n\t\t\t\t\treturn `Minimum value is ${errorValue.min}`;\r\n\t\t\t\tcase 'max':\r\n\t\t\t\t\treturn `Maximum value is ${errorValue.max}`;\r\n\t\t\t\tcase 'minlength':\r\n\t\t\t\t\treturn `Minimum length is ${errorValue.requiredLength}`;\r\n\t\t\t\tcase 'maxlength':\r\n\t\t\t\t\treturn `Maximum length is ${errorValue.requiredLength}`;\r\n\t\t\t\tcase 'email':\r\n\t\t\t\t\treturn 'Invalid email';\r\n\t\t\t\tcase 'pattern':\r\n\t\t\t\t\treturn 'Invalid format';\r\n\t\t\t\tdefault:\r\n\t\t\t\t\treturn errorValue;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn '';\r\n\t}\r\n}\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { Pipe, PipeTransform, inject } from '@angular/core';\r\n\r\nimport { InputErrorMessagePipe } from './input-error-message.pipe';\r\n\r\n@Pipe({\r\n\tstandalone: true,\r\n\tname: 'dxInputErrorMessage'\r\n})\r\nexport class DXInputErrorMessagePipe implements PipeTransform {\r\n\terrorMsgPipe = inject(InputErrorMessagePipe);\r\n\r\n\ttransform(value: any, ...args: any[]): { message: string } {\r\n\t\treturn { message: this.errorMsgPipe.transform(value, ...args) };\r\n\t}\r\n}\r\n","import { Directive, Input } from '@angular/core';\r\nimport { NgControl } from '@angular/forms';\r\n\r\n@Directive({\r\n\tstandalone: true,\r\n\tselector: '[arilDisabled]'\r\n})\r\nexport class InputDisabledDirective {\r\n\tconstructor(private ngControl: NgControl) {}\r\n\r\n\t@Input() set arilDisabled(condition: boolean) {\r\n\t\tconst action = condition ? 'disable' : 'enable';\r\n\t\tif (this.ngControl.control) this.ngControl.control[action]();\r\n\t}\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\treturn PrimeIcons[icon];\r\n}\r\n\r\nexport type IconPosTypes = 'right' | 'left';\r\nexport function iconPosTransform(pos: IconPosTypes): string {\r\n\treturn 'p-input-icon-' + pos;\r\n}\r\n","/* eslint-disable @typescript-eslint/no-unused-vars */\r\n\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { Directive } from '@angular/core';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\n@Directive({\r\n\tstandalone: true,\r\n\tproviders: [\r\n\t\t{\r\n\t\t\tprovide: NG_VALUE_ACCESSOR,\r\n\t\t\tmulti: true,\r\n\t\t\tuseExisting: ValueAccessorDirective\r\n\t\t}\r\n\t]\r\n})\r\nexport class ValueAccessorDirective implements ControlValueAccessor {\r\n\twriteValue(obj: any): void {\r\n\t\treturn;\r\n\t}\r\n\tregisterOnChange(fn: any): void {\r\n\t\treturn;\r\n\t}\r\n\tregisterOnTouched(fn: any): void {\r\n\t\treturn;\r\n\t}\r\n}\r\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":"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"}

package/fesm2022/aril-ui-mask.mjs

@@ -0,0 +1,42 @@
+import { NgStyle } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, Component } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i3 from 'primeng/inputmask';
+import { InputMaskModule } from 'primeng/inputmask';
+import * as i1 from 'aril/ui/lib';
+import { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
+
+/**
+ * a - alphabetic characters
+ * 9 - numeric characters
+ * * - alphanumeric characters
+ * ? - optional characters
+ * formatting characters -> (), -
+ */
+class MaskComponent extends BaseInputComponent {
+    constructor() {
+        super(...arguments);
+        this.mask = input.required();
+        this.slotChar = input('_');
+        this.placeholder = input('');
+        this.maxlength = input(100);
+        this.usageInGrid = input(true);
+        this.tabindex = input();
+        this.showTooltip = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: MaskComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: MaskComponent, isStandalone: true, selector: "aril-mask[ngModel], aril-mask[formControl], aril-mask[formControlName]", inputs: { mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: true, transformFunction: null }, slotChar: { classPropertyName: "slotChar", publicName: "slotChar", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, usageInGrid: { classPropertyName: "usageInGrid", publicName: "usageInGrid", 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: "<div style=\"position: relative\" [ngStyle]=\"!usageInGrid ? { display: 'inline-block' } : {}\">\r\n\t<p-inputMask\r\n\t\t[mask]=\"mask()\"\r\n\t\t[slotChar]=\"slotChar()\"\r\n\t\t[placeholder]=\"placeholder()\"\r\n\t\t[maxlength]=\"maxlength()\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n\t\t(onFocus)=\"showTooltip = true\"\r\n\t\t(onBlur)=\"showTooltip = false\">\r\n\t</p-inputMask>\r\n\t@if (ngControl.invalid && showTooltip) {\r\n\t\t<div class=\"custom-tooltip tooltipErrorMessage\">\r\n\t\t\t{{ ngControl.control.value | inputErrorMessage: ngControl }}\r\n\t\t</div>\r\n\t}\r\n</div>\r\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", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: MaskComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-mask[ngModel], aril-mask[formControl], aril-mask[formControlName]', imports: [ReactiveFormsModule, NgStyle, InputMaskModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<div style=\"position: relative\" [ngStyle]=\"!usageInGrid ? { display: 'inline-block' } : {}\">\r\n\t<p-inputMask\r\n\t\t[mask]=\"mask()\"\r\n\t\t[slotChar]=\"slotChar()\"\r\n\t\t[placeholder]=\"placeholder()\"\r\n\t\t[maxlength]=\"maxlength()\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n\t\t(onFocus)=\"showTooltip = true\"\r\n\t\t(onBlur)=\"showTooltip = false\">\r\n\t</p-inputMask>\r\n\t@if (ngControl.invalid && showTooltip) {\r\n\t\t<div class=\"custom-tooltip tooltipErrorMessage\">\r\n\t\t\t{{ ngControl.control.value | inputErrorMessage: ngControl }}\r\n\t\t</div>\r\n\t}\r\n</div>\r\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"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MaskComponent };
+//# 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 { NgStyle } from '@angular/common';\r\nimport { Component, input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { InputMaskModule } from 'primeng/inputmask';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\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\tstandalone: true,\r\n\tselector: 'aril-mask[ngModel], aril-mask[formControl], aril-mask[formControlName]',\r\n\ttemplateUrl: './mask.component.html',\r\n\tstyleUrl: './mask.component.css',\r\n\timports: [ReactiveFormsModule, NgStyle, InputMaskModule, InputErrorMessagePipe],\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class MaskComponent extends BaseInputComponent {\r\n\tmask = input.required<string>();\r\n\tslotChar = input<string>('_');\r\n\tplaceholder = input<string>('');\r\n\tmaxlength = input<number>(100);\r\n\tusageInGrid = input<boolean>(true);\r\n\ttabindex = input<number>();\r\n\r\n\tshowTooltip = false;\r\n}\r\n","<div style=\"position: relative\" [ngStyle]=\"!usageInGrid ? { display: 'inline-block' } : {}\">\r\n\t<p-inputMask\r\n\t\t[mask]=\"mask()\"\r\n\t\t[slotChar]=\"slotChar()\"\r\n\t\t[placeholder]=\"placeholder()\"\r\n\t\t[maxlength]=\"maxlength()\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n\t\t(onFocus)=\"showTooltip = true\"\r\n\t\t(onBlur)=\"showTooltip = false\">\r\n\t</p-inputMask>\r\n\t@if (ngControl.invalid && showTooltip) {\r\n\t\t<div class=\"custom-tooltip tooltipErrorMessage\">\r\n\t\t\t{{ ngControl.control.value | inputErrorMessage: ngControl }}\r\n\t\t</div>\r\n\t}\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-number.mjs

@@ -0,0 +1,43 @@
+import * as i0 from '@angular/core';
+import { input, computed, Component } 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 i4 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
+import * as i1 from 'aril/ui/lib';
+import { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
+
+class NumberComponent extends BaseInputComponent {
+    constructor() {
+        super(...arguments);
+        this.min = input();
+        this.max = input();
+        this.showButtons = input(false);
+        this.placeholder = input('');
+        this.prefix = input();
+        this.suffix = input();
+        this.maxlength = input();
+        this.showClear = input(false);
+        this.useGrouping = input(true);
+        this.maxDigits = input();
+        this.minDigits = input();
+        this.tabindex = input();
+        this.buttonLayout = input('stacked');
+        this._style = computed(() => (this.buttonLayout() == 'vertical' ? { width: '3rem' } : {}));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: NumberComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: NumberComponent, isStandalone: true, selector: "aril-number[ngModel], aril-number[formControl], aril-number[formControlName]", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, showButtons: { classPropertyName: "showButtons", publicName: "showButtons", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, useGrouping: { classPropertyName: "useGrouping", publicName: "useGrouping", isSignal: true, isRequired: false, transformFunction: null }, maxDigits: { classPropertyName: "maxDigits", publicName: "maxDigits", isSignal: true, isRequired: false, transformFunction: null }, minDigits: { classPropertyName: "minDigits", publicName: "minDigits", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, buttonLayout: { classPropertyName: "buttonLayout", publicName: "buttonLayout", isSignal: true, isRequired: false, transformFunction: null } }, 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[style]=\"_style()\"\r\n\t[tabindex]=\"tabindex()\"\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-info\"\r\n\tdecrementButtonClass=\"p-button-danger\"\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-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", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: NumberComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-number[ngModel], aril-number[formControl], aril-number[formControlName]', imports: [ReactiveFormsModule, InputNumberModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], 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[style]=\"_style()\"\r\n\t[tabindex]=\"tabindex()\"\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-info\"\r\n\tdecrementButtonClass=\"p-button-danger\"\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-inputNumber>\r\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NumberComponent };
+//# 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 { Component, computed, input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { InputNumberModule } from 'primeng/inputnumber';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\ntype ButtonLayouts = 'stacked' | 'horizontal' | 'vertical';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-number[ngModel], aril-number[formControl], aril-number[formControlName]',\r\n\ttemplateUrl: './number.component.html',\r\n\timports: [ReactiveFormsModule, InputNumberModule, TooltipModule, InputErrorMessagePipe],\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class NumberComponent extends BaseInputComponent {\r\n\tmin = input<number>();\r\n\tmax = input<number>();\r\n\tshowButtons = input(false);\r\n\tplaceholder = input<string>('');\r\n\tprefix = input<string>();\r\n\tsuffix = input<string>();\r\n\tmaxlength = input<any>();\r\n\tshowClear = input(false);\r\n\tuseGrouping = input(true);\r\n\tmaxDigits = input<number>();\r\n\tminDigits = input<number>();\r\n\ttabindex = input<number>();\r\n\tbuttonLayout = input<ButtonLayouts>('stacked');\r\n\r\n\t_style = computed(() => (this.buttonLayout() == 'vertical' ? { width: '3rem' } : {}));\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[style]=\"_style()\"\r\n\t[tabindex]=\"tabindex()\"\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-info\"\r\n\tdecrementButtonClass=\"p-button-danger\"\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-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,27 @@
+import * as i0 from '@angular/core';
+import { input, Component, ChangeDetectionStrategy, ViewChild } from '@angular/core';
+import * as i1 from 'primeng/overlaypanel';
+import { OverlayPanelModule } from 'primeng/overlaypanel';
+import * as i2 from 'primeng/api';
+
+class OverlayPanelComponent {
+    constructor() {
+        this.dismissable = input(true);
+    }
+    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: "17.1.0", version: "17.1.2", type: OverlayPanelComponent, isStandalone: true, selector: "aril-overlay-panel", inputs: { dismissable: { classPropertyName: "dismissable", publicName: "dismissable", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "ref", first: true, predicate: ["ref"], descendants: true }], ngImport: i0, template: "<p-overlayPanel #ref [dismissable]=\"dismissable()\">\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", 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"] }], 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], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-overlayPanel #ref [dismissable]=\"dismissable()\">\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" }]
+        }], propDecorators: { ref: [{
+                type: ViewChild,
+                args: ['ref']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OverlayPanelComponent };
+//# sourceMappingURL=aril-ui-overlayPanel.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-overlayPanel.mjs","sources":["../../projects/aril/ui/overlayPanel/src/overlay-panel.component.ts","../../projects/aril/ui/overlayPanel/src/overlay-panel.component.html","../../projects/aril/ui/overlayPanel/aril-ui-overlayPanel.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewChild, input } from '@angular/core';\r\n\r\nimport { OverlayPanel, OverlayPanelModule } from 'primeng/overlaypanel';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-overlay-panel',\r\n\ttemplateUrl: './overlay-panel.component.html',\r\n\timports: [OverlayPanelModule],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class OverlayPanelComponent {\r\n\tdismissable = input<boolean>(true);\r\n\r\n\t@ViewChild('ref') ref!: OverlayPanel;\r\n}\r\n","<p-overlayPanel #ref [dismissable]=\"dismissable()\">\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAWa,qBAAqB,CAAA;AAPlC,IAAA,WAAA,GAAA;AAQC,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAU,IAAI,CAAC,CAAC;AAGnC,KAAA;8GAJY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,KAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,KAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXlC,8KAKA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDGW,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,OAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,uBAAA,EAAA,uBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGhB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;iCACG,IAAI,EAAA,QAAA,EACN,oBAAoB,EAErB,OAAA,EAAA,CAAC,kBAAkB,CAAC,EAAA,eAAA,EACZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8KAAA,EAAA,CAAA;8BAK7B,GAAG,EAAA,CAAA;sBAApB,SAAS;uBAAC,KAAK,CAAA;;;AEdjB;;AAEG;;;;"}

package/fesm2022/aril-ui-panel.mjs

@@ -0,0 +1,31 @@
+import { NgClass } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i1 from 'primeng/panel';
+import { PanelModule } from 'primeng/panel';
+import * as i2 from 'primeng/api';
+
+class PanelComponent {
+    constructor() {
+        this.toggleable = input(true);
+        this.canFullScreen = input(true);
+        this.showFooter = input(false);
+        this.isFullScreen = false;
+    }
+    toggleFullScreen() {
+        this.isFullScreen = !this.isFullScreen;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: PanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: PanelComponent, isStandalone: true, selector: "aril-panel", inputs: { toggleable: { classPropertyName: "toggleable", publicName: "toggleable", isSignal: true, isRequired: false, transformFunction: null }, canFullScreen: { classPropertyName: "canFullScreen", publicName: "canFullScreen", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [ngClass]=\"{ 'full-screen': isFullScreen && canFullScreen }\">\r\n\t<p-panel  [toggleable]=\"toggleable()\" [collapseIcon]=\"'pi pi-chevron-up'\" [expandIcon]=\"'pi pi-chevron-down'\">\r\n\t\t<!-- header -->\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<div class=\"panel-header\" style=\"width: fit-content\">\r\n\t\t\t\t<ng-content select=\"[header]\"></ng-content>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\r\n\t\t<!-- header-tools -->\r\n\t\t<ng-template class=\"flex\"  pTemplate=\"icons\">\r\n\t\t\t<ng-content class=\"flex\" select=\"[tools]\"></ng-content>\r\n\r\n\t\t\t@if (canFullScreen()) {\r\n\t\t\t\t<div class=\"panel-icons\" style=\"display: flex\">\r\n\t\t\t\t\t<i\r\n\t\t\t\t\t\t[attr.role]=\"'none'\"\r\n\t\t\t\t\t\tclass=\"pi mr-1 header-icon\"\r\n\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t'pi-window-maximize': !isFullScreen,\r\n\t\t\t\t\t\t\t'pi-window-minimize': isFullScreen\r\n\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t(click)=\"toggleFullScreen()\"></i>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t</ng-template>\r\n\r\n\t\t<!-- body -->\r\n\t\t<ng-content select=\"[body]\"></ng-content>\r\n\r\n\t\t<!-- footer -->\r\n\t\t@if (showFooter()) {\r\n\t\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t\t<ng-content select=\"[footer]\"></ng-content>\r\n\t\t\t</ng-template>\r\n\t\t}\r\n\t</p-panel>\r\n</div>\r\n", styles: [".full-screen{position:fixed;inset:0;z-index:99999999;overflow-y:auto;box-sizing:border-box;width:100%;height:100vh;background:#fff}.panel-header{width:100%;display:flex;justify-content:space-between;align-items:center}.header-icon{cursor:pointer;width:1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: PanelModule }, { kind: "component", type: i1.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: PanelComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-panel', imports: [PanelModule, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"{ 'full-screen': isFullScreen && canFullScreen }\">\r\n\t<p-panel  [toggleable]=\"toggleable()\" [collapseIcon]=\"'pi pi-chevron-up'\" [expandIcon]=\"'pi pi-chevron-down'\">\r\n\t\t<!-- header -->\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<div class=\"panel-header\" style=\"width: fit-content\">\r\n\t\t\t\t<ng-content select=\"[header]\"></ng-content>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\r\n\t\t<!-- header-tools -->\r\n\t\t<ng-template class=\"flex\"  pTemplate=\"icons\">\r\n\t\t\t<ng-content class=\"flex\" select=\"[tools]\"></ng-content>\r\n\r\n\t\t\t@if (canFullScreen()) {\r\n\t\t\t\t<div class=\"panel-icons\" style=\"display: flex\">\r\n\t\t\t\t\t<i\r\n\t\t\t\t\t\t[attr.role]=\"'none'\"\r\n\t\t\t\t\t\tclass=\"pi mr-1 header-icon\"\r\n\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t'pi-window-maximize': !isFullScreen,\r\n\t\t\t\t\t\t\t'pi-window-minimize': isFullScreen\r\n\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t(click)=\"toggleFullScreen()\"></i>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t</ng-template>\r\n\r\n\t\t<!-- body -->\r\n\t\t<ng-content select=\"[body]\"></ng-content>\r\n\r\n\t\t<!-- footer -->\r\n\t\t@if (showFooter()) {\r\n\t\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t\t<ng-content select=\"[footer]\"></ng-content>\r\n\t\t\t</ng-template>\r\n\t\t}\r\n\t</p-panel>\r\n</div>\r\n", styles: [".full-screen{position:fixed;inset:0;z-index:99999999;overflow-y:auto;box-sizing:border-box;width:100%;height:100vh;background:#fff}.panel-header{width:100%;display:flex;justify-content:space-between;align-items:center}.header-icon{cursor:pointer;width:1.5rem}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PanelComponent };
+//# sourceMappingURL=aril-ui-panel.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-panel.mjs","sources":["../../projects/aril/ui/panel/src/panel.component.ts","../../projects/aril/ui/panel/src/panel.component.html","../../projects/aril/ui/panel/aril-ui-panel.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\n\r\nimport { PanelModule } from 'primeng/panel';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-panel',\r\n\ttemplateUrl: './panel.component.html',\r\n\tstyleUrl: './panel.component.css',\r\n\timports: [PanelModule, NgClass],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class PanelComponent {\r\n\ttoggleable = input<boolean>(true);\r\n\tcanFullScreen = input<boolean>(true);\r\n\tshowFooter = input<boolean>(false);\r\n\r\n\tisFullScreen = false;\r\n\r\n\ttoggleFullScreen() {\r\n\t\tthis.isFullScreen = !this.isFullScreen;\r\n\t}\r\n}\r\n","<div [ngClass]=\"{ 'full-screen': isFullScreen && canFullScreen }\">\r\n\t<p-panel  [toggleable]=\"toggleable()\" [collapseIcon]=\"'pi pi-chevron-up'\" [expandIcon]=\"'pi pi-chevron-down'\">\r\n\t\t<!-- header -->\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<div class=\"panel-header\" style=\"width: fit-content\">\r\n\t\t\t\t<ng-content select=\"[header]\"></ng-content>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\r\n\t\t<!-- header-tools -->\r\n\t\t<ng-template class=\"flex\"  pTemplate=\"icons\">\r\n\t\t\t<ng-content class=\"flex\" select=\"[tools]\"></ng-content>\r\n\r\n\t\t\t@if (canFullScreen()) {\r\n\t\t\t\t<div class=\"panel-icons\" style=\"display: flex\">\r\n\t\t\t\t\t<i\r\n\t\t\t\t\t\t[attr.role]=\"'none'\"\r\n\t\t\t\t\t\tclass=\"pi mr-1 header-icon\"\r\n\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t'pi-window-maximize': !isFullScreen,\r\n\t\t\t\t\t\t\t'pi-window-minimize': isFullScreen\r\n\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t(click)=\"toggleFullScreen()\"></i>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t</ng-template>\r\n\r\n\t\t<!-- body -->\r\n\t\t<ng-content select=\"[body]\"></ng-content>\r\n\r\n\t\t<!-- footer -->\r\n\t\t@if (showFooter()) {\r\n\t\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t\t<ng-content select=\"[footer]\"></ng-content>\r\n\t\t\t</ng-template>\r\n\t\t}\r\n\t</p-panel>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAaa,cAAc,CAAA;AAR3B,IAAA,WAAA,GAAA;AASC,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAU,IAAI,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAU,IAAI,CAAC,CAAC;AACrC,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;QAEnC,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;AAKrB,KAAA;IAHA,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC;KACvC;8GATW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,ECb3B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,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,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,gzCAsCA,ED5BW,MAAA,EAAA,CAAA,uQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,WAAW,gaAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGlB,cAAc,EAAA,UAAA,EAAA,CAAA;kBAR1B,SAAS;iCACG,IAAI,EAAA,QAAA,EACN,YAAY,EAAA,OAAA,EAGb,CAAC,WAAW,EAAE,OAAO,CAAC,EAAA,eAAA,EACd,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gzCAAA,EAAA,MAAA,EAAA,CAAA,uQAAA,CAAA,EAAA,CAAA;;;AEXhD;;AAEG;;;;"}