@ng-matero/extensions 12.9.1 → 12.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert/alert.component.d.ts +1 -1
- package/alert/mtxAlert.metadata.json +1 -1
- package/bundles/mtxAlert.umd.js +2 -2
- package/bundles/mtxAlert.umd.js.map +1 -1
- package/bundles/mtxCore.umd.js.map +1 -1
- package/bundles/mtxDatetimepicker.umd.js +5 -0
- package/bundles/mtxDatetimepicker.umd.js.map +1 -1
- package/bundles/mtxFormGroup.umd.js +1 -1
- package/bundles/mtxFormGroup.umd.js.map +1 -1
- package/bundles/mtxGrid.umd.js +51 -54
- package/bundles/mtxGrid.umd.js.map +1 -1
- package/bundles/mtxPopover.umd.js +997 -803
- package/bundles/mtxPopover.umd.js.map +1 -1
- package/bundles/mtxSelect.umd.js +237 -156
- package/bundles/mtxSelect.umd.js.map +1 -1
- package/core/datetime/datetime-formats.d.ts +2 -0
- package/esm2015/alert/alert.component.js +3 -3
- package/esm2015/core/datetime/datetime-formats.js +1 -1
- package/esm2015/datetimepicker/datetimepicker-input.js +6 -1
- package/esm2015/form-group/form-group.component.js +2 -2
- package/esm2015/grid/cell.component.js +32 -32
- package/esm2015/grid/column-menu.component.js +10 -14
- package/esm2015/grid/grid.component.js +12 -7
- package/esm2015/popover/popover-animations.js +10 -13
- package/esm2015/popover/popover-content.js +99 -0
- package/esm2015/popover/popover-interfaces.js +1 -1
- package/esm2015/popover/popover-module.js +7 -5
- package/esm2015/popover/popover-target.js +3 -3
- package/esm2015/popover/popover-trigger.js +210 -172
- package/esm2015/popover/popover-types.js +1 -1
- package/esm2015/popover/popover.js +173 -125
- package/esm2015/popover/public-api.js +2 -1
- package/esm2015/select/option.component.js +4 -6
- package/esm2015/select/select.component.js +111 -31
- package/fesm2015/mtxAlert.js +2 -2
- package/fesm2015/mtxAlert.js.map +1 -1
- package/fesm2015/mtxCore.js.map +1 -1
- package/fesm2015/mtxDatetimepicker.js +5 -0
- package/fesm2015/mtxDatetimepicker.js.map +1 -1
- package/fesm2015/mtxFormGroup.js +1 -1
- package/fesm2015/mtxFormGroup.js.map +1 -1
- package/fesm2015/mtxGrid.js +51 -50
- package/fesm2015/mtxGrid.js.map +1 -1
- package/fesm2015/mtxPopover.js +526 -351
- package/fesm2015/mtxPopover.js.map +1 -1
- package/fesm2015/mtxSelect.js +169 -92
- package/fesm2015/mtxSelect.js.map +1 -1
- package/form-group/mtxFormGroup.metadata.json +1 -1
- package/grid/cell.component.d.ts +5 -8
- package/grid/column-menu.component.d.ts +3 -5
- package/grid/grid.component.d.ts +6 -4
- package/grid/mtxGrid.metadata.json +1 -1
- package/package.json +1 -1
- package/popover/mtxPopover.metadata.json +1 -1
- package/popover/popover-animations.d.ts +1 -1
- package/popover/popover-content.d.ts +38 -0
- package/popover/popover-interfaces.d.ts +37 -31
- package/popover/popover-target.d.ts +2 -2
- package/popover/popover-trigger.d.ts +65 -60
- package/popover/popover-types.d.ts +6 -1
- package/popover/popover.d.ts +97 -69
- package/popover/popover.scss +2 -0
- package/popover/public-api.d.ts +1 -0
- package/select/mtxSelect.metadata.json +1 -1
- package/select/option.component.d.ts +7 -6
- 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
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
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
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
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 {};
|