@digital-realty/ix-select 1.1.3 → 1.1.4
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/dist/IxSelect.d.ts +132 -132
- package/dist/IxSelect.js +317 -309
- package/dist/IxSelect.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +2 -2
- package/dist/ix-select.d.ts +4 -4
- package/dist/ix-select.js +6 -6
- package/dist/ix-select.min.js +2 -2
- package/dist/react/IxSelect.d.ts +4 -4
- package/dist/react/IxSelect.js +12 -12
- package/dist/react/IxSelectOption.d.ts +4 -4
- package/dist/react/IxSelectOption.js +12 -12
- package/dist/selectoption/IxSelectOption.d.ts +86 -86
- package/dist/selectoption/IxSelectOption.js +153 -153
- package/dist/selectoption/ix-select-option.d.ts +4 -4
- package/dist/selectoption/ix-select-option.js +6 -6
- package/dist/selectoption/selectOptionController.d.ts +93 -93
- package/dist/selectoption/selectOptionController.js +117 -117
- package/package.json +2 -2
package/dist/IxSelect.d.ts
CHANGED
|
@@ -1,132 +1,132 @@
|
|
|
1
|
-
import '@digital-realty/ix-icon/ix-icon.js';
|
|
2
|
-
import '@material/web/select/filled-select.js';
|
|
3
|
-
import { Select } from '@material/web/select/internal/select.js';
|
|
4
|
-
import '@material/web/select/outlined-select.js';
|
|
5
|
-
import { LitElement, PropertyValues } from 'lit';
|
|
6
|
-
import './selectoption/ix-select-option.js';
|
|
7
|
-
declare const VALUE: unique symbol;
|
|
8
|
-
export declare class IxSelect extends LitElement {
|
|
9
|
-
/** @nocollapse */
|
|
10
|
-
static shadowRootOptions: ShadowRootInit;
|
|
11
|
-
/** @nocollapse */
|
|
12
|
-
static readonly formAssociated = true;
|
|
13
|
-
component: Select;
|
|
14
|
-
minWidth: number;
|
|
15
|
-
/**
|
|
16
|
-
* Whether or not the drop-down menu should be at least the width of the select element.
|
|
17
|
-
*/
|
|
18
|
-
wideMenu: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* The switch between filled and outlined.
|
|
21
|
-
*/
|
|
22
|
-
filled: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* The floating label for the field.
|
|
25
|
-
*/
|
|
26
|
-
label: string;
|
|
27
|
-
/**
|
|
28
|
-
* Opens the menu synchronously with no animation.
|
|
29
|
-
*/
|
|
30
|
-
quick: boolean;
|
|
31
|
-
/**
|
|
32
|
-
* Whether or not the select is required.
|
|
33
|
-
*/
|
|
34
|
-
required: boolean;
|
|
35
|
-
/**
|
|
36
|
-
* Disables the select.
|
|
37
|
-
*/
|
|
38
|
-
disabled: boolean;
|
|
39
|
-
/**
|
|
40
|
-
* The error message that replaces supporting text when `error` is true. If
|
|
41
|
-
* `errorText` is an empty string, then the supporting text will continue to
|
|
42
|
-
* show.
|
|
43
|
-
*
|
|
44
|
-
* This error message overrides the error message displayed by
|
|
45
|
-
* `reportValidity()`.
|
|
46
|
-
*/
|
|
47
|
-
errorText: string;
|
|
48
|
-
/**
|
|
49
|
-
* Conveys additional information below the select, such as how it should
|
|
50
|
-
* be used.
|
|
51
|
-
*/
|
|
52
|
-
supportingText: string;
|
|
53
|
-
/**
|
|
54
|
-
* Gets or sets whether or not the select is in a visually invalid state.
|
|
55
|
-
*
|
|
56
|
-
* This error state overrides the error state controlled by
|
|
57
|
-
* `reportValidity()`.
|
|
58
|
-
*/
|
|
59
|
-
error: boolean;
|
|
60
|
-
/**
|
|
61
|
-
* Text to display in the field. Only set for SSR.
|
|
62
|
-
*/
|
|
63
|
-
displayText: string;
|
|
64
|
-
/**
|
|
65
|
-
* Name of icon. It is always a string.
|
|
66
|
-
*/
|
|
67
|
-
leadingIcon: string;
|
|
68
|
-
/**
|
|
69
|
-
* Name of icon. It is always a string.
|
|
70
|
-
*/
|
|
71
|
-
trailingIcon: string;
|
|
72
|
-
/**
|
|
73
|
-
* Whether or not the underlying md-menu should be position: fixed to display
|
|
74
|
-
* in a top-level manner, or position: absolute.
|
|
75
|
-
*
|
|
76
|
-
* position:fixed is useful for cases where select is inside of another
|
|
77
|
-
* element with stacking context and hidden overflows such as `md-dialog`.
|
|
78
|
-
*/
|
|
79
|
-
menuPositioning: 'absolute' | 'fixed' | 'popover';
|
|
80
|
-
/**
|
|
81
|
-
* The max time between the keystrokes of the typeahead select / menu behavior
|
|
82
|
-
* before it clears the typeahead buffer.
|
|
83
|
-
*/
|
|
84
|
-
typeaheadDelay: number;
|
|
85
|
-
/**
|
|
86
|
-
* The index of the currently selected option.
|
|
87
|
-
*
|
|
88
|
-
* Note: For SSR, set `[selected]` on the requested option and `displayText`
|
|
89
|
-
* rather than setting `selectedIndex` setting `selectedIndex` will incur a
|
|
90
|
-
* DOM query.
|
|
91
|
-
*/
|
|
92
|
-
selectedIndex: number;
|
|
93
|
-
private nativeError;
|
|
94
|
-
private nativeErrorText;
|
|
95
|
-
private get hasError();
|
|
96
|
-
private readonly internals;
|
|
97
|
-
private customValidationMessage;
|
|
98
|
-
get form(): HTMLFormElement | null;
|
|
99
|
-
get labels(): NodeList;
|
|
100
|
-
get name(): string;
|
|
101
|
-
set name(name: string);
|
|
102
|
-
get validity(): ValidityState;
|
|
103
|
-
get value(): string;
|
|
104
|
-
set value(value: string);
|
|
105
|
-
[VALUE]: string;
|
|
106
|
-
get validationMessage(): string;
|
|
107
|
-
private handleSelection;
|
|
108
|
-
private
|
|
109
|
-
getUpdateComplete(): Promise<boolean>;
|
|
110
|
-
protected updated(changed: PropertyValues<Select>): Promise<void>;
|
|
111
|
-
private getErrorText;
|
|
112
|
-
private syncValidity;
|
|
113
|
-
private getRequiredValidationMessage;
|
|
114
|
-
private handleResize;
|
|
115
|
-
checkValidity(): boolean;
|
|
116
|
-
reportValidity(): boolean;
|
|
117
|
-
setCustomValidity(error: string): void;
|
|
118
|
-
focus(): void;
|
|
119
|
-
onBlur(e: FocusEvent): void;
|
|
120
|
-
/**
|
|
121
|
-
* Reset the select to its default value.
|
|
122
|
-
*/
|
|
123
|
-
reset(): void;
|
|
124
|
-
/** @private */
|
|
125
|
-
formResetCallback(): void;
|
|
126
|
-
/** @private */
|
|
127
|
-
formStateRestoreCallback(newState: string): void;
|
|
128
|
-
connectedCallback(): void;
|
|
129
|
-
disconnectedCallback(): void;
|
|
130
|
-
render(): import("lit").TemplateResult<1 | 2>;
|
|
131
|
-
}
|
|
132
|
-
export {};
|
|
1
|
+
import '@digital-realty/ix-icon/ix-icon.js';
|
|
2
|
+
import '@material/web/select/filled-select.js';
|
|
3
|
+
import { Select } from '@material/web/select/internal/select.js';
|
|
4
|
+
import '@material/web/select/outlined-select.js';
|
|
5
|
+
import { LitElement, PropertyValues } from 'lit';
|
|
6
|
+
import './selectoption/ix-select-option.js';
|
|
7
|
+
declare const VALUE: unique symbol;
|
|
8
|
+
export declare class IxSelect extends LitElement {
|
|
9
|
+
/** @nocollapse */
|
|
10
|
+
static shadowRootOptions: ShadowRootInit;
|
|
11
|
+
/** @nocollapse */
|
|
12
|
+
static readonly formAssociated = true;
|
|
13
|
+
component: Select;
|
|
14
|
+
minWidth: number;
|
|
15
|
+
/**
|
|
16
|
+
* Whether or not the drop-down menu should be at least the width of the select element.
|
|
17
|
+
*/
|
|
18
|
+
wideMenu: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* The switch between filled and outlined.
|
|
21
|
+
*/
|
|
22
|
+
filled: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* The floating label for the field.
|
|
25
|
+
*/
|
|
26
|
+
label: string;
|
|
27
|
+
/**
|
|
28
|
+
* Opens the menu synchronously with no animation.
|
|
29
|
+
*/
|
|
30
|
+
quick: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Whether or not the select is required.
|
|
33
|
+
*/
|
|
34
|
+
required: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Disables the select.
|
|
37
|
+
*/
|
|
38
|
+
disabled: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* The error message that replaces supporting text when `error` is true. If
|
|
41
|
+
* `errorText` is an empty string, then the supporting text will continue to
|
|
42
|
+
* show.
|
|
43
|
+
*
|
|
44
|
+
* This error message overrides the error message displayed by
|
|
45
|
+
* `reportValidity()`.
|
|
46
|
+
*/
|
|
47
|
+
errorText: string;
|
|
48
|
+
/**
|
|
49
|
+
* Conveys additional information below the select, such as how it should
|
|
50
|
+
* be used.
|
|
51
|
+
*/
|
|
52
|
+
supportingText: string;
|
|
53
|
+
/**
|
|
54
|
+
* Gets or sets whether or not the select is in a visually invalid state.
|
|
55
|
+
*
|
|
56
|
+
* This error state overrides the error state controlled by
|
|
57
|
+
* `reportValidity()`.
|
|
58
|
+
*/
|
|
59
|
+
error: boolean;
|
|
60
|
+
/**
|
|
61
|
+
* Text to display in the field. Only set for SSR.
|
|
62
|
+
*/
|
|
63
|
+
displayText: string;
|
|
64
|
+
/**
|
|
65
|
+
* Name of icon. It is always a string.
|
|
66
|
+
*/
|
|
67
|
+
leadingIcon: string;
|
|
68
|
+
/**
|
|
69
|
+
* Name of icon. It is always a string.
|
|
70
|
+
*/
|
|
71
|
+
trailingIcon: string;
|
|
72
|
+
/**
|
|
73
|
+
* Whether or not the underlying md-menu should be position: fixed to display
|
|
74
|
+
* in a top-level manner, or position: absolute.
|
|
75
|
+
*
|
|
76
|
+
* position:fixed is useful for cases where select is inside of another
|
|
77
|
+
* element with stacking context and hidden overflows such as `md-dialog`.
|
|
78
|
+
*/
|
|
79
|
+
menuPositioning: 'absolute' | 'fixed' | 'popover';
|
|
80
|
+
/**
|
|
81
|
+
* The max time between the keystrokes of the typeahead select / menu behavior
|
|
82
|
+
* before it clears the typeahead buffer.
|
|
83
|
+
*/
|
|
84
|
+
typeaheadDelay: number;
|
|
85
|
+
/**
|
|
86
|
+
* The index of the currently selected option.
|
|
87
|
+
*
|
|
88
|
+
* Note: For SSR, set `[selected]` on the requested option and `displayText`
|
|
89
|
+
* rather than setting `selectedIndex` setting `selectedIndex` will incur a
|
|
90
|
+
* DOM query.
|
|
91
|
+
*/
|
|
92
|
+
selectedIndex: number;
|
|
93
|
+
private nativeError;
|
|
94
|
+
private nativeErrorText;
|
|
95
|
+
private get hasError();
|
|
96
|
+
private readonly internals;
|
|
97
|
+
private customValidationMessage;
|
|
98
|
+
get form(): HTMLFormElement | null;
|
|
99
|
+
get labels(): NodeList;
|
|
100
|
+
get name(): string;
|
|
101
|
+
set name(name: string);
|
|
102
|
+
get validity(): ValidityState;
|
|
103
|
+
get value(): string;
|
|
104
|
+
set value(value: string);
|
|
105
|
+
[VALUE]: string;
|
|
106
|
+
get validationMessage(): string;
|
|
107
|
+
private handleSelection;
|
|
108
|
+
private setMenuSize;
|
|
109
|
+
getUpdateComplete(): Promise<boolean>;
|
|
110
|
+
protected updated(changed: PropertyValues<Select>): Promise<void>;
|
|
111
|
+
private getErrorText;
|
|
112
|
+
private syncValidity;
|
|
113
|
+
private getRequiredValidationMessage;
|
|
114
|
+
private handleResize;
|
|
115
|
+
checkValidity(): boolean;
|
|
116
|
+
reportValidity(): boolean;
|
|
117
|
+
setCustomValidity(error: string): void;
|
|
118
|
+
focus(): void;
|
|
119
|
+
onBlur(e: FocusEvent): void;
|
|
120
|
+
/**
|
|
121
|
+
* Reset the select to its default value.
|
|
122
|
+
*/
|
|
123
|
+
reset(): void;
|
|
124
|
+
/** @private */
|
|
125
|
+
formResetCallback(): void;
|
|
126
|
+
/** @private */
|
|
127
|
+
formStateRestoreCallback(newState: string): void;
|
|
128
|
+
connectedCallback(): void;
|
|
129
|
+
disconnectedCallback(): void;
|
|
130
|
+
render(): import("lit").TemplateResult<1 | 2>;
|
|
131
|
+
}
|
|
132
|
+
export {};
|