import { OnInit, ElementRef } from '@angular/core';
import { DomSanitizer, SafeStyle } from '@angular/platform-browser';
import { CfCoreComponent } from '../core/core.component';
import { AvatarService } from '../../services/avatar-service/avatar.service';
import { AvatarModel } from '../../models/avatar/avatar.model';
import { AvatarStylingModel } from '../../models/avatar/avatar-styling.model';
import { TemplateService } from '../../services/template-service/template.service';
/**
 * <p>Avatar component based on cf-icon and cf-image componets</p>
 * <p>Example of using:</p>
 * <pre>
 * <code><</code>cf-avatar [properties]="myAvatar" [styling]="myAvatarStyles"<code>></code><code>
 * <</code><code>/</code>cf-avatar<code>></code>
 * </pre>
 */
export declare class CfAvatarComponent extends CfCoreComponent implements OnInit {
    /**@hidden */ elementRef: ElementRef;
    /**@hidden */ avatarService: AvatarService;
    /**@hidden*/ private _sanitizer;
    /**
     * AvatarModel object.
     * <p>Example of model:</p>
     * <code><pre>{{'{'}}
     *  type: 'image',
     *  url: 'this.myAvatarUrl',
     *  width: '70px',
     *  height: '70px',
     *  border: '5px solid green',
     *  borderRadius: '50%',
     *  shadow: '-3px -3px 3px 0px rgba(0, 150, 136, 0.3)'
     * {{'}'}}</pre></code>
     * <h4>List of all model properties</h4>
     * <h4>type: string</h4>
     * Type of avatar. Can be: image, icon, text. Default: image.
     * <h4>name: string</h4>
     * The name of the person from the initials of which the avatar will be generated, based on <b>charsNumber</b>
     * <h4>url: string</h4>
     * Url for the image
     * <h4>text: string</h4>
     * Text to be used as avatar
     * <h4>iconName: string</h4>
     * Name of icon to be used for cf-icon
     * <h4>charsNumber: number</h4>
     * Number of initials simulators in the avatar. Default: 2.
     * <h4>color: string</h4>
     * The color that will be applied to text or icons
     * <h4>size: any</h4>
     * The size to be applied as the height and width of the avatar.
     * Required if you want use your avatar from other sites (Facebook, Google, etc). Default: 70px.
     * <h4>width: any</h4>
     * The width of the avatar. Has higher priority then <b>size</b>. Default: 70px.
     * <h4>height: any</h4>
     * The height of the avatar. Has higher priority then <b>size</b>. Default: 70px.
     * <h4>fontSize: string</h4>
     * Font size for the text (initials or custom text). Default: 30px.
     * <h4>border: string</h4>
     * Avatar border. Not specified by default.
     * <h4>borderRadius: string</h4>
     * Avatar border radius. Not specified by default.
     * <h4>background: string</h4>
     * Avatar background. Not specified by default.
     * <h4>backgroundImage: string</h4>
     * Avatar background-image. Not specified by default.
     * <h4>shadow: string</h4>
     * Avatar shadow. Not specified by default.
     * <h4>facebookId: string</h4>
     * Facebook ID
     * <h4>googleId: string</h4>
     * Google ID
     * <h4>twitterId: string</h4>
     * Twitter Handle
     * <h4>vkontakteId: string</h4>
     * VK ID
     * <h4>skypeId: string</h4>
     * Skype ID
     * <h4>gravatarId: string</h4>
     * email or md5 email related to gravatar
     * <h4>githubId: string</h4>
     * Github ID
     */
    properties: AvatarModel;
    /**
     * Object for all styling properties:
     * <h4>container: StylingModel</h4>
     * Styling properties for main avatar container
     * <h4>image: ImageStylingModel</h4>
     * Styling properties for cf-image
     * <h4>icon: IconStylingModel</h4>
     * Styling properties for cf-icon
     * <h4>name: StylingModel</h4>
     * Styling properties for name
     * <h4>text: StylingModel</h4>
     * Styling properties for text
     */
    styling: AvatarStylingModel;
    /**
     * Type of avatar. Can be: image, icon, text. Default: image.
     */
    type: string;
    /**
     * The name of the person from the initials of which the avatar will be generated, based on <b>charsNumber</b>
     */
    name: string;
    /**
     * Url for the image
     */
    url: string;
    /**
     * Text to be used as avatar
     */
    text: string;
    /**
     * Name of icon to be used for cf-icon
     */
    iconName: string;
    /**
      * Number of initials simulators in the avatar. Default: 2.
     */
    charsNumber: number;
    /**
     * The color that will be applied to text or icons
     */
    color: string;
    /**
     * The size to be applied as the height and width of the avatar.
     * Required if you want use your avatar from other sites (Facebook, Google, etc). Default: 50px.
     */
    size: any;
    /**
     * The width of the avatar. Has higher priority then <b>size</b>. Default: 50px.
     */
    width: any;
    /**
     * The height of the avatar. Has higher priority then <b>size</b>. Default: 50px.
     */
    height: any;
    /**
     * Font size for the text (initials or custom text). Default: 30px.
     */
    fontSize: string;
    /**
     * Avatar border. Not specified by default.
     */
    border: string;
    /**
     * Avatar border radius. Not specified by default.
     */
    borderRadius: string;
    /**
     * Avatar background. Not specified by default.
     */
    background: string;
    /**
     * Avatar background-image. Not specified by default.
     */
    backgroundImage: string;
    /**
     * Avatar box-shadow. Not specified by default.
     */
    shadow: string;
    /**
     * Facebook ID
     */
    facebookId: string;
    /**
     * Google ID
     */
    googleId: string;
    /**
     * Twitter Handle
     */
    twitterId: string;
    /**
     * VK ID
     */
    vkontakteId: string;
    /**
     * Skype ID
     */
    skypeId: string;
    /**
     * email or md5 email related to gravatar
     */
    gravatarId: string;
    /**
     * Github ID
     */
    githubId: string;
    /**@hidden */
    constructor(/**@hidden */ elementRef: ElementRef, 
        /**@hidden */ templateService: TemplateService, 
        /**@hidden */ avatarService: AvatarService, 
        /**@hidden*/ _sanitizer: DomSanitizer);
    /**@hidden
     * Init all component data
     */
    ngOnInit(): void;
    /**@hidden */
    checkInitials(name: any): string;
    /**@hidden */
    loadAvatar(type: any, id: any): void;
    /**@hidden */
    sanitizeImage(path: string): SafeStyle;
}