@acorex/components 16.0.2 → 17.0.1

package/color-box/lib/color-box.component.d.ts

@@ -0,0 +1,27 @@
+import { AXColorPalleteComponent } from '@acorex/components/color-palette';
+import { AXEvent, MXInputBaseValueComponent } from '@acorex/components/common';
+import { AXDropdownBoxComponent, MXDropdownBoxBaseComponent } from '@acorex/components/dropdown';
+import * as i0 from "@angular/core";
+declare const AXColorBoxComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXDropdownBoxBaseComponent, {
+    new (): MXInputBaseValueComponent<string>;
+    ɵfac: unknown;
+    ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+}]>;
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+export declare class AXColorBoxComponent extends AXColorBoxComponent_base {
+    protected picker: AXColorPalleteComponent;
+    protected dropdown: AXDropdownBoxComponent;
+    protected _handleModelChange(value: string | null): void;
+    protected _handleArrowClickEvent(e: MouseEvent): void;
+    protected _handleInputClickEvent(e: MouseEvent): void;
+    protected _handleOnOpenedEvent(e: AXEvent): void;
+    protected _handleOnClosedEvent(e: AXEvent): void;
+    internalValueChanged(value?: Date): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorBoxComponent, "ax-color-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], false, never>;
+}
+export {};

package/color-box/lib/color-box.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./color-box.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@acorex/components/color-palette";
+import * as i5 from "@acorex/components/dropdown";
+export declare class AXColorBoxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorBoxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXColorBoxModule, [typeof i1.AXColorBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXColorPaletteModule, typeof i5.AXDropdownModule], [typeof i1.AXColorBoxComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXColorBoxModule>;
+}

package/color-palette/README.md

@@ -0,0 +1,3 @@
+# @acorex/components/color-palette
+
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/color-palette`.

package/color-palette/index.d.ts

@@ -0,0 +1,7 @@
+export * from './lib/color-palette-input.component';
+export * from './lib/color-palette-picker.component';
+export * from './lib/color-palette-preview.component';
+export * from './lib/color-palette-swatches.component';
+export * from './lib/color-palette.class';
+export * from './lib/color-palette.component';
+export * from './lib/color-palette.module';

package/color-palette/lib/color-palette-input.component.d.ts

@@ -0,0 +1,25 @@
+import { AXValueChangedEvent, MXBaseComponent } from '@acorex/components/common';
+import { AXMaskOptions } from '@acorex/components/text-box';
+import { AXUnsubscriber } from '@acorex/core/utils';
+import { AfterViewInit } from '@angular/core';
+import { AXColorPaletteParentComponent } from './color-palette.class';
+import * as i0 from "@angular/core";
+export declare class AXColorPaletteInputComponent extends MXBaseComponent implements AfterViewInit {
+    _parent: AXColorPaletteParentComponent;
+    private _unsubscriber;
+    isValid: boolean;
+    _rgba: any;
+    _hex: string;
+    protected _colorMode: 'hex' | 'rgba';
+    protected _hexMaskOptions: AXMaskOptions;
+    constructor(_parent: AXColorPaletteParentComponent, _unsubscriber: AXUnsubscriber);
+    private applyParent;
+    ngAfterViewInit(): void;
+    _handleChangeInputMode(): void;
+    _handleRGBAValueChanged(e: AXValueChangedEvent<number>): void;
+    protected _handleHEXAValueChanged(e: AXValueChangedEvent<string>): void;
+    private checkValid;
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPaletteInputComponent, "ax-color-palette-input", never, {}, {}, never, never, false, never>;
+}

package/color-palette/lib/color-palette-picker.component.d.ts

@@ -0,0 +1,35 @@
+import { AXValueChangedEvent, MXBaseComponent } from '@acorex/components/common';
+import { AXUnsubscriber } from '@acorex/core/utils';
+import { AXColorPaletteParentComponent } from './color-palette.class';
+import * as i0 from "@angular/core";
+export declare class AXColorPalettePickerComponent extends MXBaseComponent {
+    _parent: AXColorPaletteParentComponent;
+    private _unsubscriber;
+    _rgba: {
+        r: number;
+        g: number;
+        b: number;
+        a: number;
+    };
+    protected _gradient: number;
+    protected _bgColor: string;
+    private readonly _gradientColors;
+    private readonly _gradients;
+    private readonly _colors;
+    protected dragPosition: {
+        x: number;
+        y: number;
+    };
+    constructor(_parent: AXColorPaletteParentComponent, _unsubscriber: AXUnsubscriber);
+    private setHSV;
+    private _handleParentColorChanged;
+    protected _handleAlphaChanged(e: AXValueChangedEvent<number>): void;
+    protected _handleGradientChanged(e: AXValueChangedEvent<number>): void;
+    protected _handleSurfaceClick(e: MouseEvent): void;
+    protected _handleDrag(): void;
+    private setColorByXY;
+    private setPointerByPercent;
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalettePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalettePickerComponent, "ax-color-palette-picker", never, {}, {}, never, never, false, never>;
+}

package/color-palette/lib/color-palette-preview.component.d.ts

@@ -0,0 +1,16 @@
+import { MXBaseComponent } from '@acorex/components/common';
+import { AXUnsubscriber } from '@acorex/core/utils';
+import { AfterViewInit, NgZone } from '@angular/core';
+import { AXColorPaletteParentComponent } from './color-palette.class';
+import * as i0 from "@angular/core";
+export declare class AXColorPalettePreviewComponent extends MXBaseComponent implements AfterViewInit {
+    _parent: AXColorPaletteParentComponent;
+    private _zone;
+    private _unsubscriber;
+    constructor(_parent: AXColorPaletteParentComponent, _zone: NgZone, _unsubscriber: AXUnsubscriber);
+    ngAfterViewInit(): void;
+    private applyParent;
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalettePreviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalettePreviewComponent, "ax-color-palette-preview", never, {}, {}, never, never, false, never>;
+}

package/color-palette/lib/color-palette-swatches.component.d.ts

@@ -0,0 +1,21 @@
+import { MXBaseComponent } from '@acorex/components/common';
+import { AXUnsubscriber } from '@acorex/core/utils';
+import { AfterViewInit, OnInit } from '@angular/core';
+import { AXColorPaletteParentComponent } from './color-palette.class';
+import * as i0 from "@angular/core";
+export declare class AXColorPaletteSwatchesComponent extends MXBaseComponent implements OnInit, AfterViewInit {
+    _parent: AXColorPaletteParentComponent;
+    private _unsubscriber;
+    protected _selected: string;
+    colors: {
+        code: string;
+    }[];
+    constructor(_parent: AXColorPaletteParentComponent, _unsubscriber: AXUnsubscriber);
+    private applyParent;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    protected _handleClick(e: MouseEvent, color: any): void;
+    private _format;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteSwatchesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPaletteSwatchesComponent, "ax-color-palette-swatches, ax-color-palette-favorite", never, { "colors": { "alias": "colors"; "required": false; }; }, {}, never, never, false, never>;
+}

package/color-palette/lib/color-palette.class.d.ts

@@ -0,0 +1,28 @@
+import { AXOptionChangedEvent, AXValueChangedEvent } from '@acorex/components/common';
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * A token that specifies the  display mode of datapager component.
+ */
+export type AXColorPaletteView = 'swatches' | 'gradient' | 'custom';
+export interface AXColorChangedEvent {
+    color: any;
+    sender: any;
+}
+export declare abstract class AXColorPaletteParentComponent {
+    abstract readonly: boolean;
+    abstract disabled: boolean;
+    abstract get value(): string;
+    abstract onValueChanged: EventEmitter<AXValueChangedEvent<string>>;
+    abstract onOptionChanged: EventEmitter<AXOptionChangedEvent>;
+    abstract commitValue(value: string, u?: boolean): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteParentComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXColorPaletteParentComponent>;
+}
+export declare abstract class AXColorPaletteChildComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteChildComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXColorPaletteChildComponent>;
+}
+export declare const AXDefaultColorPalette: {
+    code: string;
+}[];

package/color-palette/lib/color-palette.component.d.ts

@@ -0,0 +1,10 @@
+import { MXValueComponent } from '@acorex/components/common';
+import { QueryList } from '@angular/core';
+import { AXColorPaletteChildComponent } from './color-palette.class';
+import * as i0 from "@angular/core";
+export declare class AXColorPalleteComponent extends MXValueComponent<string> {
+    _children: QueryList<AXColorPaletteChildComponent>;
+    private get __hostDisabled();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalleteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalleteComponent, "ax-color-palette", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, ["_children"], ["ax-header", "ax-color-palette-preview", "ax-color-palette-picker", "ax-color-palette-swatches", "ax-color-palette-favorite", "ax-color-palette-input", "ax-footer"], false, never>;
+}

package/color-palette/lib/color-palette.module.d.ts

@@ -0,0 +1,20 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./color-palette.component";
+import * as i2 from "./color-palette-preview.component";
+import * as i3 from "./color-palette-swatches.component";
+import * as i4 from "./color-palette-input.component";
+import * as i5 from "./color-palette-picker.component";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/forms";
+import * as i8 from "@acorex/components/text-box";
+import * as i9 from "@acorex/components/label";
+import * as i10 from "@acorex/components/button";
+import * as i11 from "@acorex/components/decorators";
+import * as i12 from "@acorex/components/number-box";
+import * as i13 from "@acorex/components/range-slider";
+import * as i14 from "@angular/cdk/drag-drop";
+export declare class AXColorPaletteModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXColorPaletteModule, [typeof i1.AXColorPalleteComponent, typeof i2.AXColorPalettePreviewComponent, typeof i3.AXColorPaletteSwatchesComponent, typeof i4.AXColorPaletteInputComponent, typeof i5.AXColorPalettePickerComponent], [typeof i6.CommonModule, typeof i7.FormsModule, typeof i8.AXTextBoxModule, typeof i9.AXLabelModule, typeof i10.AXButtonModule, typeof i11.AXDecoratorModule, typeof i12.AXNumberBoxModule, typeof i13.AXRangeSliderModule, typeof i14.DragDropModule], [typeof i1.AXColorPalleteComponent, typeof i2.AXColorPalettePreviewComponent, typeof i3.AXColorPaletteSwatchesComponent, typeof i4.AXColorPaletteInputComponent, typeof i5.AXColorPalettePickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXColorPaletteModule>;
+}

package/common/README.md

@@ -0,0 +1,3 @@
+# @acorex/components/common
+
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/common`.

package/common/index.d.ts

@@ -0,0 +1,28 @@
+export * from './lib/types/direction';
+export * from './lib/types/orientation';
+export * from './lib/types/placement';
+export * from './lib/types/range';
+export * from './lib/types/selection-mode';
+export * from './lib/classes/components.class';
+export * from './lib/classes/datalist.class';
+export * from './lib/classes/datasource.class';
+export * from './lib/classes/events.class';
+export * from './lib/classes/styles.class';
+export * from './lib/common.module';
+export * from './lib/components/base-component.class';
+export * from './lib/components/button-base-component.class';
+export * from './lib/components/color-component.class';
+export * from './lib/components/colorlook-component.class';
+export * from './lib/components/input-base-value-component.class';
+export * from './lib/components/interactive-component.class';
+export * from './lib/components/look-component.class';
+export * from './lib/components/selection-base.component.class';
+export * from './lib/components/value-component.class';
+export * from './lib/directives/auto-focus.directive';
+export * from './lib/directives/delayed-value-changed.directive';
+export * from './lib/directives/hotkey.directive';
+export * from './lib/directives/infinite-scroll.directive';
+export * from './lib/directives/responsive.directive';
+export * from './lib/directives/ripple.directive';
+export * from './lib/services/dom.service';
+export * from './lib/services/hotkey.service';

package/common/lib/classes/components.class.d.ts

@@ -0,0 +1,83 @@
+import { EventEmitter } from '@angular/core';
+import { AXEvent, AXValueChangedEvent } from './events.class';
+import { AXValidationRuleOptions, AXValidationSummary } from '@acorex/core/validation';
+import * as i0 from "@angular/core";
+export declare const TAB_META_KEY = "__meta__";
+export declare class AXComponentCloseEvent extends AXEvent {
+    data?: any;
+}
+export declare class AXComponentClosing {
+    cancel: boolean;
+    data?: any;
+}
+export declare class AXComponentResult {
+    sender: any;
+    data?: any;
+}
+export interface AXFormValidationRule {
+    rule: string;
+    options?: AXValidationRuleOptions;
+}
+/**
+ *  Defines a CSS class—or multiple classes separated by spaces— which are applied to a span element inside the Button. Allows the usage of custom icons after the primary text.
+ */
+export declare class AXComponentClosedPromise extends Promise<AXComponentResult> {
+    private closeMethod;
+    constructor(executor: (resolve: (value?: AXComponentResult | PromiseLike<AXComponentResult>) => void, reject: (reason?: any) => void) => void);
+    close(): void;
+}
+export declare abstract class AXComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXComponent>;
+}
+export declare abstract class AXClosbaleComponent extends AXComponent {
+    abstract close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXClosbaleComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXClosbaleComponent>;
+}
+export declare abstract class AXClearableComponent extends AXComponent {
+    abstract clear(u: boolean): void;
+    abstract get readonly(): boolean;
+    abstract get disabled(): boolean;
+    abstract get value(): unknown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXClearableComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXClearableComponent>;
+}
+export declare abstract class AXSearchableComponent extends AXComponent {
+    abstract search(value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchableComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXSearchableComponent>;
+}
+export declare abstract class AXValuableComponent extends AXComponent {
+    abstract get isRequired(): boolean;
+    validationRulesChange: EventEmitter<AXFormValidationRule[]>;
+    abstract get name(): string;
+    abstract get value(): unknown;
+    abstract onValueChanged: EventEmitter<AXValueChangedEvent<unknown>>;
+    abstract commitValue(value: unknown, u: boolean): any;
+    abstract addValidationRule(rule: AXFormValidationRule): any;
+    abstract removeValidationRule(rule: AXFormValidationRule): any;
+    abstract validate(): Promise<AXValidationSummary>;
+    abstract clear(e: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXValuableComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXValuableComponent>;
+}
+export declare abstract class AXFocusableComponent extends AXComponent {
+    abstract focus(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXFocusableComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXFocusableComponent>;
+}
+export interface AXPagedComponentInterface {
+    goToPage(page: number): any;
+    get totalCount(): number;
+    get pageSize(): number;
+    onPageChanged: EventEmitter<AXValueChangedEvent<number>>;
+}
+export declare abstract class AXPagedComponent extends AXComponent implements AXPagedComponentInterface {
+    abstract goToPage(page: number): any;
+    abstract get totalCount(): number;
+    abstract pageSize: number;
+    abstract onPageChanged: EventEmitter<AXValueChangedEvent<number>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPagedComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXPagedComponent>;
+}

package/common/lib/classes/datalist.class.d.ts

@@ -0,0 +1,37 @@
+import { CollectionViewer, DataSource } from '@angular/cdk/collections';
+import { Observable } from 'rxjs';
+import { AXDataSource } from './datasource.class';
+export interface AXDataListQuery {
+    take?: number;
+    skip?: number;
+    searchQuery?: string;
+}
+export interface AXDataListFetchCallbackResult {
+    items: Array<any>;
+    total: number;
+}
+export type AXDataListFetchDataCallback = (e: AXDataListQuery) => Promise<AXDataListFetchCallbackResult>;
+export type AXDataListItems = Array<any> | AXDataListFetchDataCallback;
+export declare class AXListDataSource<T = unknown> extends DataSource<T> {
+    private config;
+    private debounceTime;
+    private subscription;
+    source: AXDataSource<T>;
+    private dataStream;
+    private _range;
+    get range(): {
+        start: number;
+        end: number;
+    };
+    /**
+     * @ignore
+     */
+    constructor(config: {
+        source: AXDataSource<T>;
+        debounceTime?: number;
+    });
+    connect(collectionViewer: CollectionViewer): Observable<T[]>;
+    disconnect(): void;
+    private getPageForIndex;
+    refresh(): void;
+}

package/common/lib/classes/datasource.class.d.ts

@@ -0,0 +1,78 @@
+import { Subject } from 'rxjs';
+export type AXDataSourceOperator = {
+    type: 'equal' | 'isNull' | 'isEmpty' | 'lt' | 'lte' | 'gt' | 'gte' | 'startsWith' | 'endsWith' | 'contains';
+    negative?: boolean;
+};
+export type AXFilterLogic = 'and' | 'or';
+export type AXSortOrder = 'asc' | 'desc';
+export type AXDataSourceFilterOption = {
+    field: string;
+    value?: unknown;
+    operator: AXDataSourceOperator;
+    logic?: AXFilterLogic;
+    filters?: AXDataSourceFilterOption[];
+};
+export type AXDataSourceSortOption = {
+    field: string;
+    dir: 'asc' | 'desc';
+};
+export interface AXDataSourceQuery {
+    take: number;
+    skip: number;
+    filter?: AXDataSourceFilterOption;
+    sort: AXDataSourceSortOption[];
+}
+export interface AXDataSourceCallbackResult<T> {
+    items: Array<T>;
+    total: number;
+}
+export type AXDataSourceLoadCallback<T> = (e: AXDataSourceQuery) => Promise<AXDataSourceCallbackResult<T>>;
+export type AXDataSourceByKeyCallback<T> = (key: unknown) => Promise<T>;
+export interface AXDataSourceConfig<T = unknown> {
+    key?: string;
+    pageSize: number;
+    load: AXDataSourceLoadCallback<T>;
+    byKey?: AXDataSourceByKeyCallback<T>;
+}
+export interface AXDataSourceChangedEvent<T = unknown> {
+    cachedItems: Array<T>;
+    items: Array<T>;
+    totalCount: number;
+    totalPages: number;
+    page: number;
+}
+export declare class AXDataSource<T = unknown> {
+    config: AXDataSourceConfig<T>;
+    useCache: boolean;
+    private _totalCount;
+    get totalCount(): number;
+    get totalPages(): number;
+    get pageSize(): number;
+    private _cachedItems;
+    get cachedItems(): T[];
+    private _items;
+    get items(): T[];
+    private fetchedPages;
+    private _page;
+    private _query;
+    get query(): AXDataSourceQuery;
+    onChanged: Subject<AXDataSourceChangedEvent<T>>;
+    onLoadingChanged: Subject<boolean>;
+    private _isLoading;
+    get isLoading(): boolean;
+    constructor(config: AXDataSourceConfig<T>);
+    private load;
+    private setLoadingState;
+    setPage(page: number): void;
+    setPageSize(pageSize: number): void;
+    filter(value: AXDataSourceFilterOption): void;
+    sort(...value: AXDataSourceSortOption[]): void;
+    clearFilter(): void;
+    private reset;
+    refresh(): void;
+    find(key: unknown): T | Promise<T>;
+}
+export declare function convertArrayToDataSource<T>(items: T[], options?: {
+    key: string;
+    pageSize: number;
+}): AXDataSource;

package/common/lib/classes/events.class.d.ts

@@ -0,0 +1,96 @@
+/**
+ *  Contains native event
+ * @category Events
+ */
+export declare class AXEvent {
+    /**
+     *  The sender component
+     */
+    component: any;
+    /**
+     *  The root native element
+     */
+    htmlElement?: HTMLElement;
+    isUserInteraction?: boolean;
+}
+/**
+ *  Contains native event
+ * @category Events
+ */
+export declare class AXHtmlEvent<E extends Event = Event> extends AXEvent {
+    nativeEvent?: E;
+}
+/**
+ *  Contains native event
+ * @category Events
+ */
+export declare class AXValueChangedEvent<T = any> extends AXEvent {
+    name?: string;
+    value?: T;
+    oldValue?: T;
+}
+/**
+ *  Contains native event
+ * @category Events
+ */
+export declare class AXOptionChangedEvent<T = any> extends AXEvent {
+    name?: string;
+    newValue?: T;
+    oldValue?: T;
+}
+/**
+ *  Fires each time the user click the element.
+ * @category Events
+ */
+export declare class AXClickEvent extends AXHtmlEvent<MouseEvent> {
+    /**
+     *  uses for extra data
+     */
+    data?: any;
+    nativeEvent?: any;
+}
+/**
+ *  Fires each time the user click the element.
+ * @category Events
+ */
+export declare class AXButtonClickEvent extends AXClickEvent {
+    name: string;
+}
+/**
+ *  Fires each time the user click the element.
+ * @category Events
+ */
+export declare class AXItemClickEvent<T> extends AXClickEvent {
+    name?: string;
+    item: T;
+}
+/**
+ *  Fires each time the component gets focused.
+ * @category Events
+ */
+export declare class AXFocusEvent extends AXHtmlEvent<FocusEvent> {
+}
+/**
+ *  Fires each time an item or multiple items selected by the user or value.
+ * @category Events
+ */
+export declare class AXSelectionValueChangedEvent extends AXValueChangedEvent<any | any[]> {
+    value?: any;
+    oldValue?: any;
+    selectedKeys?: any[];
+    selectedItems?: any[];
+}
+/**
+ *  Contains range start & end values
+ * @category Events
+ */
+export declare class AXRangeChangedEvent<T> extends AXEvent {
+    /**
+     *  The range start value
+     */
+    start?: T;
+    /**
+     *  The range end value
+     */
+    end?: T;
+}

package/common/lib/classes/styles.class.d.ts

@@ -0,0 +1,8 @@
+export declare const AX_STYLE_COLOR_TYPES: string[];
+/**
+ * A token that specifies the  color style of component.
+ */
+export type AXStyleColorType = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'ghost';
+export type AXStyleLookType = 'solid' | 'blank' | 'outline' | 'twotone' | 'flat' | 'fill' | 'none';
+export declare const AX_LOCATIONS: string[];
+export type AXLocation = 'bottom-start' | 'bottom-center' | 'bottom-end' | 'top-start' | 'top-center' | 'top-end' | 'center-end' | 'center-start';

package/common/lib/common.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./directives/responsive.directive";
+import * as i2 from "./directives/infinite-scroll.directive";
+import * as i3 from "./directives/auto-focus.directive";
+import * as i4 from "./directives/hotkey.directive";
+export declare class AXCommonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXCommonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCommonModule, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective, typeof i3.AXAutoFocusDirective, typeof i4.AXHotkeyDirective], never, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective, typeof i3.AXAutoFocusDirective, typeof i4.AXHotkeyDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXCommonModule>;
+}

package/common/lib/components/base-component.class.d.ts

@@ -0,0 +1,38 @@
+import { ChangeDetectorRef, EventEmitter, ViewContainerRef } from '@angular/core';
+import { AXOptionChangedEvent } from '../classes/events.class';
+import * as i0 from "@angular/core";
+export type MXComponentOptionChanging<T = any> = {
+    name: string;
+    value?: T;
+};
+export type MXComponentOptionChanged<T = any> = MXComponentOptionChanging<T>;
+export type MXComponentSetOption<T> = {
+    name: string;
+    value?: T;
+    afterCallback?: (oldValue?: T, newValue?: T) => void;
+    beforeCallback?: (oldValue?: T, newValue?: T) => void;
+};
+export type AXComponentState = 'clear' | 'success' | 'error';
+export declare abstract class MXBaseComponent {
+    private _cdr;
+    private _elementRef;
+    private _viewRef;
+    private _domService;
+    private _id;
+    get id(): string;
+    set id(v: string);
+    protected get cdr(): ChangeDetectorRef;
+    getHostElement<T = HTMLElement>(): T;
+    protected getViewContainer(): ViewContainerRef;
+    protected internalOptionChanging(option: MXComponentOptionChanging): any;
+    protected internalOptionChanged(option: MXComponentOptionChanged): void;
+    protected ngOnInit(): void;
+    onOptionChanged: EventEmitter<AXOptionChangedEvent>;
+    setOption<T = any>(option: MXComponentSetOption<T>): void;
+    private _detectLayout;
+    private _rtl;
+    get rtl(): boolean;
+    set rtl(value: boolean);
+    static ɵfac: i0.ɵɵFactoryDeclaration<MXBaseComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MXBaseComponent>;
+}

package/common/lib/components/button-base-component.class.d.ts

@@ -0,0 +1,35 @@
+import { EventEmitter } from '@angular/core';
+import { MXColorLookComponent } from './colorlook-component.class';
+import { MXInteractiveComponent } from './interactive-component.class';
+declare const MXButtonBaseComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorLookComponent]>;
+export declare class MXButtonBaseComponent extends MXButtonBaseComponent_base {
+    textChange: EventEmitter<string>;
+    private _text;
+    /**
+     *  Defines the primary text to show inside the button.
+     */
+    get text(): string;
+    set text(v: string);
+    toggleableChange: EventEmitter<boolean>;
+    private _toggleable?;
+    /**
+     *  Provides visual styling that indicates if the Button is active
+     */
+    get toggleable(): boolean;
+    set toggleable(value: boolean);
+    selectedChange: EventEmitter<boolean>;
+    private _selected?;
+    /**
+     *  Indicates if the Button is selected or not
+     */
+    get selected(): boolean;
+    set selected(value: boolean);
+    constructor();
+    protected get cssClasses(): {
+        'ax-button-icon': boolean;
+        'ax-state-disabled': boolean;
+        'ax-state-selected': boolean;
+        'ax-el-interactive': boolean;
+    };
+}
+export {};