@acorex/components 5.0.10 → 5.0.13

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.
Files changed (47) hide show
  1. package/bundles/acorex-components.umd.js +677 -587
  2. package/bundles/acorex-components.umd.js.map +1 -1
  3. package/esm2015/lib/base/mixin/base-components.class.js +19 -3
  4. package/esm2015/lib/base/mixin/button-mixin.class.js +92 -105
  5. package/esm2015/lib/base/mixin/clickable-mixin.class.js +1 -1
  6. package/esm2015/lib/base/mixin/dropdown-mixin.class.js +63 -9
  7. package/esm2015/lib/base/mixin/interactive-mixin.class.js +3 -3
  8. package/esm2015/lib/base/mixin/mixin.class.js +2 -2
  9. package/esm2015/lib/base/mixin/value-mixin.class.js +7 -2
  10. package/esm2015/lib/button/button-group.component.js +4 -4
  11. package/esm2015/lib/calendar/calendar.class.js +97 -0
  12. package/esm2015/lib/calendar/calendar.component.js +17 -67
  13. package/esm2015/lib/checkbox/checkbox.component.js +3 -4
  14. package/esm2015/lib/datepicker/datepicker.component.js +119 -65
  15. package/esm2015/lib/datepicker/datepicker.module.js +30 -6
  16. package/esm2015/lib/dropdown/dropdown-panel.component.js +7 -4
  17. package/esm2015/lib/dropdown/dropdown.component.js +10 -7
  18. package/esm2015/lib/form/form-hint.component.js +3 -3
  19. package/esm2015/lib/page/base-page.class.js +2 -2
  20. package/esm2015/lib/selectbox/selectbox.component.js +2 -2
  21. package/esm2015/lib/selection-list/selection-list.component.js +2 -2
  22. package/esm2015/lib/tabs/tab-content.directive.js +2 -2
  23. package/esm2015/lib/tabs/tab-item.component.js +2 -2
  24. package/fesm2015/acorex-components.js +650 -569
  25. package/fesm2015/acorex-components.js.map +1 -1
  26. package/lib/base/mixin/base-components.class.d.ts +21 -18
  27. package/lib/base/mixin/button-mixin.class.d.ts +11 -17
  28. package/lib/base/mixin/clickable-mixin.class.d.ts +3 -9
  29. package/lib/base/mixin/datalist-component.class.d.ts +9 -15
  30. package/lib/base/mixin/dropdown-mixin.class.d.ts +16 -12
  31. package/lib/base/mixin/interactive-mixin.class.d.ts +6 -14
  32. package/lib/base/mixin/loading-mixin.class.d.ts +3 -9
  33. package/lib/base/mixin/mixin.class.d.ts +166 -164
  34. package/lib/base/mixin/selection-component.class.d.ts +3 -9
  35. package/lib/base/mixin/sizable-mixin.class.d.ts +3 -9
  36. package/lib/base/mixin/textbox-mixin.class.d.ts +4 -12
  37. package/lib/base/mixin/value-mixin.class.d.ts +15 -20
  38. package/lib/button/button-item.component.d.ts +8 -20
  39. package/lib/calendar/calendar.class.d.ts +38 -0
  40. package/lib/calendar/calendar.component.d.ts +5 -26
  41. package/lib/datepicker/datepicker.component.d.ts +170 -16
  42. package/lib/datepicker/datepicker.module.d.ts +8 -2
  43. package/lib/dropdown/dropdown-panel.component.d.ts +4 -5
  44. package/lib/dropdown/dropdown.component.d.ts +5 -6
  45. package/package.json +1 -1
  46. package/esm2015/lib/dropdown/dropdown-base.class.js +0 -98
  47. package/lib/dropdown/dropdown-base.class.d.ts +0 -94
@@ -0,0 +1,38 @@
1
+ import { ChangeDetectorRef, ElementRef, EventEmitter } from "@angular/core";
2
+ import { AXBaseComponent } from "../base";
3
+ import * as i0 from "@angular/core";
4
+ export declare type AXCalendarViewType = 'years' | 'months' | 'days';
5
+ export declare type AXCalendarViewDepth = AXCalendarViewType;
6
+ export declare type AXCalendarDisabledDates = Date[] | ((date: Date) => boolean);
7
+ export declare type AXCalendarHolidayDates = Date[] | ((date: Date) => boolean);
8
+ export declare class AXCalendarBaseComponent extends AXBaseComponent {
9
+ constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
10
+ activeViewChange: EventEmitter<AXCalendarViewType>;
11
+ private _activeView;
12
+ get activeView(): AXCalendarViewType;
13
+ set activeView(v: AXCalendarViewType);
14
+ depthChange: EventEmitter<AXCalendarViewDepth>;
15
+ private _depth;
16
+ get depth(): AXCalendarViewDepth;
17
+ set depth(v: AXCalendarViewDepth);
18
+ minChange: EventEmitter<Date>;
19
+ private _min;
20
+ get min(): Date;
21
+ set min(v: Date);
22
+ maxChange: EventEmitter<Date>;
23
+ private _max;
24
+ get max(): Date;
25
+ set max(v: Date);
26
+ disabledDatesChange: EventEmitter<AXCalendarDisabledDates>;
27
+ private _disabledDates;
28
+ get disabledDates(): AXCalendarDisabledDates;
29
+ set disabledDates(v: AXCalendarDisabledDates);
30
+ holidayDatesChange: EventEmitter<AXCalendarHolidayDates>;
31
+ private _holidayDates;
32
+ get holidayDates(): AXCalendarHolidayDates;
33
+ set holidayDates(v: AXCalendarHolidayDates);
34
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarBaseComponent, never>;
35
+ static ɵprov: i0.ɵɵInjectableDeclaration<AXCalendarBaseComponent>;
36
+ }
37
+ export declare const CALENDAR_INPUTS: string[];
38
+ export declare const CALENDAR_OUTPUTS: string[];
@@ -1,11 +1,8 @@
1
1
  import { AXDateTime } from '@acorex/core';
2
- import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
3
- import { AXCalendarComponentMixin, AXClickEvent } from '../base';
2
+ import { ElementRef, ChangeDetectorRef } from '@angular/core';
3
+ import { AXClickEvent, AXComponentOptionChanged } from '../base';
4
4
  import * as i0 from "@angular/core";
5
- export declare type AXCalendarViewType = 'years' | 'months' | 'days';
6
- export declare type AXCalendarViewDepth = AXCalendarViewType;
7
- export declare type AXCalendarDisabledDates = Date[] | ((date: Date) => boolean);
8
- export declare type AXCalendarHolidayDates = Date[] | ((date: Date) => boolean);
5
+ export declare const AXCalendarComponentMixin: any;
9
6
  export declare class AXCalendarComponent extends AXCalendarComponentMixin {
10
7
  private cdr;
11
8
  private get _viewRange();
@@ -14,25 +11,6 @@ export declare class AXCalendarComponent extends AXCalendarComponentMixin {
14
11
  _navText: string;
15
12
  _todayText: string;
16
13
  _slots: any[];
17
- private _activeView;
18
- get activeView(): AXCalendarViewType;
19
- set activeView(v: AXCalendarViewType);
20
- depthChange: EventEmitter<AXCalendarViewDepth>;
21
- private _depth;
22
- get depth(): AXCalendarViewDepth;
23
- set depth(v: AXCalendarViewDepth);
24
- private _min;
25
- get min(): Date;
26
- set min(v: Date);
27
- private _max;
28
- get max(): Date;
29
- set max(v: Date);
30
- private _disabledDates;
31
- get disabledDates(): AXCalendarDisabledDates;
32
- set disabledDates(v: AXCalendarDisabledDates);
33
- private _holidayDates;
34
- get holidayDates(): AXCalendarHolidayDates;
35
- set holidayDates(v: AXCalendarHolidayDates);
36
14
  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
37
15
  onInit(): void;
38
16
  private _genearteSlots;
@@ -40,6 +18,7 @@ export declare class AXCalendarComponent extends AXCalendarComponentMixin {
40
18
  _handleNextClick(e: AXClickEvent): void;
41
19
  _handleSlotClick(slot: any): void;
42
20
  _handleNavClick(e: AXClickEvent): void;
21
+ _onOptionChanged(option: AXComponentOptionChanged): void;
43
22
  _onValueChanged(oldValue: any, newValue: any): void;
44
23
  _handleGoToday(): void;
45
24
  next(): void;
@@ -52,5 +31,5 @@ export declare class AXCalendarComponent extends AXCalendarComponentMixin {
52
31
  private isHoliday;
53
32
  private isWeekend;
54
33
  static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarComponent, never>;
55
- static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "disabled": "disabled"; "tabIndex": "tabIndex"; "activeView": "activeView"; "depth": "depth"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; }, never, never>;
34
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "disabled": "disabled"; "tabIndex": "tabIndex"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; }, never, never>;
56
35
  }
@@ -1,18 +1,172 @@
1
- import { ElementRef, ChangeDetectorRef } from '@angular/core';
2
- import { AXBaseTextBoxMixin } from '../base/mixin/mixin.class';
1
+ import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
2
+ import { AXBaseComponent, AXClickEvent } from '../base';
3
+ import { AXCalendarBaseComponent } from '../calendar/calendar.class';
4
+ import { AXPopoverComponent } from '../popover/popover.component';
3
5
  import * as i0 from "@angular/core";
4
- export declare class AXDatepickerComponent extends AXBaseTextBoxMixin {
5
- constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
6
- dayItems: number[];
7
- yearItems: number[];
8
- monthItems: string[];
9
- _showDays: boolean;
10
- _showsMonths: boolean;
11
- _showYears: boolean;
12
- showMonths(): void;
13
- showYears(): void;
14
- showDays(): void;
15
- createYears(): void;
16
- static ɵfac: i0.ɵɵFactoryDeclaration<AXDatepickerComponent, never>;
17
- static ɵcmp: i0.ɵɵComponentDeclaration<AXDatepickerComponent, "ax-date-picker", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "cssClass": "cssClass"; "size": "size"; "placeholder": "placeholder"; "maxLength": "maxLength"; "allowNull": "allowNull"; "debounceTime": "debounceTime"; "value": "value"; "name": "name"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-prefix", "ax-suffix"]>;
6
+ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
7
+ "__#3@#disabled": boolean;
8
+ disabled: boolean;
9
+ "__#3@#tabIndex": number;
10
+ tabIndex: number;
11
+ onFocus: EventEmitter<import("../base").AXFocusEvent>;
12
+ _emitOnFocusEvent(e: FocusEvent): void;
13
+ onBlur: EventEmitter<import("../base").AXFocusEvent>;
14
+ _emitOnBlurEvent(e: FocusEvent): void;
15
+ focus(): void;
16
+ id: string;
17
+ rtl: boolean;
18
+ cssClass: string;
19
+ cssStyle: string;
20
+ "__#1@#elementRef": ElementRef<any>;
21
+ _cdr: ChangeDetectorRef;
22
+ _isInited: boolean;
23
+ _isRendered: boolean;
24
+ ngOnInit(): void;
25
+ ngAfterViewInit(): void;
26
+ ngOnDestroy(): void;
27
+ _getHostElement<T = HTMLElement>(): T;
28
+ _getInnerElement<T_1 = HTMLElement>(): T_1;
29
+ _onInternalInit(): void;
30
+ _onInternalViewInit(): void;
31
+ _onInternalDestroy(): void;
32
+ onInit(): void;
33
+ onRenderCssClass(): void;
34
+ onViewInit(): void;
35
+ onDestroy(): void;
36
+ _onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
37
+ _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
38
+ _setOption(option: import("../base").AXComponentSetOption): void;
39
+ }) & (abstract new (...args: any[]) => {
40
+ fitParent: boolean;
41
+ readonly: boolean;
42
+ dropdownWidth: number;
43
+ onOpened: EventEmitter<import("../base").AXEvent>;
44
+ onClosed: EventEmitter<import("../base").AXEvent>;
45
+ popover: AXPopoverComponent;
46
+ position: import("../base").AXConnectedPosition[];
47
+ _emitOnOpenedEvent(): void;
48
+ _emitOnClosedEvent(): void;
49
+ onViewInit(): void;
50
+ toggle(): void;
51
+ close(): void;
52
+ open(): void;
53
+ readonly isOpen: boolean;
54
+ id: string;
55
+ rtl: boolean;
56
+ cssClass: string;
57
+ cssStyle: string;
58
+ "__#1@#elementRef": ElementRef<any>;
59
+ _cdr: ChangeDetectorRef;
60
+ _isInited: boolean;
61
+ _isRendered: boolean;
62
+ ngOnInit(): void;
63
+ ngAfterViewInit(): void;
64
+ ngOnDestroy(): void;
65
+ _getHostElement<T = HTMLElement>(): T;
66
+ _getInnerElement<T_1 = HTMLElement>(): T_1;
67
+ _onInternalInit(): void;
68
+ _onInternalViewInit(): void;
69
+ _onInternalDestroy(): void;
70
+ onInit(): void;
71
+ onRenderCssClass(): void;
72
+ onDestroy(): void;
73
+ _onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
74
+ _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
75
+ _setOption(option: import("../base").AXComponentSetOption): void;
76
+ }) & {
77
+ new (...args: any[]): {
78
+ onValueChanged: EventEmitter<import("../base").AXValueChangedEvent<any>>;
79
+ valueChange: EventEmitter<any>;
80
+ "__#4@#readonly": boolean;
81
+ readonly: boolean;
82
+ "__#4@#allowNull": boolean;
83
+ allowNull: boolean;
84
+ "__#4@#name": string;
85
+ name: string;
86
+ "__#4@#debounceTime": number;
87
+ debounceTime: number;
88
+ "__#4@#valueSubscription": import("rxjs").Subscription;
89
+ "__#4@#valueSubject": import("rxjs").Subject<unknown>;
90
+ "__#4@#value": any;
91
+ value: any;
92
+ _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
93
+ _onInternalValueChanging(value: any): any;
94
+ _onValueChanging(value: any): any;
95
+ _onValueChanged(oldValue: any, newValue: any): void;
96
+ _onInternalInit(): void;
97
+ _onInternalDestroy(): void;
98
+ _setValue(v: any): void;
99
+ clear(): void;
100
+ validate(): Promise<import("../validation/validation.class").AXValidationRuleResult>;
101
+ _setErrorState(state: "error" | "success" | "clear", ...args: any[]): void;
102
+ id: string;
103
+ rtl: boolean;
104
+ cssClass: string;
105
+ cssStyle: string;
106
+ "__#1@#elementRef": ElementRef<any>;
107
+ _cdr: ChangeDetectorRef;
108
+ _isInited: boolean;
109
+ _isRendered: boolean;
110
+ ngOnInit(): void;
111
+ ngAfterViewInit(): void;
112
+ ngOnDestroy(): void;
113
+ _getHostElement<T = HTMLElement>(): T;
114
+ _getInnerElement<T_1 = HTMLElement>(): T_1;
115
+ _onInternalViewInit(): void;
116
+ onInit(): void;
117
+ onRenderCssClass(): void;
118
+ onViewInit(): void;
119
+ onDestroy(): void;
120
+ _onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
121
+ _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
122
+ _setOption(option: import("../base").AXComponentSetOption): void;
123
+ };
124
+ } & {
125
+ new (...args: any[]): {
126
+ placeholder: string;
127
+ maxLength: number;
128
+ autoComplete: boolean;
129
+ onKeyDown: EventEmitter<import("../base").AXHtmlEvent<KeyboardEvent>>;
130
+ _emitOnKeydownEvent(e: KeyboardEvent): void;
131
+ id: string;
132
+ rtl: boolean;
133
+ cssClass: string;
134
+ cssStyle: string;
135
+ "__#1@#elementRef": ElementRef<any>;
136
+ _cdr: ChangeDetectorRef;
137
+ _isInited: boolean;
138
+ _isRendered: boolean;
139
+ ngOnInit(): void;
140
+ ngAfterViewInit(): void;
141
+ ngOnDestroy(): void;
142
+ _getHostElement<T = HTMLElement>(): T;
143
+ _getInnerElement<T_1 = HTMLElement>(): T_1;
144
+ _onInternalInit(): void;
145
+ _onInternalViewInit(): void;
146
+ _onInternalDestroy(): void;
147
+ onInit(): void;
148
+ onRenderCssClass(): void;
149
+ onViewInit(): void;
150
+ onDestroy(): void;
151
+ _onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
152
+ _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
153
+ _setOption(option: import("../base").AXComponentSetOption): void;
154
+ };
155
+ } & typeof AXCalendarBaseComponent;
156
+ export declare class AXDatePickerComponent extends AXBaseDatePickerMixin {
157
+ popover: AXPopoverComponent;
158
+ _target: AXBaseComponent;
159
+ displayText: string;
160
+ formatChange: EventEmitter<string>;
161
+ private _format;
162
+ get format(): string;
163
+ set format(v: string);
164
+ constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
165
+ _handleArrowClickEvent(e: AXClickEvent): void;
166
+ _onValueChanged(oldValue?: any, newValue?: any): void;
167
+ _handleOnKeydownEvent(e: KeyboardEvent): void;
168
+ _handleOnInputClickEvent(e: MouseEvent): void;
169
+ private _highlightPart;
170
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXDatePickerComponent, never>;
171
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXDatePickerComponent, "ax-date-picker", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "placeholder": "placeholder"; "maxLength": "maxLength"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; "format": "format"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "depthChange": "depthChange"; "formatChange": "formatChange"; }, never, ["ax-prefix", "ax-suffix"]>;
18
172
  }
@@ -2,9 +2,15 @@ import * as i0 from "@angular/core";
2
2
  import * as i1 from "./datepicker.component";
3
3
  import * as i2 from "@angular/common";
4
4
  import * as i3 from "../calendar/calendar.module";
5
- import * as i4 from "../dropdown/dropdown.module";
5
+ import * as i4 from "../textbox/textbox.module";
6
+ import * as i5 from "../button/button.module";
7
+ import * as i6 from "../popover/popover.module";
8
+ import * as i7 from "../decorators/decorators.module";
9
+ import * as i8 from "../icon/icon.module";
10
+ import * as i9 from "@acorex/core";
11
+ import * as i10 from "@angular/forms";
6
12
  export declare class AXDatepickerModule {
7
13
  static ɵfac: i0.ɵɵFactoryDeclaration<AXDatepickerModule, never>;
8
- static ɵmod: i0.ɵɵNgModuleDeclaration<AXDatepickerModule, [typeof i1.AXDatepickerComponent], [typeof i2.CommonModule, typeof i3.AXCalendarModule, typeof i4.AXDropdownModule], [typeof i1.AXDatepickerComponent]>;
14
+ static ɵmod: i0.ɵɵNgModuleDeclaration<AXDatepickerModule, [typeof i1.AXDatePickerComponent], [typeof i2.CommonModule, typeof i3.AXCalendarModule, typeof i4.AXTextBoxModule, typeof i5.AXButtonModule, typeof i6.AXPopoverModule, typeof i7.AXEditorDecoratorModule, typeof i8.AXIconModule, typeof i9.AXDateTimeModule, typeof i10.FormsModule], [typeof i1.AXDatePickerComponent]>;
9
15
  static ɵinj: i0.ɵɵInjectorDeclaration<AXDatepickerModule>;
10
16
  }
@@ -1,17 +1,16 @@
1
1
  import { ElementRef, ChangeDetectorRef, QueryList, EventEmitter } from '@angular/core';
2
2
  import { Subscription } from 'rxjs';
3
- import { AXButtonClickEvent, AXClickEvent } from '../base';
3
+ import { AXBaseDropdownMixin, AXButtonClickEvent, AXClickEvent } from '../base';
4
4
  import { AXButtonComponent, AXButtonItem, AXButtonItemComponent } from '../button';
5
5
  import { AXPopoverComponent } from '../popover';
6
- import { AXBaseDropDownComponent } from './dropdown-base.class';
7
6
  import * as i0 from "@angular/core";
8
- export declare class AXDropdownPanelComponent extends AXBaseDropDownComponent {
7
+ export declare class AXDropdownPanelComponent extends AXBaseDropdownMixin {
9
8
  _parent: AXButtonComponent;
10
9
  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _parent: AXButtonComponent);
11
10
  _contentButtons: QueryList<AXButtonItemComponent>;
12
11
  _viewButtons: QueryList<AXButtonItemComponent>;
13
12
  onItemClick: EventEmitter<AXButtonClickEvent>;
14
- protected popover: AXPopoverComponent;
13
+ popover: AXPopoverComponent;
15
14
  private _items;
16
15
  get items(): AXButtonItem[];
17
16
  set items(v: AXButtonItem[]);
@@ -24,5 +23,5 @@ export declare class AXDropdownPanelComponent extends AXBaseDropDownComponent {
24
23
  _emitOnItemClickEvent(e: AXClickEvent, item: AXButtonItemComponent): void;
25
24
  private _handleOnItemClick;
26
25
  static ɵfac: i0.ɵɵFactoryDeclaration<AXDropdownPanelComponent, [null, null, { optional: true; }]>;
27
- static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownPanelComponent, "ax-dropdown-panel", never, { "items": "items"; }, { "onItemClick": "onItemClick"; }, ["_contentButtons"], ["[panel],ax-button-item"]>;
26
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownPanelComponent, "ax-dropdown-panel", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "items": "items"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onItemClick": "onItemClick"; }, ["_contentButtons"], ["[panel],ax-button-item"]>;
28
27
  }
@@ -1,13 +1,12 @@
1
1
  import { ChangeDetectorRef, ElementRef } from '@angular/core';
2
- import { AXBaseComponent } from '../base';
3
- import { AXPopoverComponent } from '../popover';
4
- import { AXBaseDropDownComponent } from './dropdown-base.class';
2
+ import { AXBaseComponent, AXBaseDropdownMixin } from '../base';
3
+ import { AXPopoverComponent } from '../popover/popover.component';
5
4
  import * as i0 from "@angular/core";
6
- export declare class AXDropdownComponent extends AXBaseDropDownComponent {
7
- protected popover: AXPopoverComponent;
5
+ export declare class AXDropdownComponent extends AXBaseDropdownMixin {
6
+ popover: AXPopoverComponent;
8
7
  _target: AXBaseComponent;
9
8
  constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
10
9
  _handleArrowClickEvent(): void;
11
10
  static ɵfac: i0.ɵɵFactoryDeclaration<AXDropdownComponent, never>;
12
- static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownComponent, "ax-drop-down", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "size": "size"; "fitParent": "fitParent"; }, {}, never, ["ax-prefix", "[input]", "ax-suffix", "[panel]"]>;
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]"]>;
13
12
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acorex/components",
3
- "version": "5.0.10",
3
+ "version": "5.0.13",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^12.2.6",
6
6
  "@angular/core": "^12.2.6"
@@ -1,98 +0,0 @@
1
- import { EventEmitter, Injectable, Input, Output } from "@angular/core";
2
- import { AXBaseComponent } from "../base";
3
- import { _InteractiveComponenetMixin } from "../base/mixin/interactive-mixin.class";
4
- import { _SizableComponenetMixin } from "../base/mixin/sizable-mixin.class";
5
- import * as i0 from "@angular/core";
6
- export const AXBaseDropdownMixin = _SizableComponenetMixin(_InteractiveComponenetMixin(AXBaseComponent));
7
- export class AXBaseDropDownComponent extends AXBaseDropdownMixin {
8
- constructor() {
9
- super(...arguments);
10
- this.fitParent = true;
11
- this.onOpened = new EventEmitter();
12
- this.onClosed = new EventEmitter();
13
- this.position = [];
14
- }
15
- _emitOnOpenedEvent() {
16
- //** call from interactive mixin **//
17
- //(this as any).focus();
18
- //
19
- this.onOpened.emit({
20
- component: this,
21
- htmlElement: this._getHostElement()
22
- });
23
- }
24
- _emitOnClosedEvent() {
25
- this.onClosed.emit({
26
- component: this,
27
- htmlElement: this._getHostElement()
28
- });
29
- }
30
- onViewInit() {
31
- if (this.dropdownWidth == null) {
32
- if (this.fitParent === true) {
33
- this.dropdownWidth = this._getInnerElement().offsetWidth;
34
- }
35
- }
36
- // wait for documentElement
37
- setTimeout(() => {
38
- if (this.position.length == 0) {
39
- const offset = Number(getComputedStyle(document.documentElement).getPropertyValue('--ax-base-size').replace('px', ''));
40
- const list = [
41
- {
42
- originX: 'start',
43
- originY: 'bottom',
44
- overlayX: 'start',
45
- overlayY: 'top',
46
- offsetY: offset
47
- },
48
- {
49
- originX: 'start',
50
- originY: 'top',
51
- overlayX: 'start',
52
- overlayY: 'bottom',
53
- offsetY: -offset
54
- }
55
- ];
56
- this.position.push(...list);
57
- }
58
- }, 500);
59
- }
60
- toggle() {
61
- if (this.disabled !== true) {
62
- this.popover.toggle();
63
- }
64
- }
65
- close() {
66
- if (!this.isOpen || this.disabled) {
67
- return;
68
- }
69
- this.popover.close();
70
- this._emitOnClosedEvent();
71
- }
72
- open() {
73
- if (this.isOpen || this.disabled) {
74
- return;
75
- }
76
- this.popover.open();
77
- this._emitOnOpenedEvent();
78
- }
79
- get isOpen() {
80
- return this.popover.isOpen;
81
- }
82
- }
83
- AXBaseDropDownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXBaseDropDownComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
84
- AXBaseDropDownComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXBaseDropDownComponent });
85
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXBaseDropDownComponent, decorators: [{
86
- type: Injectable
87
- }], propDecorators: { fitParent: [{
88
- type: Input
89
- }], dropdownWidth: [{
90
- type: Input
91
- }], onOpened: [{
92
- type: Output
93
- }], onClosed: [{
94
- type: Output
95
- }], position: [{
96
- type: Input
97
- }] } });
98
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tYmFzZS5jbGFzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3NyYy9saWIvZHJvcGRvd24vZHJvcGRvd24tYmFzZS5jbGFzcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxlQUFlLEVBQWdDLE1BQU0sU0FBUyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOztBQUk1RSxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyx1QkFBdUIsQ0FDdEQsMkJBQTJCLENBQUMsZUFBZSxDQUFDLENBQy9DLENBQUM7QUFHRixNQUFNLE9BQWdCLHVCQUF3QixTQUFRLG1CQUFtQjtJQUR6RTs7UUFJSSxjQUFTLEdBQVksSUFBSSxDQUFDO1FBTTFCLGFBQVEsR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUU5RCxhQUFRLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFPOUQsYUFBUSxHQUEwQixFQUFFLENBQUM7S0E0RXhDO0lBMUVHLGtCQUFrQjtRQUNkLHFDQUFxQztRQUNyQyx3QkFBd0I7UUFDeEIsRUFBRTtRQUNGLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDO1lBQ2YsU0FBUyxFQUFFLElBQUk7WUFDZixXQUFXLEVBQUUsSUFBSSxDQUFDLGVBQWUsRUFBRTtTQUN0QyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsa0JBQWtCO1FBQ2QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUM7WUFDZixTQUFTLEVBQUUsSUFBSTtZQUNmLFdBQVcsRUFBRSxJQUFJLENBQUMsZUFBZSxFQUFFO1NBQ3RDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxVQUFVO1FBRU4sSUFBSSxJQUFJLENBQUMsYUFBYSxJQUFJLElBQUksRUFBRTtZQUM1QixJQUFJLElBQUksQ0FBQyxTQUFTLEtBQUssSUFBSSxFQUFFO2dCQUN6QixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLFdBQVcsQ0FBQzthQUM1RDtTQUNKO1FBQ0QsMkJBQTJCO1FBQzNCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDWixJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxJQUFJLENBQUMsRUFBRTtnQkFDM0IsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQztnQkFDdkgsTUFBTSxJQUFJLEdBQTBCO29CQUNoQzt3QkFDSSxPQUFPLEVBQUUsT0FBTzt3QkFDaEIsT0FBTyxFQUFFLFFBQVE7d0JBQ2pCLFFBQVEsRUFBRSxPQUFPO3dCQUNqQixRQUFRLEVBQUUsS0FBSzt3QkFDZixPQUFPLEVBQUUsTUFBTTtxQkFDbEI7b0JBQ0Q7d0JBQ0ksT0FBTyxFQUFFLE9BQU87d0JBQ2hCLE9BQU8sRUFBRSxLQUFLO3dCQUNkLFFBQVEsRUFBRSxPQUFPO3dCQUNqQixRQUFRLEVBQUUsUUFBUTt3QkFDbEIsT0FBTyxFQUFFLENBQUMsTUFBTTtxQkFDbkI7aUJBQ0osQ0FBQztnQkFDRixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxHQUFHLElBQUksQ0FBQyxDQUFDO2FBQy9CO1FBQ0wsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1osQ0FBQztJQUVELE1BQU07UUFDRixJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssSUFBSSxFQUFFO1lBQ3hCLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLENBQUM7U0FDekI7SUFDTCxDQUFDO0lBRUQsS0FBSztRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDL0IsT0FBTztTQUNWO1FBQ0QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsSUFBSTtRQUNBLElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQzlCLE9BQU87U0FDVjtRQUNELElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDcEIsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQUksTUFBTTtRQUNOLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7SUFDL0IsQ0FBQzs7b0hBN0ZpQix1QkFBdUI7d0hBQXZCLHVCQUF1QjsyRkFBdkIsdUJBQXVCO2tCQUQ1QyxVQUFVOzhCQUlQLFNBQVM7c0JBRFIsS0FBSztnQkFJTixhQUFhO3NCQURaLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxNQUFNO2dCQUdQLFFBQVE7c0JBRFAsTUFBTTtnQkFRUCxRQUFRO3NCQURQLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFdmVudEVtaXR0ZXIsIEluamVjdGFibGUsIElucHV0LCBPdXRwdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBBWEJhc2VDb21wb25lbnQsIEFYQ29ubmVjdGVkUG9zaXRpb24sIEFYRXZlbnQgfSBmcm9tIFwiLi4vYmFzZVwiO1xyXG5pbXBvcnQgeyBfSW50ZXJhY3RpdmVDb21wb25lbmV0TWl4aW4gfSBmcm9tIFwiLi4vYmFzZS9taXhpbi9pbnRlcmFjdGl2ZS1taXhpbi5jbGFzc1wiO1xyXG5pbXBvcnQgeyBfU2l6YWJsZUNvbXBvbmVuZXRNaXhpbiB9IGZyb20gXCIuLi9iYXNlL21peGluL3NpemFibGUtbWl4aW4uY2xhc3NcIjtcclxuaW1wb3J0IHsgQVhQb3BvdmVyQ29tcG9uZW50IH0gZnJvbSBcIi4uL3BvcG92ZXJcIjtcclxuXHJcblxyXG5leHBvcnQgY29uc3QgQVhCYXNlRHJvcGRvd25NaXhpbiA9IF9TaXphYmxlQ29tcG9uZW5ldE1peGluKFxyXG4gICAgX0ludGVyYWN0aXZlQ29tcG9uZW5ldE1peGluKEFYQmFzZUNvbXBvbmVudClcclxuKTtcclxuXHJcbkBJbmplY3RhYmxlKClcclxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEFYQmFzZURyb3BEb3duQ29tcG9uZW50IGV4dGVuZHMgQVhCYXNlRHJvcGRvd25NaXhpbiB7XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIGZpdFBhcmVudDogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIGRyb3Bkb3duV2lkdGg6IG51bWJlcjtcclxuXHJcbiAgICBAT3V0cHV0KClcclxuICAgIG9uT3BlbmVkOiBFdmVudEVtaXR0ZXI8QVhFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYRXZlbnQ+KCk7XHJcbiAgICBAT3V0cHV0KClcclxuICAgIG9uQ2xvc2VkOiBFdmVudEVtaXR0ZXI8QVhFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYRXZlbnQ+KCk7XHJcblxyXG5cclxuXHJcbiAgICBwcm90ZWN0ZWQgYWJzdHJhY3QgcG9wb3ZlcjogQVhQb3BvdmVyQ29tcG9uZW50O1xyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwb3NpdGlvbjogQVhDb25uZWN0ZWRQb3NpdGlvbltdID0gW107XHJcblxyXG4gICAgX2VtaXRPbk9wZW5lZEV2ZW50KCkge1xyXG4gICAgICAgIC8vKiogY2FsbCBmcm9tIGludGVyYWN0aXZlIG1peGluICoqLy9cclxuICAgICAgICAvLyh0aGlzIGFzIGFueSkuZm9jdXMoKTtcclxuICAgICAgICAvL1xyXG4gICAgICAgIHRoaXMub25PcGVuZWQuZW1pdCh7XHJcbiAgICAgICAgICAgIGNvbXBvbmVudDogdGhpcyxcclxuICAgICAgICAgICAgaHRtbEVsZW1lbnQ6IHRoaXMuX2dldEhvc3RFbGVtZW50KClcclxuICAgICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICBfZW1pdE9uQ2xvc2VkRXZlbnQoKSB7XHJcbiAgICAgICAgdGhpcy5vbkNsb3NlZC5lbWl0KHtcclxuICAgICAgICAgICAgY29tcG9uZW50OiB0aGlzLFxyXG4gICAgICAgICAgICBodG1sRWxlbWVudDogdGhpcy5fZ2V0SG9zdEVsZW1lbnQoKVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIG9uVmlld0luaXQoKSB7XHJcblxyXG4gICAgICAgIGlmICh0aGlzLmRyb3Bkb3duV2lkdGggPT0gbnVsbCkge1xyXG4gICAgICAgICAgICBpZiAodGhpcy5maXRQYXJlbnQgPT09IHRydWUpIHtcclxuICAgICAgICAgICAgICAgIHRoaXMuZHJvcGRvd25XaWR0aCA9IHRoaXMuX2dldElubmVyRWxlbWVudCgpLm9mZnNldFdpZHRoO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC8vIHdhaXQgZm9yIGRvY3VtZW50RWxlbWVudFxyXG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgICAgICBpZiAodGhpcy5wb3NpdGlvbi5sZW5ndGggPT0gMCkge1xyXG4gICAgICAgICAgICAgICAgY29uc3Qgb2Zmc2V0ID0gTnVtYmVyKGdldENvbXB1dGVkU3R5bGUoZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50KS5nZXRQcm9wZXJ0eVZhbHVlKCctLWF4LWJhc2Utc2l6ZScpLnJlcGxhY2UoJ3B4JywgJycpKTtcclxuICAgICAgICAgICAgICAgIGNvbnN0IGxpc3Q6IEFYQ29ubmVjdGVkUG9zaXRpb25bXSA9IFtcclxuICAgICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9yaWdpblg6ICdzdGFydCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9yaWdpblk6ICdib3R0b20nLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBvdmVybGF5WDogJ3N0YXJ0JyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgb3ZlcmxheVk6ICd0b3AnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBvZmZzZXRZOiBvZmZzZXRcclxuICAgICAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgb3JpZ2luWDogJ3N0YXJ0JyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgb3JpZ2luWTogJ3RvcCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG92ZXJsYXlYOiAnc3RhcnQnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBvdmVybGF5WTogJ2JvdHRvbScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9mZnNldFk6IC1vZmZzZXRcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICBdO1xyXG4gICAgICAgICAgICAgICAgdGhpcy5wb3NpdGlvbi5wdXNoKC4uLmxpc3QpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSwgNTAwKTtcclxuICAgIH1cclxuXHJcbiAgICB0b2dnbGUoKSB7XHJcbiAgICAgICAgaWYgKHRoaXMuZGlzYWJsZWQgIT09IHRydWUpIHtcclxuICAgICAgICAgICAgdGhpcy5wb3BvdmVyLnRvZ2dsZSgpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBjbG9zZSgpIHtcclxuICAgICAgICBpZiAoIXRoaXMuaXNPcGVuIHx8IHRoaXMuZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLnBvcG92ZXIuY2xvc2UoKTtcclxuICAgICAgICB0aGlzLl9lbWl0T25DbG9zZWRFdmVudCgpO1xyXG4gICAgfVxyXG5cclxuICAgIG9wZW4oKSB7XHJcbiAgICAgICAgaWYgKHRoaXMuaXNPcGVuIHx8IHRoaXMuZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLnBvcG92ZXIub3BlbigpO1xyXG4gICAgICAgIHRoaXMuX2VtaXRPbk9wZW5lZEV2ZW50KCk7XHJcbiAgICB9XHJcblxyXG4gICAgZ2V0IGlzT3BlbigpOiBib29sZWFuIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5wb3BvdmVyLmlzT3BlbjtcclxuICAgIH1cclxufSJdfQ==
@@ -1,94 +0,0 @@
1
- import { EventEmitter } from "@angular/core";
2
- import { AXBaseComponent, AXConnectedPosition, AXEvent } from "../base";
3
- import { AXPopoverComponent } from "../popover";
4
- import * as i0 from "@angular/core";
5
- export declare const AXBaseDropdownMixin: {
6
- new (...args: any[]): {
7
- size: import("../base").AXElementSize;
8
- _onInternalInit(): void;
9
- id: string;
10
- rtl: boolean;
11
- cssClass: string;
12
- cssStyle: string;
13
- "__#1@#elementRef": import("@angular/core").ElementRef<any>;
14
- _cdr: import("@angular/core").ChangeDetectorRef;
15
- _isInited: boolean;
16
- _isRendered: boolean;
17
- ngOnInit(): void;
18
- ngAfterViewInit(): void;
19
- ngOnDestroy(): void;
20
- _getHostElement<T = HTMLElement>(): T;
21
- _getInnerElement<T_1 = HTMLElement>(): T_1;
22
- _onInternalViewInit(): void;
23
- _onInternalDestroy(): void;
24
- onInit(): void;
25
- onRenderCssClass(): void;
26
- onViewInit(): void;
27
- onDestroy(): void;
28
- onOptionChanging(option: {
29
- name: string;
30
- value?: any;
31
- }): any;
32
- onOptionChanged(option: {
33
- name: string;
34
- oldValue?: any;
35
- newValue?: any;
36
- }): void;
37
- };
38
- } & (abstract new (...args: any[]) => {
39
- "__#5@#disabled": boolean;
40
- disabled: boolean;
41
- "__#5@#tabIndex": number;
42
- tabIndex: number;
43
- onFocus: EventEmitter<import("../base").AXFocusEvent>;
44
- _emitOnFocusEvent(e: FocusEvent): void;
45
- onBlur: EventEmitter<import("../base").AXFocusEvent>;
46
- _emitOnBlurEvent(e: FocusEvent): void;
47
- focus(): void;
48
- id: string;
49
- rtl: boolean;
50
- cssClass: string;
51
- cssStyle: string;
52
- "__#1@#elementRef": import("@angular/core").ElementRef<any>;
53
- _cdr: import("@angular/core").ChangeDetectorRef;
54
- _isInited: boolean;
55
- _isRendered: boolean;
56
- ngOnInit(): void;
57
- ngAfterViewInit(): void;
58
- ngOnDestroy(): void;
59
- _getHostElement<T = HTMLElement>(): T;
60
- _getInnerElement<T_1 = HTMLElement>(): T_1;
61
- _onInternalInit(): void;
62
- _onInternalViewInit(): void;
63
- _onInternalDestroy(): void;
64
- onInit(): void;
65
- onRenderCssClass(): void;
66
- onViewInit(): void;
67
- onDestroy(): void;
68
- onOptionChanging(option: {
69
- name: string;
70
- value?: any;
71
- }): any;
72
- onOptionChanged(option: {
73
- name: string;
74
- oldValue?: any;
75
- newValue?: any;
76
- }): void;
77
- }) & typeof AXBaseComponent;
78
- export declare abstract class AXBaseDropDownComponent extends AXBaseDropdownMixin {
79
- fitParent: boolean;
80
- dropdownWidth: number;
81
- onOpened: EventEmitter<AXEvent>;
82
- onClosed: EventEmitter<AXEvent>;
83
- protected abstract popover: AXPopoverComponent;
84
- position: AXConnectedPosition[];
85
- _emitOnOpenedEvent(): void;
86
- _emitOnClosedEvent(): void;
87
- onViewInit(): void;
88
- toggle(): void;
89
- close(): void;
90
- open(): void;
91
- get isOpen(): boolean;
92
- static ɵfac: i0.ɵɵFactoryDeclaration<AXBaseDropDownComponent, never>;
93
- static ɵprov: i0.ɵɵInjectableDeclaration<AXBaseDropDownComponent>;
94
- }