@acorex/components 5.0.34 → 5.0.38
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/badge/badge.component.mjs +3 -3
- package/esm2020/lib/base/mixin/datalist-component.class.mjs +40 -9
- package/esm2020/lib/base/mixin/dropdown-mixin.class.mjs +21 -10
- package/esm2020/lib/base/mixin/selection-component.class.mjs +17 -3
- package/esm2020/lib/base/mixin/value-mixin.class.mjs +8 -8
- package/esm2020/lib/checkbox/checkbox.component.mjs +5 -14
- package/esm2020/lib/checkbox/checkbox.module.mjs +5 -4
- package/esm2020/lib/datepicker/datepicker.component.mjs +22 -14
- package/esm2020/lib/dropdown/dropdown-panel.component.mjs +3 -3
- package/esm2020/lib/dropdown/dropdown.module.mjs +4 -5
- package/esm2020/lib/dropdown/index.mjs +1 -2
- package/esm2020/lib/form/form-field.component.mjs +3 -3
- package/esm2020/lib/label/label.component.mjs +10 -3
- package/esm2020/lib/popover/popover.component.mjs +27 -14
- package/esm2020/lib/popup/popup.component.mjs +18 -11
- package/esm2020/lib/popup/popup.module.mjs +3 -4
- package/esm2020/lib/popup/popup.service.mjs +6 -4
- package/esm2020/lib/selectbox/selectbox.component.mjs +74 -34
- package/esm2020/lib/selectbox/selectbox.module.mjs +7 -5
- package/esm2020/lib/textbox/textbox.component.mjs +2 -1
- package/fesm2015/acorex-components.mjs +389 -293
- package/fesm2015/acorex-components.mjs.map +1 -1
- package/fesm2020/acorex-components.mjs +387 -293
- package/fesm2020/acorex-components.mjs.map +1 -1
- package/lib/base/mixin/datalist-component.class.d.ts +4 -1
- package/lib/base/mixin/dropdown-mixin.class.d.ts +1 -3
- package/lib/base/mixin/mixin.class.d.ts +2 -4
- package/lib/base/mixin/selection-component.class.d.ts +8 -0
- package/lib/base/mixin/value-mixin.class.d.ts +1 -1
- package/lib/checkbox/checkbox.component.d.ts +2 -4
- package/lib/checkbox/checkbox.module.d.ts +2 -1
- package/lib/datepicker/datepicker.component.d.ts +11 -7
- package/lib/dropdown/dropdown.module.d.ts +8 -9
- package/lib/dropdown/index.d.ts +0 -1
- package/lib/label/label.component.d.ts +3 -0
- package/lib/popover/popover.component.d.ts +2 -0
- package/lib/popup/popup.component.d.ts +5 -2
- package/lib/popup/popup.service.d.ts +1 -0
- package/lib/selectbox/selectbox.component.d.ts +19 -11
- package/lib/selectbox/selectbox.module.d.ts +9 -7
- package/package.json +1 -1
- package/esm2020/lib/dropdown/dropdown.component.mjs +0 -28
- package/lib/dropdown/dropdown.component.d.ts +0 -12
|
@@ -18,8 +18,8 @@ export declare function _DatalistComponenetMixin<TBase extends Constructor<AXBas
|
|
|
18
18
|
items: any;
|
|
19
19
|
readonly displayItems: any;
|
|
20
20
|
readonly isLoading: boolean;
|
|
21
|
+
_formatData(v: any[]): any[];
|
|
21
22
|
_fetchData(): void;
|
|
22
|
-
_onInternalInit(): void;
|
|
23
23
|
_onDataLoaded(): void;
|
|
24
24
|
_getItemDisplayTextTemplte(item: any): any;
|
|
25
25
|
_trackByFunction(item: any): any;
|
|
@@ -36,6 +36,7 @@ export declare function _DatalistComponenetMixin<TBase extends Constructor<AXBas
|
|
|
36
36
|
ngOnDestroy(): void;
|
|
37
37
|
_getHostElement<T = HTMLElement>(): T;
|
|
38
38
|
_getInnerElement<T_1 = HTMLElement>(): T_1;
|
|
39
|
+
_onInternalInit(): void;
|
|
39
40
|
_onInternalViewInit(): void;
|
|
40
41
|
_onInternalDestroy(): void;
|
|
41
42
|
onInit(): void;
|
|
@@ -47,3 +48,5 @@ export declare function _DatalistComponenetMixin<TBase extends Constructor<AXBas
|
|
|
47
48
|
_setOption(option: import("./base-components.class").AXComponentSetOption): void;
|
|
48
49
|
};
|
|
49
50
|
} & TBase;
|
|
51
|
+
export declare const DATALIST_INPUTS: string[];
|
|
52
|
+
export declare const DATALIST_OUTPUT: any[];
|
|
@@ -11,15 +11,14 @@ export interface DropdownComponentInterface {
|
|
|
11
11
|
isOpen: boolean;
|
|
12
12
|
}
|
|
13
13
|
export declare function _DropdownComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): (abstract new (...args: any[]) => {
|
|
14
|
-
fitParent: boolean;
|
|
15
14
|
readonly: boolean;
|
|
16
|
-
dropdownWidth: number;
|
|
17
15
|
onOpened: EventEmitter<AXEvent>;
|
|
18
16
|
onClosed: EventEmitter<AXEvent>;
|
|
19
17
|
popover: AXPopoverComponent;
|
|
20
18
|
position: AXConnectedPosition[];
|
|
21
19
|
_emitOnOpenedEvent(): void;
|
|
22
20
|
_emitOnClosedEvent(): void;
|
|
21
|
+
onInit(): void;
|
|
23
22
|
onViewInit(): void;
|
|
24
23
|
toggle(): void;
|
|
25
24
|
close(): void;
|
|
@@ -41,7 +40,6 @@ export declare function _DropdownComponenetMixin<TBase extends Constructor<AXBas
|
|
|
41
40
|
_onInternalInit(): void;
|
|
42
41
|
_onInternalViewInit(): void;
|
|
43
42
|
_onInternalDestroy(): void;
|
|
44
|
-
onInit(): void;
|
|
45
43
|
onRenderCssClass(): void;
|
|
46
44
|
onDestroy(): void;
|
|
47
45
|
_onOptionChanging(option: import("./base-components.class").AXComponentOptionChanging): any;
|
|
@@ -451,7 +451,7 @@ export declare const AXBaseTextBoxMixin: {
|
|
|
451
451
|
_setValue(v: any): void;
|
|
452
452
|
clear(): void;
|
|
453
453
|
validate(): Promise<import("../../validation/validation.class").AXValidationRuleResult>;
|
|
454
|
-
|
|
454
|
+
_setState(state: "error" | "clear" | "success", ...args: any[]): void;
|
|
455
455
|
id: string;
|
|
456
456
|
rtl: boolean;
|
|
457
457
|
cssClass: string;
|
|
@@ -570,15 +570,14 @@ export declare const AXBaseDropdownMixin: {
|
|
|
570
570
|
_onOptionChanged(option: import("./base-components.class").AXComponentOptionChanged): void;
|
|
571
571
|
_setOption(option: import("./base-components.class").AXComponentSetOption): void;
|
|
572
572
|
}) & (abstract new (...args: any[]) => {
|
|
573
|
-
fitParent: boolean;
|
|
574
573
|
readonly: boolean;
|
|
575
|
-
dropdownWidth: number;
|
|
576
574
|
onOpened: import("@angular/core").EventEmitter<import("@acorex/components").AXEvent>;
|
|
577
575
|
onClosed: import("@angular/core").EventEmitter<import("@acorex/components").AXEvent>;
|
|
578
576
|
popover: import("@acorex/components").AXPopoverComponent;
|
|
579
577
|
position: import("@acorex/components").AXConnectedPosition[];
|
|
580
578
|
_emitOnOpenedEvent(): void;
|
|
581
579
|
_emitOnClosedEvent(): void;
|
|
580
|
+
onInit(): void;
|
|
582
581
|
onViewInit(): void;
|
|
583
582
|
toggle(): void;
|
|
584
583
|
close(): void;
|
|
@@ -600,7 +599,6 @@ export declare const AXBaseDropdownMixin: {
|
|
|
600
599
|
_onInternalInit(): void;
|
|
601
600
|
_onInternalViewInit(): void;
|
|
602
601
|
_onInternalDestroy(): void;
|
|
603
|
-
onInit(): void;
|
|
604
602
|
onRenderCssClass(): void;
|
|
605
603
|
onDestroy(): void;
|
|
606
604
|
_onOptionChanging(option: import("./base-components.class").AXComponentOptionChanging): any;
|
|
@@ -6,6 +6,11 @@ export declare function _SelectionComponenetMixin<TBase extends Constructor<AXBa
|
|
|
6
6
|
new (...args: any[]): {
|
|
7
7
|
valueField: string;
|
|
8
8
|
textField: string | string[];
|
|
9
|
+
disabledField: string;
|
|
10
|
+
disabledCallback: (e: {
|
|
11
|
+
item: any;
|
|
12
|
+
index: number;
|
|
13
|
+
}) => boolean;
|
|
9
14
|
multiple: boolean;
|
|
10
15
|
selectionMode: 'value' | 'item';
|
|
11
16
|
readonly items: any[];
|
|
@@ -24,6 +29,7 @@ export declare function _SelectionComponenetMixin<TBase extends Constructor<AXBa
|
|
|
24
29
|
selectItems(...items: any[]): void;
|
|
25
30
|
toggleSelect(...items: any[]): void;
|
|
26
31
|
isItemSelected(item: any): boolean;
|
|
32
|
+
isItemDisabled(item: any): boolean;
|
|
27
33
|
id: string;
|
|
28
34
|
rtl: boolean;
|
|
29
35
|
cssClass: string;
|
|
@@ -48,3 +54,5 @@ export declare function _SelectionComponenetMixin<TBase extends Constructor<AXBa
|
|
|
48
54
|
_setOption(option: import("./base-components.class").AXComponentSetOption): void;
|
|
49
55
|
};
|
|
50
56
|
} & TBase;
|
|
57
|
+
export declare const SELECTION_INPUTS: string[];
|
|
58
|
+
export declare const SELECTION_OUTPUT: string[];
|
|
@@ -36,7 +36,7 @@ export declare function _ValueComponenetMixin<TBase extends Constructor<AXBaseCo
|
|
|
36
36
|
_setValue(v: any): void;
|
|
37
37
|
clear(): void;
|
|
38
38
|
validate(): Promise<AXValidationRuleResult>;
|
|
39
|
-
|
|
39
|
+
_setState(state: 'clear' | 'success' | 'error', ...args: any[]): void;
|
|
40
40
|
id: string;
|
|
41
41
|
rtl: boolean;
|
|
42
42
|
cssClass: string;
|
|
@@ -1,13 +1,11 @@
|
|
|
1
|
-
import { ChangeDetectorRef, ElementRef
|
|
1
|
+
import { ChangeDetectorRef, ElementRef } from '@angular/core';
|
|
2
2
|
import { AXBaseValueComponentMixin } from '../base';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class AXCheckBoxComponent extends AXBaseValueComponentMixin {
|
|
5
|
-
_hint: QueryList<ElementRef>;
|
|
6
|
-
_label: QueryList<ElementRef>;
|
|
7
5
|
constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
|
|
8
6
|
onInit(): void;
|
|
9
7
|
_onValueChanging(value: any): any;
|
|
10
8
|
_handleOnClickEvent(e: MouseEvent): boolean;
|
|
11
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXCheckBoxComponent, never>;
|
|
12
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AXCheckBoxComponent, "ax-check-box", 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"; },
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXCheckBoxComponent, "ax-check-box", 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-content", "ax-form-hint", "ax-validation-rule"]>;
|
|
13
11
|
}
|
|
@@ -2,8 +2,9 @@ import * as i0 from "@angular/core";
|
|
|
2
2
|
import * as i1 from "./checkbox.component";
|
|
3
3
|
import * as i2 from "@angular/common";
|
|
4
4
|
import * as i3 from "@angular/forms";
|
|
5
|
+
import * as i4 from "../decorators/decorators.module";
|
|
5
6
|
export declare class AXCheckBoxModule {
|
|
6
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXCheckBoxModule, never>;
|
|
7
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<AXCheckBoxModule, [typeof i1.AXCheckBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule], [typeof i1.AXCheckBoxComponent]>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AXCheckBoxModule, [typeof i1.AXCheckBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXEditorDecoratorModule], [typeof i1.AXCheckBoxComponent]>;
|
|
8
9
|
static ɵinj: i0.ɵɵInjectorDeclaration<AXCheckBoxModule>;
|
|
9
10
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { AXPlatform } from '@acorex/core';
|
|
1
2
|
import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
|
|
2
|
-
import {
|
|
3
|
+
import { AXClickEvent } from '../base';
|
|
3
4
|
import { AXCalendarBaseComponent } from '../calendar/calendar.class';
|
|
4
5
|
import { AXPopoverComponent } from '../popover/popover.component';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
@@ -37,15 +38,14 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
|
|
|
37
38
|
_onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
|
|
38
39
|
_setOption(option: import("../base").AXComponentSetOption): void;
|
|
39
40
|
}) & (abstract new (...args: any[]) => {
|
|
40
|
-
fitParent: boolean;
|
|
41
41
|
readonly: boolean;
|
|
42
|
-
dropdownWidth: number;
|
|
43
42
|
onOpened: EventEmitter<import("../base").AXEvent>;
|
|
44
43
|
onClosed: EventEmitter<import("../base").AXEvent>;
|
|
45
44
|
popover: AXPopoverComponent;
|
|
46
45
|
position: import("../base").AXConnectedPosition[];
|
|
47
46
|
_emitOnOpenedEvent(): void;
|
|
48
47
|
_emitOnClosedEvent(): void;
|
|
48
|
+
onInit(): void;
|
|
49
49
|
onViewInit(): void;
|
|
50
50
|
toggle(): void;
|
|
51
51
|
close(): void;
|
|
@@ -67,7 +67,6 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
|
|
|
67
67
|
_onInternalInit(): void;
|
|
68
68
|
_onInternalViewInit(): void;
|
|
69
69
|
_onInternalDestroy(): void;
|
|
70
|
-
onInit(): void;
|
|
71
70
|
onRenderCssClass(): void;
|
|
72
71
|
onDestroy(): void;
|
|
73
72
|
_onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
|
|
@@ -98,7 +97,7 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
|
|
|
98
97
|
_setValue(v: any): void;
|
|
99
98
|
clear(): void;
|
|
100
99
|
validate(): Promise<import("../validation/validation.class").AXValidationRuleResult>;
|
|
101
|
-
|
|
100
|
+
_setState(state: "error" | "clear" | "success", ...args: any[]): void;
|
|
102
101
|
id: string;
|
|
103
102
|
rtl: boolean;
|
|
104
103
|
cssClass: string;
|
|
@@ -154,16 +153,21 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
|
|
|
154
153
|
};
|
|
155
154
|
} & typeof AXCalendarBaseComponent;
|
|
156
155
|
export declare class AXDatePickerComponent extends AXBaseDatePickerMixin {
|
|
156
|
+
private _platform;
|
|
157
157
|
popover: AXPopoverComponent;
|
|
158
|
-
_target:
|
|
158
|
+
_target: HTMLDivElement;
|
|
159
159
|
displayText: string;
|
|
160
160
|
_calendarValue: Date;
|
|
161
161
|
_cursorPos: number;
|
|
162
|
+
_isMobile: boolean;
|
|
163
|
+
_popoverTitle: string;
|
|
164
|
+
_popoverWidth: number;
|
|
162
165
|
formatChange: EventEmitter<string>;
|
|
163
166
|
private _format;
|
|
164
167
|
get format(): string;
|
|
165
168
|
set format(v: string);
|
|
166
|
-
constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
|
|
169
|
+
constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _platform: AXPlatform);
|
|
170
|
+
onViewInit(): void;
|
|
167
171
|
_handleArrowClickEvent(e: AXClickEvent): void;
|
|
168
172
|
_onValueChanged(oldValue?: any, newValue?: any): void;
|
|
169
173
|
_handleOnKeydownEvent(e: KeyboardEvent): void;
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./dropdown.component";
|
|
3
|
-
import * as i2 from "
|
|
4
|
-
import * as i3 from "
|
|
5
|
-
import * as i4 from "
|
|
6
|
-
import * as i5 from "
|
|
7
|
-
import * as i6 from "../
|
|
8
|
-
import * as i7 from "../
|
|
9
|
-
import * as i8 from "../popover/popover.module";
|
|
2
|
+
import * as i1 from "./dropdown-panel.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "../button/button.module";
|
|
5
|
+
import * as i4 from "@angular/cdk/overlay";
|
|
6
|
+
import * as i5 from "../icon/icon.module";
|
|
7
|
+
import * as i6 from "../decorators/decorators.module";
|
|
8
|
+
import * as i7 from "../popover/popover.module";
|
|
10
9
|
export declare class AXDropdownModule {
|
|
11
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXDropdownModule, never>;
|
|
12
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<AXDropdownModule, [typeof i1.
|
|
11
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AXDropdownModule, [typeof i1.AXDropdownPanelComponent], [typeof i2.CommonModule, typeof i3.AXButtonModule, typeof i4.OverlayModule, typeof i5.AXIconModule, typeof i6.AXEditorDecoratorModule, typeof i7.AXPopoverModule], [typeof i1.AXDropdownPanelComponent]>;
|
|
13
12
|
static ɵinj: i0.ɵɵInjectorDeclaration<AXDropdownModule>;
|
|
14
13
|
}
|
package/lib/dropdown/index.d.ts
CHANGED
|
@@ -3,6 +3,9 @@ import { AXBaseComponentMixin } from '../base';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class AXLabelComponent extends AXBaseComponentMixin {
|
|
5
5
|
constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
|
|
6
|
+
private _target;
|
|
7
|
+
get target(): string;
|
|
8
|
+
set target(v: string);
|
|
6
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXLabelComponent, never>;
|
|
7
10
|
static ɵcmp: i0.ɵɵComponentDeclaration<AXLabelComponent, "ax-label", never, {}, {}, never, ["*"]>;
|
|
8
11
|
}
|
|
@@ -6,6 +6,7 @@ import { TemplatePortal } from '@angular/cdk/portal';
|
|
|
6
6
|
import { Subscription } from 'rxjs';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export declare class AXPopoverComponent extends AXBaseComponent {
|
|
9
|
+
private _elementRef;
|
|
9
10
|
_cdr: ChangeDetectorRef;
|
|
10
11
|
private _zone;
|
|
11
12
|
private _overlay;
|
|
@@ -39,6 +40,7 @@ export declare class AXPopoverComponent extends AXBaseComponent {
|
|
|
39
40
|
private _ensureOverlayCreated;
|
|
40
41
|
get isOpen(): boolean;
|
|
41
42
|
private _addSub;
|
|
43
|
+
updatePosition(): void;
|
|
42
44
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXPopoverComponent, never>;
|
|
43
45
|
static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "target": "target"; "position": "position"; "openTrigger": "openTrigger"; "closeTrigger": "closeTrigger"; "hasBackdrop": "hasBackdrop"; "backdropClass": "backdropClass"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["*"]>;
|
|
44
46
|
}
|
|
@@ -3,16 +3,19 @@ import { AXBaseComponentMixin } from '../base';
|
|
|
3
3
|
import { AXPageCloseEvent } from '../page/base-page.class';
|
|
4
4
|
import { AXLoadingService } from '../loading';
|
|
5
5
|
import { CdkPortalOutletAttachedRef, Portal } from '@angular/cdk/portal';
|
|
6
|
+
import { AXPlatform } from '@acorex/core';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
export declare class AXPopupComponent extends AXBaseComponentMixin {
|
|
8
9
|
private _zone;
|
|
9
10
|
private _viewContainerRef;
|
|
10
11
|
private loadingService;
|
|
12
|
+
private _platform;
|
|
11
13
|
isLoading: boolean;
|
|
12
14
|
private _loadingId;
|
|
13
15
|
title: string;
|
|
14
16
|
onClosed: EventEmitter<AXPageCloseEvent>;
|
|
15
17
|
size: 'sm' | 'md' | 'lg' | 'full';
|
|
18
|
+
draggable: boolean;
|
|
16
19
|
data: any;
|
|
17
20
|
showCloseButton: boolean;
|
|
18
21
|
showHeader: boolean;
|
|
@@ -20,8 +23,8 @@ export declare class AXPopupComponent extends AXBaseComponentMixin {
|
|
|
20
23
|
_selectedPortal: Portal<any>;
|
|
21
24
|
_footerPortal: Portal<any>;
|
|
22
25
|
_headerPortal: Portal<any>;
|
|
23
|
-
constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _zone: NgZone, _viewContainerRef: ViewContainerRef, loadingService: AXLoadingService);
|
|
24
|
-
|
|
26
|
+
constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _zone: NgZone, _viewContainerRef: ViewContainerRef, loadingService: AXLoadingService, _platform: AXPlatform);
|
|
27
|
+
onInit(): void;
|
|
25
28
|
_handleAttched(ref: CdkPortalOutletAttachedRef): void;
|
|
26
29
|
onKeydownHandler(event: KeyboardEvent): void;
|
|
27
30
|
_handleCloseClick(): void;
|
|
@@ -30,6 +30,7 @@ export declare class AXPopupService {
|
|
|
30
30
|
maximizable?: boolean;
|
|
31
31
|
size?: 'sm' | 'md' | 'lg' | 'full' | 'fit';
|
|
32
32
|
data?: any;
|
|
33
|
+
draggable?: boolean;
|
|
33
34
|
}): AXPageClosedPromise;
|
|
34
35
|
private closePopup;
|
|
35
36
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXPopupService, never>;
|
|
@@ -1,18 +1,26 @@
|
|
|
1
|
+
import { AXPlatform } from '@acorex/core';
|
|
1
2
|
import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
|
|
2
|
-
import { AXBaseSelectionDropdownMixin } from '../base';
|
|
3
|
-
import {
|
|
3
|
+
import { AXBaseSelectionDropdownMixin, AXClickEvent } from '../base';
|
|
4
|
+
import { AXPopoverComponent } from '../popover';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin
|
|
6
|
-
private
|
|
7
|
-
private
|
|
6
|
+
export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin {
|
|
7
|
+
private _elementRef;
|
|
8
|
+
private _cdr;
|
|
9
|
+
private _zone;
|
|
10
|
+
private _platform;
|
|
11
|
+
popover: AXPopoverComponent;
|
|
12
|
+
_target: HTMLDivElement;
|
|
13
|
+
_popoverTitle: string;
|
|
14
|
+
_popoverWidth: number;
|
|
15
|
+
checkbox: boolean;
|
|
8
16
|
private listContainer;
|
|
9
17
|
_currentfocusedIndex: number;
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
18
|
+
_isMobile: boolean;
|
|
19
|
+
constructor(_elementRef: ElementRef<HTMLDivElement>, _cdr: ChangeDetectorRef, _zone: NgZone, _platform: AXPlatform);
|
|
20
|
+
_handleArrowClickEvent(e: AXClickEvent): void;
|
|
21
|
+
_handleInputClickEvent(e: MouseEvent): void;
|
|
22
|
+
onInit(): void;
|
|
14
23
|
onViewInit(): void;
|
|
15
|
-
get isOpen(): boolean;
|
|
16
24
|
_handleOnItemClick(e: MouseEvent, item: any): void;
|
|
17
25
|
_handleListScroll(e: Event): void;
|
|
18
26
|
private _checkForLoadData;
|
|
@@ -25,5 +33,5 @@ export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin i
|
|
|
25
33
|
private _focusSelectedItem;
|
|
26
34
|
private _selectedItemByIndex;
|
|
27
35
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxComponent, never>;
|
|
28
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", never, { "
|
|
36
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", 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"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; "pageSize": "pageSize"; "valueField": "valueField"; "textField": "textField"; "items": "items"; "disabledField": "disabledField"; "disabledCallback": "disabledCallback"; "multiple": "multiple"; "selectionMode": "selectionMode"; "checkbox": "checkbox"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "depthChange": "depthChange"; "valueChanged": "valueChanged"; }, never, ["ax-prefix", "ax-validation-rule", "ax-suffix"]>;
|
|
29
37
|
}
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./selectbox.component";
|
|
3
3
|
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "
|
|
5
|
-
import * as i4 from "
|
|
6
|
-
import * as i5 from "../
|
|
7
|
-
import * as i6 from "../
|
|
8
|
-
import * as i7 from "../
|
|
9
|
-
import * as i8 from "../
|
|
4
|
+
import * as i3 from "@angular/forms";
|
|
5
|
+
import * as i4 from "../checkbox/checkbox.module";
|
|
6
|
+
import * as i5 from "../badge/badge.module";
|
|
7
|
+
import * as i6 from "../decorators/decorators.module";
|
|
8
|
+
import * as i7 from "../icon/icon.module";
|
|
9
|
+
import * as i8 from "../popover/popover.module";
|
|
10
|
+
import * as i9 from "../button/button.module";
|
|
11
|
+
import * as i10 from "../label/label.module";
|
|
10
12
|
export declare class AXSelectBoxModule {
|
|
11
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxModule, never>;
|
|
12
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectBoxModule, [typeof i1.AXSelectBoxComponent], [typeof i2.CommonModule, typeof i3.
|
|
14
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectBoxModule, [typeof i1.AXSelectBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXCheckBoxModule, typeof i5.AXBadgeModule, typeof i6.AXEditorDecoratorModule, typeof i7.AXIconModule, typeof i8.AXPopoverModule, typeof i9.AXButtonModule, typeof i10.AXLabelModule], [typeof i1.AXSelectBoxComponent]>;
|
|
13
15
|
static ɵinj: i0.ɵɵInjectorDeclaration<AXSelectBoxModule>;
|
|
14
16
|
}
|
package/package.json
CHANGED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ViewChild, ViewEncapsulation } from '@angular/core';
|
|
2
|
-
import { AXBaseDropdownMixin } from '../base';
|
|
3
|
-
import { DROPDOWN_INPUTS, DROPDOWN_OUTPUT } from '../base/mixin/dropdown-mixin.class';
|
|
4
|
-
import { INTERACTIVE_INPUTS, INTERACTIVE_OUTPUT } from '../base/mixin/interactive-mixin.class';
|
|
5
|
-
import { AXPopoverComponent } from '../popover/popover.component';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "../button/button.component";
|
|
8
|
-
import * as i2 from "../icon/icon.component";
|
|
9
|
-
import * as i3 from "../popover/popover.component";
|
|
10
|
-
export class AXDropdownComponent extends AXBaseDropdownMixin {
|
|
11
|
-
constructor(_elementRef, _cdr) {
|
|
12
|
-
super(_elementRef, _cdr);
|
|
13
|
-
this._target = this;
|
|
14
|
-
}
|
|
15
|
-
_handleArrowClickEvent() {
|
|
16
|
-
this.toggle();
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
AXDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AXDropdownComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
AXDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: AXDropdownComponent, selector: "ax-drop-down", inputs: { isOpen: "isOpen", fitParent: "fitParent", dropdownWidth: "dropdownWidth", position: "position", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { onOpened: "onOpened", onClosed: "onClosed", onBlur: "onBlur", onFocus: "onFocus" }, viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-editor-container\" [class.ax-state-disabled]=\"disabled\">\r\n <ng-content select=\"ax-prefix\">\r\n </ng-content>\r\n <div class=\"ax-dropdown-content\" style=\"display: inline-flex;\" (click)=\"_handleArrowClickEvent()\">\r\n <ng-content select=\"[input]\">\r\n </ng-content>\r\n </div>\r\n <ax-button [disabled]=\"disabled\" [tabIndex]=\"-1\" [size]=\"size\" color=\"light\" look=\"blank\" (onClick)=\"_handleArrowClickEvent()\">\r\n <ax-icon icon=\"ax-ic ax-ic-chevron ax-transform ax--rotate-90\"></ax-icon>\r\n </ax-button>\r\n <ng-content select=\"ax-suffix\">\r\n </ng-content>\r\n</div>\r\n<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\">\r\n <div class=\"ax-overlay-pane\" [style.min-width.px]=\"dropdownWidth\">\r\n <ng-content select=\"[panel]\">\r\n </ng-content>\r\n </div>\r\n</ax-popover>", components: [{ type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "size", "text", "submitBehavior", "cancelBehavior", "color", "look", "toggleable", "selected"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange"] }, { type: i2.AXIconComponent, selector: "ax-icon", inputs: ["icon"] }, { type: i3.AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openTrigger", "closeTrigger", "hasBackdrop", "backdropClass"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AXDropdownComponent, decorators: [{
|
|
22
|
-
type: Component,
|
|
23
|
-
args: [{ selector: 'ax-drop-down', inputs: [...DROPDOWN_INPUTS, ...INTERACTIVE_INPUTS], outputs: [...DROPDOWN_OUTPUT, ...INTERACTIVE_OUTPUT], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-editor-container\" [class.ax-state-disabled]=\"disabled\">\r\n <ng-content select=\"ax-prefix\">\r\n </ng-content>\r\n <div class=\"ax-dropdown-content\" style=\"display: inline-flex;\" (click)=\"_handleArrowClickEvent()\">\r\n <ng-content select=\"[input]\">\r\n </ng-content>\r\n </div>\r\n <ax-button [disabled]=\"disabled\" [tabIndex]=\"-1\" [size]=\"size\" color=\"light\" look=\"blank\" (onClick)=\"_handleArrowClickEvent()\">\r\n <ax-icon icon=\"ax-ic ax-ic-chevron ax-transform ax--rotate-90\"></ax-icon>\r\n </ax-button>\r\n <ng-content select=\"ax-suffix\">\r\n </ng-content>\r\n</div>\r\n<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\">\r\n <div class=\"ax-overlay-pane\" [style.min-width.px]=\"dropdownWidth\">\r\n <ng-content select=\"[panel]\">\r\n </ng-content>\r\n </div>\r\n</ax-popover>" }]
|
|
24
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { popover: [{
|
|
25
|
-
type: ViewChild,
|
|
26
|
-
args: [AXPopoverComponent]
|
|
27
|
-
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvc3JjL2xpYi9kcm9wZG93bi9kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL2Ryb3Bkb3duL2Ryb3Bkb3duLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBcUIsU0FBUyxFQUFjLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoSSxPQUFPLEVBQW1CLG1CQUFtQixFQUFFLE1BQU0sU0FBUyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxlQUFlLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDdEYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDL0YsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7O0FBVWxFLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxtQkFBbUI7SUFPeEQsWUFDSSxXQUF1QixFQUN2QixJQUF1QjtRQUV2QixLQUFLLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQ3pCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxzQkFBc0I7UUFDbEIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2xCLENBQUM7O2dIQWpCUSxtQkFBbUI7b0dBQW5CLG1CQUFtQixvVkFFakIsa0JBQWtCLHVFQ2hCakMsMDdCQWtCYTsyRkRKQSxtQkFBbUI7a0JBUi9CLFNBQVM7K0JBQ0ksY0FBYyxVQUVoQixDQUFDLEdBQUcsZUFBZSxFQUFFLEdBQUcsa0JBQWtCLENBQUMsV0FDMUMsQ0FBQyxHQUFHLGVBQWUsRUFBRSxHQUFHLGtCQUFrQixDQUFDLGlCQUNyQyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNO2lJQUsvQyxPQUFPO3NCQUROLFNBQVM7dUJBQUMsa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIFZpZXdDaGlsZCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQVhCYXNlQ29tcG9uZW50LCBBWEJhc2VEcm9wZG93bk1peGluIH0gZnJvbSAnLi4vYmFzZSc7XHJcbmltcG9ydCB7IERST1BET1dOX0lOUFVUUywgRFJPUERPV05fT1VUUFVUIH0gZnJvbSAnLi4vYmFzZS9taXhpbi9kcm9wZG93bi1taXhpbi5jbGFzcyc7XHJcbmltcG9ydCB7IElOVEVSQUNUSVZFX0lOUFVUUywgSU5URVJBQ1RJVkVfT1VUUFVUIH0gZnJvbSAnLi4vYmFzZS9taXhpbi9pbnRlcmFjdGl2ZS1taXhpbi5jbGFzcyc7XHJcbmltcG9ydCB7IEFYUG9wb3ZlckNvbXBvbmVudCB9IGZyb20gJy4uL3BvcG92ZXIvcG9wb3Zlci5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2F4LWRyb3AtZG93bicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgaW5wdXRzOiBbLi4uRFJPUERPV05fSU5QVVRTLCAuLi5JTlRFUkFDVElWRV9JTlBVVFNdLFxyXG4gICAgb3V0cHV0czogWy4uLkRST1BET1dOX09VVFBVVCwgLi4uSU5URVJBQ1RJVkVfT1VUUFVUXSxcclxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhEcm9wZG93bkNvbXBvbmVudCBleHRlbmRzIEFYQmFzZURyb3Bkb3duTWl4aW4ge1xyXG5cclxuICAgIEBWaWV3Q2hpbGQoQVhQb3BvdmVyQ29tcG9uZW50KVxyXG4gICAgcG9wb3ZlcjogQVhQb3BvdmVyQ29tcG9uZW50O1xyXG5cclxuICAgIF90YXJnZXQ6IEFYQmFzZUNvbXBvbmVudDtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihcclxuICAgICAgICBfZWxlbWVudFJlZjogRWxlbWVudFJlZixcclxuICAgICAgICBfY2RyOiBDaGFuZ2VEZXRlY3RvclJlZlxyXG4gICAgKSB7XHJcbiAgICAgICAgc3VwZXIoX2VsZW1lbnRSZWYsIF9jZHIpO1xyXG4gICAgICAgIHRoaXMuX3RhcmdldCA9IHRoaXM7XHJcbiAgICB9XHJcblxyXG4gICAgX2hhbmRsZUFycm93Q2xpY2tFdmVudCgpIHtcclxuICAgICAgICB0aGlzLnRvZ2dsZSgpO1xyXG4gICAgfVxyXG59IiwiPGRpdiBjbGFzcz1cImF4LWVkaXRvci1jb250YWluZXJcIiBbY2xhc3MuYXgtc3RhdGUtZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cclxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LXByZWZpeFwiPlxyXG4gICAgPC9uZy1jb250ZW50PlxyXG4gICAgPGRpdiBjbGFzcz1cImF4LWRyb3Bkb3duLWNvbnRlbnRcIiBzdHlsZT1cImRpc3BsYXk6IGlubGluZS1mbGV4O1wiIChjbGljayk9XCJfaGFuZGxlQXJyb3dDbGlja0V2ZW50KClcIj5cclxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbaW5wdXRdXCI+XHJcbiAgICAgICAgPC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8YXgtYnV0dG9uIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFt0YWJJbmRleF09XCItMVwiIFtzaXplXT1cInNpemVcIiBjb2xvcj1cImxpZ2h0XCIgbG9vaz1cImJsYW5rXCIgKG9uQ2xpY2spPVwiX2hhbmRsZUFycm93Q2xpY2tFdmVudCgpXCI+XHJcbiAgICAgICAgPGF4LWljb24gaWNvbj1cImF4LWljIGF4LWljLWNoZXZyb24gYXgtdHJhbnNmb3JtIGF4LS1yb3RhdGUtOTBcIj48L2F4LWljb24+XHJcbiAgICA8L2F4LWJ1dHRvbj5cclxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LXN1ZmZpeFwiPlxyXG4gICAgPC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuPGF4LXBvcG92ZXIgW3RhcmdldF09XCJfdGFyZ2V0XCIgW3Bvc2l0aW9uXT1cInBvc2l0aW9uXCIgW29wZW5UcmlnZ2VyXT1cIidtYW51YWwnXCIgW2Nsb3NlVHJpZ2dlcl09XCInY2xpY2tvdXQnXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXgtb3ZlcmxheS1wYW5lXCIgIFtzdHlsZS5taW4td2lkdGgucHhdPVwiZHJvcGRvd25XaWR0aFwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltwYW5lbF1cIj5cclxuICAgICAgICA8L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuPC9heC1wb3BvdmVyPiJdfQ==
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectorRef, ElementRef } from '@angular/core';
|
|
2
|
-
import { AXBaseComponent, AXBaseDropdownMixin } from '../base';
|
|
3
|
-
import { AXPopoverComponent } from '../popover/popover.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class AXDropdownComponent extends AXBaseDropdownMixin {
|
|
6
|
-
popover: AXPopoverComponent;
|
|
7
|
-
_target: AXBaseComponent;
|
|
8
|
-
constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
|
|
9
|
-
_handleArrowClickEvent(): void;
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<AXDropdownComponent, never>;
|
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownComponent, "ax-drop-down", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-prefix", "[input]", "ax-suffix", "[panel]"]>;
|
|
12
|
-
}
|