i-tech-shared-components 1.1.32 → 1.1.34

package/fesm2022/i-tech-shared-components.mjs

@@ -1,15 +1,14 @@
 import * as i0 from '@angular/core';
-import { Pipe, Directive, Input, HostListener, EventEmitter, Component, Output, inject, Injectable, ViewChild, ViewContainerRef, Inject } from '@angular/core';
-import * as i2 from '@ngx-translate/core';
+import { Pipe, inject, Injectable, Directive, Input, HostListener, EventEmitter, Component, Output, ViewChild } from '@angular/core';
+import * as i1 from '@ngx-translate/core';
 import { TranslateModule, TranslatePipe, TranslateService } from '@ngx-translate/core';
+import * as i3 from '@angular/forms';
+import { NgControl, FormControlName, ReactiveFormsModule, UntypedFormGroup, UntypedFormControl, Validators } from '@angular/forms';
 import { MatIconButton, MatFabButton, MatButton } from '@angular/material/button';
-import * as i3$2 from '@angular/common';
-import { NgClass, NgIf, NgOptimizedImage, NgFor, NgForOf, NgComponentOutlet, CommonModule } from '@angular/common';
+import { NgClass, NgIf, NgOptimizedImage, NgFor, NgForOf } from '@angular/common';
 import { MatTooltip } from '@angular/material/tooltip';
-import * as i1 from '@angular/material/icon';
+import * as i1$1 from '@angular/material/icon';
 import { MatIcon, MatIconModule } from '@angular/material/icon';
-import * as i3 from '@angular/forms';
-import { NgControl, FormControlName, ReactiveFormsModule, UntypedFormGroup, UntypedFormControl, Validators } from '@angular/forms';
 import * as i4 from '@angular/material/form-field';
 import { MatFormFieldModule, MatLabel } from '@angular/material/form-field';
 import { MatInput } from '@angular/material/input';
@@ -22,9 +21,6 @@ import * as i3$1 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatMenuTrigger, MatMenu, MatMenuItem } from '@angular/material/menu';
 import { MatChip } from '@angular/material/chips';
-import * as i1$1 from '@angular/material/dialog';
-import { MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { NoopScrollStrategy } from '@angular/cdk/overlay';
 
 class GenerateErrorMessagesPipe {
     constructor(translateService) {
@@ -40,26 +36,26 @@ class GenerateErrorMessagesPipe {
             'errorMessages.pattern.' + defaultPatternKey : 'errorMessages.' + key;
         return this.translateService.instant(errorMessageKey, translateParams);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: GenerateErrorMessagesPipe, deps: [{ token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.2", ngImport: i0, type: GenerateErrorMessagesPipe, isStandalone: true, name: "generateErrorMessages" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GenerateErrorMessagesPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: GenerateErrorMessagesPipe, isStandalone: true, name: "generateErrorMessages" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: GenerateErrorMessagesPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GenerateErrorMessagesPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'generateErrorMessages',
                     standalone: true,
                     pure: true
                 }]
-        }], ctorParameters: () => [{ type: i2.TranslateService }] });
+        }], ctorParameters: () => [{ type: i1.TranslateService }] });
 
 class ArrayToStringPipe {
     transform(value) {
         return (typeof value === 'string') ? value : value.join(',');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: ArrayToStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.2", ngImport: i0, type: ArrayToStringPipe, isStandalone: true, name: "arrayToString" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArrayToStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArrayToStringPipe, isStandalone: true, name: "arrayToString" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: ArrayToStringPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArrayToStringPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'arrayToString',
@@ -99,10 +95,10 @@ class GetValueByKeyFromObjectPipe {
             return ((returnValue !== "undefined") && (returnValue !== null)) ? returnValue : '---';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: GetValueByKeyFromObjectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.2", ngImport: i0, type: GetValueByKeyFromObjectPipe, isStandalone: true, name: "getValueByKeyFromObject" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetValueByKeyFromObjectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: GetValueByKeyFromObjectPipe, isStandalone: true, name: "getValueByKeyFromObject" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: GetValueByKeyFromObjectPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetValueByKeyFromObjectPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'getValueByKeyFromObject',
@@ -110,6 +106,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImpor
                 }]
         }] });
 
+class NoopValueAccessor {
+    writeValue() {
+        // No-op: Intentionally empty to prevent value updates
+    }
+    registerOnChange() {
+        // No-op: Intentionally empty to prevent change notifications
+    }
+    registerOnTouched() {
+        // No-op: Intentionally empty to prevent touch notifications
+    }
+}
+class InputService {
+    injectNgControl() {
+        const ngControl = inject(NgControl, { self: true, optional: true });
+        if (!ngControl)
+            throw new Error('...');
+        if (ngControl instanceof FormControlName) {
+            ngControl.valueAccessor = new NoopValueAccessor();
+            return ngControl;
+        }
+        throw new Error(`...`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InputService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InputService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InputService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 /**
  * Enum representing different types of buttons.
  */
@@ -127,24 +155,6 @@ var ButtonType;
     ButtonType["WARNING"] = "WARNING";
 })(ButtonType || (ButtonType = {}));
 
-var ConfirmationDialogTypesEnum;
-(function (ConfirmationDialogTypesEnum) {
-    ConfirmationDialogTypesEnum["WARNING"] = "WARNING";
-    ConfirmationDialogTypesEnum["CONFIRMATION"] = "CONFIRMATION";
-})(ConfirmationDialogTypesEnum || (ConfirmationDialogTypesEnum = {}));
-
-var DropdownSelectionType;
-(function (DropdownSelectionType) {
-    DropdownSelectionType["UPLOAD"] = "UPLOAD";
-    DropdownSelectionType["DOWNLOAD"] = "DOWNLOAD";
-    DropdownSelectionType["BLANK"] = "BLANK";
-})(DropdownSelectionType || (DropdownSelectionType = {}));
-const DropdownItemIcon = {
-    [DropdownSelectionType.UPLOAD]: 'upload',
-    [DropdownSelectionType.DOWNLOAD]: 'download',
-    [DropdownSelectionType.BLANK]: 'blank',
-};
-
 var LabelTypeEnum;
 (function (LabelTypeEnum) {
     LabelTypeEnum["purple"] = "purple";
@@ -159,7 +169,8 @@ var LabelTypeEnum;
     LabelTypeEnum["primary"] = "primary";
     LabelTypeEnum["green"] = "green";
     LabelTypeEnum["red"] = "red";
-    LabelTypeEnum["gray"] = "gray";
+    LabelTypeEnum["neutral"] = "neutral";
+    LabelTypeEnum["white"] = "white";
 })(LabelTypeEnum || (LabelTypeEnum = {}));
 
 class InputMaskDirective {
@@ -233,10 +244,10 @@ class InputMaskDirective {
         }
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: InputMaskDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.2", type: InputMaskDirective, isStandalone: true, selector: "[inputMask]", inputs: { inputMask: "inputMask", min: "min", max: "max", float: "float" }, host: { listeners: { "paste": "onPaste($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InputMaskDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: InputMaskDirective, isStandalone: true, selector: "[inputMask]", inputs: { inputMask: "inputMask", min: "min", max: "max", float: "float" }, host: { listeners: { "paste": "onPaste($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: InputMaskDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InputMaskDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[inputMask]',
@@ -266,10 +277,10 @@ class IconButtonComponent {
             this.buttonClick.emit();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: IconButtonComponent, isStandalone: true, selector: "i-tech-icon-button", inputs: { size: "size", type: "type", iconSvg: "iconSvg", iconName: "iconName", tooltip: "tooltip", disabled: "disabled" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\r\n        *ngIf=\"['tonal','standard'].includes(type)\"\r\n        mat-icon-button\r\n        [ngClass]=\"{small: size === 'small', tonal: type === 'tonal', standard: type === 'standard'}\"\r\n        [matTooltip]=\"tooltip | translate\"\r\n        [matTooltipDisabled]=\"!tooltip\"\r\n        [disabled]=\"disabled || false\"\r\n        (click)=\"onClick($event)\"\r\n>\r\n    <mat-icon *ngIf=\"iconSvg\" [svgIcon]=\"iconSvg\"></mat-icon>\r\n    <mat-icon *ngIf=\"iconName\">{{iconName}}</mat-icon>\r\n</button>\r\n\r\n<button\r\n        *ngIf=\"type === 'filled'\"\r\n        mat-fab\r\n        class=\"filled\"\r\n        [ngClass]=\"{small: size === 'small'}\"\r\n        [matTooltip]=\"tooltip | translate\"\r\n        [matTooltipDisabled]=\"!tooltip\"\r\n        [color]=\"'primary'\"\r\n        [disabled]=\"disabled || false\"\r\n        (click)=\"onClick($event)\"\r\n>\r\n    <mat-icon *ngIf=\"iconSvg\" [svgIcon]=\"iconSvg\"></mat-icon>\r\n    <mat-icon *ngIf=\"iconName\">{{iconName}}</mat-icon>\r\n</button>\r\n", styles: [""], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: IconButtonComponent, isStandalone: true, selector: "i-tech-icon-button", inputs: { size: "size", type: "type", iconSvg: "iconSvg", iconName: "iconName", tooltip: "tooltip", disabled: "disabled" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\n        *ngIf=\"['tonal','standard'].includes(type)\"\n        mat-icon-button\n        [ngClass]=\"{small: size === 'small', tonal: type === 'tonal', standard: type === 'standard'}\"\n        [matTooltip]=\"tooltip | translate\"\n        [matTooltipDisabled]=\"!tooltip\"\n        [disabled]=\"disabled || false\"\n        (click)=\"onClick($event)\"\n>\n    <mat-icon *ngIf=\"iconSvg\" [svgIcon]=\"iconSvg\"></mat-icon>\n    <mat-icon *ngIf=\"iconName\">{{iconName}}</mat-icon>\n</button>\n\n<button\n        *ngIf=\"type === 'filled'\"\n        mat-fab\n        class=\"filled\"\n        [ngClass]=\"{small: size === 'small'}\"\n        [matTooltip]=\"tooltip | translate\"\n        [matTooltipDisabled]=\"!tooltip\"\n        [color]=\"'primary'\"\n        [disabled]=\"disabled || false\"\n        (click)=\"onClick($event)\"\n>\n    <mat-icon *ngIf=\"iconSvg\" [svgIcon]=\"iconSvg\"></mat-icon>\n    <mat-icon *ngIf=\"iconName\">{{iconName}}</mat-icon>\n</button>\n", styles: [""], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IconButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'i-tech-icon-button', imports: [
                         MatIconButton,
@@ -279,7 +290,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImpor
                         MatIcon,
                         MatFabButton,
                         NgIf
-                    ], template: "<button\r\n        *ngIf=\"['tonal','standard'].includes(type)\"\r\n        mat-icon-button\r\n        [ngClass]=\"{small: size === 'small', tonal: type === 'tonal', standard: type === 'standard'}\"\r\n        [matTooltip]=\"tooltip | translate\"\r\n        [matTooltipDisabled]=\"!tooltip\"\r\n        [disabled]=\"disabled || false\"\r\n        (click)=\"onClick($event)\"\r\n>\r\n    <mat-icon *ngIf=\"iconSvg\" [svgIcon]=\"iconSvg\"></mat-icon>\r\n    <mat-icon *ngIf=\"iconName\">{{iconName}}</mat-icon>\r\n</button>\r\n\r\n<button\r\n        *ngIf=\"type === 'filled'\"\r\n        mat-fab\r\n        class=\"filled\"\r\n        [ngClass]=\"{small: size === 'small'}\"\r\n        [matTooltip]=\"tooltip | translate\"\r\n        [matTooltipDisabled]=\"!tooltip\"\r\n        [color]=\"'primary'\"\r\n        [disabled]=\"disabled || false\"\r\n        (click)=\"onClick($event)\"\r\n>\r\n    <mat-icon *ngIf=\"iconSvg\" [svgIcon]=\"iconSvg\"></mat-icon>\r\n    <mat-icon *ngIf=\"iconName\">{{iconName}}</mat-icon>\r\n</button>\r\n" }]
+                    ], standalone: true, template: "<button\n        *ngIf=\"['tonal','standard'].includes(type)\"\n        mat-icon-button\n        [ngClass]=\"{small: size === 'small', tonal: type === 'tonal', standard: type === 'standard'}\"\n        [matTooltip]=\"tooltip | translate\"\n        [matTooltipDisabled]=\"!tooltip\"\n        [disabled]=\"disabled || false\"\n        (click)=\"onClick($event)\"\n>\n    <mat-icon *ngIf=\"iconSvg\" [svgIcon]=\"iconSvg\"></mat-icon>\n    <mat-icon *ngIf=\"iconName\">{{iconName}}</mat-icon>\n</button>\n\n<button\n        *ngIf=\"type === 'filled'\"\n        mat-fab\n        class=\"filled\"\n        [ngClass]=\"{small: size === 'small'}\"\n        [matTooltip]=\"tooltip | translate\"\n        [matTooltipDisabled]=\"!tooltip\"\n        [color]=\"'primary'\"\n        [disabled]=\"disabled || false\"\n        (click)=\"onClick($event)\"\n>\n    <mat-icon *ngIf=\"iconSvg\" [svgIcon]=\"iconSvg\"></mat-icon>\n    <mat-icon *ngIf=\"iconName\">{{iconName}}</mat-icon>\n</button>\n" }]
         }], propDecorators: { size: [{
                 type: Input
             }], type: [{
@@ -296,38 +307,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImpor
                 type: Output
             }] } });
 
-class NoopValueAccessor {
-    writeValue() {
-        // No-op: Intentionally empty to prevent value updates
-    }
-    registerOnChange() {
-        // No-op: Intentionally empty to prevent change notifications
-    }
-    registerOnTouched() {
-        // No-op: Intentionally empty to prevent touch notifications
-    }
-}
-class InputService {
-    injectNgControl() {
-        const ngControl = inject(NgControl, { self: true, optional: true });
-        if (!ngControl)
-            throw new Error('...');
-        if (ngControl instanceof FormControlName) {
-            ngControl.valueAccessor = new NoopValueAccessor();
-            return ngControl;
-        }
-        throw new Error(`...`);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: InputService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: InputService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: InputService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
 class TextInputComponent {
     set inputData(data) {
         // If submit becomes true, mark the control as touched
@@ -361,13 +340,13 @@ class TextInputComponent {
         }
     }
     toggleEye() {
-        this.input.nativeElement.type = this.closed ? 'password' : 'text';
         this.closed = !this.closed;
+        this.input.type = this.closed ? 'password' : 'text';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: TextInputComponent, deps: [{ token: InputService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: TextInputComponent, isStandalone: true, selector: "i-tech-text-input", inputs: { inputData: "inputData" }, outputs: { focusOutEmitter: "focusOutEmitter" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"inputData && ngControl\">\r\n  <div class=\"w-100\">\r\n    <mat-label [ngClass]=\"{\r\n          'readonly-color' : inputData.readOnly || ngControl.control.disabled,\r\n          'invalid-label-color': !!(ngControl.control.errors && inputData.submit)\r\n          }\"\r\n               *ngIf=\"inputData.label\">\r\n      {{ inputData.label | translate }}\r\n    </mat-label>\r\n    <span *ngIf=\"inputData.required\" class=\"required-input\"\r\n          [ngClass]=\"{'readonly-color' : inputData.readOnly || ngControl.control.disabled}\">*</span>\r\n  </div>\r\n  <mat-form-field appearance=\"outline\" class=\"w-100\"\r\n                  [class.readonly-field]=\"inputData.readOnly || ngControl.control.disabled\"\r\n  >\r\n    <!-- Leading Icon -->\r\n    <mat-icon *ngIf=\"inputData.iconPrefix\"\r\n              matPrefix\r\n              [ngClass]=\"{\r\n                    'readonly-color' : !inputData.iconPrefixColor &&\r\n                                        (inputData.readOnly || ngControl.control.disabled),\r\n                    'default-form-icon-color' : !inputData.iconPrefixColor &&\r\n                                                !(inputData.readOnly || ngControl.control.disabled)\r\n                    }\"\r\n              [matTooltip]=\"((inputData.iconPrefixTooltip || '') | translate)\"\r\n              [style.color]=\"inputData.iconPrefixColor || null\"\r\n    >{{ inputData.iconPrefix }}\r\n    </mat-icon>\r\n\r\n    <mat-icon *ngIf=\"inputData.iconPrefixSvg\"\r\n              matPrefix\r\n              [matTooltip]=\"((inputData.iconPrefixTooltip || '') | translate)\"\r\n              [svgIcon]=\"inputData.iconPrefixSvg\"\r\n    ></mat-icon>\r\n\r\n    <!-- Input Field -->\r\n    <input matInput #inputElement\r\n           *ngIf=\"!inputData.textarea\"\r\n           [type]=\"inputData.type || 'text'\"\r\n           [readonly]=\"inputData.readOnly\"\r\n           [placeholder]=\"(inputData.placeholder || '') | translate\"\r\n           [pattern]=\"inputData.pattern!\"\r\n           [formControl]=\"ngControl.control\"\r\n           [mask]=\"inputData.mask || ''\"\r\n           [ngClass]=\"{'readonly-color readonly-cursor' : inputData.readOnly || ngControl.control.disabled}\"\r\n           [inputMask]=\"inputData.inputMask!\"\r\n           [errorStateMatcher]=\"customErrorStateMatcher\"\r\n           (blur)=\"onFocusOut()\"\r\n    >\r\n\r\n    <textarea matInput\r\n              *ngIf=\"inputData.textarea\"\r\n              [type]=\"inputData.type || 'text'\"\r\n              [readonly]=\"inputData.readOnly\"\r\n              [placeholder]=\"(inputData.placeholder || '') | translate\"\r\n              [pattern]=\"inputData.pattern!\"\r\n              [formControl]=\"ngControl.control\"\r\n              [ngClass]=\"{'readonly-color' : inputData.readOnly || ngControl.control.disabled}\"\r\n              [errorStateMatcher]=\"customErrorStateMatcher\"\r\n    ></textarea>\r\n\r\n    <!-- Clear Icon -->\r\n    <i-tech-icon-button\r\n      *ngIf=\"inputData.clearable\"\r\n      iconName=\"cancel\"\r\n      matSuffix\r\n      [disabled]=\"inputData.readOnly || ngControl.control.disabled || false\"\r\n      [ngClass]=\"inputData.readOnly || ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\r\n      (click)=\"clear()\"\r\n    >\r\n    </i-tech-icon-button>\r\n\r\n    <i-tech-icon-button\r\n      *ngIf=\"inputData.type === 'password'\"\r\n      [iconName]=\"closed ? 'visibility' : 'visibility_off'\"\r\n      matSuffix\r\n      [disabled]=\"inputData.readOnly || ngControl.control.disabled || false\"\r\n      [ngClass]=\"inputData.readOnly || ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\r\n      (click)=\"toggleEye()\"\r\n    >\r\n    </i-tech-icon-button>\r\n\r\n    <!-- Trailing Icon -->\r\n    <i-tech-icon-button\r\n      *ngIf=\"inputData.iconSuffix\"\r\n      [iconName]=\"inputData.iconSuffix\"\r\n      [disabled]=\"inputData.readOnly || ngControl.control.disabled  || false\"\r\n      [ngClass]=\"inputData.readOnly || ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\r\n      matSuffix\r\n    >\r\n    </i-tech-icon-button>\r\n\r\n    <!-- Error Messages -->\r\n    <mat-error *ngIf=\"!!(ngControl.control.errors && inputData.submit)\">\r\n      {{ ngControl.control | generateErrorMessages : (inputData.label || '') : inputData.defaultPatternKey }}\r\n    </mat-error>\r\n\r\n    <!-- Helper Text -->\r\n    <mat-hint *ngIf=\"!(!!(ngControl.control.errors && inputData.submit)) && inputData.hint\">\r\n      {{ inputData.hint | translate }}\r\n    </mat-hint>\r\n  </mat-form-field>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: GenerateErrorMessagesPipe, name: "generateErrorMessages" }, { kind: "component", type: IconButtonComponent, selector: "i-tech-icon-button", inputs: ["size", "type", "iconSvg", "iconName", "tooltip", "disabled"], outputs: ["buttonClick"] }, { kind: "directive", type: InputMaskDirective, selector: "[inputMask]", inputs: ["inputMask", "min", "max", "float"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextInputComponent, deps: [{ token: InputService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TextInputComponent, isStandalone: true, selector: "i-tech-text-input", inputs: { inputData: "inputData" }, outputs: { focusOutEmitter: "focusOutEmitter" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["inputElement"], descendants: true, static: true }], ngImport: i0, template: "<div *ngIf=\"inputData && ngControl\">\n  <div class=\"w-100\">\n    <mat-label [ngClass]=\"{\n          'readonly-color' : inputData.readOnly || ngControl.control.disabled,\n          'invalid-label-color': !!(ngControl.control.errors && inputData.submit)\n          }\"\n               *ngIf=\"inputData.label\">\n      {{ inputData.label | translate }}\n    </mat-label>\n    <span *ngIf=\"inputData.required\" class=\"required-input\"\n          [ngClass]=\"{'readonly-color' : inputData.readOnly || ngControl.control.disabled}\">*</span>\n  </div>\n  <mat-form-field appearance=\"outline\" class=\"w-100\"\n                  [class.readonly-field]=\"inputData.readOnly || ngControl.control.disabled\"\n  >\n    <!-- Leading Icon -->\n    <mat-icon *ngIf=\"inputData.iconPrefix\"\n              matPrefix\n              [ngClass]=\"{\n                    'readonly-color' : !inputData.iconPrefixColor &&\n                                        (inputData.readOnly || ngControl.control.disabled),\n                    'default-form-icon-color' : !inputData.iconPrefixColor &&\n                                                !(inputData.readOnly || ngControl.control.disabled)\n                    }\"\n              [matTooltip]=\"((inputData.iconPrefixTooltip || '') | translate)\"\n              [style.color]=\"inputData.iconPrefixColor || null\"\n    >{{ inputData.iconPrefix }}\n    </mat-icon>\n\n    <mat-icon *ngIf=\"inputData.iconPrefixSvg\"\n              matPrefix\n              [matTooltip]=\"((inputData.iconPrefixTooltip || '') | translate)\"\n              [svgIcon]=\"inputData.iconPrefixSvg\"\n    ></mat-icon>\n\n    <!-- Input Field -->\n    <input matInput #inputElement\n           *ngIf=\"!inputData.textarea\"\n           [type]=\"inputData.type || 'text'\"\n           [readonly]=\"inputData.readOnly\"\n           [placeholder]=\"(inputData.placeholder || '') | translate\"\n           [pattern]=\"inputData.pattern!\"\n           [formControl]=\"ngControl.control\"\n           [mask]=\"inputData.mask || ''\"\n           [ngClass]=\"{'readonly-color readonly-cursor' : inputData.readOnly || ngControl.control.disabled}\"\n           [inputMask]=\"inputData.inputMask!\"\n           [errorStateMatcher]=\"customErrorStateMatcher\"\n           (blur)=\"onFocusOut()\"\n    >\n\n    <textarea matInput\n              *ngIf=\"inputData.textarea\"\n              [type]=\"inputData.type || 'text'\"\n              [readonly]=\"inputData.readOnly\"\n              [placeholder]=\"(inputData.placeholder || '') | translate\"\n              [pattern]=\"inputData.pattern!\"\n              [formControl]=\"ngControl.control\"\n              [ngClass]=\"{'readonly-color' : inputData.readOnly || ngControl.control.disabled}\"\n              [errorStateMatcher]=\"customErrorStateMatcher\"\n    ></textarea>\n\n    <!-- Clear Icon -->\n    <i-tech-icon-button\n      *ngIf=\"inputData.clearable\"\n      iconName=\"cancel\"\n      matSuffix\n      [disabled]=\"inputData.readOnly || ngControl.control.disabled || false\"\n      [ngClass]=\"inputData.readOnly || ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\n      (click)=\"clear()\"\n    >\n    </i-tech-icon-button>\n\n    <i-tech-icon-button\n      *ngIf=\"inputData.type === 'password'\"\n      [iconName]=\"closed ? 'visible' : 'visibility_off'\"\n      matSuffix\n      [disabled]=\"inputData.readOnly || ngControl.control.disabled || false\"\n      [ngClass]=\"inputData.readOnly || ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\n      (click)=\"toggleEye()\"\n    >\n    </i-tech-icon-button>\n\n    <!-- Trailing Icon -->\n    <i-tech-icon-button\n      *ngIf=\"inputData.iconSuffix\"\n      [iconName]=\"inputData.iconSuffix\"\n      [disabled]=\"inputData.readOnly || ngControl.control.disabled  || false\"\n      [ngClass]=\"inputData.readOnly || ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\n      matSuffix\n    >\n    </i-tech-icon-button>\n\n    <!-- Error Messages -->\n    <mat-error *ngIf=\"!!(ngControl.control.errors && inputData.submit)\">\n      {{ ngControl.control | generateErrorMessages : (inputData.label || '') : inputData.defaultPatternKey }}\n    </mat-error>\n\n    <!-- Helper Text -->\n    <mat-hint *ngIf=\"!(!!(ngControl.control.errors && inputData.submit)) && inputData.hint\">\n      {{ inputData.hint | translate }}\n    </mat-hint>\n  </mat-form-field>\n</div>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: GenerateErrorMessagesPipe, name: "generateErrorMessages" }, { kind: "component", type: IconButtonComponent, selector: "i-tech-icon-button", inputs: ["size", "type", "iconSvg", "iconName", "tooltip", "disabled"], outputs: ["buttonClick"] }, { kind: "directive", type: InputMaskDirective, selector: "[inputMask]", inputs: ["inputMask", "min", "max", "float"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: TextInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'i-tech-text-input', imports: [
                         TranslateModule,
@@ -382,10 +361,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImpor
                         InputMaskDirective,
                         NgxMaskDirective,
                         MatFormFieldModule
-                    ], template: "<div *ngIf=\"inputData && ngControl\">\r\n  <div class=\"w-100\">\r\n    <mat-label [ngClass]=\"{\r\n          'readonly-color' : inputData.readOnly || ngControl.control.disabled,\r\n          'invalid-label-color': !!(ngControl.control.errors && inputData.submit)\r\n          }\"\r\n               *ngIf=\"inputData.label\">\r\n      {{ inputData.label | translate }}\r\n    </mat-label>\r\n    <span *ngIf=\"inputData.required\" class=\"required-input\"\r\n          [ngClass]=\"{'readonly-color' : inputData.readOnly || ngControl.control.disabled}\">*</span>\r\n  </div>\r\n  <mat-form-field appearance=\"outline\" class=\"w-100\"\r\n                  [class.readonly-field]=\"inputData.readOnly || ngControl.control.disabled\"\r\n  >\r\n    <!-- Leading Icon -->\r\n    <mat-icon *ngIf=\"inputData.iconPrefix\"\r\n              matPrefix\r\n              [ngClass]=\"{\r\n                    'readonly-color' : !inputData.iconPrefixColor &&\r\n                                        (inputData.readOnly || ngControl.control.disabled),\r\n                    'default-form-icon-color' : !inputData.iconPrefixColor &&\r\n                                                !(inputData.readOnly || ngControl.control.disabled)\r\n                    }\"\r\n              [matTooltip]=\"((inputData.iconPrefixTooltip || '') | translate)\"\r\n              [style.color]=\"inputData.iconPrefixColor || null\"\r\n    >{{ inputData.iconPrefix }}\r\n    </mat-icon>\r\n\r\n    <mat-icon *ngIf=\"inputData.iconPrefixSvg\"\r\n              matPrefix\r\n              [matTooltip]=\"((inputData.iconPrefixTooltip || '') | translate)\"\r\n              [svgIcon]=\"inputData.iconPrefixSvg\"\r\n    ></mat-icon>\r\n\r\n    <!-- Input Field -->\r\n    <input matInput #inputElement\r\n           *ngIf=\"!inputData.textarea\"\r\n           [type]=\"inputData.type || 'text'\"\r\n           [readonly]=\"inputData.readOnly\"\r\n           [placeholder]=\"(inputData.placeholder || '') | translate\"\r\n           [pattern]=\"inputData.pattern!\"\r\n           [formControl]=\"ngControl.control\"\r\n           [mask]=\"inputData.mask || ''\"\r\n           [ngClass]=\"{'readonly-color readonly-cursor' : inputData.readOnly || ngControl.control.disabled}\"\r\n           [inputMask]=\"inputData.inputMask!\"\r\n           [errorStateMatcher]=\"customErrorStateMatcher\"\r\n           (blur)=\"onFocusOut()\"\r\n    >\r\n\r\n    <textarea matInput\r\n              *ngIf=\"inputData.textarea\"\r\n              [type]=\"inputData.type || 'text'\"\r\n              [readonly]=\"inputData.readOnly\"\r\n              [placeholder]=\"(inputData.placeholder || '') | translate\"\r\n              [pattern]=\"inputData.pattern!\"\r\n              [formControl]=\"ngControl.control\"\r\n              [ngClass]=\"{'readonly-color' : inputData.readOnly || ngControl.control.disabled}\"\r\n              [errorStateMatcher]=\"customErrorStateMatcher\"\r\n    ></textarea>\r\n\r\n    <!-- Clear Icon -->\r\n    <i-tech-icon-button\r\n      *ngIf=\"inputData.clearable\"\r\n      iconName=\"cancel\"\r\n      matSuffix\r\n      [disabled]=\"inputData.readOnly || ngControl.control.disabled || false\"\r\n      [ngClass]=\"inputData.readOnly || ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\r\n      (click)=\"clear()\"\r\n    >\r\n    </i-tech-icon-button>\r\n\r\n    <i-tech-icon-button\r\n      *ngIf=\"inputData.type === 'password'\"\r\n      [iconName]=\"closed ? 'visibility' : 'visibility_off'\"\r\n      matSuffix\r\n      [disabled]=\"inputData.readOnly || ngControl.control.disabled || false\"\r\n      [ngClass]=\"inputData.readOnly || ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\r\n      (click)=\"toggleEye()\"\r\n    >\r\n    </i-tech-icon-button>\r\n\r\n    <!-- Trailing Icon -->\r\n    <i-tech-icon-button\r\n      *ngIf=\"inputData.iconSuffix\"\r\n      [iconName]=\"inputData.iconSuffix\"\r\n      [disabled]=\"inputData.readOnly || ngControl.control.disabled  || false\"\r\n      [ngClass]=\"inputData.readOnly || ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\r\n      matSuffix\r\n    >\r\n    </i-tech-icon-button>\r\n\r\n    <!-- Error Messages -->\r\n    <mat-error *ngIf=\"!!(ngControl.control.errors && inputData.submit)\">\r\n      {{ ngControl.control | generateErrorMessages : (inputData.label || '') : inputData.defaultPatternKey }}\r\n    </mat-error>\r\n\r\n    <!-- Helper Text -->\r\n    <mat-hint *ngIf=\"!(!!(ngControl.control.errors && inputData.submit)) && inputData.hint\">\r\n      {{ inputData.hint | translate }}\r\n    </mat-hint>\r\n  </mat-form-field>\r\n</div>\r\n" }]
+                    ], standalone: true, template: "<div *ngIf=\"inputData && ngControl\">\n  <div class=\"w-100\">\n    <mat-label [ngClass]=\"{\n          'readonly-color' : inputData.readOnly || ngControl.control.disabled,\n          'invalid-label-color': !!(ngControl.control.errors && inputData.submit)\n          }\"\n               *ngIf=\"inputData.label\">\n      {{ inputData.label | translate }}\n    </mat-label>\n    <span *ngIf=\"inputData.required\" class=\"required-input\"\n          [ngClass]=\"{'readonly-color' : inputData.readOnly || ngControl.control.disabled}\">*</span>\n  </div>\n  <mat-form-field appearance=\"outline\" class=\"w-100\"\n                  [class.readonly-field]=\"inputData.readOnly || ngControl.control.disabled\"\n  >\n    <!-- Leading Icon -->\n    <mat-icon *ngIf=\"inputData.iconPrefix\"\n              matPrefix\n              [ngClass]=\"{\n                    'readonly-color' : !inputData.iconPrefixColor &&\n                                        (inputData.readOnly || ngControl.control.disabled),\n                    'default-form-icon-color' : !inputData.iconPrefixColor &&\n                                                !(inputData.readOnly || ngControl.control.disabled)\n                    }\"\n              [matTooltip]=\"((inputData.iconPrefixTooltip || '') | translate)\"\n              [style.color]=\"inputData.iconPrefixColor || null\"\n    >{{ inputData.iconPrefix }}\n    </mat-icon>\n\n    <mat-icon *ngIf=\"inputData.iconPrefixSvg\"\n              matPrefix\n              [matTooltip]=\"((inputData.iconPrefixTooltip || '') | translate)\"\n              [svgIcon]=\"inputData.iconPrefixSvg\"\n    ></mat-icon>\n\n    <!-- Input Field -->\n    <input matInput #inputElement\n           *ngIf=\"!inputData.textarea\"\n           [type]=\"inputData.type || 'text'\"\n           [readonly]=\"inputData.readOnly\"\n           [placeholder]=\"(inputData.placeholder || '') | translate\"\n           [pattern]=\"inputData.pattern!\"\n           [formControl]=\"ngControl.control\"\n           [mask]=\"inputData.mask || ''\"\n           [ngClass]=\"{'readonly-color readonly-cursor' : inputData.readOnly || ngControl.control.disabled}\"\n           [inputMask]=\"inputData.inputMask!\"\n           [errorStateMatcher]=\"customErrorStateMatcher\"\n           (blur)=\"onFocusOut()\"\n    >\n\n    <textarea matInput\n              *ngIf=\"inputData.textarea\"\n              [type]=\"inputData.type || 'text'\"\n              [readonly]=\"inputData.readOnly\"\n              [placeholder]=\"(inputData.placeholder || '') | translate\"\n              [pattern]=\"inputData.pattern!\"\n              [formControl]=\"ngControl.control\"\n              [ngClass]=\"{'readonly-color' : inputData.readOnly || ngControl.control.disabled}\"\n              [errorStateMatcher]=\"customErrorStateMatcher\"\n    ></textarea>\n\n    <!-- Clear Icon -->\n    <i-tech-icon-button\n      *ngIf=\"inputData.clearable\"\n      iconName=\"cancel\"\n      matSuffix\n      [disabled]=\"inputData.readOnly || ngControl.control.disabled || false\"\n      [ngClass]=\"inputData.readOnly || ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\n      (click)=\"clear()\"\n    >\n    </i-tech-icon-button>\n\n    <i-tech-icon-button\n      *ngIf=\"inputData.type === 'password'\"\n      [iconName]=\"closed ? 'visible' : 'visibility_off'\"\n      matSuffix\n      [disabled]=\"inputData.readOnly || ngControl.control.disabled || false\"\n      [ngClass]=\"inputData.readOnly || ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\n      (click)=\"toggleEye()\"\n    >\n    </i-tech-icon-button>\n\n    <!-- Trailing Icon -->\n    <i-tech-icon-button\n      *ngIf=\"inputData.iconSuffix\"\n      [iconName]=\"inputData.iconSuffix\"\n      [disabled]=\"inputData.readOnly || ngControl.control.disabled  || false\"\n      [ngClass]=\"inputData.readOnly || ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\n      matSuffix\n    >\n    </i-tech-icon-button>\n\n    <!-- Error Messages -->\n    <mat-error *ngIf=\"!!(ngControl.control.errors && inputData.submit)\">\n      {{ ngControl.control | generateErrorMessages : (inputData.label || '') : inputData.defaultPatternKey }}\n    </mat-error>\n\n    <!-- Helper Text -->\n    <mat-hint *ngIf=\"!(!!(ngControl.control.errors && inputData.submit)) && inputData.hint\">\n      {{ inputData.hint | translate }}\n    </mat-hint>\n  </mat-form-field>\n</div>\n" }]
         }], ctorParameters: () => [{ type: InputService }], propDecorators: { input: [{
                 type: ViewChild,
-                args: ['inputElement']
+                args: ['inputElement', { static: true }]
             }], inputData: [{
                 type: Input
             }], focusOutEmitter: [{
@@ -456,17 +435,17 @@ class ButtonComponent {
             this.buttonClick.emit();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: ButtonComponent, isStandalone: true, selector: "i-tech-button", inputs: { text: "text", data_cy: "data_cy", fontIcon: "fontIcon", svgIcon: "svgIcon", type: "type", customClass: "customClass", submit: "submit", disabled: "disabled", activated: "activated", color: "color" }, outputs: { buttonClick: "buttonClick" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonComponent, isStandalone: true, selector: "i-tech-button", inputs: { text: "text", data_cy: "data_cy", fontIcon: "fontIcon", svgIcon: "svgIcon", type: "type", customClass: "customClass", submit: "submit", disabled: "disabled", activated: "activated", color: "color" }, outputs: { buttonClick: "buttonClick" }, providers: [
             NgxMaskDirective,
             NgxMaskPipe,
             TranslatePipe,
             TranslateService
-        ], ngImport: i0, template: "<button *ngIf=\"[ButtonType.FILLED,ButtonType.WARNING].includes(type)\"\r\n        mat-flat-button\r\n        [attr.data-cy]=\"data_cy\"\r\n        [color]=\"type === ButtonType.WARNING ? 'warn' : color\"\r\n        [class.activated]=\"activated\"\r\n        [ngClass]=\"(customClass || '')\"\r\n        [disabled]=\"disabled || submit\"\r\n        (click)=\"onClick($event)\"\r\n>\r\n        <span *ngIf=\"submit\" class=\"spinner-overlay\">\r\n            <mat-spinner diameter=\"16\"></mat-spinner>\r\n        </span>\r\n  <mat-icon *ngIf=\"fontIcon && !submit\">{{fontIcon}}</mat-icon>\r\n  <mat-icon *ngIf=\"svgIcon && !submit\" [svgIcon]=\"svgIcon\"></mat-icon>\r\n  <span>{{text | translate}}</span>\r\n</button>\r\n<button *ngIf=\"[ButtonType.TONAL,ButtonType.TEXT].includes(type)\"\r\n        mat-button\r\n        [attr.data-cy]=\"data_cy\"\r\n        [ngClass]=\"(type === ButtonType.TONAL ? 'tertiary ' : '') + (customClass || '')\"\r\n        [class.activated]=\"activated\"\r\n        [disabled]=\"disabled || submit\"\r\n        (click)=\"onClick($event)\"\r\n>\r\n        <span *ngIf=\"submit\"  class=\"spinner-overlay\">\r\n            <mat-spinner diameter=\"16\"></mat-spinner>\r\n        </span>\r\n  <mat-icon *ngIf=\"fontIcon && !submit\">{{fontIcon}}</mat-icon>\r\n  <mat-icon *ngIf=\"svgIcon && !submit\" [svgIcon]=\"svgIcon\"></mat-icon>\r\n\r\n  <span>{{text | translate}}</span>\r\n</button>\r\n<button *ngIf=\"type === ButtonType.OUTLINE\"\r\n        [color]=\"color\"\r\n        mat-stroked-button\r\n        [attr.data-cy]=\"data_cy\"\r\n        [ngClass]=\"(customClass || '') \"\r\n        [disabled]=\"disabled || submit\"\r\n        (click)=\"onClick($event)\"\r\n        [class.activated]=\"activated\"\r\n>\r\n        <span *ngIf=\"submit\"  class=\"spinner-overlay\">\r\n            <mat-spinner diameter=\"16\"></mat-spinner>\r\n        </span>\r\n  <mat-icon *ngIf=\"fontIcon && !submit\" >{{fontIcon}}</mat-icon>\r\n  <mat-icon *ngIf=\"svgIcon && !submit\" [svgIcon]=\"svgIcon\"></mat-icon>\r\n  <span>{{text | translate}}</span>\r\n</button>\r\n", styles: [""], dependencies: [{ kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+        ], ngImport: i0, template: "<button *ngIf=\"[ButtonType.FILLED,ButtonType.WARNING].includes(type)\"\n        mat-flat-button\n        [attr.data-cy]=\"data_cy\"\n        [color]=\"type === ButtonType.WARNING ? 'warn' : color\"\n        [class.activated]=\"activated\"\n        [ngClass]=\"(customClass || '')\"\n        [disabled]=\"disabled || submit\"\n        (click)=\"onClick($event)\"\n>\n        <span *ngIf=\"submit\" class=\"spinner-overlay\">\n            <mat-spinner diameter=\"16\"></mat-spinner>\n        </span>\n  <mat-icon *ngIf=\"fontIcon && !submit\">{{fontIcon}}</mat-icon>\n  <mat-icon *ngIf=\"svgIcon && !submit\" [svgIcon]=\"svgIcon\"></mat-icon>\n  <span>{{text | translate}}</span>\n</button>\n<button *ngIf=\"[ButtonType.TONAL,ButtonType.TEXT].includes(type)\"\n        mat-button\n        [attr.data-cy]=\"data_cy\"\n        [ngClass]=\"(type === ButtonType.TONAL ? 'tertiary ' : '') + (customClass || '')\"\n        [class.activated]=\"activated\"\n        [disabled]=\"disabled || submit\"\n        (click)=\"onClick($event)\"\n>\n        <span *ngIf=\"submit\"  class=\"spinner-overlay\">\n            <mat-spinner diameter=\"16\"></mat-spinner>\n        </span>\n  <mat-icon *ngIf=\"fontIcon && !submit\">{{fontIcon}}</mat-icon>\n  <mat-icon *ngIf=\"svgIcon && !submit\" [svgIcon]=\"svgIcon\"></mat-icon>\n\n  <span>{{text | translate}}</span>\n</button>\n<button *ngIf=\"type === ButtonType.OUTLINE\"\n        [color]=\"color\"\n        mat-stroked-button\n        [attr.data-cy]=\"data_cy\"\n        [ngClass]=\"(customClass || '') \"\n        [disabled]=\"disabled || submit\"\n        (click)=\"onClick($event)\"\n        [class.activated]=\"activated\"\n>\n        <span *ngIf=\"submit\"  class=\"spinner-overlay\">\n            <mat-spinner diameter=\"16\"></mat-spinner>\n        </span>\n  <mat-icon *ngIf=\"fontIcon && !submit\" >{{fontIcon}}</mat-icon>\n  <mat-icon *ngIf=\"svgIcon && !submit\" [svgIcon]=\"svgIcon\"></mat-icon>\n  <span>{{text | translate}}</span>\n</button>\n", styles: [""], dependencies: [{ kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: ButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'i-tech-button', imports: [
+            args: [{ selector: 'i-tech-button', standalone: true, imports: [
                         MatButton,
                         NgClass,
                         MatProgressSpinner,
@@ -478,7 +457,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImpor
                         NgxMaskPipe,
                         TranslatePipe,
                         TranslateService
-                    ], template: "<button *ngIf=\"[ButtonType.FILLED,ButtonType.WARNING].includes(type)\"\r\n        mat-flat-button\r\n        [attr.data-cy]=\"data_cy\"\r\n        [color]=\"type === ButtonType.WARNING ? 'warn' : color\"\r\n        [class.activated]=\"activated\"\r\n        [ngClass]=\"(customClass || '')\"\r\n        [disabled]=\"disabled || submit\"\r\n        (click)=\"onClick($event)\"\r\n>\r\n        <span *ngIf=\"submit\" class=\"spinner-overlay\">\r\n            <mat-spinner diameter=\"16\"></mat-spinner>\r\n        </span>\r\n  <mat-icon *ngIf=\"fontIcon && !submit\">{{fontIcon}}</mat-icon>\r\n  <mat-icon *ngIf=\"svgIcon && !submit\" [svgIcon]=\"svgIcon\"></mat-icon>\r\n  <span>{{text | translate}}</span>\r\n</button>\r\n<button *ngIf=\"[ButtonType.TONAL,ButtonType.TEXT].includes(type)\"\r\n        mat-button\r\n        [attr.data-cy]=\"data_cy\"\r\n        [ngClass]=\"(type === ButtonType.TONAL ? 'tertiary ' : '') + (customClass || '')\"\r\n        [class.activated]=\"activated\"\r\n        [disabled]=\"disabled || submit\"\r\n        (click)=\"onClick($event)\"\r\n>\r\n        <span *ngIf=\"submit\"  class=\"spinner-overlay\">\r\n            <mat-spinner diameter=\"16\"></mat-spinner>\r\n        </span>\r\n  <mat-icon *ngIf=\"fontIcon && !submit\">{{fontIcon}}</mat-icon>\r\n  <mat-icon *ngIf=\"svgIcon && !submit\" [svgIcon]=\"svgIcon\"></mat-icon>\r\n\r\n  <span>{{text | translate}}</span>\r\n</button>\r\n<button *ngIf=\"type === ButtonType.OUTLINE\"\r\n        [color]=\"color\"\r\n        mat-stroked-button\r\n        [attr.data-cy]=\"data_cy\"\r\n        [ngClass]=\"(customClass || '') \"\r\n        [disabled]=\"disabled || submit\"\r\n        (click)=\"onClick($event)\"\r\n        [class.activated]=\"activated\"\r\n>\r\n        <span *ngIf=\"submit\"  class=\"spinner-overlay\">\r\n            <mat-spinner diameter=\"16\"></mat-spinner>\r\n        </span>\r\n  <mat-icon *ngIf=\"fontIcon && !submit\" >{{fontIcon}}</mat-icon>\r\n  <mat-icon *ngIf=\"svgIcon && !submit\" [svgIcon]=\"svgIcon\"></mat-icon>\r\n  <span>{{text | translate}}</span>\r\n</button>\r\n" }]
+                    ], template: "<button *ngIf=\"[ButtonType.FILLED,ButtonType.WARNING].includes(type)\"\n        mat-flat-button\n        [attr.data-cy]=\"data_cy\"\n        [color]=\"type === ButtonType.WARNING ? 'warn' : color\"\n        [class.activated]=\"activated\"\n        [ngClass]=\"(customClass || '')\"\n        [disabled]=\"disabled || submit\"\n        (click)=\"onClick($event)\"\n>\n        <span *ngIf=\"submit\" class=\"spinner-overlay\">\n            <mat-spinner diameter=\"16\"></mat-spinner>\n        </span>\n  <mat-icon *ngIf=\"fontIcon && !submit\">{{fontIcon}}</mat-icon>\n  <mat-icon *ngIf=\"svgIcon && !submit\" [svgIcon]=\"svgIcon\"></mat-icon>\n  <span>{{text | translate}}</span>\n</button>\n<button *ngIf=\"[ButtonType.TONAL,ButtonType.TEXT].includes(type)\"\n        mat-button\n        [attr.data-cy]=\"data_cy\"\n        [ngClass]=\"(type === ButtonType.TONAL ? 'tertiary ' : '') + (customClass || '')\"\n        [class.activated]=\"activated\"\n        [disabled]=\"disabled || submit\"\n        (click)=\"onClick($event)\"\n>\n        <span *ngIf=\"submit\"  class=\"spinner-overlay\">\n            <mat-spinner diameter=\"16\"></mat-spinner>\n        </span>\n  <mat-icon *ngIf=\"fontIcon && !submit\">{{fontIcon}}</mat-icon>\n  <mat-icon *ngIf=\"svgIcon && !submit\" [svgIcon]=\"svgIcon\"></mat-icon>\n\n  <span>{{text | translate}}</span>\n</button>\n<button *ngIf=\"type === ButtonType.OUTLINE\"\n        [color]=\"color\"\n        mat-stroked-button\n        [attr.data-cy]=\"data_cy\"\n        [ngClass]=\"(customClass || '') \"\n        [disabled]=\"disabled || submit\"\n        (click)=\"onClick($event)\"\n        [class.activated]=\"activated\"\n>\n        <span *ngIf=\"submit\"  class=\"spinner-overlay\">\n            <mat-spinner diameter=\"16\"></mat-spinner>\n        </span>\n  <mat-icon *ngIf=\"fontIcon && !submit\" >{{fontIcon}}</mat-icon>\n  <mat-icon *ngIf=\"svgIcon && !submit\" [svgIcon]=\"svgIcon\"></mat-icon>\n  <span>{{text | translate}}</span>\n</button>\n" }]
         }], propDecorators: { text: [{
                 type: Input
             }], data_cy: [{
@@ -507,25 +486,25 @@ class ClearValueComponent {
     constructor() {
         this.resetValue = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: ClearValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: ClearValueComponent, isStandalone: true, selector: "i-tech-clear-value", inputs: { className: "className", additionalClass: "additionalClass" }, outputs: { resetValue: "resetValue" }, ngImport: i0, template: `<img
-    class="pointer"
-    [ngClass]="className || 'standard'"
-    (click)="resetValue.emit()"
-    ngSrc="./ic_close.svg"
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ClearValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ClearValueComponent, isStandalone: true, selector: "i-tech-clear-value", inputs: { className: "className", additionalClass: "additionalClass" }, outputs: { resetValue: "resetValue" }, ngImport: i0, template: `<img
+    class="pointer"
+    [ngClass]="className || 'standard'"
+    (click)="resetValue.emit()"
+    ngSrc="./ic_close.svg"
     height="24" width="24" alt=""/>`, isInline: true, styles: ["img{position:absolute;width:15px;height:15px}.big{width:25px;height:25px}.range_date{right:-65px;top:15px}.standard{right:-20px;top:40px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: ClearValueComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ClearValueComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'i-tech-clear-value', template: `<img
-    class="pointer"
-    [ngClass]="className || 'standard'"
-    (click)="resetValue.emit()"
-    ngSrc="./ic_close.svg"
+            args: [{ selector: 'i-tech-clear-value', template: `<img
+    class="pointer"
+    [ngClass]="className || 'standard'"
+    (click)="resetValue.emit()"
+    ngSrc="./ic_close.svg"
     height="24" width="24" alt=""/>`, imports: [
                         NgClass,
                         NgOptimizedImage
-                    ], styles: ["img{position:absolute;width:15px;height:15px}.big{width:25px;height:25px}.range_date{right:-65px;top:15px}.standard{right:-20px;top:40px}\n"] }]
+                    ], standalone: true, styles: ["img{position:absolute;width:15px;height:15px}.big{width:25px;height:25px}.range_date{right:-65px;top:15px}.standard{right:-20px;top:40px}\n"] }]
         }], propDecorators: { className: [{
                 type: Input
             }], additionalClass: [{
@@ -883,10 +862,10 @@ class AutocompleteSelectComponent {
         matSelect.open();
         searchInput?.nativeElement?.focus();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: AutocompleteSelectComponent, deps: [{ token: InputService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: AutocompleteSelectComponent, isStandalone: true, selector: "i-tech-autocomplete-select", inputs: { className: "className", submitValue: "submitValue", configs: "configs", detectChanges: "detectChanges" }, outputs: { selectionChange: "selectionChange", emitAction: "emitAction" }, host: { listeners: { "document:visibilitychange": "handleVisibilityChange()" } }, viewQueries: [{ propertyName: "matSelect", first: true, predicate: ["matSelect"], descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "allSelected", first: true, predicate: ["allSelected"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"new-mat-autocomplete\" id=\"mat_autocomplete\"\r\n     [ngClass]=\"{\r\n            'mat-select-without_icon': !selectConfig.iconUrl && !selectConfig.activeStateIconUrl,\r\n            'mat-select-with-search': selectConfig.search,\r\n            'without-label': selectConfig.hideLabel,\r\n            'invalid_field': ngControl.control.errors && submitValue,\r\n            'readonly-field': selectConfig.readOnly || ngControl.control.disabled\r\n         }\"\r\n     [matTooltip]=\"(selectConfig.hover && !ngControl.control.disabled ? ((selectConfig.hover || '') | translate) : '')\"\r\n     [matTooltipClass]=\"'mat-mdc-tooltip big-td-mat-tooltip'\"\r\n     [matTooltipPosition]=\"'above'\"\r\n     *ngIf=\"selectConfig && ngControl\">\r\n\r\n  <div class=\"w-100\" *ngIf=\"!selectConfig.hideLabel\">\r\n    <mat-label [ngClass]=\"{\r\n          'readonly-color' : selectConfig.readOnly || ngControl.control.disabled,\r\n          'invalid-label-color': !!(ngControl.control.errors && submitValue)\r\n        }\">\r\n      {{ selectConfig.label | translate }}\r\n    </mat-label>\r\n    <span *ngIf=\"selectConfig.required\" class=\"required-input\"\r\n          [ngClass]=\"{'readonly-color' : ngControl.control.disabled}\">*</span>\r\n  </div>\r\n\r\n\r\n  <!-- Search Input -->\r\n  <div class=\"search-input w-100\"\r\n       (click)=\"$event.stopPropagation();$event.preventDefault()\"\r\n       [ngClass]=\"{ hide_input_placeholder: showPlaceholder || ngControl.control.disabled }\"\r\n       *ngIf=\"selectConfig.search\"\r\n  >\r\n    <input autocomplete=\"off\"\r\n           id=\"searchInput\"\r\n           type=\"text\"\r\n           [ngClass]=\"{'pr-25': !selectConfig.iconUrl}\"\r\n           #searchInput\r\n           [disabled]=\"ngControl.control.disabled || selectConfig.hover\"\r\n           [placeholder]=\"(ngControl.control.disabled || selectConfig.hover) ? '' : 'Search'\"\r\n           (focusout)=\"inputFocusOut()\"\r\n           (focus)=\"openSelection()\"\r\n           (keydown)=\"$event.stopPropagation()\"\r\n           (keyup)=\"getDataWithSearch(searchInput.value,$event)\">\r\n\r\n    <!-- Search Icon -->\r\n    <span class=\"search-icon\">\r\n            <i-tech-icon-button\r\n              class=\"mr-10\"\r\n              [ngClass]=\"selectConfig.readOnly || ngControl.control.disabled ? 'readonly-color'\r\n                                                                              : 'default-form-icon-color'\"\r\n              *ngIf=\"selectConfig.iconPrefix && !showPlaceholder\"\r\n              [iconName]=\"selectConfig.iconPrefix || ''\"\r\n              [disabled]=\"selectConfig.readOnly || false\"\r\n              matPrefix\r\n            >\r\n            </i-tech-icon-button>\r\n        </span>\r\n  </div>\r\n\r\n  <!-- Placeholder/Selected Value Display -->\r\n  <ng-container *ngIf=\"showPlaceholder && selectConfig.search\">\r\n    <div class=\"custom-placeholder\"\r\n         *ngIf=\"(!ngControl?.value && !ngControl?.value?.length) ||\r\n                 (selectConfig.multiple && ngControl?.value && !ngControl?.value?.length)\"\r\n         [ngClass]=\"selectConfig.readOnly || ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\r\n    >\r\n      {{ ((selectConfig.placeholder || '') | translate) }}\r\n    </div>\r\n    <div class=\"custom-placeholder custom-value ellipsis\"\r\n         [ngClass]=\"{\r\n                'pr-42': selectConfig.iconUrl,\r\n                'readonly-color': selectConfig.readOnly || ngControl.control.disabled,\r\n                'default-form-icon-color': !(selectConfig.readOnly || ngControl.control.disabled)\r\n                }\"\r\n         *ngIf=\"ngControl?.value\"\r\n    >\r\n      {{ selectConfig?.multiple ? (ngControl.value | arrayToString) : showingValue }}\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- Custom Icon -->\r\n  <img class=\"left_icon_new pointer\"\r\n       alt=\"Toggle Selection\"\r\n       (click)=\"iconClick(matSelect, searchInput)\"\r\n       *ngIf=\"!selectConfig.matIconName && (selectConfig.iconUrl || selectConfig.activeStateIconUrl)\"\r\n       [src]=\"'assets/images/icons/global/' + (ngControl.control?.value && selectConfig?.activeStateIconUrl ?\r\n                                                selectConfig.activeStateIconUrl\r\n                                                : selectConfig.iconUrl)\">\r\n\r\n  <mat-form-field appearance=\"outline\" class=\"w-100\" (click)=\"selectConfig?.search ? focusSearchInput() : null\">\r\n    <!-- Material Select -->\r\n    <mat-select #matSelect=\"matSelect\"\r\n                [panelClass]=\"'autocomplete-transform-panel-location'\"\r\n                [attr.aria-placeholder]=\"(selectConfig.placeholder || '') | translate\"\r\n                [aria-label]=\"selectConfig.label | translate\"\r\n                [id]=\"selectConfig.filtrationKey || ''\"\r\n                (opened)=\"registerPanelScrollEvent(matSelect)\"\r\n                (openedChange)=\"openedChange($event)\"\r\n                [formControl]=\"ngControl.control\"\r\n                [multiple]=\"selectConfig.multiple\"\r\n                (selectionChange)=\"emitSelectionChangeAndClose($event)\"\r\n                [errorStateMatcher]=\"customErrorStateMatcher\"\r\n                [placeholder]=\"(selectConfig.placeholder || '') | translate\"\r\n                [disabled]=\"ngControl.control.disabled\"\r\n    >\r\n\r\n      <!-- Loading State -->\r\n      <mat-option *ngIf=\"pending\" class=\"option_loading relative\">\r\n        <div class=\"request_loading\">\r\n          <img ngSrc=\"./loader.svg\" alt=\"\" height=\"200\" width=\"200\"/>\r\n        </div>\r\n      </mat-option>\r\n\r\n      <!-- Options -->\r\n      <ng-container *ngIf=\"data?.length && !pending\">\r\n        <!-- Add New Option -->\r\n        <mat-option *ngIf=\"selectConfig.actions\"\r\n                    class=\"pointer add_new\"\r\n                    disabled\r\n                    (click)=\"closePanelAndUnsetFocus();addNewItemEvent()\">\r\n          <!--(click)=\"ngControl.control.reset(null);\r\n              matSelect._onBlur();closePanelAndUnsetFocus();addNewItemEvent()\">-->\r\n          <i-tech-button\r\n            [type]=\"ButtonType.OUTLINE\"\r\n            [fontIcon]=\"'add'\"\r\n            [text]=\"('dropdown_add_item' | translate : {INPUT_NAME: (selectConfig.label | translate)}) \"\r\n            [customClass]=\"'w-100 mat-autocomplete-select-button'\">\r\n          </i-tech-button>\r\n        </mat-option>\r\n\r\n        <!-- Regular Options -->\r\n        <ng-container *ngIf=\"!selectConfig?.changeText && data.length\">\r\n          <mat-option *ngFor=\"let item of data\"\r\n                      [value]=\"selectConfig.valueByKey | getValueByKeyFromObject : item\"\r\n                      (mouseup)=\"optionClick(item)\"\r\n                      (mousedown)=\"preventDefault($event)\">\r\n            @if (selectConfig?.needTranslateOptions) {\r\n              {{\r\n                ((selectConfig.valueToShowByKey | getValueByKeyFromObject\r\n                  : item : selectConfig.valueToShowByParam : selectConfig.withParamSymbol) || '') | translate\r\n              }}\r\n            }@else {\r\n              {{\r\n              ((selectConfig.valueToShowByKey | getValueByKeyFromObject\r\n                : item : selectConfig.valueToShowByParam : selectConfig.withParamSymbol) || '')\r\n              }}\r\n            }\r\n\r\n          </mat-option>\r\n        </ng-container>\r\n\r\n        <!-- Custom Text Options -->\r\n        <ng-container *ngIf=\"selectConfig?.changeText && data.length\">\r\n          <mat-option *ngFor=\"let item of data\"\r\n                      [value]=\"selectConfig.valueByKey | getValueByKeyFromObject : item\"\r\n                      (mouseup)=\"optionClick(item)\"\r\n                      (mousedown)=\"preventDefault($event)\"\r\n                      [disabled]=\"selectConfig?.changeText[item].disabled\">\r\n            {{ selectConfig?.needTranslateOptions ? (selectConfig?.changeText[item].text | translate ) : selectConfig?.changeText[item].text}}\r\n          </mat-option>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <!-- Empty State -->\r\n      <ng-container *ngIf=\"!pending && !data.length\">\r\n        <mat-option disabled class=\"empty_selection_state\">\r\n          <div class=\"actions_and_tile add_new flex_column w-100 flex_center_align_center\">\r\n            <span>{{ 'dropdown_no_items' | translate }}</span>\r\n            <div class=\"mt-10\">\r\n              <i-tech-button\r\n                *ngIf=\"selectConfig?.actions\"\r\n                [type]=\"ButtonType.OUTLINE\"\r\n                (buttonClick)=\"closePanelAndUnsetFocus();addNewItemEvent()\"\r\n                [customClass]=\"'mat-autocomplete-select-button'\"\r\n                [fontIcon]=\"'add'\"\r\n                [text]=\"('dropdown_add_item' | translate : {INPUT_NAME: (selectConfig.label | translate)}) \">\r\n              </i-tech-button>\r\n            </div>\r\n          </div>\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-select>\r\n    <mat-icon *ngIf=\"selectConfig.iconPrefix\"\r\n              matPrefix\r\n              [ngClass]=\"{\r\n                    'readonly-color' : !selectConfig['iconPrefixColor']\r\n                                        && (selectConfig.readOnly || ngControl.control.disabled),\r\n                    'default-form-icon-color' : !selectConfig['iconPrefixColor']\r\n                                        && !(selectConfig.readOnly || ngControl.control.disabled)\r\n                    }\"\r\n              [matTooltip]=\"((selectConfig?.['iconPrefixTooltip'] || '') | translate)\"\r\n    >{{ selectConfig.iconPrefix }}\r\n    </mat-icon>\r\n\r\n    <mat-icon *ngIf=\"selectConfig['iconPrefixSvg']\"\r\n              matPrefix\r\n              [matTooltip]=\"((selectConfig?.['iconPrefixTooltip'] || '') | translate)\"\r\n              [svgIcon]=\"selectConfig['iconPrefixSvg'] || ''\"\r\n    ></mat-icon>\r\n\r\n    <i-tech-icon-button\r\n      *ngIf=\"selectConfig.search && selectConfig.clearable && !ngControl.control.disabled && !!ngControl.control.value\"\r\n      iconName=\"cancel\"\r\n      matSuffix\r\n      [disabled]=\"selectConfig.readOnly || false\"\r\n      [ngClass]=\"selectConfig.readOnly || ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\r\n      (click)=\"\r\n        $event.stopPropagation();\r\n        $event.preventDefault();\r\n        ngControl.control.reset(null);\r\n        matSelect._onBlur();\r\n        closePanelAndUnsetFocus()\r\n      \"\r\n    >\r\n    </i-tech-icon-button>\r\n    <mat-icon\r\n      matSuffix\r\n      class=\"select-arrow\"\r\n      [class.open]=\"matSelect.panelOpen\"\r\n      [ngClass]=\"{\r\n            'readonly-color': selectConfig.readOnly || ngControl.control.disabled,\r\n            'default-form-icon-color': !(selectConfig.readOnly || ngControl.control.disabled),\r\n            'mt-8': !!ngControl.control.value && selectConfig.clearable\r\n         }\"\r\n    >\r\n      keyboard_arrow_down\r\n    </mat-icon>\r\n    <!-- Error Message -->\r\n    <mat-error *ngIf=\"!!(ngControl.control.errors && submitValue)\">\r\n      {{ ngControl.control | generateErrorMessages : selectConfig.label : selectConfig.defaultPatternKey }}\r\n    </mat-error>\r\n  </mat-form-field>\r\n\r\n  <!-- Reset Button -->\r\n  <i-tech-clear-value *ngIf=\"selectConfig.reset\" (resetValue)=\"resetValue()\"></i-tech-clear-value>\r\n</div>\r\n", styles: [".left_icon_new{position:absolute;right:2px;top:1px}::ng-deep .request_loading{width:40px;height:40px;background-color:#fff!important}::ng-deep .request_loading:hover{background-color:var(--primary99)!important}::ng-deep .request_loading:focus{background-color:var(--primary99)!important}::ng-deep .request_loading img{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%)}::ng-deep .mat-mdc-option.add_new{opacity:1!important;pointer-events:auto!important}::ng-deep .mat-mdc-option.add_new .mat-pseudo-checkbox{display:none!important}::ng-deep .mat-mdc-option.add_new .mdc-list-item__primary-text{display:inline-block!important;width:100%!important}::ng-deep .mat-mdc-option.add_new span{color:unset!important;font-size:unset!important;margin:unset!important;opacity:1!important}@media (min-width: 1920px) and (max-width: 2500px){.mat-autocomplete{height:90px!important}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: IconButtonComponent, selector: "i-tech-icon-button", inputs: ["size", "type", "iconSvg", "iconName", "tooltip", "disabled"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: ButtonComponent, selector: "i-tech-button", inputs: ["text", "data_cy", "fontIcon", "svgIcon", "type", "customClass", "submit", "disabled", "activated", "color"], outputs: ["buttonClick"] }, { kind: "pipe", type: GetValueByKeyFromObjectPipe, name: "getValueByKeyFromObject" }, { kind: "pipe", type: ArrayToStringPipe, name: "arrayToString" }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: GenerateErrorMessagesPipe, name: "generateErrorMessages" }, { kind: "component", type: ClearValueComponent, selector: "i-tech-clear-value", inputs: ["className", "additionalClass"], outputs: ["resetValue"] }, { kind: "ngmodule", type: MatFormFieldModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AutocompleteSelectComponent, deps: [{ token: InputService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AutocompleteSelectComponent, isStandalone: true, selector: "i-tech-autocomplete-select", inputs: { className: "className", submitValue: "submitValue", configs: "configs", detectChanges: "detectChanges" }, outputs: { selectionChange: "selectionChange", emitAction: "emitAction" }, host: { listeners: { "document:visibilitychange": "handleVisibilityChange()" } }, viewQueries: [{ propertyName: "matSelect", first: true, predicate: ["matSelect"], descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "allSelected", first: true, predicate: ["allSelected"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"new-mat-autocomplete\" id=\"mat_autocomplete\"\n     [ngClass]=\"{\n            'mat-select-without_icon': !selectConfig.iconUrl && !selectConfig.activeStateIconUrl,\n            'mat-select-with-search': selectConfig.search,\n            'without-label': selectConfig.hideLabel,\n            'invalid_field': ngControl.control.errors && submitValue,\n            'readonly-field': selectConfig.readOnly || ngControl.control.disabled\n         }\"\n     [matTooltip]=\"(selectConfig.hover && !ngControl.control.disabled ? ((selectConfig.hover || '') | translate) : '')\"\n     [matTooltipClass]=\"'mat-mdc-tooltip big-td-mat-tooltip'\"\n     [matTooltipPosition]=\"'above'\"\n     *ngIf=\"selectConfig && ngControl\">\n\n  <div class=\"w-100\" *ngIf=\"!selectConfig.hideLabel\">\n    <mat-label [ngClass]=\"{\n          'readonly-color' : selectConfig.readOnly || ngControl.control.disabled,\n          'invalid-label-color': !!(ngControl.control.errors && submitValue)\n        }\">\n      {{ selectConfig.label | translate }}\n    </mat-label>\n    <span *ngIf=\"selectConfig.required\" class=\"required-input\"\n          [ngClass]=\"{'readonly-color' : ngControl.control.disabled}\">*</span>\n  </div>\n\n\n  <!-- Search Input -->\n  <div class=\"search-input w-100\"\n       (click)=\"$event.stopPropagation();$event.preventDefault()\"\n       [ngClass]=\"{ hide_input_placeholder: showPlaceholder || ngControl.control.disabled }\"\n       *ngIf=\"selectConfig.search\"\n  >\n    <input autocomplete=\"off\"\n           id=\"searchInput\"\n           type=\"text\"\n           [ngClass]=\"{'pr-25': !selectConfig.iconUrl}\"\n           #searchInput\n           [disabled]=\"ngControl.control.disabled || selectConfig.hover\"\n           [placeholder]=\"(ngControl.control.disabled || selectConfig.hover) ? '' : 'Search'\"\n           (focusout)=\"inputFocusOut()\"\n           (focus)=\"openSelection()\"\n           (keydown)=\"$event.stopPropagation()\"\n           (keyup)=\"getDataWithSearch(searchInput.value,$event)\">\n\n    <!-- Search Icon -->\n    <span class=\"search-icon\">\n            <i-tech-icon-button\n              class=\"mr-10\"\n              [ngClass]=\"selectConfig.readOnly || ngControl.control.disabled ? 'readonly-color'\n                                                                              : 'default-form-icon-color'\"\n              *ngIf=\"selectConfig.iconPrefix && !showPlaceholder\"\n              [iconName]=\"selectConfig.iconPrefix || ''\"\n              [disabled]=\"selectConfig.readOnly || false\"\n              matPrefix\n            >\n            </i-tech-icon-button>\n        </span>\n  </div>\n\n  <!-- Placeholder/Selected Value Display -->\n  <ng-container *ngIf=\"showPlaceholder && selectConfig.search\">\n    <div class=\"custom-placeholder\"\n         *ngIf=\"(!ngControl?.value && !ngControl?.value?.length) ||\n                 (selectConfig.multiple && ngControl?.value && !ngControl?.value?.length)\"\n         [ngClass]=\"selectConfig.readOnly || ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\n    >\n      {{ ((selectConfig.placeholder || '') | translate) }}\n    </div>\n    <div class=\"custom-placeholder custom-value ellipsis\"\n         [ngClass]=\"{\n                'pr-42': selectConfig.iconUrl,\n                'readonly-color': selectConfig.readOnly || ngControl.control.disabled,\n                'default-form-icon-color': !(selectConfig.readOnly || ngControl.control.disabled)\n                }\"\n         *ngIf=\"ngControl?.value\"\n    >\n      {{ selectConfig?.multiple ? (ngControl.value | arrayToString) : showingValue }}\n    </div>\n  </ng-container>\n\n  <!-- Custom Icon -->\n  <img class=\"left_icon_new pointer\"\n       alt=\"Toggle Selection\"\n       (click)=\"iconClick(matSelect, searchInput)\"\n       *ngIf=\"!selectConfig.matIconName && (selectConfig.iconUrl || selectConfig.activeStateIconUrl)\"\n       [src]=\"'assets/images/icons/global/' + (ngControl.control?.value && selectConfig?.activeStateIconUrl ?\n                                                selectConfig.activeStateIconUrl\n                                                : selectConfig.iconUrl)\">\n\n  <mat-form-field appearance=\"outline\" class=\"w-100\" (click)=\"selectConfig?.search ? focusSearchInput() : null\">\n    <!-- Material Select -->\n    <mat-select #matSelect=\"matSelect\"\n                [panelClass]=\"'autocomplete-transform-panel-location'\"\n                [attr.aria-placeholder]=\"(selectConfig.placeholder || '') | translate\"\n                [aria-label]=\"selectConfig.label | translate\"\n                [id]=\"selectConfig.filtrationKey || ''\"\n                (opened)=\"registerPanelScrollEvent(matSelect)\"\n                (openedChange)=\"openedChange($event)\"\n                [formControl]=\"ngControl.control\"\n                [multiple]=\"selectConfig.multiple\"\n                (selectionChange)=\"emitSelectionChangeAndClose($event)\"\n                [errorStateMatcher]=\"customErrorStateMatcher\"\n                [placeholder]=\"(selectConfig.placeholder || '') | translate\"\n                [disabled]=\"ngControl.control.disabled\"\n    >\n\n      <!-- Loading State -->\n      <mat-option *ngIf=\"pending\" class=\"option_loading relative\">\n        <div class=\"request_loading\">\n          <img ngSrc=\"./loader.svg\" alt=\"\" height=\"200\" width=\"200\"/>\n        </div>\n      </mat-option>\n\n      <!-- Options -->\n      <ng-container *ngIf=\"data?.length && !pending\">\n        <!-- Add New Option -->\n        <mat-option *ngIf=\"selectConfig.actions\"\n                    class=\"pointer add_new\"\n                    disabled\n                    (click)=\"closePanelAndUnsetFocus();addNewItemEvent()\">\n          <!--(click)=\"ngControl.control.reset(null);\n              matSelect._onBlur();closePanelAndUnsetFocus();addNewItemEvent()\">-->\n          <i-tech-button\n            [type]=\"ButtonType.OUTLINE\"\n            [fontIcon]=\"'add'\"\n            [text]=\"('dropdown_add_item' | translate : {INPUT_NAME: (selectConfig.label | translate)}) \"\n            [customClass]=\"'w-100 mat-autocomplete-select-button'\">\n          </i-tech-button>\n        </mat-option>\n\n        <!-- Regular Options -->\n        <ng-container *ngIf=\"!selectConfig?.changeText && data.length\">\n          <mat-option *ngFor=\"let item of data\"\n                      [value]=\"selectConfig.valueByKey | getValueByKeyFromObject : item\"\n                      (mouseup)=\"optionClick(item)\"\n                      (mousedown)=\"preventDefault($event)\">\n            @if (selectConfig?.needTranslateOptions) {\n              {{\n                ((selectConfig.valueToShowByKey | getValueByKeyFromObject\n                  : item : selectConfig.valueToShowByParam : selectConfig.withParamSymbol) || '') | translate\n              }}\n            }@else {\n              {{\n              ((selectConfig.valueToShowByKey | getValueByKeyFromObject\n                : item : selectConfig.valueToShowByParam : selectConfig.withParamSymbol) || '')\n              }}\n            }\n\n          </mat-option>\n        </ng-container>\n\n        <!-- Custom Text Options -->\n        <ng-container *ngIf=\"selectConfig?.changeText && data.length\">\n          <mat-option *ngFor=\"let item of data\"\n                      [value]=\"selectConfig.valueByKey | getValueByKeyFromObject : item\"\n                      (mouseup)=\"optionClick(item)\"\n                      (mousedown)=\"preventDefault($event)\"\n                      [disabled]=\"selectConfig?.changeText[item].disabled\">\n            {{ selectConfig?.needTranslateOptions ? (selectConfig?.changeText[item].text | translate ) : selectConfig?.changeText[item].text}}\n          </mat-option>\n        </ng-container>\n      </ng-container>\n\n      <!-- Empty State -->\n      <ng-container *ngIf=\"!pending && !data.length\">\n        <mat-option disabled class=\"empty_selection_state\">\n          <div class=\"actions_and_tile add_new flex_column w-100 flex_center_align_center\">\n            <span>{{ 'dropdown_no_items' | translate }}</span>\n            <div class=\"mt-10\">\n              <i-tech-button\n                *ngIf=\"selectConfig?.actions\"\n                [type]=\"ButtonType.OUTLINE\"\n                (buttonClick)=\"closePanelAndUnsetFocus();addNewItemEvent()\"\n                [customClass]=\"'mat-autocomplete-select-button'\"\n                [fontIcon]=\"'add'\"\n                [text]=\"('dropdown_add_item' | translate : {INPUT_NAME: (selectConfig.label | translate)}) \">\n              </i-tech-button>\n            </div>\n          </div>\n        </mat-option>\n      </ng-container>\n    </mat-select>\n    <mat-icon *ngIf=\"selectConfig.iconPrefix\"\n              matPrefix\n              [ngClass]=\"{\n                    'readonly-color' : !selectConfig['iconPrefixColor']\n                                        && (selectConfig.readOnly || ngControl.control.disabled),\n                    'default-form-icon-color' : !selectConfig['iconPrefixColor']\n                                        && !(selectConfig.readOnly || ngControl.control.disabled)\n                    }\"\n              [matTooltip]=\"((selectConfig?.['iconPrefixTooltip'] || '') | translate)\"\n    >{{ selectConfig.iconPrefix }}\n    </mat-icon>\n\n    <mat-icon *ngIf=\"selectConfig['iconPrefixSvg']\"\n              matPrefix\n              [matTooltip]=\"((selectConfig?.['iconPrefixTooltip'] || '') | translate)\"\n              [svgIcon]=\"selectConfig['iconPrefixSvg'] || ''\"\n    ></mat-icon>\n\n    <i-tech-icon-button\n      *ngIf=\"selectConfig.search && selectConfig.clearable && !ngControl.control.disabled && !!ngControl.control.value\"\n      iconName=\"cancel\"\n      matSuffix\n      [disabled]=\"selectConfig.readOnly || false\"\n      [ngClass]=\"selectConfig.readOnly || ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\n      (click)=\"\n        $event.stopPropagation();\n        $event.preventDefault();\n        ngControl.control.reset(null);\n        matSelect._onBlur();\n        closePanelAndUnsetFocus()\n      \"\n    >\n    </i-tech-icon-button>\n    <mat-icon\n      matSuffix\n      class=\"select-arrow\"\n      [class.open]=\"matSelect.panelOpen\"\n      [ngClass]=\"{\n            'readonly-color': selectConfig.readOnly || ngControl.control.disabled,\n            'default-form-icon-color': !(selectConfig.readOnly || ngControl.control.disabled),\n            'mt-8': !!ngControl.control.value && selectConfig.clearable\n         }\"\n    >\n      keyboard_arrow_down\n    </mat-icon>\n    <!-- Error Message -->\n    <mat-error *ngIf=\"!!(ngControl.control.errors && submitValue)\">\n      {{ ngControl.control | generateErrorMessages : selectConfig.label : selectConfig.defaultPatternKey }}\n    </mat-error>\n  </mat-form-field>\n\n  <!-- Reset Button -->\n  <i-tech-clear-value *ngIf=\"selectConfig.reset\" (resetValue)=\"resetValue()\"></i-tech-clear-value>\n</div>\n", styles: [".left_icon_new{position:absolute;right:2px;top:1px}::ng-deep .request_loading{width:40px;height:40px;background-color:#fff!important}::ng-deep .request_loading:hover{background-color:var(--primary99)!important}::ng-deep .request_loading:focus{background-color:var(--primary99)!important}::ng-deep .request_loading img{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%)}::ng-deep .mat-mdc-option.add_new{opacity:1!important;pointer-events:auto!important}::ng-deep .mat-mdc-option.add_new .mat-pseudo-checkbox{display:none!important}::ng-deep .mat-mdc-option.add_new .mdc-list-item__primary-text{display:inline-block!important;width:100%!important}::ng-deep .mat-mdc-option.add_new span{color:unset!important;font-size:unset!important;margin:unset!important;opacity:1!important}@media (min-width: 1920px) and (max-width: 2500px){.mat-autocomplete{height:90px!important}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: IconButtonComponent, selector: "i-tech-icon-button", inputs: ["size", "type", "iconSvg", "iconName", "tooltip", "disabled"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: ButtonComponent, selector: "i-tech-button", inputs: ["text", "data_cy", "fontIcon", "svgIcon", "type", "customClass", "submit", "disabled", "activated", "color"], outputs: ["buttonClick"] }, { kind: "pipe", type: GetValueByKeyFromObjectPipe, name: "getValueByKeyFromObject" }, { kind: "pipe", type: ArrayToStringPipe, name: "arrayToString" }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: GenerateErrorMessagesPipe, name: "generateErrorMessages" }, { kind: "component", type: ClearValueComponent, selector: "i-tech-clear-value", inputs: ["className", "additionalClass"], outputs: ["resetValue"] }, { kind: "ngmodule", type: MatFormFieldModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: AutocompleteSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AutocompleteSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'i-tech-autocomplete-select', imports: [
                         NgClass,
@@ -905,7 +884,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImpor
                         GenerateErrorMessagesPipe,
                         ClearValueComponent,
                         MatFormFieldModule
-                    ], template: "<div class=\"new-mat-autocomplete\" id=\"mat_autocomplete\"\r\n     [ngClass]=\"{\r\n            'mat-select-without_icon': !selectConfig.iconUrl && !selectConfig.activeStateIconUrl,\r\n            'mat-select-with-search': selectConfig.search,\r\n            'without-label': selectConfig.hideLabel,\r\n            'invalid_field': ngControl.control.errors && submitValue,\r\n            'readonly-field': selectConfig.readOnly || ngControl.control.disabled\r\n         }\"\r\n     [matTooltip]=\"(selectConfig.hover && !ngControl.control.disabled ? ((selectConfig.hover || '') | translate) : '')\"\r\n     [matTooltipClass]=\"'mat-mdc-tooltip big-td-mat-tooltip'\"\r\n     [matTooltipPosition]=\"'above'\"\r\n     *ngIf=\"selectConfig && ngControl\">\r\n\r\n  <div class=\"w-100\" *ngIf=\"!selectConfig.hideLabel\">\r\n    <mat-label [ngClass]=\"{\r\n          'readonly-color' : selectConfig.readOnly || ngControl.control.disabled,\r\n          'invalid-label-color': !!(ngControl.control.errors && submitValue)\r\n        }\">\r\n      {{ selectConfig.label | translate }}\r\n    </mat-label>\r\n    <span *ngIf=\"selectConfig.required\" class=\"required-input\"\r\n          [ngClass]=\"{'readonly-color' : ngControl.control.disabled}\">*</span>\r\n  </div>\r\n\r\n\r\n  <!-- Search Input -->\r\n  <div class=\"search-input w-100\"\r\n       (click)=\"$event.stopPropagation();$event.preventDefault()\"\r\n       [ngClass]=\"{ hide_input_placeholder: showPlaceholder || ngControl.control.disabled }\"\r\n       *ngIf=\"selectConfig.search\"\r\n  >\r\n    <input autocomplete=\"off\"\r\n           id=\"searchInput\"\r\n           type=\"text\"\r\n           [ngClass]=\"{'pr-25': !selectConfig.iconUrl}\"\r\n           #searchInput\r\n           [disabled]=\"ngControl.control.disabled || selectConfig.hover\"\r\n           [placeholder]=\"(ngControl.control.disabled || selectConfig.hover) ? '' : 'Search'\"\r\n           (focusout)=\"inputFocusOut()\"\r\n           (focus)=\"openSelection()\"\r\n           (keydown)=\"$event.stopPropagation()\"\r\n           (keyup)=\"getDataWithSearch(searchInput.value,$event)\">\r\n\r\n    <!-- Search Icon -->\r\n    <span class=\"search-icon\">\r\n            <i-tech-icon-button\r\n              class=\"mr-10\"\r\n              [ngClass]=\"selectConfig.readOnly || ngControl.control.disabled ? 'readonly-color'\r\n                                                                              : 'default-form-icon-color'\"\r\n              *ngIf=\"selectConfig.iconPrefix && !showPlaceholder\"\r\n              [iconName]=\"selectConfig.iconPrefix || ''\"\r\n              [disabled]=\"selectConfig.readOnly || false\"\r\n              matPrefix\r\n            >\r\n            </i-tech-icon-button>\r\n        </span>\r\n  </div>\r\n\r\n  <!-- Placeholder/Selected Value Display -->\r\n  <ng-container *ngIf=\"showPlaceholder && selectConfig.search\">\r\n    <div class=\"custom-placeholder\"\r\n         *ngIf=\"(!ngControl?.value && !ngControl?.value?.length) ||\r\n                 (selectConfig.multiple && ngControl?.value && !ngControl?.value?.length)\"\r\n         [ngClass]=\"selectConfig.readOnly || ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\r\n    >\r\n      {{ ((selectConfig.placeholder || '') | translate) }}\r\n    </div>\r\n    <div class=\"custom-placeholder custom-value ellipsis\"\r\n         [ngClass]=\"{\r\n                'pr-42': selectConfig.iconUrl,\r\n                'readonly-color': selectConfig.readOnly || ngControl.control.disabled,\r\n                'default-form-icon-color': !(selectConfig.readOnly || ngControl.control.disabled)\r\n                }\"\r\n         *ngIf=\"ngControl?.value\"\r\n    >\r\n      {{ selectConfig?.multiple ? (ngControl.value | arrayToString) : showingValue }}\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- Custom Icon -->\r\n  <img class=\"left_icon_new pointer\"\r\n       alt=\"Toggle Selection\"\r\n       (click)=\"iconClick(matSelect, searchInput)\"\r\n       *ngIf=\"!selectConfig.matIconName && (selectConfig.iconUrl || selectConfig.activeStateIconUrl)\"\r\n       [src]=\"'assets/images/icons/global/' + (ngControl.control?.value && selectConfig?.activeStateIconUrl ?\r\n                                                selectConfig.activeStateIconUrl\r\n                                                : selectConfig.iconUrl)\">\r\n\r\n  <mat-form-field appearance=\"outline\" class=\"w-100\" (click)=\"selectConfig?.search ? focusSearchInput() : null\">\r\n    <!-- Material Select -->\r\n    <mat-select #matSelect=\"matSelect\"\r\n                [panelClass]=\"'autocomplete-transform-panel-location'\"\r\n                [attr.aria-placeholder]=\"(selectConfig.placeholder || '') | translate\"\r\n                [aria-label]=\"selectConfig.label | translate\"\r\n                [id]=\"selectConfig.filtrationKey || ''\"\r\n                (opened)=\"registerPanelScrollEvent(matSelect)\"\r\n                (openedChange)=\"openedChange($event)\"\r\n                [formControl]=\"ngControl.control\"\r\n                [multiple]=\"selectConfig.multiple\"\r\n                (selectionChange)=\"emitSelectionChangeAndClose($event)\"\r\n                [errorStateMatcher]=\"customErrorStateMatcher\"\r\n                [placeholder]=\"(selectConfig.placeholder || '') | translate\"\r\n                [disabled]=\"ngControl.control.disabled\"\r\n    >\r\n\r\n      <!-- Loading State -->\r\n      <mat-option *ngIf=\"pending\" class=\"option_loading relative\">\r\n        <div class=\"request_loading\">\r\n          <img ngSrc=\"./loader.svg\" alt=\"\" height=\"200\" width=\"200\"/>\r\n        </div>\r\n      </mat-option>\r\n\r\n      <!-- Options -->\r\n      <ng-container *ngIf=\"data?.length && !pending\">\r\n        <!-- Add New Option -->\r\n        <mat-option *ngIf=\"selectConfig.actions\"\r\n                    class=\"pointer add_new\"\r\n                    disabled\r\n                    (click)=\"closePanelAndUnsetFocus();addNewItemEvent()\">\r\n          <!--(click)=\"ngControl.control.reset(null);\r\n              matSelect._onBlur();closePanelAndUnsetFocus();addNewItemEvent()\">-->\r\n          <i-tech-button\r\n            [type]=\"ButtonType.OUTLINE\"\r\n            [fontIcon]=\"'add'\"\r\n            [text]=\"('dropdown_add_item' | translate : {INPUT_NAME: (selectConfig.label | translate)}) \"\r\n            [customClass]=\"'w-100 mat-autocomplete-select-button'\">\r\n          </i-tech-button>\r\n        </mat-option>\r\n\r\n        <!-- Regular Options -->\r\n        <ng-container *ngIf=\"!selectConfig?.changeText && data.length\">\r\n          <mat-option *ngFor=\"let item of data\"\r\n                      [value]=\"selectConfig.valueByKey | getValueByKeyFromObject : item\"\r\n                      (mouseup)=\"optionClick(item)\"\r\n                      (mousedown)=\"preventDefault($event)\">\r\n            @if (selectConfig?.needTranslateOptions) {\r\n              {{\r\n                ((selectConfig.valueToShowByKey | getValueByKeyFromObject\r\n                  : item : selectConfig.valueToShowByParam : selectConfig.withParamSymbol) || '') | translate\r\n              }}\r\n            }@else {\r\n              {{\r\n              ((selectConfig.valueToShowByKey | getValueByKeyFromObject\r\n                : item : selectConfig.valueToShowByParam : selectConfig.withParamSymbol) || '')\r\n              }}\r\n            }\r\n\r\n          </mat-option>\r\n        </ng-container>\r\n\r\n        <!-- Custom Text Options -->\r\n        <ng-container *ngIf=\"selectConfig?.changeText && data.length\">\r\n          <mat-option *ngFor=\"let item of data\"\r\n                      [value]=\"selectConfig.valueByKey | getValueByKeyFromObject : item\"\r\n                      (mouseup)=\"optionClick(item)\"\r\n                      (mousedown)=\"preventDefault($event)\"\r\n                      [disabled]=\"selectConfig?.changeText[item].disabled\">\r\n            {{ selectConfig?.needTranslateOptions ? (selectConfig?.changeText[item].text | translate ) : selectConfig?.changeText[item].text}}\r\n          </mat-option>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <!-- Empty State -->\r\n      <ng-container *ngIf=\"!pending && !data.length\">\r\n        <mat-option disabled class=\"empty_selection_state\">\r\n          <div class=\"actions_and_tile add_new flex_column w-100 flex_center_align_center\">\r\n            <span>{{ 'dropdown_no_items' | translate }}</span>\r\n            <div class=\"mt-10\">\r\n              <i-tech-button\r\n                *ngIf=\"selectConfig?.actions\"\r\n                [type]=\"ButtonType.OUTLINE\"\r\n                (buttonClick)=\"closePanelAndUnsetFocus();addNewItemEvent()\"\r\n                [customClass]=\"'mat-autocomplete-select-button'\"\r\n                [fontIcon]=\"'add'\"\r\n                [text]=\"('dropdown_add_item' | translate : {INPUT_NAME: (selectConfig.label | translate)}) \">\r\n              </i-tech-button>\r\n            </div>\r\n          </div>\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-select>\r\n    <mat-icon *ngIf=\"selectConfig.iconPrefix\"\r\n              matPrefix\r\n              [ngClass]=\"{\r\n                    'readonly-color' : !selectConfig['iconPrefixColor']\r\n                                        && (selectConfig.readOnly || ngControl.control.disabled),\r\n                    'default-form-icon-color' : !selectConfig['iconPrefixColor']\r\n                                        && !(selectConfig.readOnly || ngControl.control.disabled)\r\n                    }\"\r\n              [matTooltip]=\"((selectConfig?.['iconPrefixTooltip'] || '') | translate)\"\r\n    >{{ selectConfig.iconPrefix }}\r\n    </mat-icon>\r\n\r\n    <mat-icon *ngIf=\"selectConfig['iconPrefixSvg']\"\r\n              matPrefix\r\n              [matTooltip]=\"((selectConfig?.['iconPrefixTooltip'] || '') | translate)\"\r\n              [svgIcon]=\"selectConfig['iconPrefixSvg'] || ''\"\r\n    ></mat-icon>\r\n\r\n    <i-tech-icon-button\r\n      *ngIf=\"selectConfig.search && selectConfig.clearable && !ngControl.control.disabled && !!ngControl.control.value\"\r\n      iconName=\"cancel\"\r\n      matSuffix\r\n      [disabled]=\"selectConfig.readOnly || false\"\r\n      [ngClass]=\"selectConfig.readOnly || ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\r\n      (click)=\"\r\n        $event.stopPropagation();\r\n        $event.preventDefault();\r\n        ngControl.control.reset(null);\r\n        matSelect._onBlur();\r\n        closePanelAndUnsetFocus()\r\n      \"\r\n    >\r\n    </i-tech-icon-button>\r\n    <mat-icon\r\n      matSuffix\r\n      class=\"select-arrow\"\r\n      [class.open]=\"matSelect.panelOpen\"\r\n      [ngClass]=\"{\r\n            'readonly-color': selectConfig.readOnly || ngControl.control.disabled,\r\n            'default-form-icon-color': !(selectConfig.readOnly || ngControl.control.disabled),\r\n            'mt-8': !!ngControl.control.value && selectConfig.clearable\r\n         }\"\r\n    >\r\n      keyboard_arrow_down\r\n    </mat-icon>\r\n    <!-- Error Message -->\r\n    <mat-error *ngIf=\"!!(ngControl.control.errors && submitValue)\">\r\n      {{ ngControl.control | generateErrorMessages : selectConfig.label : selectConfig.defaultPatternKey }}\r\n    </mat-error>\r\n  </mat-form-field>\r\n\r\n  <!-- Reset Button -->\r\n  <i-tech-clear-value *ngIf=\"selectConfig.reset\" (resetValue)=\"resetValue()\"></i-tech-clear-value>\r\n</div>\r\n", styles: [".left_icon_new{position:absolute;right:2px;top:1px}::ng-deep .request_loading{width:40px;height:40px;background-color:#fff!important}::ng-deep .request_loading:hover{background-color:var(--primary99)!important}::ng-deep .request_loading:focus{background-color:var(--primary99)!important}::ng-deep .request_loading img{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%)}::ng-deep .mat-mdc-option.add_new{opacity:1!important;pointer-events:auto!important}::ng-deep .mat-mdc-option.add_new .mat-pseudo-checkbox{display:none!important}::ng-deep .mat-mdc-option.add_new .mdc-list-item__primary-text{display:inline-block!important;width:100%!important}::ng-deep .mat-mdc-option.add_new span{color:unset!important;font-size:unset!important;margin:unset!important;opacity:1!important}@media (min-width: 1920px) and (max-width: 2500px){.mat-autocomplete{height:90px!important}}\n"] }]
+                    ], standalone: true, template: "<div class=\"new-mat-autocomplete\" id=\"mat_autocomplete\"\n     [ngClass]=\"{\n            'mat-select-without_icon': !selectConfig.iconUrl && !selectConfig.activeStateIconUrl,\n            'mat-select-with-search': selectConfig.search,\n            'without-label': selectConfig.hideLabel,\n            'invalid_field': ngControl.control.errors && submitValue,\n            'readonly-field': selectConfig.readOnly || ngControl.control.disabled\n         }\"\n     [matTooltip]=\"(selectConfig.hover && !ngControl.control.disabled ? ((selectConfig.hover || '') | translate) : '')\"\n     [matTooltipClass]=\"'mat-mdc-tooltip big-td-mat-tooltip'\"\n     [matTooltipPosition]=\"'above'\"\n     *ngIf=\"selectConfig && ngControl\">\n\n  <div class=\"w-100\" *ngIf=\"!selectConfig.hideLabel\">\n    <mat-label [ngClass]=\"{\n          'readonly-color' : selectConfig.readOnly || ngControl.control.disabled,\n          'invalid-label-color': !!(ngControl.control.errors && submitValue)\n        }\">\n      {{ selectConfig.label | translate }}\n    </mat-label>\n    <span *ngIf=\"selectConfig.required\" class=\"required-input\"\n          [ngClass]=\"{'readonly-color' : ngControl.control.disabled}\">*</span>\n  </div>\n\n\n  <!-- Search Input -->\n  <div class=\"search-input w-100\"\n       (click)=\"$event.stopPropagation();$event.preventDefault()\"\n       [ngClass]=\"{ hide_input_placeholder: showPlaceholder || ngControl.control.disabled }\"\n       *ngIf=\"selectConfig.search\"\n  >\n    <input autocomplete=\"off\"\n           id=\"searchInput\"\n           type=\"text\"\n           [ngClass]=\"{'pr-25': !selectConfig.iconUrl}\"\n           #searchInput\n           [disabled]=\"ngControl.control.disabled || selectConfig.hover\"\n           [placeholder]=\"(ngControl.control.disabled || selectConfig.hover) ? '' : 'Search'\"\n           (focusout)=\"inputFocusOut()\"\n           (focus)=\"openSelection()\"\n           (keydown)=\"$event.stopPropagation()\"\n           (keyup)=\"getDataWithSearch(searchInput.value,$event)\">\n\n    <!-- Search Icon -->\n    <span class=\"search-icon\">\n            <i-tech-icon-button\n              class=\"mr-10\"\n              [ngClass]=\"selectConfig.readOnly || ngControl.control.disabled ? 'readonly-color'\n                                                                              : 'default-form-icon-color'\"\n              *ngIf=\"selectConfig.iconPrefix && !showPlaceholder\"\n              [iconName]=\"selectConfig.iconPrefix || ''\"\n              [disabled]=\"selectConfig.readOnly || false\"\n              matPrefix\n            >\n            </i-tech-icon-button>\n        </span>\n  </div>\n\n  <!-- Placeholder/Selected Value Display -->\n  <ng-container *ngIf=\"showPlaceholder && selectConfig.search\">\n    <div class=\"custom-placeholder\"\n         *ngIf=\"(!ngControl?.value && !ngControl?.value?.length) ||\n                 (selectConfig.multiple && ngControl?.value && !ngControl?.value?.length)\"\n         [ngClass]=\"selectConfig.readOnly || ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\n    >\n      {{ ((selectConfig.placeholder || '') | translate) }}\n    </div>\n    <div class=\"custom-placeholder custom-value ellipsis\"\n         [ngClass]=\"{\n                'pr-42': selectConfig.iconUrl,\n                'readonly-color': selectConfig.readOnly || ngControl.control.disabled,\n                'default-form-icon-color': !(selectConfig.readOnly || ngControl.control.disabled)\n                }\"\n         *ngIf=\"ngControl?.value\"\n    >\n      {{ selectConfig?.multiple ? (ngControl.value | arrayToString) : showingValue }}\n    </div>\n  </ng-container>\n\n  <!-- Custom Icon -->\n  <img class=\"left_icon_new pointer\"\n       alt=\"Toggle Selection\"\n       (click)=\"iconClick(matSelect, searchInput)\"\n       *ngIf=\"!selectConfig.matIconName && (selectConfig.iconUrl || selectConfig.activeStateIconUrl)\"\n       [src]=\"'assets/images/icons/global/' + (ngControl.control?.value && selectConfig?.activeStateIconUrl ?\n                                                selectConfig.activeStateIconUrl\n                                                : selectConfig.iconUrl)\">\n\n  <mat-form-field appearance=\"outline\" class=\"w-100\" (click)=\"selectConfig?.search ? focusSearchInput() : null\">\n    <!-- Material Select -->\n    <mat-select #matSelect=\"matSelect\"\n                [panelClass]=\"'autocomplete-transform-panel-location'\"\n                [attr.aria-placeholder]=\"(selectConfig.placeholder || '') | translate\"\n                [aria-label]=\"selectConfig.label | translate\"\n                [id]=\"selectConfig.filtrationKey || ''\"\n                (opened)=\"registerPanelScrollEvent(matSelect)\"\n                (openedChange)=\"openedChange($event)\"\n                [formControl]=\"ngControl.control\"\n                [multiple]=\"selectConfig.multiple\"\n                (selectionChange)=\"emitSelectionChangeAndClose($event)\"\n                [errorStateMatcher]=\"customErrorStateMatcher\"\n                [placeholder]=\"(selectConfig.placeholder || '') | translate\"\n                [disabled]=\"ngControl.control.disabled\"\n    >\n\n      <!-- Loading State -->\n      <mat-option *ngIf=\"pending\" class=\"option_loading relative\">\n        <div class=\"request_loading\">\n          <img ngSrc=\"./loader.svg\" alt=\"\" height=\"200\" width=\"200\"/>\n        </div>\n      </mat-option>\n\n      <!-- Options -->\n      <ng-container *ngIf=\"data?.length && !pending\">\n        <!-- Add New Option -->\n        <mat-option *ngIf=\"selectConfig.actions\"\n                    class=\"pointer add_new\"\n                    disabled\n                    (click)=\"closePanelAndUnsetFocus();addNewItemEvent()\">\n          <!--(click)=\"ngControl.control.reset(null);\n              matSelect._onBlur();closePanelAndUnsetFocus();addNewItemEvent()\">-->\n          <i-tech-button\n            [type]=\"ButtonType.OUTLINE\"\n            [fontIcon]=\"'add'\"\n            [text]=\"('dropdown_add_item' | translate : {INPUT_NAME: (selectConfig.label | translate)}) \"\n            [customClass]=\"'w-100 mat-autocomplete-select-button'\">\n          </i-tech-button>\n        </mat-option>\n\n        <!-- Regular Options -->\n        <ng-container *ngIf=\"!selectConfig?.changeText && data.length\">\n          <mat-option *ngFor=\"let item of data\"\n                      [value]=\"selectConfig.valueByKey | getValueByKeyFromObject : item\"\n                      (mouseup)=\"optionClick(item)\"\n                      (mousedown)=\"preventDefault($event)\">\n            @if (selectConfig?.needTranslateOptions) {\n              {{\n                ((selectConfig.valueToShowByKey | getValueByKeyFromObject\n                  : item : selectConfig.valueToShowByParam : selectConfig.withParamSymbol) || '') | translate\n              }}\n            }@else {\n              {{\n              ((selectConfig.valueToShowByKey | getValueByKeyFromObject\n                : item : selectConfig.valueToShowByParam : selectConfig.withParamSymbol) || '')\n              }}\n            }\n\n          </mat-option>\n        </ng-container>\n\n        <!-- Custom Text Options -->\n        <ng-container *ngIf=\"selectConfig?.changeText && data.length\">\n          <mat-option *ngFor=\"let item of data\"\n                      [value]=\"selectConfig.valueByKey | getValueByKeyFromObject : item\"\n                      (mouseup)=\"optionClick(item)\"\n                      (mousedown)=\"preventDefault($event)\"\n                      [disabled]=\"selectConfig?.changeText[item].disabled\">\n            {{ selectConfig?.needTranslateOptions ? (selectConfig?.changeText[item].text | translate ) : selectConfig?.changeText[item].text}}\n          </mat-option>\n        </ng-container>\n      </ng-container>\n\n      <!-- Empty State -->\n      <ng-container *ngIf=\"!pending && !data.length\">\n        <mat-option disabled class=\"empty_selection_state\">\n          <div class=\"actions_and_tile add_new flex_column w-100 flex_center_align_center\">\n            <span>{{ 'dropdown_no_items' | translate }}</span>\n            <div class=\"mt-10\">\n              <i-tech-button\n                *ngIf=\"selectConfig?.actions\"\n                [type]=\"ButtonType.OUTLINE\"\n                (buttonClick)=\"closePanelAndUnsetFocus();addNewItemEvent()\"\n                [customClass]=\"'mat-autocomplete-select-button'\"\n                [fontIcon]=\"'add'\"\n                [text]=\"('dropdown_add_item' | translate : {INPUT_NAME: (selectConfig.label | translate)}) \">\n              </i-tech-button>\n            </div>\n          </div>\n        </mat-option>\n      </ng-container>\n    </mat-select>\n    <mat-icon *ngIf=\"selectConfig.iconPrefix\"\n              matPrefix\n              [ngClass]=\"{\n                    'readonly-color' : !selectConfig['iconPrefixColor']\n                                        && (selectConfig.readOnly || ngControl.control.disabled),\n                    'default-form-icon-color' : !selectConfig['iconPrefixColor']\n                                        && !(selectConfig.readOnly || ngControl.control.disabled)\n                    }\"\n              [matTooltip]=\"((selectConfig?.['iconPrefixTooltip'] || '') | translate)\"\n    >{{ selectConfig.iconPrefix }}\n    </mat-icon>\n\n    <mat-icon *ngIf=\"selectConfig['iconPrefixSvg']\"\n              matPrefix\n              [matTooltip]=\"((selectConfig?.['iconPrefixTooltip'] || '') | translate)\"\n              [svgIcon]=\"selectConfig['iconPrefixSvg'] || ''\"\n    ></mat-icon>\n\n    <i-tech-icon-button\n      *ngIf=\"selectConfig.search && selectConfig.clearable && !ngControl.control.disabled && !!ngControl.control.value\"\n      iconName=\"cancel\"\n      matSuffix\n      [disabled]=\"selectConfig.readOnly || false\"\n      [ngClass]=\"selectConfig.readOnly || ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\n      (click)=\"\n        $event.stopPropagation();\n        $event.preventDefault();\n        ngControl.control.reset(null);\n        matSelect._onBlur();\n        closePanelAndUnsetFocus()\n      \"\n    >\n    </i-tech-icon-button>\n    <mat-icon\n      matSuffix\n      class=\"select-arrow\"\n      [class.open]=\"matSelect.panelOpen\"\n      [ngClass]=\"{\n            'readonly-color': selectConfig.readOnly || ngControl.control.disabled,\n            'default-form-icon-color': !(selectConfig.readOnly || ngControl.control.disabled),\n            'mt-8': !!ngControl.control.value && selectConfig.clearable\n         }\"\n    >\n      keyboard_arrow_down\n    </mat-icon>\n    <!-- Error Message -->\n    <mat-error *ngIf=\"!!(ngControl.control.errors && submitValue)\">\n      {{ ngControl.control | generateErrorMessages : selectConfig.label : selectConfig.defaultPatternKey }}\n    </mat-error>\n  </mat-form-field>\n\n  <!-- Reset Button -->\n  <i-tech-clear-value *ngIf=\"selectConfig.reset\" (resetValue)=\"resetValue()\"></i-tech-clear-value>\n</div>\n", styles: [".left_icon_new{position:absolute;right:2px;top:1px}::ng-deep .request_loading{width:40px;height:40px;background-color:#fff!important}::ng-deep .request_loading:hover{background-color:var(--primary99)!important}::ng-deep .request_loading:focus{background-color:var(--primary99)!important}::ng-deep .request_loading img{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%)}::ng-deep .mat-mdc-option.add_new{opacity:1!important;pointer-events:auto!important}::ng-deep .mat-mdc-option.add_new .mat-pseudo-checkbox{display:none!important}::ng-deep .mat-mdc-option.add_new .mdc-list-item__primary-text{display:inline-block!important;width:100%!important}::ng-deep .mat-mdc-option.add_new span{color:unset!important;font-size:unset!important;margin:unset!important;opacity:1!important}@media (min-width: 1920px) and (max-width: 2500px){.mat-autocomplete{height:90px!important}}\n"] }]
         }], ctorParameters: () => [{ type: InputService }], propDecorators: { matSelect: [{
                 type: ViewChild,
                 args: ['matSelect']
@@ -997,10 +976,10 @@ class DateMaskDirective {
         }
         return isValid;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: DateMaskDirective, deps: [{ token: i0.ElementRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.2", type: DateMaskDirective, isStandalone: true, selector: "[dateMask]", inputs: { maskType: "maskType", matDatepicker: "matDatepicker", rangeFormControl: "rangeFormControl" }, host: { listeners: { "input": "onInput()", "paste": "onPaste($event)" } }, providers: [NgxMaskDirective], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateMaskDirective, deps: [{ token: i0.ElementRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DateMaskDirective, isStandalone: true, selector: "[dateMask]", inputs: { maskType: "maskType", matDatepicker: "matDatepicker", rangeFormControl: "rangeFormControl" }, host: { listeners: { "input": "onInput()", "paste": "onPaste($event)" } }, providers: [NgxMaskDirective], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: DateMaskDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateMaskDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dateMask]',
@@ -1065,10 +1044,10 @@ class DatePickerComponent {
             this.inputElement.nativeElement.blur();
         }, 120);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: DatePickerComponent, deps: [{ token: InputService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: DatePickerComponent, isStandalone: true, selector: "i-tech-date-picker", inputs: { label: "label", defaultPatternKey: "defaultPatternKey", required: "required", pastDatesDisabled: "pastDatesDisabled", hintText: "hintText", placeholder: "placeholder", iconPrefix: "iconPrefix", iconPrefixSvg: "iconPrefixSvg", iconPrefixTooltip: "iconPrefixTooltip", iconPrefixColor: "iconPrefixColor", iconPrefixVariant: "iconPrefixVariant", valueChangeEmit: "valueChangeEmit", minDate: "minDate", clearable: "clearable", submit: "submit" }, outputs: { valueChangeEmitter: "valueChangeEmitter" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div class=\"flex_column relative mat-date-range-input\" *ngIf=\"ngControl\" [ngClass]=\"{'check_requirements': submit}\">\r\n  <div class=\"w-100\">\r\n    <mat-label [ngClass]=\"{\r\n        'readonly-color' : ngControl.control.disabled,\r\n        'invalid-label-color': !!(ngControl.control.errors && submit)\r\n        }\">\r\n      {{ label | translate }}\r\n    </mat-label>\r\n    <span *ngIf=\"required\" class=\"required-input\" [ngClass]=\"{'readonly-color' : ngControl.control.disabled}\">*</span>\r\n  </div>\r\n  <mat-form-field appearance=\"outline\" [ngClass]=\"{'opened_calendar': isOpen}\"\r\n                  [class.readonly-field]=\"ngControl.control.disabled\">\r\n    <input matInput #inputElement\r\n           type=\"text\"\r\n           [formControl]=\"ngControl.control\"\r\n           [placeholder]=\"placeholder | translate\"\r\n           [min]=\"minDate\"\r\n           dateMask\r\n           [matDatepicker]=\"datePicker\"\r\n           [errorStateMatcher]=\"customErrorStateMatcher\"\r\n           [matDatepickerFilter]=\"dateFilter\"\r\n           (focus)=\"focused = true\"\r\n           (click)=\"datePicker.open();\"\r\n           (dateChange)=\"emitChange()\"\r\n    >\r\n\r\n    <mat-icon *ngIf=\"iconPrefix\"\r\n              matPrefix\r\n              [matTooltip]=\"((iconPrefixTooltip || '') | translate)\"\r\n              [style.color]=\"iconPrefixColor\"\r\n    >{{ iconPrefix }}\r\n    </mat-icon>\r\n\r\n    <mat-icon *ngIf=\"iconPrefixSvg\"\r\n              matPrefix\r\n              [matTooltip]=\"((iconPrefixTooltip || '') | translate)\"\r\n              [svgIcon]=\"iconPrefixSvg\"\r\n    ></mat-icon>\r\n\r\n    <app-icon-button\r\n      *ngIf=\"clearable && !ngControl.control.disabled && !!ngControl.control.value\"\r\n      iconName=\"cancel\"\r\n      matSuffix\r\n      [ngClass]=\"ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\r\n      (click)=\"$event.stopPropagation();$event.preventDefault();ngControl.control.reset(null);\"\r\n    >\r\n    </app-icon-button>\r\n\r\n    <i-tech-icon-button matSuffix\r\n                        [iconName]=\"'date_range'\"\r\n                        [disabled]=\"ngControl.control.disabled\"\r\n                        (click)=\"datePicker.open()\"\r\n                        [ngClass]=\"ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\r\n    ></i-tech-icon-button>\r\n\r\n    <mat-datepicker #datePicker (closed)=\"isOpen = false;clickForFocusOut()\"\r\n                    (opened)=\"isOpen = true;focused = true\"></mat-datepicker>\r\n\r\n    <!-- Error Messages -->\r\n    <mat-error *ngIf=\"!!(ngControl.control.errors && submit)\">\r\n      {{ ngControl.control | generateErrorMessages : label : defaultPatternKey }}\r\n    </mat-error>\r\n\r\n    <!-- Helper Text -->\r\n    <mat-hint *ngIf=\"!(!!(ngControl.control.errors && submit)) && hintText\"\r\n              [ngClass]=\"{'readonly-color' : ngControl.control.disabled}\"\r\n    >\r\n      {{ hintText | translate }}\r\n    </mat-hint>\r\n\r\n  </mat-form-field>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3$1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i3$1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: DateMaskDirective, selector: "[dateMask]", inputs: ["maskType", "matDatepicker", "rangeFormControl"] }, { kind: "pipe", type: GenerateErrorMessagesPipe, name: "generateErrorMessages" }, { kind: "component", type: IconButtonComponent, selector: "i-tech-icon-button", inputs: ["size", "type", "iconSvg", "iconName", "tooltip", "disabled"], outputs: ["buttonClick"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DatePickerComponent, deps: [{ token: InputService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DatePickerComponent, isStandalone: true, selector: "i-tech-date-picker", inputs: { label: "label", defaultPatternKey: "defaultPatternKey", required: "required", pastDatesDisabled: "pastDatesDisabled", hintText: "hintText", placeholder: "placeholder", iconPrefix: "iconPrefix", iconPrefixSvg: "iconPrefixSvg", iconPrefixTooltip: "iconPrefixTooltip", iconPrefixColor: "iconPrefixColor", iconPrefixVariant: "iconPrefixVariant", valueChangeEmit: "valueChangeEmit", minDate: "minDate", clearable: "clearable", submit: "submit" }, outputs: { valueChangeEmitter: "valueChangeEmitter" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div class=\"flex_column relative mat-date-range-input\" *ngIf=\"ngControl\" [ngClass]=\"{'check_requirements': submit}\">\n  <div class=\"w-100\">\n    <mat-label [ngClass]=\"{\n        'readonly-color' : ngControl.control.disabled,\n        'invalid-label-color': !!(ngControl.control.errors && submit)\n        }\">\n      {{ label | translate }}\n    </mat-label>\n    <span *ngIf=\"required\" class=\"required-input\" [ngClass]=\"{'readonly-color' : ngControl.control.disabled}\">*</span>\n  </div>\n  <mat-form-field appearance=\"outline\" [ngClass]=\"{'opened_calendar': isOpen}\"\n                  [class.readonly-field]=\"ngControl.control.disabled\">\n    <input matInput #inputElement\n           type=\"text\"\n           [formControl]=\"ngControl.control\"\n           [placeholder]=\"placeholder | translate\"\n           [min]=\"minDate\"\n           dateMask\n           [matDatepicker]=\"datePicker\"\n           [errorStateMatcher]=\"customErrorStateMatcher\"\n           [matDatepickerFilter]=\"dateFilter\"\n           (focus)=\"focused = true\"\n           (click)=\"datePicker.open();\"\n           (dateChange)=\"emitChange()\"\n    >\n\n    <mat-icon *ngIf=\"iconPrefix\"\n              matPrefix\n              [matTooltip]=\"((iconPrefixTooltip || '') | translate)\"\n              [style.color]=\"iconPrefixColor\"\n    >{{ iconPrefix }}\n    </mat-icon>\n\n    <mat-icon *ngIf=\"iconPrefixSvg\"\n              matPrefix\n              [matTooltip]=\"((iconPrefixTooltip || '') | translate)\"\n              [svgIcon]=\"iconPrefixSvg\"\n    ></mat-icon>\n\n    <app-icon-button\n      *ngIf=\"clearable && !ngControl.control.disabled && !!ngControl.control.value\"\n      iconName=\"cancel\"\n      matSuffix\n      [ngClass]=\"ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\n      (click)=\"$event.stopPropagation();$event.preventDefault();ngControl.control.reset(null);\"\n    >\n    </app-icon-button>\n\n    <i-tech-icon-button matSuffix\n                        [iconName]=\"'date_range'\"\n                        [disabled]=\"ngControl.control.disabled\"\n                        (click)=\"datePicker.open()\"\n                        [ngClass]=\"ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\n    ></i-tech-icon-button>\n\n    <mat-datepicker #datePicker (closed)=\"isOpen = false;clickForFocusOut()\"\n                    (opened)=\"isOpen = true;focused = true\"></mat-datepicker>\n\n    <!-- Error Messages -->\n    <mat-error *ngIf=\"!!(ngControl.control.errors && submit)\">\n      {{ ngControl.control | generateErrorMessages : label : defaultPatternKey }}\n    </mat-error>\n\n    <!-- Helper Text -->\n    <mat-hint *ngIf=\"!(!!(ngControl.control.errors && submit)) && hintText\"\n              [ngClass]=\"{'readonly-color' : ngControl.control.disabled}\"\n    >\n      {{ hintText | translate }}\n    </mat-hint>\n\n  </mat-form-field>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3$1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i3$1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: DateMaskDirective, selector: "[dateMask]", inputs: ["maskType", "matDatepicker", "rangeFormControl"] }, { kind: "pipe", type: GenerateErrorMessagesPipe, name: "generateErrorMessages" }, { kind: "component", type: IconButtonComponent, selector: "i-tech-icon-button", inputs: ["size", "type", "iconSvg", "iconName", "tooltip", "disabled"], outputs: ["buttonClick"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: DatePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DatePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'i-tech-date-picker', imports: [
                         NgClass, NgIf,
@@ -1081,7 +1060,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImpor
                         MatIconModule,
                         DateMaskDirective,
                         GenerateErrorMessagesPipe, IconButtonComponent
-                    ], template: "<div class=\"flex_column relative mat-date-range-input\" *ngIf=\"ngControl\" [ngClass]=\"{'check_requirements': submit}\">\r\n  <div class=\"w-100\">\r\n    <mat-label [ngClass]=\"{\r\n        'readonly-color' : ngControl.control.disabled,\r\n        'invalid-label-color': !!(ngControl.control.errors && submit)\r\n        }\">\r\n      {{ label | translate }}\r\n    </mat-label>\r\n    <span *ngIf=\"required\" class=\"required-input\" [ngClass]=\"{'readonly-color' : ngControl.control.disabled}\">*</span>\r\n  </div>\r\n  <mat-form-field appearance=\"outline\" [ngClass]=\"{'opened_calendar': isOpen}\"\r\n                  [class.readonly-field]=\"ngControl.control.disabled\">\r\n    <input matInput #inputElement\r\n           type=\"text\"\r\n           [formControl]=\"ngControl.control\"\r\n           [placeholder]=\"placeholder | translate\"\r\n           [min]=\"minDate\"\r\n           dateMask\r\n           [matDatepicker]=\"datePicker\"\r\n           [errorStateMatcher]=\"customErrorStateMatcher\"\r\n           [matDatepickerFilter]=\"dateFilter\"\r\n           (focus)=\"focused = true\"\r\n           (click)=\"datePicker.open();\"\r\n           (dateChange)=\"emitChange()\"\r\n    >\r\n\r\n    <mat-icon *ngIf=\"iconPrefix\"\r\n              matPrefix\r\n              [matTooltip]=\"((iconPrefixTooltip || '') | translate)\"\r\n              [style.color]=\"iconPrefixColor\"\r\n    >{{ iconPrefix }}\r\n    </mat-icon>\r\n\r\n    <mat-icon *ngIf=\"iconPrefixSvg\"\r\n              matPrefix\r\n              [matTooltip]=\"((iconPrefixTooltip || '') | translate)\"\r\n              [svgIcon]=\"iconPrefixSvg\"\r\n    ></mat-icon>\r\n\r\n    <app-icon-button\r\n      *ngIf=\"clearable && !ngControl.control.disabled && !!ngControl.control.value\"\r\n      iconName=\"cancel\"\r\n      matSuffix\r\n      [ngClass]=\"ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\r\n      (click)=\"$event.stopPropagation();$event.preventDefault();ngControl.control.reset(null);\"\r\n    >\r\n    </app-icon-button>\r\n\r\n    <i-tech-icon-button matSuffix\r\n                        [iconName]=\"'date_range'\"\r\n                        [disabled]=\"ngControl.control.disabled\"\r\n                        (click)=\"datePicker.open()\"\r\n                        [ngClass]=\"ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\r\n    ></i-tech-icon-button>\r\n\r\n    <mat-datepicker #datePicker (closed)=\"isOpen = false;clickForFocusOut()\"\r\n                    (opened)=\"isOpen = true;focused = true\"></mat-datepicker>\r\n\r\n    <!-- Error Messages -->\r\n    <mat-error *ngIf=\"!!(ngControl.control.errors && submit)\">\r\n      {{ ngControl.control | generateErrorMessages : label : defaultPatternKey }}\r\n    </mat-error>\r\n\r\n    <!-- Helper Text -->\r\n    <mat-hint *ngIf=\"!(!!(ngControl.control.errors && submit)) && hintText\"\r\n              [ngClass]=\"{'readonly-color' : ngControl.control.disabled}\"\r\n    >\r\n      {{ hintText | translate }}\r\n    </mat-hint>\r\n\r\n  </mat-form-field>\r\n</div>\r\n" }]
+                    ], standalone: true, template: "<div class=\"flex_column relative mat-date-range-input\" *ngIf=\"ngControl\" [ngClass]=\"{'check_requirements': submit}\">\n  <div class=\"w-100\">\n    <mat-label [ngClass]=\"{\n        'readonly-color' : ngControl.control.disabled,\n        'invalid-label-color': !!(ngControl.control.errors && submit)\n        }\">\n      {{ label | translate }}\n    </mat-label>\n    <span *ngIf=\"required\" class=\"required-input\" [ngClass]=\"{'readonly-color' : ngControl.control.disabled}\">*</span>\n  </div>\n  <mat-form-field appearance=\"outline\" [ngClass]=\"{'opened_calendar': isOpen}\"\n                  [class.readonly-field]=\"ngControl.control.disabled\">\n    <input matInput #inputElement\n           type=\"text\"\n           [formControl]=\"ngControl.control\"\n           [placeholder]=\"placeholder | translate\"\n           [min]=\"minDate\"\n           dateMask\n           [matDatepicker]=\"datePicker\"\n           [errorStateMatcher]=\"customErrorStateMatcher\"\n           [matDatepickerFilter]=\"dateFilter\"\n           (focus)=\"focused = true\"\n           (click)=\"datePicker.open();\"\n           (dateChange)=\"emitChange()\"\n    >\n\n    <mat-icon *ngIf=\"iconPrefix\"\n              matPrefix\n              [matTooltip]=\"((iconPrefixTooltip || '') | translate)\"\n              [style.color]=\"iconPrefixColor\"\n    >{{ iconPrefix }}\n    </mat-icon>\n\n    <mat-icon *ngIf=\"iconPrefixSvg\"\n              matPrefix\n              [matTooltip]=\"((iconPrefixTooltip || '') | translate)\"\n              [svgIcon]=\"iconPrefixSvg\"\n    ></mat-icon>\n\n    <app-icon-button\n      *ngIf=\"clearable && !ngControl.control.disabled && !!ngControl.control.value\"\n      iconName=\"cancel\"\n      matSuffix\n      [ngClass]=\"ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\n      (click)=\"$event.stopPropagation();$event.preventDefault();ngControl.control.reset(null);\"\n    >\n    </app-icon-button>\n\n    <i-tech-icon-button matSuffix\n                        [iconName]=\"'date_range'\"\n                        [disabled]=\"ngControl.control.disabled\"\n                        (click)=\"datePicker.open()\"\n                        [ngClass]=\"ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\n    ></i-tech-icon-button>\n\n    <mat-datepicker #datePicker (closed)=\"isOpen = false;clickForFocusOut()\"\n                    (opened)=\"isOpen = true;focused = true\"></mat-datepicker>\n\n    <!-- Error Messages -->\n    <mat-error *ngIf=\"!!(ngControl.control.errors && submit)\">\n      {{ ngControl.control | generateErrorMessages : label : defaultPatternKey }}\n    </mat-error>\n\n    <!-- Helper Text -->\n    <mat-hint *ngIf=\"!(!!(ngControl.control.errors && submit)) && hintText\"\n              [ngClass]=\"{'readonly-color' : ngControl.control.disabled}\"\n    >\n      {{ hintText | translate }}\n    </mat-hint>\n\n  </mat-form-field>\n</div>\n" }]
         }], ctorParameters: () => [{ type: InputService }], propDecorators: { label: [{
                 type: Input
             }], defaultPatternKey: [{
@@ -1179,10 +1158,10 @@ class DateRangeDatepickerComponent {
             this.setDate(value, element);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: DateRangeDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: DateRangeDatepickerComponent, isStandalone: true, selector: "i-tech-mat-range-datepicker", inputs: { label: "label", placeholder: "placeholder", value: "value", defaultValue: "defaultValue", key: "key", submit: "submit", clearValue: "clearValue", errorMessage: "errorMessage", onePlaceholder: "onePlaceholder", hintText: "hintText" }, outputs: { resetForm: "resetForm", selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "picker", first: true, predicate: ["picker"], descendants: true }, { propertyName: "min", first: true, predicate: ["min"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex_column relative mat-date-range-input\"\r\n     [formGroup]=\"dateRangeForm\"\r\n>\r\n  <div class=\"w-100\">\r\n    <mat-label>\r\n      {{ (label || '') | translate }}\r\n    </mat-label>\r\n  </div>\r\n  <mat-form-field appearance=\"outline\" [ngClass]=\"{'opened_calendar': isOpen}\">\r\n    <mat-date-range-input [rangePicker]=\"picker\">\r\n      <input formControlName=\"startDate\"\r\n             [placeholder]=\" (placeholder ? placeholder[0] : 'Start Date')\"\r\n             [title]=\"key ? key.title :  'Date'\"\r\n             [attr.data-accessKey]=\"key ? key.start : 'minStartDate'\"\r\n             [attr.data-parentKey]=\"key ? (key.start + '_' + key.end) : 'minStartDate_maxEndDate'\"\r\n             matStartDate #min\r\n             dateMask\r\n             [errorStateMatcher]=\"customErrorStateMatcher\"\r\n             [rangeFormControl]=\"dateRangeForm.controls['startDate']\"\r\n             (keydown)=\"keyEventHandler($event,[min.value, max.value || null],min)\"\r\n             (dateChange)=\"setDate([min.value, max.value || null],min)\">\r\n      <input formControlName=\"endDate\"\r\n             [placeholder]=\"(placeholder  ? placeholder[1] : 'End Date')\"\r\n             [title]=\"key ? key.title :  'Date'\"\r\n             [attr.data-accessKey]=\"key ? key.end : 'maxEndDate'\"\r\n             [attr.data-parentKey]=\"key ? (key.start + '_' + key.end) : 'minStartDate_maxEndDate'\"\r\n             matEndDate #max\r\n             dateMask\r\n             [errorStateMatcher]=\"customErrorStateMatcher\"\r\n             [rangeFormControl]=\"dateRangeForm.controls['endDate']\"\r\n             (keydown)=\"keyEventHandler($event,[min.value, max.value || null],max)\"\r\n             (dateChange)=\"setDate([min.value, max.value || null],max)\">\r\n    </mat-date-range-input>\r\n    <i-tech-icon-button matSuffix\r\n                        [iconName]=\"'cancel'\"\r\n                        (buttonClick)=\"selectionChange.emit([null, null])\"\r\n                        class=\"default-form-icon-color\"\r\n                        *ngIf=\"dateRangeForm.get('startDate')?.value && this.dateRangeForm.get('endDate')?.value\"\r\n    ></i-tech-icon-button>\r\n    <i-tech-icon-button\r\n      matSuffix\r\n      [iconName]=\"'date_range'\"\r\n      (buttonClick)=\"picker.open()\"\r\n      class=\"default-form-icon-color\"\r\n    ></i-tech-icon-button>\r\n    <mat-date-range-picker\r\n      #picker\r\n      (closed)=\"isOpen = false;clickForFocusOut()\"\r\n      (opened)=\"isOpen = true\"\r\n    ></mat-date-range-picker>\r\n    <mat-hint *ngIf=\"hintText && !errorMessage\">{{ hintText }}</mat-hint>\r\n  </mat-form-field>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3$1.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i3$1.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i3$1.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i3$1.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: IconButtonComponent, selector: "i-tech-icon-button", inputs: ["size", "type", "iconSvg", "iconName", "tooltip", "disabled"], outputs: ["buttonClick"] }, { kind: "directive", type: DateMaskDirective, selector: "[dateMask]", inputs: ["maskType", "matDatepicker", "rangeFormControl"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateRangeDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DateRangeDatepickerComponent, isStandalone: true, selector: "i-tech-mat-range-datepicker", inputs: { label: "label", placeholder: "placeholder", value: "value", defaultValue: "defaultValue", key: "key", submit: "submit", clearValue: "clearValue", errorMessage: "errorMessage", onePlaceholder: "onePlaceholder", hintText: "hintText" }, outputs: { resetForm: "resetForm", selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "picker", first: true, predicate: ["picker"], descendants: true }, { propertyName: "min", first: true, predicate: ["min"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex_column relative mat-date-range-input\"\n     [formGroup]=\"dateRangeForm\"\n>\n  <div class=\"w-100\" *ngIf=\"label\">\n    <mat-label>\n      {{ (label || '') | translate }}\n    </mat-label>\n  </div>\n  <mat-form-field appearance=\"outline\" [ngClass]=\"{'opened_calendar': isOpen}\">\n    <mat-date-range-input [rangePicker]=\"picker\">\n      <input formControlName=\"startDate\"\n             [placeholder]=\" (placeholder ? placeholder[0] : 'Start Date')\"\n             [title]=\"key ? key.title :  'Date'\"\n             [attr.data-accessKey]=\"key ? key.start : 'minStartDate'\"\n             [attr.data-parentKey]=\"key ? (key.start + '_' + key.end) : 'minStartDate_maxEndDate'\"\n             matStartDate #min\n             dateMask\n             [errorStateMatcher]=\"customErrorStateMatcher\"\n             [rangeFormControl]=\"dateRangeForm.controls['startDate']\"\n             (keydown)=\"keyEventHandler($event,[min.value, max.value || null],min)\"\n             (dateChange)=\"setDate([min.value, max.value || null],min)\">\n      <input formControlName=\"endDate\"\n             [placeholder]=\"(placeholder  ? placeholder[1] : 'End Date')\"\n             [title]=\"key ? key.title :  'Date'\"\n             [attr.data-accessKey]=\"key ? key.end : 'maxEndDate'\"\n             [attr.data-parentKey]=\"key ? (key.start + '_' + key.end) : 'minStartDate_maxEndDate'\"\n             matEndDate #max\n             dateMask\n             [errorStateMatcher]=\"customErrorStateMatcher\"\n             [rangeFormControl]=\"dateRangeForm.controls['endDate']\"\n             (keydown)=\"keyEventHandler($event,[min.value, max.value || null],max)\"\n             (dateChange)=\"setDate([min.value, max.value || null],max)\">\n    </mat-date-range-input>\n    <i-tech-icon-button matSuffix\n                        [iconName]=\"'cancel'\"\n                        (buttonClick)=\"selectionChange.emit([null, null])\"\n                        class=\"default-form-icon-color\"\n                        *ngIf=\"dateRangeForm.get('startDate')?.value && this.dateRangeForm.get('endDate')?.value\"\n    ></i-tech-icon-button>\n    <i-tech-icon-button\n      matSuffix\n      [iconName]=\"'date_range'\"\n      (buttonClick)=\"picker.open()\"\n      class=\"default-form-icon-color\"\n    ></i-tech-icon-button>\n    <mat-date-range-picker\n      #picker\n      (closed)=\"isOpen = false;clickForFocusOut()\"\n      (opened)=\"isOpen = true\"\n    ></mat-date-range-picker>\n    <mat-hint *ngIf=\"hintText && !errorMessage\">{{ hintText }}</mat-hint>\n  </mat-form-field>\n</div>\n", dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3$1.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i3$1.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i3$1.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i3$1.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: IconButtonComponent, selector: "i-tech-icon-button", inputs: ["size", "type", "iconSvg", "iconName", "tooltip", "disabled"], outputs: ["buttonClick"] }, { kind: "directive", type: DateMaskDirective, selector: "[dateMask]", inputs: ["maskType", "matDatepicker", "rangeFormControl"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: DateRangeDatepickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateRangeDatepickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'i-tech-mat-range-datepicker', imports: [
                         MatFormFieldModule,
@@ -1191,7 +1170,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImpor
                         NgClass, NgIf,
                         TranslateModule,
                         IconButtonComponent, DateMaskDirective
-                    ], template: "<div class=\"flex_column relative mat-date-range-input\"\r\n     [formGroup]=\"dateRangeForm\"\r\n>\r\n  <div class=\"w-100\">\r\n    <mat-label>\r\n      {{ (label || '') | translate }}\r\n    </mat-label>\r\n  </div>\r\n  <mat-form-field appearance=\"outline\" [ngClass]=\"{'opened_calendar': isOpen}\">\r\n    <mat-date-range-input [rangePicker]=\"picker\">\r\n      <input formControlName=\"startDate\"\r\n             [placeholder]=\" (placeholder ? placeholder[0] : 'Start Date')\"\r\n             [title]=\"key ? key.title :  'Date'\"\r\n             [attr.data-accessKey]=\"key ? key.start : 'minStartDate'\"\r\n             [attr.data-parentKey]=\"key ? (key.start + '_' + key.end) : 'minStartDate_maxEndDate'\"\r\n             matStartDate #min\r\n             dateMask\r\n             [errorStateMatcher]=\"customErrorStateMatcher\"\r\n             [rangeFormControl]=\"dateRangeForm.controls['startDate']\"\r\n             (keydown)=\"keyEventHandler($event,[min.value, max.value || null],min)\"\r\n             (dateChange)=\"setDate([min.value, max.value || null],min)\">\r\n      <input formControlName=\"endDate\"\r\n             [placeholder]=\"(placeholder  ? placeholder[1] : 'End Date')\"\r\n             [title]=\"key ? key.title :  'Date'\"\r\n             [attr.data-accessKey]=\"key ? key.end : 'maxEndDate'\"\r\n             [attr.data-parentKey]=\"key ? (key.start + '_' + key.end) : 'minStartDate_maxEndDate'\"\r\n             matEndDate #max\r\n             dateMask\r\n             [errorStateMatcher]=\"customErrorStateMatcher\"\r\n             [rangeFormControl]=\"dateRangeForm.controls['endDate']\"\r\n             (keydown)=\"keyEventHandler($event,[min.value, max.value || null],max)\"\r\n             (dateChange)=\"setDate([min.value, max.value || null],max)\">\r\n    </mat-date-range-input>\r\n    <i-tech-icon-button matSuffix\r\n                        [iconName]=\"'cancel'\"\r\n                        (buttonClick)=\"selectionChange.emit([null, null])\"\r\n                        class=\"default-form-icon-color\"\r\n                        *ngIf=\"dateRangeForm.get('startDate')?.value && this.dateRangeForm.get('endDate')?.value\"\r\n    ></i-tech-icon-button>\r\n    <i-tech-icon-button\r\n      matSuffix\r\n      [iconName]=\"'date_range'\"\r\n      (buttonClick)=\"picker.open()\"\r\n      class=\"default-form-icon-color\"\r\n    ></i-tech-icon-button>\r\n    <mat-date-range-picker\r\n      #picker\r\n      (closed)=\"isOpen = false;clickForFocusOut()\"\r\n      (opened)=\"isOpen = true\"\r\n    ></mat-date-range-picker>\r\n    <mat-hint *ngIf=\"hintText && !errorMessage\">{{ hintText }}</mat-hint>\r\n  </mat-form-field>\r\n</div>\r\n" }]
+                    ], standalone: true, template: "<div class=\"flex_column relative mat-date-range-input\"\n     [formGroup]=\"dateRangeForm\"\n>\n  <div class=\"w-100\" *ngIf=\"label\">\n    <mat-label>\n      {{ (label || '') | translate }}\n    </mat-label>\n  </div>\n  <mat-form-field appearance=\"outline\" [ngClass]=\"{'opened_calendar': isOpen}\">\n    <mat-date-range-input [rangePicker]=\"picker\">\n      <input formControlName=\"startDate\"\n             [placeholder]=\" (placeholder ? placeholder[0] : 'Start Date')\"\n             [title]=\"key ? key.title :  'Date'\"\n             [attr.data-accessKey]=\"key ? key.start : 'minStartDate'\"\n             [attr.data-parentKey]=\"key ? (key.start + '_' + key.end) : 'minStartDate_maxEndDate'\"\n             matStartDate #min\n             dateMask\n             [errorStateMatcher]=\"customErrorStateMatcher\"\n             [rangeFormControl]=\"dateRangeForm.controls['startDate']\"\n             (keydown)=\"keyEventHandler($event,[min.value, max.value || null],min)\"\n             (dateChange)=\"setDate([min.value, max.value || null],min)\">\n      <input formControlName=\"endDate\"\n             [placeholder]=\"(placeholder  ? placeholder[1] : 'End Date')\"\n             [title]=\"key ? key.title :  'Date'\"\n             [attr.data-accessKey]=\"key ? key.end : 'maxEndDate'\"\n             [attr.data-parentKey]=\"key ? (key.start + '_' + key.end) : 'minStartDate_maxEndDate'\"\n             matEndDate #max\n             dateMask\n             [errorStateMatcher]=\"customErrorStateMatcher\"\n             [rangeFormControl]=\"dateRangeForm.controls['endDate']\"\n             (keydown)=\"keyEventHandler($event,[min.value, max.value || null],max)\"\n             (dateChange)=\"setDate([min.value, max.value || null],max)\">\n    </mat-date-range-input>\n    <i-tech-icon-button matSuffix\n                        [iconName]=\"'cancel'\"\n                        (buttonClick)=\"selectionChange.emit([null, null])\"\n                        class=\"default-form-icon-color\"\n                        *ngIf=\"dateRangeForm.get('startDate')?.value && this.dateRangeForm.get('endDate')?.value\"\n    ></i-tech-icon-button>\n    <i-tech-icon-button\n      matSuffix\n      [iconName]=\"'date_range'\"\n      (buttonClick)=\"picker.open()\"\n      class=\"default-form-icon-color\"\n    ></i-tech-icon-button>\n    <mat-date-range-picker\n      #picker\n      (closed)=\"isOpen = false;clickForFocusOut()\"\n      (opened)=\"isOpen = true\"\n    ></mat-date-range-picker>\n    <mat-hint *ngIf=\"hintText && !errorMessage\">{{ hintText }}</mat-hint>\n  </mat-form-field>\n</div>\n" }]
         }], propDecorators: { label: [{
                 type: Input
             }], placeholder: [{
@@ -1224,6 +1203,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImpor
                 args: ['min']
             }] } });
 
+var DropdownSelectionType;
+(function (DropdownSelectionType) {
+    DropdownSelectionType["UPLOAD"] = "UPLOAD";
+    DropdownSelectionType["DOWNLOAD"] = "DOWNLOAD";
+    DropdownSelectionType["BLANK"] = "BLANK";
+})(DropdownSelectionType || (DropdownSelectionType = {}));
+const DropdownItemIcon = {
+    [DropdownSelectionType.UPLOAD]: 'upload',
+    [DropdownSelectionType.DOWNLOAD]: 'download',
+    [DropdownSelectionType.BLANK]: 'blank',
+};
+
 class MenuComponent {
     constructor() {
         this.positionX = 'before';
@@ -1233,12 +1224,12 @@ class MenuComponent {
         this.DropdownItemIcon = DropdownItemIcon;
         this.matMenuState = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: MenuComponent, isStandalone: true, selector: "i-tech-menu", inputs: { text: "text", dataName: "dataName", containerClass: "containerClass", positionX: "positionX", menuOptions: "menuOptions" }, outputs: { emitEvent: "emitEvent" }, ngImport: i0, template: "<div class=\"custom_dropdown_container\"\r\n     [attr.data-name]=\"dataName\"\r\n     [ngClass]=\"containerClass\"\r\n>\r\n    <i-tech-button\r\n            [matMenuTriggerFor]=\"beforeMenu\"\r\n            [type]=\"ButtonType.OUTLINE\"\r\n            [fontIcon]=\"'keyboard_arrow_down'\"\r\n            [text]=\"(text || '') \"\r\n            (menuOpened)=\"matMenuState  = true\"\r\n            (menuClosed)=\"matMenuState  = false\"\r\n            [activated]=\"matMenuState\"\r\n    ></i-tech-button>\r\n    <mat-menu #beforeMenu=\"matMenu\" [xPosition]=\"positionX\">\r\n        <button mat-menu-item *ngFor=\"let option of menuOptions\" (click)=\"emitEvent.emit(option.value)\">\r\n            <mat-icon *ngIf=\"option.type\" [svgIcon]=\"DropdownItemIcon[option.type]\"></mat-icon>\r\n            <mat-label class=\"meu_item_label\">{{(option.text || '') | translate}}</mat-label>\r\n        </button>\r\n    </mat-menu>\r\n</div>\r\n", styles: [".custom_dropdown_container i-tech-button{display:inline-block}mat-menu{height:max-content}\n"], dependencies: [{ kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "i-tech-button", inputs: ["text", "data_cy", "fontIcon", "svgIcon", "type", "customClass", "submit", "disabled", "activated", "color"], outputs: ["buttonClick"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MenuComponent, isStandalone: true, selector: "i-tech-menu", inputs: { text: "text", dataName: "dataName", containerClass: "containerClass", positionX: "positionX", menuOptions: "menuOptions" }, outputs: { emitEvent: "emitEvent" }, ngImport: i0, template: "<div class=\"custom_dropdown_container\"\n     [attr.data-name]=\"dataName\"\n     [ngClass]=\"containerClass\"\n>\n    <i-tech-button\n            [matMenuTriggerFor]=\"beforeMenu\"\n            [type]=\"ButtonType.OUTLINE\"\n            [fontIcon]=\"'keyboard_arrow_down'\"\n            [text]=\"(text || '') \"\n            (menuOpened)=\"matMenuState  = true\"\n            (menuClosed)=\"matMenuState  = false\"\n            [activated]=\"matMenuState\"\n    ></i-tech-button>\n    <mat-menu #beforeMenu=\"matMenu\" [xPosition]=\"positionX\">\n        <button mat-menu-item *ngFor=\"let option of menuOptions\" (click)=\"emitEvent.emit(option.value)\">\n            <mat-icon *ngIf=\"option.type\" [svgIcon]=\"DropdownItemIcon[option.type]\"></mat-icon>\n            <mat-label class=\"meu_item_label\">{{(option.text || '') | translate}}</mat-label>\n        </button>\n    </mat-menu>\n</div>\n", styles: [".custom_dropdown_container i-tech-button{display:inline-block}mat-menu{height:max-content}\n"], dependencies: [{ kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "i-tech-button", inputs: ["text", "data_cy", "fontIcon", "svgIcon", "type", "customClass", "submit", "disabled", "activated", "color"], outputs: ["buttonClick"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: MenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: "i-tech-menu", imports: [
+            args: [{ selector: "i-tech-menu", standalone: true, imports: [
                         MatMenuTrigger,
                         MatMenu,
                         MatIcon,
@@ -1249,7 +1240,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImpor
                         NgClass,
                         ButtonComponent,
                         MatLabel
-                    ], template: "<div class=\"custom_dropdown_container\"\r\n     [attr.data-name]=\"dataName\"\r\n     [ngClass]=\"containerClass\"\r\n>\r\n    <i-tech-button\r\n            [matMenuTriggerFor]=\"beforeMenu\"\r\n            [type]=\"ButtonType.OUTLINE\"\r\n            [fontIcon]=\"'keyboard_arrow_down'\"\r\n            [text]=\"(text || '') \"\r\n            (menuOpened)=\"matMenuState  = true\"\r\n            (menuClosed)=\"matMenuState  = false\"\r\n            [activated]=\"matMenuState\"\r\n    ></i-tech-button>\r\n    <mat-menu #beforeMenu=\"matMenu\" [xPosition]=\"positionX\">\r\n        <button mat-menu-item *ngFor=\"let option of menuOptions\" (click)=\"emitEvent.emit(option.value)\">\r\n            <mat-icon *ngIf=\"option.type\" [svgIcon]=\"DropdownItemIcon[option.type]\"></mat-icon>\r\n            <mat-label class=\"meu_item_label\">{{(option.text || '') | translate}}</mat-label>\r\n        </button>\r\n    </mat-menu>\r\n</div>\r\n", styles: [".custom_dropdown_container i-tech-button{display:inline-block}mat-menu{height:max-content}\n"] }]
+                    ], template: "<div class=\"custom_dropdown_container\"\n     [attr.data-name]=\"dataName\"\n     [ngClass]=\"containerClass\"\n>\n    <i-tech-button\n            [matMenuTriggerFor]=\"beforeMenu\"\n            [type]=\"ButtonType.OUTLINE\"\n            [fontIcon]=\"'keyboard_arrow_down'\"\n            [text]=\"(text || '') \"\n            (menuOpened)=\"matMenuState  = true\"\n            (menuClosed)=\"matMenuState  = false\"\n            [activated]=\"matMenuState\"\n    ></i-tech-button>\n    <mat-menu #beforeMenu=\"matMenu\" [xPosition]=\"positionX\">\n        <button mat-menu-item *ngFor=\"let option of menuOptions\" (click)=\"emitEvent.emit(option.value)\">\n            <mat-icon *ngIf=\"option.type\" [svgIcon]=\"DropdownItemIcon[option.type]\"></mat-icon>\n            <mat-label class=\"meu_item_label\">{{(option.text || '') | translate}}</mat-label>\n        </button>\n    </mat-menu>\n</div>\n", styles: [".custom_dropdown_container i-tech-button{display:inline-block}mat-menu{height:max-content}\n"] }]
         }], propDecorators: { text: [{
                 type: Input
             }], dataName: [{
@@ -1269,14 +1260,13 @@ class LabelComponent {
         this.color = LabelTypeEnum.primary;
         this.bordered = false;
         this.size = 'standard';
-        this.iconSvg = '';
         this.disableRipple = false;
-        this.forTable = false;
+        this.matChipAction = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: LabelComponent, isStandalone: true, selector: "i-tech-label", inputs: { color: "color", text: "text", bordered: "bordered", tooltip: "tooltip", size: "size", iconName: "iconName", iconSvg: "iconSvg", disableRipple: "disableRipple", forTable: "forTable", innerHtml: "innerHtml" }, ngImport: i0, template: "<div [class]=\"{table_row_item: forTable,'trailing-icon' : iconName || iconSvg}\">\r\n\r\n    <mat-chip\r\n            [class]=\"'label_' + color\"\r\n            [ngClass]=\"{bordered: bordered, small: size === 'small'}\"\r\n            [matTooltip]=\"(tooltip || '') | translate\"\r\n            [disableRipple]=\"disableRipple\"\r\n    >\r\n        <div class=\"flex_align_center flex_gap\">\r\n            <span *ngIf=\"!innerHtml\">{{text | translate}}</span>\r\n            <span *ngIf=\"innerHtml\" [innerHtml]=\"innerHtml | translate\"></span>\r\n            <mat-icon *ngIf=\"iconName\">{{iconName}}</mat-icon>\r\n            <mat-icon *ngIf=\"iconSvg\" [svgIcon]=\"iconSvg\"></mat-icon>\r\n        </div>\r\n    </mat-chip>\r\n</div>\r\n", dependencies: [{ kind: "component", type: MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LabelComponent, isStandalone: true, selector: "i-tech-label", inputs: { color: "color", text: "text", innerHtml: "innerHtml", bordered: "bordered", tooltip: "tooltip", size: "size", iconName: "iconName", iconSvg: "iconSvg", disableRipple: "disableRipple", matChipAction: "matChipAction" }, ngImport: i0, template: "<div [class]=\"iconName || iconSvg ? 'trailing-icon flex' : 'flex'\">\n    <mat-chip\n            [class]=\"'label_' + color\"\n            [ngClass]=\"{bordered: bordered, small: size === 'small', matChipAction: 'pointer'}\"\n            [matTooltip]=\"(tooltip || '') | translate\"\n            [disableRipple]=\"disableRipple\"\n    >\n        <div class=\"flex_align_center flex_gap\" [ngClass]=\"matChipAction ? 'pointer' : ''\">\n            <span *ngIf=\"!innerHtml\">{{text | translate}}</span>\n            <span *ngIf=\"innerHtml\" [innerHtml]=\"innerHtml | translate\"></span>\n            <mat-icon *ngIf=\"iconName\">{{iconName}}</mat-icon>\n            <mat-icon *ngIf=\"iconSvg\" [svgIcon]=\"iconSvg!\"></mat-icon>\n        </div>\n    </mat-chip>\n</div>\n", dependencies: [{ kind: "component", type: MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: LabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'i-tech-label', imports: [
                         MatChip,
@@ -1284,11 +1274,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImpor
                         NgClass,
                         TranslateModule,
                         MatIcon
-                    ], template: "<div [class]=\"{table_row_item: forTable,'trailing-icon' : iconName || iconSvg}\">\r\n\r\n    <mat-chip\r\n            [class]=\"'label_' + color\"\r\n            [ngClass]=\"{bordered: bordered, small: size === 'small'}\"\r\n            [matTooltip]=\"(tooltip || '') | translate\"\r\n            [disableRipple]=\"disableRipple\"\r\n    >\r\n        <div class=\"flex_align_center flex_gap\">\r\n            <span *ngIf=\"!innerHtml\">{{text | translate}}</span>\r\n            <span *ngIf=\"innerHtml\" [innerHtml]=\"innerHtml | translate\"></span>\r\n            <mat-icon *ngIf=\"iconName\">{{iconName}}</mat-icon>\r\n            <mat-icon *ngIf=\"iconSvg\" [svgIcon]=\"iconSvg\"></mat-icon>\r\n        </div>\r\n    </mat-chip>\r\n</div>\r\n" }]
+                    ], standalone: true, template: "<div [class]=\"iconName || iconSvg ? 'trailing-icon flex' : 'flex'\">\n    <mat-chip\n            [class]=\"'label_' + color\"\n            [ngClass]=\"{bordered: bordered, small: size === 'small', matChipAction: 'pointer'}\"\n            [matTooltip]=\"(tooltip || '') | translate\"\n            [disableRipple]=\"disableRipple\"\n    >\n        <div class=\"flex_align_center flex_gap\" [ngClass]=\"matChipAction ? 'pointer' : ''\">\n            <span *ngIf=\"!innerHtml\">{{text | translate}}</span>\n            <span *ngIf=\"innerHtml\" [innerHtml]=\"innerHtml | translate\"></span>\n            <mat-icon *ngIf=\"iconName\">{{iconName}}</mat-icon>\n            <mat-icon *ngIf=\"iconSvg\" [svgIcon]=\"iconSvg!\"></mat-icon>\n        </div>\n    </mat-chip>\n</div>\n" }]
         }], propDecorators: { color: [{
                 type: Input
             }], text: [{
                 type: Input
+            }], innerHtml: [{
+                type: Input
             }], bordered: [{
                 type: Input
             }], tooltip: [{
@@ -1301,220 +1293,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImpor
                 type: Input
             }], disableRipple: [{
                 type: Input
-            }], forTable: [{
+            }], matChipAction: [{
                 type: Input
-            }], innerHtml: [{
-                type: Input
-            }] } });
-
-class LoadingComponent {
-    constructor() {
-        this.loading = false;
-        this.absolute = false;
-        this.smallLoading = false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: LoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: LoadingComponent, isStandalone: true, selector: "i-tech-loading", inputs: { loading: "loading", absolute: "absolute", smallLoading: "smallLoading" }, ngImport: i0, template: "<div [hidden]=\"!loading\" class=\"big_loading\" [ngClass]=\"{absolute: absolute, small_loading: smallLoading}\">\r\n  <img alt=\"\" src=\"assets/images/table-loader.svg\" />\r\n</div>\r\n", styles: [".big_loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:999}.big_loading img{width:100px;height:100px}.small_loading img{width:40px;height:40px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: LoadingComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'i-tech-loading', imports: [
-                        NgClass
-                    ], template: "<div [hidden]=\"!loading\" class=\"big_loading\" [ngClass]=\"{absolute: absolute, small_loading: smallLoading}\">\r\n  <img alt=\"\" src=\"assets/images/table-loader.svg\" />\r\n</div>\r\n", styles: [".big_loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:999}.big_loading img{width:100px;height:100px}.small_loading img{width:40px;height:40px}\n"] }]
-        }], propDecorators: { loading: [{
-                type: Input
-            }], absolute: [{
-                type: Input
-            }], smallLoading: [{
-                type: Input
-            }] } });
-
-class StandardDialogComponent {
-    constructor(data, componentFactoryResolver, dialogRef) {
-        this.data = data;
-        this.componentFactoryResolver = componentFactoryResolver;
-        this.dialogRef = dialogRef;
-        this.loading = true;
-        this.pending = false;
-        this.ButtonType = ButtonType;
-    }
-    ngAfterViewInit() {
-        setTimeout(() => {
-            if (!this.data.component) {
-                return;
-            }
-            this.component = this.componentContainer?.createComponent(this.componentFactoryResolver.resolveComponentFactory(this.data.component));
-            if (this.component) {
-                if (this.data.configs?.data) {
-                    this.component.instance.ready?.subscribe(() => {
-                        setTimeout(() => this.loading = false, 300);
-                    });
-                }
-                else {
-                    setTimeout(() => this.loading = false, 300);
-                }
-                this.component.instance.data = this.data.configs?.data;
-                this.component.instance.closeModal.subscribe((data) => {
-                    this.dialogRef.close(data);
-                });
-                this.component.instance.loading?.subscribe((start) => {
-                    this.pending = start;
-                });
-                this.component.instance.disable?.subscribe((disabled) => {
-                    if (this.data.configs?.button) {
-                        this.data.configs.button.disabled = disabled;
-                    }
-                });
-            }
-        }, 10);
-    }
-    save(type = '') {
-        if (type === 'close') {
-            this.dialogRef.close(true);
-        }
-        else if (this.component) {
-            if (this.pending) {
-                return;
-            }
-            this.component.instance.save();
-        }
-        else {
-            this.dialogRef.close(true);
-        }
-    }
-    close() {
-        this.dialogRef.close(null);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: StandardDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i0.ComponentFactoryResolver }, { token: i1$1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: StandardDialogComponent, isStandalone: true, selector: "i-tech-standard-dialog", viewQueries: [{ propertyName: "componentContainer", first: true, predicate: ["component"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"modal_content standard_dialog flex_between\" *ngIf=\"data\" [ngClass]=\"{visibility_hidden: loading}\">\r\n    <div class=\"modal-title-text base-bold\" *ngIf=\"data.configs?.title\">\r\n        {{(data.configs?.title || '') | translate}}\r\n    </div>\r\n    <div *ngIf=\"data.configs?.description\" class=\"modal-body-text mt-16\">\r\n      {{(data.configs?.description || '') | translate}}\r\n    </div>\r\n\r\n    <div class=\"modal_content--content\"\r\n         [ngClass]=\"data?.configs?.marginTop === false || !data.configs?.title ? '' : 'mt-20 mb-standard-dialog'\"\r\n    >\r\n        <ng-container #component></ng-container>\r\n    </div>\r\n    <div class=\"ml-auto flex_align_center\" [ngClass]=\"data.configs?.actionsMarginTop || ''\">\r\n        <i-tech-button\r\n                *ngIf=\"!data.configs?.cancelButton?.hidden\"\r\n                (click)=\"close()\"\r\n                [customClass]=\"'mr-20'\"\r\n                [type]=\"ButtonType.TONAL\"\r\n                [text]=\"data.configs?.cancelButton?.text || 'Cancel'\"\r\n        ></i-tech-button>\r\n        <i-tech-button\r\n                *ngIf=\"!data.configs?.button?.hidden\"\r\n                [customClass]=\"(data.configs?.button?.class || '') + ' ' + (data.configs?.button?.disabled ? ' disabled' : '')\"\r\n                [disabled]=\"data.configs?.button?.disabled || false\"\r\n                [submit]=\"pending\"\r\n                [type]=\"data.configs?.button?.buttonType || ButtonType.FILLED\"\r\n                (click)=\"save(data.configs?.button?.type)\"\r\n                [text]=\"(data.configs?.button?.text || 'Save')\"\r\n        ></i-tech-button>\r\n    </div>\r\n</div>\r\n<i-tech-loading [loading]=\"loading\" ></i-tech-loading>\r\n", styles: [".modal_content{position:relative}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: LoadingComponent, selector: "i-tech-loading", inputs: ["loading", "absolute", "smallLoading"] }, { kind: "component", type: ButtonComponent, selector: "i-tech-button", inputs: ["text", "data_cy", "fontIcon", "svgIcon", "type", "customClass", "submit", "disabled", "activated", "color"], outputs: ["buttonClick"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: StandardDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'i-tech-standard-dialog', imports: [
-                        NgClass,
-                        NgIf,
-                        TranslateModule,
-                        LoadingComponent,
-                        ButtonComponent,
-                    ], template: "<div class=\"modal_content standard_dialog flex_between\" *ngIf=\"data\" [ngClass]=\"{visibility_hidden: loading}\">\r\n    <div class=\"modal-title-text base-bold\" *ngIf=\"data.configs?.title\">\r\n        {{(data.configs?.title || '') | translate}}\r\n    </div>\r\n    <div *ngIf=\"data.configs?.description\" class=\"modal-body-text mt-16\">\r\n      {{(data.configs?.description || '') | translate}}\r\n    </div>\r\n\r\n    <div class=\"modal_content--content\"\r\n         [ngClass]=\"data?.configs?.marginTop === false || !data.configs?.title ? '' : 'mt-20 mb-standard-dialog'\"\r\n    >\r\n        <ng-container #component></ng-container>\r\n    </div>\r\n    <div class=\"ml-auto flex_align_center\" [ngClass]=\"data.configs?.actionsMarginTop || ''\">\r\n        <i-tech-button\r\n                *ngIf=\"!data.configs?.cancelButton?.hidden\"\r\n                (click)=\"close()\"\r\n                [customClass]=\"'mr-20'\"\r\n                [type]=\"ButtonType.TONAL\"\r\n                [text]=\"data.configs?.cancelButton?.text || 'Cancel'\"\r\n        ></i-tech-button>\r\n        <i-tech-button\r\n                *ngIf=\"!data.configs?.button?.hidden\"\r\n                [customClass]=\"(data.configs?.button?.class || '') + ' ' + (data.configs?.button?.disabled ? ' disabled' : '')\"\r\n                [disabled]=\"data.configs?.button?.disabled || false\"\r\n                [submit]=\"pending\"\r\n                [type]=\"data.configs?.button?.buttonType || ButtonType.FILLED\"\r\n                (click)=\"save(data.configs?.button?.type)\"\r\n                [text]=\"(data.configs?.button?.text || 'Save')\"\r\n        ></i-tech-button>\r\n    </div>\r\n</div>\r\n<i-tech-loading [loading]=\"loading\" ></i-tech-loading>\r\n", styles: [".modal_content{position:relative}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }, { type: i0.ComponentFactoryResolver }, { type: i1$1.MatDialogRef }], propDecorators: { componentContainer: [{
-                type: ViewChild,
-                args: ['component', { read: ViewContainerRef }]
             }] } });
 
-// Services
-class CustomDialogComponent {
-    constructor(data) {
-        this.data = data;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: CustomDialogComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: CustomDialogComponent, isStandalone: true, selector: "i-tech-custom-dialog", ngImport: i0, template: "<div class=\"modal_content flex_between\">\r\n    <div class=\"modal_content--content\">\r\n        <ng-template [ngComponentOutlet]=\"data.component\"></ng-template>\r\n    </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: CustomDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'i-tech-custom-dialog', imports: [
-                        NgComponentOutlet
-                    ], template: "<div class=\"modal_content flex_between\">\r\n    <div class=\"modal_content--content\">\r\n        <ng-template [ngComponentOutlet]=\"data.component\"></ng-template>\r\n    </div>\r\n</div>\r\n" }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }] });
-
-class ConfirmationDialogByTypeComponent {
-    constructor(data, dialogRef) {
-        this.data = data;
-        this.dialogRef = dialogRef;
-        this.ConfirmationDialogTypesEnum = ConfirmationDialogTypesEnum;
-        this.ButtonType = ButtonType;
-        this.loading = false;
-        if (data.subject) {
-            data.subject.subscribe(res => {
-                if (res.type === 'close') {
-                    this.dialogRef.close(1);
-                }
-            });
-        }
-    }
-    confirm() {
-        if (this.data.subject) {
-            this.loading = true;
-            this.data.subject.next({ type: 'access' });
-            return;
-        }
-        this.dialogRef.close(1);
-    }
-    dismiss() {
-        this.dialogRef.close(0);
-    }
-    ngOnDestroy() {
-        this.data.subject?.unsubscribe();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: ConfirmationDialogByTypeComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: ConfirmationDialogByTypeComponent, isStandalone: true, selector: "i-tech-confirmation-dialog-by-type", ngImport: i0, template: "<div class=\"modal_content flex_between\" *ngIf=\"data\">\r\n  <div class=\"modal-title-text base-bold\">\r\n    {{(data?.modalTitle || data.type) | translate}}\r\n  </div>\r\n  <div class=\"modal-body-text mt-20\" *ngIf=\"!data.descriptionByHtml\" [ngClass]=\"{unset_max_width: data.unsetMaxWidth}\">\r\n    {{(data.description || '') | translate }}\r\n  </div>\r\n\r\n  <div class=\"modal-body-text mt-20\" *ngIf=\"data.descriptionByHtml\"\r\n       [innerHTML]=\"data.description\"\r\n       [ngClass]=\"{unset_max_width: data.unsetMaxWidth}\"\r\n  >\r\n  </div>\r\n\r\n  <div class=\"mt-50 flex_end flex_align_center\">\r\n    <i-tech-button\r\n      [type]=\"ButtonType.TONAL\"\r\n      [customClass]=\"'mr-20'\"\r\n      (click)=\"dismiss()\"\r\n      [text]=\"(data.cancelText || 'cancel._')\"\r\n    ></i-tech-button>\r\n    <i-tech-button\r\n      (click)=\"confirm()\"\r\n      [color]=\"data.type === ConfirmationDialogTypesEnum.CONFIRMATION ? 'primary' : 'warn'\"\r\n      [text]=\"(data.confirmText || 'yes')\"\r\n    ></i-tech-button>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: ButtonComponent, selector: "i-tech-button", inputs: ["text", "data_cy", "fontIcon", "svgIcon", "type", "customClass", "submit", "disabled", "activated", "color"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: ConfirmationDialogByTypeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'i-tech-confirmation-dialog-by-type', imports: [
-                        TranslateModule,
-                        ButtonComponent,
-                        CommonModule
-                    ], template: "<div class=\"modal_content flex_between\" *ngIf=\"data\">\r\n  <div class=\"modal-title-text base-bold\">\r\n    {{(data?.modalTitle || data.type) | translate}}\r\n  </div>\r\n  <div class=\"modal-body-text mt-20\" *ngIf=\"!data.descriptionByHtml\" [ngClass]=\"{unset_max_width: data.unsetMaxWidth}\">\r\n    {{(data.description || '') | translate }}\r\n  </div>\r\n\r\n  <div class=\"modal-body-text mt-20\" *ngIf=\"data.descriptionByHtml\"\r\n       [innerHTML]=\"data.description\"\r\n       [ngClass]=\"{unset_max_width: data.unsetMaxWidth}\"\r\n  >\r\n  </div>\r\n\r\n  <div class=\"mt-50 flex_end flex_align_center\">\r\n    <i-tech-button\r\n      [type]=\"ButtonType.TONAL\"\r\n      [customClass]=\"'mr-20'\"\r\n      (click)=\"dismiss()\"\r\n      [text]=\"(data.cancelText || 'cancel._')\"\r\n    ></i-tech-button>\r\n    <i-tech-button\r\n      (click)=\"confirm()\"\r\n      [color]=\"data.type === ConfirmationDialogTypesEnum.CONFIRMATION ? 'primary' : 'warn'\"\r\n      [text]=\"(data.confirmText || 'yes')\"\r\n    ></i-tech-button>\r\n  </div>\r\n</div>\r\n" }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }, { type: i1$1.MatDialogRef }] });
-
-class DialogService {
-    constructor(dialogService) {
-        this.dialogService = dialogService;
-    }
-    openStandardDialog(component = null, styleConfigs, data = null) {
-        styleConfigs.maxHeight = '90vh';
-        if (!styleConfigs.maxWidth) {
-            styleConfigs.maxWidth = '90vw';
-        }
-        return this.dialogService.open(StandardDialogComponent, {
-            ...styleConfigs,
-            data: { configs: data, component },
-            scrollStrategy: new NoopScrollStrategy(),
-        });
-    }
-    openCustomDialog(component, styleConfigs = {}, data = null) {
-        styleConfigs.maxWidth = '95vw';
-        return this.dialogService.open(CustomDialogComponent, {
-            ...styleConfigs,
-            data: { configs: data, component },
-            scrollStrategy: new NoopScrollStrategy()
-        });
-    }
-    openConfirmationDialogByType(type, styleConfigs, data) {
-        return this.dialogService.open(ConfirmationDialogByTypeComponent, {
-            ...styleConfigs,
-            data: { ...data, type },
-            scrollStrategy: new NoopScrollStrategy(),
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: DialogService, deps: [{ token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: DialogService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: DialogService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1$1.MatDialog }] });
-
 /*
  * Public API Surface of shared-components
  */
-// Pipes
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ArrayToStringPipe, AutocompleteSelectComponent, ButtonComponent, ButtonType, ClearValueComponent, ConfirmationDialogByTypeComponent, ConfirmationDialogTypesEnum, CustomDialogComponent, DatePickerComponent, DateRangeDatepickerComponent, DialogService, DropdownItemIcon, DropdownSelectionType, GenerateErrorMessagesPipe, GetValueByKeyFromObjectPipe, IconButtonComponent, InputMaskDirective, InputService, LabelComponent, LabelTypeEnum, LoadingComponent, MenuComponent, StandardDialogComponent, TextInputComponent };
+export { ArrayToStringPipe, AutocompleteSelectComponent, ButtonComponent, ButtonType, ClearValueComponent, DatePickerComponent, DateRangeDatepickerComponent, GenerateErrorMessagesPipe, GetValueByKeyFromObjectPipe, IconButtonComponent, InputMaskDirective, InputService, LabelComponent, LabelTypeEnum, MenuComponent, TextInputComponent };
 //# sourceMappingURL=i-tech-shared-components.mjs.map