@acorex/components 4.0.24 → 5.0.4

package/lib/base/mixin/selection-component.class.d.ts

@@ -1,46 +1,55 @@
-import { EventEmitter } from '@angular/core';
-import { AXSelectionValueChangedEvent } from '../events.class';
-import { AXBaseComponent } from './base-components.class';
-import { Constructor } from './constratctor';
-export declare function _SelectionComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
-    new (...args: any[]): {
-        valueField: string;
-        textField: string | string[];
-        multiple: boolean;
-        selectionMode: 'value' | 'item';
-        readonly items: any[];
-        readonly displayItems: any[];
-        valueChange: EventEmitter<any>;
-        onValueChanged: EventEmitter<AXSelectionValueChangedEvent>;
-        _onInternalInit(): void;
-        _value: any | any[];
-        value: any;
-        _selectedItems: any[];
-        readonly selectedItems: any[];
-        _renderSelection(): void;
-        _getItemByDataMode(item: any): any;
-        _getItemValue(item: any): any;
-        unselectItems(...items: any[]): void;
-        selectItems(...items: any[]): void;
-        toggleSelect(...items: any[]): void;
-        isItemSelected(item: any): boolean;
-        id: string;
-        rtl: boolean;
-        cssClass: string;
-        cssStyle: string;
-        "__#1@#elementRef": import("@angular/core").ElementRef<any>;
-        _cdr: import("@angular/core").ChangeDetectorRef;
-        _isInited: boolean;
-        _isRendered: boolean;
-        ngOnInit(): void;
-        ngAfterViewInit(): void;
-        ngOnDestroy(): void;
-        _getHostElement<T = HTMLElement>(): T;
-        _getInnerElement<T_1 = HTMLElement>(): T_1;
-        _onInternalViewInit(): void;
-        _onInternalDestroy(): void;
-        onInit(): void;
-        onViewInit(): void;
-        onDestroy(): void;
-    };
-} & TBase;
+import { EventEmitter } from '@angular/core';
+import { AXSelectionValueChangedEvent } from '../events.class';
+import { AXBaseComponent } from './base-components.class';
+import { Constructor } from './constratctor';
+export declare function _SelectionComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
+    new (...args: any[]): {
+        valueField: string;
+        textField: string | string[];
+        multiple: boolean;
+        selectionMode: 'value' | 'item';
+        readonly items: any[];
+        readonly displayItems: any[];
+        valueChange: EventEmitter<any>;
+        onValueChanged: EventEmitter<AXSelectionValueChangedEvent>;
+        _onInternalInit(): void;
+        _value: any | any[];
+        value: any;
+        _selectedItems: any[];
+        readonly selectedItems: any[];
+        _renderSelection(): void;
+        _getItemByDataMode(item: any): any;
+        _getItemValue(item: any): any;
+        unselectItems(...items: any[]): void;
+        selectItems(...items: any[]): void;
+        toggleSelect(...items: any[]): void;
+        isItemSelected(item: any): boolean;
+        id: string;
+        rtl: boolean;
+        cssClass: string;
+        cssStyle: string;
+        "__#1@#elementRef": import("@angular/core").ElementRef<any>;
+        _cdr: import("@angular/core").ChangeDetectorRef;
+        _isInited: boolean;
+        _isRendered: boolean;
+        ngOnInit(): void;
+        ngAfterViewInit(): void;
+        ngOnDestroy(): void;
+        _getHostElement<T = HTMLElement>(): T;
+        _getInnerElement<T_1 = HTMLElement>(): T_1;
+        _onInternalViewInit(): void;
+        _onInternalDestroy(): void;
+        onInit(): void;
+        onViewInit(): void;
+        onDestroy(): void;
+        onOptionChanging(option: {
+            name: string;
+            value?: any;
+        }): any;
+        onOptionChanged(option: {
+            name: string;
+            oldValue?: any;
+            newValue?: any;
+        }): void;
+    };
+} & TBase;

package/lib/base/mixin/sizable-mixin.class.d.ts

@@ -1,28 +1,40 @@
-import { AXBaseComponent, AXElementSize } from './base-components.class';
-import { Constructor } from './constratctor';
-export declare function _SizableComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
-    new (...args: any[]): {
-        size: AXElementSize;
-        _onInternalInit(): void;
-        id: string;
-        rtl: boolean;
-        cssClass: string;
-        cssStyle: string;
-        "__#1@#elementRef": import("@angular/core").ElementRef<any>;
-        _cdr: import("@angular/core").ChangeDetectorRef;
-        _isInited: boolean;
-        _isRendered: boolean;
-        ngOnInit(): void;
-        ngAfterViewInit(): void;
-        ngOnDestroy(): void;
-        _getHostElement<T = HTMLElement>(): T;
-        _getInnerElement<T_1 = HTMLElement>(): T_1;
-        _onInternalViewInit(): void;
-        _onInternalDestroy(): void;
-        onInit(): void;
-        onViewInit(): void;
-        onDestroy(): void;
-    };
-} & TBase;
-export declare const SIZABLE_INPUTS: string[];
-export declare const SIZABLE_OUTPUT: any[];
+import { AXBaseComponent, AXElementSize } from './base-components.class';
+import { Constructor } from './constratctor';
+export declare function _SizableComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
+    new (...args: any[]): {
+        /**
+        *  A token that specifies the size of component.
+        */
+        size: AXElementSize;
+        _onInternalInit(): void;
+        id: string;
+        rtl: boolean;
+        cssClass: string;
+        cssStyle: string;
+        "__#1@#elementRef": import("@angular/core").ElementRef<any>;
+        _cdr: import("@angular/core").ChangeDetectorRef;
+        _isInited: boolean;
+        _isRendered: boolean;
+        ngOnInit(): void;
+        ngAfterViewInit(): void;
+        ngOnDestroy(): void;
+        _getHostElement<T = HTMLElement>(): T;
+        _getInnerElement<T_1 = HTMLElement>(): T_1;
+        _onInternalViewInit(): void;
+        _onInternalDestroy(): void;
+        onInit(): void;
+        onViewInit(): void;
+        onDestroy(): void;
+        onOptionChanging(option: {
+            name: string;
+            value?: any;
+        }): any;
+        onOptionChanged(option: {
+            name: string;
+            oldValue?: any;
+            newValue?: any;
+        }): void;
+    };
+} & TBase;
+export declare const SIZABLE_INPUTS: string[];
+export declare const SIZABLE_OUTPUT: any[];

package/lib/base/mixin/textbox-mixin.class.d.ts

@@ -1,33 +1,59 @@
-import { EventEmitter } from '@angular/core';
-import { AXHtmlEvent } from '../events.class';
-import { AXBaseComponent } from './base-components.class';
-import { Constructor } from './constratctor';
-export declare function _TextboxComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
-    new (...args: any[]): {
-        placeholder: string;
-        maxLength: string;
-        onKeyDown: EventEmitter<AXHtmlEvent<KeyboardEvent>>;
-        _emitOnKeydownEvent(e: KeyboardEvent): void;
-        id: string;
-        rtl: boolean;
-        cssClass: string;
-        cssStyle: string;
-        "__#1@#elementRef": import("@angular/core").ElementRef<any>;
-        _cdr: import("@angular/core").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;
-        onViewInit(): void;
-        onDestroy(): void;
-    };
-} & TBase;
-export declare const TEXTBOX_INPUTS: string[];
-export declare const TEXTBOX_OUTPUT: string[];
+import { EventEmitter } from '@angular/core';
+import { AXHtmlEvent } from '../events.class';
+import { AXBaseComponent } from './base-components.class';
+import { Constructor } from './constratctor';
+export declare function _TextboxComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
+    new (...args: any[]): {
+        /**
+        *  A string value that specifies the placeholder of text box.
+        */
+        placeholder: string;
+        /**
+        *  A number value that specifies the maximum characters of text box.
+        */
+        maxLength: number;
+        /**
+        *  Specifies that autocomplete is on or off.
+        */
+        autoComplete: boolean;
+        /**
+        *  Fires each time the user press a key.
+        *  @event
+        */
+        onKeyDown: EventEmitter<AXHtmlEvent<KeyboardEvent>>;
+        _emitOnKeydownEvent(e: KeyboardEvent): void;
+        id: string;
+        rtl: boolean;
+        cssClass: string;
+        cssStyle: string;
+        /**
+        *  A number value that specifies the maximum characters of text box.
+        */
+        "__#1@#elementRef": import("@angular/core").ElementRef<any>;
+        _cdr: import("@angular/core").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;
+        onViewInit(): void;
+        onDestroy(): void;
+        onOptionChanging(option: {
+            name: string;
+            value?: any;
+        }): any;
+        onOptionChanged(option: {
+            name: string;
+            oldValue?: any;
+            newValue?: any;
+        }): void;
+    };
+} & TBase;
+export declare const TEXTBOX_INPUTS: string[];
+export declare const TEXTBOX_OUTPUT: string[];

package/lib/base/mixin/value-mixin.class.d.ts

@@ -1,50 +1,68 @@
-import { EventEmitter } from '@angular/core';
-import { AXBaseComponent } from './base-components.class';
-import { Constructor } from './constratctor';
-import { AXValueChangedEvent } from '../events.class';
-import { AXValidationRuleResult } from '../../validation/validation.class';
-import { Subject, Subscription } from 'rxjs';
-export declare function _ValueComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): (abstract new (...args: any[]) => {
-    onValueChanged: EventEmitter<AXValueChangedEvent<any>>;
-    valueChange: EventEmitter<any>;
-    "__#5@#readonly": boolean;
-    readonly: any;
-    "__#5@#allowNull": boolean;
-    allowNull: any;
-    "__#5@#name": string;
-    name: string;
-    "__#5@#debounceTime": number;
-    debounceTime: any;
-    "__#5@#valueSubscription": Subscription;
-    "__#5@#valueSubject": Subject<unknown>;
-    "__#5@#value": any;
-    value: any;
-    _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
-    _onValueChanging(value: any): any;
-    _onValueChanged(oldValue: any, newValue: any): void;
-    _onInternalInit(): void;
-    _onInternalDestroy(): void;
-    _setValue(v: any): void;
-    clear(): void;
-    validate(): Promise<AXValidationRuleResult>;
-    _setErrorState(state: 'clear' | 'success' | 'error', ...args: any[]): void;
-    id: string;
-    rtl: boolean;
-    cssClass: string;
-    cssStyle: string;
-    "__#1@#elementRef": import("@angular/core").ElementRef<any>;
-    _cdr: import("@angular/core").ChangeDetectorRef;
-    _isInited: boolean;
-    _isRendered: boolean;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    _getHostElement<T = HTMLElement>(): T;
-    _getInnerElement<T_1 = HTMLElement>(): T_1;
-    _onInternalViewInit(): void;
-    onInit(): void;
-    onViewInit(): void;
-    onDestroy(): void;
-}) & TBase;
-export declare const VALUE_INPUTS: string[];
-export declare const VALUE_OUTPUT: string[];
+import { EventEmitter } from '@angular/core';
+import { AXBaseComponent } from './base-components.class';
+import { Constructor } from './constratctor';
+import { AXValueChangedEvent } from '../events.class';
+import { AXValidationRuleResult } from '../../validation/validation.class';
+import { Subject, Subscription } from 'rxjs';
+export declare function _ValueComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
+    new (...args: any[]): {
+        /**
+        *  Fires each time the user press a key.
+        *  @event
+        */
+        onValueChanged: EventEmitter<AXValueChangedEvent<any>>;
+        valueChange: EventEmitter<any>;
+        "__#6@#readonly": boolean;
+        /**
+        *  If set to true, user cannot change the value of component.
+        */
+        readonly: boolean;
+        "__#6@#allowNull": boolean;
+        allowNull: boolean;
+        "__#6@#name": string;
+        name: string;
+        "__#6@#debounceTime": number;
+        debounceTime: number;
+        "__#6@#valueSubscription": Subscription;
+        "__#6@#valueSubject": Subject<unknown>;
+        "__#6@#value": any;
+        value: any;
+        _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
+        _onValueChanging(value: any): any;
+        _onValueChanged(oldValue: any, newValue: any): void;
+        _onInternalInit(): void;
+        _onInternalDestroy(): void;
+        _setValue(v: any): void;
+        clear(): void;
+        validate(): Promise<AXValidationRuleResult>;
+        _setErrorState(state: 'clear' | 'success' | 'error', ...args: any[]): void;
+        id: string;
+        rtl: boolean;
+        cssClass: string;
+        cssStyle: string;
+        "__#1@#elementRef": import("@angular/core").ElementRef<any>;
+        _cdr: import("@angular/core").ChangeDetectorRef;
+        _isInited: boolean;
+        _isRendered: boolean;
+        ngOnInit(): void;
+        ngAfterViewInit(): void;
+        ngOnDestroy(): void;
+        _getHostElement<T = HTMLElement>(): T;
+        _getInnerElement<T_1 = HTMLElement>(): T_1;
+        _onInternalViewInit(): void;
+        onInit(): void;
+        onViewInit(): void;
+        onDestroy(): void;
+        onOptionChanging(option: {
+            name: string;
+            value?: any;
+        }): any;
+        onOptionChanged(option: {
+            name: string;
+            oldValue?: any;
+            newValue?: any;
+        }): void;
+    };
+} & TBase;
+export declare const VALUE_INPUTS: string[];
+export declare const VALUE_OUTPUT: string[];

package/lib/base/overlay.service.d.ts

@@ -1,28 +1,31 @@
-import { ApplicationRef } from '@angular/core';
-import { Overlay } from '@angular/cdk/overlay';
-import { AXConnectedPosition } from '.';
-import { DynamicOverlay } from './custom-cdk-overlay.service';
-export interface AXOverlayViewRef {
-    instance: any;
-    dispose: () => void;
-    isOpen: () => boolean;
-}
-export interface AXOverlayConfigs {
-    position?: AXConnectedPosition | AXConnectedPosition[];
-    hasBackdrop?: boolean;
-    transparentBackdrop?: boolean;
-    closeOnClickOutside?: boolean;
-    targetElement?: HTMLElement;
-    containerElement?: HTMLElement;
-    onBackdropClick?: () => void;
-    panelClass?: string[] | string;
-    backdropClass?: string[] | string;
-    scroll?: 'auto' | 'block' | 'close';
-}
-export declare class AXOverlayService {
-    private overlayService;
-    private overlayService2;
-    private appRef;
-    constructor(overlayService: DynamicOverlay, overlayService2: Overlay, appRef: ApplicationRef);
-    show(content: any, context?: any, configs?: AXOverlayConfigs): AXOverlayViewRef;
-}
+import { ApplicationRef } from '@angular/core';
+import { Overlay } from '@angular/cdk/overlay';
+import { AXConnectedPosition } from '.';
+import { DynamicOverlay } from './custom-cdk-overlay.service';
+import * as i0 from "@angular/core";
+export interface AXOverlayViewRef {
+    instance: any;
+    dispose: () => void;
+    isOpen: () => boolean;
+}
+export interface AXOverlayConfigs {
+    position?: AXConnectedPosition | AXConnectedPosition[];
+    hasBackdrop?: boolean;
+    transparentBackdrop?: boolean;
+    closeOnClickOutside?: boolean;
+    targetElement?: HTMLElement;
+    containerElement?: HTMLElement;
+    onBackdropClick?: () => void;
+    panelClass?: string[] | string;
+    backdropClass?: string[] | string;
+    scroll?: 'auto' | 'block' | 'close';
+}
+export declare class AXOverlayService {
+    private overlayService;
+    private overlayService2;
+    private appRef;
+    constructor(overlayService: DynamicOverlay, overlayService2: Overlay, appRef: ApplicationRef);
+    show(content: any, context?: any, configs?: AXOverlayConfigs): AXOverlayViewRef;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXOverlayService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXOverlayService>;
+}

package/lib/base/responsive.directive.d.ts

@@ -1,7 +1,10 @@
-import { ElementRef, OnDestroy } from '@angular/core';
-export declare class AXResponsiveDirective implements OnDestroy {
-    private _elementRef;
-    private _observer;
-    constructor(_elementRef: ElementRef<HTMLDivElement>);
-    ngOnDestroy(): void;
-}
+import { ElementRef, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXResponsiveDirective implements OnDestroy {
+    private _elementRef;
+    private _observer;
+    constructor(_elementRef: ElementRef<HTMLDivElement>);
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXResponsiveDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXResponsiveDirective, "[ax-responsive]", never, {}, {}, never>;
+}

package/lib/base/styles.class.d.ts

@@ -1,6 +1,17 @@
-export declare const AX_STYLE_TYPES: string[];
-export declare type AXStyleType = 'info' | 'danger' | 'success' | 'warning';
-export declare const AX_LOCATIONS: string[];
-export declare type AXLocation = 'bottom-start' | 'bottom-center' | 'bottom-end' | 'top-start' | 'top-center' | 'top-end';
-export declare const AX_DIRECTIONS: string[];
-export declare type AXDirection = 'vertical' | 'horizontal';
+export declare const AX_STYLE_TYPES: string[];
+/**
+* A token that specifies the  color style of component.
+*/
+export declare type AXStyleColorType = 'primary' | 'secondary' | 'info' | 'danger' | 'success' | 'warning' | 'light' | 'dark';
+export declare type AXStyleButtonLook = 'blank' | 'outline' | 'twotone' | 'link';
+export declare const AX_LOCATIONS: string[];
+export declare type AXLocation = 'bottom-start' | 'bottom-center' | 'bottom-end' | 'top-start' | 'top-center' | 'top-end';
+export declare const AX_DIRECTIONS: string[];
+/**
+* A token that specifies the  direction of component.
+*/
+export declare type AXDirection = 'vertical' | 'horizontal';
+/**
+* A token that specifies the  selection mode of component.
+*/
+export declare type AXSelectionMode = 'single' | 'multiple';

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

@@ -1,19 +1,36 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, QueryList } from "@angular/core";
-import { AXClickEvent, AXInteractiveComponenetMixin } from "../base";
-import { AXButtonItem } from "./button-item.class";
-import { AXButtonItemComponent } from "./button-item.component";
-export declare class AXButtonGroupComponent extends AXInteractiveComponenetMixin {
-    private zone;
-    _contentButtons: QueryList<AXButtonItemComponent>;
-    private _items;
-    get items(): AXButtonItem[];
-    set items(v: AXButtonItem[]);
-    multiple: boolean;
-    selectable: boolean;
-    _buttons: AXButtonItem[];
-    onItemClick: EventEmitter<AXClickEvent>;
-    constructor(elementRef: ElementRef, zone: NgZone, cdr: ChangeDetectorRef);
-    onViewInit(): void;
-    private _calcButtons;
-    _handleClickEvent(e: MouseEvent, button: AXButtonItem): void;
-}
+import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, QueryList } from "@angular/core";
+import { AXButtonComponent } from "./button.component";
+import { AXClickEvent, AXInteractiveComponenetMixin, AXItemClickEvent, AXSelectionMode, AXSelectionValueChangedEvent, AXStyleButtonLook, AXStyleColorType } from "../base";
+import * as i0 from "@angular/core";
+export declare class AXButtonGroupComponent extends AXInteractiveComponenetMixin {
+    private zone;
+    selectionChange: EventEmitter<AXSelectionMode>;
+    private _selection;
+    get selection(): AXSelectionMode;
+    set selection(value: AXSelectionMode);
+    colorChange: EventEmitter<AXStyleColorType>;
+    private _color;
+    /**
+    *  Predefined color schemes
+    */
+    get color(): AXStyleColorType;
+    set color(value: AXStyleColorType);
+    lookChange: EventEmitter<AXStyleButtonLook>;
+    private _look?;
+    /**
+    *  Predefined look schemes
+    */
+    get look(): AXStyleButtonLook;
+    set look(value: AXStyleButtonLook);
+    onItemClick: EventEmitter<AXItemClickEvent<AXButtonComponent>>;
+    onValueChanged: EventEmitter<AXSelectionValueChangedEvent>;
+    _contentButtons: QueryList<AXButtonComponent>;
+    constructor(elementRef: ElementRef, zone: NgZone, cdr: ChangeDetectorRef);
+    ngAfterContentInit(): void;
+    private _bindEvents;
+    private _bindProps;
+    onOptionChanged(options: any): void;
+    _handleClickEvent(e: AXClickEvent, button: AXButtonComponent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "cssClass": "cssClass"; "size": "size"; "cssStyle": "cssStyle"; "rtl": "rtl"; "disabled": "disabled"; "selection": "selection"; "color": "color"; "look": "look"; }, { "selectionChange": "selectionChange"; "colorChange": "colorChange"; "lookChange": "lookChange"; "onItemClick": "onItemClick"; }, ["_contentButtons"], ["ax-button"]>;
+}

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

@@ -1,17 +1,22 @@
-export interface AXButtonItem {
-    class?: string;
-    text?: string;
-    tooltip?: string;
-    iconClass?: string;
-    iconClassAfter?: string;
-    iconClassBefore?: string;
-    badge?: string;
-    disabled?: boolean;
-    selected?: boolean;
-    seperated?: boolean;
-    name?: string;
-    data?: any;
-    submitBehavior?: Boolean;
-    cancelBehavior?: boolean;
-    onClick?: (...args: any[]) => void;
-}
+import { AXStyleButtonLook, AXStyleColorType } from "../base";
+export interface AXClickItemBase {
+    cssClass?: string;
+    color?: AXStyleColorType;
+    look?: AXStyleButtonLook;
+    text?: string;
+    tooltip?: string;
+    iconClass?: string;
+    badge?: string;
+    disabled?: boolean;
+    selected?: boolean;
+    seperated?: boolean;
+    name?: string;
+    data?: any;
+    onClick?: (...args: any[]) => void;
+}
+export interface AXButtonItem extends AXClickItemBase {
+    submitBehavior?: Boolean;
+    cancelBehavior?: boolean;
+}
+export interface AXMenuItem extends AXClickItemBase {
+}