@ng-matero/extensions 19.4.1 → 20.0.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.
- package/_index.scss +1 -1
- package/alert/_alert-theme.scss +26 -31
- package/alert/_m2-alert.scss +59 -0
- package/alert/_m3-alert.scss +41 -0
- package/alert/alert.scss +27 -31
- package/alert/index.d.ts +30 -5
- package/button/index.d.ts +31 -5
- package/checkbox-group/index.d.ts +117 -5
- package/colorpicker/_colorpicker-theme.scss +31 -36
- package/{core/tokens/m2/mtx/_colorpicker.scss → colorpicker/_m2-colorpicker.scss} +6 -10
- package/colorpicker/_m3-colorpicker.scss +23 -0
- package/colorpicker/colorpicker-toggle.scss +4 -9
- package/colorpicker/index.d.ts +285 -3
- package/column-resize/index.d.ts +456 -3
- package/core/index.d.ts +147 -5
- package/core/theming/_color-api-backwards-compatibility.scss +8 -15
- package/core/theming/_definition.scss +81 -75
- package/core/theming/_palettes.scss +1036 -0
- package/core/tokens/{m2/_index.scss → _m2-tokens.scss} +22 -22
- package/core/tokens/_m2-utils.scss +108 -0
- package/core/tokens/_m3-system.scss +128 -106
- package/core/tokens/_m3-tokens.scss +36 -282
- package/core/tokens/_m3-utils.scss +48 -0
- package/core/tokens/_token-utils.scss +67 -239
- package/core/tokens/m3/_index.scss +7 -0
- package/core/tokens/m3/_md-sys-color.scss +156 -0
- package/core/tokens/m3/_md-sys-elevation.scss +15 -0
- package/core/tokens/m3/_md-sys-motion.scss +35 -0
- package/core/tokens/m3/_md-sys-shape.scss +21 -0
- package/core/tokens/m3/_md-sys-state.scss +13 -0
- package/core/tokens/m3/_md-sys-typescale.scss +128 -0
- package/core/tokens/m3/_theme.scss +47 -0
- package/datetimepicker/_datetimepicker-theme.scss +29 -39
- package/datetimepicker/_m2-datetimepicker.scss +149 -0
- package/datetimepicker/_m3-datetimepicker.scss +81 -0
- package/datetimepicker/calendar-body.scss +31 -56
- package/datetimepicker/calendar.scss +43 -79
- package/datetimepicker/clock.scss +28 -47
- package/datetimepicker/datetimepicker-content.scss +9 -15
- package/datetimepicker/datetimepicker-toggle.scss +4 -9
- package/datetimepicker/index.d.ts +1208 -3
- package/datetimepicker/time-view.scss +26 -32
- package/dialog/index.d.ts +54 -5
- package/drawer/_drawer-theme.scss +25 -30
- package/{core/tokens/m2/mtx/_drawer.scss → drawer/_m2-drawer.scss} +9 -12
- package/drawer/_m3-drawer.scss +24 -0
- package/drawer/drawer-container.scss +13 -24
- package/drawer/index.d.ts +221 -3
- package/fesm2022/mtxAlert.mjs +7 -7
- package/fesm2022/mtxAlert.mjs.map +1 -1
- package/fesm2022/mtxButton.mjs +11 -11
- package/fesm2022/mtxButton.mjs.map +1 -1
- package/fesm2022/mtxCheckboxGroup.mjs +7 -7
- package/fesm2022/mtxColorpicker.mjs +21 -21
- package/fesm2022/mtxColorpicker.mjs.map +1 -1
- package/fesm2022/mtxColumnResize.mjs +232 -103
- package/fesm2022/mtxColumnResize.mjs.map +1 -1
- package/fesm2022/mtxCore.mjs +21 -21
- package/fesm2022/mtxDatetimepicker.mjs +63 -67
- package/fesm2022/mtxDatetimepicker.mjs.map +1 -1
- package/fesm2022/mtxDialog.mjs +10 -10
- package/fesm2022/mtxDialog.mjs.map +1 -1
- package/fesm2022/mtxDrawer.mjs +10 -10
- package/fesm2022/mtxGrid.mjs +78 -77
- package/fesm2022/mtxGrid.mjs.map +1 -1
- package/fesm2022/mtxLoader.mjs +7 -7
- package/fesm2022/mtxPhotoviewer.mjs +7 -7
- package/fesm2022/mtxPopover.mjs +24 -25
- package/fesm2022/mtxPopover.mjs.map +1 -1
- package/fesm2022/mtxProgress.mjs +7 -7
- package/fesm2022/mtxSelect.mjs +54 -54
- package/fesm2022/mtxSelect.mjs.map +1 -1
- package/fesm2022/mtxSplit.mjs +10 -10
- package/fesm2022/mtxTooltip.mjs +13 -13
- package/fesm2022/mtxTooltip.mjs.map +1 -1
- package/grid/_grid-theme.scss +24 -34
- package/grid/_m2-grid.scss +66 -0
- package/grid/_m3-grid.scss +35 -0
- package/grid/column-menu.scss +6 -23
- package/grid/column-resize/_column-resize.scss +35 -30
- package/grid/grid.scss +41 -74
- package/grid/index.d.ts +799 -3
- package/index.d.ts +2 -5
- package/loader/_loader-theme.scss +26 -31
- package/{core/tokens/m2/mtx/_loader.scss → loader/_m2-loader.scss} +5 -10
- package/loader/_m3-loader.scss +20 -0
- package/loader/index.d.ts +43 -5
- package/loader/loader.scss +4 -5
- package/package.json +28 -28
- package/photoviewer/index.d.ts +26 -5
- package/{core/tokens/m2/mtx/_popover.scss → popover/_m2-popover.scss} +9 -12
- package/popover/_m3-popover.scss +26 -0
- package/popover/_popover-theme.scss +26 -31
- package/popover/index.d.ts +399 -3
- package/popover/popover.scss +23 -29
- package/prebuilt-themes/azure-blue.css +1 -1
- package/prebuilt-themes/cyan-orange.css +1 -1
- package/prebuilt-themes/deeppurple-amber.css +1 -1
- package/prebuilt-themes/indigo-pink.css +1 -1
- package/prebuilt-themes/magenta-violet.css +1 -1
- package/prebuilt-themes/pink-bluegrey.css +1 -1
- package/prebuilt-themes/purple-green.css +1 -1
- package/prebuilt-themes/rose-red.css +1 -1
- package/progress/_m2-progress.scss +53 -0
- package/progress/_m3-progress.scss +33 -0
- package/progress/_progress-theme.scss +22 -34
- package/progress/index.d.ts +35 -5
- package/progress/progress.scss +28 -43
- package/select/_m2-select.scss +79 -0
- package/select/_m3-select.scss +46 -0
- package/select/_select-theme.scss +27 -37
- package/select/index.d.ts +381 -3
- package/select/select.scss +189 -205
- package/{core/tokens/m2/mtx/_split.scss → split/_m2-split.scss} +6 -9
- package/split/_m3-split.scss +23 -0
- package/split/_split-theme.scss +31 -34
- package/split/index.d.ts +255 -3
- package/split/split.scss +8 -11
- package/tooltip/_m2-tooltip.scss +50 -0
- package/tooltip/_m3-tooltip.scss +28 -0
- package/tooltip/_tooltip-theme.scss +23 -47
- package/tooltip/index.d.ts +345 -3
- package/tooltip/tooltip.scss +11 -15
- package/alert/alert-module.d.ts +0 -8
- package/alert/alert.d.ts +0 -19
- package/alert/public-api.d.ts +0 -2
- package/button/button-loading.d.ts +0 -19
- package/button/button-module.d.ts +0 -10
- package/button/public-api.d.ts +0 -2
- package/checkbox-group/checkbox-group-module.d.ts +0 -11
- package/checkbox-group/checkbox-group.d.ts +0 -86
- package/checkbox-group/interfaces.d.ts +0 -17
- package/checkbox-group/public-api.d.ts +0 -3
- package/colorpicker/colorpicker-animations.d.ts +0 -9
- package/colorpicker/colorpicker-input.d.ts +0 -88
- package/colorpicker/colorpicker-module.d.ts +0 -15
- package/colorpicker/colorpicker-toggle.d.ts +0 -39
- package/colorpicker/colorpicker.d.ts +0 -140
- package/colorpicker/public-api.d.ts +0 -5
- package/column-resize/column-resize-directives/column-resize-flex.d.ts +0 -29
- package/column-resize/column-resize-directives/column-resize.d.ts +0 -29
- package/column-resize/column-resize-directives/constants.d.ts +0 -10
- package/column-resize/column-resize-module.d.ts +0 -12
- package/column-resize/column-resize-notifier.d.ts +0 -48
- package/column-resize/column-resize.d.ts +0 -39
- package/column-resize/column-size-store.d.ts +0 -12
- package/column-resize/event-dispatcher.d.ts +0 -35
- package/column-resize/overlay-handle.d.ts +0 -43
- package/column-resize/polyfill.d.ts +0 -9
- package/column-resize/public-api.d.ts +0 -12
- package/column-resize/resizable.d.ts +0 -63
- package/column-resize/resize-ref.d.ts +0 -17
- package/column-resize/resize-strategy.d.ts +0 -84
- package/column-resize/selectors.d.ts +0 -10
- package/core/datetime/datetime-adapter.d.ts +0 -45
- package/core/datetime/datetime-formats.d.ts +0 -22
- package/core/datetime/datetime.module.d.ts +0 -15
- package/core/datetime/index.d.ts +0 -5
- package/core/datetime/native-datetime-adapter.d.ts +0 -40
- package/core/datetime/native-datetime-formats.d.ts +0 -2
- package/core/pipes/index.d.ts +0 -3
- package/core/pipes/is-template-ref.pipe.d.ts +0 -7
- package/core/pipes/pipes.module.d.ts +0 -9
- package/core/pipes/to-observable.pipe.d.ts +0 -8
- package/core/public-api.d.ts +0 -2
- package/core/theming/_inspection.scss +0 -38
- package/core/theming/_validation.scss +0 -5
- package/core/tokens/_density.scss +0 -49
- package/core/tokens/_format-tokens.scss +0 -5
- package/core/tokens/_token-definition.scss +0 -271
- package/core/tokens/m2/mdc/_plain-tooltip.scss +0 -63
- package/core/tokens/m2/mtx/_alert.scss +0 -62
- package/core/tokens/m2/mtx/_datetimepicker.scss +0 -152
- package/core/tokens/m2/mtx/_grid.scss +0 -69
- package/core/tokens/m2/mtx/_progress.scss +0 -56
- package/core/tokens/m2/mtx/_select.scss +0 -82
- package/core/tokens/m3/definitions/_index.scss +0 -9
- package/core/tokens/m3/definitions/_md-comp-plain-tooltip.scss +0 -51
- package/core/tokens/m3/definitions/_md-ref-palette.scss +0 -100
- package/core/tokens/m3/definitions/_md-ref-typeface.scss +0 -14
- package/core/tokens/m3/definitions/_md-sys-color.scss +0 -126
- package/core/tokens/m3/definitions/_md-sys-elevation.scss +0 -15
- package/core/tokens/m3/definitions/_md-sys-motion.scss +0 -46
- package/core/tokens/m3/definitions/_md-sys-shape.scss +0 -24
- package/core/tokens/m3/definitions/_md-sys-state.scss +0 -13
- package/core/tokens/m3/definitions/_md-sys-typescale.scss +0 -308
- package/core/tokens/m3/index.scss +0 -47
- package/core/tokens/m3/mdc/_plain-tooltip.scss +0 -15
- package/core/tokens/m3/mtx/_alert.scss +0 -41
- package/core/tokens/m3/mtx/_colorpicker.scss +0 -19
- package/core/tokens/m3/mtx/_datetimepicker.scss +0 -140
- package/core/tokens/m3/mtx/_drawer.scss +0 -22
- package/core/tokens/m3/mtx/_grid.scss +0 -32
- package/core/tokens/m3/mtx/_loader.scss +0 -22
- package/core/tokens/m3/mtx/_popover.scss +0 -25
- package/core/tokens/m3/mtx/_progress.scss +0 -32
- package/core/tokens/m3/mtx/_select.scss +0 -76
- package/core/tokens/m3/mtx/_split.scss +0 -30
- package/datetimepicker/calendar-body.d.ts +0 -66
- package/datetimepicker/calendar.d.ts +0 -157
- package/datetimepicker/clock.d.ts +0 -101
- package/datetimepicker/datetimepicker-actions.d.ts +0 -36
- package/datetimepicker/datetimepicker-animations.d.ts +0 -11
- package/datetimepicker/datetimepicker-errors.d.ts +0 -2
- package/datetimepicker/datetimepicker-filtertype.d.ts +0 -5
- package/datetimepicker/datetimepicker-input.d.ts +0 -105
- package/datetimepicker/datetimepicker-intl.d.ts +0 -53
- package/datetimepicker/datetimepicker-module.d.ts +0 -22
- package/datetimepicker/datetimepicker-toggle.d.ts +0 -42
- package/datetimepicker/datetimepicker-types.d.ts +0 -6
- package/datetimepicker/datetimepicker.d.ts +0 -274
- package/datetimepicker/month-view.d.ts +0 -80
- package/datetimepicker/multi-year-view.d.ts +0 -86
- package/datetimepicker/public-api.d.ts +0 -16
- package/datetimepicker/time-view.d.ts +0 -147
- package/datetimepicker/year-view.d.ts +0 -68
- package/dialog/dialog-config.d.ts +0 -17
- package/dialog/dialog-container.d.ts +0 -11
- package/dialog/dialog-module.d.ts +0 -12
- package/dialog/dialog.d.ts +0 -15
- package/dialog/public-api.d.ts +0 -4
- package/drawer/drawer-animations.d.ts +0 -8
- package/drawer/drawer-config.d.ts +0 -63
- package/drawer/drawer-container.d.ts +0 -35
- package/drawer/drawer-module.d.ts +0 -10
- package/drawer/drawer-ref.d.ts +0 -53
- package/drawer/drawer.d.ts +0 -59
- package/drawer/public-api.d.ts +0 -6
- package/grid/cell.d.ts +0 -32
- package/grid/column-menu.d.ts +0 -39
- package/grid/column-resize/column-resize-directives/column-resize-flex.d.ts +0 -24
- package/grid/column-resize/column-resize-directives/column-resize.d.ts +0 -24
- package/grid/column-resize/column-resize-directives/common.d.ts +0 -13
- package/grid/column-resize/column-resize-module.d.ts +0 -17
- package/grid/column-resize/index.d.ts +0 -7
- package/grid/column-resize/overlay-handle.d.ts +0 -32
- package/grid/column-resize/resizable-directives/common.d.ts +0 -19
- package/grid/column-resize/resizable-directives/resizable.d.ts +0 -32
- package/grid/column-resize/resize-strategy.d.ts +0 -20
- package/grid/expansion-toggle.d.ts +0 -17
- package/grid/grid-module.d.ts +0 -31
- package/grid/grid-pipes.d.ts +0 -39
- package/grid/grid-utils.d.ts +0 -33
- package/grid/grid.d.ts +0 -268
- package/grid/interfaces.d.ts +0 -180
- package/grid/public-api.d.ts +0 -17
- package/grid/selectable-cell.d.ts +0 -16
- package/loader/loader-module.d.ts +0 -10
- package/loader/loader.d.ts +0 -30
- package/loader/public-api.d.ts +0 -2
- package/photoviewer/photoviewer-module.d.ts +0 -7
- package/photoviewer/photoviewer.d.ts +0 -17
- package/photoviewer/public-api.d.ts +0 -2
- package/popover/popover-animations.d.ts +0 -11
- package/popover/popover-content.d.ts +0 -43
- package/popover/popover-errors.d.ts +0 -14
- package/popover/popover-interfaces.d.ts +0 -50
- package/popover/popover-module.d.ts +0 -13
- package/popover/popover-target.d.ts +0 -7
- package/popover/popover-trigger.d.ts +0 -132
- package/popover/popover-types.d.ts +0 -10
- package/popover/popover.d.ts +0 -147
- package/popover/public-api.d.ts +0 -8
- package/progress/progress-module.d.ts +0 -8
- package/progress/progress.d.ts +0 -24
- package/progress/public-api.d.ts +0 -2
- package/public-api.d.ts +0 -2
- package/select/option.d.ts +0 -21
- package/select/public-api.d.ts +0 -5
- package/select/select-intl.d.ts +0 -18
- package/select/select-module.d.ts +0 -12
- package/select/select.d.ts +0 -270
- package/select/templates.d.ts +0 -67
- package/split/interfaces.d.ts +0 -52
- package/split/public-api.d.ts +0 -5
- package/split/split-module.d.ts +0 -9
- package/split/split-pane.d.ts +0 -53
- package/split/split.d.ts +0 -133
- package/split/utils.d.ts +0 -13
- package/tooltip/public-api.d.ts +0 -3
- package/tooltip/tooltip-animations.d.ts +0 -9
- package/tooltip/tooltip-module.d.ts +0 -13
- package/tooltip/tooltip.d.ts +0 -321
package/select/select.d.ts
DELETED
|
@@ -1,270 +0,0 @@
|
|
|
1
|
-
import { FocusMonitor } from '@angular/cdk/a11y';
|
|
2
|
-
import { AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, InjectionToken, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
|
|
3
|
-
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
4
|
-
import { ErrorStateMatcher } from '@angular/material/core';
|
|
5
|
-
import { MatFormField, MatFormFieldControl } from '@angular/material/form-field';
|
|
6
|
-
import { NgSelectComponent } from '@ng-select/ng-select';
|
|
7
|
-
import { Subject } from 'rxjs';
|
|
8
|
-
import { MtxOption } from './option';
|
|
9
|
-
import { MtxSelectIntl } from './select-intl';
|
|
10
|
-
import * as i0 from "@angular/core";
|
|
11
|
-
export type DropdownPosition = 'bottom' | 'top' | 'auto';
|
|
12
|
-
export type AddTagFn = (term: string) => any;
|
|
13
|
-
export type CompareWithFn = (a: any, b: any) => boolean;
|
|
14
|
-
export type GroupValueFn = (key: string | Record<string, any>, children: any[]) => string | Record<string, any>;
|
|
15
|
-
export type SearchFn = (term: string, item: any) => boolean;
|
|
16
|
-
export type TrackByFn = (item: any) => any;
|
|
17
|
-
/**
|
|
18
|
-
* Represents the default options for the select that can be configured
|
|
19
|
-
* using the `MTX_SELECT_DEFAULT_OPTIONS` injection token.
|
|
20
|
-
*/
|
|
21
|
-
export interface MtxSelectDefaultOptions {
|
|
22
|
-
placeholder?: string;
|
|
23
|
-
notFoundText?: string;
|
|
24
|
-
typeToSearchText?: string;
|
|
25
|
-
addTagText?: string;
|
|
26
|
-
loadingText?: string;
|
|
27
|
-
clearAllText?: string;
|
|
28
|
-
appendTo?: string;
|
|
29
|
-
bindValue?: string;
|
|
30
|
-
bindLabel?: string;
|
|
31
|
-
openOnEnter?: boolean;
|
|
32
|
-
clearSearchOnAdd?: boolean;
|
|
33
|
-
virtualScroll?: boolean;
|
|
34
|
-
fixedPlaceholder?: boolean;
|
|
35
|
-
deselectOnClick?: boolean;
|
|
36
|
-
}
|
|
37
|
-
/** Injection token that can be used to specify default select options. */
|
|
38
|
-
export declare const MTX_SELECT_DEFAULT_OPTIONS: InjectionToken<MtxSelectDefaultOptions>;
|
|
39
|
-
export declare class MtxSelect implements OnInit, OnDestroy, DoCheck, AfterViewInit, ControlValueAccessor, MatFormFieldControl<any> {
|
|
40
|
-
protected _intl: MtxSelectIntl;
|
|
41
|
-
protected _changeDetectorRef: ChangeDetectorRef;
|
|
42
|
-
protected _elementRef: ElementRef<any>;
|
|
43
|
-
protected _focusMonitor: FocusMonitor;
|
|
44
|
-
ngControl: NgControl | null;
|
|
45
|
-
protected _parentFormField?: MatFormField | null | undefined;
|
|
46
|
-
protected _defaultOptions?: MtxSelectDefaultOptions | null | undefined;
|
|
47
|
-
private _document;
|
|
48
|
-
ngSelect: NgSelectComponent;
|
|
49
|
-
optionTemplate: TemplateRef<any>;
|
|
50
|
-
optgroupTemplate: TemplateRef<any>;
|
|
51
|
-
labelTemplate: TemplateRef<any>;
|
|
52
|
-
multiLabelTemplate: TemplateRef<any>;
|
|
53
|
-
headerTemplate: TemplateRef<any>;
|
|
54
|
-
footerTemplate: TemplateRef<any>;
|
|
55
|
-
notFoundTemplate: TemplateRef<any>;
|
|
56
|
-
typeToSearchTemplate: TemplateRef<any>;
|
|
57
|
-
loadingTextTemplate: TemplateRef<any>;
|
|
58
|
-
tagTemplate: TemplateRef<any>;
|
|
59
|
-
loadingSpinnerTemplate: TemplateRef<any>;
|
|
60
|
-
placeholderTemplate: TemplateRef<any>;
|
|
61
|
-
clearbuttonTemplate: TemplateRef<any>;
|
|
62
|
-
mtxOptions: QueryList<MtxOption>;
|
|
63
|
-
addTag: boolean | AddTagFn;
|
|
64
|
-
addTagText?: string;
|
|
65
|
-
appearance: string;
|
|
66
|
-
appendTo: string;
|
|
67
|
-
bindLabel: string | undefined;
|
|
68
|
-
bindValue: string | undefined;
|
|
69
|
-
closeOnSelect: boolean;
|
|
70
|
-
clearAllText?: string;
|
|
71
|
-
clearable: boolean;
|
|
72
|
-
clearOnBackspace: boolean;
|
|
73
|
-
compareWith: CompareWithFn;
|
|
74
|
-
dropdownPosition: DropdownPosition;
|
|
75
|
-
groupBy: string | ((value: any) => any);
|
|
76
|
-
groupValue: GroupValueFn;
|
|
77
|
-
bufferAmount: number;
|
|
78
|
-
selectableGroup: boolean;
|
|
79
|
-
selectableGroupAsModel: boolean;
|
|
80
|
-
hideSelected: boolean;
|
|
81
|
-
loading: boolean;
|
|
82
|
-
loadingText?: string;
|
|
83
|
-
labelForId: string | null;
|
|
84
|
-
markFirst: boolean;
|
|
85
|
-
maxSelectedItems: number;
|
|
86
|
-
multiple: boolean;
|
|
87
|
-
notFoundText?: string;
|
|
88
|
-
searchable: boolean;
|
|
89
|
-
readonly: boolean;
|
|
90
|
-
searchFn: SearchFn | null;
|
|
91
|
-
searchWhileComposing: boolean;
|
|
92
|
-
selectOnTab: boolean;
|
|
93
|
-
trackByFn: TrackByFn | null;
|
|
94
|
-
inputAttrs: {
|
|
95
|
-
[key: string]: string;
|
|
96
|
-
};
|
|
97
|
-
tabIndex: number;
|
|
98
|
-
openOnEnter: boolean;
|
|
99
|
-
minTermLength: number;
|
|
100
|
-
editableSearchTerm: boolean;
|
|
101
|
-
keyDownFn: (_: KeyboardEvent) => boolean;
|
|
102
|
-
virtualScroll: boolean;
|
|
103
|
-
typeToSearchText?: string;
|
|
104
|
-
typeahead: Subject<string>;
|
|
105
|
-
isOpen?: boolean;
|
|
106
|
-
fixedPlaceholder: boolean;
|
|
107
|
-
deselectOnClick: boolean;
|
|
108
|
-
blurEvent: EventEmitter<any>;
|
|
109
|
-
focusEvent: EventEmitter<any>;
|
|
110
|
-
changeEvent: EventEmitter<any>;
|
|
111
|
-
openEvent: EventEmitter<any>;
|
|
112
|
-
closeEvent: EventEmitter<any>;
|
|
113
|
-
searchEvent: EventEmitter<{
|
|
114
|
-
term: string;
|
|
115
|
-
items: any[];
|
|
116
|
-
}>;
|
|
117
|
-
clearEvent: EventEmitter<any>;
|
|
118
|
-
addEvent: EventEmitter<any>;
|
|
119
|
-
removeEvent: EventEmitter<any>;
|
|
120
|
-
scroll: EventEmitter<{
|
|
121
|
-
start: number;
|
|
122
|
-
end: number;
|
|
123
|
-
}>;
|
|
124
|
-
scrollToEnd: EventEmitter<any>;
|
|
125
|
-
get clearSearchOnAdd(): boolean;
|
|
126
|
-
set clearSearchOnAdd(value: boolean);
|
|
127
|
-
private _clearSearchOnAdd;
|
|
128
|
-
get items(): any[];
|
|
129
|
-
set items(value: any[]);
|
|
130
|
-
private _items;
|
|
131
|
-
private _itemsAreUsed;
|
|
132
|
-
/** Emits whenever the component is destroyed. */
|
|
133
|
-
private readonly _destroy$;
|
|
134
|
-
/** Value of the select control. */
|
|
135
|
-
get value(): any;
|
|
136
|
-
set value(newValue: any);
|
|
137
|
-
private _value;
|
|
138
|
-
/** Implemented as part of MatFormFieldControl. */
|
|
139
|
-
readonly stateChanges: Subject<void>;
|
|
140
|
-
/** Unique id of the element. */
|
|
141
|
-
get id(): string;
|
|
142
|
-
set id(value: string);
|
|
143
|
-
private _id;
|
|
144
|
-
/** Unique id for this select. */
|
|
145
|
-
private _uid;
|
|
146
|
-
/** Placeholder to be shown if value is empty. */
|
|
147
|
-
get placeholder(): string;
|
|
148
|
-
set placeholder(value: string);
|
|
149
|
-
private _placeholder;
|
|
150
|
-
/** Whether the select is focused. */
|
|
151
|
-
get focused(): boolean;
|
|
152
|
-
private _focused;
|
|
153
|
-
/** Whether the select has a value. */
|
|
154
|
-
get empty(): boolean;
|
|
155
|
-
/**
|
|
156
|
-
* Implemented as part of MatFormFieldControl.
|
|
157
|
-
* @docs-private
|
|
158
|
-
*/
|
|
159
|
-
get shouldLabelFloat(): boolean;
|
|
160
|
-
/** Whether the select is disabled. */
|
|
161
|
-
disabled: boolean;
|
|
162
|
-
/** Whether the component is required. */
|
|
163
|
-
get required(): boolean;
|
|
164
|
-
set required(value: boolean);
|
|
165
|
-
private _required;
|
|
166
|
-
/** Object used to control when error messages are shown. */
|
|
167
|
-
get errorStateMatcher(): ErrorStateMatcher;
|
|
168
|
-
set errorStateMatcher(value: ErrorStateMatcher);
|
|
169
|
-
/** Aria label of the select. */
|
|
170
|
-
ariaLabel: string;
|
|
171
|
-
/** Input that can be used to specify the `aria-labelledby` attribute. */
|
|
172
|
-
ariaLabelledby: string | null;
|
|
173
|
-
/** The aria-describedby attribute on the select for improved a11y. */
|
|
174
|
-
_ariaDescribedby: string | null;
|
|
175
|
-
/** A name for this control that can be used by `mat-form-field`. */
|
|
176
|
-
controlType: string;
|
|
177
|
-
/** `View -> model callback called when value changes` */
|
|
178
|
-
_onChange: (value: any) => void;
|
|
179
|
-
/** `View -> model callback called when select has been touched` */
|
|
180
|
-
_onTouched: () => void;
|
|
181
|
-
/** ID for the DOM node containing the select's value. */
|
|
182
|
-
_valueId: string;
|
|
183
|
-
/** Whether or not the overlay panel is open. */
|
|
184
|
-
get panelOpen(): boolean;
|
|
185
|
-
/**
|
|
186
|
-
* Keeps track of the previous form control assigned to the select.
|
|
187
|
-
* Used to detect if it has changed.
|
|
188
|
-
*/
|
|
189
|
-
private _previousControl;
|
|
190
|
-
/** Tracks the error state of the select. */
|
|
191
|
-
private _errorStateTracker;
|
|
192
|
-
/** Whether the select is in an error state. */
|
|
193
|
-
get errorState(): boolean;
|
|
194
|
-
set errorState(value: boolean);
|
|
195
|
-
private _intlChangesSubscription;
|
|
196
|
-
constructor();
|
|
197
|
-
ngOnInit(): void;
|
|
198
|
-
ngAfterViewInit(): void;
|
|
199
|
-
ngDoCheck(): void;
|
|
200
|
-
ngOnDestroy(): void;
|
|
201
|
-
/** Gets the value for the `aria-labelledby` attribute of the inputs. */
|
|
202
|
-
_getAriaLabelledby(): string | null;
|
|
203
|
-
/** Implemented as part of MatFormFieldControl. */
|
|
204
|
-
setDescribedByIds(ids: string[]): void;
|
|
205
|
-
/**
|
|
206
|
-
* Disables the select. Part of the ControlValueAccessor interface required
|
|
207
|
-
* to integrate with Angular's core forms API.
|
|
208
|
-
*
|
|
209
|
-
* @param isDisabled Sets whether the component is disabled.
|
|
210
|
-
*/
|
|
211
|
-
setDisabledState(isDisabled: boolean): void;
|
|
212
|
-
/** Implemented as part of MatFormFieldControl. */
|
|
213
|
-
onContainerClick(event: MouseEvent): void;
|
|
214
|
-
/**
|
|
215
|
-
* Sets the select's value. Part of the ControlValueAccessor interface
|
|
216
|
-
* required to integrate with Angular's core forms API.
|
|
217
|
-
*
|
|
218
|
-
* @param value New value to be written to the model.
|
|
219
|
-
*/
|
|
220
|
-
writeValue(value: any): void;
|
|
221
|
-
/**
|
|
222
|
-
* Saves a callback function to be invoked when the select's value
|
|
223
|
-
* changes from user input. Part of the ControlValueAccessor interface
|
|
224
|
-
* required to integrate with Angular's core forms API.
|
|
225
|
-
*
|
|
226
|
-
* @param fn Callback to be triggered when the value changes.
|
|
227
|
-
*/
|
|
228
|
-
registerOnChange(fn: any): void;
|
|
229
|
-
/**
|
|
230
|
-
* Saves a callback function to be invoked when the select is blurred
|
|
231
|
-
* by the user. Part of the ControlValueAccessor interface required
|
|
232
|
-
* to integrate with Angular's core forms API.
|
|
233
|
-
*
|
|
234
|
-
* @param fn Callback to be triggered when the component has been touched.
|
|
235
|
-
*/
|
|
236
|
-
registerOnTouched(fn: any): void;
|
|
237
|
-
/** Refreshes the error state of the select. */
|
|
238
|
-
updateErrorState(): void;
|
|
239
|
-
/** Assigns a specific value to the select. Returns whether the value has changed. */
|
|
240
|
-
private _assignValue;
|
|
241
|
-
/** NgSelect's `_setItemsFromNgOptions` */
|
|
242
|
-
private _setItemsFromMtxOptions;
|
|
243
|
-
open(): void;
|
|
244
|
-
close(): void;
|
|
245
|
-
focus(): void;
|
|
246
|
-
blur(): void;
|
|
247
|
-
openChange(): void;
|
|
248
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelect, never>;
|
|
249
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MtxSelect, "mtx-select", ["mtxSelect"], { "addTag": { "alias": "addTag"; "required": false; }; "addTagText": { "alias": "addTagText"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "clearAllText": { "alias": "clearAllText"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "clearOnBackspace": { "alias": "clearOnBackspace"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "groupValue": { "alias": "groupValue"; "required": false; }; "bufferAmount": { "alias": "bufferAmount"; "required": false; }; "selectableGroup": { "alias": "selectableGroup"; "required": false; }; "selectableGroupAsModel": { "alias": "selectableGroupAsModel"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "labelForId": { "alias": "labelForId"; "required": false; }; "markFirst": { "alias": "markFirst"; "required": false; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "notFoundText": { "alias": "notFoundText"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "searchWhileComposing": { "alias": "searchWhileComposing"; "required": false; }; "selectOnTab": { "alias": "selectOnTab"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "openOnEnter": { "alias": "openOnEnter"; "required": false; }; "minTermLength": { "alias": "minTermLength"; "required": false; }; "editableSearchTerm": { "alias": "editableSearchTerm"; "required": false; }; "keyDownFn": { "alias": "keyDownFn"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "typeToSearchText": { "alias": "typeToSearchText"; "required": false; }; "typeahead": { "alias": "typeahead"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "fixedPlaceholder": { "alias": "fixedPlaceholder"; "required": false; }; "deselectOnClick": { "alias": "deselectOnClick"; "required": false; }; "clearSearchOnAdd": { "alias": "clearSearchOnAdd"; "required": false; }; "items": { "alias": "items"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; }, { "blurEvent": "blur"; "focusEvent": "focus"; "changeEvent": "change"; "openEvent": "open"; "closeEvent": "close"; "searchEvent": "search"; "clearEvent": "clear"; "addEvent": "add"; "removeEvent": "remove"; "scroll": "scroll"; "scrollToEnd": "scrollToEnd"; }, ["optionTemplate", "optgroupTemplate", "labelTemplate", "multiLabelTemplate", "headerTemplate", "footerTemplate", "notFoundTemplate", "typeToSearchTemplate", "loadingTextTemplate", "tagTemplate", "loadingSpinnerTemplate", "placeholderTemplate", "clearbuttonTemplate", "mtxOptions"], never, true, never>;
|
|
250
|
-
static ngAcceptInputType_closeOnSelect: unknown;
|
|
251
|
-
static ngAcceptInputType_clearable: unknown;
|
|
252
|
-
static ngAcceptInputType_clearOnBackspace: unknown;
|
|
253
|
-
static ngAcceptInputType_selectableGroup: unknown;
|
|
254
|
-
static ngAcceptInputType_selectableGroupAsModel: unknown;
|
|
255
|
-
static ngAcceptInputType_hideSelected: unknown;
|
|
256
|
-
static ngAcceptInputType_loading: unknown;
|
|
257
|
-
static ngAcceptInputType_markFirst: unknown;
|
|
258
|
-
static ngAcceptInputType_multiple: unknown;
|
|
259
|
-
static ngAcceptInputType_searchable: unknown;
|
|
260
|
-
static ngAcceptInputType_readonly: unknown;
|
|
261
|
-
static ngAcceptInputType_searchWhileComposing: unknown;
|
|
262
|
-
static ngAcceptInputType_selectOnTab: unknown;
|
|
263
|
-
static ngAcceptInputType_openOnEnter: unknown;
|
|
264
|
-
static ngAcceptInputType_editableSearchTerm: unknown;
|
|
265
|
-
static ngAcceptInputType_virtualScroll: unknown;
|
|
266
|
-
static ngAcceptInputType_fixedPlaceholder: unknown;
|
|
267
|
-
static ngAcceptInputType_deselectOnClick: unknown;
|
|
268
|
-
static ngAcceptInputType_disabled: unknown;
|
|
269
|
-
static ngAcceptInputType_required: unknown;
|
|
270
|
-
}
|
package/select/templates.d.ts
DELETED
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { TemplateRef } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class MtxSelectOptionTemplate {
|
|
4
|
-
template: TemplateRef<any>;
|
|
5
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectOptionTemplate, never>;
|
|
6
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectOptionTemplate, "[ng-option-tmp]", never, {}, {}, never, never, true, never>;
|
|
7
|
-
}
|
|
8
|
-
export declare class MtxSelectOptgroupTemplate {
|
|
9
|
-
template: TemplateRef<any>;
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectOptgroupTemplate, never>;
|
|
11
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectOptgroupTemplate, "[ng-optgroup-tmp]", never, {}, {}, never, never, true, never>;
|
|
12
|
-
}
|
|
13
|
-
export declare class MtxSelectLabelTemplate {
|
|
14
|
-
template: TemplateRef<any>;
|
|
15
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectLabelTemplate, never>;
|
|
16
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectLabelTemplate, "[ng-label-tmp]", never, {}, {}, never, never, true, never>;
|
|
17
|
-
}
|
|
18
|
-
export declare class MtxSelectMultiLabelTemplate {
|
|
19
|
-
template: TemplateRef<any>;
|
|
20
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectMultiLabelTemplate, never>;
|
|
21
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectMultiLabelTemplate, "[ng-multi-label-tmp]", never, {}, {}, never, never, true, never>;
|
|
22
|
-
}
|
|
23
|
-
export declare class MtxSelectHeaderTemplate {
|
|
24
|
-
template: TemplateRef<any>;
|
|
25
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectHeaderTemplate, never>;
|
|
26
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectHeaderTemplate, "[ng-header-tmp]", never, {}, {}, never, never, true, never>;
|
|
27
|
-
}
|
|
28
|
-
export declare class MtxSelectFooterTemplate {
|
|
29
|
-
template: TemplateRef<any>;
|
|
30
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectFooterTemplate, never>;
|
|
31
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectFooterTemplate, "[ng-footer-tmp]", never, {}, {}, never, never, true, never>;
|
|
32
|
-
}
|
|
33
|
-
export declare class MtxSelectNotFoundTemplate {
|
|
34
|
-
template: TemplateRef<any>;
|
|
35
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectNotFoundTemplate, never>;
|
|
36
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectNotFoundTemplate, "[ng-notfound-tmp]", never, {}, {}, never, never, true, never>;
|
|
37
|
-
}
|
|
38
|
-
export declare class MtxSelectTypeToSearchTemplate {
|
|
39
|
-
template: TemplateRef<any>;
|
|
40
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectTypeToSearchTemplate, never>;
|
|
41
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectTypeToSearchTemplate, "[ng-typetosearch-tmp]", never, {}, {}, never, never, true, never>;
|
|
42
|
-
}
|
|
43
|
-
export declare class MtxSelectLoadingTextTemplate {
|
|
44
|
-
template: TemplateRef<any>;
|
|
45
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectLoadingTextTemplate, never>;
|
|
46
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectLoadingTextTemplate, "[ng-loadingtext-tmp]", never, {}, {}, never, never, true, never>;
|
|
47
|
-
}
|
|
48
|
-
export declare class MtxSelectTagTemplate {
|
|
49
|
-
template: TemplateRef<any>;
|
|
50
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectTagTemplate, never>;
|
|
51
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectTagTemplate, "[ng-tag-tmp]", never, {}, {}, never, never, true, never>;
|
|
52
|
-
}
|
|
53
|
-
export declare class MtxSelectLoadingSpinnerTemplate {
|
|
54
|
-
template: TemplateRef<any>;
|
|
55
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectLoadingSpinnerTemplate, never>;
|
|
56
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectLoadingSpinnerTemplate, "[ng-loadingspinner-tmp]", never, {}, {}, never, never, true, never>;
|
|
57
|
-
}
|
|
58
|
-
export declare class MtxSelectPlaceholderTemplate {
|
|
59
|
-
template: TemplateRef<any>;
|
|
60
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectPlaceholderTemplate, never>;
|
|
61
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectPlaceholderTemplate, "[ng-placeholder-tmp]", never, {}, {}, never, never, true, never>;
|
|
62
|
-
}
|
|
63
|
-
export declare class MtxSelectClearbuttonTemplate {
|
|
64
|
-
template: TemplateRef<any>;
|
|
65
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectClearbuttonTemplate, never>;
|
|
66
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectClearbuttonTemplate, "[ng-clearbutton-tmp]", never, {}, {}, never, never, true, never>;
|
|
67
|
-
}
|
package/split/interfaces.d.ts
DELETED
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { ThemePalette } from '@angular/material/core';
|
|
2
|
-
import { MtxSplitPane } from './split-pane';
|
|
3
|
-
export interface MtxSplitPoint {
|
|
4
|
-
x: number;
|
|
5
|
-
y: number;
|
|
6
|
-
}
|
|
7
|
-
export interface MtxSplitArea {
|
|
8
|
-
component: MtxSplitPane;
|
|
9
|
-
order: number;
|
|
10
|
-
size: number | null;
|
|
11
|
-
minSize: number | null;
|
|
12
|
-
maxSize: number | null;
|
|
13
|
-
}
|
|
14
|
-
export interface MtxSplitSnapshot {
|
|
15
|
-
gutterNum: number;
|
|
16
|
-
allAreasSizePixel: number;
|
|
17
|
-
allInvolvedAreasSizePercent: number;
|
|
18
|
-
lastSteppedOffset: number;
|
|
19
|
-
areasBeforeGutter: MtxSplitAreaSnapshot[];
|
|
20
|
-
areasAfterGutter: MtxSplitAreaSnapshot[];
|
|
21
|
-
}
|
|
22
|
-
export interface MtxSplitAreaSnapshot {
|
|
23
|
-
area: MtxSplitArea;
|
|
24
|
-
sizePixelAtStart: number;
|
|
25
|
-
sizePercentAtStart: number;
|
|
26
|
-
}
|
|
27
|
-
export interface MtxSplitSideAbsorptionCapacity {
|
|
28
|
-
remain: number;
|
|
29
|
-
list: MtxSplitAreaAbsorptionCapacity[];
|
|
30
|
-
}
|
|
31
|
-
export interface MtxSplitAreaAbsorptionCapacity {
|
|
32
|
-
areaSnapshot: MtxSplitAreaSnapshot;
|
|
33
|
-
pixelAbsorb: number;
|
|
34
|
-
percentAfterAbsorption: number;
|
|
35
|
-
pixelRemain: number;
|
|
36
|
-
}
|
|
37
|
-
export interface MtxSplitOutputData {
|
|
38
|
-
gutterNum: number;
|
|
39
|
-
sizes: MtxSplitOutputAreaSizes;
|
|
40
|
-
}
|
|
41
|
-
export type MtxSplitOutputAreaSizes = (number | '*')[];
|
|
42
|
-
export interface MtxSplitDefaultOptions {
|
|
43
|
-
color?: ThemePalette;
|
|
44
|
-
dir?: 'ltr' | 'rtl';
|
|
45
|
-
direction?: 'horizontal' | 'vertical';
|
|
46
|
-
unit?: 'percent' | 'pixel';
|
|
47
|
-
gutterDblClickDuration?: number;
|
|
48
|
-
gutterSize?: number;
|
|
49
|
-
gutterStep?: number;
|
|
50
|
-
restrictMove?: boolean;
|
|
51
|
-
useTransition?: boolean;
|
|
52
|
-
}
|
package/split/public-api.d.ts
DELETED
package/split/split-module.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "@angular/common";
|
|
3
|
-
import * as i2 from "./split";
|
|
4
|
-
import * as i3 from "./split-pane";
|
|
5
|
-
export declare class MtxSplitModule {
|
|
6
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MtxSplitModule, never>;
|
|
7
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<MtxSplitModule, never, [typeof i1.CommonModule, typeof i2.MtxSplit, typeof i3.MtxSplitPane], [typeof i2.MtxSplit, typeof i3.MtxSplitPane]>;
|
|
8
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<MtxSplitModule>;
|
|
9
|
-
}
|
package/split/split-pane.d.ts
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class MtxSplitPane implements OnInit, OnDestroy {
|
|
4
|
-
private ngZone;
|
|
5
|
-
private renderer;
|
|
6
|
-
private split;
|
|
7
|
-
elRef: ElementRef<any>;
|
|
8
|
-
/**
|
|
9
|
-
* Order of the area. Used to maintain the order of areas when toggling their visibility.
|
|
10
|
-
* Toggling area visibility without specifying an `order` leads to weird behavior.
|
|
11
|
-
*/
|
|
12
|
-
get order(): number | null;
|
|
13
|
-
set order(v: number | null);
|
|
14
|
-
private _order;
|
|
15
|
-
/**
|
|
16
|
-
* Size of the area in selected unit (percent/pixel).
|
|
17
|
-
* - Percent: All areas sizes should equal to `100`, If not, all areas will have the same size.
|
|
18
|
-
* - Pixel: An area with wildcard size (`size="*"`) is mandatory (only one) and
|
|
19
|
-
* can't have `visible="false"` or `minSize`/`maxSize`/`lockSize` properties.
|
|
20
|
-
*/
|
|
21
|
-
get size(): number | null;
|
|
22
|
-
set size(v: number | null);
|
|
23
|
-
private _size;
|
|
24
|
-
/** Minimum pixel or percent size, should be equal to or smaller than provided `size`. */
|
|
25
|
-
get minSize(): number | null;
|
|
26
|
-
set minSize(v: number | null);
|
|
27
|
-
private _minSize;
|
|
28
|
-
/** Maximum pixel or percent size, should be equal to or larger than provided `size`. */
|
|
29
|
-
get maxSize(): number | null;
|
|
30
|
-
set maxSize(v: number | null);
|
|
31
|
-
private _maxSize;
|
|
32
|
-
/** Lock area size, same as `minSize`=`maxSize`=`size`. */
|
|
33
|
-
get lockSize(): boolean;
|
|
34
|
-
set lockSize(v: boolean);
|
|
35
|
-
private _lockSize;
|
|
36
|
-
/** Hide area visually but still present in the DOM, use `ngIf` to completely remove it. */
|
|
37
|
-
get visible(): boolean;
|
|
38
|
-
set visible(v: boolean);
|
|
39
|
-
private _visible;
|
|
40
|
-
private transitionListener;
|
|
41
|
-
private readonly lockListeners;
|
|
42
|
-
constructor();
|
|
43
|
-
ngOnInit(): void;
|
|
44
|
-
setStyleOrder(value: number): void;
|
|
45
|
-
setStyleFlex(grow: number, shrink: number, basis: string, isMin: boolean, isMax: boolean): void;
|
|
46
|
-
lockEvents(): void;
|
|
47
|
-
unlockEvents(): void;
|
|
48
|
-
ngOnDestroy(): void;
|
|
49
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MtxSplitPane, never>;
|
|
50
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSplitPane, "mtx-split-pane, [mtx-split-pane]", ["mtxSplitPane"], { "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "minSize": { "alias": "minSize"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "lockSize": { "alias": "lockSize"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, {}, never, never, true, never>;
|
|
51
|
-
static ngAcceptInputType_lockSize: unknown;
|
|
52
|
-
static ngAcceptInputType_visible: unknown;
|
|
53
|
-
}
|
package/split/split.d.ts
DELETED
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, EventEmitter, InjectionToken, OnDestroy } from '@angular/core';
|
|
2
|
-
import { ThemePalette } from '@angular/material/core';
|
|
3
|
-
import { Observable } from 'rxjs';
|
|
4
|
-
import { MtxSplitArea, MtxSplitDefaultOptions, MtxSplitOutputAreaSizes, MtxSplitOutputData } from './interfaces';
|
|
5
|
-
import { MtxSplitPane } from './split-pane';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/** Injection token that can be used to specify default split options. */
|
|
8
|
-
export declare const MTX_SPLIT_DEFAULT_OPTIONS: InjectionToken<MtxSplitDefaultOptions>;
|
|
9
|
-
/**
|
|
10
|
-
* mtx-split
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
* PERCENT MODE ([unit]="'percent'")
|
|
14
|
-
* ___________________________________________________________________________________________
|
|
15
|
-
* | A [g1] B [g2] C [g3] D [g4] E |
|
|
16
|
-
* |-------------------------------------------------------------------------------------------|
|
|
17
|
-
* | 20 30 20 15 15 | <-- [size]="x"
|
|
18
|
-
* | 10px 10px 10px 10px | <-- [gutterSize]="10"
|
|
19
|
-
* |calc(20% - 8px) calc(30% - 12px) calc(20% - 8px) calc(15% - 6px) calc(15% - 6px)| <-- CSS flex-basis property (with flex-grow&shrink at 0)
|
|
20
|
-
* | 152px 228px 152px 114px 114px | <-- el.getBoundingClientRect().width
|
|
21
|
-
* |___________________________________________________________________________________________|
|
|
22
|
-
* 800px <-- el.getBoundingClientRect().width
|
|
23
|
-
* flex-basis = calc( { area.size }% - { area.size/100 * nbGutter*gutterSize }px );
|
|
24
|
-
*
|
|
25
|
-
*
|
|
26
|
-
* PIXEL MODE ([unit]="'pixel'")
|
|
27
|
-
* ___________________________________________________________________________________________
|
|
28
|
-
* | A [g1] B [g2] C [g3] D [g4] E |
|
|
29
|
-
* |-------------------------------------------------------------------------------------------|
|
|
30
|
-
* | 100 250 * 150 100 | <-- [size]="y"
|
|
31
|
-
* | 10px 10px 10px 10px | <-- [gutterSize]="10"
|
|
32
|
-
* | 0 0 100px 0 0 250px 1 1 auto 0 0 150px 0 0 100px | <-- CSS flex property (flex-grow/flex-shrink/flex-basis)
|
|
33
|
-
* | 100px 250px 200px 150px 100px | <-- el.getBoundingClientRect().width
|
|
34
|
-
* |___________________________________________________________________________________________|
|
|
35
|
-
* 800px <-- el.getBoundingClientRect().width
|
|
36
|
-
*
|
|
37
|
-
*/
|
|
38
|
-
export declare class MtxSplit implements AfterViewInit, OnDestroy {
|
|
39
|
-
private ngZone;
|
|
40
|
-
private elRef;
|
|
41
|
-
private cdRef;
|
|
42
|
-
private renderer;
|
|
43
|
-
protected _defaultOptions: MtxSplitDefaultOptions | null;
|
|
44
|
-
color: ThemePalette;
|
|
45
|
-
/** The split direction. */
|
|
46
|
-
get direction(): "horizontal" | "vertical";
|
|
47
|
-
set direction(v: 'horizontal' | 'vertical');
|
|
48
|
-
private _direction;
|
|
49
|
-
/** The unit you want to specify area sizes. */
|
|
50
|
-
get unit(): "percent" | "pixel";
|
|
51
|
-
set unit(v: 'percent' | 'pixel');
|
|
52
|
-
private _unit;
|
|
53
|
-
/** Gutters's size (dragging elements) in pixels. */
|
|
54
|
-
get gutterSize(): number;
|
|
55
|
-
set gutterSize(v: number);
|
|
56
|
-
private _gutterSize;
|
|
57
|
-
/** Gutter step while moving in pixels. */
|
|
58
|
-
get gutterStep(): number;
|
|
59
|
-
set gutterStep(v: number);
|
|
60
|
-
private _gutterStep;
|
|
61
|
-
/** Set to true if you want to limit gutter move to adjacent areas only. */
|
|
62
|
-
restrictMove: boolean;
|
|
63
|
-
/** Add transition when toggling visibility using `visible` or `size` changes. */
|
|
64
|
-
get useTransition(): boolean;
|
|
65
|
-
set useTransition(v: boolean);
|
|
66
|
-
private _useTransition;
|
|
67
|
-
/**
|
|
68
|
-
* Disable the dragging feature (remove cursor/image on gutters).
|
|
69
|
-
* `gutterClick`/`gutterDblClick` still emits.
|
|
70
|
-
*/
|
|
71
|
-
get disabled(): boolean;
|
|
72
|
-
set disabled(v: boolean);
|
|
73
|
-
private _disabled;
|
|
74
|
-
/** Indicates the directionality of the areas. */
|
|
75
|
-
get dir(): "ltr" | "rtl";
|
|
76
|
-
set dir(v: 'ltr' | 'rtl');
|
|
77
|
-
private _dir;
|
|
78
|
-
/**
|
|
79
|
-
* Milliseconds to detect a double click on a gutter. Set it around 300-500ms if
|
|
80
|
-
* you want to use `gutterDblClick` event.
|
|
81
|
-
*/
|
|
82
|
-
get gutterDblClickDuration(): number;
|
|
83
|
-
set gutterDblClickDuration(v: number);
|
|
84
|
-
private _gutterDblClickDuration;
|
|
85
|
-
/** Event emitted when drag starts. */
|
|
86
|
-
dragStart: EventEmitter<MtxSplitOutputData>;
|
|
87
|
-
/** Event emitted when drag ends. */
|
|
88
|
-
dragEnd: EventEmitter<MtxSplitOutputData>;
|
|
89
|
-
/** Event emitted when user clicks on a gutter. */
|
|
90
|
-
gutterClick: EventEmitter<MtxSplitOutputData>;
|
|
91
|
-
/** Event emitted when user double clicks on a gutter. */
|
|
92
|
-
gutterDblClick: EventEmitter<MtxSplitOutputData>;
|
|
93
|
-
/**
|
|
94
|
-
* Event emitted when transition ends (could be triggered from `visible` or `size` changes).
|
|
95
|
-
* Only if `useTransition` equals true.
|
|
96
|
-
*/
|
|
97
|
-
get transitionEnd(): Observable<MtxSplitOutputAreaSizes>;
|
|
98
|
-
private transitionEndSubscriber;
|
|
99
|
-
private dragProgressSubject;
|
|
100
|
-
dragProgress$: Observable<MtxSplitOutputData>;
|
|
101
|
-
private isDragging;
|
|
102
|
-
private dragListeners;
|
|
103
|
-
private snapshot;
|
|
104
|
-
private startPoint;
|
|
105
|
-
private endPoint;
|
|
106
|
-
readonly displayedAreas: MtxSplitArea[];
|
|
107
|
-
private readonly hidedAreas;
|
|
108
|
-
private gutterEls;
|
|
109
|
-
constructor();
|
|
110
|
-
ngAfterViewInit(): void;
|
|
111
|
-
private getNbGutters;
|
|
112
|
-
addArea(component: MtxSplitPane): void;
|
|
113
|
-
removeArea(component: MtxSplitPane): void;
|
|
114
|
-
updateArea(component: MtxSplitPane, resetOrders: boolean, resetSizes: boolean): void;
|
|
115
|
-
showArea(component: MtxSplitPane): void;
|
|
116
|
-
hideArea(comp: MtxSplitPane): void;
|
|
117
|
-
getVisibleAreaSizes(): MtxSplitOutputAreaSizes;
|
|
118
|
-
setVisibleAreaSizes(sizes: MtxSplitOutputAreaSizes): boolean;
|
|
119
|
-
private build;
|
|
120
|
-
private refreshStyleSizes;
|
|
121
|
-
_clickTimeout: number | null;
|
|
122
|
-
clickGutter(event: MouseEvent | TouchEvent, gutterNum: number): void;
|
|
123
|
-
startDragging(event: MouseEvent | TouchEvent, gutterOrder: number, gutterNum: number): void;
|
|
124
|
-
private dragEvent;
|
|
125
|
-
private stopDragging;
|
|
126
|
-
notify(type: 'start' | 'progress' | 'end' | 'click' | 'dblclick' | 'transitionEnd', gutterNum: number): void;
|
|
127
|
-
ngOnDestroy(): void;
|
|
128
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MtxSplit, never>;
|
|
129
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MtxSplit, "mtx-split", ["mtxSplit"], { "color": { "alias": "color"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "gutterSize": { "alias": "gutterSize"; "required": false; }; "gutterStep": { "alias": "gutterStep"; "required": false; }; "restrictMove": { "alias": "restrictMove"; "required": false; }; "useTransition": { "alias": "useTransition"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "gutterDblClickDuration": { "alias": "gutterDblClickDuration"; "required": false; }; }, { "dragStart": "dragStart"; "dragEnd": "dragEnd"; "gutterClick": "gutterClick"; "gutterDblClick": "gutterDblClick"; "transitionEnd": "transitionEnd"; }, never, ["*"], true, never>;
|
|
130
|
-
static ngAcceptInputType_restrictMove: unknown;
|
|
131
|
-
static ngAcceptInputType_useTransition: unknown;
|
|
132
|
-
static ngAcceptInputType_disabled: unknown;
|
|
133
|
-
}
|
package/split/utils.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ElementRef } from '@angular/core';
|
|
2
|
-
import { MtxSplitArea, MtxSplitPoint, MtxSplitAreaSnapshot, MtxSplitSideAbsorptionCapacity, MtxSplitAreaAbsorptionCapacity } from './interfaces';
|
|
3
|
-
export declare function getPointFromEvent(event: MouseEvent | TouchEvent): MtxSplitPoint | null;
|
|
4
|
-
export declare function getElementPixelSize(elRef: ElementRef, direction: 'horizontal' | 'vertical'): number;
|
|
5
|
-
export declare function getInputPositiveNumber<T>(v: any, defaultValue: T): number | T;
|
|
6
|
-
export declare function isUserSizesValid(unit: 'percent' | 'pixel', sizes: number[]): boolean | number | void;
|
|
7
|
-
export declare function getAreaMinSize(a: MtxSplitArea): null | number;
|
|
8
|
-
export declare function getAreaMaxSize(a: MtxSplitArea): null | number;
|
|
9
|
-
export declare function getGutterSideAbsorptionCapacity(unit: 'percent' | 'pixel', sideAreas: MtxSplitAreaSnapshot[], pixels: number, allAreasSizePixel: number): MtxSplitSideAbsorptionCapacity;
|
|
10
|
-
export declare function getAreaAbsorptionCapacity(unit: 'percent' | 'pixel', areaSnapshot: MtxSplitAreaSnapshot, pixels: number, allAreasSizePixel: number): MtxSplitAreaAbsorptionCapacity | void;
|
|
11
|
-
export declare function getAreaAbsorptionCapacityPercent(areaSnapshot: MtxSplitAreaSnapshot, pixels: number, allAreasSizePixel: number): MtxSplitAreaAbsorptionCapacity | void;
|
|
12
|
-
export declare function getAreaAbsorptionCapacityPixel(areaSnapshot: MtxSplitAreaSnapshot, pixels: number, containerSizePixel: number): MtxSplitAreaAbsorptionCapacity | void;
|
|
13
|
-
export declare function updateAreaSize(unit: 'percent' | 'pixel', item: MtxSplitAreaAbsorptionCapacity): void;
|
package/tooltip/public-api.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "@angular/cdk/a11y";
|
|
3
|
-
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "@angular/cdk/overlay";
|
|
5
|
-
import * as i4 from "@angular/material/core";
|
|
6
|
-
import * as i5 from "@ng-matero/extensions/core";
|
|
7
|
-
import * as i6 from "./tooltip";
|
|
8
|
-
import * as i7 from "@angular/cdk/scrolling";
|
|
9
|
-
export declare class MtxTooltipModule {
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MtxTooltipModule, never>;
|
|
11
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<MtxTooltipModule, never, [typeof i1.A11yModule, typeof i2.CommonModule, typeof i3.OverlayModule, typeof i4.MatCommonModule, typeof i5.MtxPipesModule, typeof i6.MtxTooltip, typeof i6.TooltipComponent], [typeof i6.MtxTooltip, typeof i6.TooltipComponent, typeof i4.MatCommonModule, typeof i7.CdkScrollableModule]>;
|
|
12
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<MtxTooltipModule>;
|
|
13
|
-
}
|