i-tech-shared-components 1.1.6 → 1.1.9

package/esm2022/lib/components/button/button.component.mjs

@@ -0,0 +1,122 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { MatButton } from "@angular/material/button";
+import { NgClass, NgIf } from "@angular/common";
+import { MatProgressSpinner } from "@angular/material/progress-spinner";
+import { MatIconModule } from "@angular/material/icon";
+import { TranslateModule, TranslatePipe, TranslateService } from "@ngx-translate/core";
+import { ButtonType } from '../../interfaces/button-types.enum';
+import { NgxMaskDirective, NgxMaskPipe } from 'ngx-mask';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/icon";
+import * as i2 from "@ngx-translate/core";
+/**
+ * A reusable button component with Material Design styling and custom functionality.
+ */
+export class ButtonComponent {
+    constructor() {
+        /**
+         * The text displayed inside the button.
+         */
+        this.text = '';
+        /**
+         * Data attribute used for Cypress or other testing frameworks.
+         */
+        this.data_cy = '';
+        /**
+         * Font icon class for displaying an icon (e.g., Material Icons).
+         */
+        this.fontIcon = '';
+        /**
+         * SVG icon name for displaying an SVG icon.
+         */
+        this.svgIcon = '';
+        /**
+         * Defines the type of button (e.g., `FILLED`, `OUTLINED`).
+         */
+        this.type = ButtonType.FILLED;
+        /**
+         * Additional custom classes to style the button.
+         */
+        this.customClass = '';
+        /**
+         * If true, the button acts as a submit button.
+         */
+        this.submit = false;
+        /**
+         * If true, the button is disabled and cannot be clicked.
+         */
+        this.disabled = false;
+        /**
+         * Indicates whether the button is currently activated.
+         */
+        this.activated = false;
+        /**
+         * The color of the button (e.g., `primary`, `warn`).
+         */
+        this.color = 'primary';
+        /**
+         * Emits an event when the button is clicked.
+         */
+        this.buttonClick = new EventEmitter();
+        /**
+         * Enum reference for `ButtonType` to use in templates.
+         */
+        this.ButtonType = ButtonType;
+    }
+    /**
+     * Handles the button click event.
+     *
+     * @param event - The mouse event triggered by clicking the button.
+     */
+    onClick(event) {
+        if (!this.disabled && !this.submit) {
+            this.buttonClick.emit();
+        }
+    }
+    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)\"\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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'i-tech-button', standalone: true, imports: [
+                        MatButton,
+                        NgClass,
+                        MatProgressSpinner,
+                        NgIf,
+                        MatIconModule,
+                        TranslateModule
+                    ], providers: [
+                        NgxMaskDirective,
+                        NgxMaskPipe,
+                        TranslatePipe,
+                        TranslateService
+                    ], 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" }]
+        }], ctorParameters: () => [], propDecorators: { text: [{
+                type: Input
+            }], data_cy: [{
+                type: Input
+            }], fontIcon: [{
+                type: Input
+            }], svgIcon: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], customClass: [{
+                type: Input
+            }], submit: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], activated: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], buttonClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDckUsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQ25ELE9BQU8sRUFBQyxPQUFPLEVBQUUsSUFBSSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDOUMsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sb0NBQW9DLENBQUM7QUFDdEUsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQ3JELE9BQU8sRUFBQyxlQUFlLEVBQUUsYUFBYSxFQUFFLGdCQUFnQixFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDckYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ2hFLE9BQU8sRUFBQyxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsTUFBTSxVQUFVLENBQUM7Ozs7QUFFeEQ7O0dBRUc7QUFxQkgsTUFBTSxPQUFPLGVBQWU7SUE2RDFCO1FBNURBOztXQUVHO1FBQ00sU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUUzQjs7V0FFRztRQUNNLFlBQU8sR0FBVyxFQUFFLENBQUM7UUFFOUI7O1dBRUc7UUFDTSxhQUFRLEdBQVcsRUFBRSxDQUFDO1FBRS9COztXQUVHO1FBQ00sWUFBTyxHQUFXLEVBQUUsQ0FBQztRQUU5Qjs7V0FFRztRQUNNLFNBQUksR0FBZSxVQUFVLENBQUMsTUFBTSxDQUFDO1FBRTlDOztXQUVHO1FBQ00sZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFFbEM7O1dBRUc7UUFDTSxXQUFNLEdBQVksS0FBSyxDQUFDO1FBRWpDOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQUVuQzs7V0FFRztRQUNNLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFFcEM7O1dBRUc7UUFDTSxVQUFLLEdBQXVCLFNBQVMsQ0FBQztRQUUvQzs7V0FFRztRQUNPLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUVqRDs7V0FFRztRQUNnQixlQUFVLEdBQUcsVUFBVSxDQUFDO0lBRTVCLENBQUM7SUFFaEI7Ozs7T0FJRztJQUNILE9BQU8sQ0FBQyxLQUFpQjtRQUN2QixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNuQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzFCLENBQUM7SUFDSCxDQUFDOytHQXhFVSxlQUFlO21HQUFmLGVBQWUsdVRBUGY7WUFDVCxnQkFBZ0I7WUFDaEIsV0FBVztZQUNYLGFBQWE7WUFDYixnQkFBZ0I7U0FDakIsMEJDOUJILHk4REFnREEsMEREaENJLFNBQVMsaUxBQ1QsT0FBTyxvRkFDUCxrQkFBa0IsK0tBQ2xCLElBQUksNEZBQ0osYUFBYSxtTEFDYixlQUFlOzs0RkFXTixlQUFlO2tCQXBCM0IsU0FBUzsrQkFDRSxlQUFlLGNBQ2IsSUFBSSxXQUNQO3dCQUNQLFNBQVM7d0JBQ1QsT0FBTzt3QkFDUCxrQkFBa0I7d0JBQ2xCLElBQUk7d0JBQ0osYUFBYTt3QkFDYixlQUFlO3FCQUNoQixhQUdVO3dCQUNULGdCQUFnQjt3QkFDaEIsV0FBVzt3QkFDWCxhQUFhO3dCQUNiLGdCQUFnQjtxQkFDakI7d0RBTVEsSUFBSTtzQkFBWixLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLRyxNQUFNO3NCQUFkLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSztnQkFLSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge01hdEJ1dHRvbn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2J1dHRvblwiO1xuaW1wb3J0IHtOZ0NsYXNzLCBOZ0lmfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQge01hdFByb2dyZXNzU3Bpbm5lcn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLXNwaW5uZXJcIjtcbmltcG9ydCB7TWF0SWNvbk1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2ljb25cIjtcbmltcG9ydCB7VHJhbnNsYXRlTW9kdWxlLCBUcmFuc2xhdGVQaXBlLCBUcmFuc2xhdGVTZXJ2aWNlfSBmcm9tIFwiQG5neC10cmFuc2xhdGUvY29yZVwiO1xuaW1wb3J0IHsgQnV0dG9uVHlwZSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvYnV0dG9uLXR5cGVzLmVudW0nO1xuaW1wb3J0IHtOZ3hNYXNrRGlyZWN0aXZlLCBOZ3hNYXNrUGlwZSB9IGZyb20gJ25neC1tYXNrJztcblxuLyoqXG4gKiBBIHJldXNhYmxlIGJ1dHRvbiBjb21wb25lbnQgd2l0aCBNYXRlcmlhbCBEZXNpZ24gc3R5bGluZyBhbmQgY3VzdG9tIGZ1bmN0aW9uYWxpdHkuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ktdGVjaC1idXR0b24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTWF0QnV0dG9uLFxuICAgIE5nQ2xhc3MsXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyLFxuICAgIE5nSWYsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBUcmFuc2xhdGVNb2R1bGVcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9idXR0b24uY29tcG9uZW50LmNzcycsXG4gIHByb3ZpZGVyczogW1xuICAgIE5neE1hc2tEaXJlY3RpdmUsXG4gICAgTmd4TWFza1BpcGUsXG4gICAgVHJhbnNsYXRlUGlwZSxcbiAgICBUcmFuc2xhdGVTZXJ2aWNlXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFRoZSB0ZXh0IGRpc3BsYXllZCBpbnNpZGUgdGhlIGJ1dHRvbi5cbiAgICovXG4gIEBJbnB1dCgpIHRleHQ6IHN0cmluZyA9ICcnO1xuXG4gIC8qKlxuICAgKiBEYXRhIGF0dHJpYnV0ZSB1c2VkIGZvciBDeXByZXNzIG9yIG90aGVyIHRlc3RpbmcgZnJhbWV3b3Jrcy5cbiAgICovXG4gIEBJbnB1dCgpIGRhdGFfY3k6IHN0cmluZyA9ICcnO1xuXG4gIC8qKlxuICAgKiBGb250IGljb24gY2xhc3MgZm9yIGRpc3BsYXlpbmcgYW4gaWNvbiAoZS5nLiwgTWF0ZXJpYWwgSWNvbnMpLlxuICAgKi9cbiAgQElucHV0KCkgZm9udEljb246IHN0cmluZyA9ICcnO1xuXG4gIC8qKlxuICAgKiBTVkcgaWNvbiBuYW1lIGZvciBkaXNwbGF5aW5nIGFuIFNWRyBpY29uLlxuICAgKi9cbiAgQElucHV0KCkgc3ZnSWNvbjogc3RyaW5nID0gJyc7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIHR5cGUgb2YgYnV0dG9uIChlLmcuLCBgRklMTEVEYCwgYE9VVExJTkVEYCkuXG4gICAqL1xuICBASW5wdXQoKSB0eXBlOiBCdXR0b25UeXBlID0gQnV0dG9uVHlwZS5GSUxMRUQ7XG5cbiAgLyoqXG4gICAqIEFkZGl0aW9uYWwgY3VzdG9tIGNsYXNzZXMgdG8gc3R5bGUgdGhlIGJ1dHRvbi5cbiAgICovXG4gIEBJbnB1dCgpIGN1c3RvbUNsYXNzOiBzdHJpbmcgPSAnJztcblxuICAvKipcbiAgICogSWYgdHJ1ZSwgdGhlIGJ1dHRvbiBhY3RzIGFzIGEgc3VibWl0IGJ1dHRvbi5cbiAgICovXG4gIEBJbnB1dCgpIHN1Ym1pdDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBJZiB0cnVlLCB0aGUgYnV0dG9uIGlzIGRpc2FibGVkIGFuZCBjYW5ub3QgYmUgY2xpY2tlZC5cbiAgICovXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB3aGV0aGVyIHRoZSBidXR0b24gaXMgY3VycmVudGx5IGFjdGl2YXRlZC5cbiAgICovXG4gIEBJbnB1dCgpIGFjdGl2YXRlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBUaGUgY29sb3Igb2YgdGhlIGJ1dHRvbiAoZS5nLiwgYHByaW1hcnlgLCBgd2FybmApLlxuICAgKi9cbiAgQElucHV0KCkgY29sb3I6ICdwcmltYXJ5JyB8ICd3YXJuJyA9ICdwcmltYXJ5JztcblxuICAvKipcbiAgICogRW1pdHMgYW4gZXZlbnQgd2hlbiB0aGUgYnV0dG9uIGlzIGNsaWNrZWQuXG4gICAqL1xuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLyoqXG4gICAqIEVudW0gcmVmZXJlbmNlIGZvciBgQnV0dG9uVHlwZWAgdG8gdXNlIGluIHRlbXBsYXRlcy5cbiAgICovXG4gIHByb3RlY3RlZCByZWFkb25seSBCdXR0b25UeXBlID0gQnV0dG9uVHlwZTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgLyoqXG4gICAqIEhhbmRsZXMgdGhlIGJ1dHRvbiBjbGljayBldmVudC5cbiAgICpcbiAgICogQHBhcmFtIGV2ZW50IC0gVGhlIG1vdXNlIGV2ZW50IHRyaWdnZXJlZCBieSBjbGlja2luZyB0aGUgYnV0dG9uLlxuICAgKi9cbiAgb25DbGljayhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCAmJiAhdGhpcy5zdWJtaXQpIHtcbiAgICAgIHRoaXMuYnV0dG9uQ2xpY2suZW1pdCgpO1xuICAgIH1cbiAgfVxufVxuIiwiPGJ1dHRvbiAqbmdJZj1cIltCdXR0b25UeXBlLkZJTExFRCxCdXR0b25UeXBlLldBUk5JTkddLmluY2x1ZGVzKHR5cGUpXCJcbiAgICAgICAgbWF0LWZsYXQtYnV0dG9uXG4gICAgICAgIFthdHRyLmRhdGEtY3ldPVwiZGF0YV9jeVwiXG4gICAgICAgIFtjb2xvcl09XCJ0eXBlID09PSBCdXR0b25UeXBlLldBUk5JTkcgPyAnd2FybicgOiBjb2xvclwiXG4gICAgICAgIFtjbGFzcy5hY3RpdmF0ZWRdPVwiYWN0aXZhdGVkXCJcbiAgICAgICAgW25nQ2xhc3NdPVwiKGN1c3RvbUNsYXNzIHx8ICcnKVwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBzdWJtaXRcIlxuICAgICAgICAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCJcbj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJzdWJtaXRcIiBjbGFzcz1cInNwaW5uZXItb3ZlcmxheVwiPlxuICAgICAgICAgICAgPG1hdC1zcGlubmVyIGRpYW1ldGVyPVwiMTZcIj48L21hdC1zcGlubmVyPlxuICAgICAgICA8L3NwYW4+XG4gIDxtYXQtaWNvbiAqbmdJZj1cImZvbnRJY29uICYmICFzdWJtaXRcIj57e2ZvbnRJY29ufX08L21hdC1pY29uPlxuICA8bWF0LWljb24gKm5nSWY9XCJzdmdJY29uICYmICFzdWJtaXRcIiBbc3ZnSWNvbl09XCJzdmdJY29uXCI+PC9tYXQtaWNvbj5cbiAgPHNwYW4+e3t0ZXh0IHwgdHJhbnNsYXRlfX08L3NwYW4+XG48L2J1dHRvbj5cbjxidXR0b24gKm5nSWY9XCJbQnV0dG9uVHlwZS5UT05BTCxCdXR0b25UeXBlLlRFWFRdLmluY2x1ZGVzKHR5cGUpXCJcbiAgICAgICAgbWF0LWJ1dHRvblxuICAgICAgICBbYXR0ci5kYXRhLWN5XT1cImRhdGFfY3lcIlxuICAgICAgICBbbmdDbGFzc109XCIodHlwZSA9PT0gQnV0dG9uVHlwZS5UT05BTCA/ICd0ZXJ0aWFyeSAnIDogJycpICsgKGN1c3RvbUNsYXNzIHx8ICcnKVwiXG4gICAgICAgIFtjbGFzcy5hY3RpdmF0ZWRdPVwiYWN0aXZhdGVkXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkIHx8IHN1Ym1pdFwiXG4gICAgICAgIChjbGljayk9XCJvbkNsaWNrKCRldmVudClcIlxuPlxuICAgICAgICA8c3BhbiAqbmdJZj1cInN1Ym1pdFwiICBjbGFzcz1cInNwaW5uZXItb3ZlcmxheVwiPlxuICAgICAgICAgICAgPG1hdC1zcGlubmVyIGRpYW1ldGVyPVwiMTZcIj48L21hdC1zcGlubmVyPlxuICAgICAgICA8L3NwYW4+XG4gIDxtYXQtaWNvbiAqbmdJZj1cImZvbnRJY29uICYmICFzdWJtaXRcIj57e2ZvbnRJY29ufX08L21hdC1pY29uPlxuICA8bWF0LWljb24gKm5nSWY9XCJzdmdJY29uICYmICFzdWJtaXRcIiBbc3ZnSWNvbl09XCJzdmdJY29uXCI+PC9tYXQtaWNvbj5cblxuICA8c3Bhbj57e3RleHQgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbjwvYnV0dG9uPlxuPGJ1dHRvbiAqbmdJZj1cInR5cGUgPT09IEJ1dHRvblR5cGUuT1VUTElORVwiXG4gICAgICAgIFtjb2xvcl09XCJjb2xvclwiXG4gICAgICAgIG1hdC1zdHJva2VkLWJ1dHRvblxuICAgICAgICBbYXR0ci5kYXRhLWN5XT1cImRhdGFfY3lcIlxuICAgICAgICBbbmdDbGFzc109XCIoY3VzdG9tQ2xhc3MgfHwgJycpIFwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBzdWJtaXRcIlxuICAgICAgICAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCJcbiAgICAgICAgW2NsYXNzLmFjdGl2YXRlZF09XCJhY3RpdmF0ZWRcIlxuPlxuICAgICAgICA8c3BhbiAqbmdJZj1cInN1Ym1pdFwiICBjbGFzcz1cInNwaW5uZXItb3ZlcmxheVwiPlxuICAgICAgICAgICAgPG1hdC1zcGlubmVyIGRpYW1ldGVyPVwiMTZcIj48L21hdC1zcGlubmVyPlxuICAgICAgICA8L3NwYW4+XG4gIDxtYXQtaWNvbiAqbmdJZj1cImZvbnRJY29uICYmICFzdWJtaXRcIiA+e3tmb250SWNvbn19PC9tYXQtaWNvbj5cbiAgPG1hdC1pY29uICpuZ0lmPVwic3ZnSWNvbiAmJiAhc3VibWl0XCIgW3N2Z0ljb25dPVwic3ZnSWNvblwiPjwvbWF0LWljb24+XG4gIDxzcGFuPnt7dGV4dCB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuPC9idXR0b24+XG4iXX0=

package/esm2022/lib/components/clear-value/clear-value.component.mjs

@@ -0,0 +1,34 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { NgClass, NgOptimizedImage } from "@angular/common";
+import * as i0 from "@angular/core";
+export class ClearValueComponent {
+    constructor() {
+        this.reset = new EventEmitter();
+    }
+    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: { reset: "reset" }, ngImport: i0, template: `<img
+    class="pointer"
+    [ngClass]="className || 'standard'"
+    (click)="reset.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: "18.2.13", ngImport: i0, type: ClearValueComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'i-tech-clear-value', template: `<img
+    class="pointer"
+    [ngClass]="className || 'standard'"
+    (click)="reset.emit()"
+    ngSrc="./ic_close.svg"
+    height="24" width="24" alt=""/>`, imports: [
+                        NgClass,
+                        NgOptimizedImage
+                    ], 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: [{
+                type: Input
+            }], reset: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xlYXItdmFsdWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NsZWFyLXZhbHVlL2NsZWFyLXZhbHVlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQzs7QUFzQzFELE1BQU0sT0FBTyxtQkFBbUI7SUFwQ2hDO1FBdUNZLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0tBQzNDOytHQUpZLG1CQUFtQjttR0FBbkIsbUJBQW1CLG1MQWxDcEI7Ozs7O29DQUt3QixxTkF3QmhDLE9BQU8sb0ZBQ1AsZ0JBQWdCOzs0RkFJUCxtQkFBbUI7a0JBcEMvQixTQUFTOytCQUNFLG9CQUFvQixZQUNwQjs7Ozs7b0NBS3dCLFdBdUJ6Qjt3QkFDUCxPQUFPO3dCQUNQLGdCQUFnQjtxQkFDakIsY0FDVyxJQUFJOzhCQUdQLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDSSxLQUFLO3NCQUFkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdDbGFzcywgTmdPcHRpbWl6ZWRJbWFnZX0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpLXRlY2gtY2xlYXItdmFsdWUnLFxuICB0ZW1wbGF0ZTogYDxpbWdcbiAgICBjbGFzcz1cInBvaW50ZXJcIlxuICAgIFtuZ0NsYXNzXT1cImNsYXNzTmFtZSB8fCAnc3RhbmRhcmQnXCJcbiAgICAoY2xpY2spPVwicmVzZXQuZW1pdCgpXCJcbiAgICBuZ1NyYz1cIi4vaWNfY2xvc2Uuc3ZnXCJcbiAgICBoZWlnaHQ9XCIyNFwiIHdpZHRoPVwiMjRcIiBhbHQ9XCJcIi8+YCxcbiAgc3R5bGVzOiBbYFxuICAgIGltZyB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB3aWR0aDogMTVweDtcbiAgICAgIGhlaWdodDogMTVweDtcbiAgICB9XG5cbiAgICAuYmlnIHtcbiAgICAgIHdpZHRoOiAyNXB4O1xuICAgICAgaGVpZ2h0OiAyNXB4O1xuICAgIH1cblxuICAgIC5yYW5nZV9kYXRlIHtcbiAgICAgIHJpZ2h0OiAtNjVweDtcbiAgICAgIHRvcDogMTVweDtcbiAgICB9XG5cbiAgICAuc3RhbmRhcmQge1xuICAgICAgcmlnaHQ6IC0yMHB4O1xuICAgICAgdG9wOiA0MHB4O1xuICAgIH1cbiAgYF0sXG4gIGltcG9ydHM6IFtcbiAgICBOZ0NsYXNzLFxuICAgIE5nT3B0aW1pemVkSW1hZ2VcbiAgXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBDbGVhclZhbHVlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY2xhc3NOYW1lITogc3RyaW5nO1xuICBASW5wdXQoKSBhZGRpdGlvbmFsQ2xhc3MhOiBzdHJpbmc7XG4gIEBPdXRwdXQoKSByZXNldCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xufVxuIl19

package/esm2022/lib/components/date-picker/date-picker.component.mjs

@@ -0,0 +1,111 @@
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { ReactiveFormsModule } from "@angular/forms";
+import { NgClass, NgIf } from "@angular/common";
+import { TranslateModule } from "@ngx-translate/core";
+import { MatFormFieldModule } from "@angular/material/form-field";
+import { MatDatepickerModule } from "@angular/material/datepicker";
+import { MatInput } from "@angular/material/input";
+import { MatTooltip } from "@angular/material/tooltip";
+import { MatIconModule } from "@angular/material/icon";
+import { DateMaskDirective } from "../../directives/date-mask.directive";
+import { GenerateErrorMessagesPipe } from "../../pipes/generate-error-messages.pipe";
+import { IconButtonComponent } from "../icon-button/icon-button.component";
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/input.service";
+import * as i2 from "@ngx-translate/core";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/form-field";
+import * as i5 from "@angular/material/datepicker";
+import * as i6 from "@angular/material/icon";
+export class DatePickerComponent {
+    constructor(inputService) {
+        this.inputService = inputService;
+        this.label = '';
+        this.required = false;
+        this.pastDatesDisabled = false;
+        this.hintText = '';
+        this.placeholder = 'MM/DD/YYYY';
+        this.submit = false;
+        this.valueChangeEmitter = new EventEmitter();
+        this.isOpen = false;
+        this.focused = false;
+        this.today = new Date();
+        // Filter to disable past dates
+        this.dateFilter = (date) => {
+            if (this.pastDatesDisabled) {
+                const today = this.today;
+                return date ? date >= today : false;
+            }
+            else {
+                return true;
+            }
+        };
+        this.customErrorStateMatcher = {
+            isErrorState: (control, form) => {
+                return !!(control && control.invalid && this.submit);
+            }
+        };
+        this.ngControl = this.inputService.injectNgControl();
+    }
+    emitChange() {
+        if (!this.valueChangeEmit) {
+            return;
+        }
+        this.valueChangeEmitter.emit();
+    }
+    clickForFocusOut() {
+        setTimeout(() => {
+            this.inputElement.nativeElement.focus();
+            this.inputElement.nativeElement.blur();
+        }, 120);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DatePickerComponent, deps: [{ token: i1.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", 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           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    <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: 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: i5.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5.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: i6.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: "18.2.13", ngImport: i0, type: DatePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'i-tech-date-picker', imports: [
+                        NgClass, NgIf,
+                        TranslateModule,
+                        ReactiveFormsModule,
+                        MatFormFieldModule,
+                        MatDatepickerModule,
+                        MatInput,
+                        MatTooltip,
+                        MatIconModule,
+                        DateMaskDirective,
+                        GenerateErrorMessagesPipe, IconButtonComponent
+                    ], 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           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    <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: i1.InputService }], propDecorators: { label: [{
+                type: Input
+            }], defaultPatternKey: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], pastDatesDisabled: [{
+                type: Input
+            }], hintText: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], iconPrefix: [{
+                type: Input
+            }], iconPrefixSvg: [{
+                type: Input
+            }], iconPrefixTooltip: [{
+                type: Input
+            }], iconPrefixColor: [{
+                type: Input
+            }], iconPrefixVariant: [{
+                type: Input
+            }], valueChangeEmit: [{
+                type: Input
+            }], submit: [{
+                type: Input
+            }], inputElement: [{
+                type: ViewChild,
+                args: ['inputElement']
+            }], valueChangeEmitter: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2RhdGUtcGlja2VyL2RhdGUtcGlja2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9kYXRlLXBpY2tlci9kYXRlLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM1RixPQUFPLEVBQWtCLG1CQUFtQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFcEUsT0FBTyxFQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM5QyxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDcEQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDakUsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ2pELE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQztBQUNyRCxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDckQsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sc0NBQXNDLENBQUM7QUFDdkUsT0FBTyxFQUFDLHlCQUF5QixFQUFDLE1BQU0sMENBQTBDLENBQUM7QUFDbkYsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sc0NBQXNDLENBQUM7Ozs7Ozs7O0FBbUJ6RSxNQUFN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QkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFFRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ3FCLFlBQVk7c0JBQXRDLFNBQVM7dUJBQUMsY0FBYztnQkFDZixrQkFBa0I7c0JBQTNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtGb3JtQ29udHJvbE5hbWUsIFJlYWN0aXZlRm9ybXNNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xuaW1wb3J0IHsgSW5wdXRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvaW5wdXQuc2VydmljZSc7XG5pbXBvcnQge05nQ2xhc3MsIE5nSWZ9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7VHJhbnNsYXRlTW9kdWxlfSBmcm9tIFwiQG5neC10cmFuc2xhdGUvY29yZVwiO1xuaW1wb3J0IHtNYXRGb3JtRmllbGRNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkXCI7XG5pbXBvcnQge01hdERhdGVwaWNrZXJNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9kYXRlcGlja2VyXCI7XG5pbXBvcnQge01hdElucHV0fSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXRcIjtcbmltcG9ydCB7TWF0VG9vbHRpcH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXBcIjtcbmltcG9ydCB7TWF0SWNvbk1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2ljb25cIjtcbmltcG9ydCB7RGF0ZU1hc2tEaXJlY3RpdmV9IGZyb20gXCIuLi8uLi9kaXJlY3RpdmVzL2RhdGUtbWFzay5kaXJlY3RpdmVcIjtcbmltcG9ydCB7R2VuZXJhdGVFcnJvck1lc3NhZ2VzUGlwZX0gZnJvbSBcIi4uLy4uL3BpcGVzL2dlbmVyYXRlLWVycm9yLW1lc3NhZ2VzLnBpcGVcIjtcbmltcG9ydCB7SWNvbkJ1dHRvbkNvbXBvbmVudH0gZnJvbSBcIi4uL2ljb24tYnV0dG9uL2ljb24tYnV0dG9uLmNvbXBvbmVudFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ktdGVjaC1kYXRlLXBpY2tlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2RhdGUtcGlja2VyLmNvbXBvbmVudC5odG1sJyxcbiAgaW1wb3J0czogW1xuICAgIE5nQ2xhc3MsIE5nSWYsXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxuICAgIE1hdERhdGVwaWNrZXJNb2R1bGUsXG4gICAgTWF0SW5wdXQsXG4gICAgTWF0VG9vbHRpcCxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIERhdGVNYXNrRGlyZWN0aXZlLFxuICAgIEdlbmVyYXRlRXJyb3JNZXNzYWdlc1BpcGUsIEljb25CdXR0b25Db21wb25lbnRcbiAgXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIERhdGVQaWNrZXJDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgPSAnJztcbiAgICBASW5wdXQoKSBkZWZhdWx0UGF0dGVybktleSE6IHN0cmluZztcbiAgICBASW5wdXQoKSByZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHBhc3REYXRlc0Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgaGludFRleHQ6IHN0cmluZyA9ICcnO1xuICAgIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnTU0vREQvWVlZWSc7XG4gICAgQElucHV0KCkgaWNvblByZWZpeD86IHN0cmluZztcbiAgICBASW5wdXQoKSBpY29uUHJlZml4U3ZnPzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGljb25QcmVmaXhUb29sdGlwPzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGljb25QcmVmaXhDb2xvcj86IHN0cmluZztcbiAgICBASW5wdXQoKSBpY29uUHJlZml4VmFyaWFudD86IHN0cmluZztcbiAgICBASW5wdXQoKSB2YWx1ZUNoYW5nZUVtaXQ/OiBib29sZWFuO1xuXG4gICAgQElucHV0KCkgc3VibWl0OiBib29sZWFuID0gZmFsc2U7XG4gICAgQFZpZXdDaGlsZCgnaW5wdXRFbGVtZW50JykgaW5wdXRFbGVtZW50ITogRWxlbWVudFJlZjtcbiAgICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2VFbWl0dGVyID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gICAgaXNPcGVuID0gZmFsc2U7XG4gICAgZm9jdXNlZCA9IGZhbHNlO1xuXG4gICAgbmdDb250cm9sOiBGb3JtQ29udHJvbE5hbWU7XG5cbiAgICB0b2RheTogRGF0ZSA9IG5ldyBEYXRlKCk7XG5cbiAgICAvLyBGaWx0ZXIgdG8gZGlzYWJsZSBwYXN0IGRhdGVzXG4gICAgZGF0ZUZpbHRlciA9IChkYXRlOiBEYXRlIHwgbnVsbCk6IGJvb2xlYW4gPT4ge1xuICAgICAgICBpZiAodGhpcy5wYXN0RGF0ZXNEaXNhYmxlZCkge1xuICAgICAgICAgICAgY29uc3QgdG9kYXkgPSB0aGlzLnRvZGF5O1xuICAgICAgICAgICAgcmV0dXJuIGRhdGUgPyBkYXRlID49IHRvZGF5IDogZmFsc2U7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGlucHV0U2VydmljZTogSW5wdXRTZXJ2aWNlKSB7XG4gICAgICAgIHRoaXMubmdDb250cm9sID0gdGhpcy5pbnB1dFNlcnZpY2UuaW5qZWN0TmdDb250cm9sKCkgYXMgRm9ybUNvbnRyb2xOYW1lO1xuICAgIH1cblxuICAgIGVtaXRDaGFuZ2UoKTogdm9pZCB7XG4gICAgICAgIGlmICghdGhpcy52YWx1ZUNoYW5nZUVtaXQpIHsgcmV0dXJuOyB9XG4gICAgICAgIHRoaXMudmFsdWVDaGFuZ2VFbWl0dGVyLmVtaXQoKTtcbiAgICB9XG5cbiAgICBjbGlja0ZvckZvY3VzT3V0KCk6IHZvaWQge1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuaW5wdXRFbGVtZW50Lm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICAgICAgICAgIHRoaXMuaW5wdXRFbGVtZW50Lm5hdGl2ZUVsZW1lbnQuYmx1cigpO1xuICAgICAgICB9LDEyMClcbiAgICB9XG5cbiAgICBjdXN0b21FcnJvclN0YXRlTWF0Y2hlciA9IHtcbiAgICAgICAgaXNFcnJvclN0YXRlOiAoY29udHJvbDogYW55LCBmb3JtOiBhbnkpOiBib29sZWFuID0+IHtcbiAgICAgICAgICAgIHJldHVybiAhIShjb250cm9sICYmIGNvbnRyb2wuaW52YWxpZCAmJiB0aGlzLnN1Ym1pdCk7XG4gICAgICAgIH1cbiAgICB9O1xufVxuIiwiPGRpdiBjbGFzcz1cImZsZXhfY29sdW1uIHJlbGF0aXZlIG1hdC1kYXRlLXJhbmdlLWlucHV0XCIgKm5nSWY9XCJuZ0NvbnRyb2xcIiBbbmdDbGFzc109XCJ7J2NoZWNrX3JlcXVpcmVtZW50cyc6IHN1Ym1pdH1cIj5cbiAgPGRpdiBjbGFzcz1cInctMTAwXCI+XG4gICAgPG1hdC1sYWJlbCBbbmdDbGFzc109XCJ7XG4gICAgICAgICdyZWFkb25seS1jb2xvcicgOiBuZ0NvbnRyb2wuY29udHJvbC5kaXNhYmxlZCxcbiAgICAgICAgJ2ludmFsaWQtbGFiZWwtY29sb3InOiAhIShuZ0NvbnRyb2wuY29udHJvbC5lcnJvcnMgJiYgc3VibWl0KVxuICAgICAgICB9XCI+XG4gICAgICB7eyBsYWJlbCB8IHRyYW5zbGF0ZSB9fVxuICAgIDwvbWF0LWxhYmVsPlxuICAgIDxzcGFuICpuZ0lmPVwicmVxdWlyZWRcIiBjbGFzcz1cInJlcXVpcmVkLWlucHV0XCIgW25nQ2xhc3NdPVwieydyZWFkb25seS1jb2xvcicgOiBuZ0NvbnRyb2wuY29udHJvbC5kaXNhYmxlZH1cIj4qPC9zcGFuPlxuICA8L2Rpdj5cbiAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCIgW25nQ2xhc3NdPVwieydvcGVuZWRfY2FsZW5kYXInOiBpc09wZW59XCJcbiAgICAgICAgICAgICAgICAgIFtjbGFzcy5yZWFkb25seS1maWVsZF09XCJuZ0NvbnRyb2wuY29udHJvbC5kaXNhYmxlZFwiPlxuICAgIDxpbnB1dCBtYXRJbnB1dCAjaW5wdXRFbGVtZW50XG4gICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cIm5nQ29udHJvbC5jb250cm9sXCJcbiAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyIHwgdHJhbnNsYXRlXCJcbiAgICAgICAgICAgZGF0ZU1hc2tcbiAgICAgICAgICAgW21hdERhdGVwaWNrZXJdPVwiZGF0ZVBpY2tlclwiXG4gICAgICAgICAgIFtlcnJvclN0YXRlTWF0Y2hlcl09XCJjdXN0b21FcnJvclN0YXRlTWF0Y2hlclwiXG4gICAgICAgICAgIFttYXREYXRlcGlja2VyRmlsdGVyXT1cImRhdGVGaWx0ZXJcIlxuICAgICAgICAgICAoZm9jdXMpPVwiZm9jdXNlZCA9IHRydWVcIlxuICAgICAgICAgICAoY2xpY2spPVwiZGF0ZVBpY2tlci5vcGVuKCk7XCJcbiAgICAgICAgICAgKGRhdGVDaGFuZ2UpPVwiZW1pdENoYW5nZSgpXCJcbiAgICA+XG5cbiAgICA8bWF0LWljb24gKm5nSWY9XCJpY29uUHJlZml4XCJcbiAgICAgICAgICAgICAgbWF0UHJlZml4XG4gICAgICAgICAgICAgIFttYXRUb29sdGlwXT1cIigoaWNvblByZWZpeFRvb2x0aXAgfHwgJycpIHwgdHJhbnNsYXRlKVwiXG4gICAgICAgICAgICAgIFtzdHlsZS5jb2xvcl09XCJpY29uUHJlZml4Q29sb3JcIlxuICAgID57eyBpY29uUHJlZml4IH19XG4gICAgPC9tYXQtaWNvbj5cblxuICAgIDxtYXQtaWNvbiAqbmdJZj1cImljb25QcmVmaXhTdmdcIlxuICAgICAgICAgICAgICBtYXRQcmVmaXhcbiAgICAgICAgICAgICAgW21hdFRvb2x0aXBdPVwiKChpY29uUHJlZml4VG9vbHRpcCB8fCAnJykgfCB0cmFuc2xhdGUpXCJcbiAgICAgICAgICAgICAgW3N2Z0ljb25dPVwiaWNvblByZWZpeFN2Z1wiXG4gICAgPjwvbWF0LWljb24+XG5cbiAgICA8aS10ZWNoLWljb24tYnV0dG9uIG1hdFN1ZmZpeFxuICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25OYW1lXT1cIidkYXRlX3JhbmdlJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwibmdDb250cm9sLmNvbnRyb2wuZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImRhdGVQaWNrZXIub3BlbigpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIm5nQ29udHJvbC5jb250cm9sLmRpc2FibGVkID8gJ3JlYWRvbmx5LWNvbG9yJyA6ICdkZWZhdWx0LWZvcm0taWNvbi1jb2xvcidcIlxuICAgID48L2ktdGVjaC1pY29uLWJ1dHRvbj5cblxuICAgIDxtYXQtZGF0ZXBpY2tlciAjZGF0ZVBpY2tlciAoY2xvc2VkKT1cImlzT3BlbiA9IGZhbHNlO2NsaWNrRm9yRm9jdXNPdXQoKVwiXG4gICAgICAgICAgICAgICAgICAgIChvcGVuZWQpPVwiaXNPcGVuID0gdHJ1ZTtmb2N1c2VkID0gdHJ1ZVwiPjwvbWF0LWRhdGVwaWNrZXI+XG5cbiAgICA8IS0tIEVycm9yIE1lc3NhZ2VzIC0tPlxuICAgIDxtYXQtZXJyb3IgKm5nSWY9XCIhIShuZ0NvbnRyb2wuY29udHJvbC5lcnJvcnMgJiYgc3VibWl0KVwiPlxuICAgICAge3sgbmdDb250cm9sLmNvbnRyb2wgfCBnZW5lcmF0ZUVycm9yTWVzc2FnZXMgOiBsYWJlbCA6IGRlZmF1bHRQYXR0ZXJuS2V5IH19XG4gICAgPC9tYXQtZXJyb3I+XG5cbiAgICA8IS0tIEhlbHBlciBUZXh0IC0tPlxuICAgIDxtYXQtaGludCAqbmdJZj1cIiEoISEobmdDb250cm9sLmNvbnRyb2wuZXJyb3JzICYmIHN1Ym1pdCkpICYmIGhpbnRUZXh0XCJcbiAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieydyZWFkb25seS1jb2xvcicgOiBuZ0NvbnRyb2wuY29udHJvbC5kaXNhYmxlZH1cIlxuICAgID5cbiAgICAgIHt7IGhpbnRUZXh0IHwgdHJhbnNsYXRlIH19XG4gICAgPC9tYXQtaGludD5cblxuICA8L21hdC1mb3JtLWZpZWxkPlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/date-range-datepicker/date-range-datepicker.component.mjs

@@ -0,0 +1,118 @@
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { MatDatepickerModule } from "@angular/material/datepicker";
+import { ReactiveFormsModule, UntypedFormControl, UntypedFormGroup, Validators } from "@angular/forms";
+import { MatFormFieldModule } from "@angular/material/form-field";
+import { NgClass, NgIf } from "@angular/common";
+import { TranslateModule } from "@ngx-translate/core";
+import { IconButtonComponent } from "../icon-button/icon-button.component";
+import { DateMaskDirective } from "../../directives/date-mask.directive";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/form-field";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/datepicker";
+import * as i4 from "@ngx-translate/core";
+export class DateRangeDatepickerComponent {
+    constructor() {
+        this.submit = false;
+        this.clearValue = true;
+        this.errorMessage = '';
+        this.hintText = 'MM/DD/YYYY - MM/DD/YYYY';
+        this.resetForm = new EventEmitter();
+        this.selectionChange = new EventEmitter();
+        this.isOpen = false;
+        this.dateRangeForm = new UntypedFormGroup({
+            startDate: new UntypedFormControl('', [Validators.maxLength(10)]),
+            endDate: new UntypedFormControl('', [Validators.maxLength(10)]),
+        });
+        this.customErrorStateMatcher = {
+            isErrorState: (control, form) => {
+                return !!(control && control.invalid && this.submit);
+            }
+        };
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            if (this.defaultValue?.length) {
+                this.dateRangeForm.patchValue({
+                    startDate: this.defaultValue[0],
+                    endDate: this.defaultValue[1]
+                });
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        setTimeout(() => {
+            if (changes['value']?.currentValue && !(changes['value'].currentValue[0])) {
+                if (this.picker) {
+                    this.dateRangeForm.reset();
+                    this.picker.select(null);
+                }
+            }
+            else if (changes['value'] && this.value?.length) {
+                this.dateRangeForm.setValue({
+                    startDate: new Date(this.value[0] || ''),
+                    endDate: new Date(this.value[1] || '')
+                });
+            }
+        }, 10);
+    }
+    clickForFocusOut() {
+        setTimeout(() => {
+            this.min.nativeElement.focus();
+            this.min.nativeElement.blur();
+        }, 120);
+    }
+    setDate(value, element) {
+        this.selectionChange.emit(value);
+        element.blur();
+    }
+    keyEventHandler(event, value, element) {
+        if (event.code === 'Enter') {
+            this.setDate(value, element);
+        }
+    }
+    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: "app-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\">\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 matSuffix [iconName]=\"'date_range'\" (buttonClick)=\"picker.open()\" class=\"default-form-icon-color\"></i-tech-icon-button>\n        <mat-date-range-picker #picker (closed)=\"isOpen = false;clickForFocusOut()\" (opened)=\"isOpen = true\"></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: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i3.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i3.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i3.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: i4.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: "18.2.13", ngImport: i0, type: DateRangeDatepickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-mat-range-datepicker', imports: [
+                        MatFormFieldModule,
+                        ReactiveFormsModule,
+                        MatDatepickerModule,
+                        NgClass, NgIf,
+                        TranslateModule,
+                        IconButtonComponent, DateMaskDirective
+                    ], standalone: true, template: "<div class=\"flex_column relative mat-date-range-input\"\n     [formGroup]=\"dateRangeForm\"\n>\n    <div class=\"w-100\">\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 matSuffix [iconName]=\"'date_range'\" (buttonClick)=\"picker.open()\" class=\"default-form-icon-color\"></i-tech-icon-button>\n        <mat-date-range-picker #picker (closed)=\"isOpen = false;clickForFocusOut()\" (opened)=\"isOpen = true\"></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: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], defaultValue: [{
+                type: Input
+            }], key: [{
+                type: Input
+            }], submit: [{
+                type: Input
+            }], clearValue: [{
+                type: Input
+            }], errorMessage: [{
+                type: Input
+            }], onePlaceholder: [{
+                type: Input
+            }], hintText: [{
+                type: Input
+            }], resetForm: [{
+                type: Output
+            }], selectionChange: [{
+                type: Output
+            }], picker: [{
+                type: ViewChild,
+                args: ['picker']
+            }], min: [{
+                type: ViewChild,
+                args: ['min']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1yYW5nZS1kYXRlcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9kYXRlLXJhbmdlLWRhdGVwaWNrZXIvZGF0ZS1yYW5nZS1kYXRlcGlja2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9kYXRlLXJhbmdlLWRhdGVwaWNrZXIvZGF0ZS1yYW5nZS1kYXRlcGlja2VyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBRU4sU0FBUyxFQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxtQkFBbUIsRUFBcUIsTUFBTSw4QkFBOEIsQ0FBQztBQUNyRixPQUFPLEVBQUMsbUJBQW1CLEVBQUUsa0JBQWtCLEVBQUUsZ0JBQWdCLEVBQUUsVUFBVSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDckcsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM5QyxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDcEQsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sc0NBQXNDLENBQUM7QUFDekUsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sc0NBQXNDLENBQUM7Ozs7OztBQWV2RSxNQUFNLE9BQU8sNEJBQTRCO0lBYnpDO1FBbUJXLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFDZixlQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLGlCQUFZLEdBQUcsRUFBRSxD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SyxDQUFDLElBQUksS0FBSyxPQUFPLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBQyxPQUFPLENBQUMsQ0FBQTtRQUM3QixDQUFDO0lBQ0gsQ0FBQzsrR0F2RVUsNEJBQTRCO21HQUE1Qiw0QkFBNEIscWxCQy9CekMscW1GQTRDQSwyQ0R0Qkksa0JBQWtCLG1nQkFDbEIsbUJBQW1CLG0yQkFDbkIsbUJBQW1CLGtuQkFDbkIsT0FBTyxvRkFBRSxJQUFJLDRGQUNiLGVBQWUsNEZBQ2YsbUJBQW1CLGlLQUFFLGlCQUFpQjs7NEZBSTdCLDRCQUE0QjtrQkFieEMsU0FBUzsrQkFDRSwwQkFBMEIsV0FFM0I7d0JBQ1Asa0JBQWtCO3dCQUNsQixtQkFBbUI7d0JBQ25CLG1CQUFtQjt3QkFDbkIsT0FBTyxFQUFFLElBQUk7d0JBQ2IsZUFBZTt3QkFDZixtQkFBbUIsRUFBRSxpQkFBaUI7cUJBQ3ZDLGNBQ1csSUFBSTs4QkFHUCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksU0FBUztzQkFBbEIsTUFBTTtnQkFDRyxlQUFlO3NCQUF4QixNQUFNO2dCQUNjLE1BQU07c0JBQTFCLFNBQVM7dUJBQUMsUUFBUTtnQkFDRCxHQUFHO3NCQUFwQixTQUFTO3VCQUFDLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT3V0cHV0LFxuICBTaW1wbGVDaGFuZ2VzLFxuICBWaWV3Q2hpbGRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge01hdERhdGVwaWNrZXJNb2R1bGUsIE1hdERhdGVSYW5nZVBpY2tlcn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2RhdGVwaWNrZXJcIjtcbmltcG9ydCB7UmVhY3RpdmVGb3Jtc01vZHVsZSwgVW50eXBlZEZvcm1Db250cm9sLCBVbnR5cGVkRm9ybUdyb3VwLCBWYWxpZGF0b3JzfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcbmltcG9ydCB7TWF0Rm9ybUZpZWxkTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZFwiO1xuaW1wb3J0IHtOZ0NsYXNzLCBOZ0lmfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQge1RyYW5zbGF0ZU1vZHVsZX0gZnJvbSBcIkBuZ3gtdHJhbnNsYXRlL2NvcmVcIjtcbmltcG9ydCB7SWNvbkJ1dHRvbkNvbXBvbmVudH0gZnJvbSBcIi4uL2ljb24tYnV0dG9uL2ljb24tYnV0dG9uLmNvbXBvbmVudFwiO1xuaW1wb3J0IHtEYXRlTWFza0RpcmVjdGl2ZX0gZnJvbSBcIi4uLy4uL2RpcmVjdGl2ZXMvZGF0ZS1tYXNrLmRpcmVjdGl2ZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtbWF0LXJhbmdlLWRhdGVwaWNrZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZGF0ZS1yYW5nZS1kYXRlcGlja2VyLmNvbXBvbmVudC5odG1sJyxcbiAgaW1wb3J0czogW1xuICAgIE1hdEZvcm1GaWVsZE1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE1hdERhdGVwaWNrZXJNb2R1bGUsXG4gICAgTmdDbGFzcywgTmdJZixcbiAgICBUcmFuc2xhdGVNb2R1bGUsXG4gICAgSWNvbkJ1dHRvbkNvbXBvbmVudCwgRGF0ZU1hc2tEaXJlY3RpdmVcbiAgXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBEYXRlUmFuZ2VEYXRlcGlja2VyQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgbGFiZWw/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyPzogQXJyYXk8c3RyaW5nPjtcbiAgQElucHV0KCkgdmFsdWU/OiBBcnJheTxzdHJpbmcgfCBudWxsPjtcbiAgQElucHV0KCkgZGVmYXVsdFZhbHVlPzogQXJyYXk8RGF0ZT47XG4gIEBJbnB1dCgpIGtleT86IHtzdGFydDogc3RyaW5nLCBlbmQ6IHN0cmluZywgdGl0bGU6IHN0cmluZ307XG4gIEBJbnB1dCgpIHN1Ym1pdCA9IGZhbHNlO1xuICBASW5wdXQoKSBjbGVhclZhbHVlID0gdHJ1ZTtcbiAgQElucHV0KCkgZXJyb3JNZXNzYWdlID0gJyc7XG4gIEBJbnB1dCgpIG9uZVBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICBASW5wdXQoKSBoaW50VGV4dDogc3RyaW5nID0gJ01NL0REL1lZWVkgLSBNTS9ERC9ZWVlZJztcbiAgQE91dHB1dCgpIHJlc2V0Rm9ybSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgc2VsZWN0aW9uQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBWaWV3Q2hpbGQoJ3BpY2tlcicpIHBpY2tlciE6IE1hdERhdGVSYW5nZVBpY2tlcjxhbnk+O1xuICBAVmlld0NoaWxkKCdtaW4nKSBtaW4hOiBFbGVtZW50UmVmO1xuICBpc09wZW4gPSBmYWxzZTtcblxuICBkYXRlUmFuZ2VGb3JtID0gbmV3IFVudHlwZWRGb3JtR3JvdXAoe1xuICAgIHN0YXJ0RGF0ZTogbmV3IFVudHlwZWRGb3JtQ29udHJvbCgnJywgW1ZhbGlkYXRvcnMubWF4TGVuZ3RoKDEwKV0pLFxuICAgIGVuZERhdGU6IG5ldyBVbnR5cGVkRm9ybUNvbnRyb2woJycsIFtWYWxpZGF0b3JzLm1heExlbmd0aCgxMCldKSxcbiAgfSk7XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgaWYgKHRoaXMuZGVmYXVsdFZhbHVlPy5sZW5ndGgpIHtcbiAgICAgICAgdGhpcy5kYXRlUmFuZ2VGb3JtLnBhdGNoVmFsdWUoe1xuICAgICAgICAgIHN0YXJ0RGF0ZTogdGhpcy5kZWZhdWx0VmFsdWVbMF0sXG4gICAgICAgICAgZW5kRGF0ZTogdGhpcy5kZWZhdWx0VmFsdWVbMV1cbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICB9KVxuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgaWYgKGNoYW5nZXNbJ3ZhbHVlJ10/LmN1cnJlbnRWYWx1ZSAmJiAhKGNoYW5nZXNbJ3ZhbHVlJ10uY3VycmVudFZhbHVlWzBdKSkge1xuICAgICAgICBpZiAodGhpcy5waWNrZXIpIHtcbiAgICAgICAgICB0aGlzLmRhdGVSYW5nZUZvcm0ucmVzZXQoKTtcbiAgICAgICAgICB0aGlzLnBpY2tlci5zZWxlY3QobnVsbClcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIGlmIChjaGFuZ2VzWyd2YWx1ZSddICYmIHRoaXMudmFsdWU/Lmxlbmd0aCkge1xuICAgICAgICB0aGlzLmRhdGVSYW5nZUZvcm0uc2V0VmFsdWUoe1xuICAgICAgICAgIHN0YXJ0RGF0ZTogbmV3IERhdGUodGhpcy52YWx1ZVswXSB8fCAnJyksXG4gICAgICAgICAgZW5kRGF0ZTogbmV3IERhdGUodGhpcy52YWx1ZVsxXSB8fCAnJylcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICB9LCAxMClcbiAgfVxuXG4gIGNsaWNrRm9yRm9jdXNPdXQoKTogdm9pZCB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLm1pbi5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgICB0aGlzLm1pbi5uYXRpdmVFbGVtZW50LmJsdXIoKTtcbiAgICB9LDEyMClcbiAgfVxuXG4gIGN1c3RvbUVycm9yU3RhdGVNYXRjaGVyID0ge1xuICAgIGlzRXJyb3JTdGF0ZTogKGNvbnRyb2w6IGFueSwgZm9ybTogYW55KTogYm9vbGVhbiA9PiB7XG4gICAgICByZXR1cm4gISEoY29udHJvbCAmJiBjb250cm9sLmludmFsaWQgJiYgdGhpcy5zdWJtaXQpO1xuICAgIH1cbiAgfTtcblxuICBzZXREYXRlKHZhbHVlOiBBcnJheTxzdHJpbmcgfCBudWxsPiwgZWxlbWVudDogYW55KTogdm9pZCB7XG4gICAgdGhpcy5zZWxlY3Rpb25DaGFuZ2UuZW1pdCh2YWx1ZSk7XG4gICAgZWxlbWVudC5ibHVyKCk7XG4gIH1cblxuICBrZXlFdmVudEhhbmRsZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQsdmFsdWU6IEFycmF5PHN0cmluZyB8IG51bGw+LCBlbGVtZW50OiBhbnkpOiB2b2lkIHtcbiAgICBpZiAoZXZlbnQuY29kZSA9PT0gJ0VudGVyJykge1xuICAgICAgdGhpcy5zZXREYXRlKHZhbHVlLGVsZW1lbnQpXG4gICAgfVxuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJmbGV4X2NvbHVtbiByZWxhdGl2ZSBtYXQtZGF0ZS1yYW5nZS1pbnB1dFwiXG4gICAgIFtmb3JtR3JvdXBdPVwiZGF0ZVJhbmdlRm9ybVwiXG4+XG4gICAgPGRpdiBjbGFzcz1cInctMTAwXCI+XG4gICAgICAgIDxtYXQtbGFiZWw+XG4gICAgICAgICAgICB7eyhsYWJlbCB8fCAnJykgfCB0cmFuc2xhdGV9fVxuICAgICAgICA8L21hdC1sYWJlbD5cbiAgICA8L2Rpdj5cbiAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIiBbbmdDbGFzc109XCJ7J29wZW5lZF9jYWxlbmRhcic6IGlzT3Blbn1cIj5cbiAgICAgICAgPG1hdC1kYXRlLXJhbmdlLWlucHV0IFtyYW5nZVBpY2tlcl09XCJwaWNrZXJcIj5cbiAgICAgICAgICAgIDxpbnB1dCBmb3JtQ29udHJvbE5hbWU9XCJzdGFydERhdGVcIlxuICAgICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCIgKHBsYWNlaG9sZGVyID8gcGxhY2Vob2xkZXJbMF0gOiAnU3RhcnQgRGF0ZScpXCJcbiAgICAgICAgICAgICAgICAgICBbdGl0bGVdPVwia2V5ID8ga2V5LnRpdGxlIDogICdEYXRlJ1wiXG4gICAgICAgICAgICAgICAgICAgW2F0dHIuZGF0YS1hY2Nlc3NLZXldPVwia2V5ID8ga2V5LnN0YXJ0IDogJ21pblN0YXJ0RGF0ZSdcIlxuICAgICAgICAgICAgICAgICAgIFthdHRyLmRhdGEtcGFyZW50S2V5XT1cImtleSA/IChrZXkuc3RhcnQgKyAnXycgKyBrZXkuZW5kKSA6ICdtaW5TdGFydERhdGVfbWF4RW5kRGF0ZSdcIlxuICAgICAgICAgICAgICAgICAgIG1hdFN0YXJ0RGF0ZSAjbWluXG4gICAgICAgICAgICAgICAgICAgZGF0ZU1hc2tcbiAgICAgICAgICAgICAgICAgICBbZXJyb3JTdGF0ZU1hdGNoZXJdPVwiY3VzdG9tRXJyb3JTdGF0ZU1hdGNoZXJcIlxuICAgICAgICAgICAgICAgICAgIFtyYW5nZUZvcm1Db250cm9sXT1cImRhdGVSYW5nZUZvcm0uY29udHJvbHNbJ3N0YXJ0RGF0ZSddXCJcbiAgICAgICAgICAgICAgICAgICAoa2V5ZG93bik9XCJrZXlFdmVudEhhbmRsZXIoJGV2ZW50LFttaW4udmFsdWUsIG1heC52YWx1ZSB8fCBudWxsXSxtaW4pXCJcbiAgICAgICAgICAgICAgICAgICAoZGF0ZUNoYW5nZSk9XCJzZXREYXRlKFttaW4udmFsdWUsIG1heC52YWx1ZSB8fCBudWxsXSxtaW4pXCI+XG4gICAgICAgICAgICA8aW5wdXQgZm9ybUNvbnRyb2xOYW1lPVwiZW5kRGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cIihwbGFjZWhvbGRlciAgPyBwbGFjZWhvbGRlclsxXSA6ICdFbmQgRGF0ZScpXCJcbiAgICAgICAgICAgICAgICAgICBbdGl0bGVdPVwia2V5ID8ga2V5LnRpdGxlIDogICdEYXRlJ1wiXG4gICAgICAgICAgICAgICAgICAgW2F0dHIuZGF0YS1hY2Nlc3NLZXldPVwia2V5ID8ga2V5LmVuZCA6ICdtYXhFbmREYXRlJ1wiXG4gICAgICAgICAgICAgICAgICAgW2F0dHIuZGF0YS1wYXJlbnRLZXldPVwia2V5ID8gKGtleS5zdGFydCArICdfJyArIGtleS5lbmQpIDogJ21pblN0YXJ0RGF0ZV9tYXhFbmREYXRlJ1wiXG4gICAgICAgICAgICAgICAgICAgbWF0RW5kRGF0ZSAjbWF4XG4gICAgICAgICAgICAgICAgICAgZGF0ZU1hc2tcbiAgICAgICAgICAgICAgICAgICBbZXJyb3JTdGF0ZU1hdGNoZXJdPVwiY3VzdG9tRXJyb3JTdGF0ZU1hdGNoZXJcIlxuICAgICAgICAgICAgICAgICAgIFtyYW5nZUZvcm1Db250cm9sXT1cImRhdGVSYW5nZUZvcm0uY29udHJvbHNbJ2VuZERhdGUnXVwiXG4gICAgICAgICAgICAgICAgICAgKGtleWRvd24pPVwia2V5RXZlbnRIYW5kbGVyKCRldmVudCxbbWluLnZhbHVlLCBtYXgudmFsdWUgfHwgbnVsbF0sbWF4KVwiXG4gICAgICAgICAgICAgICAgICAgKGRhdGVDaGFuZ2UpPVwic2V0RGF0ZShbbWluLnZhbHVlLCBtYXgudmFsdWUgfHwgbnVsbF0sbWF4KVwiPlxuICAgICAgICA8L21hdC1kYXRlLXJhbmdlLWlucHV0PlxuICAgICAgICA8aS10ZWNoLWljb24tYnV0dG9uIG1hdFN1ZmZpeFxuICAgICAgICAgICAgIFtpY29uTmFtZV09XCInY2FuY2VsJ1wiXG4gICAgICAgICAgICAgKGJ1dHRvbkNsaWNrKT1cInNlbGVjdGlvbkNoYW5nZS5lbWl0KFtudWxsLCBudWxsXSlcIlxuICAgICAgICAgICAgIGNsYXNzPVwiZGVmYXVsdC1mb3JtLWljb24tY29sb3JcIlxuICAgICAgICAgICAgICpuZ0lmPVwiZGF0ZVJhbmdlRm9ybS5nZXQoJ3N0YXJ0RGF0ZScpPy52YWx1ZSAmJiB0aGlzLmRhdGVSYW5nZUZvcm0uZ2V0KCdlbmREYXRlJyk/LnZhbHVlXCJcbiAgICAgICAgPjwvaS10ZWNoLWljb24tYnV0dG9uPlxuICAgICAgICA8aS10ZWNoLWljb24tYnV0dG9uIG1hdFN1ZmZpeCBbaWNvbk5hbWVdPVwiJ2RhdGVfcmFuZ2UnXCIgKGJ1dHRvbkNsaWNrKT1cInBpY2tlci5vcGVuKClcIiBjbGFzcz1cImRlZmF1bHQtZm9ybS1pY29uLWNvbG9yXCI+PC9pLXRlY2gtaWNvbi1idXR0b24+XG4gICAgICAgIDxtYXQtZGF0ZS1yYW5nZS1waWNrZXIgI3BpY2tlciAoY2xvc2VkKT1cImlzT3BlbiA9IGZhbHNlO2NsaWNrRm9yRm9jdXNPdXQoKVwiIChvcGVuZWQpPVwiaXNPcGVuID0gdHJ1ZVwiPjwvbWF0LWRhdGUtcmFuZ2UtcGlja2VyPlxuICAgICAgICA8bWF0LWhpbnQgKm5nSWY9XCJoaW50VGV4dCAmJiAhZXJyb3JNZXNzYWdlXCI+e3toaW50VGV4dH19PC9tYXQtaGludD5cbiAgICA8L21hdC1mb3JtLWZpZWxkPlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/icon-button/icon-button.component.mjs

@@ -0,0 +1,49 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { MatFabButton, MatIconButton } from "@angular/material/button";
+import { NgClass, NgIf } from "@angular/common";
+import { MatTooltip } from "@angular/material/tooltip";
+import { TranslateModule } from "@ngx-translate/core";
+import { MatIcon } from "@angular/material/icon";
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+export class IconButtonComponent {
+    constructor() {
+        this.size = 'medium';
+        this.type = 'tonal';
+        this.buttonClick = new EventEmitter();
+    }
+    onClick(event) {
+        if (!this.disabled) {
+            this.buttonClick.emit();
+        }
+    }
+    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: "18.2.13", ngImport: i0, type: IconButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'i-tech-icon-button', imports: [
+                        MatIconButton,
+                        NgClass,
+                        MatTooltip,
+                        TranslateModule,
+                        MatIcon,
+                        MatFabButton,
+                        NgIf
+                    ], 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: [{
+                type: Input
+            }], iconSvg: [{
+                type: Input
+            }], iconName: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], buttonClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2ljb24tYnV0dG9uL2ljb24tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBQyxZQUFZLEVBQUUsYUFBYSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDckUsT0FBTyxFQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM5QyxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDckQsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQ3BELE9BQU8sRUFBQyxPQUFPLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBaUIvQyxNQUFNLE9BQU8sbUJBQW1CO0lBZmhDO1FBZ0JXLFNBQUksR0FBdUIsUUFBUSxDQUFDO1FBQ3BDLFNBQUksR0FBb0MsT0FBTyxDQUFDO1FBSy9DLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQU9sRDtJQUxDLE9BQU8sQ0FBQyxLQUFpQjtRQUN2QixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDMUIsQ0FBQztJQUNILENBQUM7K0dBYlUsbUJBQW1CO21HQUFuQixtQkFBbUIsbVBDdEJoQyxxOUJBMkJBLDBERGZJLGFBQWEsNkZBQ2IsT0FBTyxvRkFDUCxVQUFVLGdSQUNWLGVBQWUsNEZBQ2YsT0FBTywySUFDUCxZQUFZLDJHQUNaLElBQUk7OzRGQUlLLG1CQUFtQjtrQkFmL0IsU0FBUzsrQkFDRSxvQkFBb0IsV0FHckI7d0JBQ1AsYUFBYTt3QkFDYixPQUFPO3dCQUNQLFVBQVU7d0JBQ1YsZUFBZTt3QkFDZixPQUFPO3dCQUNQLFlBQVk7d0JBQ1osSUFBSTtxQkFDTCxjQUNXLElBQUk7OEJBR1AsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge01hdEZhYkJ1dHRvbiwgTWF0SWNvbkJ1dHRvbn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2J1dHRvblwiO1xuaW1wb3J0IHtOZ0NsYXNzLCBOZ0lmfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQge01hdFRvb2x0aXB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwXCI7XG5pbXBvcnQge1RyYW5zbGF0ZU1vZHVsZX0gZnJvbSBcIkBuZ3gtdHJhbnNsYXRlL2NvcmVcIjtcbmltcG9ydCB7TWF0SWNvbn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2ljb25cIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaS10ZWNoLWljb24tYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ljb24tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2ljb24tYnV0dG9uLmNvbXBvbmVudC5zY3NzJyxcbiAgaW1wb3J0czogW1xuICAgIE1hdEljb25CdXR0b24sXG4gICAgTmdDbGFzcyxcbiAgICBNYXRUb29sdGlwLFxuICAgIFRyYW5zbGF0ZU1vZHVsZSxcbiAgICBNYXRJY29uLFxuICAgIE1hdEZhYkJ1dHRvbixcbiAgICBOZ0lmXG4gIF0sXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgSWNvbkJ1dHRvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHNpemU6ICdtZWRpdW0nIHwgJ3NtYWxsJyA9ICdtZWRpdW0nO1xuICBASW5wdXQoKSB0eXBlOiAnc3RhbmRhcmQnIHwgJ2ZpbGxlZCcgfCAndG9uYWwnID0gJ3RvbmFsJztcbiAgQElucHV0KCkgaWNvblN2ZyE6IHN0cmluZztcbiAgQElucHV0KCkgaWNvbk5hbWUhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRvb2x0aXAhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRpc2FibGVkITogYm9vbGVhbjtcbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIG9uQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMuYnV0dG9uQ2xpY2suZW1pdCgpO1xuICAgIH1cbiAgfVxufVxuIiwiPGJ1dHRvblxuICAgICAgICAqbmdJZj1cIlsndG9uYWwnLCdzdGFuZGFyZCddLmluY2x1ZGVzKHR5cGUpXCJcbiAgICAgICAgbWF0LWljb24tYnV0dG9uXG4gICAgICAgIFtuZ0NsYXNzXT1cIntzbWFsbDogc2l6ZSA9PT0gJ3NtYWxsJywgdG9uYWw6IHR5cGUgPT09ICd0b25hbCcsIHN0YW5kYXJkOiB0eXBlID09PSAnc3RhbmRhcmQnfVwiXG4gICAgICAgIFttYXRUb29sdGlwXT1cInRvb2x0aXAgfCB0cmFuc2xhdGVcIlxuICAgICAgICBbbWF0VG9vbHRpcERpc2FibGVkXT1cIiF0b29sdGlwXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkIHx8IGZhbHNlXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soJGV2ZW50KVwiXG4+XG4gICAgPG1hdC1pY29uICpuZ0lmPVwiaWNvblN2Z1wiIFtzdmdJY29uXT1cImljb25TdmdcIj48L21hdC1pY29uPlxuICAgIDxtYXQtaWNvbiAqbmdJZj1cImljb25OYW1lXCI+e3tpY29uTmFtZX19PC9tYXQtaWNvbj5cbjwvYnV0dG9uPlxuXG48YnV0dG9uXG4gICAgICAgICpuZ0lmPVwidHlwZSA9PT0gJ2ZpbGxlZCdcIlxuICAgICAgICBtYXQtZmFiXG4gICAgICAgIGNsYXNzPVwiZmlsbGVkXCJcbiAgICAgICAgW25nQ2xhc3NdPVwie3NtYWxsOiBzaXplID09PSAnc21hbGwnfVwiXG4gICAgICAgIFttYXRUb29sdGlwXT1cInRvb2x0aXAgfCB0cmFuc2xhdGVcIlxuICAgICAgICBbbWF0VG9vbHRpcERpc2FibGVkXT1cIiF0b29sdGlwXCJcbiAgICAgICAgW2NvbG9yXT1cIidwcmltYXJ5J1wiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBmYWxzZVwiXG4gICAgICAgIChjbGljayk9XCJvbkNsaWNrKCRldmVudClcIlxuPlxuICAgIDxtYXQtaWNvbiAqbmdJZj1cImljb25TdmdcIiBbc3ZnSWNvbl09XCJpY29uU3ZnXCI+PC9tYXQtaWNvbj5cbiAgICA8bWF0LWljb24gKm5nSWY9XCJpY29uTmFtZVwiPnt7aWNvbk5hbWV9fTwvbWF0LWljb24+XG48L2J1dHRvbj5cbiJdfQ==