{"version":3,"sources":["webpack:///D:/a/1/s/src/app/core/modules/forms/components/formsCheckIndicator/forms-check-indicator.shared.component.html","webpack:///D:/a/1/s/src/app/core/modules/forms/components/formsCheckIndicator/forms-check-indicator.shared.component.ts","webpack:///D:/a/1/s/src/app/core/directives/inputRegexp/input-regexp.shared.directive.ts","webpack:///D:/a/1/s/src/app/core/modules/forms/components/formsInput/forms-input.shared.component.html","webpack:///D:/a/1/s/src/app/core/modules/forms/components/formsInput/forms-input.shared.component.ts","webpack:///D:/a/1/s/src/app/core/components/hints/hintTypes/hints-types.shared.component.ts","webpack:///D:/a/1/s/src/app/core/directives/let/let.shared.directive.ts","webpack:///D:/a/1/s/src/app/core/directives/inputNumbersOnly/input-numbers-only.shared.directive.ts","webpack:///D:/a/1/s/src/app/core/modules/forms/components/formsSubmit/forms-submit.shared.module.ts","webpack:///D:/a/1/s/src/app/core/modules/forms/components/formsSubmit/index.ts","webpack:///D:/a/1/s/src/app/core/components/hints/components/hintsFloating/hints-floating.shared.component.html","webpack:///D:/a/1/s/src/app/core/components/hints/components/hintsFloating/hints-floating.shared.component.ts","webpack:///D:/a/1/s/src/app/core/components/hints/hintTypes/indicator/hint-with-indicator.shared.component.html","webpack:///D:/a/1/s/src/app/core/components/hints/hintTypes/indicator/hint-with-indicator.shared.component.ts"],"names":["FormsCheckIndicatorComponent","checked","icon","InputRegexpDirective","_elementRef","_renderer2","regexp","e","isKeySafe","elem","this","nativeElement","setValue","value","split","reduce","acc","char","test","key","preventDefault","FormsInputComponent","elementRef","changeDetectorRef","_init","selectIsOpen","isFocusing","hasBlurred","showHint","type","placeholder","disabled","valid","errors","name","isTouched","resize","tabindex","required","optionalLabel","pattern","readonly","min","max","minLength","maxLength","novalidate","autocomplete","log","compact","numbersOnly","enableClear","inputSize","inputCenter","startDate","subtractYearsFromToday","maxDate","minDate","Date","setFullYear","smallScreen","format","hintsHSide","hintsVSide","hintsFeel","hintsSize","onChange","onStatusChange","onFocus","onInit","onButtonClick","onSelectChange","theme","position","selectWidth","projection","selectDropdownSize","optionTemplate","selectedTemplate","selectIconSize","onSelectUpdateRevalidatedFields","selectOptions","parentForm","console","warn","control","controls","validator","_valueChangesListener$","valueChanges","subscribe","handleValueChange","_statusChangesListener$","statusChanges","status","handleStatusChange","display","dateInput","inputElem","querySelector","setTimeout","emitValue","formControl","parentElement","inputElement","emit","_previousValue","_updateDefaultSelectValue","selectElementRef","onclick","length","selected","find","obj","Id","onSelected","closed","unsubscribe","undefined","defaultSelected","detectChanges","Promise","resolve","blur","isOpen","$event","markAsDirty","markAsTouched","forEach","fieldName","abstractControl","findControl","updateValueAndValidity","_blurDatePickerInput","previous","next","foundOption","option","_formatVisibleDate","datePicker","opened","close","open","reset","window","innerWidth","touched","dirty","invalid","HintsTypesComponent","indicatorType","messages","changes","LetDirective","_viewContainerRef","_templateRef","_context","ngLet","createEmbeddedView","InputNumberOnlyDirective","numbersOnlyDisabled","floats","keyCode","shiftKey","FormsSubmitModule","HintsFloatingComponent","hSide","vSide","feel","size","button","defaultButton","message","_mapErrorMessage","mappedErrors","mapErrors","currentError","messageType","HintWithIndicatorComponent","super","iconPositive","textPositive","iconNegative","textNegative","iconDisabled","textDisabled","inverted","feelPositive","feelNegative","feelDisabled"],"mappings":"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","file":"x","sourcesContent":["<div class=\"forms-check-indicator\" [ngClass]=\"{'is-checked': checked}\">\r\n    <div class=\"forms-check-indicator__inner\">\r\n        <shared-icon [icon]=\"icon\" *ngIf=\"checked\" class=\"forms-check-indicator__icon\"></shared-icon>\r\n    </div>\r\n</div>","import { Component, OnInit, Input, ChangeDetectionStrategy } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'shared-forms-check-indicator',\r\n    templateUrl: './forms-check-indicator.shared.component.html',\r\n    styleUrls: ['./forms-check-indicator.shared.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class FormsCheckIndicatorComponent implements OnInit {\r\n    @Input() public checked: boolean = false;\r\n    @Input() public icon: string = 'checkmark';\r\n\r\n    constructor() { }\r\n\r\n    ngOnInit(): void { }\r\n}\r\n","import { Directive, Input, HostListener, ElementRef, Renderer2 } from '@angular/core';\r\nimport * as Utils from '../../utils';\r\n\r\n@Directive({\r\n    selector: '[directive-input-regexp]', /* [directive=\"regexp\"] */\r\n})\r\nexport class InputRegexpDirective {\r\n    @Input() public regexp: RegExp = /./;\r\n\r\n    constructor(\r\n        private _elementRef: ElementRef,\r\n        private _renderer2: Renderer2,\r\n    ) { }\r\n\r\n    ngOnInit() { }\r\n\r\n    @HostListener('keyup', ['$event']) public onKeyUp(e: KeyboardEvent) {\r\n        /* Android fix */\r\n        if (Utils.Inputs.isKeySafe(e)) return;\r\n        const elem: HTMLInputElement = this._elementRef.nativeElement;\r\n\r\n        this._renderer2.setValue(elem, (elem.value ? elem.value.split('') : []).reduce((acc, char) => {\r\n            if (!this.regexp.test(char)) {\r\n                return acc;\r\n            }\r\n            return acc += char;\r\n        }, ''));\r\n    }\r\n\r\n    @HostListener('keydown', ['$event']) public onKeyDown(e: KeyboardEvent): void {\r\n        if (Utils.Inputs.isKeySafe(e)) return;\r\n\r\n        if (!this.regexp.test(`${e.key}`)) {\r\n            e.preventDefault();\r\n        }\r\n    }\r\n}\r\n","<ng-container>\r\n    <!-- Model driven field -->\r\n    <ng-container *ngIf=\"parentForm && name && control\">\r\n        <div class=\"forms-input{{inputSize && inputSize !== 'none' ? ' -input-size-'+inputSize : ''}} -status-{{(errors ? 'invalid' : control.status) | lowercase}}\"\r\n            [formGroup]=\"parentForm\"\r\n            *ngLet=\"{'-input-center': inputCenter,'-compact': compact,'is-optional': !required,'is-required': required,'is-dirty': control?.pristine === false,'is-pristine': control?.pristine, 'is-untouched': !control?.touched, 'is-touched': control?.touched, 'is-enabled': control?.status !== 'DISABLED', 'is-disabled': control?.status === 'DISABLED', 'is-valid': !control?.errors && control?.touched && !errors, 'is-invalid': hasErrors, 'has-value': hasValue, 'is-empty': !hasValue, '-no-resize': !resize, '-resize': resize, 'is-focusing': isFocusing, '-readonly': readonly === true, '-show-hint': showHint } as modelClasses\"\r\n            [ngClass]=\"modelClasses\">\r\n            <div class=\"forms-input__inner\">\r\n\r\n                <label [for]=\"name\" class=\"forms-input__label\"\r\n                    *ngIf=\"label && type !== 'checkbox' && type !== 'radio'\">{{label}}{{!required ? optionalLabel : ''}}</label>\r\n                <div class=\"forms-input__bd\">\r\n\r\n                    <shared-hint-with-indicator *ngIf=\"showHintsComponent\" [hintsSize]=\"hintsSize\"\r\n                        [hintsFeel]=\"hintsFeel\" [hintsVSide]=\"hintsVSide\" [hintsHSide]=\"hintsHSide\"\r\n                        [messages]=\"control.errors || errors\" [indicatorType]=\"indicatorStatus\"\r\n                        (onButtonClick)=\"handleButtonClick($event)\" class=\"forms-input__status-indicator\">\r\n                    </shared-hint-with-indicator>\r\n\r\n                    <shared-circle-btn [disabled]=\"disabled\" *ngIf=\"!disabled && enableClear && control.value\"\r\n                        class=\"forms-input__clear\" size=\"xxs\" icon=\"close\" feel=\"dark\"\r\n                        (click)=\"handleClearInputValue($event)\">\r\n                    </shared-circle-btn>\r\n\r\n                    <ng-container [ngSwitch]=\"type\">\r\n                        <ng-template #forCheckType>\r\n                            <label class=\"forms-input__check-label\" [ngClass]=\"{'-compact': compact}\">\r\n                                <shared-forms-check-indicator [checked]=\"control.value\" [icon]=\"icon\">\r\n                                </shared-forms-check-indicator>\r\n\r\n                                <input [attr.formnovalidate]=\"novalidate\" [attr.readonly]=\"readonly\"\r\n                                    [tabindex]=\"tabindex\" [formControlName]=\"name\" type=\"checkbox\"\r\n                                    *ngIf=\"type === 'checkbox'\" [ngClass]=\"modelClasses\" (focus)=\"handleOnFocus($event)\"\r\n                                    (blur)=\"handleOnBlur($event)\" (click)=\"handleOnClick($event)\"\r\n                                    class=\"forms-input__input{{ type ? ' -type-'+type : ''}} -type-check -status-{{(errors ? 'invalid' : control.status) | lowercase}} -for-check{{icon ? ' -custom-icon': ''}}{{icon ? ' -hidden': ''}}\">\r\n\r\n                                <input [attr.formnovalidate]=\"novalidate\" [attr.readonly]=\"readonly\"\r\n                                    [tabindex]=\"tabindex\" [formControlName]=\"name\" *ngIf=\"type === 'radio'\" type=\"radio\"\r\n                                    [ngClass]=\"modelClasses\" (focus)=\"handleOnFocus($event)\"\r\n                                    (blur)=\"handleOnBlur($event)\" (click)=\"handleOnClick($event)\"\r\n                                    class=\"forms-input__input{{ type ? ' -type-'+type : ''}} -type-check -status-{{(errors ? 'invalid' : control.status) | lowercase}} -for-check{{icon ? ' -custom-icon': ''}}{{icon ? ' -hidden': ''}}\">\r\n\r\n\r\n                                <div class=\"forms-input__sub-label\">{{label}}</div>\r\n                            </label>\r\n                        </ng-template>\r\n\r\n                        <ng-container *ngSwitchCase=\"'checkbox'\">\r\n                            <ng-container *ngTemplateOutlet=\"forCheckType\"></ng-container>\r\n                        </ng-container>\r\n                        <ng-container *ngSwitchCase=\"'radio'\">\r\n                            <ng-container *ngTemplateOutlet=\"forCheckType\"></ng-container>\r\n                        </ng-container>\r\n\r\n\r\n                        <ng-container *ngSwitchCase=\"'textarea'\">\r\n                            <textarea directive-numbers-only [numbersOnlyDisabled]=\"!numbersOnly\" directive-emoji-block\r\n                                [attr.autocomplete]=\"autocomplete\" [attr.formnovalidate]=\"novalidate\" [attr.min]=\"min\"\r\n                                [attr.minLength]=\"minLength\" [attr.max]=\"max\" [attr.maxLength]=\"maxLength\"\r\n                                [attr.pattern]=\"pattern\" [attr.inputmode]=\"inputmode\" [tabindex]=\"tabindex\"\r\n                                [formControlName]=\"name\" [name]=\"name\" [ngClass]=\"modelClasses\"\r\n                                [attr.readonly]=\"readonly\" [placeholder]=\"placeholder\" (focus)=\"handleOnFocus($event)\"\r\n                                (blur)=\"handleOnBlur($event)\" (click)=\"handleOnClick($event)\"\r\n                                class=\"forms-input__input{{ type ? ' -type-'+type : ''}} -status-{{(errors ? 'invalid' : control.status) | lowercase}} -for-type\"></textarea>\r\n                        </ng-container>\r\n\r\n\r\n                        <ng-container *ngSwitchCase=\"'datePicker'\">\r\n                            <input directive-numbers-only [numbersOnlyDisabled]=\"!numbersOnly\" directive-emoji-block\r\n                                directive-input-cp directive-input-regexp\r\n                                [attr.autocomplete]=\"autocomplete ? 'true' : 'false'\" [attr.formnovalidate]=\"novalidate\"\r\n                                [attr.minLength]=\"minLength\" [attr.maxLength]=\"maxLength\" [attr.pattern]=\"pattern\"\r\n                                [attr.inputmode]=\"inputmode\" [tabindex]=\"tabindex\" [regexp]=\"pattern\" [min]=\"minDate\"\r\n                                [max]=\"maxDate\" matInput [matDatepicker]=\"datePicker\" [formControlName]=\"name\"\r\n                                type=\"text\" [name]=\"name\" [ngClass]=\"modelClasses\" [placeholder]=\"placeholder\"\r\n                                (focus)=\"handleOnFocus($event)\" (click)=\"handleOnClick($event)\"\r\n                                (blur)=\"handleOnBlur($event)\" (dateInput)=\"handleDateChange($event)\"\r\n                                (dateChange)=\"handleDateChange($event)\" [attr.readonly]=\"true\"\r\n                                class=\"forms-input__input -type-datepicker -type-common -status-{{(errors ? 'invalid' : control.status) | lowercase}} -for-type\">\r\n\r\n                            <mat-datepicker-toggle matSuffix [for]=\"datePicker\" class=\"forms-input__date-picker-toggle\">\r\n                                <mat-icon matDatepickerToggleIcon class=\"forms-input__date-picker-icon\">\r\n                                    today\r\n                                </mat-icon>\r\n                            </mat-datepicker-toggle>\r\n\r\n                            <mat-datepicker [touchUi]=\"isSmallScreen\" #datePicker [startAt]=\"startDate\"\r\n                                class=\"forms-input__date-picker\" [disabled]=\"control?.status === 'DISABLED'\">\r\n                            </mat-datepicker>\r\n\r\n                        </ng-container>\r\n\r\n\r\n\r\n                        <ng-container *ngSwitchCase=\"'select'\">\r\n                            <div class=\"forms-input__select-group\">\r\n\r\n                                <select class=\"forms-input__input{{ type ? ' -type-'+type : ''}} -for-type -hidden\"\r\n                                    [attr.autocomplete]=\"autocomplete\" [attr.formnovalidate]=\"novalidate\"\r\n                                    [tabindex]=\"tabindex\" [formControlName]=\"name\" [name]=\"name\"\r\n                                    [attr.readonly]=\"readonly\" [ngClass]=\"modelClasses\">\r\n                                    <option *ngFor=\"let option of selectOptions\" [value]=\"option.Id\">{{option.Id}}\r\n                                    </option>\r\n                                </select>\r\n\r\n\r\n                                <shared-drop-down class=\"forms-input__dropdown\" (onToggle)=\"onSelectToggle($event)\"\r\n                                    (onSelected)=\"onSelected($event)\" [options]=\"selectOptions\" [selected]=\"selected\"\r\n                                    [position]=\"position\" [theme]=\"theme\" [width]=\"selectWidth\"\r\n                                    [projection]=\"projection\" [size]=\"selectDropdownSize\"\r\n                                    [optionTemplate]=\"optionTemplate\">\r\n\r\n                                    <button type=\"button\" [disabled]=\"control?.disabled || disabled\" #selectButton\r\n                                        class=\"forms-input__input{{ type ? ' -type-'+type : ''}} -for-type -select-as-input\"\r\n                                        [tabindex]=\"tabindex || -1\" [attr.data-placeholder]=\"placeholder\"\r\n                                        [ngClass]=\"{'-with-placeholder': placeholder && !selected, 'is-disabled': control?.disabled || disabled, 'has-value': control?.value}\">\r\n                                        <ng-container *ngIf=\"selected\">\r\n\r\n                                            <ng-container\r\n                                                *ngTemplateOutlet=\"selectedTemplate || null;context: {item: selected}\">\r\n                                            </ng-container>\r\n                                        </ng-container>\r\n\r\n                                        <ng-container *ngIf=\"!selectedTemplate\">{{selected && selected.Name}}\r\n                                        </ng-container>\r\n\r\n\r\n                                        <shared-icon-btn class=\"forms-input__select-icon\"\r\n                                            [disabled]=\"control?.disabled || disabled\" [hoverShadow]=\"false\"\r\n                                            [icon]=\"selectIsOpen ? 'up' : 'down'\" [size]=\"selectIconSize\">\r\n                                        </shared-icon-btn>\r\n\r\n                                    </button>\r\n                                </shared-drop-down>\r\n\r\n\r\n                            </div>\r\n                        </ng-container>\r\n\r\n\r\n\r\n                        <ng-container *ngSwitchDefault>\r\n                            <input directive-numbers-only [numbersOnlyDisabled]=\"!numbersOnly\" directive-emoji-block\r\n                                [attr.readonly]=\"readonly\" [attr.autocomplete]=\"autocomplete\"\r\n                                [attr.formnovalidate]=\"novalidate\" [attr.min]=\"min\" [attr.minLength]=\"minLength\"\r\n                                [attr.max]=\"max\" [attr.maxLength]=\"maxLength\" [attr.pattern]=\"pattern\"\r\n                                [attr.inputmode]=\"inputmode\" [tabindex]=\"tabindex\" [formControlName]=\"name\"\r\n                                [type]=\"type\" [name]=\"name\" [ngClass]=\"modelClasses\" [placeholder]=\"placeholder\"\r\n                                (focus)=\"handleOnFocus($event)\" (blur)=\"handleOnBlur($event)\"\r\n                                (click)=\"handleOnClick($event)\"\r\n                                class=\"forms-input__input{{ type ? ' -type-'+type : ''}} -type-common -status-{{(errors ? 'invalid' : control.status) | lowercase}} -for-type\">\r\n                        </ng-container>\r\n\r\n                    </ng-container>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n\r\n\r\n    <!-- Template driven field -->\r\n    <ng-container *ngIf=\"!parentForm || parentForm && !name\">\r\n        <div class=\"forms-input\"\r\n            *ngLet=\"{'-compact': compact, 'is-required': required, 'has-value': value || selected, 'is-empty': !value && !selected,'-no-resize': !resize, '-resize': resize,'is-valid': valid, 'is-invalid': hasErrors, 'is-touched': isTouched, 'is-focusing': isFocusing, 'is-disabled': disabled} as templateDrivenClasses\"\r\n            [ngClass]=\"templateDrivenClasses\">\r\n            <div class=\"forms-input__inner\">\r\n                <label [for]=\"name\" class=\"forms-input__label\"\r\n                    *ngIf=\"label && type !== 'checkbox' && type !== 'radio'\">{{label}}</label>\r\n\r\n                <div class=\"forms-input__bd\">\r\n                    <ng-container [ngSwitch]=\"type\">\r\n\r\n                        <ng-container *ngSwitchCase=\"'textarea'\">\r\n                            <textarea directive-numbers-only [numbersOnlyDisabled]=\"!numbersOnly\" directive-emoji-block\r\n                                [attr.readonly]=\"readonly\" [attr.autocomplete]=\"autocomplete\"\r\n                                [attr.formnovalidate]=\"novalidate\" [attr.min]=\"min\" [attr.minLength]=\"minLength\"\r\n                                [attr.max]=\"max\" [attr.maxLength]=\"maxLength\" [required]=\"required\"\r\n                                [attr.pattern]=\"pattern\" [attr.inputmode]=\"inputmode\" [tabindex]=\"tabindex\"\r\n                                [name]=\"name\" [disabled]=\"disabled\" [ngClass]=\"templateDrivenClasses\"\r\n                                [placeholder]=\"placeholder\" (focus)=\"handleOnFocus($event)\"\r\n                                (blur)=\"handleOnBlur($event)\" [(ngModel)]=\"value\"\r\n                                (ngModelChange)=\"handleValueChange($event)\" (click)=\"handleOnClick($event)\"\r\n                                class=\"forms-input__input{{ type ? ' -type-'+type : ''}} -for-type\"></textarea>\r\n                        </ng-container>\r\n\r\n                        <ng-container *ngSwitchCase=\"'select'\">\r\n                            <div class=\"forms-input__select-group\">\r\n\r\n                                <select class=\"forms-input__input{{ type ? ' -type-'+type : ''}} -for-type -hidden\"\r\n                                    [attr.formnovalidate]=\"novalidate\" [tabindex]=\"tabindex\" [(ngModel)]=\"value\"\r\n                                    [attr.readonly]=\"readonly\" [name]=\"name\" [ngClass]=\"modelClasses\">\r\n                                </select>\r\n\r\n\r\n                                <shared-drop-down class=\"forms-input__dropdown\" (onToggle)=\"onSelectToggle($event)\"\r\n                                    (onSelected)=\"onSelected($event)\" [options]=\"selectOptions\" [selected]=\"selected\"\r\n                                    [position]=\"position\" [theme]=\"theme\" [width]=\"selectWidth\"\r\n                                    [projection]=\"projection\" [size]=\"selectDropdownSize\"\r\n                                    [optionTemplate]=\"optionTemplate\">\r\n\r\n                                    <button type=\"button\" [disabled]=\"disabled\"\r\n                                        class=\"forms-input__input{{ type ? ' -type-'+type : ''}} -for-type -select-as-input\"\r\n                                        [attr.data-placeholder]=\"placeholder\"\r\n                                        [ngClass]=\"{'-with-placeholder': placeholder && !selected, 'is-disabled': disabled, 'has-value': selected}\"\r\n                                        #selectButton>\r\n\r\n                                        <ng-container *ngIf=\"selected\">\r\n                                            <ng-container\r\n                                                *ngTemplateOutlet=\"selectedTemplate || null;context: {item: selected}\">\r\n                                            </ng-container>\r\n                                        </ng-container>\r\n\r\n                                        <ng-container *ngIf=\"!selectedTemplate\">{{selected && selected.Name}}\r\n                                        </ng-container>\r\n\r\n\r\n                                        <shared-icon-btn class=\"forms-input__select-icon\" [disabled]=\"disabled\"\r\n                                            [hoverShadow]=\"false\" [icon]=\"selectIsOpen ? 'up' : 'down'\"\r\n                                            [size]=\"selectIconSize\">\r\n                                        </shared-icon-btn>\r\n\r\n                                    </button>\r\n                                </shared-drop-down>\r\n\r\n\r\n                            </div>\r\n                        </ng-container>\r\n\r\n                        <ng-container *ngSwitchCase=\"'datePicker'\">\r\n                            <input directive-numbers-only [numbersOnlyDisabled]=\"!numbersOnly\" directive-emoji-block\r\n                                directive-input-cp directive-input-regexp [attr.autocomplete]=\"autocomplete\"\r\n                                [attr.formnovalidate]=\"novalidate\" [attr.min]=\"min\" [attr.minLength]=\"minLength\"\r\n                                [attr.max]=\"max\" [attr.maxLength]=\"maxLength\" [attr.pattern]=\"pattern\"\r\n                                [attr.inputmode]=\"inputmode\" [tabindex]=\"tabindex\" [regexp]=\"pattern\" [min]=\"minDate\"\r\n                                [max]=\"maxDate\" matInput [matDatepicker]=\"datePicker\" [(ngModel)]=\"value\" type=\"text\"\r\n                                [name]=\"name\" [ngClass]=\"modelClasses\" [placeholder]=\"placeholder\"\r\n                                (focus)=\"handleOnFocus($event)\" (blur)=\"handleOnBlur($event)\"\r\n                                (dateChange)=\"handleDateChange($event)\" (ngModelChange)=\"handleValueChange($event)\"\r\n                                [attr.readonly]=\"true\" (click)=\"handleOnClick($event)\"\r\n                                class=\"forms-input__input -type-datepicker -type-common -status-{{(errors ? 'invalid' : control.status) | lowercase}} -for-type\">\r\n\r\n                            <mat-datepicker-toggle matSuffix [for]=\"datePicker\" class=\"forms-input__date-picker-toggle\">\r\n                                <mat-icon matDatepickerToggleIcon class=\"forms-input__date-picker-icon\">\r\n                                    today\r\n                                </mat-icon>\r\n                            </mat-datepicker-toggle>\r\n\r\n                            <mat-datepicker [touchUi]=\"isSmallScreen\" #datePicker [startAt]=\"startDate\"\r\n                                class=\"forms-input__date-picker\" [disabled]=\"control?.status === 'DISABLED'\">\r\n                            </mat-datepicker>\r\n\r\n                        </ng-container>\r\n\r\n                        <ng-container *ngSwitchDefault>\r\n                            <input directive-numbers-only [numbersOnlyDisabled]=\"!numbersOnly\" directive-emoji-block\r\n                                [attr.readonly]=\"readonly\" [attr.autocomplete]=\"autocomplete\"\r\n                                [attr.formnovalidate]=\"novalidate\" [attr.min]=\"min\" [attr.minLength]=\"minLength\"\r\n                                [attr.max]=\"max\" [attr.maxLength]=\"maxLength\" [required]=\"required\"\r\n                                [attr.pattern]=\"pattern\" [attr.inputmode]=\"inputmode\" [tabindex]=\"tabindex\"\r\n                                [type]=\"type\" [name]=\"name\" [disabled]=\"disabled\" [ngClass]=\"templateDrivenClasses\"\r\n                                [placeholder]=\"placeholder\" (focus)=\"handleOnFocus($event)\"\r\n                                (blur)=\"handleOnBlur($event)\" [(ngModel)]=\"value\"\r\n                                (ngModelChange)=\"handleValueChange($event)\" (click)=\"handleOnClick($event)\"\r\n                                class=\"forms-input__input{{ type ? ' -type-'+type : ''}} -type-common -for-type\">\r\n                        </ng-container>\r\n\r\n                    </ng-container>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n</ng-container>","import { Component, OnInit, Input, Output, EventEmitter, OnDestroy, AfterViewInit, Optional, ElementRef, TemplateRef, ViewChild, ChangeDetectorRef } from '@angular/core';\r\nimport { FormGroup, AbstractControl } from '@angular/forms';\r\nimport { MatDatepicker, MatDatepickerInputEvent, MatDatepickerInput } from '@angular/material/datepicker';\r\nimport { CUSTOM_DATE_FORMATS } from '@shared/core/modules/material';\r\nimport * as moment from 'moment';\r\n\r\nimport * as Utils from '@shared/core/utils';\r\n\r\nimport { IInputFieldInit } from './forms-input.shared.interface';\r\n\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Component({\r\n    selector: 'shared-forms-input',\r\n    templateUrl: './forms-input.shared.component.html',\r\n    styleUrls: ['./forms-input.shared.component.scss'],\r\n})\r\nexport class FormsInputComponent implements OnInit, OnDestroy, AfterViewInit {\r\n    private _init: boolean = false;\r\n    private _previousValue!: string;\r\n    public elem!: HTMLElement;\r\n    public inputElem!: HTMLInputElement | HTMLTextAreaElement;\r\n    public selectIsOpen: boolean = false;\r\n    public selected: OLO.Components.DropDown.IDropDownOption;\r\n    public isFocusing: boolean = false;\r\n    public hasBlurred: boolean = false;\r\n    public control!: AbstractControl;\r\n    public modelClasses!: { [key: string]: any; };\r\n\r\n    @Input() public showHint: boolean = true;\r\n    @Input() public parentForm: FormGroup;\r\n    @Input() public type: 'textarea' | 'text' | 'password' | 'number' | 'email' | 'checkbox' | 'radio' | 'select' | 'datePicker' = 'text';\r\n    @Input() public inputmode: string;\r\n    @Input() public placeholder: string = '';\r\n    @Input() public label: string;\r\n    @Input() public disabled: boolean = false;\r\n    @Input() public valid: boolean = false;\r\n    @Input() public errors: any = false;\r\n    @Input() public name: string = '';\r\n    @Input() public value: string = '';\r\n    @Input() public isTouched: boolean = false;\r\n    @Input() public resize: boolean = false;\r\n    @Input() public icon: string = 'checkmark';\r\n    @Input() public tabindex: number = 0;\r\n    @Input() public required: boolean = true;\r\n    @Input() public optionalLabel: string = ' ( optional )';\r\n    @Input() public pattern: RegExp = null;\r\n    @Input() public readonly: boolean = null;\r\n    @Input() public min: number = null;\r\n    @Input() public max: number = null;\r\n    @Input() public minLength: number = null;\r\n    @Input() public maxLength: number = null;\r\n    @Input() public novalidate: boolean = true;\r\n    @Input() public autocomplete: boolean = false;\r\n    @Input() public log: boolean = false;\r\n    @Input() public compact: boolean = true; /* Keep bottom margins low - for modal views */\r\n    @Input() public numbersOnly: boolean = false;\r\n    @Input() public enableClear: boolean = false;\r\n    @Input() public inputSize: OLO.Components.INPUT_SIZE = 'none';\r\n    @Input() public inputCenter: boolean = false;\r\n\r\n    /* Date picker type */\r\n    @Input() public startDate: Date = Utils.Dates.subtractYearsFromToday(16 + 10);\r\n    @Input() public maxDate: Date = Utils.Dates.subtractYearsFromToday(16);\r\n    @Input() public minDate: Date = new Date(new Date().setFullYear(1900));\r\n    @Input() public smallScreen: number = 1000;\r\n    @Input() public format: string = null;\r\n    @ViewChild('datePicker') public datePicker!: MatDatepicker<HTMLElement>;\r\n\r\n    @Input() public hintsHSide: 'left' | 'right' | 'center' = 'right';\r\n    @Input() public hintsVSide: 'top' | 'bottom' | 'center' = 'bottom';\r\n    @Input() public hintsFeel: 'warning' | 'danger' = 'danger';\r\n    @Input() public hintsSize: OLO.Components.FORM_HINTS_SIZE = null;\r\n\r\n    @Output() public onChange: EventEmitter<OLO.Components.IPrevNextEvent> = new EventEmitter();\r\n    @Output() public onStatusChange: EventEmitter<string> = new EventEmitter();\r\n    @Output() public onFocus: EventEmitter<Event> = new EventEmitter();\r\n    @Output() public onInit: EventEmitter<IInputFieldInit> = new EventEmitter();\r\n    @Output() public onButtonClick: EventEmitter<Event> = new EventEmitter();\r\n    @Output() public onSelectChange: EventEmitter<OLO.Components.DropDown.IDropDownOption> = new EventEmitter();\r\n\r\n    @Input() public theme: OLO.Components.DropDown.IDropDownTheme = 'light-2';\r\n    @Input() public position: OLO.Components.DropDown.IDropDownPosition = 'bl';\r\n    @Input() public selectWidth: OLO.Components.DROPDOWN_WIDTH = 'full';\r\n    @Input() public projection: 'local' | 'global' = 'global';\r\n    @Input() public selectDropdownSize: OLO.Components.DropDown.IDropDownSize = 'lg';\r\n    @Input() public optionTemplate: TemplateRef<any> = null;\r\n    @Input() public selectedTemplate: TemplateRef<any> = null;\r\n    @Input() public selectIconSize: OLO.Components.BUTTON_SIZE = 'xxs';\r\n    @Input() public onSelectUpdateRevalidatedFields: string[] = null;\r\n    @Input() public defaultSelected!: number;\r\n    @Input() public selectOptions: OLO.Components.DropDown.IDropDownOption[] = [];\r\n    @ViewChild('selectButton') public selectElementRef!: ElementRef;\r\n\r\n    private _valueChangesListener$!: Subscription;\r\n    private _statusChangesListener$!: Subscription;\r\n\r\n    constructor(\r\n        @Optional() public elementRef: ElementRef,\r\n        @Optional() public changeDetectorRef: ChangeDetectorRef\r\n    ) { }\r\n\r\n    ngOnInit(): void {\r\n        if (this.parentForm && !this.name) {\r\n            return console.warn(`\"name\" property not provided for Input Field Component. When you provide\r\n            \"parentForm\" prop, \"name\" is required. Otherwise control will be in template driven instead of model driven`);\r\n        }\r\n\r\n        if (this.parentForm && this.name) {\r\n            this.control = this.parentForm.controls[this.name];\r\n\r\n            if (!this.control) {\r\n                console.log(`Unable to find input control for name \"${this.name}\" in form:`, this.parentForm, 'Check if field is defined in component.');\r\n\r\n                return;\r\n            }\r\n\r\n            /* Overwrite required property - will check manually if field is required by validators */\r\n            const validator = this.control.validator ? this.control.validator(({} as AbstractControl)) : null;\r\n            if (validator === null || validator.required !== true) {\r\n                this.required = false;\r\n            }\r\n            if (validator !== null && validator.required === true) {\r\n                this.required = true;\r\n            }\r\n\r\n\r\n            this._valueChangesListener$ = this.control.valueChanges.subscribe(value => {\r\n                if (this.log) {\r\n                    console.warn(`[subscribeValueChanges] input field \"${this.name}\"`, value, this.control);\r\n                }\r\n                this.handleValueChange(value);\r\n            });\r\n\r\n            this._statusChangesListener$ = this.control.statusChanges.subscribe(status => {\r\n                if (this.log) {\r\n                    console.warn(`[subscribeStatusChanges] input field \"${this.name}\"`, status, this.control);\r\n                }\r\n                this.handleStatusChange(status);\r\n            });\r\n\r\n            if (this.log) {\r\n                console.warn(`[init] input field \"${this.name}\"`, this.control);\r\n            }\r\n        }\r\n\r\n        /* Set default placeholder for date picker */\r\n        if (this.type === 'datePicker') {\r\n            if (!this.placeholder) {\r\n                if (this.format) {\r\n                    this.placeholder = this.format;\r\n                } else {\r\n                    this.placeholder = CUSTOM_DATE_FORMATS.display.dateInput;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    ngAfterViewInit(): void {\r\n        if (this.elementRef) {\r\n            this.elem = this.elementRef.nativeElement;\r\n            this.inputElem = this.elem.querySelector(this.type === 'textarea' ? 'textarea' : 'input');\r\n        }\r\n\r\n        setTimeout(() => {\r\n            this._init = true;\r\n\r\n            const emitValue: IInputFieldInit = {\r\n                formControl: this.control || null,\r\n                parentElement: this.elem || null,\r\n                inputElement: this.inputElem || null,\r\n            };\r\n\r\n            if (this.log) {\r\n                console.warn(`[onInit] input field \"${this.name}\"`, emitValue, this.control);\r\n            }\r\n\r\n            if (this.type !== 'select') {\r\n                this.onInit.emit(emitValue);\r\n                this._previousValue = this.inputElem && this.inputElem.value || null;\r\n            }\r\n\r\n            /* Select default value */\r\n            if (this.type === 'select') {\r\n                this._updateDefaultSelectValue();\r\n                if (this.selectElementRef && this.selectElementRef.nativeElement) {\r\n                    /* Disable button inside select to prevent from form being submitted */\r\n                    this.selectElementRef.nativeElement.onclick = e => e.preventDefault();\r\n                }\r\n\r\n                /* Default select value */\r\n                if (this.control?.value && this.selectOptions?.length) {\r\n                    this.selected = this.selectOptions.find(obj => `${obj.Id}` === `${this.control.value}`);\r\n                    if (this.selected) {\r\n                        this.onSelected(this.selected);\r\n                    }\r\n                }\r\n            }\r\n        }, 0);\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        if (this._valueChangesListener$ && !this._valueChangesListener$.closed) this._valueChangesListener$.unsubscribe();\r\n        if (this._statusChangesListener$ && !this._statusChangesListener$.closed) this._statusChangesListener$.unsubscribe();\r\n    }\r\n\r\n    private _formatVisibleDate(): void {\r\n        if (this.type === 'datePicker' && this.control && this.control.value && this.inputElem && this.format) {\r\n            const d: moment.Moment = this.control.value;\r\n            this.inputElem.value = d.format(this.format);\r\n        }\r\n    }\r\n\r\n    private _updateDefaultSelectValue(): void {\r\n        if (this.type === 'select') {\r\n            if (this.defaultSelected !== undefined && typeof this.defaultSelected === 'number' && !this.selected && this.selectOptions && this.selectOptions.length) {\r\n                this.selected = this.selectOptions.find(obj => obj.Id === this.defaultSelected);\r\n\r\n                if (this.selected && this.control) {\r\n                    this.control.setValue(this.selected.Id);\r\n                }\r\n            }\r\n        }\r\n        this.changeDetectorRef.detectChanges();\r\n    }\r\n\r\n    private async _blurDatePickerInput(): Promise<boolean> {\r\n        return new Promise(resolve => {\r\n            setTimeout(() => {\r\n                this.changeDetectorRef.detectChanges();\r\n                if (this.inputElem && this.type === 'datePicker') {\r\n                    this.inputElem.blur();\r\n                    this.hasBlurred = true;\r\n\r\n                    resolve(true);\r\n                } else {\r\n                    resolve(false);\r\n                }\r\n            }, 0);\r\n        });\r\n    }\r\n\r\n    public onSelectToggle(isOpen: boolean): void {\r\n        if (this.disabled) {\r\n            this.selectIsOpen = false;\r\n            this.changeDetectorRef.detectChanges();\r\n\r\n            return;\r\n        }\r\n        this.selectIsOpen = isOpen;\r\n        this.changeDetectorRef.detectChanges();\r\n    }\r\n\r\n    public onSelected($event: OLO.Components.DropDown.IDropDownOption): void {\r\n        this.selected = $event;\r\n        if (this.control) {\r\n            this.control.setValue(this.selected.Id);\r\n            this.control.markAsDirty();\r\n            this.control.markAsTouched();\r\n        }\r\n\r\n        if (this.onSelectUpdateRevalidatedFields && this.onSelectUpdateRevalidatedFields.length) {\r\n            this.onSelectUpdateRevalidatedFields.forEach(fieldName => {\r\n                const abstractControl: AbstractControl = Utils.ValidatorsUtils.findControl(fieldName, this.control);\r\n                if (abstractControl) {\r\n                    abstractControl.updateValueAndValidity();\r\n                }\r\n            });\r\n        }\r\n\r\n        if (!this.control) {\r\n            this.onSelectChange.emit($event);\r\n        }\r\n        this.changeDetectorRef.detectChanges();\r\n    }\r\n\r\n    public handleDateChange($event: MatDatepickerInputEvent<MatDatepickerInput<MatDatepicker<HTMLElement>>>): void {\r\n        this.handleValueChange($event.value);\r\n\r\n        this._blurDatePickerInput();\r\n        this.changeDetectorRef.detectChanges();\r\n    }\r\n\r\n    public handleValueChange(value: any): void {\r\n        if (this.log) {\r\n            console.warn(`[onChange] input field \"${this.name}\"`, value, this.control);\r\n        }\r\n        this.onChange.emit({ previous: this._previousValue, next: value });\r\n        this._previousValue = value;\r\n\r\n        if (this.type === 'select') {\r\n            if (!this.selected || this.selected.Id !== value) {\r\n                setTimeout(() => {\r\n                    const foundOption = this.selectOptions?.find(option => option.Id === value);\r\n                    if (foundOption) {\r\n                        this.selected = foundOption;\r\n                    }\r\n                    this.changeDetectorRef.detectChanges();\r\n                }, 0);\r\n            }\r\n\r\n        }\r\n\r\n        this._formatVisibleDate();\r\n\r\n        this.changeDetectorRef.detectChanges();\r\n    }\r\n\r\n    public handleStatusChange(status: string): void {\r\n        if (this.log) {\r\n            console.warn(`[onStatusChange] input field \"${this.name}\"`, status, this.control);\r\n        }\r\n\r\n        this.onStatusChange.emit(status);\r\n        this.changeDetectorRef.detectChanges();\r\n    }\r\n\r\n    public handleOnFocus($event: Event): void {\r\n        this.isTouched = true;\r\n        this.isFocusing = true;\r\n\r\n        if (this.log) {\r\n            console.warn(`[onFocus] input field \"${this.name}\"`, ' isTouched:', this.isTouched, ' isFocusing:', this.isFocusing, this.control);\r\n        }\r\n\r\n        this._formatVisibleDate();\r\n        this.onFocus.emit($event);\r\n\r\n        this.changeDetectorRef.detectChanges();\r\n    }\r\n\r\n    public handleOnClick($event: Event): void {\r\n        if (this.type === 'datePicker') {\r\n            if (this.datePicker.opened) {\r\n                this.datePicker.close();\r\n                this._blurDatePickerInput();\r\n            } else {\r\n                this.datePicker.open();\r\n            }\r\n        }\r\n\r\n        this._formatVisibleDate();\r\n\r\n        this.changeDetectorRef.detectChanges();\r\n    }\r\n\r\n    public handleOnBlur($event: Event): void {\r\n        this.isFocusing = false;\r\n        this.hasBlurred = true;\r\n\r\n        if (this.log) {\r\n            console.warn(`[onFocus/blur] input field \"${this.name}\"`, ' isFocusing:', this.isFocusing, this.control);\r\n        }\r\n        this.onFocus.emit($event);\r\n\r\n        this._formatVisibleDate();\r\n\r\n        this.changeDetectorRef.detectChanges();\r\n    }\r\n\r\n    public handleButtonClick($event: Event): void {\r\n        this.onButtonClick.emit($event);\r\n\r\n        this.changeDetectorRef.detectChanges();\r\n    }\r\n\r\n    public handleClearInputValue($event: void) {\r\n        this.control?.reset();\r\n    }\r\n\r\n    public get indicatorStatus(): OLO.Components.MESSAGES_TYPE {\r\n        switch (true) {\r\n            case this.control.status === 'DISABLED' && !this.errors && this.control.disabled === true:\r\n                return 'disabled';\r\n            case this.control.status === 'PENDING':\r\n                return 'loading';\r\n            case this.control.status === 'VALID' && !this.errors:\r\n                return 'success';\r\n            case this.control.status === 'INVALID' || this.errors !== null:\r\n                return 'danger';\r\n            default:\r\n                return null;\r\n        }\r\n    }\r\n\r\n    public get isSmallScreen(): boolean {\r\n        return this.smallScreen ? window.innerWidth < this.smallScreen : false;\r\n    }\r\n\r\n    public get showHintsComponent(): boolean {\r\n        if (this.type === 'datePicker') {\r\n            return this.control !== undefined\r\n                && this.control.touched === true\r\n                && this.hasBlurred\r\n                && this.datePicker.opened === false\r\n                && this.showHint === true;\r\n        }\r\n\r\n        return this.control !== undefined && (this.control.touched === true || this.control.dirty === true) && this.showHint === true;\r\n    }\r\n\r\n    public get hasErrors(): boolean {\r\n        if (this.control) {\r\n            const commonErrors: boolean = (this.control.touched === true || this.control.dirty === true) && (this.control.errors || this.errors || this.control.invalid);\r\n\r\n            return commonErrors;\r\n        } else {\r\n            const commonErrors: boolean = !!this.errors === true;\r\n\r\n            return commonErrors;\r\n        }\r\n    }\r\n\r\n    public get hasValue(): boolean {\r\n        return this.control?.value !== '';\r\n    }\r\n\r\n}\r\n","import { Component, Input, SimpleChanges, OnChanges, ChangeDetectorRef } from '@angular/core';\r\n\r\n@Component({\r\n    template: `<div>This component requires extending</div>`\r\n})\r\nexport class HintsTypesComponent implements OnChanges {\r\n    @Input() public indicatorType: OLO.Components.MESSAGES_TYPE = 'danger'; /* for indicator */\r\n    @Input() public messages: { [key: string]: any; } = {};\r\n    constructor(\r\n        public changeDetectorRef: ChangeDetectorRef,\r\n    ) { }\r\n\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        this.changeDetectorRef.detectChanges();\r\n    }\r\n}\r\n","/* https://medium.com/@AustinMatherne/angular-let-directive-a168d4248138 */\r\nimport { Directive, ViewContainerRef, TemplateRef, Input } from '@angular/core';\r\n\r\ninterface LetContext<T> {\r\n    ngLet: T;\r\n}\r\n\r\n@Directive({\r\n    selector: '[ngLet]',\r\n})\r\nexport class LetDirective<T> {\r\n    private _context: LetContext<T> = { ngLet: null };\r\n\r\n    constructor(\r\n        private _viewContainerRef: ViewContainerRef,\r\n        private _templateRef: TemplateRef<LetContext<T>>\r\n    ) {\r\n        _viewContainerRef.createEmbeddedView(_templateRef, this._context);\r\n    }\r\n\r\n    @Input() set ngLet(value: T) {\r\n        this._context.ngLet = value;\r\n    }\r\n\r\n}\r\n","/*\r\n    Allow to type only numbers\r\n*/\r\nimport { Directive, HostListener, OnInit, Input, ElementRef } from '@angular/core';\r\nimport * as Utils from '../../utils';\r\n\r\n@Directive({\r\n    selector: '[directive-numbers-only]', /* [directive=\"numberOnly\"] */\r\n})\r\nexport class InputNumberOnlyDirective implements OnInit {\r\n    @Input() public numbersOnlyDisabled: boolean = false;\r\n    @Input() public floats: boolean = true;\r\n\r\n    constructor(\r\n        private _elementRef: ElementRef,\r\n    ) { }\r\n\r\n    ngOnInit() {\r\n    }\r\n\r\n    @HostListener('keydown', ['$event']) public onKeyDown(e: KeyboardEvent): void {\r\n        if (this.numbersOnlyDisabled) return;\r\n\r\n        /* Prevent dots */\r\n        if (e.keyCode === 190 && this.floats === false) {\r\n            e.preventDefault();\r\n            return;\r\n        }\r\n\r\n        if (Utils.Inputs.isKeySafe(e)) return;\r\n\r\n        /* Ensure that it is a number and stop the keypress */\r\n        if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {\r\n            e.preventDefault();\r\n        }\r\n    }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { ButtonsModule } from '@shared/core/components/buttons';\r\n\r\nimport { FormsSubmitComponent } from './forms-submit.shared.component';\r\n\r\n@NgModule({\r\n    declarations: [\r\n        FormsSubmitComponent,\r\n    ],\r\n    imports: [\r\n        CommonModule,\r\n        ButtonsModule,\r\n    ],\r\n    exports: [\r\n        FormsSubmitComponent,\r\n    ],\r\n    providers: [],\r\n})\r\nexport class FormsSubmitModule { }\r\n","export * from './forms-submit.shared.module';\r\n","<div\r\n    class=\"hints-floating{{size ? ' -size-'+size : ''}}{{feel ? ' -feel-'+feel : ' -feel-danger'}}{{ vSide ? ' -vertical-position-'+vSide : ' -vertical-position-bottom'}}{{ hSide ? ' -horizontal-position-'+hSide : ' -horizontal-position-right'}}\">\r\n    <div class=\"hints-floating__inner\">\r\n\r\n        <div class=\"hints-floating__msg\">{{message}}</div>\r\n\r\n        <div class=\"hints-floating__link\" *ngIf=\"button || defaultButton\">\r\n            <button type=\"button\" class=\"hints-floating__btn\" (click)=\"handleButtonClick($event)\">\r\n                {{button || defaultButton}}\r\n            </button>\r\n        </div>\r\n\r\n    </div>\r\n</div>","import { Component, OnInit, Output, EventEmitter, SimpleChanges, Input, OnChanges } from '@angular/core';\r\n\r\nimport * as Utils from '@shared/core/utils';\r\n\r\n@Component({\r\n    selector: 'shared-hints-floating',\r\n    templateUrl: './hints-floating.shared.component.html',\r\n    styleUrls: ['./hints-floating.shared.component.scss']\r\n})\r\nexport class HintsFloatingComponent implements OnInit, OnChanges {\r\n    @Input() public messages: OLO.Components.IMappedMessage = {};\r\n    @Input() public hSide: 'left' | 'right' | 'center' = 'right';\r\n    @Input() public vSide: 'top' | 'bottom' | 'center' = 'bottom';\r\n    @Input() public feel: OLO.Components.MESSAGES_TYPE = 'danger';\r\n    @Input() public size: OLO.Components.FORM_HINTS_SIZE = null;\r\n    @Input() public button: string = null;\r\n\r\n    public defaultButton: string = '';\r\n    public message: string = '';\r\n\r\n    @Output() public onButtonClick: EventEmitter<Event> = new EventEmitter();\r\n\r\n    constructor() { }\r\n\r\n    ngOnInit(): void { }\r\n\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        this._mapErrorMessage();\r\n    }\r\n\r\n    private _mapErrorMessage(): void {\r\n        this.defaultButton = '';\r\n        if (!this.messages) {\r\n            this.message = '';\r\n\r\n            return;\r\n        }\r\n\r\n        const mappedErrors: OLO.Components.IMappedMessage[] = Utils.Messages.mapErrors(this.messages);\r\n        const currentError = mappedErrors[0];\r\n\r\n        this.message = currentError.message;\r\n        this.feel = currentError.messageType;\r\n        console.warn(this.message, mappedErrors);\r\n        /* Handle buttons */\r\n        switch (currentError.key) {\r\n            case 'cardChange':\r\n                // this.defaultButton = 'Change card';\r\n                break;\r\n\r\n            case 'cardRetry':\r\n                this.defaultButton = 'Retry card';\r\n                break;\r\n\r\n            case 'cardTaken':\r\n            case 'phoneTaken':\r\n                this.defaultButton = 'Sign in';\r\n                break;\r\n\r\n            case 'emailTaken':\r\n                this.defaultButton = 'Sign in';\r\n                break;\r\n        }\r\n    }\r\n\r\n    public handleButtonClick($event: Event): void {\r\n        this.onButtonClick.emit($event);\r\n    }\r\n}\r\n","<div class=\"hint-with-indicator\" *ngIf=\"indicatorType\">\r\n    <div class=\"hint-with-indicator__inner\">\r\n        <shared-loader-for-spinner class=\"hint-with-indicator__indicator -type-loading\"\r\n            *ngIf=\"indicatorType === 'loading'\" [size]=\"size\"></shared-loader-for-spinner>\r\n\r\n        <shared-indicator class=\"hint-with-indicator__indicator -type-disabled\" *ngIf=\"indicatorType === 'disabled'\"\r\n            [feel]=\"feelDisabled\" [size]=\"size\" [icon]=\"iconDisabled\" [inverted]=\"inverted\">{{textDisabled}}\r\n        </shared-indicator>\r\n\r\n        <shared-indicator class=\"hint-with-indicator__indicator -type-success\" *ngIf=\"indicatorType === 'success'\"\r\n            [feel]=\"feelPositive\" [size]=\"size\" [icon]=\"iconPositive\" [inverted]=\"inverted\">{{textPositive}}\r\n        </shared-indicator>\r\n\r\n        <shared-indicator class=\"hint-with-indicator__indicator -type-danger\" *ngIf=\"indicatorType === 'danger'\"\r\n            [feel]=\"feelNegative\" [size]=\"size\" [icon]=\"iconNegative\" [inverted]=\"inverted\">{{textNegative}}\r\n        </shared-indicator>\r\n\r\n        <div class=\"hint-with-indicator__messages -type-danger\" *ngIf=\"indicatorType === 'danger' && messages\">\r\n            <shared-hints-floating [size]=\"hintsSize\" [feel]=\"hintsFeel\" [vSide]=\"hintsVSide\" [hSide]=\"hintsHSide\"\r\n                (onButtonClick)=\"handleFloatingButtonClick($event)\" [button]=\"button\" [messages]=\"messages\">\r\n            </shared-hints-floating>\r\n        </div>\r\n\r\n    </div>\r\n</div>","import { Component, EventEmitter, Output, Input, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';\r\n\r\nimport { HintsTypesComponent } from '../hints-types.shared.component';\r\n\r\n@Component({\r\n    selector: 'shared-hint-with-indicator',\r\n    templateUrl: './hint-with-indicator.shared.component.html',\r\n    styleUrls: ['./hint-with-indicator.shared.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class HintWithIndicatorComponent extends HintsTypesComponent {\r\n    @Input() public iconPositive: string = 'checkmark';\r\n    @Input() public textPositive: string = null;\r\n    @Input() public iconNegative: string = null;\r\n    @Input() public textNegative: string = '!';\r\n    @Input() public iconDisabled: string = 'lock';\r\n    @Input() public textDisabled: string = null;\r\n    @Input() public size: OLO.Components.BUTTON_CIRCLE_SIZE = 'sm';\r\n    @Input() public inverted: boolean = false;\r\n    @Input() public feelPositive: OLO.Components.INDICATOR_FEEL = 'positive-full';\r\n    @Input() public feelNegative: OLO.Components.INDICATOR_FEEL = 'negative-full';\r\n    @Input() public feelDisabled: OLO.Components.INDICATOR_FEEL = 'disabled-full';\r\n\r\n    @Input() public hintsHSide: 'left' | 'right' | 'center' = 'right';\r\n    @Input() public hintsVSide: 'top' | 'bottom' | 'center' = 'bottom';\r\n    @Input() public hintsFeel: 'warning' | 'danger' = 'danger';\r\n    @Input() public hintsSize: OLO.Components.FORM_HINTS_SIZE = null;\r\n\r\n    @Input() public button: string = null;\r\n    @Output() public onButtonClick: EventEmitter<Event> = new EventEmitter();\r\n\r\n    constructor(\r\n        public changeDetectorRef: ChangeDetectorRef,\r\n    ) {\r\n        super(changeDetectorRef);\r\n    }\r\n\r\n    public handleFloatingButtonClick($event: Event): void {\r\n        this.onButtonClick.emit($event);\r\n    }\r\n}\r\n"]}