@acorex/components 5.7.0 → 6.0.0

package/README.md

@@ -1,24 +1,24 @@
-# Components
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.0.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project components` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project components`.
-> Note: Don't forget to add `--project components` or else it will be added to the default project in your `angular.json` file. 
-
-## Build
-
-Run `ng build components` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build components`, go to the dist folder `cd dist/components` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test components` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+# Components
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.0.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project components` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project components`.
+> Note: Don't forget to add `--project components` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build components` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build components`, go to the dist folder `cd dist/components` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test components` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/action-sheet/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@acorex/components/action-sheet" />
+export * from './public-api';

package/action-sheet/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './src/action-sheet.component';
+export * from './src/action-sheet-item.component';
+export * from './src/action-sheet.module';

package/action-sheet/src/action-sheet-item.component.d.ts

@@ -0,0 +1,16 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
+import { AXButtonClickEvent, AXStyleColorType } from '@acorex/components/common';
+import { AXBaseComponent } from '@acorex/components/mixin';
+import * as i0 from "@angular/core";
+export declare class AXActionSheetItemComponent extends AXBaseComponent {
+    text: string;
+    color: AXStyleColorType;
+    onClick: EventEmitter<AXButtonClickEvent>;
+    /**
+     *  @ignore
+     */
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    _handleOnClick(e: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXActionSheetItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXActionSheetItemComponent, "ax-action-sheet-item", never, { "text": "text"; "color": "color"; }, { "onClick": "onClick"; }, never, never, false>;
+}

package/action-sheet/src/action-sheet.component.d.ts

@@ -0,0 +1,19 @@
+import { AXBaseComponent } from '@acorex/components/mixin';
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXActionSheetComponent extends AXBaseComponent {
+    caption: string;
+    closeOnBackdrop: boolean;
+    isOpen: boolean;
+    _backdrop: HTMLElement;
+    /**
+     *  @ignore
+     */
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    _handleBackdropClick(): void;
+    open(): void;
+    close(): void;
+    toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXActionSheetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXActionSheetComponent, "ax-action-sheet", never, { "caption": "caption"; "closeOnBackdrop": "closeOnBackdrop"; }, {}, never, ["ax-content", "ax-action-sheet-item"], false>;
+}

package/action-sheet/src/action-sheet.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./action-sheet.component";
+import * as i2 from "./action-sheet-item.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@acorex/components/button";
+export declare class AXActionSheetModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXActionSheetModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXActionSheetModule, [typeof i1.AXActionSheetComponent, typeof i2.AXActionSheetItemComponent], [typeof i3.CommonModule, typeof i4.AXButtonModule], [typeof i1.AXActionSheetComponent, typeof i2.AXActionSheetItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXActionSheetModule>;
+}

package/alert/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@acorex/components/alert" />
+export * from './public-api';

package/alert/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './src/alert.component';
+export * from './src/alert.module';

package/alert/src/alert.component.d.ts

@@ -0,0 +1,79 @@
+import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { AXEvent } from '@acorex/components/common';
+import { AXBaseComponent, AXComponentOptionChanged } from '@acorex/components/mixin';
+import * as i0 from "@angular/core";
+export declare const AXBaseAlertMixin: (new (...args: any[]) => {
+    colorChange: EventEmitter<import("@acorex/components/common").AXStyleColorType>;
+    _color: import("@acorex/components/common").AXStyleColorType;
+    color: import("@acorex/components/common").AXStyleColorType;
+    lookChange: EventEmitter<import("@acorex/components/common").AXStyleLookType>;
+    _look?: import("@acorex/components/common").AXStyleLookType;
+    look: import("@acorex/components/common").AXStyleLookType;
+    id: string;
+    rtl: boolean;
+    "__#32613@#elementRef": ElementRef<any>;
+    _cdr: ChangeDetectorRef;
+    _isInited: boolean;
+    _isRendered: boolean;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    _getHostElement<T = HTMLElement>(): T;
+    _getInnerElement<T_1 = HTMLElement>(): T_1;
+    _onInternalInit(): void;
+    _onInternalViewInit(): void;
+    _onInternalDestroy(): void;
+    onInit(): void;
+    onRenderCssClass(): void;
+    onViewInit(): void;
+    onDestroy(): void;
+    _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
+    _onOptionChanged(option: AXComponentOptionChanged): void;
+    _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+}) & typeof AXBaseComponent;
+/**
+ * Regular description
+ *
+ * @category Components
+ */
+export declare class AXAlertComponent extends AXBaseAlertMixin {
+    #private;
+    private _icon;
+    private _buttons;
+    onDismissed: EventEmitter<AXEvent>;
+    _onOptionChanged(option: AXComponentOptionChanged): void;
+    ngDoCheck(): void;
+    private _setIcon;
+    /**
+     *  @ignore
+     */
+    get __hostClass(): string;
+    timeOut: number;
+    /**
+     *  set the visibility of the Alert
+     */
+    get visible(): boolean;
+    set visible(v: boolean);
+    /**
+     *  @ignore
+     */
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    onInit(): void;
+    onViewInit(): void;
+    ngAfterContentInit(): void;
+    private _applyButtonStyle;
+    /**
+     *  Remove the alert from the container
+     */
+    dismiss(): void;
+    /**
+     *  Hide the alert
+     */
+    hide(): void;
+    /**
+     *  Show the alert
+     */
+    show(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXAlertComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXAlertComponent, "ax-alert", never, { "color": "color"; "look": "look"; "timeOut": "timeOut"; "visible": "visible"; }, { "onDismissed": "onDismissed"; }, ["_icon", "_buttons"], ["ax-header", "ax-icon", "ax-content", "ax-footer", "ax-suffix"], false>;
+}

package/alert/src/alert.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./alert.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@acorex/components/decorators";
+export declare class AXAlertModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXAlertModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXAlertModule, [typeof i1.AXAlertComponent], [typeof i2.CommonModule, typeof i3.AXDecoratorModule], [typeof i1.AXAlertComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXAlertModule>;
+}

package/avatar/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@acorex/components/avatar" />
+export * from './public-api';

package/avatar/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from "./src/avatar-group.component";
+export * from "./src/avatar.component";
+export * from "./src/avatar.module";

package/avatar/src/avatar.component.d.ts

@@ -0,0 +1,22 @@
+import { AXAvatarMixin } from '@acorex/components/mixin';
+import { ElementRef, ChangeDetectorRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+export declare class AXAvatarComponent extends AXAvatarMixin {
+    text: string;
+    icon: string;
+    src: string;
+    class: string;
+    type: "default" | 'text' | 'icon' | 'image';
+    /**
+    *  @ignore
+    */
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    get __hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXAvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXAvatarComponent, "ax-avatar", never, { "color": "color"; "look": "look"; "text": "text"; "icon": "icon"; "src": "src"; "class": "class"; "type": "type"; }, {}, never, ["ax-badge", "ax-icon", "img"], false>;
+}

package/badge/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@acorex/components/badge" />
+export * from './public-api';

package/badge/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './src/badge.component';
+export * from './src/badge.module';

package/badge/src/badge.component.d.ts

@@ -0,0 +1,40 @@
+import { AXBaseComponent } from '@acorex/components/mixin';
+import { ElementRef, ChangeDetectorRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const AXBaseBadgeMixin: (new (...args: any[]) => {
+    colorChange: import("@angular/core").EventEmitter<import("@acorex/components/common").AXStyleColorType>;
+    _color: import("@acorex/components/common").AXStyleColorType;
+    color: import("@acorex/components/common").AXStyleColorType;
+    lookChange: import("@angular/core").EventEmitter<import("@acorex/components/common").AXStyleLookType>;
+    _look?: import("@acorex/components/common").AXStyleLookType;
+    look: import("@acorex/components/common").AXStyleLookType;
+    id: string;
+    rtl: boolean;
+    "__#32613@#elementRef": ElementRef<any>;
+    _cdr: ChangeDetectorRef;
+    _isInited: boolean;
+    _isRendered: boolean;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    _getHostElement<T = HTMLElement>(): T;
+    _getInnerElement<T_1 = HTMLElement>(): T_1;
+    _onInternalInit(): void;
+    _onInternalViewInit(): void;
+    _onInternalDestroy(): void;
+    onInit(): void;
+    onRenderCssClass(): void;
+    onViewInit(): void;
+    onDestroy(): void;
+    _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
+    _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
+    _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+}) & typeof AXBaseComponent;
+export declare class AXBadgeComponent extends AXBaseBadgeMixin {
+    private elementRef;
+    text: string;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXBadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXBadgeComponent, "ax-badge", never, { "color": "color"; "look": "look"; "text": "text"; }, {}, never, ["ax-prefix", "ax-suffix"], false>;
+}

package/breadcrumbs/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@acorex/components/breadcrumbs" />
+export * from './public-api';

package/breadcrumbs/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './src/breadcrumbs-item.class';
+export * from './src/breadcrumbs-item.component';
+export * from './src/breadcrumbs.component';
+export * from './src/breadcrumbs.module';

package/breadcrumbs/src/breadcrumbs-item.component.d.ts

@@ -0,0 +1,75 @@
+import { AXBaseComponent } from '@acorex/components/mixin';
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AXBreadCrumbsComponent } from './breadcrumbs.component';
+import * as i0 from "@angular/core";
+export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) => {
+    "__#32616@#disabled": boolean;
+    disabled: boolean;
+    "__#32616@#tabIndex": number;
+    tabIndex: number;
+    onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
+    _emitOnFocusEvent(e: FocusEvent): void;
+    onBlur: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
+    _emitOnBlurEvent(e: FocusEvent): void;
+    focus(): void;
+    hasFocus(): boolean;
+    id: string;
+    rtl: boolean;
+    "__#32613@#elementRef": ElementRef<any>;
+    _cdr: ChangeDetectorRef;
+    _isInited: boolean;
+    _isRendered: boolean;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    _getHostElement<T = HTMLElement>(): T;
+    _getInnerElement<T_1 = HTMLElement>(): T_1;
+    _onInternalInit(): void;
+    _onInternalViewInit(): void;
+    _onInternalDestroy(): void;
+    onInit(): void;
+    onRenderCssClass(): void;
+    onViewInit(): void;
+    onDestroy(): void;
+    _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
+    _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
+    _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+}) & (new (...args: any[]) => {
+    onClick: import("@angular/core").EventEmitter<import("@acorex/components/common").AXClickEvent>;
+    _emitOnClickEvent(e: MouseEvent): void;
+    id: string;
+    rtl: boolean;
+    "__#32613@#elementRef": ElementRef<any>;
+    /**
+     *  @ignore
+     */
+    _cdr: ChangeDetectorRef;
+    _isInited: boolean;
+    _isRendered: boolean;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    _getHostElement<T_2 = HTMLElement>(): T_2;
+    _getInnerElement<T_1_1 = HTMLElement>(): T_1_1;
+    _onInternalInit(): void;
+    _onInternalViewInit(): void;
+    _onInternalDestroy(): void;
+    onInit(): void;
+    onRenderCssClass(): void;
+    onViewInit(): void;
+    onDestroy(): void;
+    _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
+    _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
+    _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+}) & typeof AXBaseComponent;
+export declare class AXBreadCrumbsItemComponent extends AXBaseItemBreadCrumbMixin {
+    _parent: AXBreadCrumbsComponent;
+    text: string;
+    /**
+     *  @ignore
+     */
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent: AXBreadCrumbsComponent);
+    private __hostClick;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXBreadCrumbsItemComponent, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXBreadCrumbsItemComponent, "ax-breadcrumbs-item", never, { "text": "text"; }, {}, never, ["ax-prefix,ax-loading,ax-icon", "ax-suffix,ax-loading,ax-icon"], false>;
+}

package/breadcrumbs/src/breadcrumbs.component.d.ts

@@ -0,0 +1,13 @@
+import { AXBaseComponent } from '@acorex/components/mixin';
+import { ChangeDetectorRef, ElementRef, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXBreadCrumbsComponent extends AXBaseComponent {
+    _divider: TemplateRef<any>;
+    dividerTemplate: TemplateRef<any>;
+    /**
+     *  @ignore
+     */
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXBreadCrumbsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXBreadCrumbsComponent, "ax-breadcrumbs", never, {}, {}, ["_divider"], ["ax-breadcrumbs-item"], false>;
+}

package/button/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@acorex/components/button" />
+export * from './public-api';

package/button/public-api.d.ts

@@ -0,0 +1,5 @@
+export * from './src/button.component';
+export * from './src/button-group.component';
+export * from './src/button-item.component';
+export * from './src/button.module';
+export * from './src/button-item.class';

package/button/src/button-group.component.d.ts

@@ -0,0 +1,84 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, QueryList } from '@angular/core';
+import { AXButtonComponent } from './button.component';
+import { AXClickEvent, AXItemClickEvent, AXSelectionMode, AXSelectionValueChangedEvent } from '@acorex/components/common';
+import { AXBaseComponent } from '@acorex/components/mixin';
+import * as i0 from "@angular/core";
+export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
+    "__#32616@#disabled": boolean;
+    disabled: boolean;
+    "__#32616@#tabIndex": number;
+    tabIndex: number;
+    onFocus: EventEmitter<import("@acorex/components/common").AXFocusEvent>;
+    _emitOnFocusEvent(e: FocusEvent): void;
+    onBlur: EventEmitter<import("@acorex/components/common").AXFocusEvent>;
+    _emitOnBlurEvent(e: FocusEvent): void;
+    focus(): void;
+    hasFocus(): boolean;
+    id: string;
+    rtl: boolean;
+    "__#32613@#elementRef": ElementRef<any>;
+    _cdr: ChangeDetectorRef;
+    _isInited: boolean;
+    _isRendered: boolean;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    _getHostElement<T = HTMLElement>(): T;
+    _getInnerElement<T_1 = HTMLElement>(): T_1;
+    _onInternalInit(): void;
+    _onInternalViewInit(): void;
+    _onInternalDestroy(): void;
+    onInit(): void;
+    onRenderCssClass(): void;
+    onViewInit(): void;
+    onDestroy(): void;
+    _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
+    _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
+    _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+}) & (new (...args: any[]) => {
+    colorChange: EventEmitter<import("@acorex/components/common").AXStyleColorType>;
+    _color: import("@acorex/components/common").AXStyleColorType;
+    color: import("@acorex/components/common").AXStyleColorType;
+    lookChange: EventEmitter<import("@acorex/components/common").AXStyleLookType>;
+    _look?: import("@acorex/components/common").AXStyleLookType;
+    look: import("@acorex/components/common").AXStyleLookType;
+    id: string;
+    rtl: boolean;
+    "__#32613@#elementRef": ElementRef<any>;
+    _cdr: ChangeDetectorRef;
+    _isInited: boolean;
+    _isRendered: boolean;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    _getHostElement<T_2 = HTMLElement>(): T_2;
+    _getInnerElement<T_1_1 = HTMLElement>(): T_1_1;
+    _onInternalInit(): void;
+    _onInternalViewInit(): void;
+    _onInternalDestroy(): void;
+    onInit(): void;
+    onRenderCssClass(): void;
+    onViewInit(): void;
+    onDestroy(): void;
+    _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
+    _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
+    _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+}) & typeof AXBaseComponent;
+export declare class AXButtonGroupComponent extends AXBaseButtonGroupMixin {
+    private zone;
+    selectionChange: EventEmitter<AXSelectionMode>;
+    private _selection;
+    get selection(): AXSelectionMode;
+    set selection(value: AXSelectionMode);
+    onItemClick: EventEmitter<AXItemClickEvent<AXButtonComponent>>;
+    onValueChanged: EventEmitter<AXSelectionValueChangedEvent>;
+    _contentButtons: QueryList<AXButtonComponent>;
+    constructor(elementRef: ElementRef, zone: NgZone, cdr: ChangeDetectorRef);
+    ngAfterContentInit(): void;
+    private _bindEvents;
+    private _bindProps;
+    onOptionChanged(option: any): void;
+    _handleClickEvent(e: AXClickEvent, button: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "color": "color"; "look": "look"; "selection": "selection"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "lookChange": "lookChange"; "colorChange": "colorChange"; "selectionChange": "selectionChange"; "onItemClick": "onItemClick"; }, ["_contentButtons"], ["ax-button"], false>;
+}

package/button/src/button-item.class.d.ts

@@ -0,0 +1,23 @@
+import { AXStyleLookType, AXStyleColorType, AXHotKeyAction } from '@acorex/components/common';
+export interface AXClickItemBase {
+    cssClass?: string;
+    color?: AXStyleColorType;
+    look?: AXStyleLookType;
+    text?: string;
+    tooltip?: string;
+    iconClass?: string;
+    badge?: string;
+    disabled?: boolean;
+    selected?: boolean;
+    seperated?: boolean;
+    name?: string;
+    data?: any;
+    onClick?: (...args: any) => void;
+    hotkey?: string | AXHotKeyAction;
+}
+export interface AXButtonItem extends AXClickItemBase {
+    type?: 'submit' | 'button' | 'cancel' | 'reset';
+    autofocus?: boolean;
+}
+export interface AXMenuItem extends AXClickItemBase {
+}

package/button/src/button-item.component.d.ts

@@ -0,0 +1,78 @@
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AXStyleColorType } from '@acorex/components/common';
+import { AXBaseComponent } from '@acorex/components/mixin';
+import * as i0 from "@angular/core";
+export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
+    "__#32616@#disabled": boolean;
+    disabled: boolean;
+    "__#32616@#tabIndex": number;
+    tabIndex: number;
+    onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
+    _emitOnFocusEvent(e: FocusEvent): void;
+    onBlur: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
+    _emitOnBlurEvent(e: FocusEvent): void;
+    focus(): void;
+    hasFocus(): boolean;
+    id: string;
+    rtl: boolean;
+    "__#32613@#elementRef": ElementRef<any>;
+    _cdr: ChangeDetectorRef;
+    _isInited: boolean;
+    _isRendered: boolean;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    _getHostElement<T = HTMLElement>(): T;
+    _getInnerElement<T_1 = HTMLElement>(): T_1;
+    _onInternalInit(): void;
+    _onInternalViewInit(): void;
+    _onInternalDestroy(): void;
+    onInit(): void;
+    onRenderCssClass(): void;
+    onViewInit(): void;
+    onDestroy(): void;
+    _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
+    _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
+    _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+}) & (new (...args: any[]) => {
+    onClick: import("@angular/core").EventEmitter<import("@acorex/components/common").AXClickEvent>;
+    _emitOnClickEvent(e: MouseEvent): void;
+    id: string;
+    rtl: boolean;
+    "__#32613@#elementRef": ElementRef<any>;
+    _cdr: ChangeDetectorRef;
+    _isInited: boolean;
+    _isRendered: boolean;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    _getHostElement<T_2 = HTMLElement>(): T_2;
+    _getInnerElement<T_1_1 = HTMLElement>(): T_1_1;
+    _onInternalInit(): void;
+    _onInternalViewInit(): void;
+    _onInternalDestroy(): void;
+    onInit(): void;
+    onRenderCssClass(): void;
+    onViewInit(): void;
+    onDestroy(): void;
+    _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
+    _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
+    _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+}) & typeof AXBaseComponent;
+export declare class AXButtonItemComponent extends AXBaseItemButtonMixin {
+    /**
+     *  @ignore
+     */
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    text: string;
+    tooltip: string;
+    selected: boolean;
+    seperated: boolean;
+    name: string;
+    data: any;
+    color: AXStyleColorType;
+    private __hostClick;
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonItemComponent, "ax-button-item", never, { "text": "text"; "tooltip": "tooltip"; "selected": "selected"; "seperated": "seperated"; "name": "name"; "data": "data"; "color": "color"; }, {}, never, ["ax-prefix", "ax-icon", "ax-suffix"], false>;
+}

package/button/src/button.component.d.ts

@@ -0,0 +1,20 @@
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AXBaseButtonMixin } from '@acorex/components/mixin';
+import * as i0 from "@angular/core";
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+export declare class AXButtonComponent extends AXBaseButtonMixin {
+    /**
+     *  @ignore
+     */
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    onViewInit(): void;
+    _emitOnClickEvent(e: MouseEvent): void;
+    click(): void;
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": "disabled"; "size": "size"; "tabIndex": "tabIndex"; "color": "color"; "look": "look"; "text": "text"; "toggleable": "toggleable"; "selected": "selected"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; }, never, ["ax-prefix,ax-loading,ax-icon", "ax-suffix", "ax-dropdown-panel"], false>;
+}