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

*

 * import {{'{'}} ButtonModel {{'}'}} from 'cedrus-fusion'
 * import {{'{'}} ButtonStylingModel {{'}'}} from 'cedrus-fusion'
 * <cf-button></cf-button>
 * 
*/ export declare class CfButtonComponent extends CfCoreComponent implements OnInit { /**@hidden */ elementRef: ElementRef; /**@hidden */ notifacationClickable: string; /** *
{{'{'}}
     *  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; }