@acorex/components 5.3.0 → 5.3.1

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

@@ -11,7 +11,7 @@ export declare function _BaseMenuComponentMixin<TBase extends Constructor<AXBase
         visibleField: string;
         disableField: string;
         hasChildField: string;
-        icon: string;
+        iconField: string;
         openMode: 'click' | 'hover';
         direction: 'horizontal' | 'vertical';
         onMenuItemClick: EventEmitter<AXItemClickEvent<any>>;
@@ -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): void;
+        _fetchData(parentId?: number): Promise<unknown>;
         _onInternalInit(): void;
         _getItemDisplayTextTemplte(item: any): any;
         _trackLoaded(index: any, item: any): any;

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

@@ -617,7 +617,7 @@ export declare const AXBaseMenuMixin: (abstract new (...args: any[]) => {
         visibleField: string;
         disableField: string;
         hasChildField: string;
-        icon: string;
+        iconField: string;
         openMode: "click" | "hover";
         direction: "horizontal" | "vertical";
         onMenuItemClick: import("@angular/core").EventEmitter<import("@acorex/components").AXItemClickEvent<any>>;
@@ -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): void;
+        _fetchData(parentId?: number): Promise<unknown>;
         _onInternalInit(): void;
         _getItemDisplayTextTemplte(item: any): any;
         _trackLoaded(index: any, item: any): any;

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

@@ -0,0 +1,62 @@
+import { AXPlatform } from '@acorex/core';
+import { ChangeDetectorRef, ElementRef, NgZone, TemplateRef } from '@angular/core';
+import { AXBaseSelectionDropdownMixin, AXClickEvent, AXValueChangedEvent } from '../base';
+import { AXPopoverComponent } from '../popover';
+import * as i0 from "@angular/core";
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+export declare class AXColorPickerComponent extends AXBaseSelectionDropdownMixin {
+    private _elementRef;
+    private _cdr;
+    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
+    */
+    constructor(_elementRef: ElementRef<HTMLDivElement>, _cdr: ChangeDetectorRef, _zone: NgZone, _platform: AXPlatform);
+    _handleArrowClickEvent(e: AXClickEvent): void;
+    _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"]>;
+}

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

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./color-picker.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../base/common.module";
+import * as i4 from "@angular/forms";
+import * as i5 from "../decorators/decorators.module";
+import * as i6 from "../popover/popover.module";
+import * as i7 from "../button/button.module";
+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";
+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 ɵinj: i0.ɵɵInjectorDeclaration<AXColorPickerModule>;
+}

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

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

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

@@ -32,12 +32,12 @@ export declare class AXMenuComponent extends AXBaseMenuMixin implements OnInit {
     onInit(): void;
     ngAfterViewInit(): void;
     _onMenuClick(e: MouseEvent, item: any): void;
+    _onMouseEnter(e: MouseEvent, item: any): void;
+    _onMouseLeave(item: any): void;
     _notActive(items: any[]): void;
     _closeChild(items: any[]): void;
-    _onMouseEnter(e: MouseEvent, item: any): void;
-    _onMouseLeave(e: MouseEvent, item: any): void;
     _setParentNode(item: any, parentId: any): 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"; "icon": "icon"; "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"], never>;
 }

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@acorex/components",
-  "version": "5.3.0",
+  "version": "5.3.1",
   "peerDependencies": {
-    "@angular/common": "^13.3.2",
-    "@angular/core": "^13.3.2",
-    "@angular/cdk": "^13.3.2",
+    "@angular/common": "^13.3.8",
+    "@angular/core": "^13.3.8",
+    "@angular/cdk": "^13.3.8",
     "@splidejs/splide": "^4.0.1",
     "ngx-mask": "^12.0.0",
     "angular-imask": "^6.3.0-alpha.0"

package/public-api.d.ts

@@ -13,6 +13,7 @@ export * from "./lib/calendar";
 export * from "./lib/carousel";
 export * from "./lib/checkbox";
 export * from "./lib/collapse";
+export * from "./lib/color-picker";
 export * from "./lib/datalist";
 export * from "./lib/datepicker";
 export * from "./lib/decorators";