@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/dropdown/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-dropdown 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-dropdown</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-dropdown'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/dropdown/dist/auro-dropdown.d.ts CHANGED
@@ -1,17 +1,4 @@
1
- /**
2
- * @attr { Boolean } disableEventShow - If declared, the dropdown will only show by calling the API .show() public method.
3
- * @slot - Default slot for the popover content.
4
- * @slot label - Defines the content of the label.
5
- * @slot helpText - Defines the content of the helpText.
6
- * @slot trigger - Defines the content of the trigger.
7
- * @csspart trigger - The trigger content container.
8
- * @csspart chevron - The collapsed/expanded state icon container.
9
- * @csspart helpText - The helpText content container.
10
- * @event auroDropdown-triggerClick - Notifies that the trigger has been clicked.
11
- * @event auroDropdown-toggled - Notifies that the visibility of the dropdown bib has changed.
12
- * @event auroDropdown-idAdded - Notifies consumers that the unique ID for the dropdown bib has been generated.
13
- */
14
- export class AuroDropdown extends LitElement {
1
+ export class AuroDropdown extends AuroElement {
15
2
  static get properties(): {
16
3
  /**
17
4
  * If declared, bib's position will be automatically calculated where to appear.
@@ -21,10 +8,18 @@ export class AuroDropdown extends LitElement {
21
8
  type: BooleanConstructor;
22
9
  reflect: boolean;
23
10
  };
11
+ /**
12
+ * If declared, the dropdown will only show by calling the API .show() public method.
13
+ * @default false
14
+ */
15
+ disableEventShow: {
16
+ type: BooleanConstructor;
17
+ reflect: boolean;
18
+ };
24
19
  /**
25
20
  * If declared, applies a border around the trigger slot.
26
21
  */
27
- bordered: {
22
+ simple: {
28
23
  type: BooleanConstructor;
29
24
  reflect: boolean;
30
25
  };
@@ -37,16 +32,16 @@ export class AuroDropdown extends LitElement {
37
32
  reflect: boolean;
38
33
  };
39
34
  /**
40
- * If declared, the dropdown will be styled with the common theme.
35
+ * If declared, the dropdown is not interactive.
41
36
  */
42
- common: {
37
+ disabled: {
43
38
  type: BooleanConstructor;
44
39
  reflect: boolean;
45
40
  };
46
41
  /**
47
- * If declared, the dropdown is not interactive.
42
+ * If declared, the focus trap inside of bib will be turned off.
48
43
  */
49
- disabled: {
44
+ disableFocusTrap: {
50
45
  type: BooleanConstructor;
51
46
  reflect: boolean;
52
47
  };
@@ -66,30 +61,22 @@ export class AuroDropdown extends LitElement {
66
61
  attribute: boolean;
67
62
  };
68
63
  /**
69
- * If declared in combination with `bordered` property or `helpText` slot content, will apply red color to both.
64
+ * If declared in combination with not using the `simple` property or `helpText` slot content, will apply red color to both.
70
65
  */
71
66
  error: {
72
67
  type: BooleanConstructor;
73
68
  reflect: boolean;
74
69
  };
75
70
  /**
76
- * If declared, the bib will display when focus is applied to the trigger.
71
+ * Contains the help text message for the current validity error.
77
72
  */
78
- focusShow: {
79
- type: BooleanConstructor;
80
- reflect: boolean;
81
- };
82
- /**
83
- * Makes the trigger to be full width of its parent container.
84
- */
85
- fluid: {
86
- type: BooleanConstructor;
87
- reflect: boolean;
73
+ errorMessage: {
74
+ type: StringConstructor;
88
75
  };
89
76
  /**
90
- * If declared, will apply padding around trigger slot content.
77
+ * If declared, the bib will display when focus is applied to the trigger.
91
78
  */
92
- inset: {
79
+ focusShow: {
93
80
  type: BooleanConstructor;
94
81
  reflect: boolean;
95
82
  };
@@ -98,6 +85,8 @@ export class AuroDropdown extends LitElement {
98
85
  */
99
86
  isPopoverVisible: {
100
87
  type: BooleanConstructor;
88
+ reflect: boolean;
89
+ attribute: string;
101
90
  };
102
91
  /**
103
92
  * If true, the dropdown bib is taking the fullscreen when it's open.
@@ -132,10 +121,10 @@ export class AuroDropdown extends LitElement {
132
121
  reflect: boolean;
133
122
  };
134
123
  /**
135
- * Defines if there is a label preset.
124
+ * Defines if the trigger should size based on the parent element providing the border UI.
136
125
  * @private
137
126
  */
138
- labeled: {
127
+ parentBorder: {
139
128
  type: BooleanConstructor;
140
129
  reflect: boolean;
141
130
  };
@@ -184,30 +173,21 @@ export class AuroDropdown extends LitElement {
184
173
  type: BooleanConstructor;
185
174
  reflect: boolean;
186
175
  };
176
+ /**
177
+ * If declared, and a function is set, that function will execute when the slot content is updated.
178
+ */
187
179
  onSlotChange: {
188
180
  type: FunctionConstructor;
189
181
  reflect: boolean;
190
182
  };
191
183
  /**
192
184
  * Position where the bib should appear relative to the trigger.
193
- * Accepted values:
194
- * "top" | "right" | "bottom" | "left" |
195
- * "bottom-start" | "top-start" | "top-end" |
196
- * "right-start" | "right-end" | "bottom-end" |
197
- * "left-start" | "left-end"
198
185
  * @default bottom-start
199
186
  */
200
187
  placement: {
201
188
  type: StringConstructor;
202
189
  reflect: boolean;
203
190
  };
204
- /**
205
- * If declared, will apply border-radius to trigger and default slots.
206
- */
207
- rounded: {
208
- type: BooleanConstructor;
209
- reflect: boolean;
210
- };
211
191
  /**
212
192
  * @private
213
193
  */
@@ -222,13 +202,6 @@ export class AuroDropdown extends LitElement {
222
202
  attribute: boolean;
223
203
  reflect: boolean;
224
204
  };
225
- /**
226
- * The value for the aria-autocomplete attribute of the trigger element.
227
- */
228
- a11yAutocomplete: {
229
- type: StringConstructor;
230
- attribute: boolean;
231
- };
232
205
  };
233
206
  static get styles(): import("lit").CSSResult[];
234
207
  /**
@@ -244,30 +217,37 @@ export class AuroDropdown extends LitElement {
244
217
  isBibFullscreen: boolean;
245
218
  matchWidth: boolean;
246
219
  noHideOnThisFocusLoss: boolean;
220
+ errorMessage: any;
221
+ layout: any;
222
+ shape: any;
223
+ size: any;
224
+ parentBorder: boolean;
247
225
  /**
226
+ * Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
248
227
  * @private
228
+ * @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
249
229
  */
250
- private triggerContentFocusable;
230
+ private handleDropdownToggle;
251
231
  /**
252
232
  * @private
233
+ * @returns {object} Class definition for the wrapper element.
253
234
  */
254
- private showTriggerBorders;
235
+ private get commonWrapperClasses();
255
236
  /**
256
237
  * @private
257
238
  * @returns {void} Internal defaults.
258
239
  */
259
240
  private privateDefaults;
260
- bordered: boolean;
261
241
  chevron: boolean;
262
242
  disabled: boolean;
243
+ disableFocusTrap: boolean;
263
244
  error: boolean;
264
- inset: boolean;
265
- rounded: boolean;
266
245
  noToggle: boolean;
267
- a11yAutocomplete: string;
268
- labeled: boolean;
269
246
  a11yRole: string;
270
247
  onDark: boolean;
248
+ showTriggerBorders: boolean;
249
+ triggerContentFocusable: any;
250
+ simple: boolean;
271
251
  placement: string;
272
252
  offset: number;
273
253
  noFlip: boolean;
@@ -301,8 +281,8 @@ export class AuroDropdown extends LitElement {
301
281
  */
302
282
  private helpTextTag;
303
283
  /**
304
- * @private
305
284
  * Creates and dispatches a duplicate focus event on the trigger element.
285
+ * @private
306
286
  * @param {Event} event - The original focus event.
307
287
  */
308
288
  private bindFocusEventToTrigger;
@@ -325,6 +305,11 @@ export class AuroDropdown extends LitElement {
325
305
  * @returns {void}
326
306
  */
327
307
  show(): void;
308
+ /**
309
+ * When bib is open, focus on the first element inside of bib.
310
+ * If not, trigger element will get focus.
311
+ */
312
+ focus(): void;
328
313
  /**
329
314
  * Accessor for reusing the focusable entity query string.
330
315
  * @private
@@ -348,16 +333,27 @@ export class AuroDropdown extends LitElement {
348
333
  */
349
334
  private isCustomSlotContent;
350
335
  /**
351
- * Determines if the element or any children are focusable.
336
+ * Function to support @focusin event.
352
337
  * @private
353
- * @param {HTMLElement} element - Element to check.
354
- * @returns {Boolean} - True if the element or any children are focusable.
338
+ * @return {void}
355
339
  */
356
- private containsFocusableElement;
340
+ private handleFocusin;
341
+ hasFocus: boolean;
357
342
  /**
358
343
  * @private
344
+ */
345
+ private updateFocusTrap;
346
+ focusTrap: any;
347
+ /**
348
+ * Function to support @focusout event.
349
+ * @private
350
+ * @return {void}
351
+ */
352
+ private handleFocusout;
353
+ /**
359
354
  * Sets up event listeners to deliver focus and blur events from nested Auro components within the trigger slot to trigger.
360
355
  * This ensures that focus/blur events originating from within these components are propagated to the trigger element itself.
356
+ * @private
361
357
  */
362
358
  private setupTriggerFocusEventBinding;
363
359
  /**
@@ -390,17 +386,40 @@ export class AuroDropdown extends LitElement {
390
386
  *
391
387
  * @private
392
388
  * @method handleDefaultSlot
393
- * @param {Event} event - The event object representing the slot change.
394
389
  * @fires Function#onSlotChange - Optional callback invoked when the slot content changes.
395
390
  */
396
391
  private handleDefaultSlot;
397
392
  /**
393
+ * Returns HTML for the common portion of the layouts.
394
+ * @private
395
+ * @param {Object} helpTextClasses - Classes to apply to the help text container.
396
+ * @returns {html} - Returns HTML.
397
+ */
398
+ private renderBasicHtml;
399
+ /**
400
+ * Returns HTML for the classic layout. Does not support type="*".
401
+ * @private
402
+ * @returns {html} - Returns HTML for the classic layout.
403
+ */
404
+ private renderLayoutClassic;
405
+ /**
406
+ * Returns HTML for the snowflake layout. Does not support type="*".
407
+ * @private
408
+ * @returns {html} - Returns HTML for the snowflake layout.
409
+ */
410
+ private renderLayoutSnowflake;
411
+ /**
412
+ * Returns HTML for the emphasized layout. Does not support type="*".
413
+ * @private
414
+ * @returns {html} - Returns HTML for the emphasized layout.
415
+ */
416
+ private renderLayoutEmphasized;
417
+ /**
418
+ * Logic to determine the layout of the component.
398
419
  * @private
399
- * @method handleLabelSlotChange
400
- * @param {event} event - The event object representing the slot change.
401
- * @description Handles the slot change event for the label slot.
420
+ * @param {string} [ForcedLayout] - Used to force a specific layout, pass in the layout name to use.
421
+ * @returns {HTMLCollection} - Returns the HTML for the layout.
402
422
  */
403
- private handleLabelSlotChange;
404
- render(): import("lit-html").TemplateResult;
423
+ private renderLayout;
405
424
  }
406
- import { LitElement } from "lit";
425
+ import { AuroElement } from '../../layoutElement/src/auroElement.js';
package/components/dropdown/dist/auro-dropdownBib.d.ts CHANGED
@@ -26,6 +26,14 @@ export class AuroDropdownBib extends LitElement {
26
26
  type: BooleanConstructor;
27
27
  reflect: boolean;
28
28
  };
29
+ /**
30
+ * If declared, the bib width will match the trigger width.
31
+ * @private
32
+ */
33
+ matchWidth: {
34
+ type: BooleanConstructor;
35
+ reflect: boolean;
36
+ };
29
37
  /**
30
38
  * If declared, will apply border-radius to the bib.
31
39
  */
@@ -39,11 +47,17 @@ export class AuroDropdownBib extends LitElement {
39
47
  bibTemplate: {
40
48
  type: ObjectConstructor;
41
49
  };
50
+ shape: {
51
+ type: StringConstructor;
52
+ reflect: boolean;
53
+ };
42
54
  };
43
55
  /**
44
56
  * @private
45
57
  */
46
58
  private _mobileBreakpointValue;
59
+ shape: string;
60
+ matchWidth: boolean;
47
61
  set mobileFullscreenBreakpoint(value: string);
48
62
  get mobileFullscreenBreakpoint(): string;
49
63
  updated(changedProperties: any): void;