@aurodesignsystem/auro-formkit 2.0.0-beta.50 → 2.0.0-beta.51
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/CHANGELOG.md +12 -0
- package/components/checkbox/README.md +1 -1
- package/components/combobox/README.md +4 -4
- package/components/combobox/demo/api.md +1 -1
- package/components/combobox/demo/api.min.js +2 -2
- package/components/combobox/demo/index.min.js +2 -2
- package/components/combobox/dist/auro-combobox.d.ts +1 -1
- package/components/combobox/dist/index.js +2 -2
- package/components/combobox/dist/registered.js +2 -2
- package/components/counter/README.md +1 -1
- package/components/counter/demo/api.md +10 -10
- package/components/counter/demo/api.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/auro-counter-group.d.ts +1 -1
- package/components/counter/dist/index.js +2 -2
- package/components/counter/dist/registered.js +2 -2
- package/components/datepicker/README.md +4 -4
- package/components/datepicker/demo/api.md +1 -1
- package/components/datepicker/demo/api.min.js +4 -4
- package/components/datepicker/demo/index.min.js +4 -4
- package/components/datepicker/dist/auro-calendar.d.ts +1 -1
- package/components/datepicker/dist/auro-datepicker.d.ts +1 -1
- package/components/datepicker/dist/index.js +4 -4
- package/components/datepicker/dist/registered.js +4 -4
- package/components/dropdown/README.md +1 -1
- package/components/form/README.md +1 -1
- package/components/input/README.md +1 -1
- package/components/menu/README.md +1 -1
- package/components/radio/README.md +1 -1
- package/components/select/README.md +5 -3
- package/components/select/demo/api.md +101 -21
- package/components/select/demo/api.min.js +1058 -195
- package/components/select/demo/index.md +20 -0
- package/components/select/demo/index.min.js +1058 -195
- package/components/select/dist/auro-select.d.ts +38 -2
- package/components/select/dist/bibtemplateVersion.d.ts +2 -0
- package/components/select/dist/index.js +1069 -206
- package/components/select/dist/registered.js +1069 -206
- package/package.json +1 -1
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
* The auro-select element is a wrapper for auro-dropdown and auro-menu to create a dropdown menu control.
|
|
3
3
|
*
|
|
4
4
|
* @slot - Default slot for the menu content.
|
|
5
|
+
* @slot bib.fullscreen.headline - Defines the headline to display above menu-options
|
|
5
6
|
* @slot label - Defines the content of the label.
|
|
6
7
|
* @slot helpText - Defines the content of the helpText.
|
|
7
8
|
* @slot placeholder - Defines the content of the placeholder to be shown when there is no value
|
|
@@ -26,6 +27,23 @@ export class AuroSelect extends LitElement {
|
|
|
26
27
|
type: BooleanConstructor;
|
|
27
28
|
reflect: boolean;
|
|
28
29
|
};
|
|
30
|
+
/**
|
|
31
|
+
* Defines the screen size breakpoint (`lg`, `md`, `sm`, or `xs`) at which the dropdown switches to fullscreen mode on mobile.
|
|
32
|
+
* When expanded, the dropdown will automatically display in fullscreen mode if the screen size is equal to or smaller than the selected breakpoint.
|
|
33
|
+
* @default sm
|
|
34
|
+
*/
|
|
35
|
+
fullscreenBreakpoint: {
|
|
36
|
+
type: StringConstructor;
|
|
37
|
+
reflect: boolean;
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* If declared, make mobileHeadline in HeadingDisplay.
|
|
41
|
+
* Otherwise, Heading 600
|
|
42
|
+
*/
|
|
43
|
+
largeFullscreenHeadline: {
|
|
44
|
+
type: BooleanConstructor;
|
|
45
|
+
reflect: boolean;
|
|
46
|
+
};
|
|
29
47
|
/**
|
|
30
48
|
* When true, checkmark on selected option will no longer be present.
|
|
31
49
|
*/
|
|
@@ -124,8 +142,6 @@ export class AuroSelect extends LitElement {
|
|
|
124
142
|
*
|
|
125
143
|
*/
|
|
126
144
|
static register(name?: string): void;
|
|
127
|
-
optionSelected: any;
|
|
128
|
-
value: any;
|
|
129
145
|
/**
|
|
130
146
|
* @private
|
|
131
147
|
*/
|
|
@@ -142,6 +158,10 @@ export class AuroSelect extends LitElement {
|
|
|
142
158
|
* @private
|
|
143
159
|
*/
|
|
144
160
|
private dropdownTag;
|
|
161
|
+
/**
|
|
162
|
+
* @private
|
|
163
|
+
*/
|
|
164
|
+
private bibtemplateTag;
|
|
145
165
|
/**
|
|
146
166
|
* @private
|
|
147
167
|
*/
|
|
@@ -153,6 +173,9 @@ export class AuroSelect extends LitElement {
|
|
|
153
173
|
private privateDefaults;
|
|
154
174
|
options: any[] | Element[];
|
|
155
175
|
optionActive: any;
|
|
176
|
+
optionSelected: any;
|
|
177
|
+
value: any;
|
|
178
|
+
fullscreenBreakpoint: string;
|
|
156
179
|
/**
|
|
157
180
|
* Binds all behavior needed to the dropdown after rendering.
|
|
158
181
|
* @private
|
|
@@ -161,6 +184,7 @@ export class AuroSelect extends LitElement {
|
|
|
161
184
|
private configureDropdown;
|
|
162
185
|
dropdown: any;
|
|
163
186
|
menuWrapper: any;
|
|
187
|
+
bibtemplate: any;
|
|
164
188
|
/**
|
|
165
189
|
* Updates the displayed value in an Auro dropdown component based on optionSelected.
|
|
166
190
|
* @private
|
|
@@ -201,6 +225,13 @@ export class AuroSelect extends LitElement {
|
|
|
201
225
|
* @return {void}
|
|
202
226
|
*/
|
|
203
227
|
private handleFocusin;
|
|
228
|
+
/**
|
|
229
|
+
* Watch for slot changes and recalculate the menuoptions.
|
|
230
|
+
* @private
|
|
231
|
+
* @param {Event} event - `slotchange` event.
|
|
232
|
+
* @returns {void}
|
|
233
|
+
*/
|
|
234
|
+
private handleSlotChange;
|
|
204
235
|
/**
|
|
205
236
|
* Determines the element error state based on the `required` attribute and input value.
|
|
206
237
|
* @private
|
|
@@ -214,6 +245,11 @@ export class AuroSelect extends LitElement {
|
|
|
214
245
|
* @returns {void}
|
|
215
246
|
*/
|
|
216
247
|
reset(): void;
|
|
248
|
+
/**
|
|
249
|
+
* Hide dropdownbib.
|
|
250
|
+
* @private
|
|
251
|
+
*/
|
|
252
|
+
private hideBib;
|
|
217
253
|
/**
|
|
218
254
|
* Validates value.
|
|
219
255
|
* @param {boolean} [force=false] - Whether to force validation.
|