{"__symbolic":"module","version":4,"exports":[{"from":"./services/formBuilder.interfaces"},{"from":"./services/formBuilder.service"}],"metadata":{"RamsterUIFormsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":2},{"__symbolic":"reference","name":"ImageCropperModule"},{"__symbolic":"reference","name":"InputsModule"}],"declarations":[{"__symbolic":"reference","name":"FormInjector"},{"__symbolic":"reference","name":"InputInjector"}],"exports":[{"__symbolic":"reference","name":"FormInjector"},{"__symbolic":"reference","name":"ImageCropperModule"},{"__symbolic":"reference","name":"InputInjector"},{"__symbolic":"reference","name":"InputsModule"}]}]}],"members":{}},"FormInjector":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"rui-form-injector","template":"<!DOCTYPE html><div *ngFor=\"let row of layout; let rowIndex = index\" [ngStyle]=\"{&quot;margin-top&quot;: rowOffsets[rowIndex] || &quot;0&quot;}\"><div class=\"column\" *ngFor=\"let column of row\" [ngStyle]=\"{&quot;width&quot;: column.colSize || &quot;auto&quot;, &quot;margin-left&quot;: column.colOffset || &quot;0&quot;}\"><div *ngIf=\"column.innerRows\" [ngStyle]=\"{&quot;margin-top&quot;: rowOffsets[rowIndex] || &quot;0&quot;}\"><div *ngFor=\"let innerRow of column.innerRows; let innerRowIndex = index\" [ngStyle]=\"{&quot;width&quot;: &quot;100%&quot;}\"><div class=\"column\" *ngFor=\"let innerColumn of innerRow\" fxLayout=\"column\" [ngStyle]=\"{&quot;width&quot;: innerColumn.colSize || &quot;100%&quot;, &quot;margin-left&quot;: innerColumn.colOffset || &quot;0&quot;}\"><rui-input-injector [type]=\"fieldConfig[innerColumn.itemIndex].type\" [fieldData]=\"fieldData[innerColumn.fieldName]\"></rui-input-injector></div></div></div><rui-input-injector *ngIf=\"!column.innerRows\" [type]=\"fieldConfig[column.itemIndex].type\" [fieldData]=\"fieldData[column.fieldName]\"></rui-input-injector></div></div>","styles":[".column{display:inline-block;height:100%}"]}]}],"members":{"fieldConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":2}}]}],"fieldData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":2}}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":2}}]}],"rowOffsets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"ImageCropperModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":11,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatSliderModule","line":12,"character":2}],"declarations":[{"__symbolic":"reference","name":"ImageCropperComponent"}],"exports":[{"__symbolic":"reference","name":"ImageCropperComponent"}],"entryComponents":[]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ImageCropperModule"},"providers":[]}}}},"InputInjector":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"rui-input-injector","template":"<rui-autocomplete *ngIf=\"type === &quot;autocomplete&quot;\" [fieldData]=\"fieldData\"></rui-autocomplete><rui-checkbox *ngIf=\"type === &quot;checkbox&quot;\" [fieldData]=\"fieldData\"></rui-checkbox><rui-datepicker *ngIf=\"type === &quot;datepicker&quot;\" [fieldData]=\"fieldData\"></rui-datepicker><rui-file-input *ngIf=\"type === &quot;file&quot;\" [fieldData]=\"fieldData\"></rui-file-input><rui-input *ngIf=\"regularInputTypes.indexOf(type) !== -1\" [fieldData]=\"fieldData\"></rui-input><rui-select *ngIf=\"type === &quot;select&quot;\" [fieldData]=\"fieldData\"></rui-select><rui-slide-toggle *ngIf=\"type === &quot;slideToggle&quot;\" [fieldData]=\"fieldData\"></rui-slide-toggle><rui-textarea *ngIf=\"type === &quot;textarea&quot;\" [fieldData]=\"fieldData\"></rui-textarea><rui-wysiwyg *ngIf=\"type === &quot;wysiwyg&quot;\" [fieldData]=\"fieldData\"></rui-wysiwyg>"}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":2}}]}],"fieldData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"InputsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":32,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":34,"character":2},{"__symbolic":"reference","name":"ImageCropperModule"},{"__symbolic":"reference","module":"@angular/material","name":"MatAutocompleteModule","line":36,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":37,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatCheckboxModule","line":38,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatChipsModule","line":39,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatDatepickerModule","line":40,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatFormFieldModule","line":41,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":42,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatInputModule","line":43,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatNativeDateModule","line":44,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatProgressSpinnerModule","line":45,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatSelectModule","line":46,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatSlideToggleModule","line":47,"character":2},{"__symbolic":"reference","module":"ngx-wig","name":"NgxWigModule","line":48,"character":2},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":49,"character":2}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"}],"entryComponents":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵh"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"InputsModule"},"providers":[]}}}},"ImageCropperComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"rui-image-cropper","template":"<!DOCTYPE html><div class=\"image-cropper-container\" *ngIf=\"options\"><div class=\"image-container\"><canvas class=\"image-canvas\" #imageCanvas (mousedown)=\"onMouseDown($event)\" (touchstart)=\"onTouchStart($event)\"></canvas></div><div class=\"slider-container\"><mat-slider #matSliderElement [max]=\"zoomMax - zoomStep\" [min]=\"zoomMin\" [step]=\"zoomStep\" [value]=\"zoomSliderValue\" (change)=\"changeZoomLevel($event)\"></mat-slider></div><button class=\"crop-button\" mat-raised-button (click)=\"cropImage()\">Crop</button></div>","styles":[".image-cropper-container{display:flex;width:100%;height:100%;flex-direction:column}.image-cropper-container .image-container{display:flex;flex-direction:row;flex-grow:1}.image-cropper-container .image-container .image-canvas{width:100%;height:100%;cursor:move}.image-cropper-container .slider-container{display:flex;flex-direction:row;height:45px}.image-cropper-container .slider-container mat-slider{width:100%;height:100%}.image-cropper-container .crop-button{margin-top:15px}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":2}}]}],"src":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":2}}]}],"imageCanvasRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":53,"character":2},"arguments":["imageCanvas"]}]}],"matSliderElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":54,"character":2},"arguments":["matSliderElement"]}]}],"imageCropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":56,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":59,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"changeZoomLevel":[{"__symbolic":"method"}],"clearCanvas":[{"__symbolic":"method"}],"cropImage":[{"__symbolic":"method"}],"drawImage":[{"__symbolic":"method"}],"drawSelRect":[{"__symbolic":"method"}],"loadImage":[{"__symbolic":"method"}],"onMouseDown":[{"__symbolic":"method"}],"onMouseMove":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":350,"character":2},"arguments":["window:mousemove",["$event"]]}]}],"onMouseUp":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":362,"character":2},"arguments":["window:mouseup",["$event"]]}]}],"onMouseWheel":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":372,"character":2},"arguments":["window:mousewheel",["$event"]]}]}],"onTouchEnd":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":378,"character":2},"arguments":["window:touchend",["$event"]]}]}],"onTouchMove":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":391,"character":2},"arguments":["window:touchmove",["$event"]]}]}],"onTouchStart":[{"__symbolic":"method"}],"reDrawCanvas":[{"__symbolic":"method"}],"windowToCanvas":[{"__symbolic":"method"}]}},"ImageCropperComponentOptionsInterface":{"__symbolic":"interface"},"ImageCropperComponentOutputInterface":{"__symbolic":"interface"},"AutocompleteFieldDataInterface":{"__symbolic":"interface"},"BaseInputComponent":{"__symbolic":"class","members":{"fieldData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"executeHintAction":[{"__symbolic":"method"}]}},"BaseInputFieldDataOnChangeHandlerDataInterface":{"__symbolic":"interface"},"BaseInputFieldDataInterface":{"__symbolic":"interface"},"BaseInputFormControlStateChangeSubjectDataInterface":{"__symbolic":"interface"},"CheckboxFieldDataInterface":{"__symbolic":"interface"},"DatepickerFieldDataInterface":{"__symbolic":"interface"},"FileInputFieldDataInterface":{"__symbolic":"interface"},"InputFieldDataInterface":{"__symbolic":"interface"},"SelectFieldDataInterface":{"__symbolic":"interface"},"SlideToggleFieldDataInterface":{"__symbolic":"interface"},"TextareaFieldDataInterface":{"__symbolic":"interface"},"WysiwygFieldDataInterface":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"rui-autocomplete","template":"<!DOCTYPE html><mat-form-field class=\"rui-input-container\" *ngIf=\"fieldData.hasChips\" [floatLabel]=\"fieldData.floatLabel\" [hideRequiredMarker]=\"fieldData.hideRequiredMarker\"><mat-label *ngIf=\"fieldData.label\">{{ fieldData.label }}</mat-label><input #chipSearchBox autocomplete=\"new-password\" matInput type=\"text\" [formControl]=\"searchBox\" [matAutocomplete]=\"autocompleteElement\" [matChipInputFor]=\"chipList\" [matChipInputAddOnBlur]=\"onBlur\" [name]=\"noAutofillName\" [placeholder]=\"fieldData.placeholder\" [readonly]=\"fieldData.readOnly\" (focus)=\"onFocus($event)\" (blur)=\"onBlur()\" (keypress)=\"onKeyPress($event)\"><mat-chip-list #chipList><mat-chip *ngFor=\"let chip of selectedChips; let i = index\" [selectable]=\"false\" [removable]=\"true\" (removed)=\"removeChip(i)\">{{chip.text}}<mat-icon matChipRemove>cancel</mat-icon></mat-chip></mat-chip-list><mat-hint *ngIf=\"fieldData.hint &amp;&amp; (fieldData.hint !== '')\">{{fieldData.hint}}</mat-hint><mat-error *ngIf=\"searchBox.invalid &amp;&amp; (searchBox.dirty || searchBox.touched) &amp;&amp; searchBox.errors\"><span *ngFor=\"let errorKey of JSObject.keys(searchBox.errors)\">{{errorMessages[errorKey]}}</span></mat-error><mat-autocomplete #autocompleteElement=\"matAutocomplete\"><mat-option *ngFor=\"let item of filteredSelectList; let i = index\" [value]=\"item.text\" (onSelectionChange)=\"onSelectionChange($event, item.value, i)\">{{item.text}}</mat-option></mat-autocomplete></mat-form-field><mat-form-field class=\"rui-input-container\" *ngIf=\"!fieldData.hasChips\" [floatLabel]=\"fieldData.floatLabel\" [hideRequiredMarker]=\"fieldData.hideRequiredMarker\"><mat-label *ngIf=\"fieldData.label\">{{ fieldData.label }}</mat-label><input #autocompleteSearchBox autocomplete=\"new-password\" matInput type=\"text\" [formControl]=\"searchBox\" [matAutocomplete]=\"autocompleteElement\" [name]=\"noAutofillName\" [placeholder]=\"fieldData.placeholder\" [readonly]=\"fieldData.readOnly\" (focus)=\"onFocus($event)\" (blur)=\"onBlur()\" (keypress)=\"onKeyPress($event)\"><mat-hint *ngIf=\"fieldData.hint &amp;&amp; (fieldData.hint !== '')\">{{fieldData.hint}}</mat-hint><mat-error *ngIf=\"searchBox.invalid &amp;&amp; (searchBox.dirty || searchBox.touched) &amp;&amp; searchBox.errors\"><span *ngFor=\"let errorKey of JSObject.keys(searchBox.errors)\">{{errorMessages[errorKey]}}</span></mat-error><mat-autocomplete #autocompleteElement=\"matAutocomplete\"><ng-container *ngIf=\"!fieldData.isMobile\"><mat-option *ngFor=\"let item of filteredSelectList; let i = index\" [value]=\"item.text\" (onSelectionChange)=\"onSelectionChange($event, item.value, i)\">{{item.text}}</mat-option></ng-container></mat-autocomplete></mat-form-field>","styles":[".rui-input-container{width:100%;height:100%}.rui-input-container mat-hint.is-clickable{cursor:pointer}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":14,"character":21},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":15,"character":20}]}],"ngOnInit":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseInputComponent"},"members":{"fieldData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":2}}]}],"autocompleteSearchBoxRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":2},"arguments":["autocompleteSearchBox"]}]}],"chipListContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":2},"arguments":["chipList"]}]}],"chipSearchBox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":2},"arguments":["chipSearchBox"]}]}],"inputElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":2},"arguments":["autocompleteElement"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":30,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getFilteredSelectListWithoutSelectedChips":[{"__symbolic":"method"}],"getAddNewItemOption":[{"__symbolic":"method"}],"getNoMatchesOptionData":[{"__symbolic":"method"}],"loadSelectListOnMasterChange":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"onKeyPress":[{"__symbolic":"method"}],"onSelectionChange":[{"__symbolic":"method"}],"removeChip":[{"__symbolic":"method"}],"setCurrentSelectionToValue":[{"__symbolic":"method"}],"setSelectedChips":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":7,"character":1},"arguments":[{"name":"reverse"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"autocomplete-mobile-modal","template":"<!DOCTYPE html><div *ngIf=\"fieldData\" mat-dialog-content><mat-form-field class=\"rui-input-container\" *ngIf=\"fieldData.hasChips\" [floatLabel]=\"fieldData.floatLabel\" [hideRequiredMarker]=\"fieldData.hideRequiredMarker\"><mat-label *ngIf=\"fieldData.label\">{{ fieldData.label }}</mat-label><input #chipSearchBox autocomplete=\"new-password\" matInput type=\"text\" [formControl]=\"searchBox\" [matChipInputFor]=\"chipList\" [matChipInputAddOnBlur]=\"onBlur\" [name]=\"noAutofillName\" [placeholder]=\"fieldData.placeholder\" [readonly]=\"fieldData.readOnly\" (focus)=\"onFocus($event)\" (blur)=\"onBlur()\" (keypress)=\"onKeyPress($event)\"><mat-chip-list #chipList><mat-chip *ngFor=\"let chip of selectedChips; let i = index\" [selectable]=\"false\" [removable]=\"true\" (removed)=\"removeChip(i)\">{{ chip.text }}<mat-icon matChipRemove>cancel</mat-icon></mat-chip></mat-chip-list><mat-hint *ngIf=\"fieldData.hint &amp;&amp; (fieldData.hint !== '')\">{{ fieldData.hint }}</mat-hint><mat-error *ngIf=\"searchBox.invalid &amp;&amp; (searchBox.dirty || searchBox.touched) &amp;&amp; searchBox.errors\"><span *ngFor=\"let errorKey of JSObject.keys(searchBox.errors)\">{{ errorMessages[errorKey] }}</span></mat-error></mat-form-field><mat-form-field class=\"rui-input-container\" *ngIf=\"!fieldData.hasChips\" [floatLabel]=\"fieldData.floatLabel\" [hideRequiredMarker]=\"fieldData.hideRequiredMarker\"><mat-label *ngIf=\"fieldData.label\">{{ fieldData.label }}</mat-label><input #autocompleteSearchBox autocomplete=\"new-password\" matInput type=\"text\" [formControl]=\"searchBox\" [name]=\"noAutofillName\" [placeholder]=\"fieldData.placeholder\" [readonly]=\"fieldData.readOnly\" (focus)=\"onFocus($event)\" (blur)=\"onBlur()\" (keypress)=\"onKeyPress($event)\"><mat-hint *ngIf=\"fieldData.hint &amp;&amp; (fieldData.hint !== '')\">{{ fieldData.hint }}</mat-hint><mat-error *ngIf=\"searchBox.invalid &amp;&amp; (searchBox.dirty || searchBox.touched) &amp;&amp; searchBox.errors\"><span *ngFor=\"let errorKey of JSObject.keys(searchBox.errors)\">{{ errorMessages[errorKey] }}</span></mat-error></mat-form-field><div class=\"options-outer-container\"><div class=\"options-inner-container\"><div class=\"mat-option\" *ngFor=\"let item of filteredSelectList; let i = index\" (touchend)=\"onSelectionChange({source: {selected: true}}, item.value, i)\" (click)=\"onSelectionChange({source: {selected: true}}, item.value, i)\">{{item.text}}</div></div></div><button mat-raised-button (click)=\"closeModal()\">Close</button></div>","styles":["[mat-dialog-content]{display:flex;flex-direction:column;height:100%}[mat-dialog-content] .options-outer-container{flex-grow:1}[mat-dialog-content] .options-outer-container .options-inner-container{display:flex;flex-direction:column;width:100%;height:100%}[mat-dialog-content] .options-outer-container .options-inner-container .mat-option{height:48px;line-height:48px;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":25,"character":21},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵd"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"closeModal":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onSelectionChange":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseInputComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"rui-checkbox","template":"<!DOCTYPE html><div class=\"rui-input-container\"><mat-checkbox #inputElement [formControl]=\"fieldData.inputFormControl\" [disabled]=\"fieldData.readOnly\"><a [href]=\"fieldData.linkHref\" target=\"_blank\" *ngIf=\"fieldData.linkInFront\">{{fieldData.linkText}}</a><span>{{fieldData.placeholder}}</span><a [href]=\"fieldData.linkHref\" target=\"_blank\" *ngIf=\"!fieldData.linkInFront\">{{fieldData.linkText}}</a></mat-checkbox><mat-hint *ngIf=\"fieldData.hint &amp;&amp; (fieldData.hint !== '')\" [ngClass]=\"{&quot;is-clickable&quot;: fieldData.hintAction}\" (click)=\"executeHintAction()\">{{fieldData.hint}}</mat-hint><mat-error *ngIf=\"fieldData.inputFormControl.invalid &amp;&amp; (fieldData.inputFormControl.dirty || fieldData.inputFormControl.touched) &amp;&amp; fieldData.inputFormControl.errors\"><span *ngFor=\"let errorKey of JSObject.keys(fieldData.inputFormControl.errors)\">{{errorMessages[errorKey]}}</span></mat-error></div>","styles":[".rui-input-container{width:100%;height:100%}.rui-input-container mat-hint.is-clickable{cursor:pointer}"]}]}],"members":{"fieldData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":2}}]}],"inputElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":2},"arguments":["inputElement"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseInputComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"rui-datepicker","template":"<!DOCTYPE html><mat-form-field class=\"rui-input-container\" [floatLabel]=\"fieldData.floatLabel\" [hideRequiredMarker]=\"fieldData.hideRequiredMarker\"><mat-label *ngIf=\"fieldData.label\">{{ fieldData.label }}</mat-label><input #inputElement matInput [formControl]=\"fieldData.inputFormControl\" [matDatepicker]=\"picker\" [max]=\"fieldData.maxDate\" [min]=\"fieldData.minDate\" [placeholder]=\"fieldData.placeholder\" [readonly]=\"fieldData.readOnly\" (focus)=\"openCalendar(picker)\" (click)=\"openCalendar(picker)\"><mat-datepicker-toggle *ngIf=\"!fieldData.readOnly\" matSuffix [for]=\"picker\"></mat-datepicker-toggle><mat-datepicker #picker></mat-datepicker><mat-hint *ngIf=\"fieldData.hint &amp;&amp; (fieldData.hint !== '')\" [ngClass]=\"{&quot;is-clickable&quot;: fieldData.hintAction}\" (click)=\"executeHintAction()\">{{fieldData.hint}}</mat-hint><mat-error *ngIf=\"fieldData.inputFormControl.invalid &amp;&amp; (fieldData.inputFormControl.dirty || fieldData.inputFormControl.touched) &amp;&amp; fieldData.inputFormControl.errors\"><span *ngFor=\"let errorKey of JSObject.keys(fieldData.inputFormControl.errors)\">{{errorMessages[errorKey]}}</span></mat-error></mat-form-field>","styles":[".rui-input-container{width:100%;height:100%}.rui-input-container mat-hint.is-clickable{cursor:pointer}"]}]}],"members":{"fieldData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":2}}]}],"inputElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":2},"arguments":["inputElement"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"openCalendar":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseInputComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"rui-file-input","template":"<!DOCTYPE html><div class=\"rui-file-input-container\" #masterContainer [ngClass]=\"{&quot;drop-zone-active&quot;: dropZoneActive &amp;&amp; !fieldData.readOnly, &quot;invalid&quot;: fieldData.inputFormControl.invalid, &quot;non-pristine&quot;: fieldData.inputFormControl.dirty || fieldData.inputFormControl.touched, &quot;has-value&quot;: fieldData.inputFormControl.value !== &quot;&quot;}\" (dragleave)=\"onDragLeave($event)\" (dragover)=\"onDragOver($event)\" (drop)=\"onDrop($event)\"><div #placeholder><label class=\"placeholder\">{{ fieldData.placeholder }}</label></div><div class=\"drop-zone-active-area\" *ngIf=\"dropZoneActive &amp;&amp; !fieldData.readOnly\" [ngStyle]=\"{&quot;height&quot;: dropZoneActiveAreaHeight, &quot;width&quot;: dropZoneActiveAreaWidth}\"><div class=\"drop-zone-text\">Drop files here</div></div><div *ngIf=\"fieldData.preview &amp;&amp; fieldData.previewCancelButton &amp;&amp; ((fieldData.inputFormControl.value &amp;&amp; (fieldData.inputFormControl.value !== &quot;&quot;)) || forceShowPreviewCancelButton)\" [ngStyle]=\"{&quot;width&quot;: previewWidth}\"><div class=\"cancel-button\" [ngStyle]=\"{&quot;background-image&quot;: previewCancelButtonIconUrl}\" (click)=\"onFileChange({target: {files: []}})\"></div></div><div class=\"file-preview image-container\" *ngIf=\"fieldData.preview &amp;&amp; (backgroundImageUrl !== &quot;&quot;)\" [ngClass]=\"{&quot;is-round&quot;: previewIsRound}\" [ngStyle]=\"{&quot;background-image&quot;: backgroundImageUrl, &quot;width&quot;: previewWidth, &quot;height&quot;: previewHeight}\" (click)=\"onLabelClick()\"><mat-spinner *ngIf=\"fileIsLoading &amp;&amp; !showChooseFileButton\"></mat-spinner></div><div class=\"button-wrapper\" [ngStyle]=\"{&quot;width&quot;: fieldData.hideFileName ? previewWidth : &quot;auto&quot;}\"><label class=\"mat-raised-button\" *ngIf=\"showChooseFileButton &amp;&amp; !fieldData.readOnly\" [ngStyle]=\"{&quot;width&quot;: fieldData.hideFileName ? &quot;100%&quot; : &quot;auto&quot;}\" (click)=\"onLabelClick()\"><mat-spinner *ngIf=\"fileIsLoading\"></mat-spinner>Choose File</label><span class=\"file-name\" *ngIf=\"!fieldData.hideFileName &amp;&amp; showChooseFileButton\">{{ !fieldData.inputFormControl.value || (fieldData.inputFormControl.value === '') ? 'No file chosen...' : fileName }}</span><input class=\"actual-file-input\" #inputElement type=\"file\" [readonly]=\"fieldData.readOnly\" (change)=\"onFileChange($event)\"></div><div class=\"errors-container\"><mat-hint *ngIf=\"fieldData.hint &amp;&amp; (fieldData.hint !== '')\" [ngClass]=\"{&quot;is-clickable&quot;: fieldData.hintAction}\" (click)=\"executeHintAction()\">{{fieldData.hint}}</mat-hint><mat-error *ngIf=\"fieldData.inputFormControl.invalid &amp;&amp; (fieldData.inputFormControl.dirty || fieldData.inputFormControl.touched) &amp;&amp; fieldData.inputFormControl.errors\"><span *ngFor=\"let errorKey of JSObject.keys(fieldData.inputFormControl.errors)\">{{errorMessages[errorKey]}}</span></mat-error></div></div>","styles":[".rui-file-input-container *{z-index:1}.actual-file-input{display:none;visibility:hidden}.drop-zone-active-area{z-index:2!important;position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px dashed #ababab;background-color:#fff}.drop-zone-active-area .drop-zone-text{max-width:50%;text-align:center;word-wrap:break-word;overflow-wrap:break-word;text-overflow:ellipsis}.placeholder{left:0;pointer-events:none;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transform-origin:0 0;transition:transform .4s cubic-bezier(.25,.8,.25,1),color .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1);color:rgba(0,0,0,.54)}.cancel-button{float:right;width:20px;height:20px;margin-right:-10px;border-radius:50%;background-size:contain;background-position:center;cursor:pointer}.file-preview{margin-top:10px;margin-bottom:10px;border:1px solid #ababab;cursor:pointer;background-size:cover;background-position:center}.file-preview.is-round{border-radius:50%}.button-wrapper{margin-top:7px}.file-name{margin-left:10px;overflow:hidden;max-width:85%;text-overflow:ellipsis}.errors-container{margin-top:7px;font-size:75%}.rui-file-input-container.non-pristine.has-value .placeholder{font-size:75%}.rui-file-input-container.non-pristine.invalid .file-name,.rui-file-input-container.non-pristine.invalid .mat-raised-button,.rui-file-input-container.non-pristine.invalid .placeholder{color:#f44336}"]}]}],"members":{"inputElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":48,"character":2},"arguments":["inputElement"]}]}],"masterContainerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":49,"character":2},"arguments":["masterContainer"]}]}],"placeholderRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":50,"character":2},"arguments":["placeholder"]}]}],"fieldData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":56,"character":28},{"__symbolic":"reference","module":"ramster-ui-core","name":"FilesRESTService","line":57,"character":27},{"__symbolic":"reference","module":"ramster-ui-core","name":"GlobalEventsService","line":58,"character":30},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":59,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getExtName":[{"__symbolic":"method"}],"onFileChange":[{"__symbolic":"method"}],"onDragLeave":[{"__symbolic":"method"}],"onDragOver":[{"__symbolic":"method"}],"onDrop":[{"__symbolic":"method"}],"onLabelClick":[{"__symbolic":"method"}],"setDropZoneActiveAreaDimensions":[{"__symbolic":"method"}],"uploadFile":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":18},"member":"OnPush"},"selector":"image-cropper-modal","template":"<!DOCTYPE html><div mat-dialog-content><rui-image-cropper *ngIf=\"data\" [options]=\"data.imageCropperOptions\" [src]=\"data.fileUrl\" (imageCropped)=\"closeModal($event)\"></rui-image-cropper></div>","styles":["[mat-dialog-content]{height:100%;width:100%}[mat-dialog-content] rui-image-cropper{display:flex;width:100%;height:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵh"}]},{"__symbolic":"reference","module":"ramster-ui-core","name":"GlobalEventsService","line":23,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"closeModal":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseInputComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"rui-input","template":"<!DOCTYPE html><mat-form-field class=\"rui-input-container\" [floatLabel]=\"fieldData.floatLabel\" [hideRequiredMarker]=\"fieldData.hideRequiredMarker\"><mat-label *ngIf=\"fieldData.label\">{{ fieldData.label }}</mat-label><input #inputElement matInput [formControl]=\"fieldData.inputFormControl\" [max]=\"fieldData.max\" [maxlength]=\"fieldData.maxLength\" [min]=\"fieldData.min\" [minlength]=\"fieldData.minLength\" [placeholder]=\"fieldData.placeholder\" [readonly]=\"fieldData.readOnly\" [type]=\"fieldData.type\"><mat-hint *ngIf=\"fieldData.hint &amp;&amp; (fieldData.hint !== '')\" [ngClass]=\"{&quot;is-clickable&quot;: fieldData.hintAction}\" (click)=\"executeHintAction()\">{{fieldData.hint}}</mat-hint><mat-error *ngIf=\"fieldData.inputFormControl.invalid &amp;&amp; (fieldData.inputFormControl.dirty || fieldData.inputFormControl.touched) &amp;&amp; fieldData.inputFormControl.errors\"><span *ngFor=\"let errorKey of JSObject.keys(fieldData.inputFormControl.errors)\">{{errorMessages[errorKey]}}</span></mat-error></mat-form-field>","styles":[".rui-input-container{width:100%;height:100%}.rui-input-container mat-hint.is-clickable{cursor:pointer}"]}]}],"members":{"fieldData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":2}}]}],"inputElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":2},"arguments":["inputElement"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseInputComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"rui-select","template":"<!DOCTYPE html><mat-form-field class=\"rui-input-container\" [floatLabel]=\"fieldData.floatLabel\" [hideRequiredMarker]=\"fieldData.hideRequiredMarker\"><mat-label *ngIf=\"fieldData.label\">{{ fieldData.label }}</mat-label><mat-select #inputElement [disabled]=\"fieldData.readOnly\" [formControl]=\"fieldData.inputFormControl\" [placeholder]=\"fieldData.placeholder\"> <mat-option *ngFor=\"let option of fieldData.selectList\" [value]=\"option.value\">{{option.text}}</mat-option></mat-select><mat-hint *ngIf=\"fieldData.hint &amp;&amp; (fieldData.hint !== '')\" [ngClass]=\"{&quot;is-clickable&quot;: fieldData.hintAction}\" (click)=\"executeHintAction()\">{{fieldData.hint}}</mat-hint><mat-error *ngIf=\"fieldData.inputFormControl.invalid &amp;&amp; (fieldData.inputFormControl.dirty || fieldData.inputFormControl.touched) &amp;&amp; fieldData.inputFormControl.errors\"><span *ngFor=\"let errorKey of JSObject.keys(fieldData.inputFormControl.errors)\">{{errorMessages[errorKey]}}</span></mat-error></mat-form-field>","styles":[".rui-input-container{width:100%;height:100%}.rui-input-container mat-hint.is-clickable{cursor:pointer}"]}]}],"members":{"fieldData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":2}}]}],"inputElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":2},"arguments":["inputElement"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseInputComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"rui-slide-toggle","template":"<!DOCTYPE html><div class=\"rui-input-container\"><mat-slide-toggle #inputElement [disabled]=\"fieldData.readOnly\" [formControl]=\"fieldData.inputFormControl\">{{fieldData.placeholder}}</mat-slide-toggle><mat-hint *ngIf=\"fieldData.hint &amp;&amp; (fieldData.hint !== '')\" [ngClass]=\"{&quot;is-clickable&quot;: fieldData.hintAction}\" (click)=\"executeHintAction()\">{{fieldData.hint}}</mat-hint><mat-error *ngIf=\"fieldData.inputFormControl.invalid &amp;&amp; (fieldData.inputFormControl.dirty || fieldData.inputFormControl.touched) &amp;&amp; fieldData.inputFormControl.errors\"><span *ngFor=\"let errorKey of JSObject.keys(fieldData.inputFormControl.errors)\">{{errorMessages[errorKey]}}</span></mat-error></div>","styles":[".rui-input-container{width:100%;height:100%}.rui-input-container mat-hint.is-clickable{cursor:pointer}"]}]}],"members":{"fieldData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":2}}]}],"inputElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":2},"arguments":["inputElement"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseInputComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"rui-textarea","template":"<!DOCTYPE html><mat-form-field class=\"rui-input-container\" [floatLabel]=\"fieldData.floatLabel\" [hideRequiredMarker]=\"fieldData.hideRequiredMarker\"><mat-label *ngIf=\"fieldData.label\">{{ fieldData.label }}</mat-label><textarea #inputElement matInput [formControl]=\"fieldData.inputFormControl\" [placeholder]=\"fieldData.placeholder\" [readonly]=\"fieldData.readOnly\" cdkTextareaAutosize [cdkAutosizeMinRows]=\"minRows\" [cdkAutosizeMaxRows]=\"maxRows\"></textarea><mat-hint *ngIf=\"fieldData.hint &amp;&amp; (fieldData.hint !== '')\" [ngClass]=\"{&quot;is-clickable&quot;: fieldData.hintAction}\" (click)=\"executeHintAction()\">{{fieldData.hint}}</mat-hint><mat-error *ngIf=\"fieldData.inputFormControl.invalid &amp;&amp; (fieldData.inputFormControl.dirty || fieldData.inputFormControl.touched) &amp;&amp; fieldData.inputFormControl.errors\"><span *ngFor=\"let errorKey of JSObject.keys(fieldData.inputFormControl.errors)\">{{errorMessages[errorKey]}}</span></mat-error></mat-form-field>","styles":[".rui-input-container{width:100%;height:100%}.rui-input-container mat-hint.is-clickable{cursor:pointer}"]}]}],"members":{"fieldData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":2}}]}],"inputElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":2},"arguments":["inputElement"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseInputComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"rui-wysiwyg","template":"<!DOCTYPE html><div class=\"rui-input-container\" [ngClass]=\"{&quot;read-only&quot;: fieldData.readOnly}\"><div class=\"placeholder-container\"><label class=\"placeholder\">{{fieldData.placeholder}}</label></div><ngx-wig #inputElement [formControl]=\"fieldData.inputFormControl\" [placeholder]=\"fieldData.placeholder\" [buttons]=\"fieldData.readOnly ? &quot;&quot; : buttons\"></ngx-wig><mat-hint *ngIf=\"fieldData.hint &amp;&amp; (fieldData.hint !== '')\" [ngClass]=\"{&quot;is-clickable&quot;: fieldData.hintAction}\" (click)=\"executeHintAction()\">{{fieldData.hint}}</mat-hint><mat-error *ngIf=\"fieldData.inputFormControl.invalid &amp;&amp; (fieldData.inputFormControl.dirty || fieldData.inputFormControl.touched) &amp;&amp; fieldData.inputFormControl.errors\"><span *ngFor=\"let errorKey of JSObject.keys(fieldData.inputFormControl.errors)\">{{errorMessages[errorKey]}}</span></mat-error></div>","styles":[".rui-input-container{width:100%;height:100%}.rui-input-container mat-hint.is-clickable{cursor:pointer}",".placeholder-container{margin-bottom:10px}.placeholder-container .placeholder{left:0;pointer-events:none;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transform-origin:0 0;transition:transform .4s cubic-bezier(.25,.8,.25,1),color .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1);color:rgba(0,0,0,.54)}.read-only{pointer-events:none}"]}]}],"members":{"fieldData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":2}}]}],"inputElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":2},"arguments":["inputElement"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"RamsterUIFormsModule":"./index","FormInjector":"./components/formInjector/formInjector.component","ImageCropperModule":"./components/imageCropper/imageCropper.module","InputInjector":"./components/inputInjector/inputInjector.component","InputsModule":"./inputs/inputs.module","validators":"./index","ImageCropperComponent":"./components/imageCropper/imageCropper.component","ImageCropperComponentOptionsInterface":"./components/imageCropper/imageCropper.interfaces","ImageCropperComponentOutputInterface":"./components/imageCropper/imageCropper.interfaces","AutocompleteFieldDataInterface":"./inputs/autocomplete/autocomplete.interfaces","BaseInputComponent":"./inputs/base/baseInput.component","BaseInputFieldDataOnChangeHandlerDataInterface":"./inputs/base/baseInput.interfaces","BaseInputFieldDataInterface":"./inputs/base/baseInput.interfaces","BaseInputFormControlStateChangeSubjectDataInterface":"./inputs/base/baseInput.interfaces","CheckboxFieldDataInterface":"./inputs/checkbox/checkbox.interfaces","DatepickerFieldDataInterface":"./inputs/datepicker/datepicker.interfaces","FileInputFieldDataInterface":"./inputs/file/file.interfaces","InputFieldDataInterface":"./inputs/input/input.interfaces","SelectFieldDataInterface":"./inputs/select/select.interfaces","SlideToggleFieldDataInterface":"./inputs/slideToggle/slideToggle.interfaces","TextareaFieldDataInterface":"./inputs/textarea/textarea.interfaces","WysiwygFieldDataInterface":"./inputs/wysiwyg/wysiwyg.interfaces","ɵa":"./inputs/autocomplete/autocomplete.component","ɵb":"./inputs/autocomplete/base/baseAutocomplete.component","ɵc":"./inputs/autocomplete/components/mobileModal/mobileModal.component","ɵd":"./inputs/autocomplete/components/mobileModal/mobileModal.component","ɵe":"./inputs/checkbox/checkbox.component","ɵf":"./inputs/datepicker/datepicker.component","ɵg":"./inputs/file/file.component","ɵh":"./inputs/file/components/imageCropperModal/imageCropperModal.component","ɵi":"./inputs/input/input.component","ɵj":"./inputs/select/select.component","ɵk":"./inputs/slideToggle/slideToggle.component","ɵl":"./inputs/textarea/textarea.component","ɵm":"./inputs/wysiwyg/wysiwyg.component"},"importAs":"ramster-ui-forms"}