@ng-matero/extensions 12.9.2 → 12.10.1

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 (64) hide show
  1. package/bundles/mtxColorpicker.umd.js +18 -11
  2. package/bundles/mtxColorpicker.umd.js.map +1 -1
  3. package/bundles/mtxCore.umd.js.map +1 -1
  4. package/bundles/mtxDatetimepicker.umd.js +27 -15
  5. package/bundles/mtxDatetimepicker.umd.js.map +1 -1
  6. package/bundles/mtxGrid.umd.js +24 -21
  7. package/bundles/mtxGrid.umd.js.map +1 -1
  8. package/bundles/mtxPopover.umd.js +997 -803
  9. package/bundles/mtxPopover.umd.js.map +1 -1
  10. package/bundles/mtxSelect.umd.js +237 -156
  11. package/bundles/mtxSelect.umd.js.map +1 -1
  12. package/colorpicker/colorpicker-toggle.d.ts +5 -3
  13. package/colorpicker/mtxColorpicker.metadata.json +1 -1
  14. package/core/datetime/datetime-formats.d.ts +2 -0
  15. package/datetimepicker/datetimepicker-toggle.d.ts +2 -2
  16. package/datetimepicker/mtxDatetimepicker.metadata.json +1 -1
  17. package/esm2015/colorpicker/colorpicker-toggle.js +23 -16
  18. package/esm2015/core/datetime/datetime-formats.js +1 -1
  19. package/esm2015/datetimepicker/datetimepicker-input.js +6 -1
  20. package/esm2015/datetimepicker/datetimepicker-toggle.js +19 -14
  21. package/esm2015/datetimepicker/datetimepicker.js +6 -4
  22. package/esm2015/grid/cell.component.js +7 -4
  23. package/esm2015/grid/column-menu.component.js +10 -14
  24. package/esm2015/grid/grid.component.js +10 -6
  25. package/esm2015/popover/popover-animations.js +10 -13
  26. package/esm2015/popover/popover-content.js +99 -0
  27. package/esm2015/popover/popover-interfaces.js +1 -1
  28. package/esm2015/popover/popover-module.js +7 -5
  29. package/esm2015/popover/popover-target.js +3 -3
  30. package/esm2015/popover/popover-trigger.js +210 -172
  31. package/esm2015/popover/popover-types.js +1 -1
  32. package/esm2015/popover/popover.js +173 -125
  33. package/esm2015/popover/public-api.js +2 -1
  34. package/esm2015/select/option.component.js +4 -6
  35. package/esm2015/select/select.component.js +111 -31
  36. package/fesm2015/mtxColorpicker.js +19 -12
  37. package/fesm2015/mtxColorpicker.js.map +1 -1
  38. package/fesm2015/mtxCore.js.map +1 -1
  39. package/fesm2015/mtxDatetimepicker.js +28 -16
  40. package/fesm2015/mtxDatetimepicker.js.map +1 -1
  41. package/fesm2015/mtxGrid.js +24 -21
  42. package/fesm2015/mtxGrid.js.map +1 -1
  43. package/fesm2015/mtxPopover.js +526 -351
  44. package/fesm2015/mtxPopover.js.map +1 -1
  45. package/fesm2015/mtxSelect.js +169 -92
  46. package/fesm2015/mtxSelect.js.map +1 -1
  47. package/grid/cell.component.d.ts +4 -2
  48. package/grid/column-menu.component.d.ts +3 -5
  49. package/grid/grid.component.d.ts +6 -4
  50. package/grid/mtxGrid.metadata.json +1 -1
  51. package/package.json +1 -1
  52. package/popover/mtxPopover.metadata.json +1 -1
  53. package/popover/popover-animations.d.ts +1 -1
  54. package/popover/popover-content.d.ts +38 -0
  55. package/popover/popover-interfaces.d.ts +37 -31
  56. package/popover/popover-target.d.ts +2 -2
  57. package/popover/popover-trigger.d.ts +65 -60
  58. package/popover/popover-types.d.ts +6 -1
  59. package/popover/popover.d.ts +97 -69
  60. package/popover/popover.scss +2 -0
  61. package/popover/public-api.d.ts +1 -0
  62. package/select/mtxSelect.metadata.json +1 -1
  63. package/select/option.component.d.ts +7 -6
  64. package/select/select.component.d.ts +59 -20
@@ -1,23 +1,43 @@
1
- import { OnInit, OnDestroy, DoCheck, ElementRef, ChangeDetectorRef, EventEmitter, TemplateRef, QueryList, AfterViewInit } from '@angular/core';
2
- import { ControlValueAccessor, NgControl } from '@angular/forms';
3
- import { MatFormFieldControl } from '@angular/material/form-field';
4
- import { BooleanInput } from '@angular/cdk/coercion';
5
1
  import { FocusMonitor } from '@angular/cdk/a11y';
2
+ import { BooleanInput } from '@angular/cdk/coercion';
3
+ import { AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
4
+ import { ErrorStateMatcher } from '@angular/material/core';
5
+ import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
6
+ import { MatFormField, MatFormFieldControl } from '@angular/material/form-field';
6
7
  import { Subject } from 'rxjs';
7
- import { MtxOptionComponent } from './option.component';
8
8
  import { NgSelectComponent } from '@ng-select/ng-select';
9
+ import { MtxOptionComponent } from './option.component';
9
10
  export declare type DropdownPosition = 'bottom' | 'top' | 'auto';
10
11
  export declare type AddTagFn = (term: string) => any | Promise<any>;
11
12
  export declare type CompareWithFn = (a: any, b: any) => boolean;
12
13
  export declare type GroupValueFn = (key: string | Record<string, any>, children: any[]) => string | Record<string, any>;
13
14
  export declare type SearchFn = (term: string, item: any) => boolean;
14
15
  export declare type TrackByFn = (item: any) => any;
15
- export declare function isDefined(value: any): boolean;
16
- export declare class MtxSelectComponent implements OnInit, OnDestroy, DoCheck, AfterViewInit, ControlValueAccessor, MatFormFieldControl<any> {
17
- private _focusMonitor;
18
- private _elementRef;
19
- private _changeDetectorRef;
20
- ngControl: NgControl;
16
+ /** @docs-private */
17
+ declare const _MtxSelectMixinBase: import("@angular/material/core/common-behaviors/constructor").Constructor<import("@angular/material/core").CanUpdateErrorState> & import("@angular/material/core/common-behaviors/constructor").AbstractConstructor<import("@angular/material/core").CanUpdateErrorState> & {
18
+ new (_defaultErrorStateMatcher: ErrorStateMatcher, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl): {
19
+ /**
20
+ * Emits whenever the component state changes and should cause the parent
21
+ * form-field to update. Implemented as part of `MatFormFieldControl`.
22
+ * @docs-private
23
+ */
24
+ readonly stateChanges: Subject<void>;
25
+ _defaultErrorStateMatcher: ErrorStateMatcher;
26
+ _parentForm: NgForm;
27
+ _parentFormGroup: FormGroupDirective;
28
+ /**
29
+ * Form control bound to the component.
30
+ * Implemented as part of `MatFormFieldControl`.
31
+ * @docs-private
32
+ */
33
+ ngControl: NgControl;
34
+ };
35
+ };
36
+ export declare class MtxSelectComponent extends _MtxSelectMixinBase implements OnInit, OnDestroy, DoCheck, AfterViewInit, ControlValueAccessor, MatFormFieldControl<any> {
37
+ protected _changeDetectorRef: ChangeDetectorRef;
38
+ protected _elementRef: ElementRef;
39
+ protected _focusMonitor: FocusMonitor;
40
+ private _parentFormField?;
21
41
  ngSelect: NgSelectComponent;
22
42
  optionTemplate: TemplateRef<any>;
23
43
  optgroupTemplate: TemplateRef<any>;
@@ -31,7 +51,6 @@ export declare class MtxSelectComponent implements OnInit, OnDestroy, DoCheck, A
31
51
  tagTemplate: TemplateRef<any>;
32
52
  loadingSpinnerTemplate: TemplateRef<any>;
33
53
  mtxOptions: QueryList<MtxOptionComponent>;
34
- /** MtxSelect options */
35
54
  addTag: boolean | AddTagFn;
36
55
  addTagText: string;
37
56
  appearance: string;
@@ -93,11 +112,12 @@ export declare class MtxSelectComponent implements OnInit, OnDestroy, DoCheck, A
93
112
  scrollToEnd: EventEmitter<any>;
94
113
  get clearSearchOnAdd(): boolean;
95
114
  set clearSearchOnAdd(value: boolean);
96
- private _clearSearchOnAdd;
115
+ private _clearSearchOnAdd?;
97
116
  get items(): any[];
98
117
  set items(value: any[]);
99
118
  private _items;
100
119
  private _itemsAreUsed;
120
+ /** Emits whenever the component is destroyed. */
101
121
  private readonly _destroy$;
102
122
  /** Value of the select control. */
103
123
  get value(): any;
@@ -109,37 +129,55 @@ export declare class MtxSelectComponent implements OnInit, OnDestroy, DoCheck, A
109
129
  get id(): string;
110
130
  set id(value: string);
111
131
  private _id;
112
- /** Unique id for this input. */
132
+ /** Unique id for this select. */
113
133
  private _uid;
114
134
  /** Placeholder to be shown if value is empty. */
115
135
  get placeholder(): string;
116
136
  set placeholder(value: string);
117
137
  private _placeholder;
118
- /** Whether the input is focused. */
138
+ /** Whether the select is focused. */
119
139
  get focused(): boolean;
120
140
  private _focused;
141
+ /** Whether the select has a value. */
121
142
  get empty(): boolean;
143
+ /**
144
+ * Implemented as part of MatFormFieldControl.
145
+ * @docs-private
146
+ */
122
147
  get shouldLabelFloat(): boolean;
148
+ /** Whether the component is required. */
123
149
  get required(): boolean;
124
150
  set required(value: boolean);
125
151
  private _required;
152
+ /** Whether the select is disabled. */
126
153
  get disabled(): boolean;
127
154
  set disabled(value: boolean);
128
155
  private _disabled;
129
- errorState: boolean;
156
+ /** Object used to control when error messages are shown. */
157
+ errorStateMatcher: ErrorStateMatcher;
158
+ /** Aria label of the select. */
159
+ ariaLabel: string;
160
+ /** Input that can be used to specify the `aria-labelledby` attribute. */
161
+ ariaLabelledby: string | null;
162
+ /** The aria-describedby attribute on the select for improved a11y. */
163
+ _ariaDescribedby: string | null;
130
164
  /** A name for this control that can be used by `mat-form-field`. */
131
165
  controlType: string;
132
- /** The aria-describedby attribute on the select for improved a11y. */
133
- _ariaDescribedby: string;
134
166
  /** `View -> model callback called when value changes` */
135
167
  _onChange: (value: any) => void;
136
168
  /** `View -> model callback called when select has been touched` */
137
169
  _onTouched: () => void;
138
- constructor(_focusMonitor: FocusMonitor, _elementRef: ElementRef<HTMLElement>, _changeDetectorRef: ChangeDetectorRef, ngControl: NgControl);
170
+ /** ID for the DOM node containing the select's value. */
171
+ _valueId: string;
172
+ /** Whether or not the overlay panel is open. */
173
+ get panelOpen(): boolean;
174
+ constructor(_changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef, _focusMonitor: FocusMonitor, _defaultErrorStateMatcher: ErrorStateMatcher, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl, _parentFormField?: MatFormField | undefined);
139
175
  ngOnInit(): void;
140
176
  ngAfterViewInit(): void;
141
177
  ngDoCheck(): void;
142
178
  ngOnDestroy(): void;
179
+ /** Gets the value for the `aria-labelledby` attribute of the inputs. */
180
+ _getAriaLabelledby(): string | null;
143
181
  /** Implemented as part of MatFormFieldControl. */
144
182
  setDescribedByIds(ids: string[]): void;
145
183
  /**
@@ -174,7 +212,7 @@ export declare class MtxSelectComponent implements OnInit, OnDestroy, DoCheck, A
174
212
  * @param fn Callback to be triggered when the component has been touched.
175
213
  */
176
214
  registerOnTouched(fn: any): void;
177
- /** NgSelect: _setItemsFromNgOptions */
215
+ /** NgSelect's `_setItemsFromNgOptions` */
178
216
  private _setItemsFromMtxOptions;
179
217
  open(): void;
180
218
  close(): void;
@@ -183,3 +221,4 @@ export declare class MtxSelectComponent implements OnInit, OnDestroy, DoCheck, A
183
221
  static ngAcceptInputType_required: BooleanInput;
184
222
  static ngAcceptInputType_disabled: BooleanInput;
185
223
  }
224
+ export {};