@acorex/components 7.0.41 → 7.1.1

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

@@ -1,86 +1,95 @@
-/**
- *  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;
-}
-/**
- *  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 AXHtmlEvent<MouseEvent> {
-    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;
-}
+/**
+ *  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 AXHtmlEvent<MouseEvent> {
+    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/src/classes/styles.class.d.ts

@@ -1,17 +1,17 @@
-export declare const AX_STYLE_COLOR_TYPES: string[];
-/**
- * A token that specifies the  color style of component.
- */
-export declare type AXStyleColorType = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'ghost';
-export declare type AXStyleLookType = 'default' | 'blank' | 'outline';
-export declare const AX_LOCATIONS: string[];
-export declare type AXLocation = 'bottom-start' | 'bottom-center' | 'bottom-end' | 'top-start' | 'top-center' | 'top-end' | 'center-end' | 'center-start';
-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';
+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 = 'default' | 'blank' | 'outline';
+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';
+export declare const AX_DIRECTIONS: string[];
+/**
+ * A token that specifies the  direction of component.
+ */
+export type AXDirection = 'vertical' | 'horizontal';
+/**
+ * A token that specifies the  selection mode of component.
+ */
+export type AXSelectionMode = 'single' | 'multiple';

package/common/src/common.module.d.ts

@@ -1,11 +1,11 @@
-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/debounce-time.directive";
-import * as i4 from "./directives/auto-focus.directive";
-import * as i5 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.AXNgModelChangeDebouncedDirective, typeof i4.AXAutoFocusDirective, typeof i5.AXHotkeyDirective], never, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective, typeof i4.AXAutoFocusDirective, typeof i3.AXNgModelChangeDebouncedDirective, typeof i5.AXHotkeyDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AXCommonModule>;
-}
+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/debounce-time.directive";
+import * as i4 from "./directives/auto-focus.directive";
+import * as i5 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.AXNgModelChangeDebouncedDirective, typeof i4.AXAutoFocusDirective, typeof i5.AXHotkeyDirective], never, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective, typeof i4.AXAutoFocusDirective, typeof i3.AXNgModelChangeDebouncedDirective, typeof i5.AXHotkeyDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXCommonModule>;
+}

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

@@ -1,31 +1,28 @@
-import { ChangeDetectorRef } from "@angular/core";
-export declare type MXComponentOptionChanging = {
-    name: string;
-    value?: any;
-};
-export declare type MXComponentOptionChanged = {
-    name: string;
-    newValue?: any;
-    oldValue?: any;
-};
-export declare type MXComponentSetOption = {
-    name: string;
-    value?: any;
-    afterCallback?: (oldValue?: any, newValue?: any) => void;
-    beforeCallback?: (oldValue?: any, newValue?: any) => void;
-};
-export declare class MXBaseComponent {
-    id: string;
-    private _cdr;
-    private _elementRef;
-    protected get cdr(): ChangeDetectorRef;
-    getHostElement<T = HTMLElement>(): T;
-    protected onOptionChanging(option: MXComponentOptionChanging): any;
-    protected onOptionChanged(option: MXComponentOptionChanged): void;
-    protected setOption(option: MXComponentSetOption): void;
-    private _rtl;
-    get rtl(): boolean;
-    set rtl(value: boolean);
-}
-export declare const BASE_INPUTS: string[];
-export declare const BASE_OUTPUT: any[];
+import { ChangeDetectorRef, EventEmitter } from "@angular/core";
+import { AXOptionChangedEvent } from "../classes/events.class";
+export type MXComponentOptionChanging = {
+    name: string;
+    value?: any;
+};
+export type MXComponentSetOption = {
+    name: string;
+    value?: any;
+    afterCallback?: (oldValue?: any, newValue?: any) => void;
+    beforeCallback?: (oldValue?: any, newValue?: any) => void;
+};
+export type AXComponentState = 'clear' | 'success' | 'error';
+export declare class MXBaseComponent {
+    id: string;
+    private _cdr;
+    private _elementRef;
+    protected get cdr(): ChangeDetectorRef;
+    getHostElement<T = HTMLElement>(): T;
+    protected onOptionChanging(option: MXComponentOptionChanging): any;
+    protected onOptionChanged: EventEmitter<AXOptionChangedEvent>;
+    protected setOption(option: MXComponentSetOption): void;
+    private _rtl;
+    get rtl(): boolean;
+    set rtl(value: boolean);
+}
+export declare const BASE_INPUTS: string[];
+export declare const BASE_OUTPUT: any[];

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

@@ -1,36 +1,36 @@
-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;
-    };
-}
-export declare const BUTTON_INPUTS: (string | string[])[];
-export declare const BUTTON_OUTPUT: any[];
-export {};
+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;
+    };
+}
+export declare const BUTTON_INPUTS: (string | string[])[];
+export declare const BUTTON_OUTPUT: any[];
+export {};

package/common/src/components/color-component.class.d.ts

@@ -1,15 +1,15 @@
-import { EventEmitter } from "@angular/core";
-import { AXStyleColorType } from "../classes/styles.class";
-import { MXBaseComponent } from "./base-component.class";
-export declare class MXColorComponent extends MXBaseComponent {
-    constructor();
-    colorChange: EventEmitter<AXStyleColorType>;
-    private _color;
-    /**
-    *  Predefined color schemes
-    */
-    get color(): AXStyleColorType;
-    set color(value: AXStyleColorType);
-}
-export declare const COLOR_INPUTS: string[];
-export declare const COLOR_OUTPUT: any[];
+import { EventEmitter } from "@angular/core";
+import { AXStyleColorType } from "../classes/styles.class";
+import { MXBaseComponent } from "./base-component.class";
+export declare class MXColorComponent extends MXBaseComponent {
+    constructor();
+    colorChange: EventEmitter<AXStyleColorType>;
+    private _color;
+    /**
+    *  Predefined color schemes
+    */
+    get color(): AXStyleColorType;
+    set color(value: AXStyleColorType);
+}
+export declare const COLOR_INPUTS: string[];
+export declare const COLOR_OUTPUT: any[];

package/common/src/components/colorlook-component.class.d.ts

@@ -1,9 +1,9 @@
-import { MXColorComponent } from "./color-component.class";
-import { MXLookComponent } from "./look-component.class";
-declare const MXColorLookComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXColorComponent, typeof MXLookComponent]>;
-export declare class MXColorLookComponent extends MXColorLookComponent_base {
-    constructor();
-}
-export declare const COLOR_LOOK_INPUTS: string[];
-export declare const COLOR_LOOK_OUTPUT: any[];
-export {};
+import { MXColorComponent } from "./color-component.class";
+import { MXLookComponent } from "./look-component.class";
+declare const MXColorLookComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXColorComponent, typeof MXLookComponent]>;
+export declare class MXColorLookComponent extends MXColorLookComponent_base {
+    constructor();
+}
+export declare const COLOR_LOOK_INPUTS: string[];
+export declare const COLOR_LOOK_OUTPUT: any[];
+export {};

package/common/src/components/index.d.ts

@@ -1,6 +1,7 @@
-export * from './base-component.class';
-export * from './interactive-component.class';
-export * from './color-component.class';
-export * from './look-component.class';
-export * from './colorlook-component.class';
-export * from './button-base-component.class';
+export * from './base-component.class';
+export * from './interactive-component.class';
+export * from './color-component.class';
+export * from './look-component.class';
+export * from './colorlook-component.class';
+export * from './button-base-component.class';
+export * from './value-component.class';

package/common/src/components/interactive-component.class.d.ts

@@ -1,37 +1,37 @@
-import { EventEmitter } from "@angular/core";
-import { AXFocusEvent } from "../classes/events.class";
-import { MXBaseComponent } from "./base-component.class";
-export declare class MXInteractiveComponent extends MXBaseComponent {
-    private _disabled;
-    /**
-    *  If set to true, it disables the component.
-    */
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    _tabIndex: number;
-    /**
-    *  Specifies the tabindex of the component.
-    */
-    get tabIndex(): number;
-    set tabIndex(value: number);
-    /**
-    *  Fires each time the component gets focused.
-    *  @event
-    */
-    onFocus: EventEmitter<AXFocusEvent>;
-    protected emitOnFocusEvent(e: FocusEvent): void;
-    /**
-    *  Fires each time the component gets blurred.
-    *  @event
-    */
-    onBlur: EventEmitter<AXFocusEvent>;
-    protected emitOnBlurEvent(e: FocusEvent): void;
-    constructor();
-    focus(): void;
-    /**
-    *  Check component is focused or has any focused element.
-    */
-    hasFocus(): boolean;
-}
-export declare const INTERACTIVE_INPUTS: string[];
-export declare const INTERACTIVE_OUTPUT: any[];
+import { EventEmitter } from "@angular/core";
+import { AXFocusEvent } from "../classes/events.class";
+import { MXBaseComponent } from "./base-component.class";
+export declare class MXInteractiveComponent extends MXBaseComponent {
+    private _disabled;
+    /**
+    *  If set to true, it disables the component.
+    */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    _tabIndex: number;
+    /**
+    *  Specifies the tabindex of the component.
+    */
+    get tabIndex(): number;
+    set tabIndex(value: number);
+    /**
+    *  Fires each time the component gets focused.
+    *  @event
+    */
+    onFocus: EventEmitter<AXFocusEvent>;
+    protected emitOnFocusEvent(e: FocusEvent): void;
+    /**
+    *  Fires each time the component gets blurred.
+    *  @event
+    */
+    onBlur: EventEmitter<AXFocusEvent>;
+    protected emitOnBlurEvent(e: FocusEvent): void;
+    constructor();
+    focus(): void;
+    /**
+    *  Check component is focused or has any focused element.
+    */
+    hasFocus(): boolean;
+}
+export declare const INTERACTIVE_INPUTS: string[];
+export declare const INTERACTIVE_OUTPUT: any[];

package/common/src/components/look-component.class.d.ts

@@ -1,15 +1,15 @@
-import { EventEmitter } from "@angular/core";
-import { AXStyleLookType } from "../classes/styles.class";
-import { MXBaseComponent } from "./base-component.class";
-export declare class MXLookComponent extends MXBaseComponent {
-    constructor();
-    lookChange: EventEmitter<AXStyleLookType>;
-    private _look?;
-    /**
-    *  Predefined look schemes
-    */
-    get look(): AXStyleLookType;
-    set look(value: AXStyleLookType);
-}
-export declare const LOOK_INPUTS: string[];
-export declare const LOOK_OUTPUT: any[];
+import { EventEmitter } from "@angular/core";
+import { AXStyleLookType } from "../classes/styles.class";
+import { MXBaseComponent } from "./base-component.class";
+export declare class MXLookComponent extends MXBaseComponent {
+    constructor();
+    lookChange: EventEmitter<AXStyleLookType>;
+    private _look?;
+    /**
+    *  Predefined look schemes
+    */
+    get look(): AXStyleLookType;
+    set look(value: AXStyleLookType);
+}
+export declare const LOOK_INPUTS: string[];
+export declare const LOOK_OUTPUT: any[];

package/common/src/components/value-component.class.d.ts

@@ -0,0 +1,45 @@
+import { EventEmitter } from '@angular/core';
+import { AXComponentState, MXBaseComponent } from './base-component.class';
+import { AXValueChangedEvent } from '../classes/events.class';
+import * as i0 from "@angular/core";
+export declare class MXValueComponent<T = any> extends MXBaseComponent {
+    /**
+     *  Fires each time the user press a key.
+     *  @event
+     */
+    onValueChanged: EventEmitter<AXValueChangedEvent<any>>;
+    valueChange: EventEmitter<any>;
+    stateChange: EventEmitter<AXComponentState>;
+    private _readonly;
+    /**
+     *  If set to true, user cannot change the value of component.
+     */
+    get readonly(): boolean;
+    set readonly(value: boolean);
+    private _name;
+    get name(): string;
+    set name(value: string);
+    private _isUserInteraction;
+    get isUserInteraction(): boolean;
+    set isUserInteraction(value: boolean);
+    initValue: T;
+    defaultValue: T;
+    private _value;
+    get value(): T;
+    set value(v: T);
+    private _state;
+    get state(): AXComponentState;
+    set state(value: AXComponentState);
+    protected emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
+    protected setValue(value: any): any;
+    protected getValue(value: any): any;
+    protected ngOnInit(): void;
+    protected ngAfterViewInit(): void;
+    protected ngOnDestroy(): void;
+    clear(): void;
+    private _checkRequired;
+    validate(): Promise<any>;
+    protected setState(state: AXComponentState, ...args: any[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+}