@tsi-developpement/tsi-shared-ui 0.0.1

package/esm2022/lib/tsi-components/input-components/tsi-text-area/tsi-text-area.component.mjs

@@ -0,0 +1,44 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { TsiInputBase } from '../../../tsi-base/tsi-input-base/tsi-input-base.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../pipes/localize.pipe";
+import * as i2 from "@angular/forms";
+import * as i3 from "primeng/tooltip";
+import * as i4 from "primeng/inputtextarea";
+import * as i5 from "../../tsi-bubble-info/tsi-bubble-info.component";
+import * as i6 from "../../../tsi-directives/auto-select.directive";
+export class TsiTextAreaComponent extends TsiInputBase {
+    constructor(_localizePipe) {
+        super();
+        this._localizePipe = _localizePipe;
+        //#region inputs
+        this.rows = 2;
+        // @Input() inputField?: string;
+        //#endregion
+        //#region outputs
+        this.newItemEvent = new EventEmitter();
+        this.inputFieldChange = new EventEmitter();
+        this.requiredMessage = _localizePipe.transform("tsi_form_base_required_field");
+        this.maxLengthMessage = _localizePipe.transform("tsi_form_base_max_length_message");
+    }
+    onChangeofOptions(input) {
+        this.inputField = input;
+        this.newItemEvent.emit(this.inputField);
+        this.inputFieldChange.emit(this.inputField);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiTextAreaComponent, deps: [{ token: i1.LocalizePipe }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiTextAreaComponent, selector: "Tsi-Text-Area", inputs: { rows: "rows", cols: "cols" }, outputs: { newItemEvent: "newItemEvent", inputFieldChange: "inputFieldChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"flex border-radius-7\" styleClass=\"border-radius-7\" >\r\n        <textarea autoSelect \r\n                pTooltip=\"{{ isRequired ? requiredMessage + ' - ' : '' }}{{ maxLength ? maxLength + ' ' + maxLengthMessage : '' }}\" tooltipPosition=\"top\"\r\n                id=\"{{inputId}}\" [ngModel]=\"inputField\" [required]=\"isRequired\" [disabled]=\"disabled\"\r\n                (ngModelChange)=\"onChangeofOptions($event)\" name=\"{{inputName}}\" [rows]=\"rows\" [cols]=\"cols\" pInputTextarea\r\n                [autoResize]=\"true\"  class=\"tsi-component {{validationStatusCssClass}}\" >\r\n        </textarea>\r\n        <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>", styles: [".ColorClass{background-color:#d2691e}textarea{min-height:2rem!important;overflow:auto!important}\n"], dependencies: [{ 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i4.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "component", type: i5.TsiBubbleInfoComponent, selector: "Tsi-Bubble-Info", inputs: ["infoText"] }, { kind: "directive", type: i6.AutoSelectDirective, selector: "[autoSelect]" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiTextAreaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'Tsi-Text-Area', template: "<div class=\"flex border-radius-7\" styleClass=\"border-radius-7\" >\r\n        <textarea autoSelect \r\n                pTooltip=\"{{ isRequired ? requiredMessage + ' - ' : '' }}{{ maxLength ? maxLength + ' ' + maxLengthMessage : '' }}\" tooltipPosition=\"top\"\r\n                id=\"{{inputId}}\" [ngModel]=\"inputField\" [required]=\"isRequired\" [disabled]=\"disabled\"\r\n                (ngModelChange)=\"onChangeofOptions($event)\" name=\"{{inputName}}\" [rows]=\"rows\" [cols]=\"cols\" pInputTextarea\r\n                [autoResize]=\"true\"  class=\"tsi-component {{validationStatusCssClass}}\" >\r\n        </textarea>\r\n        <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>", styles: [".ColorClass{background-color:#d2691e}textarea{min-height:2rem!important;overflow:auto!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1.LocalizePipe }], propDecorators: { rows: [{
+                type: Input
+            }], cols: [{
+                type: Input
+            }], newItemEvent: [{
+                type: Output
+            }], inputFieldChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLXRleHQtYXJlYS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90c2ktc2hhcmVkLXVpL3NyYy9saWIvdHNpLWNvbXBvbmVudHMvaW5wdXQtY29tcG9uZW50cy90c2ktdGV4dC1hcmVhL3RzaS10ZXh0LWFyZWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHNpLXNoYXJlZC11aS9zcmMvbGliL3RzaS1jb21wb25lbnRzL2lucHV0LWNvbXBvbmVudHMvdHNpLXRleHQtYXJlYS9Uc2ktVGV4dC1BcmVhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJEQUEyRCxDQUFDOzs7Ozs7OztBQVF6RixNQUFNLE9BQU8sb0JBQXFCLFNBQVEsWUFBZ0M7SUFleEUsWUFBb0IsYUFBNEI7UUFDOUMsS0FBSyxFQUFFLENBQUE7UUFEVyxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQWRoRCxnQkFBZ0I7UUFDUCxTQUFJLEdBQVksQ0FBQyxDQUFDO1FBRTNCLGdDQUFnQztRQUNoQyxZQUFZO1FBRVosaUJBQWlCO1FBQ1AsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQzFDLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFRdEQsSUFBSSxDQUFDLGVBQWUsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFDLDhCQUE4QixDQUFDLENBQUE7UUFDOUUsSUFBSSxDQUFDLGdCQUFnQixHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUMsa0NBQWtDLENBQUMsQ0FBQTtJQUNyRixDQUFDO0lBRUQsaUJBQWlCLENBQUMsS0FBYTtRQUM3QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUN4QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDeEMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDOUMsQ0FBQzsrR0F6QlUsb0JBQW9CO21HQUFwQixvQkFBb0IscU1DVGpDLHlzQkFRTTs7NEZEQ08sb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGVBQWU7aUZBTWhCLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBS0ksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxnQkFBZ0I7c0JBQXpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBUc2lJbnB1dEJhc2UgfSBmcm9tICcuLi8uLi8uLi90c2ktYmFzZS90c2ktaW5wdXQtYmFzZS90c2ktaW5wdXQtYmFzZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBMb2NhbGl6ZVBpcGUgfSBmcm9tICcuLi8uLi8uLi9waXBlcy9sb2NhbGl6ZS5waXBlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnVHNpLVRleHQtQXJlYScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL1RzaS1UZXh0LUFyZWEuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL1RzaS1UZXh0LUFyZWEuY29tcG9uZW50LmNzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVHNpVGV4dEFyZWFDb21wb25lbnQgZXh0ZW5kcyBUc2lJbnB1dEJhc2U8c3RyaW5nIHwgdW5kZWZpbmVkPiB7XHJcbiAgLy8jcmVnaW9uIGlucHV0c1xyXG4gIEBJbnB1dCgpIHJvd3M/OiBudW1iZXIgPSAyO1xyXG4gIEBJbnB1dCgpIGNvbHM/OiBudW1iZXI7XHJcbiAgLy8gQElucHV0KCkgaW5wdXRGaWVsZD86IHN0cmluZztcclxuICAvLyNlbmRyZWdpb25cclxuXHJcbiAgLy8jcmVnaW9uIG91dHB1dHNcclxuICBAT3V0cHV0KCkgbmV3SXRlbUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcbiAgQE91dHB1dCgpIGlucHV0RmllbGRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuICAvLyNlbmRyZWdpb25cclxuXHJcbiAgcmVxdWlyZWRNZXNzYWdlID86IHN0cmluZ1xyXG4gIG1heExlbmd0aE1lc3NhZ2UgPzogc3RyaW5nXHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX2xvY2FsaXplUGlwZSA6IExvY2FsaXplUGlwZSl7XHJcbiAgICBzdXBlcigpXHJcbiAgICB0aGlzLnJlcXVpcmVkTWVzc2FnZSA9IF9sb2NhbGl6ZVBpcGUudHJhbnNmb3JtKFwidHNpX2Zvcm1fYmFzZV9yZXF1aXJlZF9maWVsZFwiKVxyXG4gICAgdGhpcy5tYXhMZW5ndGhNZXNzYWdlID0gX2xvY2FsaXplUGlwZS50cmFuc2Zvcm0oXCJ0c2lfZm9ybV9iYXNlX21heF9sZW5ndGhfbWVzc2FnZVwiKVxyXG4gIH1cclxuXHJcbiAgb25DaGFuZ2VvZk9wdGlvbnMoaW5wdXQ6IHN0cmluZykge1xyXG4gICAgdGhpcy5pbnB1dEZpZWxkID0gaW5wdXQ7XHJcbiAgICB0aGlzLm5ld0l0ZW1FdmVudC5lbWl0KHRoaXMuaW5wdXRGaWVsZCk7XHJcbiAgICB0aGlzLmlucHV0RmllbGRDaGFuZ2UuZW1pdCh0aGlzLmlucHV0RmllbGQpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZmxleCBib3JkZXItcmFkaXVzLTdcIiBzdHlsZUNsYXNzPVwiYm9yZGVyLXJhZGl1cy03XCIgPlxyXG4gICAgICAgIDx0ZXh0YXJlYSBhdXRvU2VsZWN0IFxyXG4gICAgICAgICAgICAgICAgcFRvb2x0aXA9XCJ7eyBpc1JlcXVpcmVkID8gcmVxdWlyZWRNZXNzYWdlICsgJyAtICcgOiAnJyB9fXt7IG1heExlbmd0aCA/IG1heExlbmd0aCArICcgJyArIG1heExlbmd0aE1lc3NhZ2UgOiAnJyB9fVwiIHRvb2x0aXBQb3NpdGlvbj1cInRvcFwiXHJcbiAgICAgICAgICAgICAgICBpZD1cInt7aW5wdXRJZH19XCIgW25nTW9kZWxdPVwiaW5wdXRGaWVsZFwiIFtyZXF1aXJlZF09XCJpc1JlcXVpcmVkXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgICAgICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uQ2hhbmdlb2ZPcHRpb25zKCRldmVudClcIiBuYW1lPVwie3tpbnB1dE5hbWV9fVwiIFtyb3dzXT1cInJvd3NcIiBbY29sc109XCJjb2xzXCIgcElucHV0VGV4dGFyZWFcclxuICAgICAgICAgICAgICAgIFthdXRvUmVzaXplXT1cInRydWVcIiAgY2xhc3M9XCJ0c2ktY29tcG9uZW50IHt7dmFsaWRhdGlvblN0YXR1c0Nzc0NsYXNzfX1cIiA+XHJcbiAgICAgICAgPC90ZXh0YXJlYT5cclxuICAgICAgICA8VHNpLUJ1YmJsZS1JbmZvIFtpbmZvVGV4dF09XCJpbmZvVGV4dFwiPjwvVHNpLUJ1YmJsZS1JbmZvPlxyXG48L2Rpdj4iXX0=

package/esm2022/lib/tsi-components/input-components/tsi-text-box/tsi-text-box.component.mjs

@@ -0,0 +1,50 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { TsiInputBase } from '../../../tsi-base/tsi-input-base/tsi-input-base.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../pipes/localize.pipe";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "primeng/api";
+import * as i5 from "primeng/inputtext";
+import * as i6 from "primeng/tooltip";
+import * as i7 from "primeng/overlaypanel";
+import * as i8 from "../../tsi-bubble-info/tsi-bubble-info.component";
+import * as i9 from "../../../tsi-directives/auto-select.directive";
+export class TsiTextBoxComponent extends TsiInputBase {
+    constructor(_localizePipe, cdRef) {
+        super(cdRef);
+        this._localizePipe = _localizePipe;
+        this.cdRef = cdRef;
+        //#region inputs
+        // @Input() inputField?: string;
+        this.textBoxType = 'text';
+        this.myFormControl = new FormControl();
+        //#endregion
+        //#region outputs
+        this.newItemEvent = new EventEmitter();
+        this.inputFieldChange = new EventEmitter();
+        this.requiredMessage = _localizePipe.transform("tsi_form_base_required_field");
+        this.maxLengthMessage = _localizePipe.transform("tsi_form_base_max_length_message");
+    }
+    onChangeofOptions(input) {
+        this.inputField = input;
+        this.newItemEvent.emit(this.inputField);
+        this.inputFieldChange.emit(this.inputField);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiTextBoxComponent, deps: [{ token: i1.LocalizePipe }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiTextBoxComponent, selector: "Tsi-Text-Box", inputs: { textBoxType: "textBoxType", autocomplete: "autocomplete" }, outputs: { newItemEvent: "newItemEvent", inputFieldChange: "inputFieldChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"flex h-2rem flex-row gap-2 align-items-center\">\r\n        <input autoSelect class=\"{{myStyleClass}} border-radius-7 {{validationStatusCssClass}}\" pInputText\r\n                pTooltip=\"{{ isRequired ? requiredMessage + ' - ' : '' }}{{ maxLength ? maxLength + ' ' + maxLengthMessage : '' }}\" tooltipPosition=\"top\"\r\n                [type]=\"textBoxType\" name=\"{{inputName}}\" id=\"{{inputName}}\" [(ngModel)]=\"inputField\"\r\n                [required]=\"isRequired\" autocomplete=\"{{autocomplete}}\" [disabled]=\"disabled\"\r\n                (ngModelChange)=\"onChangeofOptions($event)\" placeholder=\"{{placeHolder}}\"/>\r\n\r\n        <span *ngIf=\"isInputNameNotFound\" (click)=\"op.toggle($event)\"\r\n                class=\"pi pi-exclamation-circle text-red-500 cursor-pointer tsi-input-alert-container\"> </span>\r\n\r\n        <p-overlayPanel #op>\r\n                <ng-template pTemplate>\r\n                        <div class=\"d-flex flex-row gap-2\">\r\n                                <span> Input name : </span>\r\n                                <span class=\"text-red-500\"> {{inputName}} </span>\r\n                        </div>\r\n                </ng-template>\r\n        </p-overlayPanel>\r\n        <!--<input class=\"{{myStyleClass}} border-radius-7\" styleClass=\"border-radius-7\" pInputText type=\"text\"\r\n                name=\"{{inputName}}\" id=\"{{inputName}}\" [(ngModel)]=\"inputField\" [required]=\"required\"\r\n                [disabled]=\"disabled\" (ngModelChange)=\"onChangeofOptions($event)\" [formControl]=\"myFormControl\" />-->\r\n        <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>\r\n\r\n<div *ngIf=\"myFormControl.invalid && (myFormControl.dirty || myFormControl.touched)\">\r\n        <div *ngIf=\"myFormControl.errors && myFormControl.errors['required']\" [ngClass]=\"{'error-message': true}\">\r\n                This field is required.\r\n        </div>\r\n        <div *ngIf=\"myFormControl.errors && myFormControl.errors['maxlength']\" [ngClass]=\"{'error-message': true}\">\r\n                Maximum length exceeded.\r\n        </div>\r\n</div>", styles: [".ColorClass{background-color:#ff0}.error-message{color:red}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i7.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i8.TsiBubbleInfoComponent, selector: "Tsi-Bubble-Info", inputs: ["infoText"] }, { kind: "directive", type: i9.AutoSelectDirective, selector: "[autoSelect]" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiTextBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'Tsi-Text-Box', template: "<div class=\"flex h-2rem flex-row gap-2 align-items-center\">\r\n        <input autoSelect class=\"{{myStyleClass}} border-radius-7 {{validationStatusCssClass}}\" pInputText\r\n                pTooltip=\"{{ isRequired ? requiredMessage + ' - ' : '' }}{{ maxLength ? maxLength + ' ' + maxLengthMessage : '' }}\" tooltipPosition=\"top\"\r\n                [type]=\"textBoxType\" name=\"{{inputName}}\" id=\"{{inputName}}\" [(ngModel)]=\"inputField\"\r\n                [required]=\"isRequired\" autocomplete=\"{{autocomplete}}\" [disabled]=\"disabled\"\r\n                (ngModelChange)=\"onChangeofOptions($event)\" placeholder=\"{{placeHolder}}\"/>\r\n\r\n        <span *ngIf=\"isInputNameNotFound\" (click)=\"op.toggle($event)\"\r\n                class=\"pi pi-exclamation-circle text-red-500 cursor-pointer tsi-input-alert-container\"> </span>\r\n\r\n        <p-overlayPanel #op>\r\n                <ng-template pTemplate>\r\n                        <div class=\"d-flex flex-row gap-2\">\r\n                                <span> Input name : </span>\r\n                                <span class=\"text-red-500\"> {{inputName}} </span>\r\n                        </div>\r\n                </ng-template>\r\n        </p-overlayPanel>\r\n        <!--<input class=\"{{myStyleClass}} border-radius-7\" styleClass=\"border-radius-7\" pInputText type=\"text\"\r\n                name=\"{{inputName}}\" id=\"{{inputName}}\" [(ngModel)]=\"inputField\" [required]=\"required\"\r\n                [disabled]=\"disabled\" (ngModelChange)=\"onChangeofOptions($event)\" [formControl]=\"myFormControl\" />-->\r\n        <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>\r\n\r\n<div *ngIf=\"myFormControl.invalid && (myFormControl.dirty || myFormControl.touched)\">\r\n        <div *ngIf=\"myFormControl.errors && myFormControl.errors['required']\" [ngClass]=\"{'error-message': true}\">\r\n                This field is required.\r\n        </div>\r\n        <div *ngIf=\"myFormControl.errors && myFormControl.errors['maxlength']\" [ngClass]=\"{'error-message': true}\">\r\n                Maximum length exceeded.\r\n        </div>\r\n</div>", styles: [".ColorClass{background-color:#ff0}.error-message{color:red}\n"] }]
+        }], ctorParameters: () => [{ type: i1.LocalizePipe }, { type: i0.ChangeDetectorRef }], propDecorators: { textBoxType: [{
+                type: Input
+            }], autocomplete: [{
+                type: Input
+            }], newItemEvent: [{
+                type: Output
+            }], inputFieldChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLXRleHQtYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy9pbnB1dC1jb21wb25lbnRzL3RzaS10ZXh0LWJveC90c2ktdGV4dC1ib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHNpLXNoYXJlZC11aS9zcmMvbGliL3RzaS1jb21wb25lbnRzL2lucHV0LWNvbXBvbmVudHMvdHNpLXRleHQtYm94L1RzaS1UZXh0LUJveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJEQUEyRCxDQUFDOzs7Ozs7Ozs7OztBQVF6RixNQUFNLE9BQU8sbUJBQW9CLFNBQVEsWUFBZ0M7SUFnQnZFLFlBQW9CLGFBQTJCLEVBQXFCLEtBQXlCO1FBQzNGLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQURNLGtCQUFhLEdBQWIsYUFBYSxDQUFjO1FBQXFCLFVBQUssR0FBTCxLQUFLLENBQW9CO1FBZjdGLGdCQUFnQjtRQUNoQixnQ0FBZ0M7UUFDdkIsZ0JBQVcsR0FBVyxNQUFNLENBQUM7UUFFdEMsa0JBQWEsR0FBZ0IsSUFBSSxXQUFXLEVBQUUsQ0FBQztRQUMvQyxZQUFZO1FBRVosaUJBQWlCO1FBQ1AsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQzFDLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFRdEQsSUFBSSxDQUFDLGVBQWUsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFDLDhCQUE4QixDQUFDLENBQUE7UUFDOUUsSUFBSSxDQUFDLGdCQUFnQixHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUMsa0NBQWtDLENBQUMsQ0FBQTtJQUNyRixDQUFDO0lBRUQsaUJBQWlCLENBQUMsS0FBYTtRQUM3QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUN4QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDeEMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDOUMsQ0FBQzsrR0ExQlUsbUJBQW1CO21HQUFuQixtQkFBbUIsa09DVmhDLDRtRUErQk07OzRGRHJCTyxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsY0FBYztpSEFPZixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBS0ksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxnQkFBZ0I7c0JBQXpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFRzaUlucHV0QmFzZSB9IGZyb20gJy4uLy4uLy4uL3RzaS1iYXNlL3RzaS1pbnB1dC1iYXNlL3RzaS1pbnB1dC1iYXNlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEF1dG9Db21wbGV0ZSB9IGZyb20gJy4uLy4uLy4uL2VudW1zJztcclxuaW1wb3J0IHsgTG9jYWxpemVQaXBlIH0gZnJvbSAnLi4vLi4vLi4vcGlwZXMvbG9jYWxpemUucGlwZSc7XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnVHNpLVRleHQtQm94JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vVHNpLVRleHQtQm94LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9Uc2ktVGV4dC1Cb3guY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRzaVRleHRCb3hDb21wb25lbnQgZXh0ZW5kcyBUc2lJbnB1dEJhc2U8c3RyaW5nIHwgdW5kZWZpbmVkPiB7XHJcbiAgLy8jcmVnaW9uIGlucHV0c1xyXG4gIC8vIEBJbnB1dCgpIGlucHV0RmllbGQ/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdGV4dEJveFR5cGU6IHN0cmluZyA9ICd0ZXh0JztcclxuICBASW5wdXQoKSBhdXRvY29tcGxldGU/OiBBdXRvQ29tcGxldGU7XHJcbiAgbXlGb3JtQ29udHJvbDogRm9ybUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woKTtcclxuICAvLyNlbmRyZWdpb25cclxuXHJcbiAgLy8jcmVnaW9uIG91dHB1dHNcclxuICBAT3V0cHV0KCkgbmV3SXRlbUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcbiAgQE91dHB1dCgpIGlucHV0RmllbGRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuICAvLyNlbmRyZWdpb25cclxuXHJcbiAgcmVxdWlyZWRNZXNzYWdlPzogc3RyaW5nXHJcbiAgbWF4TGVuZ3RoTWVzc2FnZT86IHN0cmluZ1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9sb2NhbGl6ZVBpcGU6IExvY2FsaXplUGlwZSwgcHJvdGVjdGVkIG92ZXJyaWRlIGNkUmVmPzogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcclxuICAgIHN1cGVyKGNkUmVmKVxyXG4gICAgdGhpcy5yZXF1aXJlZE1lc3NhZ2UgPSBfbG9jYWxpemVQaXBlLnRyYW5zZm9ybShcInRzaV9mb3JtX2Jhc2VfcmVxdWlyZWRfZmllbGRcIilcclxuICAgIHRoaXMubWF4TGVuZ3RoTWVzc2FnZSA9IF9sb2NhbGl6ZVBpcGUudHJhbnNmb3JtKFwidHNpX2Zvcm1fYmFzZV9tYXhfbGVuZ3RoX21lc3NhZ2VcIilcclxuICB9XHJcblxyXG4gIG9uQ2hhbmdlb2ZPcHRpb25zKGlucHV0OiBzdHJpbmcpIHtcclxuICAgIHRoaXMuaW5wdXRGaWVsZCA9IGlucHV0O1xyXG4gICAgdGhpcy5uZXdJdGVtRXZlbnQuZW1pdCh0aGlzLmlucHV0RmllbGQpO1xyXG4gICAgdGhpcy5pbnB1dEZpZWxkQ2hhbmdlLmVtaXQodGhpcy5pbnB1dEZpZWxkKTtcclxuICB9XHJcbn0iLCI8ZGl2IGNsYXNzPVwiZmxleCBoLTJyZW0gZmxleC1yb3cgZ2FwLTIgYWxpZ24taXRlbXMtY2VudGVyXCI+XHJcbiAgICAgICAgPGlucHV0IGF1dG9TZWxlY3QgY2xhc3M9XCJ7e215U3R5bGVDbGFzc319IGJvcmRlci1yYWRpdXMtNyB7e3ZhbGlkYXRpb25TdGF0dXNDc3NDbGFzc319XCIgcElucHV0VGV4dFxyXG4gICAgICAgICAgICAgICAgcFRvb2x0aXA9XCJ7eyBpc1JlcXVpcmVkID8gcmVxdWlyZWRNZXNzYWdlICsgJyAtICcgOiAnJyB9fXt7IG1heExlbmd0aCA/IG1heExlbmd0aCArICcgJyArIG1heExlbmd0aE1lc3NhZ2UgOiAnJyB9fVwiIHRvb2x0aXBQb3NpdGlvbj1cInRvcFwiXHJcbiAgICAgICAgICAgICAgICBbdHlwZV09XCJ0ZXh0Qm94VHlwZVwiIG5hbWU9XCJ7e2lucHV0TmFtZX19XCIgaWQ9XCJ7e2lucHV0TmFtZX19XCIgWyhuZ01vZGVsKV09XCJpbnB1dEZpZWxkXCJcclxuICAgICAgICAgICAgICAgIFtyZXF1aXJlZF09XCJpc1JlcXVpcmVkXCIgYXV0b2NvbXBsZXRlPVwie3thdXRvY29tcGxldGV9fVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgICAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJvbkNoYW5nZW9mT3B0aW9ucygkZXZlbnQpXCIgcGxhY2Vob2xkZXI9XCJ7e3BsYWNlSG9sZGVyfX1cIi8+XHJcblxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwiaXNJbnB1dE5hbWVOb3RGb3VuZFwiIChjbGljayk9XCJvcC50b2dnbGUoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInBpIHBpLWV4Y2xhbWF0aW9uLWNpcmNsZSB0ZXh0LXJlZC01MDAgY3Vyc29yLXBvaW50ZXIgdHNpLWlucHV0LWFsZXJ0LWNvbnRhaW5lclwiPiA8L3NwYW4+XHJcblxyXG4gICAgICAgIDxwLW92ZXJsYXlQYW5lbCAjb3A+XHJcbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtcm93IGdhcC0yXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+IElucHV0IG5hbWUgOiA8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LXJlZC01MDBcIj4ge3tpbnB1dE5hbWV9fSA8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8L3Atb3ZlcmxheVBhbmVsPlxyXG4gICAgICAgIDwhLS08aW5wdXQgY2xhc3M9XCJ7e215U3R5bGVDbGFzc319IGJvcmRlci1yYWRpdXMtN1wiIHN0eWxlQ2xhc3M9XCJib3JkZXItcmFkaXVzLTdcIiBwSW5wdXRUZXh0IHR5cGU9XCJ0ZXh0XCJcclxuICAgICAgICAgICAgICAgIG5hbWU9XCJ7e2lucHV0TmFtZX19XCIgaWQ9XCJ7e2lucHV0TmFtZX19XCIgWyhuZ01vZGVsKV09XCJpbnB1dEZpZWxkXCIgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcclxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIChuZ01vZGVsQ2hhbmdlKT1cIm9uQ2hhbmdlb2ZPcHRpb25zKCRldmVudClcIiBbZm9ybUNvbnRyb2xdPVwibXlGb3JtQ29udHJvbFwiIC8+LS0+XHJcbiAgICAgICAgPFRzaS1CdWJibGUtSW5mbyBbaW5mb1RleHRdPVwiaW5mb1RleHRcIj48L1RzaS1CdWJibGUtSW5mbz5cclxuPC9kaXY+XHJcblxyXG48ZGl2ICpuZ0lmPVwibXlGb3JtQ29udHJvbC5pbnZhbGlkICYmIChteUZvcm1Db250cm9sLmRpcnR5IHx8IG15Rm9ybUNvbnRyb2wudG91Y2hlZClcIj5cclxuICAgICAgICA8ZGl2ICpuZ0lmPVwibXlGb3JtQ29udHJvbC5lcnJvcnMgJiYgbXlGb3JtQ29udHJvbC5lcnJvcnNbJ3JlcXVpcmVkJ11cIiBbbmdDbGFzc109XCJ7J2Vycm9yLW1lc3NhZ2UnOiB0cnVlfVwiPlxyXG4gICAgICAgICAgICAgICAgVGhpcyBmaWVsZCBpcyByZXF1aXJlZC5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2ICpuZ0lmPVwibXlGb3JtQ29udHJvbC5lcnJvcnMgJiYgbXlGb3JtQ29udHJvbC5lcnJvcnNbJ21heGxlbmd0aCddXCIgW25nQ2xhc3NdPVwieydlcnJvci1tZXNzYWdlJzogdHJ1ZX1cIj5cclxuICAgICAgICAgICAgICAgIE1heGltdW0gbGVuZ3RoIGV4Y2VlZGVkLlxyXG4gICAgICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=

package/esm2022/lib/tsi-components/input-components/tsi-time-picker/tsi-time-picker.component.mjs

@@ -0,0 +1,65 @@
+import { Component, EventEmitter, Output } from '@angular/core';
+import { TsiInputBase } from '../../../tsi-base/tsi-input-base/tsi-input-base.component';
+import { DatePickerDateFormat } from '../../../consts/tsi-consts';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../services/date-helper.service";
+import * as i2 from "@angular/forms";
+import * as i3 from "primeng/calendar";
+import * as i4 from "../../tsi-bubble-info/tsi-bubble-info.component";
+export class TsiTimePickerComponent extends TsiInputBase {
+    //#endregion
+    //#region inputs
+    // @Input() override get inputField(): TimeOnly | Date | string | undefined {
+    //   return this._inputField;
+    // }
+    set inputField(value) {
+        this._value = value;
+        if (value instanceof (Date)) {
+            this.timeOnlyString = this._dateHelperService.extractTimeFromDate(value);
+        }
+        else {
+            this.timeOnlyString = value?.toString();
+        }
+    }
+    //#endregion
+    //#region ctor
+    /**
+     *
+     */
+    constructor(_dateHelperService) {
+        super();
+        this._dateHelperService = _dateHelperService;
+        this.datePickerFormat = DatePickerDateFormat;
+        //#endregion
+        //#region outputs
+        this.inputFieldChange = new EventEmitter();
+    }
+    //#endregion
+    //#region handle events
+    onFocusOut(event) {
+        this._handleDateChange();
+    }
+    onSelect(event) {
+        this._handleDateChange();
+    }
+    //#endregion
+    //#region private methods
+    _updateInputFieldFromStringDate() {
+        let timeOnly = this.timeOnlyString && this.timeOnlyString != ''
+            ? this._dateHelperService.parseTimeString(this.timeOnlyString) : undefined;
+        this._value = timeOnly;
+    }
+    _handleDateChange() {
+        this._updateInputFieldFromStringDate();
+        this.inputFieldChange.emit(this.inputField);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiTimePickerComponent, deps: [{ token: i1.DateHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiTimePickerComponent, selector: "tsi-time-picker", outputs: { inputFieldChange: "inputFieldChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"flex\">\r\n    <p-calendar [dataType]=\"'string'\"\r\n    [appendTo]=\"'body'\"\r\n    [disabled]=\"disabled\"\r\n    [showIcon]=\"true\"\r\n    [dateFormat]=\"datePickerFormat\"\r\n    class=\"{{myStyleClass}} {{validationStatusCssClass}}\"\r\n    styleClass=\"{{myStyleClass}}\"\r\n    inputStyleClass=\"{{myStyleClass}}\"\r\n    [showTime]=\"true\"\r\n    [showSeconds]=\"true\"\r\n    [timeOnly]=\"true\"\r\n    [(ngModel)]=\"timeOnlyString\"\r\n    (onBlur)=\"onFocusOut($event)\"\r\n    (onSelect)=\"onSelect($event)\">\r\n    </p-calendar>\r\n    <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: i4.TsiBubbleInfoComponent, selector: "Tsi-Bubble-Info", inputs: ["infoText"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiTimePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tsi-time-picker', template: "<div class=\"flex\">\r\n    <p-calendar [dataType]=\"'string'\"\r\n    [appendTo]=\"'body'\"\r\n    [disabled]=\"disabled\"\r\n    [showIcon]=\"true\"\r\n    [dateFormat]=\"datePickerFormat\"\r\n    class=\"{{myStyleClass}} {{validationStatusCssClass}}\"\r\n    styleClass=\"{{myStyleClass}}\"\r\n    inputStyleClass=\"{{myStyleClass}}\"\r\n    [showTime]=\"true\"\r\n    [showSeconds]=\"true\"\r\n    [timeOnly]=\"true\"\r\n    [(ngModel)]=\"timeOnlyString\"\r\n    (onBlur)=\"onFocusOut($event)\"\r\n    (onSelect)=\"onSelect($event)\">\r\n    </p-calendar>\r\n    <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>" }]
+        }], ctorParameters: () => [{ type: i1.DateHelperService }], propDecorators: { inputFieldChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLXRpbWUtcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy9pbnB1dC1jb21wb25lbnRzL3RzaS10aW1lLXBpY2tlci90c2ktdGltZS1waWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHNpLXNoYXJlZC11aS9zcmMvbGliL3RzaS1jb21wb25lbnRzL2lucHV0LWNvbXBvbmVudHMvdHNpLXRpbWUtcGlja2VyL3RzaS10aW1lLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBaUIsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwyREFBMkQsQ0FBQztBQUV6RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7O0FBUWxFLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSxZQUFrRDtJQU01RixZQUFZO0lBRVosZ0JBQWdCO0lBR2hCLDZFQUE2RTtJQUM3RSw2QkFBNkI7SUFDN0IsSUFBSTtJQUVKLElBQWEsVUFBVSxDQUFDLEtBQTJDO1FBQ2pFLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUcsS0FBSyxZQUFXLENBQUMsSUFBSSxDQUFDLEVBQUMsQ0FBQztZQUN6QixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUMxRSxDQUFDO2FBQ0ksQ0FBQztZQUNKLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxFQUFFLFFBQVEsRUFBRSxDQUFDO1FBQzFDLENBQUM7SUFDSCxDQUFDO0lBS0QsWUFBWTtJQUVaLGNBQWM7SUFDZDs7T0FFRztJQUNILFlBQW9CLGtCQUFzQztRQUN4RCxLQUFLLEVBQUUsQ0FBQztRQURVLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUE3QjFELHFCQUFnQixHQUFXLG9CQUFvQixDQUFDO1FBbUJoRCxZQUFZO1FBRVosaUJBQWlCO1FBQ1AscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQXdDLENBQUM7SUFVdEYsQ0FBQztJQUVELFlBQVk7SUFFWix1QkFBdUI7SUFDdkIsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFVO1FBQ2pCLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxZQUFZO0lBRVoseUJBQXlCO0lBQ3pCLCtCQUErQjtRQUM3QixJQUFJLFFBQVEsR0FBeUIsSUFBSSxDQUFDLGNBQWMsSUFBSSxJQUFJLENBQUMsY0FBYyxJQUFJLEVBQUU7WUFDbkYsQ0FBQyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7UUFDN0UsSUFBSSxDQUFDLE1BQU0sR0FBRyxRQUFRLENBQUM7SUFDekIsQ0FBQztJQUVPLGlCQUFpQjtRQUN2QixJQUFJLENBQUMsK0JBQStCLEVBQUUsQ0FBQztRQUN2QyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUM5QyxDQUFDOytHQTlEVSxzQkFBc0I7bUdBQXRCLHNCQUFzQixpSUNabkMsOG5CQWlCTTs7NEZETE8sc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLGlCQUFpQjtzRkErQmpCLGdCQUFnQjtzQkFBekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERhdGVQaXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBUc2lJbnB1dEJhc2UgfSBmcm9tICcuLi8uLi8uLi90c2ktYmFzZS90c2ktaW5wdXQtYmFzZS90c2ktaW5wdXQtYmFzZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBUaW1lT25seSB9IGZyb20gJy4uLy4uLy4uL3R5cGVzL3RpbWUtb25seSc7XHJcbmltcG9ydCB7IERhdGVQaWNrZXJEYXRlRm9ybWF0IH0gZnJvbSAnLi4vLi4vLi4vY29uc3RzL3RzaS1jb25zdHMnO1xyXG5pbXBvcnQgeyBEYXRlSGVscGVyU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2RhdGUtaGVscGVyLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd0c2ktdGltZS1waWNrZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90c2ktdGltZS1waWNrZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RzaS10aW1lLXBpY2tlci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUc2lUaW1lUGlja2VyQ29tcG9uZW50IGV4dGVuZHMgVHNpSW5wdXRCYXNlPFRpbWVPbmx5IHwgRGF0ZSB8IHN0cmluZyB8IHVuZGVmaW5lZD57XHJcbiAgLy8jcmVnaW9uIGxvY2FsIHByb3BlcnRpZXNcclxuICBwcml2YXRlIF92YWx1ZTogVGltZU9ubHkgfCBEYXRlIHwgc3RyaW5nIHwgdW5kZWZpbmVkO1xyXG5cclxuICB0aW1lT25seVN0cmluZzogc3RyaW5nIHwgdW5kZWZpbmVkO1xyXG4gIGRhdGVQaWNrZXJGb3JtYXQ6IHN0cmluZyA9IERhdGVQaWNrZXJEYXRlRm9ybWF0O1xyXG4gIC8vI2VuZHJlZ2lvblxyXG5cclxuICAvLyNyZWdpb24gaW5wdXRzXHJcblxyXG5cclxuICAvLyBASW5wdXQoKSBvdmVycmlkZSBnZXQgaW5wdXRGaWVsZCgpOiBUaW1lT25seSB8IERhdGUgfCBzdHJpbmcgfCB1bmRlZmluZWQge1xyXG4gIC8vICAgcmV0dXJuIHRoaXMuX2lucHV0RmllbGQ7XHJcbiAgLy8gfVxyXG5cclxuICBvdmVycmlkZSBzZXQgaW5wdXRGaWVsZCh2YWx1ZTogVGltZU9ubHkgfCBEYXRlIHwgc3RyaW5nIHwgdW5kZWZpbmVkKSB7XHJcbiAgICB0aGlzLl92YWx1ZSA9IHZhbHVlO1xyXG4gICAgaWYodmFsdWUgaW5zdGFuY2VvZihEYXRlKSl7XHJcbiAgICAgIHRoaXMudGltZU9ubHlTdHJpbmcgPSB0aGlzLl9kYXRlSGVscGVyU2VydmljZS5leHRyYWN0VGltZUZyb21EYXRlKHZhbHVlKVxyXG4gICAgfVxyXG4gICAgZWxzZSB7XHJcbiAgICAgIHRoaXMudGltZU9ubHlTdHJpbmcgPSB2YWx1ZT8udG9TdHJpbmcoKTtcclxuICAgIH1cclxuICB9XHJcbiAgLy8jZW5kcmVnaW9uXHJcblxyXG4gIC8vI3JlZ2lvbiBvdXRwdXRzXHJcbiAgQE91dHB1dCgpIGlucHV0RmllbGRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFRpbWVPbmx5IHwgRGF0ZSB8IHVuZGVmaW5lZCB8IHN0cmluZz4oKTtcclxuICAvLyNlbmRyZWdpb25cclxuXHJcbiAgLy8jcmVnaW9uIGN0b3JcclxuICAvKipcclxuICAgKlxyXG4gICAqL1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX2RhdGVIZWxwZXJTZXJ2aWNlIDogRGF0ZUhlbHBlclNlcnZpY2UpIHtcclxuICAgIHN1cGVyKCk7XHJcblxyXG4gIH1cclxuXHJcbiAgLy8jZW5kcmVnaW9uXHJcblxyXG4gIC8vI3JlZ2lvbiBoYW5kbGUgZXZlbnRzXHJcbiAgb25Gb2N1c091dChldmVudDogYW55KSB7XHJcbiAgICB0aGlzLl9oYW5kbGVEYXRlQ2hhbmdlKCk7XHJcbiAgfVxyXG5cclxuICBvblNlbGVjdChldmVudDogYW55KSB7XHJcbiAgICB0aGlzLl9oYW5kbGVEYXRlQ2hhbmdlKCk7XHJcbiAgfVxyXG5cclxuICAvLyNlbmRyZWdpb25cclxuXHJcbiAgLy8jcmVnaW9uIHByaXZhdGUgbWV0aG9kc1xyXG4gIF91cGRhdGVJbnB1dEZpZWxkRnJvbVN0cmluZ0RhdGUoKTogdm9pZCB7XHJcbiAgICBsZXQgdGltZU9ubHk6IFRpbWVPbmx5IHwgdW5kZWZpbmVkID0gdGhpcy50aW1lT25seVN0cmluZyAmJiB0aGlzLnRpbWVPbmx5U3RyaW5nICE9ICcnXHJcbiAgICAgID8gdGhpcy5fZGF0ZUhlbHBlclNlcnZpY2UucGFyc2VUaW1lU3RyaW5nKHRoaXMudGltZU9ubHlTdHJpbmcpIDogdW5kZWZpbmVkO1xyXG4gICAgdGhpcy5fdmFsdWUgPSB0aW1lT25seTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgX2hhbmRsZURhdGVDaGFuZ2UoKTogdm9pZCB7XHJcbiAgICB0aGlzLl91cGRhdGVJbnB1dEZpZWxkRnJvbVN0cmluZ0RhdGUoKTtcclxuICAgIHRoaXMuaW5wdXRGaWVsZENoYW5nZS5lbWl0KHRoaXMuaW5wdXRGaWVsZCk7XHJcbiAgfVxyXG4gIC8vI2VuZHJlZ2lvblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJmbGV4XCI+XHJcbiAgICA8cC1jYWxlbmRhciBbZGF0YVR5cGVdPVwiJ3N0cmluZydcIlxyXG4gICAgW2FwcGVuZFRvXT1cIidib2R5J1wiXHJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgW3Nob3dJY29uXT1cInRydWVcIlxyXG4gICAgW2RhdGVGb3JtYXRdPVwiZGF0ZVBpY2tlckZvcm1hdFwiXHJcbiAgICBjbGFzcz1cInt7bXlTdHlsZUNsYXNzfX0ge3t2YWxpZGF0aW9uU3RhdHVzQ3NzQ2xhc3N9fVwiXHJcbiAgICBzdHlsZUNsYXNzPVwie3tteVN0eWxlQ2xhc3N9fVwiXHJcbiAgICBpbnB1dFN0eWxlQ2xhc3M9XCJ7e215U3R5bGVDbGFzc319XCJcclxuICAgIFtzaG93VGltZV09XCJ0cnVlXCJcclxuICAgIFtzaG93U2Vjb25kc109XCJ0cnVlXCJcclxuICAgIFt0aW1lT25seV09XCJ0cnVlXCJcclxuICAgIFsobmdNb2RlbCldPVwidGltZU9ubHlTdHJpbmdcIlxyXG4gICAgKG9uQmx1cik9XCJvbkZvY3VzT3V0KCRldmVudClcIlxyXG4gICAgKG9uU2VsZWN0KT1cIm9uU2VsZWN0KCRldmVudClcIj5cclxuICAgIDwvcC1jYWxlbmRhcj5cclxuICAgIDxUc2ktQnViYmxlLUluZm8gW2luZm9UZXh0XT1cImluZm9UZXh0XCI+PC9Uc2ktQnViYmxlLUluZm8+XHJcbjwvZGl2PiJdfQ==

package/esm2022/lib/tsi-components/logout-popup/logout-popup.component.mjs

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+import { appProviders } from '../../consts/app-providers';
+import * as i0 from "@angular/core";
+export class LogoutPopupComponent /*extends TsiFormComponentBaseComponent implements OnInit, OnDestroy*/ {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LogoutPopupComponent /*extends TsiFormComponentBaseComponent implements OnInit, OnDestroy*/, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LogoutPopupComponent /*extends TsiFormComponentBaseComponent implements OnInit, OnDestroy*/, selector: "app-logout-popup", providers: [...appProviders], ngImport: i0, template: "<!-- <div *ngIf=\"logoutReason === logoutReasonEnum.INACTIVITY\" class=\"modal\">\r\n\t<article class=\"modal-container\">\r\n\t\t<header class=\"modal-container-header\">\r\n\t\t\t<h1 class=\"modal-container-title\">\r\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\">\r\n\t\t\t\t\t<path fill=\"none\" d=\"M0 0h24v24H0z\" />\r\n\t\t\t\t\t<path fill=\"currentColor\" d=\"M14 9V4H5v16h6.056c.328.417.724.785 1.18 1.085l1.39.915H3.993A.993.993 0 0 1 3 21.008V2.992C3 2.455 3.449 2 4.002 2h10.995L21 8v1h-7zm-2 2h9v5.949c0 .99-.501 1.916-1.336 2.465L16.5 21.498l-3.164-2.084A2.953 2.953 0 0 1 12 16.95V11zm2 5.949c0 .316.162.614.436.795l2.064 1.36 2.064-1.36a.954.954 0 0 0 .436-.795V13h-5v3.949z\" />\r\n\t\t\t\t</svg>\r\n\t\t\t\t<Tsi-Label labelValue=\"auto_logout_title\"></Tsi-Label>\r\n\t\t\t</h1>\r\n\t\t\t<button class=\"icon-button\" (click)=\"hide({willBeLoggedOut : false})\">\r\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\r\n\t\t\t\t\t<path fill=\"none\" d=\"M0 0h24v24H0z\" />\r\n\t\t\t\t\t<path fill=\"currentColor\" d=\"M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z\" />\r\n\t\t\t\t</svg>\r\n\t\t\t</button>\r\n\t\t</header>\r\n        <br/>\r\n\t\t<section class=\"modal-container-body\">\r\n                <div class=\"flx\">\r\n                    <Tsi-Label labelValue=\"auto_logout\"></Tsi-Label>\r\n\t\t\t\t\t<div class=\"flx align-items-start\">\r\n\t\t\t\t\t\t&nbsp;<b>{{countdownValue}}</b>&nbsp;\r\n\t\t\t\t\t\t<Tsi-Label labelValue=\"auto_logout_secondes\"/> \r\n\t\t\t\t\t</div>\r\n                </div>\r\n\t\t</section>\r\n        <br/>\r\n\t\t<footer class=\"modal-container-footer\">\r\n\t\t\t<button class=\"button is-ghost\" (click)=\"hide({willBeLoggedOut : false})\">{{'auto_logout_stay_loggedin' | localize}}</button>\r\n\t\t</footer>\r\n\t</article>\r\n</div>\r\n\r\n<div *ngIf=\"logoutReason === logoutReasonEnum.EXPIRED_TOKEN\" class=\"modal\">\r\n\t<article class=\"modal-container\">\r\n\t\t<header class=\"modal-container-header\">\r\n\t\t\t<h1 class=\"modal-container-title\">\r\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\">\r\n\t\t\t\t\t<path fill=\"none\" d=\"M0 0h24v24H0z\" />\r\n\t\t\t\t\t<path fill=\"currentColor\" d=\"M14 9V4H5v16h6.056c.328.417.724.785 1.18 1.085l1.39.915H3.993A.993.993 0 0 1 3 21.008V2.992C3 2.455 3.449 2 4.002 2h10.995L21 8v1h-7zm-2 2h9v5.949c0 .99-.501 1.916-1.336 2.465L16.5 21.498l-3.164-2.084A2.953 2.953 0 0 1 12 16.95V11zm2 5.949c0 .316.162.614.436.795l2.064 1.36 2.064-1.36a.954.954 0 0 0 .436-.795V13h-5v3.949z\" />\r\n\t\t\t\t</svg>\r\n\t\t\t\t<Tsi-Label labelValue=\"auto_logout_expired_token_title\"></Tsi-Label>\r\n\t\t\t</h1>\r\n\t\t\t<button class=\"icon-button\" (click)=\"hide()\">\r\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\r\n\t\t\t\t\t<path fill=\"none\" d=\"M0 0h24v24H0z\" />\r\n\t\t\t\t\t<path fill=\"currentColor\" d=\"M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z\" />\r\n\t\t\t\t</svg>\r\n\t\t\t</button>\r\n\t\t</header>\r\n        <br/>\r\n\t\t<section class=\"modal-container-body\">\r\n                <div class=\"flx\">\r\n                    <Tsi-Label labelValue=\"auto_logout_expired_token_msg\"></Tsi-Label>\r\n                </div>\r\n\t\t</section>\r\n        <br/>\r\n\t\t<footer class=\"modal-container-footer\">\r\n\t\t\t<button class=\"button is-ghost\" (click)=\"hide()\">{{'Ok' | localize}}</button>\r\n\t\t</footer>\r\n\t</article>\r\n</div> -->", styles: [".flx{display:flex;color:#000;font-size:14px;font-weight:400}.modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.modal-container{min-width:400px;margin-left:auto;margin-right:auto;background-color:#fff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.modal-container-header{padding-left:15px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.modal-container-title{display:flex;align-items:center;gap:8px;padding-top:10px;line-height:1;font-weight:700;font-size:20px}.modal-container-title svg{width:32px;height:32px;color:#4549f2}.modal-container-body{padding:3px 32px}.modal-container-footer{padding:20px 20px 20px 0;display:flex;justify-content:space-around;border-top:1px solid #ddd;gap:12px;position:relative}.button{padding:12px 20px;border-radius:8px;background-color:transparent;border:1px solid #9c9c9f;font-weight:600;cursor:pointer;transition:.15s ease}.button.is-ghost:hover,.button.is-ghost:focus{background-color:#3b3d91;color:#fff}.button.is-primary{background-color:#4549f2;color:#fff}.button.is-primary:hover,.button.is-primary:focus{background-color:#232487}.icon-button{padding:0;border:0;background-color:transparent;width:30px;height:30px;margin-right:5px;display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;border-radius:8px;transition:.15s ease}.icon-button svg{width:24px;height:24px}.icon-button:hover,.icon-button:focus{background-color:#dfdad7}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LogoutPopupComponent /*extends TsiFormComponentBaseComponent implements OnInit, OnDestroy*/, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-logout-popup', providers: [...appProviders], template: "<!-- <div *ngIf=\"logoutReason === logoutReasonEnum.INACTIVITY\" class=\"modal\">\r\n\t<article class=\"modal-container\">\r\n\t\t<header class=\"modal-container-header\">\r\n\t\t\t<h1 class=\"modal-container-title\">\r\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\">\r\n\t\t\t\t\t<path fill=\"none\" d=\"M0 0h24v24H0z\" />\r\n\t\t\t\t\t<path fill=\"currentColor\" d=\"M14 9V4H5v16h6.056c.328.417.724.785 1.18 1.085l1.39.915H3.993A.993.993 0 0 1 3 21.008V2.992C3 2.455 3.449 2 4.002 2h10.995L21 8v1h-7zm-2 2h9v5.949c0 .99-.501 1.916-1.336 2.465L16.5 21.498l-3.164-2.084A2.953 2.953 0 0 1 12 16.95V11zm2 5.949c0 .316.162.614.436.795l2.064 1.36 2.064-1.36a.954.954 0 0 0 .436-.795V13h-5v3.949z\" />\r\n\t\t\t\t</svg>\r\n\t\t\t\t<Tsi-Label labelValue=\"auto_logout_title\"></Tsi-Label>\r\n\t\t\t</h1>\r\n\t\t\t<button class=\"icon-button\" (click)=\"hide({willBeLoggedOut : false})\">\r\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\r\n\t\t\t\t\t<path fill=\"none\" d=\"M0 0h24v24H0z\" />\r\n\t\t\t\t\t<path fill=\"currentColor\" d=\"M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z\" />\r\n\t\t\t\t</svg>\r\n\t\t\t</button>\r\n\t\t</header>\r\n        <br/>\r\n\t\t<section class=\"modal-container-body\">\r\n                <div class=\"flx\">\r\n                    <Tsi-Label labelValue=\"auto_logout\"></Tsi-Label>\r\n\t\t\t\t\t<div class=\"flx align-items-start\">\r\n\t\t\t\t\t\t&nbsp;<b>{{countdownValue}}</b>&nbsp;\r\n\t\t\t\t\t\t<Tsi-Label labelValue=\"auto_logout_secondes\"/> \r\n\t\t\t\t\t</div>\r\n                </div>\r\n\t\t</section>\r\n        <br/>\r\n\t\t<footer class=\"modal-container-footer\">\r\n\t\t\t<button class=\"button is-ghost\" (click)=\"hide({willBeLoggedOut : false})\">{{'auto_logout_stay_loggedin' | localize}}</button>\r\n\t\t</footer>\r\n\t</article>\r\n</div>\r\n\r\n<div *ngIf=\"logoutReason === logoutReasonEnum.EXPIRED_TOKEN\" class=\"modal\">\r\n\t<article class=\"modal-container\">\r\n\t\t<header class=\"modal-container-header\">\r\n\t\t\t<h1 class=\"modal-container-title\">\r\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\">\r\n\t\t\t\t\t<path fill=\"none\" d=\"M0 0h24v24H0z\" />\r\n\t\t\t\t\t<path fill=\"currentColor\" d=\"M14 9V4H5v16h6.056c.328.417.724.785 1.18 1.085l1.39.915H3.993A.993.993 0 0 1 3 21.008V2.992C3 2.455 3.449 2 4.002 2h10.995L21 8v1h-7zm-2 2h9v5.949c0 .99-.501 1.916-1.336 2.465L16.5 21.498l-3.164-2.084A2.953 2.953 0 0 1 12 16.95V11zm2 5.949c0 .316.162.614.436.795l2.064 1.36 2.064-1.36a.954.954 0 0 0 .436-.795V13h-5v3.949z\" />\r\n\t\t\t\t</svg>\r\n\t\t\t\t<Tsi-Label labelValue=\"auto_logout_expired_token_title\"></Tsi-Label>\r\n\t\t\t</h1>\r\n\t\t\t<button class=\"icon-button\" (click)=\"hide()\">\r\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\r\n\t\t\t\t\t<path fill=\"none\" d=\"M0 0h24v24H0z\" />\r\n\t\t\t\t\t<path fill=\"currentColor\" d=\"M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z\" />\r\n\t\t\t\t</svg>\r\n\t\t\t</button>\r\n\t\t</header>\r\n        <br/>\r\n\t\t<section class=\"modal-container-body\">\r\n                <div class=\"flx\">\r\n                    <Tsi-Label labelValue=\"auto_logout_expired_token_msg\"></Tsi-Label>\r\n                </div>\r\n\t\t</section>\r\n        <br/>\r\n\t\t<footer class=\"modal-container-footer\">\r\n\t\t\t<button class=\"button is-ghost\" (click)=\"hide()\">{{'Ok' | localize}}</button>\r\n\t\t</footer>\r\n\t</article>\r\n</div> -->", styles: [".flx{display:flex;color:#000;font-size:14px;font-weight:400}.modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.modal-container{min-width:400px;margin-left:auto;margin-right:auto;background-color:#fff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.modal-container-header{padding-left:15px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.modal-container-title{display:flex;align-items:center;gap:8px;padding-top:10px;line-height:1;font-weight:700;font-size:20px}.modal-container-title svg{width:32px;height:32px;color:#4549f2}.modal-container-body{padding:3px 32px}.modal-container-footer{padding:20px 20px 20px 0;display:flex;justify-content:space-around;border-top:1px solid #ddd;gap:12px;position:relative}.button{padding:12px 20px;border-radius:8px;background-color:transparent;border:1px solid #9c9c9f;font-weight:600;cursor:pointer;transition:.15s ease}.button.is-ghost:hover,.button.is-ghost:focus{background-color:#3b3d91;color:#fff}.button.is-primary{background-color:#4549f2;color:#fff}.button.is-primary:hover,.button.is-primary:focus{background-color:#232487}.icon-button{padding:0;border:0;background-color:transparent;width:30px;height:30px;margin-right:5px;display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;border-radius:8px;transition:.15s ease}.icon-button svg{width:24px;height:24px}.icon-button:hover,.icon-button:focus{background-color:#dfdad7}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9nb3V0LXBvcHVwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy9sb2dvdXQtcG9wdXAvbG9nb3V0LXBvcHVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy9sb2dvdXQtcG9wdXAvbG9nb3V0LXBvcHVwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBTTdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFRMUQsTUFBTSxPQUFPLG9CQUFvQixDQUFDLHNFQUFzRTsrR0FBM0Ysb0JBQW9CLENBQUMsc0VBQXNFO21HQUEzRixvQkFBb0IsQ0FBQyxzRUFBc0UsMkNBRjNGLENBQUMsR0FBRyxZQUFZLENBQUMsMEJDWjlCLGt0SEE4RFU7OzRGRGhERyxvQkFBb0IsQ0FBQyxzRUFBc0U7a0JBTnZHLFNBQVM7K0JBQ0Usa0JBQWtCLGFBR2pCLENBQUMsR0FBRyxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGZpcnN0VmFsdWVGcm9tIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IFNlZ21lbnQgfSBmcm9tICcuLi8uLi9lbmQtcG9pbnRzJztcclxuaW1wb3J0IHsgbG9nb3V0UmVhc29uRW51bSB9IGZyb20gJy4uLy4uL2VudW1zJztcclxuaW1wb3J0IHsgSWRlbnRpdHlQbGF0Zm9ybUF1dGhlbnRpY2F0aW9uU2VydmljZSwgSWRlbnRpdHlNYW5hZ2VyU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzJztcclxuaW1wb3J0IHsgVHNpRm9ybUNvbXBvbmVudEJhc2VDb21wb25lbnQgfSBmcm9tICcuLi8uLi90c2ktYmFzZS9jb21wb25lbnRzL3RzaS1mb3JtLWJhc2UvdHNpLWZvcm0tYmFzZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBhcHBQcm92aWRlcnMgfSBmcm9tICcuLi8uLi9jb25zdHMvYXBwLXByb3ZpZGVycyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1sb2dvdXQtcG9wdXAnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9sb2dvdXQtcG9wdXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2xvZ291dC1wb3B1cC5jb21wb25lbnQuc2NzcyddLFxyXG4gIHByb3ZpZGVyczogWy4uLmFwcFByb3ZpZGVyc11cclxufSlcclxuZXhwb3J0IGNsYXNzIExvZ291dFBvcHVwQ29tcG9uZW50IC8qZXh0ZW5kcyBUc2lGb3JtQ29tcG9uZW50QmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95Ki8ge1xyXG5cclxuICAvLyBjb3VudGRvd25WYWx1ZTogYW55O1xyXG4gIC8vIGNvdW50ZG93blN1YjogYW55O1xyXG4gIC8vIGxvZ291dFJlYXNvbjogbG9nb3V0UmVhc29uRW51bSA9IGxvZ291dFJlYXNvbkVudW0uSU5BQ1RJVklUWTtcclxuICAvLyBsb2dvdXRSZWFzb25FbnVtID0gbG9nb3V0UmVhc29uRW51bSA7XHJcblxyXG4gIC8vIGNvbnN0cnVjdG9yKFxyXG4gIC8vICAgcHVibGljIG92ZXJyaWRlIHJlZjogVHNpRGlhbG9nUmVmLFxyXG4gIC8vICAgcHVibGljIG92ZXJyaWRlIGNvbmZpZzogVHNpRGlhbG9nQ29uZmlnLFxyXG4gIC8vICAgcHJpdmF0ZSBfaWRlbnRpdHlBdXRob3Jpc2F0aW9uU2VydmljZTogSWRlbnRpdHlQbGF0Zm9ybUF1dGhlbnRpY2F0aW9uU2VydmljZSxcclxuICAvLyAgIHByaXZhdGUgX2lkZW50aXR5TWFuYWdlclNlcnZpY2U6IElkZW50aXR5TWFuYWdlclNlcnZpY2VcclxuICAvLyApIHtcclxuICAvLyAgIHN1cGVyKCk7XHJcbiAgLy8gfVxyXG5cclxuXHJcbiAgLy8gb3ZlcnJpZGUgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgLy8gICB0aGlzLmNvdW50ZG93blZhbHVlID0gdGhpcy5jb25maWcuZGF0YS5jb3VudERvd247XHJcbiAgLy8gICB0aGlzLmxvZ291dFJlYXNvbiA9IHRoaXMuY29uZmlnLmRhdGEubG9nb3V0UmVhc29uO1xyXG4gIC8vICAgdGhpcy5jb3VudGRvd25TdWIgPSBzZXRJbnRlcnZhbChhc3luYyAoKSA9PiB7XHJcbiAgLy8gICAgIHRoaXMuY291bnRkb3duVmFsdWUtLTtcclxuICAvLyAgICAgaWYgKHRoaXMuY291bnRkb3duVmFsdWUgPD0gMCkge1xyXG4gIC8vICAgICAgIGNsZWFySW50ZXJ2YWwodGhpcy5jb3VudGRvd25TdWIpO1xyXG4gIC8vICAgICAgIGNvbnNvbGUubG9nKCdVc2VyIGlkbGUnKTtcclxuICAvLyAgICAgICB0aGlzLnJlZj8uY2xvc2UoeyB3aWxsQmVMb2dnZWRPdXQ6IHRydWUgfSk7XHJcbiAgLy8gICAgICAgYXdhaXQgZmlyc3RWYWx1ZUZyb20odGhpcy5faWRlbnRpdHlBdXRob3Jpc2F0aW9uU2VydmljZS5sb2dvdXQodGhpcy5sb2dvdXRSZWFzb24pKTtcclxuICAvLyAgICAgICB0aGlzLl9pZGVudGl0eU1hbmFnZXJTZXJ2aWNlLnJlbW92ZUF1dGhUb2tlbigpXHJcbiAgLy8gICAgICAgd2luZG93Lm9wZW4oU2VnbWVudC5pZGVudGl0eVBsYXRmb3JtVXJsRnJvbnQsIFwiX3NlbGZcIik7XHJcbiAgLy8gICAgIH1cclxuICAvLyAgIH0sIDEwMDApO1xyXG4gIC8vIH1cclxuXHJcbiAgLy8gb3ZlcnJpZGUgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgLy8gICBpZiAodGhpcy5jb3VudGRvd25TdWIpIHtcclxuICAvLyAgICAgY2xlYXJJbnRlcnZhbCh0aGlzLmNvdW50ZG93blN1YilcclxuICAvLyAgICAgY29uc29sZS5sb2coXCJjb3VudGRvd24gc3Vic2NyaXB0aW9uIGlzIGNsZWFyZWQuXCIpXHJcbiAgLy8gICB9XHJcbiAgLy8gfVxyXG5cclxuICAvLyBzdGF5TG9nZ2VkSW4oKSB7XHJcbiAgLy8gICB0aGlzLmhpZGUoeyB3aWxsQmVMb2dnZWRPdXQ6IGZhbHNlIH0pO1xyXG4gIC8vIH1cclxuXHJcbn1cclxuIiwiPCEtLSA8ZGl2ICpuZ0lmPVwibG9nb3V0UmVhc29uID09PSBsb2dvdXRSZWFzb25FbnVtLklOQUNUSVZJVFlcIiBjbGFzcz1cIm1vZGFsXCI+XHJcblx0PGFydGljbGUgY2xhc3M9XCJtb2RhbC1jb250YWluZXJcIj5cclxuXHRcdDxoZWFkZXIgY2xhc3M9XCJtb2RhbC1jb250YWluZXItaGVhZGVyXCI+XHJcblx0XHRcdDxoMSBjbGFzcz1cIm1vZGFsLWNvbnRhaW5lci10aXRsZVwiPlxyXG5cdFx0XHRcdDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiB3aWR0aD1cIjI0XCIgaGVpZ2h0PVwiMjRcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cclxuXHRcdFx0XHRcdDxwYXRoIGZpbGw9XCJub25lXCIgZD1cIk0wIDBoMjR2MjRIMHpcIiAvPlxyXG5cdFx0XHRcdFx0PHBhdGggZmlsbD1cImN1cnJlbnRDb2xvclwiIGQ9XCJNMTQgOVY0SDV2MTZoNi4wNTZjLjMyOC40MTcuNzI0Ljc4NSAxLjE4IDEuMDg1bDEuMzkuOTE1SDMuOTkzQS45OTMuOTkzIDAgMCAxIDMgMjEuMDA4VjIuOTkyQzMgMi40NTUgMy40NDkgMiA0LjAwMiAyaDEwLjk5NUwyMSA4djFoLTd6bS0yIDJoOXY1Ljk0OWMwIC45OS0uNTAxIDEuOTE2LTEuMzM2IDIuNDY1TDE2LjUgMjEuNDk4bC0zLjE2NC0yLjA4NEEyLjk1MyAyLjk1MyAwIDAgMSAxMiAxNi45NVYxMXptMiA1Ljk0OWMwIC4zMTYuMTYyLjYxNC40MzYuNzk1bDIuMDY0IDEuMzYgMi4wNjQtMS4zNmEuOTU0Ljk1NCAwIDAgMCAuNDM2LS43OTVWMTNoLTV2My45NDl6XCIgLz5cclxuXHRcdFx0XHQ8L3N2Zz5cclxuXHRcdFx0XHQ8VHNpLUxhYmVsIGxhYmVsVmFsdWU9XCJhdXRvX2xvZ291dF90aXRsZVwiPjwvVHNpLUxhYmVsPlxyXG5cdFx0XHQ8L2gxPlxyXG5cdFx0XHQ8YnV0dG9uIGNsYXNzPVwiaWNvbi1idXR0b25cIiAoY2xpY2spPVwiaGlkZSh7d2lsbEJlTG9nZ2VkT3V0IDogZmFsc2V9KVwiPlxyXG5cdFx0XHRcdDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiB3aWR0aD1cIjI0XCIgaGVpZ2h0PVwiMjRcIj5cclxuXHRcdFx0XHRcdDxwYXRoIGZpbGw9XCJub25lXCIgZD1cIk0wIDBoMjR2MjRIMHpcIiAvPlxyXG5cdFx0XHRcdFx0PHBhdGggZmlsbD1cImN1cnJlbnRDb2xvclwiIGQ9XCJNMTIgMTAuNTg2bDQuOTUtNC45NSAxLjQxNCAxLjQxNC00Ljk1IDQuOTUgNC45NSA0Ljk1LTEuNDE0IDEuNDE0LTQuOTUtNC45NS00Ljk1IDQuOTUtMS40MTQtMS40MTQgNC45NS00Ljk1LTQuOTUtNC45NUw3LjA1IDUuNjM2elwiIC8+XHJcblx0XHRcdFx0PC9zdmc+XHJcblx0XHRcdDwvYnV0dG9uPlxyXG5cdFx0PC9oZWFkZXI+XHJcbiAgICAgICAgPGJyLz5cclxuXHRcdDxzZWN0aW9uIGNsYXNzPVwibW9kYWwtY29udGFpbmVyLWJvZHlcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbHhcIj5cclxuICAgICAgICAgICAgICAgICAgICA8VHNpLUxhYmVsIGxhYmVsVmFsdWU9XCJhdXRvX2xvZ291dFwiPjwvVHNpLUxhYmVsPlxyXG5cdFx0XHRcdFx0PGRpdiBjbGFzcz1cImZseCBhbGlnbi1pdGVtcy1zdGFydFwiPlxyXG5cdFx0XHRcdFx0XHQmbmJzcDs8Yj57e2NvdW50ZG93blZhbHVlfX08L2I+Jm5ic3A7XHJcblx0XHRcdFx0XHRcdDxUc2ktTGFiZWwgbGFiZWxWYWx1ZT1cImF1dG9fbG9nb3V0X3NlY29uZGVzXCIvPiBcclxuXHRcdFx0XHRcdDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcblx0XHQ8L3NlY3Rpb24+XHJcbiAgICAgICAgPGJyLz5cclxuXHRcdDxmb290ZXIgY2xhc3M9XCJtb2RhbC1jb250YWluZXItZm9vdGVyXCI+XHJcblx0XHRcdDxidXR0b24gY2xhc3M9XCJidXR0b24gaXMtZ2hvc3RcIiAoY2xpY2spPVwiaGlkZSh7d2lsbEJlTG9nZ2VkT3V0IDogZmFsc2V9KVwiPnt7J2F1dG9fbG9nb3V0X3N0YXlfbG9nZ2VkaW4nIHwgbG9jYWxpemV9fTwvYnV0dG9uPlxyXG5cdFx0PC9mb290ZXI+XHJcblx0PC9hcnRpY2xlPlxyXG48L2Rpdj5cclxuXHJcbjxkaXYgKm5nSWY9XCJsb2dvdXRSZWFzb24gPT09IGxvZ291dFJlYXNvbkVudW0uRVhQSVJFRF9UT0tFTlwiIGNsYXNzPVwibW9kYWxcIj5cclxuXHQ8YXJ0aWNsZSBjbGFzcz1cIm1vZGFsLWNvbnRhaW5lclwiPlxyXG5cdFx0PGhlYWRlciBjbGFzcz1cIm1vZGFsLWNvbnRhaW5lci1oZWFkZXJcIj5cclxuXHRcdFx0PGgxIGNsYXNzPVwibW9kYWwtY29udGFpbmVyLXRpdGxlXCI+XHJcblx0XHRcdFx0PHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCAyNCAyNFwiIHdpZHRoPVwiMjRcIiBoZWlnaHQ9XCIyNFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxyXG5cdFx0XHRcdFx0PHBhdGggZmlsbD1cIm5vbmVcIiBkPVwiTTAgMGgyNHYyNEgwelwiIC8+XHJcblx0XHRcdFx0XHQ8cGF0aCBmaWxsPVwiY3VycmVudENvbG9yXCIgZD1cIk0xNCA5VjRINXYxNmg2LjA1NmMuMzI4LjQxNy43MjQuNzg1IDEuMTggMS4wODVsMS4zOS45MTVIMy45OTNBLjk5My45OTMgMCAwIDEgMyAyMS4wMDhWMi45OTJDMyAyLjQ1NSAzLjQ0OSAyIDQuMDAyIDJoMTAuOTk1TDIxIDh2MWgtN3ptLTIgMmg5djUuOTQ5YzAgLjk5LS41MDEgMS45MTYtMS4zMzYgMi40NjVMMTYuNSAyMS40OThsLTMuMTY0LTIuMDg0QTIuOTUzIDIuOTUzIDAgMCAxIDEyIDE2Ljk1VjExem0yIDUuOTQ5YzAgLjMxNi4xNjIuNjE0LjQzNi43OTVsMi4wNjQgMS4zNiAyLjA2NC0xLjM2YS45NTQuOTU0IDAgMCAwIC40MzYtLjc5NVYxM2gtNXYzLjk0OXpcIiAvPlxyXG5cdFx0XHRcdDwvc3ZnPlxyXG5cdFx0XHRcdDxUc2ktTGFiZWwgbGFiZWxWYWx1ZT1cImF1dG9fbG9nb3V0X2V4cGlyZWRfdG9rZW5fdGl0bGVcIj48L1RzaS1MYWJlbD5cclxuXHRcdFx0PC9oMT5cclxuXHRcdFx0PGJ1dHRvbiBjbGFzcz1cImljb24tYnV0dG9uXCIgKGNsaWNrKT1cImhpZGUoKVwiPlxyXG5cdFx0XHRcdDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiB3aWR0aD1cIjI0XCIgaGVpZ2h0PVwiMjRcIj5cclxuXHRcdFx0XHRcdDxwYXRoIGZpbGw9XCJub25lXCIgZD1cIk0wIDBoMjR2MjRIMHpcIiAvPlxyXG5cdFx0XHRcdFx0PHBhdGggZmlsbD1cImN1cnJlbnRDb2xvclwiIGQ9XCJNMTIgMTAuNTg2bDQuOTUtNC45NSAxLjQxNCAxLjQxNC00Ljk1IDQuOTUgNC45NSA0Ljk1LTEuNDE0IDEuNDE0LTQuOTUtNC45NS00Ljk1IDQuOTUtMS40MTQtMS40MTQgNC45NS00Ljk1LTQuOTUtNC45NUw3LjA1IDUuNjM2elwiIC8+XHJcblx0XHRcdFx0PC9zdmc+XHJcblx0XHRcdDwvYnV0dG9uPlxyXG5cdFx0PC9oZWFkZXI+XHJcbiAgICAgICAgPGJyLz5cclxuXHRcdDxzZWN0aW9uIGNsYXNzPVwibW9kYWwtY29udGFpbmVyLWJvZHlcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbHhcIj5cclxuICAgICAgICAgICAgICAgICAgICA8VHNpLUxhYmVsIGxhYmVsVmFsdWU9XCJhdXRvX2xvZ291dF9leHBpcmVkX3Rva2VuX21zZ1wiPjwvVHNpLUxhYmVsPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcblx0XHQ8L3NlY3Rpb24+XHJcbiAgICAgICAgPGJyLz5cclxuXHRcdDxmb290ZXIgY2xhc3M9XCJtb2RhbC1jb250YWluZXItZm9vdGVyXCI+XHJcblx0XHRcdDxidXR0b24gY2xhc3M9XCJidXR0b24gaXMtZ2hvc3RcIiAoY2xpY2spPVwiaGlkZSgpXCI+e3snT2snIHwgbG9jYWxpemV9fTwvYnV0dG9uPlxyXG5cdFx0PC9mb290ZXI+XHJcblx0PC9hcnRpY2xlPlxyXG48L2Rpdj4gLS0+Il19