@acorex/components 5.3.3 → 5.3.4

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

@@ -22,7 +22,7 @@ export declare function _BaseMenuComponentMixin<TBase extends Constructor<AXBase
         readonly isLoading: boolean;
         _formatData(v: any[]): any[];
         _findNode(parentId: number, _children: any, source: any): void;
-        _fetchData(parentId?: number): Promise<unknown>;
+        _fetchData(parentId?: number, searchText?: string): Promise<unknown>;
         _onInternalInit(): void;
         _getItemDisplayTextTemplte(item: any): any;
         _trackLoaded(index: any, item: any): any;

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

@@ -628,7 +628,7 @@ export declare const AXBaseMenuMixin: (abstract new (...args: any[]) => {
         readonly isLoading: boolean;
         _formatData(v: any[]): any[];
         _findNode(parentId: number, _children: any, source: any): void;
-        _fetchData(parentId?: number): Promise<unknown>;
+        _fetchData(parentId?: number, searchText?: string): Promise<unknown>;
         _onInternalInit(): void;
         _getItemDisplayTextTemplte(item: any): any;
         _trackLoaded(index: any, item: any): any;

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

@@ -0,0 +1,16 @@
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AXBaseComponent, AXClickEvent, AXValueChangedEvent } from '../base';
+import { AXColorPalleteComponent } from './color-palette.component';
+import * as i0 from "@angular/core";
+export declare class AXColorPaletteInputComponent extends AXBaseComponent {
+    private _parent?;
+    _rgba: any;
+    _hex: string;
+    inputMode: 'hex' | 'rgba' | 'hsla' | 'hwba';
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent?: AXColorPalleteComponent);
+    _handleChangeInputMode(e: AXClickEvent): void;
+    _handleRGBAValueChanged(e: AXValueChangedEvent<number>): void;
+    _handleHEXAValueChanged(e: AXValueChangedEvent<string>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteInputComponent, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPaletteInputComponent, "ax-color-palette-input", never, {}, {}, never, never>;
+}

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

@@ -0,0 +1,8 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXColorPalettePickerComponent implements OnInit {
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalettePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalettePickerComponent, "ax-color-palette-picker", never, {}, {}, never, never>;
+}

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

@@ -0,0 +1,12 @@
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AXBaseComponent } from '../base';
+import { AXColorPalleteComponent } from './color-palette.component';
+import * as i0 from "@angular/core";
+export declare class AXColorPalettePreviewComponent extends AXBaseComponent {
+    private _parent?;
+    _hex: string;
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent?: AXColorPalleteComponent);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalettePreviewComponent, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalettePreviewComponent, "ax-color-palette-preview", never, {}, {}, never, never>;
+}

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

@@ -0,0 +1,16 @@
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AXBaseComponent } from '../base';
+import { AXColorPalleteComponent } from './color-palette.component';
+import * as i0 from "@angular/core";
+export declare class AXColorPaletteSwatchesComponent extends AXBaseComponent {
+    private _parent?;
+    _selected: string;
+    colors: {
+        code: string;
+    }[];
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent?: AXColorPalleteComponent);
+    _handleClick(e: MouseEvent, color: any): void;
+    private _defaultPalette;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteSwatchesComponent, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPaletteSwatchesComponent, "ax-color-palette-swatches, ax-color-palette-favorite", never, { "colors": "colors"; }, {}, never, never>;
+}

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

@@ -0,0 +1,9 @@
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AXBaseValueComponentMixin } from '../base';
+import * as i0 from "@angular/core";
+export declare class AXColorPalleteComponent extends AXBaseValueComponentMixin {
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalleteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalleteComponent, "ax-color-palette", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-header", "ax-color-palette-preview", "ax-color-palette-swatches", "ax-color-palette-favorite", "ax-color-palette-input", "ax-footer"]>;
+}

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

@@ -0,0 +1,17 @@
+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 "../textbox/textbox.module";
+import * as i8 from "../label/label.module";
+import * as i9 from "../button/button.module";
+import * as i10 from "../decorators/decorators.module";
+import * as i11 from "../number-box/number-box.module";
+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.AXTextBoxModule, typeof i8.AXLabelModule, typeof i9.AXButtonModule, typeof i10.AXDecoratorModule, typeof i11.AXNumberBoxModule], [typeof i1.AXColorPalleteComponent, typeof i2.AXColorPalettePreviewComponent, typeof i3.AXColorPaletteSwatchesComponent, typeof i4.AXColorPaletteInputComponent, typeof i5.AXColorPalettePickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXColorPaletteModule>;
+}

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

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

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

@@ -1,35 +1,166 @@
 import { AXPlatform } from '@acorex/core';
-import { ChangeDetectorRef, ElementRef, NgZone, TemplateRef } from '@angular/core';
-import { AXBaseSelectionDropdownMixin, AXClickEvent, AXValueChangedEvent } from '../base';
+import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
+import { AXBaseComponent, AXClickEvent, AXValueChangedEvent } from '../base';
 import { AXPopoverComponent } from '../popover';
 import * as i0 from "@angular/core";
+export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
+    "__#4@#disabled": boolean;
+    disabled: boolean;
+    "__#4@#tabIndex": number;
+    tabIndex: number;
+    onFocus: import("@angular/core").EventEmitter<import("../base").AXFocusEvent>;
+    _emitOnFocusEvent(e: FocusEvent): void;
+    onBlur: import("@angular/core").EventEmitter<import("../base").AXFocusEvent>;
+    _emitOnBlurEvent(e: FocusEvent): void;
+    focus(): void;
+    hasFocus(): boolean;
+    id: string;
+    rtl: boolean;
+    "__#1@#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("../base").AXComponentOptionChanging): any;
+    _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
+    _setOption(option: import("../base").AXComponentSetOption): void;
+}) & (abstract new (...args: any[]) => {
+    readonly: boolean;
+    onOpened: import("@angular/core").EventEmitter<import("../base").AXEvent>;
+    onClosed: import("@angular/core").EventEmitter<import("../base").AXEvent>;
+    popover: AXPopoverComponent;
+    position: import("../base").AXConnectedPosition[];
+    _emitOnOpenedEvent(): void;
+    _emitOnClosedEvent(): void;
+    onInit(): void;
+    onViewInit(): void;
+    toggle(): void;
+    close(): void;
+    open(): void;
+    readonly isOpen: boolean;
+    id: string;
+    rtl: boolean;
+    "__#1@#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;
+    onRenderCssClass(): void;
+    onDestroy(): void;
+    _onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
+    _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
+    _setOption(option: import("../base").AXComponentSetOption): void;
+}) & {
+    new (...args: any[]): {
+        onValueChanged: import("@angular/core").EventEmitter<AXValueChangedEvent<any>>;
+        valueChange: import("@angular/core").EventEmitter<any>;
+        "__#5@#readonly": boolean;
+        readonly: boolean;
+        "__#5@#allowNull": boolean;
+        allowNull: boolean;
+        "__#5@#name": string;
+        name: string;
+        "__#5@#debounceTime": number;
+        debounceTime: number;
+        "__#5@#valueSubscription": import("rxjs").Subscription;
+        "__#5@#valueSubject": import("rxjs").Subject<unknown>;
+        "__#5@#value": any;
+        value: any;
+        "__#5@#state": "error" | "clear" | "success";
+        readonly state: "error" | "clear" | "success";
+        _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
+        _onInternalValueChanging(value: any): any;
+        _onValueChanging(value: any): any;
+        _onValueChanged(oldValue: any, newValue: any): void;
+        _onInternalInit(): void;
+        _onInternalDestroy(): void;
+        _setValue(v: any): void;
+        clear(): void;
+        validate(): Promise<import("../validation/validation.class").AXValidationRuleResult>;
+        _setState(state: "error" | "clear" | "success", ...args: any[]): void;
+        id: string;
+        rtl: boolean;
+        "__#1@#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;
+        _onInternalViewInit(): void;
+        onInit(): void;
+        onRenderCssClass(): void;
+        onViewInit(): void;
+        onDestroy(): void;
+        _onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
+        _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
+        _setOption(option: import("../base").AXComponentSetOption): void;
+    };
+} & {
+    new (...args: any[]): {
+        type: string;
+        placeholder: string;
+        maxLength: number;
+        autoComplete: string;
+        onKeyDown: import("@angular/core").EventEmitter<import("../base").AXHtmlEvent<KeyboardEvent>>;
+        _emitOnKeydownEvent(e: KeyboardEvent): void;
+        id: string;
+        rtl: boolean;
+        "__#1@#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("../base").AXComponentOptionChanging): any;
+        _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
+        _setOption(option: import("../base").AXComponentSetOption): void;
+    };
+} & typeof AXBaseComponent;
 /**
  * The Button is a component which detects user interaction and triggers a corresponding event
  *
  * @category Components
  */
-export declare class AXColorPickerComponent extends AXBaseSelectionDropdownMixin {
-    private _elementRef;
-    private _cdr;
+export declare class AXColorPickerComponent extends AXBaseColorPickerMixin {
+    protected _elementRef: ElementRef<HTMLDivElement>;
     private _zone;
     private _platform;
     popover: AXPopoverComponent;
     _target: HTMLDivElement;
     _popoverTitle: string;
     _popoverWidth: number;
-    /**
-     *  Defines the clearButton.
-     */
-    clearButton: boolean;
-    /**
-     *  Defines the checkbox.
-     */
-    checkbox: boolean;
-    private listContainer;
-    private _contentEmptyTemplate;
-    get emptyTemplate(): TemplateRef<any>;
     _isMobile: boolean;
-    _forceFocus: boolean;
     /**
     *  @ignore
     */
@@ -38,25 +169,9 @@ export declare class AXColorPickerComponent extends AXBaseSelectionDropdownMixin
     _handleInputClickEvent(e: MouseEvent): void;
     onInit(): void;
     onViewInit(): void;
-    refresh(): void;
-    _handleOnItemClick(e: MouseEvent, item: any): void;
-    _handleListScroll(e: Event): void;
-    private _checkForLoadData;
-    _onDataLoaded(): void;
     _onValueChanged(oldValue: any, newValue: any): void;
-    _handleOnRemoveItemClick(e: MouseEvent, item: any): void;
-    _handleBadgeRemove(e: MouseEvent, item: any): void;
-    _handleKeydown(e: KeyboardEvent): void;
-    _handlePopoverKeydown(e: KeyboardEvent): void;
     _handlePopupOnOpened(e: any): Promise<void>;
     _handlePopupOnClosed(e: any): void;
-    private _focusItemByNav;
-    private _focusSelectedItem;
-    private _focusItemElement;
-    private _selectedItemByNav;
-    _onSearchExprChanged(e: AXValueChangedEvent<string>): void;
-    search(exp: string): void;
-    _fetchData(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPickerComponent, "ax-color-picker", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "type": "type"; "autoComplete": "autoComplete"; "clearButton": "clearButton"; "checkbox": "checkbox"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, ["_contentEmptyTemplate"], ["ax-prefix", "ax-validation-rule", "ax-suffix"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPickerComponent, "ax-color-picker", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "type": "type"; "autoComplete": "autoComplete"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "ax-validation-rule", "ax-suffix"]>;
 }

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

@@ -10,8 +10,9 @@ import * as i8 from "@angular/cdk/a11y";
 import * as i9 from "../loading/loading.module";
 import * as i10 from "@acorex/core";
 import * as i11 from "../textbox/textbox.module";
+import * as i12 from "../color-palette/color-palette.module";
 export declare class AXColorPickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXColorPickerModule, [typeof i1.AXColorPickerComponent], [typeof i2.CommonModule, typeof i3.AXCommonModule, typeof i4.FormsModule, typeof i5.AXDecoratorModule, typeof i6.AXPopoverModule, typeof i7.AXButtonModule, typeof i8.A11yModule, typeof i9.AXLoadingModule, typeof i10.AXTranslationModule, typeof i11.AXTextBoxModule], [typeof i1.AXColorPickerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXColorPickerModule, [typeof i1.AXColorPickerComponent], [typeof i2.CommonModule, typeof i3.AXCommonModule, typeof i4.FormsModule, typeof i5.AXDecoratorModule, typeof i6.AXPopoverModule, typeof i7.AXButtonModule, typeof i8.A11yModule, typeof i9.AXLoadingModule, typeof i10.AXTranslationModule, typeof i11.AXTextBoxModule, typeof i12.AXColorPaletteModule], [typeof i1.AXColorPickerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXColorPickerModule>;
 }

package/lib/menu/menu.component.d.ts

@@ -1,5 +1,7 @@
 import { ElementRef, ChangeDetectorRef, OnInit, TemplateRef } from '@angular/core';
-import { AXBaseMenuMixin } from '../base';
+import { AXBaseMenuMixin, AXValueChangedEvent } from '../base';
+import { AXPopoverComponent } from '../popover';
+import { AXSearchBoxComponent } from '../searchbox';
 import * as i0 from "@angular/core";
 export interface AXMenuItems {
     id?: string;
@@ -26,7 +28,10 @@ export interface AXMenuItems {
 export declare class AXMenuComponent extends AXBaseMenuMixin implements OnInit {
     private elementRef;
     private cdr;
+    popover: AXPopoverComponent;
     private _contentEmptyTemplate;
+    _searchBox: AXSearchBoxComponent;
+    _forceFocus: boolean;
     get emptyTemplate(): TemplateRef<any>;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     onInit(): void;
@@ -37,7 +42,8 @@ export declare class AXMenuComponent extends AXBaseMenuMixin implements OnInit {
     _notActive(items: any[]): void;
     _closeChild(items: any[]): void;
     _setParentNode(item: any, parentId: any): void;
+    _onSearchExprChanged(e: AXValueChangedEvent<string>): void;
     _getDirection(): "horizontal-mode" | "vertical-mode";
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXMenuComponent, "ax-menu", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "textField": "textField"; "valueField": "valueField"; "items": "items"; "id": "id"; "parentId": "parentId"; "iconField": "iconField"; "tooltip": "tooltip"; "isOpen": "isOpen"; "isActive": "isActive"; "visibleField": "visibleField"; "disableField": "disableField"; "hasChildField": "hasChildField"; "openMode": "openMode"; "direction": "direction"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; }, ["_contentEmptyTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMenuComponent, "ax-menu", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "textField": "textField"; "valueField": "valueField"; "items": "items"; "id": "id"; "parentId": "parentId"; "iconField": "iconField"; "tooltip": "tooltip"; "isOpen": "isOpen"; "isActive": "isActive"; "visibleField": "visibleField"; "disableField": "disableField"; "hasChildField": "hasChildField"; "openMode": "openMode"; "direction": "direction"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; }, ["_contentEmptyTemplate", "_searchBox"], ["ax-search-box"]>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "5.3.3",
+  "version": "5.3.4",
   "peerDependencies": {
     "@angular/common": "^13.3.7",
     "@angular/core": "^13.3.7",

package/public-api.d.ts

@@ -12,6 +12,7 @@ export * from "./lib/button";
 export * from "./lib/calendar";
 export * from "./lib/carousel";
 export * from "./lib/checkbox";
+export * from "./lib/color-palette";
 export * from "./lib/collapse";
 export * from "./lib/color-picker";
 export * from "./lib/datalist";