@acorex/components 5.0.34 → 5.0.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/esm2020/lib/badge/badge.component.mjs +3 -3
  2. package/esm2020/lib/base/mixin/datalist-component.class.mjs +40 -9
  3. package/esm2020/lib/base/mixin/dropdown-mixin.class.mjs +21 -10
  4. package/esm2020/lib/base/mixin/selection-component.class.mjs +17 -3
  5. package/esm2020/lib/base/mixin/value-mixin.class.mjs +8 -8
  6. package/esm2020/lib/checkbox/checkbox.component.mjs +5 -14
  7. package/esm2020/lib/checkbox/checkbox.module.mjs +5 -4
  8. package/esm2020/lib/datepicker/datepicker.component.mjs +22 -14
  9. package/esm2020/lib/dropdown/dropdown-panel.component.mjs +3 -3
  10. package/esm2020/lib/dropdown/dropdown.module.mjs +4 -5
  11. package/esm2020/lib/dropdown/index.mjs +1 -2
  12. package/esm2020/lib/form/form-field.component.mjs +3 -3
  13. package/esm2020/lib/label/label.component.mjs +10 -3
  14. package/esm2020/lib/popover/popover.component.mjs +27 -14
  15. package/esm2020/lib/popup/popup.component.mjs +18 -11
  16. package/esm2020/lib/popup/popup.module.mjs +3 -4
  17. package/esm2020/lib/popup/popup.service.mjs +6 -4
  18. package/esm2020/lib/selectbox/selectbox.component.mjs +74 -34
  19. package/esm2020/lib/selectbox/selectbox.module.mjs +7 -5
  20. package/esm2020/lib/textbox/textbox.component.mjs +2 -1
  21. package/fesm2015/acorex-components.mjs +389 -293
  22. package/fesm2015/acorex-components.mjs.map +1 -1
  23. package/fesm2020/acorex-components.mjs +387 -293
  24. package/fesm2020/acorex-components.mjs.map +1 -1
  25. package/lib/base/mixin/datalist-component.class.d.ts +4 -1
  26. package/lib/base/mixin/dropdown-mixin.class.d.ts +1 -3
  27. package/lib/base/mixin/mixin.class.d.ts +2 -4
  28. package/lib/base/mixin/selection-component.class.d.ts +8 -0
  29. package/lib/base/mixin/value-mixin.class.d.ts +1 -1
  30. package/lib/checkbox/checkbox.component.d.ts +2 -4
  31. package/lib/checkbox/checkbox.module.d.ts +2 -1
  32. package/lib/datepicker/datepicker.component.d.ts +11 -7
  33. package/lib/dropdown/dropdown.module.d.ts +8 -9
  34. package/lib/dropdown/index.d.ts +0 -1
  35. package/lib/label/label.component.d.ts +3 -0
  36. package/lib/popover/popover.component.d.ts +2 -0
  37. package/lib/popup/popup.component.d.ts +5 -2
  38. package/lib/popup/popup.service.d.ts +1 -0
  39. package/lib/selectbox/selectbox.component.d.ts +19 -11
  40. package/lib/selectbox/selectbox.module.d.ts +9 -7
  41. package/package.json +1 -1
  42. package/esm2020/lib/dropdown/dropdown.component.mjs +0 -28
  43. 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,13 +1,11 @@
1
- import { ChangeDetectorRef, ElementRef, QueryList } from '@angular/core';
1
+ import { ChangeDetectorRef, ElementRef } from '@angular/core';
2
2
  import { AXBaseValueComponentMixin } from '../base';
3
3
  import * as i0 from "@angular/core";
4
4
  export declare class AXCheckBoxComponent extends AXBaseValueComponentMixin {
5
- _hint: QueryList<ElementRef>;
6
- _label: QueryList<ElementRef>;
7
5
  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
8
6
  onInit(): void;
9
7
  _onValueChanging(value: any): any;
10
8
  _handleOnClickEvent(e: MouseEvent): boolean;
11
9
  static ɵfac: i0.ɵɵFactoryDeclaration<AXCheckBoxComponent, never>;
12
- static ɵcmp: i0.ɵɵComponentDeclaration<AXCheckBoxComponent, "ax-check-box", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, ["_hint", "_label"], ["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"]>;
13
11
  }
@@ -2,8 +2,9 @@ import * as i0 from "@angular/core";
2
2
  import * as i1 from "./checkbox.component";
3
3
  import * as i2 from "@angular/common";
4
4
  import * as i3 from "@angular/forms";
5
+ import * as i4 from "../decorators/decorators.module";
5
6
  export declare class AXCheckBoxModule {
6
7
  static ɵfac: i0.ɵɵFactoryDeclaration<AXCheckBoxModule, never>;
7
- static ɵmod: i0.ɵɵNgModuleDeclaration<AXCheckBoxModule, [typeof i1.AXCheckBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule], [typeof i1.AXCheckBoxComponent]>;
8
+ static ɵmod: i0.ɵɵNgModuleDeclaration<AXCheckBoxModule, [typeof i1.AXCheckBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXEditorDecoratorModule], [typeof i1.AXCheckBoxComponent]>;
8
9
  static ɵinj: i0.ɵɵInjectorDeclaration<AXCheckBoxModule>;
9
10
  }
@@ -1,5 +1,6 @@
1
+ import { AXPlatform } from '@acorex/core';
1
2
  import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
2
- import { AXBaseComponent, AXClickEvent } from '../base';
3
+ import { AXClickEvent } from '../base';
3
4
  import { AXCalendarBaseComponent } from '../calendar/calendar.class';
4
5
  import { AXPopoverComponent } from '../popover/popover.component';
5
6
  import * as i0 from "@angular/core";
@@ -37,15 +38,14 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
37
38
  _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
38
39
  _setOption(option: import("../base").AXComponentSetOption): void;
39
40
  }) & (abstract new (...args: any[]) => {
40
- fitParent: boolean;
41
41
  readonly: boolean;
42
- dropdownWidth: number;
43
42
  onOpened: EventEmitter<import("../base").AXEvent>;
44
43
  onClosed: EventEmitter<import("../base").AXEvent>;
45
44
  popover: AXPopoverComponent;
46
45
  position: import("../base").AXConnectedPosition[];
47
46
  _emitOnOpenedEvent(): void;
48
47
  _emitOnClosedEvent(): void;
48
+ onInit(): void;
49
49
  onViewInit(): void;
50
50
  toggle(): void;
51
51
  close(): void;
@@ -67,7 +67,6 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
67
67
  _onInternalInit(): void;
68
68
  _onInternalViewInit(): void;
69
69
  _onInternalDestroy(): void;
70
- onInit(): void;
71
70
  onRenderCssClass(): void;
72
71
  onDestroy(): void;
73
72
  _onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
@@ -98,7 +97,7 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
98
97
  _setValue(v: any): void;
99
98
  clear(): void;
100
99
  validate(): Promise<import("../validation/validation.class").AXValidationRuleResult>;
101
- _setErrorState(state: "error" | "clear" | "success", ...args: any[]): void;
100
+ _setState(state: "error" | "clear" | "success", ...args: any[]): void;
102
101
  id: string;
103
102
  rtl: boolean;
104
103
  cssClass: string;
@@ -154,16 +153,21 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
154
153
  };
155
154
  } & typeof AXCalendarBaseComponent;
156
155
  export declare class AXDatePickerComponent extends AXBaseDatePickerMixin {
156
+ private _platform;
157
157
  popover: AXPopoverComponent;
158
- _target: AXBaseComponent;
158
+ _target: HTMLDivElement;
159
159
  displayText: string;
160
160
  _calendarValue: Date;
161
161
  _cursorPos: number;
162
+ _isMobile: boolean;
163
+ _popoverTitle: string;
164
+ _popoverWidth: number;
162
165
  formatChange: EventEmitter<string>;
163
166
  private _format;
164
167
  get format(): string;
165
168
  set format(v: string);
166
- constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
169
+ constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _platform: AXPlatform);
170
+ onViewInit(): void;
167
171
  _handleArrowClickEvent(e: AXClickEvent): void;
168
172
  _onValueChanged(oldValue?: any, newValue?: any): void;
169
173
  _handleOnKeydownEvent(e: KeyboardEvent): void;
@@ -1,14 +1,13 @@
1
1
  import * as i0 from "@angular/core";
2
- import * as i1 from "./dropdown.component";
3
- import * as i2 from "./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';
@@ -3,6 +3,9 @@ import { AXBaseComponentMixin } from '../base';
3
3
  import * as i0 from "@angular/core";
4
4
  export declare class AXLabelComponent extends AXBaseComponentMixin {
5
5
  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
6
+ private _target;
7
+ get target(): string;
8
+ set target(v: string);
6
9
  static ɵfac: i0.ɵɵFactoryDeclaration<AXLabelComponent, never>;
7
10
  static ɵcmp: i0.ɵɵComponentDeclaration<AXLabelComponent, "ax-label", never, {}, {}, never, ["*"]>;
8
11
  }
@@ -6,6 +6,7 @@ import { TemplatePortal } from '@angular/cdk/portal';
6
6
  import { Subscription } from 'rxjs';
7
7
  import * as i0 from "@angular/core";
8
8
  export declare class AXPopoverComponent extends AXBaseComponent {
9
+ private _elementRef;
9
10
  _cdr: ChangeDetectorRef;
10
11
  private _zone;
11
12
  private _overlay;
@@ -39,6 +40,7 @@ export declare class AXPopoverComponent extends AXBaseComponent {
39
40
  private _ensureOverlayCreated;
40
41
  get isOpen(): boolean;
41
42
  private _addSub;
43
+ updatePosition(): void;
42
44
  static ɵfac: i0.ɵɵFactoryDeclaration<AXPopoverComponent, never>;
43
45
  static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "target": "target"; "position": "position"; "openTrigger": "openTrigger"; "closeTrigger": "closeTrigger"; "hasBackdrop": "hasBackdrop"; "backdropClass": "backdropClass"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["*"]>;
44
46
  }
@@ -3,16 +3,19 @@ import { AXBaseComponentMixin } from '../base';
3
3
  import { AXPageCloseEvent } from '../page/base-page.class';
4
4
  import { AXLoadingService } from '../loading';
5
5
  import { CdkPortalOutletAttachedRef, Portal } from '@angular/cdk/portal';
6
+ import { AXPlatform } from '@acorex/core';
6
7
  import * as i0 from "@angular/core";
7
8
  export declare class AXPopupComponent extends AXBaseComponentMixin {
8
9
  private _zone;
9
10
  private _viewContainerRef;
10
11
  private loadingService;
12
+ private _platform;
11
13
  isLoading: boolean;
12
14
  private _loadingId;
13
15
  title: string;
14
16
  onClosed: EventEmitter<AXPageCloseEvent>;
15
17
  size: 'sm' | 'md' | 'lg' | 'full';
18
+ draggable: boolean;
16
19
  data: any;
17
20
  showCloseButton: boolean;
18
21
  showHeader: boolean;
@@ -20,8 +23,8 @@ export declare class AXPopupComponent extends AXBaseComponentMixin {
20
23
  _selectedPortal: Portal<any>;
21
24
  _footerPortal: Portal<any>;
22
25
  _headerPortal: Portal<any>;
23
- constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _zone: NgZone, _viewContainerRef: ViewContainerRef, loadingService: AXLoadingService);
24
- onViewInit(): void;
26
+ constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _zone: NgZone, _viewContainerRef: ViewContainerRef, loadingService: AXLoadingService, _platform: AXPlatform);
27
+ onInit(): void;
25
28
  _handleAttched(ref: CdkPortalOutletAttachedRef): void;
26
29
  onKeydownHandler(event: KeyboardEvent): void;
27
30
  _handleCloseClick(): void;
@@ -30,6 +30,7 @@ export declare class AXPopupService {
30
30
  maximizable?: boolean;
31
31
  size?: 'sm' | 'md' | 'lg' | 'full' | 'fit';
32
32
  data?: any;
33
+ draggable?: boolean;
33
34
  }): AXPageClosedPromise;
34
35
  private closePopup;
35
36
  static ɵfac: i0.ɵɵFactoryDeclaration<AXPopupService, never>;
@@ -1,18 +1,26 @@
1
+ import { AXPlatform } from '@acorex/core';
1
2
  import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
2
- import { AXBaseSelectionDropdownMixin } from '../base';
3
- import { DropdownComponentInterface } from '../base/mixin/dropdown-mixin.class';
3
+ import { AXBaseSelectionDropdownMixin, AXClickEvent } from '../base';
4
+ import { AXPopoverComponent } from '../popover';
4
5
  import * as i0 from "@angular/core";
5
- export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin implements DropdownComponentInterface {
6
- private zone;
7
- private dropdown;
6
+ export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin {
7
+ private _elementRef;
8
+ private _cdr;
9
+ private _zone;
10
+ private _platform;
11
+ popover: AXPopoverComponent;
12
+ _target: HTMLDivElement;
13
+ _popoverTitle: string;
14
+ _popoverWidth: number;
15
+ checkbox: boolean;
8
16
  private listContainer;
9
17
  _currentfocusedIndex: number;
10
- constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, zone: NgZone);
11
- open(): void;
12
- close(): void;
13
- toggle(): void;
18
+ _isMobile: boolean;
19
+ constructor(_elementRef: ElementRef<HTMLDivElement>, _cdr: ChangeDetectorRef, _zone: NgZone, _platform: AXPlatform);
20
+ _handleArrowClickEvent(e: AXClickEvent): void;
21
+ _handleInputClickEvent(e: MouseEvent): void;
22
+ onInit(): void;
14
23
  onViewInit(): void;
15
- get isOpen(): boolean;
16
24
  _handleOnItemClick(e: MouseEvent, item: any): void;
17
25
  _handleListScroll(e: Event): void;
18
26
  private _checkForLoadData;
@@ -25,5 +33,5 @@ export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin i
25
33
  private _focusSelectedItem;
26
34
  private _selectedItemByIndex;
27
35
  static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxComponent, never>;
28
- static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "size": "size"; "fitParent": "fitParent"; "value": "value"; "items": "items"; "multiple": "multiple"; "allowNull": "allowNull"; "valueField": "valueField"; "textField": "textField"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, 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"]>;
29
37
  }
@@ -1,14 +1,16 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import * as i1 from "./selectbox.component";
3
3
  import * as i2 from "@angular/common";
4
- import * as i3 from "../dropdown/dropdown.module";
5
- import * as i4 from "@angular/forms";
6
- import * as i5 from "../checkbox/checkbox.module";
7
- import * as i6 from "../badge/badge.module";
8
- import * as i7 from "../decorators/decorators.module";
9
- import * as i8 from "../icon/icon.module";
4
+ import * as i3 from "@angular/forms";
5
+ import * as i4 from "../checkbox/checkbox.module";
6
+ import * as i5 from "../badge/badge.module";
7
+ import * as i6 from "../decorators/decorators.module";
8
+ import * as i7 from "../icon/icon.module";
9
+ import * as i8 from "../popover/popover.module";
10
+ import * as i9 from "../button/button.module";
11
+ import * as i10 from "../label/label.module";
10
12
  export declare class AXSelectBoxModule {
11
13
  static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxModule, never>;
12
- static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectBoxModule, [typeof i1.AXSelectBoxComponent], [typeof i2.CommonModule, typeof i3.AXDropdownModule, typeof i4.FormsModule, typeof i5.AXCheckBoxModule, typeof i6.AXBadgeModule, typeof i7.AXEditorDecoratorModule, typeof i8.AXIconModule], [typeof i1.AXSelectBoxComponent]>;
14
+ static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectBoxModule, [typeof i1.AXSelectBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXCheckBoxModule, typeof i5.AXBadgeModule, typeof i6.AXEditorDecoratorModule, typeof i7.AXIconModule, typeof i8.AXPopoverModule, typeof i9.AXButtonModule, typeof i10.AXLabelModule], [typeof i1.AXSelectBoxComponent]>;
13
15
  static ɵinj: i0.ɵɵInjectorDeclaration<AXSelectBoxModule>;
14
16
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acorex/components",
3
- "version": "5.0.34",
3
+ "version": "5.0.38",
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
- }