@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.
Files changed (38) hide show
  1. package/esm2020/lib/base/mixin/datalist-component.class.mjs +40 -9
  2. package/esm2020/lib/base/mixin/dropdown-mixin.class.mjs +21 -10
  3. package/esm2020/lib/base/mixin/selection-component.class.mjs +16 -2
  4. package/esm2020/lib/base/mixin/value-mixin.class.mjs +8 -8
  5. package/esm2020/lib/checkbox/checkbox.component.mjs +5 -18
  6. package/esm2020/lib/checkbox/checkbox.module.mjs +5 -4
  7. package/esm2020/lib/datepicker/datepicker.component.mjs +8 -5
  8. package/esm2020/lib/dropdown/dropdown.module.mjs +4 -5
  9. package/esm2020/lib/dropdown/index.mjs +1 -2
  10. package/esm2020/lib/popover/popover.component.mjs +16 -13
  11. package/esm2020/lib/popup/popup.component.mjs +3 -3
  12. package/esm2020/lib/popup/popup.module.mjs +3 -4
  13. package/esm2020/lib/popup/popup.service.mjs +4 -3
  14. package/esm2020/lib/radio/index.mjs +1 -1
  15. package/esm2020/lib/radio/radio.component.mjs +3 -3
  16. package/esm2020/lib/radio/radio.module.mjs +1 -1
  17. package/esm2020/lib/selectbox/selectbox.component.mjs +51 -19
  18. package/esm2020/lib/textbox/textbox.component.mjs +2 -1
  19. package/fesm2015/acorex-components.mjs +341 -277
  20. package/fesm2015/acorex-components.mjs.map +1 -1
  21. package/fesm2020/acorex-components.mjs +339 -277
  22. package/fesm2020/acorex-components.mjs.map +1 -1
  23. package/lib/base/mixin/datalist-component.class.d.ts +4 -1
  24. package/lib/base/mixin/dropdown-mixin.class.d.ts +1 -3
  25. package/lib/base/mixin/mixin.class.d.ts +2 -4
  26. package/lib/base/mixin/selection-component.class.d.ts +8 -0
  27. package/lib/base/mixin/value-mixin.class.d.ts +1 -1
  28. package/lib/checkbox/checkbox.component.d.ts +2 -6
  29. package/lib/checkbox/checkbox.module.d.ts +2 -1
  30. package/lib/datepicker/datepicker.component.d.ts +7 -6
  31. package/lib/dropdown/dropdown.module.d.ts +8 -9
  32. package/lib/dropdown/index.d.ts +0 -1
  33. package/lib/popover/popover.component.d.ts +2 -0
  34. package/lib/popup/popup.component.d.ts +1 -1
  35. package/lib/selectbox/selectbox.component.d.ts +7 -2
  36. package/package.json +1 -1
  37. package/esm2020/lib/dropdown/dropdown.component.mjs +0 -28
  38. 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
- _setErrorState(state: "error" | "clear" | "success", ...args: any[]): void;
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
- _setErrorState(state: 'clear' | 'success' | 'error', ...args: any[]): void;
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, QueryList } from '@angular/core';
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"; }, ["_label", "_hint"], ["ax-label", "ax-form-hint", "ax-validation-rule"]>;
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 { AXBaseComponent, AXClickEvent } from '../base';
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
- _setErrorState(state: "error" | "clear" | "success", ...args: any[]): void;
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: AXBaseComponent;
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 "./dropdown-panel.component";
4
- import * as i3 from "@angular/common";
5
- import * as i4 from "../button/button.module";
6
- import * as i5 from "@angular/cdk/overlay";
7
- import * as i6 from "../icon/icon.module";
8
- import * as i7 from "../decorators/decorators.module";
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.AXDropdownComponent, typeof i2.AXDropdownPanelComponent], [typeof i3.CommonModule, typeof i4.AXButtonModule, typeof i5.OverlayModule, typeof i6.AXIconModule, typeof i7.AXEditorDecoratorModule, typeof i8.AXPopoverModule], [typeof i1.AXDropdownComponent, typeof i2.AXDropdownPanelComponent]>;
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
  }
@@ -1,3 +1,2 @@
1
- export * from './dropdown.component';
2
1
  export * from './dropdown-panel.component';
3
2
  export * from './dropdown.module';
@@ -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
- onViewInit(): void;
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, _cdr: ChangeDetectorRef, _zone: NgZone, _platform: AXPlatform);
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"; "valueField": "valueField"; "textField": "textField"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "depthChange": "depthChange"; }, never, ["ax-prefix", "ax-suffix"]>;
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,6 +1,6 @@
1
1
  {
2
2
  "name": "@acorex/components",
3
- "version": "5.0.36",
3
+ "version": "5.0.37",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.1.1",
6
6
  "@angular/core": "^13.1.1",
@@ -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
- }