@acorex/components 5.0.36 → 5.0.37
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/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 +16 -2
- package/esm2020/lib/base/mixin/value-mixin.class.mjs +8 -8
- package/esm2020/lib/checkbox/checkbox.component.mjs +5 -18
- package/esm2020/lib/checkbox/checkbox.module.mjs +5 -4
- package/esm2020/lib/datepicker/datepicker.component.mjs +8 -5
- package/esm2020/lib/dropdown/dropdown.module.mjs +4 -5
- package/esm2020/lib/dropdown/index.mjs +1 -2
- package/esm2020/lib/popover/popover.component.mjs +16 -13
- package/esm2020/lib/popup/popup.component.mjs +3 -3
- package/esm2020/lib/popup/popup.module.mjs +3 -4
- package/esm2020/lib/popup/popup.service.mjs +4 -3
- package/esm2020/lib/radio/index.mjs +1 -1
- package/esm2020/lib/radio/radio.component.mjs +3 -3
- package/esm2020/lib/radio/radio.module.mjs +1 -1
- package/esm2020/lib/selectbox/selectbox.component.mjs +51 -19
- package/esm2020/lib/textbox/textbox.component.mjs +2 -1
- package/fesm2015/acorex-components.mjs +341 -277
- package/fesm2015/acorex-components.mjs.map +1 -1
- package/fesm2020/acorex-components.mjs +339 -277
- 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 -6
- package/lib/checkbox/checkbox.module.d.ts +2 -1
- package/lib/datepicker/datepicker.component.d.ts +7 -6
- package/lib/dropdown/dropdown.module.d.ts +8 -9
- package/lib/dropdown/index.d.ts +0 -1
- package/lib/popover/popover.component.d.ts +2 -0
- package/lib/popup/popup.component.d.ts +1 -1
- package/lib/selectbox/selectbox.component.d.ts +7 -2
- 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,15 +1,11 @@
|
|
|
1
|
-
import { ChangeDetectorRef, ElementRef
|
|
1
|
+
import { ChangeDetectorRef, ElementRef } from '@angular/core';
|
|
2
2
|
import { AXBaseValueComponentMixin } from '../base';
|
|
3
|
-
import { AXLabelComponent } from '../label';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
4
|
export declare class AXCheckBoxComponent extends AXBaseValueComponentMixin {
|
|
6
|
-
_hint: QueryList<ElementRef>;
|
|
7
|
-
_label: AXLabelComponent;
|
|
8
5
|
constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
|
|
9
6
|
onInit(): void;
|
|
10
|
-
onViewInit(): void;
|
|
11
7
|
_onValueChanging(value: any): any;
|
|
12
8
|
_handleOnClickEvent(e: MouseEvent): boolean;
|
|
13
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXCheckBoxComponent, never>;
|
|
14
|
-
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"]>;
|
|
15
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,6 +1,6 @@
|
|
|
1
1
|
import { AXPlatform } from '@acorex/core';
|
|
2
2
|
import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
|
|
3
|
-
import {
|
|
3
|
+
import { AXClickEvent } from '../base';
|
|
4
4
|
import { AXCalendarBaseComponent } from '../calendar/calendar.class';
|
|
5
5
|
import { AXPopoverComponent } from '../popover/popover.component';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
@@ -38,15 +38,14 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
|
|
|
38
38
|
_onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
|
|
39
39
|
_setOption(option: import("../base").AXComponentSetOption): void;
|
|
40
40
|
}) & (abstract new (...args: any[]) => {
|
|
41
|
-
fitParent: boolean;
|
|
42
41
|
readonly: boolean;
|
|
43
|
-
dropdownWidth: number;
|
|
44
42
|
onOpened: EventEmitter<import("../base").AXEvent>;
|
|
45
43
|
onClosed: EventEmitter<import("../base").AXEvent>;
|
|
46
44
|
popover: AXPopoverComponent;
|
|
47
45
|
position: import("../base").AXConnectedPosition[];
|
|
48
46
|
_emitOnOpenedEvent(): void;
|
|
49
47
|
_emitOnClosedEvent(): void;
|
|
48
|
+
onInit(): void;
|
|
50
49
|
onViewInit(): void;
|
|
51
50
|
toggle(): void;
|
|
52
51
|
close(): void;
|
|
@@ -68,7 +67,6 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
|
|
|
68
67
|
_onInternalInit(): void;
|
|
69
68
|
_onInternalViewInit(): void;
|
|
70
69
|
_onInternalDestroy(): void;
|
|
71
|
-
onInit(): void;
|
|
72
70
|
onRenderCssClass(): void;
|
|
73
71
|
onDestroy(): void;
|
|
74
72
|
_onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
|
|
@@ -99,7 +97,7 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
|
|
|
99
97
|
_setValue(v: any): void;
|
|
100
98
|
clear(): void;
|
|
101
99
|
validate(): Promise<import("../validation/validation.class").AXValidationRuleResult>;
|
|
102
|
-
|
|
100
|
+
_setState(state: "error" | "clear" | "success", ...args: any[]): void;
|
|
103
101
|
id: string;
|
|
104
102
|
rtl: boolean;
|
|
105
103
|
cssClass: string;
|
|
@@ -157,16 +155,19 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
|
|
|
157
155
|
export declare class AXDatePickerComponent extends AXBaseDatePickerMixin {
|
|
158
156
|
private _platform;
|
|
159
157
|
popover: AXPopoverComponent;
|
|
160
|
-
_target:
|
|
158
|
+
_target: HTMLDivElement;
|
|
161
159
|
displayText: string;
|
|
162
160
|
_calendarValue: Date;
|
|
163
161
|
_cursorPos: number;
|
|
164
162
|
_isMobile: boolean;
|
|
163
|
+
_popoverTitle: string;
|
|
164
|
+
_popoverWidth: number;
|
|
165
165
|
formatChange: EventEmitter<string>;
|
|
166
166
|
private _format;
|
|
167
167
|
get format(): string;
|
|
168
168
|
set format(v: string);
|
|
169
169
|
constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _platform: AXPlatform);
|
|
170
|
+
onViewInit(): void;
|
|
170
171
|
_handleArrowClickEvent(e: AXClickEvent): void;
|
|
171
172
|
_onValueChanged(oldValue?: any, newValue?: any): void;
|
|
172
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
|
@@ -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
|
}
|
|
@@ -24,7 +24,7 @@ export declare class AXPopupComponent extends AXBaseComponentMixin {
|
|
|
24
24
|
_footerPortal: Portal<any>;
|
|
25
25
|
_headerPortal: Portal<any>;
|
|
26
26
|
constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _zone: NgZone, _viewContainerRef: ViewContainerRef, loadingService: AXLoadingService, _platform: AXPlatform);
|
|
27
|
-
|
|
27
|
+
onInit(): void;
|
|
28
28
|
_handleAttched(ref: CdkPortalOutletAttachedRef): void;
|
|
29
29
|
onKeydownHandler(event: KeyboardEvent): void;
|
|
30
30
|
_handleCloseClick(): void;
|
|
@@ -10,11 +10,16 @@ export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin {
|
|
|
10
10
|
private _platform;
|
|
11
11
|
popover: AXPopoverComponent;
|
|
12
12
|
_target: HTMLDivElement;
|
|
13
|
+
_popoverTitle: string;
|
|
14
|
+
_popoverWidth: number;
|
|
15
|
+
checkbox: boolean;
|
|
13
16
|
private listContainer;
|
|
14
17
|
_currentfocusedIndex: number;
|
|
15
18
|
_isMobile: boolean;
|
|
16
|
-
constructor(_elementRef: ElementRef
|
|
19
|
+
constructor(_elementRef: ElementRef<HTMLDivElement>, _cdr: ChangeDetectorRef, _zone: NgZone, _platform: AXPlatform);
|
|
17
20
|
_handleArrowClickEvent(e: AXClickEvent): void;
|
|
21
|
+
_handleInputClickEvent(e: MouseEvent): void;
|
|
22
|
+
onInit(): void;
|
|
18
23
|
onViewInit(): void;
|
|
19
24
|
_handleOnItemClick(e: MouseEvent, item: any): void;
|
|
20
25
|
_handleListScroll(e: Event): void;
|
|
@@ -28,5 +33,5 @@ export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin {
|
|
|
28
33
|
private _focusSelectedItem;
|
|
29
34
|
private _selectedItemByIndex;
|
|
30
35
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxComponent, never>;
|
|
31
|
-
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"; "items": "items"; "multiple": "multiple"; "
|
|
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"]>;
|
|
32
37
|
}
|
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
|
-
}
|