@acorex/components 5.3.2 → 5.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/base/components.class.mjs +8 -1
- package/esm2020/lib/base/mixin/base-menu-mixin.class.mjs +6 -3
- package/esm2020/lib/color-palette/color-palette-input.component.mjs +67 -0
- package/esm2020/lib/color-palette/color-palette-picker.component.mjs +17 -0
- package/esm2020/lib/color-palette/color-palette-preview.component.mjs +36 -0
- package/esm2020/lib/color-palette/color-palette-swatches.component.mjs +261 -0
- package/esm2020/lib/color-palette/color-palette.class.mjs +10 -0
- package/esm2020/lib/color-palette/color-palette.component.mjs +46 -0
- package/esm2020/lib/color-palette/color-palette.module.mjs +54 -0
- package/esm2020/lib/color-palette/index.mjs +7 -0
- package/esm2020/lib/color-picker/color-picker.component.mjs +19 -262
- package/esm2020/lib/color-picker/color-picker.module.mjs +12 -6
- package/esm2020/lib/menu/menu.component.mjs +31 -5
- package/esm2020/lib/selectbox/selectbox.component.mjs +2 -1
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/acorex-components.mjs +1396 -1154
- package/fesm2015/acorex-components.mjs.map +1 -1
- package/fesm2020/acorex-components.mjs +1252 -1014
- package/fesm2020/acorex-components.mjs.map +1 -1
- package/lib/base/components.class.d.ts +8 -0
- package/lib/base/mixin/base-menu-mixin.class.d.ts +1 -1
- package/lib/base/mixin/mixin.class.d.ts +1 -1
- package/lib/color-palette/color-palette-input.component.d.ts +15 -0
- package/lib/color-palette/color-palette-picker.component.d.ts +8 -0
- package/lib/color-palette/color-palette-preview.component.d.ts +12 -0
- package/lib/color-palette/color-palette-swatches.component.d.ts +16 -0
- package/lib/color-palette/color-palette.class.d.ts +12 -0
- package/lib/color-palette/color-palette.component.d.ts +18 -0
- package/lib/color-palette/color-palette.module.d.ts +17 -0
- package/lib/color-palette/index.d.ts +6 -0
- package/lib/color-picker/color-picker.component.d.ts +159 -35
- package/lib/color-picker/color-picker.module.d.ts +2 -1
- package/lib/menu/menu.component.d.ts +8 -2
- package/package.json +4 -4
- package/public-api.d.ts +1 -0
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { EventEmitter } from "@angular/core";
|
|
2
|
+
import { AXValueChangedEvent } from "./events.class";
|
|
1
3
|
import * as i0 from "@angular/core";
|
|
2
4
|
export declare abstract class AXClosbaleComponent {
|
|
3
5
|
abstract close(): void;
|
|
@@ -9,3 +11,9 @@ export declare abstract class AXSearchableComponent {
|
|
|
9
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchableComponent, never>;
|
|
10
12
|
static ɵprov: i0.ɵɵInjectableDeclaration<AXSearchableComponent>;
|
|
11
13
|
}
|
|
14
|
+
export declare abstract class AXValuableComponent {
|
|
15
|
+
abstract onValueChanged: EventEmitter<AXValueChangedEvent<any>>;
|
|
16
|
+
abstract value: any;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AXValuableComponent, never>;
|
|
18
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<AXValuableComponent>;
|
|
19
|
+
}
|
|
@@ -22,7 +22,7 @@ export declare function _BaseMenuComponentMixin<TBase extends Constructor<AXBase
|
|
|
22
22
|
readonly isLoading: boolean;
|
|
23
23
|
_formatData(v: any[]): any[];
|
|
24
24
|
_findNode(parentId: number, _children: any, source: any): void;
|
|
25
|
-
_fetchData(parentId?: number): Promise<unknown>;
|
|
25
|
+
_fetchData(parentId?: number, searchText?: string): Promise<unknown>;
|
|
26
26
|
_onInternalInit(): void;
|
|
27
27
|
_getItemDisplayTextTemplte(item: any): any;
|
|
28
28
|
_trackLoaded(index: any, item: any): any;
|
|
@@ -628,7 +628,7 @@ export declare const AXBaseMenuMixin: (abstract new (...args: any[]) => {
|
|
|
628
628
|
readonly isLoading: boolean;
|
|
629
629
|
_formatData(v: any[]): any[];
|
|
630
630
|
_findNode(parentId: number, _children: any, source: any): void;
|
|
631
|
-
_fetchData(parentId?: number): Promise<unknown>;
|
|
631
|
+
_fetchData(parentId?: number, searchText?: string): Promise<unknown>;
|
|
632
632
|
_onInternalInit(): void;
|
|
633
633
|
_getItemDisplayTextTemplte(item: any): any;
|
|
634
634
|
_trackLoaded(index: any, item: any): any;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ChangeDetectorRef, ElementRef } from '@angular/core';
|
|
2
|
+
import { AXBaseComponent, AXClickEvent, AXValueChangedEvent } from '../base';
|
|
3
|
+
import { AXColorComponent } from './color-palette.class';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class AXColorPaletteInputComponent extends AXBaseComponent {
|
|
6
|
+
_parent?: AXColorComponent;
|
|
7
|
+
_rgba: any;
|
|
8
|
+
_hex: string;
|
|
9
|
+
constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent?: AXColorComponent);
|
|
10
|
+
_handleChangeInputMode(e: AXClickEvent): void;
|
|
11
|
+
_handleRGBAValueChanged(e: AXValueChangedEvent<number>): void;
|
|
12
|
+
_handleHEXAValueChanged(e: AXValueChangedEvent<string>): void;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteInputComponent, [null, null, { optional: true; }]>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPaletteInputComponent, "ax-color-palette-input", never, {}, {}, never, never>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class AXColorPalettePickerComponent implements OnInit {
|
|
4
|
+
constructor();
|
|
5
|
+
ngOnInit(): void;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalettePickerComponent, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalettePickerComponent, "ax-color-palette-picker", never, {}, {}, never, never>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ChangeDetectorRef, ElementRef } from '@angular/core';
|
|
2
|
+
import { AXBaseComponent } from '../base';
|
|
3
|
+
import { AXColorComponent } from './color-palette.class';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class AXColorPalettePreviewComponent extends AXBaseComponent {
|
|
6
|
+
private _parent?;
|
|
7
|
+
_colorCode: string;
|
|
8
|
+
constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent?: AXColorComponent);
|
|
9
|
+
ngOnInit(): void;
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalettePreviewComponent, [null, null, { optional: true; }]>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalettePreviewComponent, "ax-color-palette-preview", never, {}, {}, never, never>;
|
|
12
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ChangeDetectorRef, ElementRef } from '@angular/core';
|
|
2
|
+
import { AXBaseComponent } from '../base';
|
|
3
|
+
import { AXColorComponent } from './color-palette.class';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class AXColorPaletteSwatchesComponent extends AXBaseComponent {
|
|
6
|
+
private _parent?;
|
|
7
|
+
_selected: string;
|
|
8
|
+
colors: {
|
|
9
|
+
code: string;
|
|
10
|
+
}[];
|
|
11
|
+
constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent?: AXColorComponent);
|
|
12
|
+
_handleClick(e: MouseEvent, color: any): void;
|
|
13
|
+
private _defaultPalette;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteSwatchesComponent, [null, null, { optional: true; }]>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPaletteSwatchesComponent, "ax-color-palette-swatches, ax-color-palette-favorite", never, { "colors": "colors"; }, {}, never, never>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Subject } from "rxjs";
|
|
2
|
+
import { AXColorMode } from "@acorex/core";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare abstract class AXColorComponent {
|
|
5
|
+
abstract _onInternalColorChanged$: Subject<{
|
|
6
|
+
color: any;
|
|
7
|
+
mode: AXColorMode;
|
|
8
|
+
}>;
|
|
9
|
+
abstract mode: AXColorMode;
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AXColorComponent, never>;
|
|
11
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<AXColorComponent>;
|
|
12
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { AXColorMode } from '@acorex/core';
|
|
2
|
+
import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
|
|
3
|
+
import { Subject } from 'rxjs';
|
|
4
|
+
import { AXBaseValueComponentMixin } from '../base';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class AXColorPalleteComponent extends AXBaseValueComponentMixin {
|
|
7
|
+
_onInternalColorChanged$: Subject<any>;
|
|
8
|
+
modeChange: EventEmitter<AXColorMode>;
|
|
9
|
+
private _mode;
|
|
10
|
+
/**
|
|
11
|
+
* A character value that specifies the separator character.
|
|
12
|
+
*/
|
|
13
|
+
get mode(): AXColorMode;
|
|
14
|
+
set mode(v: AXColorMode);
|
|
15
|
+
constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalleteComponent, never>;
|
|
17
|
+
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"; "mode": "mode"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "modeChange": "modeChange"; }, never, ["ax-header", "ax-color-palette-favorite", "ax-footer"]>;
|
|
18
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./color-palette.component";
|
|
3
|
+
import * as i2 from "./color-palette-preview.component";
|
|
4
|
+
import * as i3 from "./color-palette-swatches.component";
|
|
5
|
+
import * as i4 from "./color-palette-input.component";
|
|
6
|
+
import * as i5 from "./color-palette-picker.component";
|
|
7
|
+
import * as i6 from "@angular/common";
|
|
8
|
+
import * as i7 from "../textbox/textbox.module";
|
|
9
|
+
import * as i8 from "../label/label.module";
|
|
10
|
+
import * as i9 from "../button/button.module";
|
|
11
|
+
import * as i10 from "../decorators/decorators.module";
|
|
12
|
+
import * as i11 from "../number-box/number-box.module";
|
|
13
|
+
export declare class AXColorPaletteModule {
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteModule, never>;
|
|
15
|
+
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]>;
|
|
16
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<AXColorPaletteModule>;
|
|
17
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export * from './color-palette.component';
|
|
2
|
+
export * from './color-palette-preview.component';
|
|
3
|
+
export * from './color-palette-input.component';
|
|
4
|
+
export * from './color-palette-picker.component';
|
|
5
|
+
export * from './color-palette-swatches.component';
|
|
6
|
+
export * from './color-palette.module';
|
|
@@ -1,35 +1,175 @@
|
|
|
1
|
-
import { AXPlatform } from '@acorex/core';
|
|
2
|
-
import { ChangeDetectorRef, ElementRef, NgZone
|
|
3
|
-
import {
|
|
1
|
+
import { AXColorMode, AXPlatform } from '@acorex/core';
|
|
2
|
+
import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
|
|
3
|
+
import { AXBaseComponent, AXClickEvent, AXValueChangedEvent } from '../base';
|
|
4
4
|
import { AXPopoverComponent } from '../popover';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
+
export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
|
|
7
|
+
"__#4@#disabled": boolean;
|
|
8
|
+
disabled: boolean;
|
|
9
|
+
"__#4@#tabIndex": number;
|
|
10
|
+
tabIndex: number;
|
|
11
|
+
onFocus: import("@angular/core").EventEmitter<import("../base").AXFocusEvent>;
|
|
12
|
+
_emitOnFocusEvent(e: FocusEvent): void;
|
|
13
|
+
onBlur: import("@angular/core").EventEmitter<import("../base").AXFocusEvent>;
|
|
14
|
+
_emitOnBlurEvent(e: FocusEvent): void;
|
|
15
|
+
focus(): void;
|
|
16
|
+
hasFocus(): boolean;
|
|
17
|
+
id: string;
|
|
18
|
+
rtl: boolean;
|
|
19
|
+
"__#1@#elementRef": ElementRef<any>;
|
|
20
|
+
_cdr: ChangeDetectorRef;
|
|
21
|
+
_isInited: boolean;
|
|
22
|
+
_isRendered: boolean;
|
|
23
|
+
ngOnInit(): void;
|
|
24
|
+
ngAfterViewInit(): void;
|
|
25
|
+
ngOnDestroy(): void;
|
|
26
|
+
_getHostElement<T = HTMLElement>(): T;
|
|
27
|
+
_getInnerElement<T_1 = HTMLElement>(): T_1;
|
|
28
|
+
_onInternalInit(): void;
|
|
29
|
+
_onInternalViewInit(): void;
|
|
30
|
+
_onInternalDestroy(): void;
|
|
31
|
+
onInit(): void;
|
|
32
|
+
onRenderCssClass(): void;
|
|
33
|
+
onViewInit(): void;
|
|
34
|
+
onDestroy(): void;
|
|
35
|
+
_onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
|
|
36
|
+
_onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
|
|
37
|
+
_setOption(option: import("../base").AXComponentSetOption): void;
|
|
38
|
+
}) & (abstract new (...args: any[]) => {
|
|
39
|
+
readonly: boolean;
|
|
40
|
+
onOpened: import("@angular/core").EventEmitter<import("../base").AXEvent>;
|
|
41
|
+
onClosed: import("@angular/core").EventEmitter<import("../base").AXEvent>;
|
|
42
|
+
popover: AXPopoverComponent;
|
|
43
|
+
position: import("../base").AXConnectedPosition[];
|
|
44
|
+
_emitOnOpenedEvent(): void;
|
|
45
|
+
_emitOnClosedEvent(): void;
|
|
46
|
+
onInit(): void;
|
|
47
|
+
onViewInit(): void;
|
|
48
|
+
toggle(): void;
|
|
49
|
+
close(): void;
|
|
50
|
+
open(): void;
|
|
51
|
+
readonly isOpen: boolean;
|
|
52
|
+
id: string;
|
|
53
|
+
rtl: boolean;
|
|
54
|
+
"__#1@#elementRef": ElementRef<any>;
|
|
55
|
+
_cdr: ChangeDetectorRef;
|
|
56
|
+
_isInited: boolean;
|
|
57
|
+
_isRendered: boolean;
|
|
58
|
+
ngOnInit(): void;
|
|
59
|
+
ngAfterViewInit(): void;
|
|
60
|
+
ngOnDestroy(): void;
|
|
61
|
+
_getHostElement<T = HTMLElement>(): T;
|
|
62
|
+
_getInnerElement<T_1 = HTMLElement>(): T_1;
|
|
63
|
+
_onInternalInit(): void;
|
|
64
|
+
_onInternalViewInit(): void;
|
|
65
|
+
_onInternalDestroy(): void;
|
|
66
|
+
onRenderCssClass(): void;
|
|
67
|
+
onDestroy(): void;
|
|
68
|
+
_onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
|
|
69
|
+
_onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
|
|
70
|
+
_setOption(option: import("../base").AXComponentSetOption): void;
|
|
71
|
+
}) & {
|
|
72
|
+
new (...args: any[]): {
|
|
73
|
+
onValueChanged: import("@angular/core").EventEmitter<AXValueChangedEvent<any>>;
|
|
74
|
+
valueChange: import("@angular/core").EventEmitter<any>;
|
|
75
|
+
"__#5@#readonly": boolean;
|
|
76
|
+
readonly: boolean;
|
|
77
|
+
/**
|
|
78
|
+
* The Button is a component which detects user interaction and triggers a corresponding event
|
|
79
|
+
*
|
|
80
|
+
* @category Components
|
|
81
|
+
*/
|
|
82
|
+
"__#5@#allowNull": boolean;
|
|
83
|
+
allowNull: boolean;
|
|
84
|
+
"__#5@#name": string;
|
|
85
|
+
name: string;
|
|
86
|
+
"__#5@#debounceTime": number;
|
|
87
|
+
debounceTime: number;
|
|
88
|
+
"__#5@#valueSubscription": import("rxjs").Subscription;
|
|
89
|
+
"__#5@#valueSubject": import("rxjs").Subject<unknown>;
|
|
90
|
+
"__#5@#value": any;
|
|
91
|
+
value: any;
|
|
92
|
+
"__#5@#state": "error" | "clear" | "success";
|
|
93
|
+
readonly state: "error" | "clear" | "success"; /**
|
|
94
|
+
* @ignore
|
|
95
|
+
*/
|
|
96
|
+
_emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
|
|
97
|
+
_onInternalValueChanging(value: any): any;
|
|
98
|
+
_onValueChanging(value: any): any;
|
|
99
|
+
_onValueChanged(oldValue: any, newValue: any): void;
|
|
100
|
+
_onInternalInit(): void;
|
|
101
|
+
_onInternalDestroy(): void;
|
|
102
|
+
_setValue(v: any): void;
|
|
103
|
+
clear(): void;
|
|
104
|
+
validate(): Promise<import("../validation/validation.class").AXValidationRuleResult>;
|
|
105
|
+
_setState(state: "error" | "clear" | "success", ...args: any[]): void;
|
|
106
|
+
id: string;
|
|
107
|
+
rtl: boolean;
|
|
108
|
+
"__#1@#elementRef": ElementRef<any>;
|
|
109
|
+
_cdr: ChangeDetectorRef;
|
|
110
|
+
_isInited: boolean;
|
|
111
|
+
_isRendered: boolean;
|
|
112
|
+
ngOnInit(): void;
|
|
113
|
+
ngAfterViewInit(): void;
|
|
114
|
+
ngOnDestroy(): void;
|
|
115
|
+
_getHostElement<T = HTMLElement>(): T;
|
|
116
|
+
_getInnerElement<T_1 = HTMLElement>(): T_1;
|
|
117
|
+
_onInternalViewInit(): void;
|
|
118
|
+
onInit(): void;
|
|
119
|
+
onRenderCssClass(): void;
|
|
120
|
+
onViewInit(): void;
|
|
121
|
+
onDestroy(): void;
|
|
122
|
+
_onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
|
|
123
|
+
_onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
|
|
124
|
+
_setOption(option: import("../base").AXComponentSetOption): void;
|
|
125
|
+
};
|
|
126
|
+
} & {
|
|
127
|
+
new (...args: any[]): {
|
|
128
|
+
type: string;
|
|
129
|
+
placeholder: string;
|
|
130
|
+
maxLength: number;
|
|
131
|
+
autoComplete: string;
|
|
132
|
+
onKeyDown: import("@angular/core").EventEmitter<import("../base").AXHtmlEvent<KeyboardEvent>>;
|
|
133
|
+
_emitOnKeydownEvent(e: KeyboardEvent): void;
|
|
134
|
+
id: string;
|
|
135
|
+
rtl: boolean;
|
|
136
|
+
"__#1@#elementRef": ElementRef<any>;
|
|
137
|
+
_cdr: ChangeDetectorRef;
|
|
138
|
+
_isInited: boolean;
|
|
139
|
+
_isRendered: boolean;
|
|
140
|
+
ngOnInit(): void;
|
|
141
|
+
ngAfterViewInit(): void;
|
|
142
|
+
ngOnDestroy(): void;
|
|
143
|
+
_getHostElement<T = HTMLElement>(): T;
|
|
144
|
+
_getInnerElement<T_1 = HTMLElement>(): T_1;
|
|
145
|
+
_onInternalInit(): void;
|
|
146
|
+
_onInternalViewInit(): void;
|
|
147
|
+
_onInternalDestroy(): void;
|
|
148
|
+
onInit(): void;
|
|
149
|
+
onRenderCssClass(): void;
|
|
150
|
+
onViewInit(): void;
|
|
151
|
+
onDestroy(): void;
|
|
152
|
+
_onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
|
|
153
|
+
_onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
|
|
154
|
+
_setOption(option: import("../base").AXComponentSetOption): void;
|
|
155
|
+
};
|
|
156
|
+
} & typeof AXBaseComponent;
|
|
6
157
|
/**
|
|
7
158
|
* The Button is a component which detects user interaction and triggers a corresponding event
|
|
8
159
|
*
|
|
9
160
|
* @category Components
|
|
10
161
|
*/
|
|
11
|
-
export declare class AXColorPickerComponent extends
|
|
12
|
-
|
|
13
|
-
private _cdr;
|
|
162
|
+
export declare class AXColorPickerComponent extends AXBaseColorPickerMixin {
|
|
163
|
+
protected _elementRef: ElementRef<HTMLDivElement>;
|
|
14
164
|
private _zone;
|
|
15
165
|
private _platform;
|
|
16
166
|
popover: AXPopoverComponent;
|
|
17
167
|
_target: HTMLDivElement;
|
|
18
168
|
_popoverTitle: string;
|
|
19
169
|
_popoverWidth: number;
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
*/
|
|
23
|
-
clearButton: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* Defines the checkbox.
|
|
26
|
-
*/
|
|
27
|
-
checkbox: boolean;
|
|
28
|
-
private listContainer;
|
|
29
|
-
private _contentEmptyTemplate;
|
|
30
|
-
get emptyTemplate(): TemplateRef<any>;
|
|
170
|
+
_colorCode: string;
|
|
171
|
+
_mode: AXColorMode;
|
|
31
172
|
_isMobile: boolean;
|
|
32
|
-
_forceFocus: boolean;
|
|
33
173
|
/**
|
|
34
174
|
* @ignore
|
|
35
175
|
*/
|
|
@@ -38,25 +178,9 @@ export declare class AXColorPickerComponent extends AXBaseSelectionDropdownMixin
|
|
|
38
178
|
_handleInputClickEvent(e: MouseEvent): void;
|
|
39
179
|
onInit(): void;
|
|
40
180
|
onViewInit(): void;
|
|
41
|
-
refresh(): void;
|
|
42
|
-
_handleOnItemClick(e: MouseEvent, item: any): void;
|
|
43
|
-
_handleListScroll(e: Event): void;
|
|
44
|
-
private _checkForLoadData;
|
|
45
|
-
_onDataLoaded(): void;
|
|
46
181
|
_onValueChanged(oldValue: any, newValue: any): void;
|
|
47
|
-
_handleOnRemoveItemClick(e: MouseEvent, item: any): void;
|
|
48
|
-
_handleBadgeRemove(e: MouseEvent, item: any): void;
|
|
49
|
-
_handleKeydown(e: KeyboardEvent): void;
|
|
50
|
-
_handlePopoverKeydown(e: KeyboardEvent): void;
|
|
51
182
|
_handlePopupOnOpened(e: any): Promise<void>;
|
|
52
183
|
_handlePopupOnClosed(e: any): void;
|
|
53
|
-
private _focusItemByNav;
|
|
54
|
-
private _focusSelectedItem;
|
|
55
|
-
private _focusItemElement;
|
|
56
|
-
private _selectedItemByNav;
|
|
57
|
-
_onSearchExprChanged(e: AXValueChangedEvent<string>): void;
|
|
58
|
-
search(exp: string): void;
|
|
59
|
-
_fetchData(): void;
|
|
60
184
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPickerComponent, never>;
|
|
61
|
-
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";
|
|
185
|
+
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"]>;
|
|
62
186
|
}
|
|
@@ -10,8 +10,9 @@ import * as i8 from "@angular/cdk/a11y";
|
|
|
10
10
|
import * as i9 from "../loading/loading.module";
|
|
11
11
|
import * as i10 from "@acorex/core";
|
|
12
12
|
import * as i11 from "../textbox/textbox.module";
|
|
13
|
+
import * as i12 from "../color-palette/color-palette.module";
|
|
13
14
|
export declare class AXColorPickerModule {
|
|
14
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPickerModule, never>;
|
|
15
|
-
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]>;
|
|
16
|
+
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]>;
|
|
16
17
|
static ɵinj: i0.ɵɵInjectorDeclaration<AXColorPickerModule>;
|
|
17
18
|
}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { ElementRef, ChangeDetectorRef, OnInit, TemplateRef } from '@angular/core';
|
|
2
|
-
import { AXBaseMenuMixin } from '../base';
|
|
2
|
+
import { AXBaseMenuMixin, AXValueChangedEvent } from '../base';
|
|
3
|
+
import { AXPopoverComponent } from '../popover';
|
|
4
|
+
import { AXSearchBoxComponent } from '../searchbox';
|
|
3
5
|
import * as i0 from "@angular/core";
|
|
4
6
|
export interface AXMenuItems {
|
|
5
7
|
id?: string;
|
|
@@ -26,7 +28,10 @@ export interface AXMenuItems {
|
|
|
26
28
|
export declare class AXMenuComponent extends AXBaseMenuMixin implements OnInit {
|
|
27
29
|
private elementRef;
|
|
28
30
|
private cdr;
|
|
31
|
+
popover: AXPopoverComponent;
|
|
29
32
|
private _contentEmptyTemplate;
|
|
33
|
+
_searchBox: AXSearchBoxComponent;
|
|
34
|
+
_forceFocus: boolean;
|
|
30
35
|
get emptyTemplate(): TemplateRef<any>;
|
|
31
36
|
constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
|
|
32
37
|
onInit(): void;
|
|
@@ -37,7 +42,8 @@ export declare class AXMenuComponent extends AXBaseMenuMixin implements OnInit {
|
|
|
37
42
|
_notActive(items: any[]): void;
|
|
38
43
|
_closeChild(items: any[]): void;
|
|
39
44
|
_setParentNode(item: any, parentId: any): void;
|
|
45
|
+
_onSearchExprChanged(e: AXValueChangedEvent<string>): void;
|
|
40
46
|
_getDirection(): "horizontal-mode" | "vertical-mode";
|
|
41
47
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXMenuComponent, never>;
|
|
42
|
-
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"],
|
|
48
|
+
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"]>;
|
|
43
49
|
}
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@acorex/components",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.4.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@angular/common": "^13.3.
|
|
6
|
-
"@angular/core": "^13.3.
|
|
7
|
-
"@angular/cdk": "^13.3.
|
|
5
|
+
"@angular/common": "^13.3.7",
|
|
6
|
+
"@angular/core": "^13.3.7",
|
|
7
|
+
"@angular/cdk": "^13.3.7",
|
|
8
8
|
"@splidejs/splide": "^4.0.1",
|
|
9
9
|
"ngx-mask": "^12.0.0",
|
|
10
10
|
"angular-imask": "^6.3.0-alpha.0"
|
package/public-api.d.ts
CHANGED
|
@@ -12,6 +12,7 @@ export * from "./lib/button";
|
|
|
12
12
|
export * from "./lib/calendar";
|
|
13
13
|
export * from "./lib/carousel";
|
|
14
14
|
export * from "./lib/checkbox";
|
|
15
|
+
export * from "./lib/color-palette";
|
|
15
16
|
export * from "./lib/collapse";
|
|
16
17
|
export * from "./lib/color-picker";
|
|
17
18
|
export * from "./lib/datalist";
|