import { OnInit, ElementRef, EventEmitter } from '@angular/core'; import { CfCoreComponent } from '../core/core.component'; import { ButtonModel } from '../../models/button/button.model'; import { ButtonStylingModel } from '../../models/button/button-styling.model'; import { TemplateService } from '../../services/template-service/template.service'; /** *
CF Button Component
**/ export declare class CfButtonComponent extends CfCoreComponent implements OnInit { /**@hidden */ elementRef: ElementRef; /**@hidden */ notifacationClickable: string; /** ** import {{'{'}} ButtonModel {{'}'}} from 'cedrus-fusion' * import {{'{'}} ButtonStylingModel {{'}'}} from 'cedrus-fusion' * <cf-button></cf-button> *
{{'{'}}
* display: boolean, // True or False. Default: True
* disable: boolean, // True or False. Default: False
* label: string, // Default: CF-BUTTON
* iconProperty: IconModel, // Refer to Icon Component
* iconPosition: string, // left, right .Default: left
* waiting: {{'{'}}
* value: boolean, // Display waiting mode (Icon)
* disable: boolean, // True or False
* iconProperty: IconModel // Refer to Icon Component
* {{'}'}}
*{{'}'}}
*
* Example
*{{'{'}}
* label: 'Cart',
* iconProperty:{{'{'}}
* name: 'fa-shopping-cart',
* size: '18px',
* value: 'buy',
* {{'}'}},
* iconPosition: 'right'
*{{'}'}}
*
*/
properties: ButtonModel;
/**
*dynamicClass: function() -> string, // Function that returns name of the class
*class: string // Name of the css class selector
*themeColor: string // primary/accent/warn
*
*{{'{'}}
* // Container surrounding the Button
* container:{{'{'}}
* dynamicClass,
* class
* {{'}'}},
* // md-button styling
* button:{{'{'}}
* dynamicClass,
* class,
* themeColor
* {{'}'}},
* // Icon styling: Refer to icon component
* iconStyling: IconStylingModel
*}
*
*/
styling: ButtonStylingModel;
/**
* The label for the button
*/ label: string; /** *Type of the button
*/ type: string; /** *Collection of needed AM Button visual types like: mat-primary, mat-raised-button, mat-fab, etc.
*/ buttonTheme: string; /** *The name of the icon
*Refer to icon component
*/ iconName: string; /** *The name of the icon
*Refer to icon component
*/ iconSize: string; /** *The icon position on the button
*Options: left or right
*Default: left
*/ iconPosition: string; /** *Display waiting mode (Icon)
*/ wait: boolean; /** @hidden * Is used by CF internal components only to set button theme directly like: * 'mat-menu-item' or 'mat-fab' or 'mat-fab-mini' * inside corresponding components (cf-menu-item, cf-fab) */ _buttonScheme: boolean; /** Output *The event will be emitted when the button is clicked
*/ onClick: EventEmitter<{}>; /**@hidden */ constructor(/**@hidden */ elementRef: ElementRef, /**@hidden */ templateService: TemplateService); /** @hidden */ ngOnInit(): void; /** @hidden *The method will emit event when the button is clicked
*/ buttonClicked(): void; /** @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; }