@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.
Files changed (39) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/components/checkbox/README.md +1 -1
  3. package/components/combobox/README.md +4 -4
  4. package/components/combobox/demo/api.md +1 -1
  5. package/components/combobox/demo/api.min.js +2 -2
  6. package/components/combobox/demo/index.min.js +2 -2
  7. package/components/combobox/dist/auro-combobox.d.ts +1 -1
  8. package/components/combobox/dist/index.js +2 -2
  9. package/components/combobox/dist/registered.js +2 -2
  10. package/components/counter/README.md +1 -1
  11. package/components/counter/demo/api.md +10 -10
  12. package/components/counter/demo/api.min.js +2 -2
  13. package/components/counter/demo/index.min.js +2 -2
  14. package/components/counter/dist/auro-counter-group.d.ts +1 -1
  15. package/components/counter/dist/index.js +2 -2
  16. package/components/counter/dist/registered.js +2 -2
  17. package/components/datepicker/README.md +4 -4
  18. package/components/datepicker/demo/api.md +1 -1
  19. package/components/datepicker/demo/api.min.js +4 -4
  20. package/components/datepicker/demo/index.min.js +4 -4
  21. package/components/datepicker/dist/auro-calendar.d.ts +1 -1
  22. package/components/datepicker/dist/auro-datepicker.d.ts +1 -1
  23. package/components/datepicker/dist/index.js +4 -4
  24. package/components/datepicker/dist/registered.js +4 -4
  25. package/components/dropdown/README.md +1 -1
  26. package/components/form/README.md +1 -1
  27. package/components/input/README.md +1 -1
  28. package/components/menu/README.md +1 -1
  29. package/components/radio/README.md +1 -1
  30. package/components/select/README.md +5 -3
  31. package/components/select/demo/api.md +101 -21
  32. package/components/select/demo/api.min.js +1058 -195
  33. package/components/select/demo/index.md +20 -0
  34. package/components/select/demo/index.min.js +1058 -195
  35. package/components/select/dist/auro-select.d.ts +38 -2
  36. package/components/select/dist/bibtemplateVersion.d.ts +2 -0
  37. package/components/select/dist/index.js +1069 -206
  38. package/components/select/dist/registered.js +1069 -206
  39. 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.
@@ -0,0 +1,2 @@
1
+ declare const _default: "1.0.0";
2
+ export default _default;