i-tech-shared-components 1.1.26 → 1.1.27

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" }]
+        }], 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDeEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsTUFBTSxVQUFVLENBQUM7Ozs7QUFFekQ7O0dBRUc7QUFxQkgsTUFBTSxPQUFPLGVBQWU7SUFwQjVCO1FBcUJFOztXQUVHO1FBQ00sU0FBSSxHQUFHLEVBQUUsQ0FBQztRQUVuQjs7V0FFRztRQUNNLFlBQU8sR0FBRyxFQUFFLENBQUM7UUFFdEI7O1dBRUc7UUFDTSxhQUFRLEdBQUcsRUFBRSxDQUFDO1FBRXZCOztXQUVHO1FBQ00sWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUV0Qjs7V0FFRztRQUNNLFNBQUksR0FBZSxVQUFVLENBQUMsTUFBTSxDQUFDO1FBRTlDOztXQUVHO1FBQ00sZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFFMUI7O1dBRUc7UUFDTSxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBRXhCOztXQUVHO1FBQ00sYUFBUSxHQUFHLEtBQUssQ0FBQztRQUUxQjs7V0FFRztRQUNNLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFM0I7O1dBRUc7UUFDTSxVQUFLLEdBQXVCLFNBQVMsQ0FBQztRQUUvQzs7V0FFRztRQUNPLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUVqRDs7V0FFRztRQUNnQixlQUFVLEdBQUcsVUFBVSxDQUFDO0tBWTVDO0lBVkM7Ozs7T0FJRztJQUNILE9BQU8sQ0FBQyxLQUFpQjtRQUN2QixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNuQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzFCLENBQUM7SUFDSCxDQUFDOytHQXRFVSxlQUFlO21HQUFmLGVBQWUsdVRBUGY7WUFDVCxnQkFBZ0I7WUFDaEIsV0FBVztZQUNYLGFBQWE7WUFDYixnQkFBZ0I7U0FDakIsMEJDOUJILHk4REFnREEsMEREaENJLFNBQVMsaUxBQ1QsT0FBTyxvRkFDUCxrQkFBa0IsK0tBQ2xCLElBQUksNEZBQ0osYUFBYSxtTEFDYixlQUFlOzs0RkFXTixlQUFlO2tCQXBCM0IsU0FBUzsrQkFDRSxlQUFlLGNBQ2IsSUFBSSxXQUNQO3dCQUNQLFNBQVM7d0JBQ1QsT0FBTzt3QkFDUCxrQkFBa0I7d0JBQ2xCLElBQUk7d0JBQ0osYUFBYTt3QkFDYixlQUFlO3FCQUNoQixhQUdVO3dCQUNULGdCQUFnQjt3QkFDaEIsV0FBVzt3QkFDWCxhQUFhO3dCQUNiLGdCQUFnQjtxQkFDakI7OEJBTVEsSUFBSTtzQkFBWixLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLRyxNQUFNO3NCQUFkLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSztnQkFLSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEJ1dHRvbiB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9idXR0b25cIjtcbmltcG9ydCB7IE5nQ2xhc3MsIE5nSWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBNYXRQcm9ncmVzc1NwaW5uZXIgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvcHJvZ3Jlc3Mtc3Bpbm5lclwiO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9pY29uXCI7XG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUsIFRyYW5zbGF0ZVBpcGUsIFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tIFwiQG5neC10cmFuc2xhdGUvY29yZVwiO1xuaW1wb3J0IHsgQnV0dG9uVHlwZSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvYnV0dG9uLXR5cGVzLmVudW0nO1xuaW1wb3J0IHsgTmd4TWFza0RpcmVjdGl2ZSwgTmd4TWFza1BpcGUgfSBmcm9tICduZ3gtbWFzayc7XG5cbi8qKlxuICogQSByZXVzYWJsZSBidXR0b24gY29tcG9uZW50IHdpdGggTWF0ZXJpYWwgRGVzaWduIHN0eWxpbmcgYW5kIGN1c3RvbSBmdW5jdGlvbmFsaXR5LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpLXRlY2gtYnV0dG9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE1hdEJ1dHRvbixcbiAgICBOZ0NsYXNzLFxuICAgIE1hdFByb2dyZXNzU3Bpbm5lcixcbiAgICBOZ0lmLFxuICAgIE1hdEljb25Nb2R1bGUsXG4gICAgVHJhbnNsYXRlTW9kdWxlXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5jc3MnLFxuICBwcm92aWRlcnM6IFtcbiAgICBOZ3hNYXNrRGlyZWN0aXZlLFxuICAgIE5neE1hc2tQaXBlLFxuICAgIFRyYW5zbGF0ZVBpcGUsXG4gICAgVHJhbnNsYXRlU2VydmljZVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBUaGUgdGV4dCBkaXNwbGF5ZWQgaW5zaWRlIHRoZSBidXR0b24uXG4gICAqL1xuICBASW5wdXQoKSB0ZXh0ID0gJyc7XG5cbiAgLyoqXG4gICAqIERhdGEgYXR0cmlidXRlIHVzZWQgZm9yIEN5cHJlc3Mgb3Igb3RoZXIgdGVzdGluZyBmcmFtZXdvcmtzLlxuICAgKi9cbiAgQElucHV0KCkgZGF0YV9jeSA9ICcnO1xuXG4gIC8qKlxuICAgKiBGb250IGljb24gY2xhc3MgZm9yIGRpc3BsYXlpbmcgYW4gaWNvbiAoZS5nLiwgTWF0ZXJpYWwgSWNvbnMpLlxuICAgKi9cbiAgQElucHV0KCkgZm9udEljb24gPSAnJztcblxuICAvKipcbiAgICogU1ZHIGljb24gbmFtZSBmb3IgZGlzcGxheWluZyBhbiBTVkcgaWNvbi5cbiAgICovXG4gIEBJbnB1dCgpIHN2Z0ljb24gPSAnJztcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgdHlwZSBvZiBidXR0b24gKGUuZy4sIGBGSUxMRURgLCBgT1VUTElORURgKS5cbiAgICovXG4gIEBJbnB1dCgpIHR5cGU6IEJ1dHRvblR5cGUgPSBCdXR0b25UeXBlLkZJTExFRDtcblxuICAvKipcbiAgICogQWRkaXRpb25hbCBjdXN0b20gY2xhc3NlcyB0byBzdHlsZSB0aGUgYnV0dG9uLlxuICAgKi9cbiAgQElucHV0KCkgY3VzdG9tQ2xhc3MgPSAnJztcblxuICAvKipcbiAgICogSWYgdHJ1ZSwgdGhlIGJ1dHRvbiBhY3RzIGFzIGEgc3VibWl0IGJ1dHRvbi5cbiAgICovXG4gIEBJbnB1dCgpIHN1Ym1pdCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBJZiB0cnVlLCB0aGUgYnV0dG9uIGlzIGRpc2FibGVkIGFuZCBjYW5ub3QgYmUgY2xpY2tlZC5cbiAgICovXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB3aGV0aGVyIHRoZSBidXR0b24gaXMgY3VycmVudGx5IGFjdGl2YXRlZC5cbiAgICovXG4gIEBJbnB1dCgpIGFjdGl2YXRlZCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBUaGUgY29sb3Igb2YgdGhlIGJ1dHRvbiAoZS5nLiwgYHByaW1hcnlgLCBgd2FybmApLlxuICAgKi9cbiAgQElucHV0KCkgY29sb3I6ICdwcmltYXJ5JyB8ICd3YXJuJyA9ICdwcmltYXJ5JztcblxuICAvKipcbiAgICogRW1pdHMgYW4gZXZlbnQgd2hlbiB0aGUgYnV0dG9uIGlzIGNsaWNrZWQuXG4gICAqL1xuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLyoqXG4gICAqIEVudW0gcmVmZXJlbmNlIGZvciBgQnV0dG9uVHlwZWAgdG8gdXNlIGluIHRlbXBsYXRlcy5cbiAgICovXG4gIHByb3RlY3RlZCByZWFkb25seSBCdXR0b25UeXBlID0gQnV0dG9uVHlwZTtcblxuICAvKipcbiAgICogSGFuZGxlcyB0aGUgYnV0dG9uIGNsaWNrIGV2ZW50LlxuICAgKlxuICAgKiBAcGFyYW0gZXZlbnQgLSBUaGUgbW91c2UgZXZlbnQgdHJpZ2dlcmVkIGJ5IGNsaWNraW5nIHRoZSBidXR0b24uXG4gICAqL1xuICBvbkNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmRpc2FibGVkICYmICF0aGlzLnN1Ym1pdCkge1xuICAgICAgdGhpcy5idXR0b25DbGljay5lbWl0KCk7XG4gICAgfVxuICB9XG59XG4iLCI8YnV0dG9uICpuZ0lmPVwiW0J1dHRvblR5cGUuRklMTEVELEJ1dHRvblR5cGUuV0FSTklOR10uaW5jbHVkZXModHlwZSlcIlxuICAgICAgICBtYXQtZmxhdC1idXR0b25cbiAgICAgICAgW2F0dHIuZGF0YS1jeV09XCJkYXRhX2N5XCJcbiAgICAgICAgW2NvbG9yXT1cInR5cGUgPT09IEJ1dHRvblR5cGUuV0FSTklORyA/ICd3YXJuJyA6IGNvbG9yXCJcbiAgICAgICAgW2NsYXNzLmFjdGl2YXRlZF09XCJhY3RpdmF0ZWRcIlxuICAgICAgICBbbmdDbGFzc109XCIoY3VzdG9tQ2xhc3MgfHwgJycpXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkIHx8IHN1Ym1pdFwiXG4gICAgICAgIChjbGljayk9XCJvbkNsaWNrKCRldmVudClcIlxuPlxuICAgICAgICA8c3BhbiAqbmdJZj1cInN1Ym1pdFwiIGNsYXNzPVwic3Bpbm5lci1vdmVybGF5XCI+XG4gICAgICAgICAgICA8bWF0LXNwaW5uZXIgZGlhbWV0ZXI9XCIxNlwiPjwvbWF0LXNwaW5uZXI+XG4gICAgICAgIDwvc3Bhbj5cbiAgPG1hdC1pY29uICpuZ0lmPVwiZm9udEljb24gJiYgIXN1Ym1pdFwiPnt7Zm9udEljb259fTwvbWF0LWljb24+XG4gIDxtYXQtaWNvbiAqbmdJZj1cInN2Z0ljb24gJiYgIXN1Ym1pdFwiIFtzdmdJY29uXT1cInN2Z0ljb25cIj48L21hdC1pY29uPlxuICA8c3Bhbj57e3RleHQgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbjwvYnV0dG9uPlxuPGJ1dHRvbiAqbmdJZj1cIltCdXR0b25UeXBlLlRPTkFMLEJ1dHRvblR5cGUuVEVYVF0uaW5jbHVkZXModHlwZSlcIlxuICAgICAgICBtYXQtYnV0dG9uXG4gICAgICAgIFthdHRyLmRhdGEtY3ldPVwiZGF0YV9jeVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIih0eXBlID09PSBCdXR0b25UeXBlLlRPTkFMID8gJ3RlcnRpYXJ5ICcgOiAnJykgKyAoY3VzdG9tQ2xhc3MgfHwgJycpXCJcbiAgICAgICAgW2NsYXNzLmFjdGl2YXRlZF09XCJhY3RpdmF0ZWRcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgc3VibWl0XCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soJGV2ZW50KVwiXG4+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwic3VibWl0XCIgIGNsYXNzPVwic3Bpbm5lci1vdmVybGF5XCI+XG4gICAgICAgICAgICA8bWF0LXNwaW5uZXIgZGlhbWV0ZXI9XCIxNlwiPjwvbWF0LXNwaW5uZXI+XG4gICAgICAgIDwvc3Bhbj5cbiAgPG1hdC1pY29uICpuZ0lmPVwiZm9udEljb24gJiYgIXN1Ym1pdFwiPnt7Zm9udEljb259fTwvbWF0LWljb24+XG4gIDxtYXQtaWNvbiAqbmdJZj1cInN2Z0ljb24gJiYgIXN1Ym1pdFwiIFtzdmdJY29uXT1cInN2Z0ljb25cIj48L21hdC1pY29uPlxuXG4gIDxzcGFuPnt7dGV4dCB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuPC9idXR0b24+XG48YnV0dG9uICpuZ0lmPVwidHlwZSA9PT0gQnV0dG9uVHlwZS5PVVRMSU5FXCJcbiAgICAgICAgW2NvbG9yXT1cImNvbG9yXCJcbiAgICAgICAgbWF0LXN0cm9rZWQtYnV0dG9uXG4gICAgICAgIFthdHRyLmRhdGEtY3ldPVwiZGF0YV9jeVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIihjdXN0b21DbGFzcyB8fCAnJykgXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkIHx8IHN1Ym1pdFwiXG4gICAgICAgIChjbGljayk9XCJvbkNsaWNrKCRldmVudClcIlxuICAgICAgICBbY2xhc3MuYWN0aXZhdGVkXT1cImFjdGl2YXRlZFwiXG4+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwic3VibWl0XCIgIGNsYXNzPVwic3Bpbm5lci1vdmVybGF5XCI+XG4gICAgICAgICAgICA8bWF0LXNwaW5uZXIgZGlhbWV0ZXI9XCIxNlwiPjwvbWF0LXNwaW5uZXI+XG4gICAgICAgIDwvc3Bhbj5cbiAgPG1hdC1pY29uICpuZ0lmPVwiZm9udEljb24gJiYgIXN1Ym1pdFwiID57e2ZvbnRJY29ufX08L21hdC1pY29uPlxuICA8bWF0LWljb24gKm5nSWY9XCJzdmdJY29uICYmICFzdWJtaXRcIiBbc3ZnSWNvbl09XCJzdmdJY29uXCI+PC9tYXQtaWNvbj5cbiAgPHNwYW4+e3t0ZXh0IHwgdHJhbnNsYXRlfX08L3NwYW4+XG48L2J1dHRvbj5cbiJdfQ==

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.resetValue = 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: { 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: "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"
+    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
+            }], resetValue: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xlYXItdmFsdWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NsZWFyLXZhbHVlL2NsZWFyLXZhbHVlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFzQzVELE1BQU0sT0FBTyxtQkFBbUI7SUFwQ2hDO1FBdUNZLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0tBQ2hEOytHQUpZLG1CQUFtQjttR0FBbkIsbUJBQW1CLDZMQWxDcEI7Ozs7O29DQUt3QixxTkF3QmhDLE9BQU8sb0ZBQ1AsZ0JBQWdCOzs0RkFJUCxtQkFBbUI7a0JBcEMvQixTQUFTOytCQUNFLG9CQUFvQixZQUNwQjs7Ozs7b0NBS3dCLFdBdUJ6Qjt3QkFDUCxPQUFPO3dCQUNQLGdCQUFnQjtxQkFDakIsY0FDVyxJQUFJOzhCQUdQLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nQ2xhc3MsIE5nT3B0aW1pemVkSW1hZ2UgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ktdGVjaC1jbGVhci12YWx1ZScsXG4gIHRlbXBsYXRlOiBgPGltZ1xuICAgIGNsYXNzPVwicG9pbnRlclwiXG4gICAgW25nQ2xhc3NdPVwiY2xhc3NOYW1lIHx8ICdzdGFuZGFyZCdcIlxuICAgIChjbGljayk9XCJyZXNldFZhbHVlLmVtaXQoKVwiXG4gICAgbmdTcmM9XCIuL2ljX2Nsb3NlLnN2Z1wiXG4gICAgaGVpZ2h0PVwiMjRcIiB3aWR0aD1cIjI0XCIgYWx0PVwiXCIvPmAsXG4gIHN0eWxlczogW2BcbiAgICBpbWcge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgd2lkdGg6IDE1cHg7XG4gICAgICBoZWlnaHQ6IDE1cHg7XG4gICAgfVxuXG4gICAgLmJpZyB7XG4gICAgICB3aWR0aDogMjVweDtcbiAgICAgIGhlaWdodDogMjVweDtcbiAgICB9XG5cbiAgICAucmFuZ2VfZGF0ZSB7XG4gICAgICByaWdodDogLTY1cHg7XG4gICAgICB0b3A6IDE1cHg7XG4gICAgfVxuXG4gICAgLnN0YW5kYXJkIHtcbiAgICAgIHJpZ2h0OiAtMjBweDtcbiAgICAgIHRvcDogNDBweDtcbiAgICB9XG4gIGBdLFxuICBpbXBvcnRzOiBbXG4gICAgTmdDbGFzcyxcbiAgICBOZ09wdGltaXplZEltYWdlXG4gIF0sXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgQ2xlYXJWYWx1ZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNsYXNzTmFtZSE6IHN0cmluZztcbiAgQElucHV0KCkgYWRkaXRpb25hbENsYXNzITogc3RyaW5nO1xuICBAT3V0cHV0KCkgcmVzZXRWYWx1ZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xufVxuIl19

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

@@ -0,0 +1,117 @@
+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.minDate = null;
+        this.clearable = false;
+        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", 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: 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           [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: 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
+            }], minDate: [{
+                type: Input
+            }], clearable: [{
+                type: Input
+            }], submit: [{
+                type: Input
+            }], inputElement: [{
+                type: ViewChild,
+                args: ['inputElement']
+            }], valueChangeEmitter: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2RhdGUtcGlja2VyL2RhdGUtcGlja2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9kYXRlLXBpY2tlci9kYXRlLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQW1CLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFdEUsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDbEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDbkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDekUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDckYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7Ozs7Ozs7O0FBbUIzRSxNQUFN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Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUcsTUFBTTtzQkFBZCxLQUFLO2dCQUNxQixZQUFZO3NCQUF0QyxTQUFTO3VCQUFDLGNBQWM7Z0JBQ2Ysa0JBQWtCO3NCQUEzQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2xOYW1lLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5pbXBvcnQgeyBJbnB1dFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9pbnB1dC5zZXJ2aWNlJztcbmltcG9ydCB7IE5nQ2xhc3MsIE5nSWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tIFwiQG5neC10cmFuc2xhdGUvY29yZVwiO1xuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGRcIjtcbmltcG9ydCB7IE1hdERhdGVwaWNrZXJNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGF0ZXBpY2tlclwiO1xuaW1wb3J0IHsgTWF0SW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXRcIjtcbmltcG9ydCB7IE1hdFRvb2x0aXAgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcFwiO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9pY29uXCI7XG5pbXBvcnQgeyBEYXRlTWFza0RpcmVjdGl2ZSB9IGZyb20gXCIuLi8uLi9kaXJlY3RpdmVzL2RhdGUtbWFzay5kaXJlY3RpdmVcIjtcbmltcG9ydCB7IEdlbmVyYXRlRXJyb3JNZXNzYWdlc1BpcGUgfSBmcm9tIFwiLi4vLi4vcGlwZXMvZ2VuZXJhdGUtZXJyb3ItbWVzc2FnZXMucGlwZVwiO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbkNvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5jb21wb25lbnRcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaS10ZWNoLWRhdGUtcGlja2VyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGUtcGlja2VyLmNvbXBvbmVudC5odG1sJyxcbiAgaW1wb3J0czogW1xuICAgIE5nQ2xhc3MsIE5nSWYsXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxuICAgIE1hdERhdGVwaWNrZXJNb2R1bGUsXG4gICAgTWF0SW5wdXQsXG4gICAgTWF0VG9vbHRpcCxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIERhdGVNYXNrRGlyZWN0aXZlLFxuICAgIEdlbmVyYXRlRXJyb3JNZXNzYWdlc1BpcGUsIEljb25CdXR0b25Db21wb25lbnRcbiAgXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBEYXRlUGlja2VyQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICAgIEBJbnB1dCgpIGRlZmF1bHRQYXR0ZXJuS2V5ITogc3RyaW5nIDtcbiAgICBASW5wdXQoKSByZXF1aXJlZCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHBhc3REYXRlc0Rpc2FibGVkID0gZmFsc2U7XG4gICAgQElucHV0KCkgaGludFRleHQgPSAnJztcbiAgICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICdNTS9ERC9ZWVlZJztcbiAgICBASW5wdXQoKSBpY29uUHJlZml4Pzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGljb25QcmVmaXhTdmc/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgaWNvblByZWZpeFRvb2x0aXA/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgaWNvblByZWZpeENvbG9yPzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGljb25QcmVmaXhWYXJpYW50Pzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHZhbHVlQ2hhbmdlRW1pdD86IGJvb2xlYW47XG4gICAgQElucHV0KCkgbWluRGF0ZTogRGF0ZSB8IG51bGwgPSBudWxsO1xuICAgIEBJbnB1dCgpIGNsZWFyYWJsZSA9IGZhbHNlO1xuXG4gICAgQElucHV0KCkgc3VibWl0ID0gZmFsc2U7XG4gICAgQFZpZXdDaGlsZCgnaW5wdXRFbGVtZW50JykgaW5wdXRFbGVtZW50ITogRWxlbWVudFJlZjtcbiAgICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2VFbWl0dGVyID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gICAgaXNPcGVuID0gZmFsc2U7XG4gICAgZm9jdXNlZCA9IGZhbHNlO1xuXG4gICAgbmdDb250cm9sOiBGb3JtQ29udHJvbE5hbWU7XG5cbiAgICB0b2RheTogRGF0ZSA9IG5ldyBEYXRlKCk7XG5cbiAgICAvLyBGaWx0ZXIgdG8gZGlzYWJsZSBwYXN0IGRhdGVzXG4gICAgZGF0ZUZpbHRlciA9IChkYXRlOiBEYXRlIHwgbnVsbCk6IGJvb2xlYW4gPT4ge1xuICAgICAgaWYgKHRoaXMucGFzdERhdGVzRGlzYWJsZWQpIHtcbiAgICAgICAgY29uc3QgdG9kYXkgPSB0aGlzLnRvZGF5O1xuICAgICAgICByZXR1cm4gZGF0ZSA/IGRhdGUgPj0gdG9kYXkgOiBmYWxzZTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGlucHV0U2VydmljZTogSW5wdXRTZXJ2aWNlKSB7XG4gICAgICB0aGlzLm5nQ29udHJvbCA9IHRoaXMuaW5wdXRTZXJ2aWNlLmluamVjdE5nQ29udHJvbCgpIGFzIEZvcm1Db250cm9sTmFtZTtcbiAgICB9XG5cbiAgICBlbWl0Q2hhbmdlKCk6IHZvaWQge1xuICAgICAgaWYgKCF0aGlzLnZhbHVlQ2hhbmdlRW1pdCkgeyByZXR1cm47IH1cbiAgICAgIHRoaXMudmFsdWVDaGFuZ2VFbWl0dGVyLmVtaXQoKTtcbiAgICB9XG5cbiAgICBjbGlja0ZvckZvY3VzT3V0KCk6IHZvaWQge1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHRoaXMuaW5wdXRFbGVtZW50Lm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICAgICAgdGhpcy5pbnB1dEVsZW1lbnQubmF0aXZlRWxlbWVudC5ibHVyKCk7XG4gICAgICB9LDEyMClcbiAgICB9XG5cbiAgICBjdXN0b21FcnJvclN0YXRlTWF0Y2hlciA9IHtcbiAgICAgIGlzRXJyb3JTdGF0ZTogKGNvbnRyb2w6IGFueSwgZm9ybTogYW55KTogYm9vbGVhbiA9PiB7XG4gICAgICAgIHJldHVybiAhIShjb250cm9sICYmIGNvbnRyb2wuaW52YWxpZCAmJiB0aGlzLnN1Ym1pdCk7XG4gICAgICB9XG4gICAgfTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJmbGV4X2NvbHVtbiByZWxhdGl2ZSBtYXQtZGF0ZS1yYW5nZS1pbnB1dFwiICpuZ0lmPVwibmdDb250cm9sXCIgW25nQ2xhc3NdPVwieydjaGVja19yZXF1aXJlbWVudHMnOiBzdWJtaXR9XCI+XG4gIDxkaXYgY2xhc3M9XCJ3LTEwMFwiPlxuICAgIDxtYXQtbGFiZWwgW25nQ2xhc3NdPVwie1xuICAgICAgICAncmVhZG9ubHktY29sb3InIDogbmdDb250cm9sLmNvbnRyb2wuZGlzYWJsZWQsXG4gICAgICAgICdpbnZhbGlkLWxhYmVsLWNvbG9yJzogISEobmdDb250cm9sLmNvbnRyb2wuZXJyb3JzICYmIHN1Ym1pdClcbiAgICAgICAgfVwiPlxuICAgICAge3sgbGFiZWwgfCB0cmFuc2xhdGUgfX1cbiAgICA8L21hdC1sYWJlbD5cbiAgICA8c3BhbiAqbmdJZj1cInJlcXVpcmVkXCIgY2xhc3M9XCJyZXF1aXJlZC1pbnB1dFwiIFtuZ0NsYXNzXT1cInsncmVhZG9ubHktY29sb3InIDogbmdDb250cm9sLmNvbnRyb2wuZGlzYWJsZWR9XCI+Kjwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiIFtuZ0NsYXNzXT1cInsnb3BlbmVkX2NhbGVuZGFyJzogaXNPcGVufVwiXG4gICAgICAgICAgICAgICAgICBbY2xhc3MucmVhZG9ubHktZmllbGRdPVwibmdDb250cm9sLmNvbnRyb2wuZGlzYWJsZWRcIj5cbiAgICA8aW5wdXQgbWF0SW5wdXQgI2lucHV0RWxlbWVudFxuICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJuZ0NvbnRyb2wuY29udHJvbFwiXG4gICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlciB8IHRyYW5zbGF0ZVwiXG4gICAgICAgICAgIFttaW5dPVwibWluRGF0ZVwiXG4gICAgICAgICAgIGRhdGVNYXNrXG4gICAgICAgICAgIFttYXREYXRlcGlja2VyXT1cImRhdGVQaWNrZXJcIlxuICAgICAgICAgICBbZXJyb3JTdGF0ZU1hdGNoZXJdPVwiY3VzdG9tRXJyb3JTdGF0ZU1hdGNoZXJcIlxuICAgICAgICAgICBbbWF0RGF0ZXBpY2tlckZpbHRlcl09XCJkYXRlRmlsdGVyXCJcbiAgICAgICAgICAgKGZvY3VzKT1cImZvY3VzZWQgPSB0cnVlXCJcbiAgICAgICAgICAgKGNsaWNrKT1cImRhdGVQaWNrZXIub3BlbigpO1wiXG4gICAgICAgICAgIChkYXRlQ2hhbmdlKT1cImVtaXRDaGFuZ2UoKVwiXG4gICAgPlxuXG4gICAgPG1hdC1pY29uICpuZ0lmPVwiaWNvblByZWZpeFwiXG4gICAgICAgICAgICAgIG1hdFByZWZpeFxuICAgICAgICAgICAgICBbbWF0VG9vbHRpcF09XCIoKGljb25QcmVmaXhUb29sdGlwIHx8ICcnKSB8IHRyYW5zbGF0ZSlcIlxuICAgICAgICAgICAgICBbc3R5bGUuY29sb3JdPVwiaWNvblByZWZpeENvbG9yXCJcbiAgICA+e3sgaWNvblByZWZpeCB9fVxuICAgIDwvbWF0LWljb24+XG5cbiAgICA8bWF0LWljb24gKm5nSWY9XCJpY29uUHJlZml4U3ZnXCJcbiAgICAgICAgICAgICAgbWF0UHJlZml4XG4gICAgICAgICAgICAgIFttYXRUb29sdGlwXT1cIigoaWNvblByZWZpeFRvb2x0aXAgfHwgJycpIHwgdHJhbnNsYXRlKVwiXG4gICAgICAgICAgICAgIFtzdmdJY29uXT1cImljb25QcmVmaXhTdmdcIlxuICAgID48L21hdC1pY29uPlxuXG4gICAgPGFwcC1pY29uLWJ1dHRvblxuICAgICAgKm5nSWY9XCJjbGVhcmFibGUgJiYgIW5nQ29udHJvbC5jb250cm9sLmRpc2FibGVkICYmICEhbmdDb250cm9sLmNvbnRyb2wudmFsdWVcIlxuICAgICAgaWNvbk5hbWU9XCJjYW5jZWxcIlxuICAgICAgbWF0U3VmZml4XG4gICAgICBbbmdDbGFzc109XCJuZ0NvbnRyb2wuY29udHJvbC5kaXNhYmxlZCA/ICdyZWFkb25seS1jb2xvcicgOiAnZGVmYXVsdC1mb3JtLWljb24tY29sb3InXCJcbiAgICAgIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7JGV2ZW50LnByZXZlbnREZWZhdWx0KCk7bmdDb250cm9sLmNvbnRyb2wucmVzZXQobnVsbCk7XCJcbiAgICA+XG4gICAgPC9hcHAtaWNvbi1idXR0b24+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: "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\">\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: 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: 'i-tech-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\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: [{
+                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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1yYW5nZS1kYXRlcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9kYXRlLXJhbmdlLWRhdGVwaWNrZXIvZGF0ZS1yYW5nZS1kYXRlcGlja2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9kYXRlLXJhbmdlLWRhdGVwaWNrZXIvZGF0ZS1yYW5nZS1kYXRlcGlja2VyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBRU4sU0FBUyxFQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBc0IsTUFBTSw4QkFBOEIsQ0FBQztBQUN2RixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsa0JBQWtCLEVBQUUsZ0JBQWdCLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdkcsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDbEUsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7Ozs7OztBQWV6RSxNQUFNLE9BQU8sNEJBQTRCO0lBYnpDO1FBbUJXLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFDZixlQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLGlCQUFZLEdBQUcsRUFBRSxD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SyxDQUFDLElBQUksS0FBSyxPQUFPLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBQyxPQUFPLENBQUMsQ0FBQTtRQUM3QixDQUFDO0lBQ0gsQ0FBQzsrR0F2RVUsNEJBQTRCO21HQUE1Qiw0QkFBNEIsd2xCQy9CekMsNGhGQXFEQSwyQ0QvQkksa0JBQWtCLG1nQkFDbEIsbUJBQW1CLG0yQkFDbkIsbUJBQW1CLGtuQkFDbkIsT0FBTyxvRkFBRSxJQUFJLDRGQUNiLGVBQWUsNEZBQ2YsbUJBQW1CLGlLQUFFLGlCQUFpQjs7NEZBSTdCLDRCQUE0QjtrQkFieEMsU0FBUzsrQkFDRSw2QkFBNkIsV0FFOUI7d0JBQ1Asa0JBQWtCO3dCQUNsQixtQkFBbUI7d0JBQ25CLG1CQUFtQjt3QkFDbkIsT0FBTyxFQUFFLElBQUk7d0JBQ2IsZUFBZTt3QkFDZixtQkFBbUIsRUFBRSxpQkFBaUI7cUJBQ3ZDLGNBQ1csSUFBSTs4QkFHUCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksU0FBUztzQkFBbEIsTUFBTTtnQkFDRyxlQUFlO3NCQUF4QixNQUFNO2dCQUNjLE1BQU07c0JBQTFCLFNBQVM7dUJBQUMsUUFBUTtnQkFDRCxHQUFHO3NCQUFwQixTQUFTO3VCQUFDLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT3V0cHV0LFxuICBTaW1wbGVDaGFuZ2VzLFxuICBWaWV3Q2hpbGRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREYXRlcGlja2VyTW9kdWxlLCBNYXREYXRlUmFuZ2VQaWNrZXIgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGF0ZXBpY2tlclwiO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSwgVW50eXBlZEZvcm1Db250cm9sLCBVbnR5cGVkRm9ybUdyb3VwLCBWYWxpZGF0b3JzIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5pbXBvcnQgeyBNYXRGb3JtRmllbGRNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZFwiO1xuaW1wb3J0IHsgTmdDbGFzcywgTmdJZiB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gXCJAbmd4LXRyYW5zbGF0ZS9jb3JlXCI7XG5pbXBvcnQgeyBJY29uQnV0dG9uQ29tcG9uZW50IH0gZnJvbSBcIi4uL2ljb24tYnV0dG9uL2ljb24tYnV0dG9uLmNvbXBvbmVudFwiO1xuaW1wb3J0IHsgRGF0ZU1hc2tEaXJlY3RpdmUgfSBmcm9tIFwiLi4vLi4vZGlyZWN0aXZlcy9kYXRlLW1hc2suZGlyZWN0aXZlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ktdGVjaC1tYXQtcmFuZ2UtZGF0ZXBpY2tlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRlLXJhbmdlLWRhdGVwaWNrZXIuY29tcG9uZW50Lmh0bWwnLFxuICBpbXBvcnRzOiBbXG4gICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgTWF0RGF0ZXBpY2tlck1vZHVsZSxcbiAgICBOZ0NsYXNzLCBOZ0lmLFxuICAgIFRyYW5zbGF0ZU1vZHVsZSxcbiAgICBJY29uQnV0dG9uQ29tcG9uZW50LCBEYXRlTWFza0RpcmVjdGl2ZVxuICBdLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIERhdGVSYW5nZURhdGVwaWNrZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMsIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBsYWJlbD86IHN0cmluZztcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI/OiBBcnJheTxzdHJpbmc+O1xuICBASW5wdXQoKSB2YWx1ZT86IEFycmF5PHN0cmluZyB8IG51bGw+O1xuICBASW5wdXQoKSBkZWZhdWx0VmFsdWU/OiBBcnJheTxEYXRlPjtcbiAgQElucHV0KCkga2V5Pzoge3N0YXJ0OiBzdHJpbmcsIGVuZDogc3RyaW5nLCB0aXRsZTogc3RyaW5nfTtcbiAgQElucHV0KCkgc3VibWl0ID0gZmFsc2U7XG4gIEBJbnB1dCgpIGNsZWFyVmFsdWUgPSB0cnVlO1xuICBASW5wdXQoKSBlcnJvck1lc3NhZ2UgPSAnJztcbiAgQElucHV0KCkgb25lUGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGhpbnRUZXh0ID0gJ01NL0REL1lZWVkgLSBNTS9ERC9ZWVlZJztcbiAgQE91dHB1dCgpIHJlc2V0Rm9ybSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgc2VsZWN0aW9uQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBWaWV3Q2hpbGQoJ3BpY2tlcicpIHBpY2tlciE6IE1hdERhdGVSYW5nZVBpY2tlcjxhbnk+O1xuICBAVmlld0NoaWxkKCdtaW4nKSBtaW4hOiBFbGVtZW50UmVmO1xuICBpc09wZW4gPSBmYWxzZTtcblxuICBkYXRlUmFuZ2VGb3JtID0gbmV3IFVudHlwZWRGb3JtR3JvdXAoe1xuICAgIHN0YXJ0RGF0ZTogbmV3IFVudHlwZWRGb3JtQ29udHJvbCgnJywgW1ZhbGlkYXRvcnMubWF4TGVuZ3RoKDEwKV0pLFxuICAgIGVuZERhdGU6IG5ldyBVbnR5cGVkRm9ybUNvbnRyb2woJycsIFtWYWxpZGF0b3JzLm1heExlbmd0aCgxMCldKSxcbiAgfSk7XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgaWYgKHRoaXMuZGVmYXVsdFZhbHVlPy5sZW5ndGgpIHtcbiAgICAgICAgdGhpcy5kYXRlUmFuZ2VGb3JtLnBhdGNoVmFsdWUoe1xuICAgICAgICAgIHN0YXJ0RGF0ZTogdGhpcy5kZWZhdWx0VmFsdWVbMF0sXG4gICAgICAgICAgZW5kRGF0ZTogdGhpcy5kZWZhdWx0VmFsdWVbMV1cbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICB9KVxuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgaWYgKGNoYW5nZXNbJ3ZhbHVlJ10/LmN1cnJlbnRWYWx1ZSAmJiAhKGNoYW5nZXNbJ3ZhbHVlJ10uY3VycmVudFZhbHVlWzBdKSkge1xuICAgICAgICBpZiAodGhpcy5waWNrZXIpIHtcbiAgICAgICAgICB0aGlzLmRhdGVSYW5nZUZvcm0ucmVzZXQoKTtcbiAgICAgICAgICB0aGlzLnBpY2tlci5zZWxlY3QobnVsbClcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIGlmIChjaGFuZ2VzWyd2YWx1ZSddICYmIHRoaXMudmFsdWU/Lmxlbmd0aCkge1xuICAgICAgICB0aGlzLmRhdGVSYW5nZUZvcm0uc2V0VmFsdWUoe1xuICAgICAgICAgIHN0YXJ0RGF0ZTogbmV3IERhdGUodGhpcy52YWx1ZVswXSB8fCAnJyksXG4gICAgICAgICAgZW5kRGF0ZTogbmV3IERhdGUodGhpcy52YWx1ZVsxXSB8fCAnJylcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICB9LCAxMClcbiAgfVxuXG4gIGNsaWNrRm9yRm9jdXNPdXQoKTogdm9pZCB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLm1pbi5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgICB0aGlzLm1pbi5uYXRpdmVFbGVtZW50LmJsdXIoKTtcbiAgICB9LDEyMClcbiAgfVxuXG4gIGN1c3RvbUVycm9yU3RhdGVNYXRjaGVyID0ge1xuICAgIGlzRXJyb3JTdGF0ZTogKGNvbnRyb2w6IGFueSwgZm9ybTogYW55KTogYm9vbGVhbiA9PiB7XG4gICAgICByZXR1cm4gISEoY29udHJvbCAmJiBjb250cm9sLmludmFsaWQgJiYgdGhpcy5zdWJtaXQpO1xuICAgIH1cbiAgfTtcblxuICBzZXREYXRlKHZhbHVlOiBBcnJheTxzdHJpbmcgfCBudWxsPiwgZWxlbWVudDogYW55KTogdm9pZCB7XG4gICAgdGhpcy5zZWxlY3Rpb25DaGFuZ2UuZW1pdCh2YWx1ZSk7XG4gICAgZWxlbWVudC5ibHVyKCk7XG4gIH1cblxuICBrZXlFdmVudEhhbmRsZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQsdmFsdWU6IEFycmF5PHN0cmluZyB8IG51bGw+LCBlbGVtZW50OiBhbnkpOiB2b2lkIHtcbiAgICBpZiAoZXZlbnQuY29kZSA9PT0gJ0VudGVyJykge1xuICAgICAgdGhpcy5zZXREYXRlKHZhbHVlLGVsZW1lbnQpXG4gICAgfVxuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJmbGV4X2NvbHVtbiByZWxhdGl2ZSBtYXQtZGF0ZS1yYW5nZS1pbnB1dFwiXG4gICAgIFtmb3JtR3JvdXBdPVwiZGF0ZVJhbmdlRm9ybVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJ3LTEwMFwiPlxuICAgIDxtYXQtbGFiZWw+XG4gICAgICB7eyAobGFiZWwgfHwgJycpIHwgdHJhbnNsYXRlIH19XG4gICAgPC9tYXQtbGFiZWw+XG4gIDwvZGl2PlxuICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIiBbbmdDbGFzc109XCJ7J29wZW5lZF9jYWxlbmRhcic6IGlzT3Blbn1cIj5cbiAgICA8bWF0LWRhdGUtcmFuZ2UtaW5wdXQgW3JhbmdlUGlja2VyXT1cInBpY2tlclwiPlxuICAgICAgPGlucHV0IGZvcm1Db250cm9sTmFtZT1cInN0YXJ0RGF0ZVwiXG4gICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cIiAocGxhY2Vob2xkZXIgPyBwbGFjZWhvbGRlclswXSA6ICdTdGFydCBEYXRlJylcIlxuICAgICAgICAgICAgIFt0aXRsZV09XCJrZXkgPyBrZXkudGl0bGUgOiAgJ0RhdGUnXCJcbiAgICAgICAgICAgICBbYXR0ci5kYXRhLWFjY2Vzc0tleV09XCJrZXkgPyBrZXkuc3RhcnQgOiAnbWluU3RhcnREYXRlJ1wiXG4gICAgICAgICAgICAgW2F0dHIuZGF0YS1wYXJlbnRLZXldPVwia2V5ID8gKGtleS5zdGFydCArICdfJyArIGtleS5lbmQpIDogJ21pblN0YXJ0RGF0ZV9tYXhFbmREYXRlJ1wiXG4gICAgICAgICAgICAgbWF0U3RhcnREYXRlICNtaW5cbiAgICAgICAgICAgICBkYXRlTWFza1xuICAgICAgICAgICAgIFtlcnJvclN0YXRlTWF0Y2hlcl09XCJjdXN0b21FcnJvclN0YXRlTWF0Y2hlclwiXG4gICAgICAgICAgICAgW3JhbmdlRm9ybUNvbnRyb2xdPVwiZGF0ZVJhbmdlRm9ybS5jb250cm9sc1snc3RhcnREYXRlJ11cIlxuICAgICAgICAgICAgIChrZXlkb3duKT1cImtleUV2ZW50SGFuZGxlcigkZXZlbnQsW21pbi52YWx1ZSwgbWF4LnZhbHVlIHx8IG51bGxdLG1pbilcIlxuICAgICAgICAgICAgIChkYXRlQ2hhbmdlKT1cInNldERhdGUoW21pbi52YWx1ZSwgbWF4LnZhbHVlIHx8IG51bGxdLG1pbilcIj5cbiAgICAgIDxpbnB1dCBmb3JtQ29udHJvbE5hbWU9XCJlbmREYXRlXCJcbiAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiKHBsYWNlaG9sZGVyICA/IHBsYWNlaG9sZGVyWzFdIDogJ0VuZCBEYXRlJylcIlxuICAgICAgICAgICAgIFt0aXRsZV09XCJrZXkgPyBrZXkudGl0bGUgOiAgJ0RhdGUnXCJcbiAgICAgICAgICAgICBbYXR0ci5kYXRhLWFjY2Vzc0tleV09XCJrZXkgPyBrZXkuZW5kIDogJ21heEVuZERhdGUnXCJcbiAgICAgICAgICAgICBbYXR0ci5kYXRhLXBhcmVudEtleV09XCJrZXkgPyAoa2V5LnN0YXJ0ICsgJ18nICsga2V5LmVuZCkgOiAnbWluU3RhcnREYXRlX21heEVuZERhdGUnXCJcbiAgICAgICAgICAgICBtYXRFbmREYXRlICNtYXhcbiAgICAgICAgICAgICBkYXRlTWFza1xuICAgICAgICAgICAgIFtlcnJvclN0YXRlTWF0Y2hlcl09XCJjdXN0b21FcnJvclN0YXRlTWF0Y2hlclwiXG4gICAgICAgICAgICAgW3JhbmdlRm9ybUNvbnRyb2xdPVwiZGF0ZVJhbmdlRm9ybS5jb250cm9sc1snZW5kRGF0ZSddXCJcbiAgICAgICAgICAgICAoa2V5ZG93bik9XCJrZXlFdmVudEhhbmRsZXIoJGV2ZW50LFttaW4udmFsdWUsIG1heC52YWx1ZSB8fCBudWxsXSxtYXgpXCJcbiAgICAgICAgICAgICAoZGF0ZUNoYW5nZSk9XCJzZXREYXRlKFttaW4udmFsdWUsIG1heC52YWx1ZSB8fCBudWxsXSxtYXgpXCI+XG4gICAgPC9tYXQtZGF0ZS1yYW5nZS1pbnB1dD5cbiAgICA8aS10ZWNoLWljb24tYnV0dG9uIG1hdFN1ZmZpeFxuICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25OYW1lXT1cIidjYW5jZWwnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChidXR0b25DbGljayk9XCJzZWxlY3Rpb25DaGFuZ2UuZW1pdChbbnVsbCwgbnVsbF0pXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZGVmYXVsdC1mb3JtLWljb24tY29sb3JcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJkYXRlUmFuZ2VGb3JtLmdldCgnc3RhcnREYXRlJyk/LnZhbHVlICYmIHRoaXMuZGF0ZVJhbmdlRm9ybS5nZXQoJ2VuZERhdGUnKT8udmFsdWVcIlxuICAgID48L2ktdGVjaC1pY29uLWJ1dHRvbj5cbiAgICA8aS10ZWNoLWljb24tYnV0dG9uXG4gICAgICBtYXRTdWZmaXhcbiAgICAgIFtpY29uTmFtZV09XCInZGF0ZV9yYW5nZSdcIlxuICAgICAgKGJ1dHRvbkNsaWNrKT1cInBpY2tlci5vcGVuKClcIlxuICAgICAgY2xhc3M9XCJkZWZhdWx0LWZvcm0taWNvbi1jb2xvclwiXG4gICAgPjwvaS10ZWNoLWljb24tYnV0dG9uPlxuICAgIDxtYXQtZGF0ZS1yYW5nZS1waWNrZXJcbiAgICAgICNwaWNrZXJcbiAgICAgIChjbG9zZWQpPVwiaXNPcGVuID0gZmFsc2U7Y2xpY2tGb3JGb2N1c091dCgpXCJcbiAgICAgIChvcGVuZWQpPVwiaXNPcGVuID0gdHJ1ZVwiXG4gICAgPjwvbWF0LWRhdGUtcmFuZ2UtcGlja2VyPlxuICAgIDxtYXQtaGludCAqbmdJZj1cImhpbnRUZXh0ICYmICFlcnJvck1lc3NhZ2VcIj57eyBoaW50VGV4dCB9fTwvbWF0LWhpbnQ+XG4gIDwvbWF0LWZvcm0tZmllbGQ+XG48L2Rpdj5cbiJdfQ==

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2ljb24tYnV0dG9uL2ljb24tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdkUsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBaUJqRCxNQUFNLE9BQU8sbUJBQW1CO0lBZmhDO1FBZ0JXLFNBQUksR0FBdUIsUUFBUSxDQUFDO1FBQ3BDLFNBQUksR0FBb0MsT0FBTyxDQUFDO1FBSy9DLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQU9sRDtJQUxDLE9BQU8sQ0FBQyxLQUFpQjtRQUN2QixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDMUIsQ0FBQztJQUNILENBQUM7K0dBYlUsbUJBQW1CO21HQUFuQixtQkFBbUIsbVBDdEJoQyxxOUJBMkJBLDBERGZJLGFBQWEsNkZBQ2IsT0FBTyxvRkFDUCxVQUFVLGdSQUNWLGVBQWUsNEZBQ2YsT0FBTywySUFDUCxZQUFZLDJHQUNaLElBQUk7OzRGQUlLLG1CQUFtQjtrQkFmL0IsU0FBUzsrQkFDRSxvQkFBb0IsV0FHckI7d0JBQ1AsYUFBYTt3QkFDYixPQUFPO3dCQUNQLFVBQVU7d0JBQ1YsZUFBZTt3QkFDZixPQUFPO3dCQUNQLFlBQVk7d0JBQ1osSUFBSTtxQkFDTCxjQUNXLElBQUk7OEJBR1AsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEZhYkJ1dHRvbiwgTWF0SWNvbkJ1dHRvbiB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9idXR0b25cIjtcbmltcG9ydCB7IE5nQ2xhc3MsIE5nSWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBNYXRUb29sdGlwIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXBcIjtcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gXCJAbmd4LXRyYW5zbGF0ZS9jb3JlXCI7XG5pbXBvcnQgeyBNYXRJY29uIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2ljb25cIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaS10ZWNoLWljb24tYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ljb24tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2ljb24tYnV0dG9uLmNvbXBvbmVudC5zY3NzJyxcbiAgaW1wb3J0czogW1xuICAgIE1hdEljb25CdXR0b24sXG4gICAgTmdDbGFzcyxcbiAgICBNYXRUb29sdGlwLFxuICAgIFRyYW5zbGF0ZU1vZHVsZSxcbiAgICBNYXRJY29uLFxuICAgIE1hdEZhYkJ1dHRvbixcbiAgICBOZ0lmXG4gIF0sXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgSWNvbkJ1dHRvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHNpemU6ICdtZWRpdW0nIHwgJ3NtYWxsJyA9ICdtZWRpdW0nO1xuICBASW5wdXQoKSB0eXBlOiAnc3RhbmRhcmQnIHwgJ2ZpbGxlZCcgfCAndG9uYWwnID0gJ3RvbmFsJztcbiAgQElucHV0KCkgaWNvblN2ZyE6IHN0cmluZztcbiAgQElucHV0KCkgaWNvbk5hbWUhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRvb2x0aXAhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRpc2FibGVkITogYm9vbGVhbjtcbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIG9uQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMuYnV0dG9uQ2xpY2suZW1pdCgpO1xuICAgIH1cbiAgfVxufVxuIiwiPGJ1dHRvblxuICAgICAgICAqbmdJZj1cIlsndG9uYWwnLCdzdGFuZGFyZCddLmluY2x1ZGVzKHR5cGUpXCJcbiAgICAgICAgbWF0LWljb24tYnV0dG9uXG4gICAgICAgIFtuZ0NsYXNzXT1cIntzbWFsbDogc2l6ZSA9PT0gJ3NtYWxsJywgdG9uYWw6IHR5cGUgPT09ICd0b25hbCcsIHN0YW5kYXJkOiB0eXBlID09PSAnc3RhbmRhcmQnfVwiXG4gICAgICAgIFttYXRUb29sdGlwXT1cInRvb2x0aXAgfCB0cmFuc2xhdGVcIlxuICAgICAgICBbbWF0VG9vbHRpcERpc2FibGVkXT1cIiF0b29sdGlwXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkIHx8IGZhbHNlXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soJGV2ZW50KVwiXG4+XG4gICAgPG1hdC1pY29uICpuZ0lmPVwiaWNvblN2Z1wiIFtzdmdJY29uXT1cImljb25TdmdcIj48L21hdC1pY29uPlxuICAgIDxtYXQtaWNvbiAqbmdJZj1cImljb25OYW1lXCI+e3tpY29uTmFtZX19PC9tYXQtaWNvbj5cbjwvYnV0dG9uPlxuXG48YnV0dG9uXG4gICAgICAgICpuZ0lmPVwidHlwZSA9PT0gJ2ZpbGxlZCdcIlxuICAgICAgICBtYXQtZmFiXG4gICAgICAgIGNsYXNzPVwiZmlsbGVkXCJcbiAgICAgICAgW25nQ2xhc3NdPVwie3NtYWxsOiBzaXplID09PSAnc21hbGwnfVwiXG4gICAgICAgIFttYXRUb29sdGlwXT1cInRvb2x0aXAgfCB0cmFuc2xhdGVcIlxuICAgICAgICBbbWF0VG9vbHRpcERpc2FibGVkXT1cIiF0b29sdGlwXCJcbiAgICAgICAgW2NvbG9yXT1cIidwcmltYXJ5J1wiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBmYWxzZVwiXG4gICAgICAgIChjbGljayk9XCJvbkNsaWNrKCRldmVudClcIlxuPlxuICAgIDxtYXQtaWNvbiAqbmdJZj1cImljb25TdmdcIiBbc3ZnSWNvbl09XCJpY29uU3ZnXCI+PC9tYXQtaWNvbj5cbiAgICA8bWF0LWljb24gKm5nSWY9XCJpY29uTmFtZVwiPnt7aWNvbk5hbWV9fTwvbWF0LWljb24+XG48L2J1dHRvbj5cbiJdfQ==