import { OnInit, ElementRef, EventEmitter } from '@angular/core'; import { CfCoreComponent } from '../core/core.component'; import { InputModel } from '../../models/input/input.model'; import { InputStylingModel } from '../../models/input/input-styling.model'; import { ControlValueAccessor } from '@angular/forms'; import { TemplateService } from '../../services/template-service/template.service'; /** *
CF Input Component
*
*
* import {{'{'}} InputModel {{'}'}} from 'cedrus-fusion'
* import {{'{'}} InputStylingModel {{'}'}} from 'cedrus-fusion'
* <cf-input></cf-input>
*
*
*/
export declare class CfInputComponent extends CfCoreComponent implements OnInit, ControlValueAccessor {
/**@hidden */ elementRef: ElementRef;
/**@hidden */
notificationClickable: string;
/**
* {{'{'}}
* display: boolean, // Default: true.
* disable: boolean, // Default: false.
* type: string, // Default: text.
* required: boolean, // Default: false.
* placeholder: string, // Default: Input value.
* hint: object, // Default: {{'{'}} text: 'max 10', align: 'end' {{'}'}}.
* prefix: string, // Empty string by default.
* suffix: string, // Empty string by default.
* dividerColor: string, // Default goes from current theme.
* value: any, // Not specified by default.
* maxlength: number, // Default: 10.
* iconProperty: IconModel, // Default goes with icon name: text_fields.
* menu: MenuModel // Not specified by default.
* {{'}'}}
*
*/
properties: InputModel;
/**@hidden */
private val;
/**
* {{'{'}}
* // styling of the container surrounding the input
* container: {{'{'}}
* dynamic class: function() -> string, //function that returns a string of the name of the class
* class: string //name of the class specified in you scss/css file
* {{'}'}},
* // styling of the input
* input: {{'{'}}
* dynamic class: function() -> string,
* class: string ,
* themeColor: string , // primary/accent/warn
* {{'}'}},
* hint: {{'{'}}
* dynamic class: function() -> string,
* class: string ,
* themeColor: string , // primary/accent/warn
* {{'}'}},
* iconStyling: IconStylingModel, //refer to icon component
* menuStyling: MenuStylingModel, //refer to menu component
*}
*
*/
styling: InputStylingModel;
/**
* Type of the input if text or password.
*/ type: string; /** *If the input is required.
*/ required: boolean; /** *Placeholder of the input.
*/ placeholder: string; /** *The hint under the input.
*/ hintText: string; /**@hidden *The value inside the input (double bound).
*/ /**@hidden */ value: string; /** *The icon name of the input if exists.
*/ iconName: string; /** *The event that will be called when the value is changed.
*/ valueChange: EventEmitter<{}>; /** @hidden * It is function for creating Notification click events by using Core Component notificationAction event emmiter. * @param notification it is json notification object */ cfNotificationAction(notification: any): void; /**@hidden */ writeValue(obj: any): void; /**@hidden */ registerOnChange(fn: any): void; /**@hidden */ registerOnTouched(fn: any): void; /**@hidden */ setDisabledState(isDisabled: boolean): void; /**@hidden */ onChange: any; /**@hidden */ onTouched: any; /**@hidden */ resetInput(): void; /**@hidden */ constructor(/**@hidden */ elementRef: ElementRef, /**@hidden */ templateService: TemplateService); /**@hidden */ ngOnInit(): void; }