coersystem
Version:
Library for Angular projects
54 lines (53 loc) • 5.06 kB
TypeScript
import { AfterViewInit } from '@angular/core';
import { IButtonSize, IButtonType } from 'coersystem/interfaces';
import * as i0 from "@angular/core";
export declare class CoerButton implements AfterViewInit {
protected readonly _id: string;
protected _innerButton: HTMLElement;
protected _innerButtonIcon: HTMLElement;
id: import("@angular/core").InputSignal<string>;
color: import("@angular/core").InputSignal<"primary" | "secondary" | "success" | "warning" | "danger" | "navigation" | "information" | "dark" | "default" | "light">;
type: import("@angular/core").InputSignal<"filled" | "outline" | "icon" | "icon-outline" | "icon-no-border">;
typeBreakpoint: import("@angular/core").InputSignal<IButtonType>;
icon: import("@angular/core").InputSignal<string | null | undefined>;
iconPosition: import("@angular/core").InputSignal<"left" | "right">;
path: import("@angular/core").InputSignal<string | (string | number)[]>;
isLoading: import("@angular/core").InputSignal<boolean>;
isDisabled: import("@angular/core").InputSignal<boolean>;
isReadonly: import("@angular/core").InputSignal<boolean>;
isInvisible: import("@angular/core").InputSignal<boolean>;
isHidden: import("@angular/core").InputSignal<boolean>;
width: import("@angular/core").InputSignal<string>;
widthBreakpoint: import("@angular/core").InputSignal<IButtonSize>;
minWidth: import("@angular/core").InputSignal<string>;
maxWidth: import("@angular/core").InputSignal<string>;
height: import("@angular/core").InputSignal<string>;
minHeight: import("@angular/core").InputSignal<string>;
marginTop: import("@angular/core").InputSignal<string>;
marginRight: import("@angular/core").InputSignal<string>;
marginBottom: import("@angular/core").InputSignal<string>;
marginLeft: import("@angular/core").InputSignal<string>;
tooltip: import("@angular/core").InputSignal<string>;
tooltipPosition: import("@angular/core").InputSignal<"left" | "right" | "top" | "bottom">;
onClick: import("@angular/core").OutputEmitterRef<void>;
ngAfterViewInit(): void;
protected _tooltip: import("@angular/core").Signal<string>;
protected _showButton: import("@angular/core").Signal<boolean>;
protected _showButtonIcon: import("@angular/core").Signal<boolean>;
protected _buttonBreakpointType: import("@angular/core").Signal<"filled" | "outline" | "icon" | "icon-outline" | "icon-no-border">;
protected _buttonBreakpointSizeWidth: import("@angular/core").Signal<string>;
protected _tooltipPosition: import("@angular/core").Signal<"left" | "right" | "above" | "below">;
protected _isEnable: import("@angular/core").Signal<boolean>;
protected _icon: import("@angular/core").Signal<string>;
protected _buttonType: import("@angular/core").Signal<string>;
/** */
protected _Click(): void;
/** */
Click(timeout?: number): void;
/** */
Focus(timeout?: number): void;
/** */
Blur(timeout?: number): void;
static ɵfac: i0.ɵɵFactoryDeclaration<CoerButton, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<CoerButton, "coer-button", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "typeBreakpoint": { "alias": "typeBreakpoint"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "path": { "alias": "path"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "isHidden": { "alias": "isHidden"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "widthBreakpoint": { "alias": "widthBreakpoint"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "marginTop": { "alias": "marginTop"; "required": false; "isSignal": true; }; "marginRight": { "alias": "marginRight"; "required": false; "isSignal": true; }; "marginBottom": { "alias": "marginBottom"; "required": false; "isSignal": true; }; "marginLeft": { "alias": "marginLeft"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], false, never>;
}