@aurodesignsystem/auro-formkit 4.0.2 → 5.0.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.
Files changed (172) hide show
  1. package/CHANGELOG.md +193 -2
  2. package/components/bibtemplate/dist/auro-bibtemplate.d.ts +12 -2
  3. package/components/bibtemplate/dist/buttonVersion.d.ts +2 -0
  4. package/components/bibtemplate/dist/headerVersion.d.ts +1 -1
  5. package/components/bibtemplate/dist/iconVersion.d.ts +1 -1
  6. package/components/bibtemplate/dist/index.js +1184 -105
  7. package/components/bibtemplate/dist/registered.js +1184 -105
  8. package/components/checkbox/demo/api.html +16 -10
  9. package/components/checkbox/demo/api.md +52 -17
  10. package/components/checkbox/demo/api.min.js +66 -33
  11. package/components/checkbox/demo/index.html +16 -10
  12. package/components/checkbox/demo/index.min.js +66 -33
  13. package/components/checkbox/demo/readme.html +16 -9
  14. package/components/checkbox/dist/auro-checkbox-group.d.ts +2 -2
  15. package/components/checkbox/dist/auro-checkbox.d.ts +8 -1
  16. package/components/checkbox/dist/index.js +65 -32
  17. package/components/checkbox/dist/registered.js +65 -32
  18. package/components/combobox/README.md +2 -0
  19. package/components/combobox/demo/api.html +16 -10
  20. package/components/combobox/demo/api.md +124 -7
  21. package/components/combobox/demo/api.min.js +4542 -1330
  22. package/components/combobox/demo/index.html +16 -10
  23. package/components/combobox/demo/index.md +108 -4
  24. package/components/combobox/demo/index.min.js +4542 -1330
  25. package/components/combobox/demo/readme.html +16 -9
  26. package/components/combobox/demo/readme.md +2 -0
  27. package/components/combobox/dist/auro-combobox.d.ts +81 -18
  28. package/components/combobox/dist/index.js +4588 -1520
  29. package/components/combobox/dist/registered.js +4588 -1520
  30. package/components/counter/demo/api.html +17 -10
  31. package/components/counter/demo/api.md +167 -21
  32. package/components/counter/demo/api.min.js +3621 -866
  33. package/components/counter/demo/index.html +17 -10
  34. package/components/counter/demo/index.md +191 -34
  35. package/components/counter/demo/index.min.js +3621 -866
  36. package/components/counter/demo/readme.html +16 -9
  37. package/components/counter/dist/auro-counter-button.d.ts +2 -0
  38. package/components/counter/dist/auro-counter-group.d.ts +162 -11
  39. package/components/counter/dist/auro-counter.d.ts +16 -0
  40. package/components/counter/dist/helptextVersion.d.ts +2 -0
  41. package/components/counter/dist/iconVersion.d.ts +1 -1
  42. package/components/counter/dist/index.js +3619 -864
  43. package/components/counter/dist/registered.js +3619 -864
  44. package/components/datepicker/README.md +2 -1
  45. package/components/datepicker/demo/api.html +16 -10
  46. package/components/datepicker/demo/api.md +80 -30
  47. package/components/datepicker/demo/api.min.js +14795 -10365
  48. package/components/datepicker/demo/index.html +16 -10
  49. package/components/datepicker/demo/index.md +96 -4
  50. package/components/datepicker/demo/index.min.js +14795 -10365
  51. package/components/datepicker/demo/readme.html +16 -9
  52. package/components/datepicker/demo/readme.md +2 -1
  53. package/components/datepicker/dist/auro-datepicker.d.ts +163 -4
  54. package/components/datepicker/dist/buttonVersion.d.ts +1 -1
  55. package/components/datepicker/dist/iconVersion.d.ts +2 -0
  56. package/components/datepicker/dist/index.js +14916 -10486
  57. package/components/datepicker/dist/popoverVersion.d.ts +1 -1
  58. package/components/datepicker/dist/registered.js +14916 -10486
  59. package/components/dropdown/demo/api.html +16 -10
  60. package/components/dropdown/demo/api.md +94 -262
  61. package/components/dropdown/demo/api.min.js +738 -259
  62. package/components/dropdown/demo/index.html +16 -10
  63. package/components/dropdown/demo/index.md +93 -266
  64. package/components/dropdown/demo/index.min.js +738 -259
  65. package/components/dropdown/demo/readme.html +16 -9
  66. package/components/dropdown/dist/auro-dropdown.d.ts +92 -73
  67. package/components/dropdown/dist/auro-dropdownBib.d.ts +14 -0
  68. package/components/dropdown/dist/index.js +710 -231
  69. package/components/dropdown/dist/registered.js +710 -231
  70. package/components/dropdown/dist/styles/classic/style-css.d.ts +2 -0
  71. package/components/dropdown/dist/styles/emphasized/style-css.d.ts +2 -0
  72. package/components/dropdown/dist/styles/shapeSize-css.d.ts +2 -0
  73. package/components/dropdown/dist/styles/snowflake/style-css.d.ts +2 -0
  74. package/components/form/demo/api.html +16 -9
  75. package/components/form/demo/api.md +1 -1
  76. package/components/form/demo/api.min.js +3 -3
  77. package/components/form/demo/autocomplete.html +19 -3
  78. package/components/form/demo/index.html +16 -9
  79. package/components/form/demo/index.min.js +3 -3
  80. package/components/form/demo/readme.html +16 -9
  81. package/components/form/demo/working.html +19 -13
  82. package/components/form/dist/auro-form.d.ts +1 -1
  83. package/components/form/dist/index.js +2 -2
  84. package/components/form/dist/registered.js +2 -2
  85. package/components/helptext/dist/auro-helptext.d.ts +0 -2
  86. package/components/helptext/dist/index.js +2 -4
  87. package/components/helptext/dist/registered.js +2 -4
  88. package/components/input/README.md +6 -2
  89. package/components/input/demo/api.html +16 -10
  90. package/components/input/demo/api.md +258 -144
  91. package/components/input/demo/api.min.js +1550 -497
  92. package/components/input/demo/index.html +17 -11
  93. package/components/input/demo/index.md +95 -27
  94. package/components/input/demo/index.min.js +1549 -496
  95. package/components/input/demo/readme.html +16 -9
  96. package/components/input/demo/readme.md +6 -2
  97. package/components/input/dist/auro-input.d.ts +139 -3
  98. package/components/input/dist/base-input.d.ts +80 -26
  99. package/components/input/dist/buttonVersion.d.ts +1 -1
  100. package/components/input/dist/iconVersion.d.ts +1 -1
  101. package/components/input/dist/index.js +1504 -451
  102. package/components/input/dist/registered.js +1504 -451
  103. package/components/input/dist/styles/classic/color-css.d.ts +2 -0
  104. package/components/input/dist/styles/classic/style-css.d.ts +2 -0
  105. package/components/input/dist/styles/default/borders-css.d.ts +2 -0
  106. package/components/input/dist/styles/default/color-css.d.ts +2 -0
  107. package/components/input/dist/styles/default/mixins-css.d.ts +2 -0
  108. package/components/input/dist/styles/default/notificationIcons-css.d.ts +2 -0
  109. package/components/input/dist/styles/default/style-css.d.ts +2 -0
  110. package/components/input/dist/styles/emphasized/color-css.d.ts +2 -0
  111. package/components/input/dist/styles/emphasized/style-css.d.ts +2 -0
  112. package/components/input/dist/styles/shapeSize-css.d.ts +2 -0
  113. package/components/input/dist/styles/snowflake/style-css.d.ts +2 -0
  114. package/components/layoutElement/dist/auroElement.d.ts +34 -0
  115. package/components/layoutElement/dist/index.d.ts +2 -0
  116. package/components/layoutElement/dist/index.js +98 -0
  117. package/components/layoutElement/dist/registered.js +98 -0
  118. package/components/menu/demo/api.html +17 -10
  119. package/components/menu/demo/api.md +65 -8
  120. package/components/menu/demo/api.min.js +304 -65
  121. package/components/menu/demo/index.html +16 -10
  122. package/components/menu/demo/index.min.js +304 -65
  123. package/components/menu/demo/readme.html +16 -9
  124. package/components/menu/dist/auro-menu.d.ts +53 -7
  125. package/components/menu/dist/auro-menuoption.d.ts +21 -3
  126. package/components/menu/dist/iconVersion.d.ts +1 -1
  127. package/components/menu/dist/index.js +289 -50
  128. package/components/menu/dist/registered.js +289 -50
  129. package/components/menu/dist/styles/default/color-menu-css.d.ts +2 -0
  130. package/components/menu/dist/styles/default/color-menuoption-css.d.ts +2 -0
  131. package/components/menu/dist/styles/default/style-menu-css.d.ts +2 -0
  132. package/components/menu/dist/styles/default/style-menuoption-css.d.ts +2 -0
  133. package/components/menu/dist/styles/default/tokens-css.d.ts +2 -0
  134. package/components/radio/demo/api.html +16 -10
  135. package/components/radio/demo/api.md +41 -9
  136. package/components/radio/demo/api.min.js +93 -95
  137. package/components/radio/demo/index.html +16 -10
  138. package/components/radio/demo/index.min.js +93 -95
  139. package/components/radio/demo/readme.html +16 -9
  140. package/components/radio/dist/auro-radio-group.d.ts +1 -1
  141. package/components/radio/dist/auro-radio.d.ts +11 -12
  142. package/components/radio/dist/index.js +92 -94
  143. package/components/radio/dist/registered.js +92 -94
  144. package/components/select/README.md +1 -0
  145. package/components/select/demo/api.html +16 -10
  146. package/components/select/demo/api.js +0 -2
  147. package/components/select/demo/api.md +156 -114
  148. package/components/select/demo/api.min.js +3126 -657
  149. package/components/select/demo/index.html +17 -10
  150. package/components/select/demo/index.md +398 -62
  151. package/components/select/demo/index.min.js +3129 -648
  152. package/components/select/demo/readme.html +16 -9
  153. package/components/select/demo/readme.md +1 -0
  154. package/components/select/dist/auro-select.d.ts +173 -18
  155. package/components/select/dist/helptextVersion.d.ts +2 -0
  156. package/components/select/dist/index.js +3128 -791
  157. package/components/select/dist/registered.js +3128 -791
  158. package/components/select/dist/styles/shapeSize-css.d.ts +2 -0
  159. package/components/select/dist/styles/tokens-css.d.ts +2 -0
  160. package/package.json +33 -32
  161. package/packages/build-tools/src/postinstall.mjs +0 -12
  162. /package/components/{dropdown/dist/styles/bibColors-css.d.ts → combobox/dist/styles/emphasized/style-css.d.ts} +0 -0
  163. /package/components/{dropdown/dist/styles/bibStyles-css.d.ts → combobox/dist/styles/snowflake/style-css.d.ts} +0 -0
  164. /package/components/{input/dist/styles/borders-css.d.ts → counter/dist/styles/shapeSize-css.d.ts} +0 -0
  165. /package/components/{input/dist/styles/input-css.d.ts → datepicker/dist/styles/classic/color-css.d.ts} +0 -0
  166. /package/components/{input/dist/styles/label-css.d.ts → datepicker/dist/styles/classic/style-css.d.ts} +0 -0
  167. /package/components/{input/dist/styles/notificationIcons-css.d.ts → datepicker/dist/styles/shapeSize-css.d.ts} +0 -0
  168. /package/components/{menu/dist/styles/color-menu-css.d.ts → datepicker/dist/styles/snowflake/color-css.d.ts} +0 -0
  169. /package/components/{menu/dist/styles/color-menuoption-css.d.ts → datepicker/dist/styles/snowflake/style-css.d.ts} +0 -0
  170. /package/components/{menu/dist/styles/style-menu-css.d.ts → dropdown/dist/styles/classic/bibColors-css.d.ts} +0 -0
  171. /package/components/{menu/dist/styles/style-menuoption-css.d.ts → dropdown/dist/styles/classic/bibStyles-css.d.ts} +0 -0
  172. /package/components/{menu/dist/styles/tokens-css.d.ts → dropdown/dist/styles/classic/color-css.d.ts} +0 -0
package/components/select/demo/readme.html CHANGED
@@ -16,17 +16,24 @@
16
16
  <head>
17
17
  <meta charset="UTF-8" />
18
18
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
19
- <title>Auro Web Component Generator | auro-select custom element</title>
20
- <link
21
- rel="stylesheet"
22
- type="text/css"
23
- href="https://cdn.jsdelivr.net/npm/prismjs@1.24.1/themes/prism.css"
24
- />
25
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/auro-classic/CSSCustomProperties.css">
26
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/alaska/CSSCustomProperties--alaska.css">
19
+ <title>Auro Web Component Demo | auro-select</title>
20
+
21
+ <!-- Prism.js Stylesheet -->
22
+ <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/prismjs@1.24.1/themes/prism.css"/>
23
+
24
+ <!-- Legacy reference is still needed to support auro-select's use of legacy token values at this time -->
25
+ <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/legacy/auro-classic/CSSCustomProperties.css"/>
26
+
27
+ <!-- Design Token Alaska Theme -->
28
+ <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/themes/alaska/CSSCustomProperties--alaska.min.css"/>
29
+
30
+ <!-- Webcore Stylesheet Alaska Theme -->
31
+ <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/themes/alaska.global.min.css" />
32
+
33
+ <!-- Demo Specific Styles -->
27
34
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/demoWrapper.css" />
28
35
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/elementDemoStyles.css" />
29
- </head>
36
+ </head>
30
37
  <body class="auro-markdown">
31
38
  <main></main>
32
39
 
package/components/select/demo/readme.md CHANGED
@@ -84,6 +84,7 @@ This configuration enables proper module resolution for the component's TypeScri
84
84
 
85
85
  ```html
86
86
  <auro-select>
87
+ <span slot="ariaLabel.bib.close">Close Popup</span>
87
88
  <span slot="bib.fullscreen.headline">Bib Headline</span>
88
89
  <span slot="label">Select Example</span>
89
90
  <auro-menu>
package/components/select/dist/auro-select.d.ts CHANGED
@@ -2,17 +2,23 @@
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 ariaLabel.bib.close - Sets aria-label on close button in fullscreen bib
5
6
  * @slot bib.fullscreen.headline - Defines the headline to display above menu-options
6
7
  * @slot label - Defines the content of the label.
8
+ * @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
7
9
  * @slot helpText - Defines the content of the helpText.
8
- * @slot placeholder - Defines the content of the placeholder to be shown when there is no value
9
10
  * @slot valueText - Dropdown value text display.
11
+ * @slot displayValue - Allows custom HTML content to display the selected value when select is not focused.
10
12
  * @event auroSelect-valueSet - Notifies that the component has a new value set.
11
13
  * @event input - Notifies every time the value prop of the element is changed. The updated `value` and `optionSelected` will be delivered in `detail` object.
12
14
  * @event auroFormElement-validated - Notifies that the `validity` and `errorMessage` values have changed.
15
+ *
16
+ * @csspart dropdownTrigger - Apply CSS to the trigger content container.
17
+ * @csspart dropdownChevron - Apply CSS to the collapsed/expanded state icon container.
18
+ * @csspart dropdownSize - Apply size styles to the dropdown bib. (height, width, maxHeight, maxWidth only)
13
19
  * @csspart helpText - Apply CSS to the help text.
14
20
  */
15
- export class AuroSelect extends LitElement {
21
+ export class AuroSelect extends AuroElement {
16
22
  static get properties(): {
17
23
  /**
18
24
  * If declared, sets the autocomplete attribute for the select element.
@@ -21,6 +27,13 @@ export class AuroSelect extends LitElement {
21
27
  type: StringConstructor;
22
28
  reflect: boolean;
23
29
  };
30
+ /**
31
+ * If declared, the label and value will be visually hidden and the displayValue will render 100% of the time.
32
+ */
33
+ forceDisplayValue: {
34
+ type: BooleanConstructor;
35
+ reflect: boolean;
36
+ };
24
37
  /**
25
38
  * If declared, bib's position will be automatically calculated where to appear.
26
39
  * @default false
@@ -37,19 +50,33 @@ export class AuroSelect extends LitElement {
37
50
  reflect: boolean;
38
51
  };
39
52
  /**
40
- * The name for the select element.
53
+ * When attribute is present, element will be 100% width of container element.
41
54
  */
42
- name: {
43
- type: StringConstructor;
55
+ fluid: {
56
+ type: BooleanConstructor;
57
+ reflect: boolean;
58
+ };
59
+ /**
60
+ * @private
61
+ */
62
+ isPopoverVisible: {
63
+ type: BooleanConstructor;
44
64
  reflect: boolean;
45
65
  };
46
66
  /**
47
- * If set, makes dropdown width match the size of the content, rather than the width of the trigger.
67
+ * If declared, the popover and trigger will be set to the same width.
48
68
  */
49
- flexMenuWidth: {
69
+ matchWidth: {
50
70
  type: BooleanConstructor;
51
71
  reflect: boolean;
52
72
  };
73
+ /**
74
+ * The name for the select element.
75
+ */
76
+ name: {
77
+ type: StringConstructor;
78
+ reflect: boolean;
79
+ };
53
80
  /**
54
81
  * Defines the screen size breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `disabled`)
55
82
  * at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.
@@ -131,13 +158,20 @@ export class AuroSelect extends LitElement {
131
158
  * "top" | "right" | "bottom" | "left" |
132
159
  * "bottom-start" | "top-start" | "top-end" |
133
160
  * "right-start" | "right-end" | "bottom-end" |
134
- * "left-start" | "left-end"
161
+ * "left-start" | "left-end".
135
162
  * @default bottom-start
136
163
  */
137
164
  placement: {
138
165
  type: StringConstructor;
139
166
  reflect: boolean;
140
167
  };
168
+ /**
169
+ * Define custom placeholder text.
170
+ */
171
+ placeholder: {
172
+ type: StringConstructor;
173
+ reflect: boolean;
174
+ };
141
175
  /**
142
176
  * Populates the `required` attribute on the element. Used for client-side validation.
143
177
  */
@@ -178,10 +212,13 @@ export class AuroSelect extends LitElement {
178
212
  reflect: boolean;
179
213
  };
180
214
  /**
181
- * Value selected for the component. Default type is `String`, changing to `Array<String>` when `multiSelect` is true.
182
- * @type {String|Array<String>}
215
+ * Value selected for the component.
183
216
  */
184
- value: string | Array<string>;
217
+ value: {
218
+ type: StringConstructor;
219
+ reflect: boolean;
220
+ attribute: string;
221
+ };
185
222
  /**
186
223
  * Sets multi-select mode, allowing multiple options to be selected at once.
187
224
  */
@@ -197,6 +234,22 @@ export class AuroSelect extends LitElement {
197
234
  * @private
198
235
  */
199
236
  touched: boolean;
237
+ /**
238
+ * @private
239
+ */
240
+ hasFocus: {
241
+ type: BooleanConstructor;
242
+ reflect: boolean;
243
+ attribute: boolean;
244
+ };
245
+ /**
246
+ * @private
247
+ */
248
+ hasDisplayValueContent: {
249
+ type: BooleanConstructor;
250
+ reflect: boolean;
251
+ attribute: boolean;
252
+ };
200
253
  };
201
254
  static get styles(): import("lit").CSSResult[];
202
255
  /**
@@ -208,10 +261,12 @@ export class AuroSelect extends LitElement {
208
261
  *
209
262
  */
210
263
  static register(name?: string): void;
264
+ matchWidth: boolean;
211
265
  placement: string;
212
266
  offset: number;
213
267
  noFlip: boolean;
214
268
  autoPlacement: boolean;
269
+ forceDisplayValue: boolean;
215
270
  /**
216
271
  * @private
217
272
  */
@@ -232,10 +287,22 @@ export class AuroSelect extends LitElement {
232
287
  * @private
233
288
  */
234
289
  private bibtemplateTag;
290
+ /**
291
+ * @private
292
+ */
293
+ private helpTextTag;
235
294
  /**
236
295
  * @private
237
296
  */
238
297
  private isHiddenWhileLoading;
298
+ /**
299
+ * @private
300
+ */
301
+ private hasFocus;
302
+ /**
303
+ * @private
304
+ */
305
+ private hasDisplayValueContent;
239
306
  /**
240
307
  * @private
241
308
  * @returns {void} Internal defaults.
@@ -247,6 +314,34 @@ export class AuroSelect extends LitElement {
247
314
  value: any;
248
315
  fullscreenBreakpoint: string;
249
316
  onDark: boolean;
317
+ isPopoverVisible: any;
318
+ shape: string;
319
+ size: string;
320
+ /**
321
+ * Formatted value based on `multiSelect` state.
322
+ * Default type is `String`, changing to `Array<String>` when `multiSelect` is true.
323
+ * @private
324
+ * @returns {String|Array<String>}
325
+ */
326
+ private get formattedValue();
327
+ /**
328
+ * Returns classmap configuration for html5 input labels in all layouts.
329
+ * @private
330
+ * @returns {Record<string, boolean>}
331
+ */
332
+ private get commonLabelClasses();
333
+ /**
334
+ * Returns the label font class based on layout and selection state.
335
+ * @private
336
+ * @returns {string} - The font class for the label.
337
+ */
338
+ private get labelFontClass();
339
+ /**
340
+ * Whether or not the component has a value.
341
+ * @returns {boolean} - Returns true if the component has a value or placeholder.
342
+ * @private
343
+ */
344
+ private get hasValue();
250
345
  /**
251
346
  * Binds all behavior needed to the dropdown after rendering.
252
347
  * @private
@@ -261,6 +356,11 @@ export class AuroSelect extends LitElement {
261
356
  * @returns {void}
262
357
  */
263
358
  private updateDisplayedValue;
359
+ /**
360
+ * Update menu to default for fullscreen bib, otherwise to this.size and this.shape.
361
+ * @private
362
+ */
363
+ private updateMenuShapeSize;
264
364
  /**
265
365
  * Binds all behavior needed to the menu after rendering.
266
366
  * @private
@@ -274,6 +374,7 @@ export class AuroSelect extends LitElement {
274
374
  * @returns {void}
275
375
  */
276
376
  private configureSelect;
377
+ nativeSelect: HTMLSelectElement;
277
378
  /**
278
379
  * Updates the active option in the menu based on keyboard input.
279
380
  * @private
@@ -298,6 +399,16 @@ export class AuroSelect extends LitElement {
298
399
  * @returns {void}
299
400
  */
300
401
  private handleMenuLoadingChange;
402
+ /**
403
+ * Hides the dropdown bib if its open.
404
+ * @returns {void}
405
+ */
406
+ hideBib(): void;
407
+ /**
408
+ * Shows the dropdown bib if there are options to show.
409
+ * @returns {void}
410
+ */
411
+ showBib(): void;
301
412
  /**
302
413
  * Function to support @focusin event.
303
414
  * @private
@@ -324,17 +435,19 @@ export class AuroSelect extends LitElement {
324
435
  */
325
436
  private clearSelection;
326
437
  firstUpdated(): void;
438
+ /**
439
+ * Update the menu value. With checks for menu existence. Awaits value update.
440
+ * @param {string} value - The value to set in the menu.
441
+ * @returns {void}
442
+ * @private
443
+ */
444
+ private updateMenuValue;
327
445
  updated(changedProperties: any): Promise<void>;
328
446
  /**
329
447
  * Resets component to initial state.
330
448
  * @returns {void}
331
449
  */
332
450
  reset(): void;
333
- /**
334
- * Hide dropdownbib.
335
- * @private
336
- */
337
- private hideBib;
338
451
  /**
339
452
  * Validates value.
340
453
  * @param {boolean} [force=false] - Whether to force validation.
@@ -353,6 +466,48 @@ export class AuroSelect extends LitElement {
353
466
  * @private
354
467
  */
355
468
  private _updateNativeSelect;
356
- render(): import("lit-html").TemplateResult;
469
+ /**
470
+ * Returns HTML for the hidden a11y screen reader content.
471
+ * @private
472
+ * @returns {html} - Returns HTML for the hidden a11y screen reader content.
473
+ */
474
+ private renderAriaHtml;
475
+ /**
476
+ * Returns HTML for the hidden HTML5 select.
477
+ * @private
478
+ * @returns {html} - Returns HTML for the hidden HTML5 select.
479
+ */
480
+ private renderNativeSelect;
481
+ /**
482
+ * Returns HTML for the help text and error message.
483
+ * @private
484
+ * @returns {html} - Returns HTML for the help text and error message.
485
+ */
486
+ private renderHtmlHelpText;
487
+ /**
488
+ * Returns HTML for the emphasized layout.
489
+ * @private
490
+ * @returns {import("lit").TemplateResult} - Returns HTML for the emphasized layout.
491
+ */
492
+ private renderLayoutEmphasized;
493
+ /**
494
+ * Returns HTML for the snowflake layout.
495
+ * @private
496
+ * @returns {import("lit").TemplateResult} - Returns HTML for the snowflake layout.
497
+ */
498
+ private renderLayoutSnowflake;
499
+ /**
500
+ * Returns HTML for the classic layout.
501
+ * @private
502
+ * @returns {import("lit").TemplateResult} - Returns HTML for the classic layout.
503
+ */
504
+ private renderLayoutClassic;
505
+ /**
506
+ * Logic to determine the layout of the component.
507
+ * @private
508
+ * @param {string} [ForcedLayout] - Used to force a specific layout, pass in the layout name to use.
509
+ * @returns {void}
510
+ */
511
+ private renderLayout;
357
512
  }
358
- import { LitElement } from "lit";
513
+ import { AuroElement } from '../../layoutElement/src/auroElement.js';
package/components/select/dist/helptextVersion.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: "1.0.0";
2
+ export default _default;