@aurodesignsystem/auro-formkit 4.0.1 → 5.0.0-rc-1002.1.1

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 (175) hide show
  1. package/CHANGELOG.md +193 -3
  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/README.md +1 -1
  9. package/components/checkbox/demo/api.html +16 -10
  10. package/components/checkbox/demo/api.md +54 -19
  11. package/components/checkbox/demo/api.min.js +81 -45
  12. package/components/checkbox/demo/index.html +16 -10
  13. package/components/checkbox/demo/index.md +2 -2
  14. package/components/checkbox/demo/index.min.js +81 -45
  15. package/components/checkbox/demo/readme.html +16 -9
  16. package/components/checkbox/demo/readme.md +1 -1
  17. package/components/checkbox/dist/auro-checkbox-group.d.ts +2 -2
  18. package/components/checkbox/dist/auro-checkbox.d.ts +10 -3
  19. package/components/checkbox/dist/index.js +80 -44
  20. package/components/checkbox/dist/registered.js +80 -44
  21. package/components/combobox/README.md +2 -0
  22. package/components/combobox/demo/api.html +16 -10
  23. package/components/combobox/demo/api.md +124 -7
  24. package/components/combobox/demo/api.min.js +4542 -1330
  25. package/components/combobox/demo/index.html +16 -10
  26. package/components/combobox/demo/index.md +108 -4
  27. package/components/combobox/demo/index.min.js +4542 -1330
  28. package/components/combobox/demo/readme.html +16 -9
  29. package/components/combobox/demo/readme.md +2 -0
  30. package/components/combobox/dist/auro-combobox.d.ts +81 -18
  31. package/components/combobox/dist/index.js +4588 -1520
  32. package/components/combobox/dist/registered.js +4588 -1520
  33. package/components/counter/demo/api.html +17 -10
  34. package/components/counter/demo/api.md +167 -21
  35. package/components/counter/demo/api.min.js +3621 -866
  36. package/components/counter/demo/index.html +17 -10
  37. package/components/counter/demo/index.md +191 -34
  38. package/components/counter/demo/index.min.js +3621 -866
  39. package/components/counter/demo/readme.html +16 -9
  40. package/components/counter/dist/auro-counter-button.d.ts +2 -0
  41. package/components/counter/dist/auro-counter-group.d.ts +162 -11
  42. package/components/counter/dist/auro-counter.d.ts +16 -0
  43. package/components/counter/dist/helptextVersion.d.ts +2 -0
  44. package/components/counter/dist/iconVersion.d.ts +1 -1
  45. package/components/counter/dist/index.js +3619 -864
  46. package/components/counter/dist/registered.js +3619 -864
  47. package/components/datepicker/README.md +2 -1
  48. package/components/datepicker/demo/api.html +16 -10
  49. package/components/datepicker/demo/api.md +80 -30
  50. package/components/datepicker/demo/api.min.js +14795 -10365
  51. package/components/datepicker/demo/index.html +16 -10
  52. package/components/datepicker/demo/index.md +96 -4
  53. package/components/datepicker/demo/index.min.js +14795 -10365
  54. package/components/datepicker/demo/readme.html +16 -9
  55. package/components/datepicker/demo/readme.md +2 -1
  56. package/components/datepicker/dist/auro-datepicker.d.ts +163 -4
  57. package/components/datepicker/dist/buttonVersion.d.ts +1 -1
  58. package/components/datepicker/dist/iconVersion.d.ts +2 -0
  59. package/components/datepicker/dist/index.js +14916 -10486
  60. package/components/datepicker/dist/popoverVersion.d.ts +1 -1
  61. package/components/datepicker/dist/registered.js +14916 -10486
  62. package/components/dropdown/demo/api.html +16 -10
  63. package/components/dropdown/demo/api.md +94 -262
  64. package/components/dropdown/demo/api.min.js +738 -259
  65. package/components/dropdown/demo/index.html +16 -10
  66. package/components/dropdown/demo/index.md +93 -266
  67. package/components/dropdown/demo/index.min.js +738 -259
  68. package/components/dropdown/demo/readme.html +16 -9
  69. package/components/dropdown/dist/auro-dropdown.d.ts +92 -73
  70. package/components/dropdown/dist/auro-dropdownBib.d.ts +14 -0
  71. package/components/dropdown/dist/index.js +710 -231
  72. package/components/dropdown/dist/registered.js +710 -231
  73. package/components/dropdown/dist/styles/classic/style-css.d.ts +2 -0
  74. package/components/dropdown/dist/styles/emphasized/style-css.d.ts +2 -0
  75. package/components/dropdown/dist/styles/shapeSize-css.d.ts +2 -0
  76. package/components/dropdown/dist/styles/snowflake/style-css.d.ts +2 -0
  77. package/components/form/demo/api.html +16 -9
  78. package/components/form/demo/api.md +1 -1
  79. package/components/form/demo/api.min.js +3 -3
  80. package/components/form/demo/autocomplete.html +19 -3
  81. package/components/form/demo/index.html +16 -9
  82. package/components/form/demo/index.min.js +3 -3
  83. package/components/form/demo/readme.html +16 -9
  84. package/components/form/demo/working.html +19 -13
  85. package/components/form/dist/auro-form.d.ts +1 -1
  86. package/components/form/dist/index.js +2 -2
  87. package/components/form/dist/registered.js +2 -2
  88. package/components/helptext/dist/auro-helptext.d.ts +0 -2
  89. package/components/helptext/dist/index.js +2 -4
  90. package/components/helptext/dist/registered.js +2 -4
  91. package/components/input/README.md +6 -2
  92. package/components/input/demo/api.html +16 -10
  93. package/components/input/demo/api.md +258 -144
  94. package/components/input/demo/api.min.js +1550 -497
  95. package/components/input/demo/index.html +17 -11
  96. package/components/input/demo/index.md +95 -27
  97. package/components/input/demo/index.min.js +1549 -496
  98. package/components/input/demo/readme.html +16 -9
  99. package/components/input/demo/readme.md +6 -2
  100. package/components/input/dist/auro-input.d.ts +139 -3
  101. package/components/input/dist/base-input.d.ts +80 -26
  102. package/components/input/dist/buttonVersion.d.ts +1 -1
  103. package/components/input/dist/iconVersion.d.ts +1 -1
  104. package/components/input/dist/index.js +1504 -451
  105. package/components/input/dist/registered.js +1504 -451
  106. package/components/input/dist/styles/classic/color-css.d.ts +2 -0
  107. package/components/input/dist/styles/classic/style-css.d.ts +2 -0
  108. package/components/input/dist/styles/default/borders-css.d.ts +2 -0
  109. package/components/input/dist/styles/default/color-css.d.ts +2 -0
  110. package/components/input/dist/styles/default/mixins-css.d.ts +2 -0
  111. package/components/input/dist/styles/default/notificationIcons-css.d.ts +2 -0
  112. package/components/input/dist/styles/default/style-css.d.ts +2 -0
  113. package/components/input/dist/styles/emphasized/color-css.d.ts +2 -0
  114. package/components/input/dist/styles/emphasized/style-css.d.ts +2 -0
  115. package/components/input/dist/styles/shapeSize-css.d.ts +2 -0
  116. package/components/input/dist/styles/snowflake/style-css.d.ts +2 -0
  117. package/components/layoutElement/dist/auroElement.d.ts +34 -0
  118. package/components/layoutElement/dist/index.d.ts +2 -0
  119. package/components/layoutElement/dist/index.js +98 -0
  120. package/components/layoutElement/dist/registered.js +98 -0
  121. package/components/menu/demo/api.html +17 -10
  122. package/components/menu/demo/api.md +65 -8
  123. package/components/menu/demo/api.min.js +304 -65
  124. package/components/menu/demo/index.html +16 -10
  125. package/components/menu/demo/index.min.js +304 -65
  126. package/components/menu/demo/readme.html +16 -9
  127. package/components/menu/dist/auro-menu.d.ts +53 -7
  128. package/components/menu/dist/auro-menuoption.d.ts +21 -3
  129. package/components/menu/dist/iconVersion.d.ts +1 -1
  130. package/components/menu/dist/index.js +289 -50
  131. package/components/menu/dist/registered.js +289 -50
  132. package/components/menu/dist/styles/default/color-menu-css.d.ts +2 -0
  133. package/components/menu/dist/styles/default/color-menuoption-css.d.ts +2 -0
  134. package/components/menu/dist/styles/default/style-menu-css.d.ts +2 -0
  135. package/components/menu/dist/styles/default/style-menuoption-css.d.ts +2 -0
  136. package/components/menu/dist/styles/default/tokens-css.d.ts +2 -0
  137. package/components/radio/demo/api.html +16 -10
  138. package/components/radio/demo/api.md +41 -9
  139. package/components/radio/demo/api.min.js +93 -95
  140. package/components/radio/demo/index.html +16 -10
  141. package/components/radio/demo/index.min.js +93 -95
  142. package/components/radio/demo/readme.html +16 -9
  143. package/components/radio/dist/auro-radio-group.d.ts +1 -1
  144. package/components/radio/dist/auro-radio.d.ts +11 -12
  145. package/components/radio/dist/index.js +92 -94
  146. package/components/radio/dist/registered.js +92 -94
  147. package/components/select/README.md +1 -0
  148. package/components/select/demo/api.html +16 -10
  149. package/components/select/demo/api.js +0 -2
  150. package/components/select/demo/api.md +156 -114
  151. package/components/select/demo/api.min.js +3126 -657
  152. package/components/select/demo/index.html +17 -10
  153. package/components/select/demo/index.md +398 -62
  154. package/components/select/demo/index.min.js +3129 -648
  155. package/components/select/demo/readme.html +16 -9
  156. package/components/select/demo/readme.md +1 -0
  157. package/components/select/dist/auro-select.d.ts +173 -18
  158. package/components/select/dist/helptextVersion.d.ts +2 -0
  159. package/components/select/dist/index.js +3128 -791
  160. package/components/select/dist/registered.js +3128 -791
  161. package/components/select/dist/styles/shapeSize-css.d.ts +2 -0
  162. package/components/select/dist/styles/tokens-css.d.ts +2 -0
  163. package/package.json +33 -32
  164. package/packages/build-tools/src/postinstall.mjs +0 -12
  165. /package/components/{dropdown/dist/styles/bibColors-css.d.ts → combobox/dist/styles/emphasized/style-css.d.ts} +0 -0
  166. /package/components/{dropdown/dist/styles/bibStyles-css.d.ts → combobox/dist/styles/snowflake/style-css.d.ts} +0 -0
  167. /package/components/{input/dist/styles/borders-css.d.ts → counter/dist/styles/shapeSize-css.d.ts} +0 -0
  168. /package/components/{input/dist/styles/input-css.d.ts → datepicker/dist/styles/classic/color-css.d.ts} +0 -0
  169. /package/components/{input/dist/styles/label-css.d.ts → datepicker/dist/styles/classic/style-css.d.ts} +0 -0
  170. /package/components/{input/dist/styles/notificationIcons-css.d.ts → datepicker/dist/styles/shapeSize-css.d.ts} +0 -0
  171. /package/components/{menu/dist/styles/color-menu-css.d.ts → datepicker/dist/styles/snowflake/color-css.d.ts} +0 -0
  172. /package/components/{menu/dist/styles/color-menuoption-css.d.ts → datepicker/dist/styles/snowflake/style-css.d.ts} +0 -0
  173. /package/components/{menu/dist/styles/style-menu-css.d.ts → dropdown/dist/styles/classic/bibColors-css.d.ts} +0 -0
  174. /package/components/{menu/dist/styles/style-menuoption-css.d.ts → dropdown/dist/styles/classic/bibStyles-css.d.ts} +0 -0
  175. /package/components/{menu/dist/styles/tokens-css.d.ts → dropdown/dist/styles/classic/color-css.d.ts} +0 -0
package/components/counter/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-counter 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-counter</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-counter'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/counter/dist/auro-counter-button.d.ts CHANGED
@@ -9,4 +9,6 @@ export class AuroCounterButton {
9
9
  *
10
10
  */
11
11
  static register(name?: string): void;
12
+ size: string;
13
+ shape: string;
12
14
  }
package/components/counter/dist/auro-counter-group.d.ts CHANGED
@@ -7,11 +7,13 @@
7
7
  * @element auro-counter-group
8
8
  * @extends LitElement
9
9
  * @slot default - Slot for counter elements.
10
+ * @slot ariaLabel.bib.close - Sets aria-label on close button in fullscreen bib
10
11
  * @slot bib.fullscreen.headline - Defines the headline to display above menu-options. Only used when `isDropdown` is true. Required.
11
12
  * @slot bib.fullscreen.footer - Defines the footer to display at the bottom of fullscreen bib. Only used when `isDropdown` is true.
12
13
  * @slot label - Dropdown label content. Only used when `isDropdown` is true.
13
14
  * @slot valueText - Dropdown value text display. Only used when `isDropdown` is true.
14
15
  * @slot helpText - Dropdown help text content. Only used when `isDropdown` is true.
16
+ * @property {'classic'|'snowflake'} layout - Determines the layout style of the counter group when it is a dropdown. Options are 'classic' or 'snowflake'. Default is 'classic'.
15
17
  */
16
18
  export class AuroCounterGroup extends LitElement {
17
19
  static get styles(): import("lit").CSSResult[];
@@ -24,6 +26,23 @@ export class AuroCounterGroup extends LitElement {
24
26
  type: BooleanConstructor;
25
27
  reflect: boolean;
26
28
  };
29
+ /**
30
+ * The current error message to display when the component is invalid.
31
+ */
32
+ error: {
33
+ type: StringConstructor;
34
+ reflect: boolean;
35
+ };
36
+ /**
37
+ * The current error message to display when the component is invalid.
38
+ * This is set by validation and is not available to consumers.
39
+ * @private
40
+ */
41
+ errorMessage: {
42
+ type: StringConstructor;
43
+ reflect: boolean;
44
+ attribute: boolean;
45
+ };
27
46
  /**
28
47
  * Defines the screen size breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `disabled`)
29
48
  * at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.
@@ -42,6 +61,14 @@ export class AuroCounterGroup extends LitElement {
42
61
  isDropdown: {
43
62
  type: BooleanConstructor;
44
63
  };
64
+ /**
65
+ * If declared, the dropdown will expand to the width of its parent container.
66
+ * Otherwise, the dropdown width will be determined by its content.
67
+ */
68
+ matchWidth: {
69
+ type: BooleanConstructor;
70
+ reflect: boolean;
71
+ };
45
72
  /**
46
73
  * The maximum value allowed for the whole group of counters.
47
74
  */
@@ -94,7 +121,7 @@ export class AuroCounterGroup extends LitElement {
94
121
  * "top" | "right" | "bottom" | "left" |
95
122
  * "bottom-start" | "top-start" | "top-end" |
96
123
  * "right-start" | "right-end" | "bottom-end" |
97
- * "left-start" | "left-end"
124
+ * "left-start" | "left-end".
98
125
  * @default bottom-start
99
126
  */
100
127
  placement: {
@@ -120,6 +147,15 @@ export class AuroCounterGroup extends LitElement {
120
147
  value: {
121
148
  type: ObjectConstructor;
122
149
  };
150
+ /**
151
+ * The current text in the valueText slot.
152
+ * @private
153
+ */
154
+ valueText: {
155
+ type: StringConstructor;
156
+ reflect: boolean;
157
+ attribute: boolean;
158
+ };
123
159
  };
124
160
  /**
125
161
  * Registers the custom element with the browser.
@@ -134,11 +170,13 @@ export class AuroCounterGroup extends LitElement {
134
170
  total: number;
135
171
  validity: any;
136
172
  value: {};
173
+ matchWidth: boolean;
137
174
  isDropdown: boolean;
138
175
  fullscreenBreakpoint: string;
139
176
  largeFullscreenHeadline: boolean;
140
177
  autoPlacement: boolean;
141
178
  noFlip: boolean;
179
+ placement: string;
142
180
  /**
143
181
  * @private
144
182
  */
@@ -155,6 +193,21 @@ export class AuroCounterGroup extends LitElement {
155
193
  * @private
156
194
  */
157
195
  private validation;
196
+ /**
197
+ * Updates the aggregate value based on the values of contained auro-counter components.
198
+ * This method queries for all `auro-counter` elements, sums their values, and updates the component's `value` property.
199
+ * Additionally, it iterates through each counter and calls `manageDisabled()` on it.
200
+ * @private
201
+ */
202
+ private updateValue;
203
+ /**
204
+ * Updates the validity of the counter group based on the validity of its counters.
205
+ * This method checks all counters within the group, determines if any are invalid, and updates the group's validity state and error message accordingly.
206
+ * If any counter is invalid, it generates a combined error message from all invalid counters.
207
+ * @returns {void}
208
+ * @private
209
+ */
210
+ private updateValidity;
158
211
  /**
159
212
  * Dynamically generated dropdown tag.
160
213
  * @private
@@ -168,12 +221,15 @@ export class AuroCounterGroup extends LitElement {
168
221
  */
169
222
  private bibtemplateTag;
170
223
  /**
171
- * Traps keyboard tab interactions within dropdown when open.
224
+ * Dynamically generated helpText tag.
172
225
  * @private
173
- * @param {KeyboardEvent} event - The keyboard event.
174
- * @param {NodeList} counters - The list of counter elements.
226
+ * @type {string}
175
227
  */
176
- private trapKeyboard;
228
+ private helpTextTag;
229
+ /**
230
+ * @private
231
+ */
232
+ private iconTag;
177
233
  /**
178
234
  * Dynamically disables increment/decrement buttons on a counter based on group value.
179
235
  * This method checks the total aggregated value against the group's min and max properties.
@@ -190,6 +246,38 @@ export class AuroCounterGroup extends LitElement {
190
246
  * @private
191
247
  */
192
248
  private configureCounters;
249
+ /**
250
+ * Renders help text error messages.
251
+ * @param {Array<string>} messages - The error messages to render.
252
+ * @returns {TemplateResult[]} - The rendered error messages rendered in a TemplateResult.
253
+ * @private
254
+ */
255
+ private renderHelpTextErrors;
256
+ /**
257
+ * Gets and returns an array of counters in an invalid state.
258
+ * @returns {Array<HTMLElement>} - Returns an array of invalid counters.
259
+ * @param {NodeList} counters - The NodeList of counter elements to check.
260
+ * @private
261
+ */
262
+ private getInvalidCounters;
263
+ /**
264
+ * Gets all valid error messages from errored counters.
265
+ * @param {NodeList} invalidCounters - The NodeList of counter elements to check.
266
+ * @returns {Array<string>} - Returns an array of error messages from invalid counters.
267
+ * @private
268
+ */
269
+ private getErrorMessages;
270
+ errorMessage: any;
271
+ /**
272
+ * Hides the dropdown bib if its open.
273
+ * @returns {void}
274
+ */
275
+ hideBib(): void;
276
+ /**
277
+ * Shows the dropdown bib if there are options to show.
278
+ * @returns {void}
279
+ */
280
+ showBib(): void;
193
281
  /**
194
282
  * Configures the dropdown counters by selecting all `auro-counter` elements,
195
283
  * appending them to the `auro-counter-wrapper` element within the shadow DOM,
@@ -197,7 +285,6 @@ export class AuroCounterGroup extends LitElement {
197
285
  * @private
198
286
  */
199
287
  private configureDropdownCounters;
200
- keydownHandler: (keydownEvent: any) => void;
201
288
  /**
202
289
  * This sets up a close event listener and moves any slotted `bib.fullscreen.headline` and `bib.fullscreen.footer` content into the bibtemplate.
203
290
  * @private
@@ -218,18 +305,82 @@ export class AuroCounterGroup extends LitElement {
218
305
  */
219
306
  private safeNumberConversion;
220
307
  /**
221
- * Updates the aggregate value based on the values of contained auro-counter components.
222
- * This method queries for all `auro-counter` elements, sums their values, and updates the component's `value` property.
223
- * Additionally, it iterates through each counter and calls `manageDisabled()` on it.
308
+ * Updates the value text in the dropdown trigger based on the counters in the counter group.
224
309
  * @private
225
310
  */
226
- private updateValue;
311
+ private updateValueText;
312
+ valueText: any;
227
313
  /**
228
314
  * Validates value.
229
315
  * @param {boolean} [force=false] - Whether to force validation.
230
316
  */
231
317
  validate(force?: boolean): void;
232
318
  updated(changedProperties: any): void;
233
- render(): import("lit-html").TemplateResult;
319
+ firstUpdated(): void;
320
+ /**
321
+ * Returns HTML for the help text and error message.
322
+ * @private
323
+ * @returns {html} - Returns HTML for the help text and error message.
324
+ */
325
+ private renderHelpText;
326
+ /**
327
+ * Returns HTML for the validation error icon.
328
+ * @private
329
+ * @returns {html} - Returns HTML for the validation error icon.
330
+ */
331
+ private renderValidationErrorIcon;
332
+ /**
333
+ * Render the dropdown structure for the counter group.
334
+ * @returns {TemplateResult} The dropdown template.
335
+ * @private
336
+ */
337
+ private renderCounterDropdown;
338
+ /**
339
+ * Render the dropdown trigger for the dropdown.
340
+ * @returns {TemplateResult} The dropdown trigger template.
341
+ * @private
342
+ */
343
+ private renderDropdownTrigger;
344
+ /**
345
+ * Render the dropdown bib template for the dropdown.
346
+ * @returns {TemplateResult} The bib template.
347
+ * @private
348
+ */
349
+ private renderBibTemplate;
350
+ /**
351
+ * Render the fullscreen bib slots for the dropdown.
352
+ * @returns {TemplateResult} The fullscreen slots template.
353
+ * @private
354
+ */
355
+ private renderFullscreenSlots;
356
+ /**
357
+ * Render the counter group container.
358
+ * @param {boolean} isInDropdown - Whether the counter group is inside a dropdown.
359
+ * @returns {TemplateResult} The counter group template.
360
+ * @private
361
+ */
362
+ private renderCounterGroup;
363
+ /**
364
+ * Render the classic layout.
365
+ * @returns {TemplateResult} The classic layout template.
366
+ * @private
367
+ */
368
+ private renderLayoutClassic;
369
+ shape: any;
370
+ layout: any;
371
+ size: any;
372
+ /**
373
+ * Render the snowflake layout.
374
+ * @returns {TemplateResult} The snowflake layout template.
375
+ * @private
376
+ */
377
+ private renderLayoutSnowflake;
378
+ /**
379
+ * Renders the component by layout type.
380
+ * @param {string} [ForcedLayout] - Optionally force a specific layout for rendering.
381
+ * @returns {TemplateResult} The layout template.
382
+ * @private
383
+ */
384
+ private renderLayout;
234
385
  }
235
386
  import { LitElement } from "lit";
package/components/counter/dist/auro-counter.d.ts CHANGED
@@ -42,6 +42,10 @@ export class AuroCounter extends LitElement {
42
42
  * @type {string}
43
43
  */
44
44
  private iconTag;
45
+ /**
46
+ * @private
47
+ */
48
+ private helpTextTag;
45
49
  /**
46
50
  * Increments the counter value by 1. If a value is provided, it increments by that amount.
47
51
  * @method increment
@@ -83,6 +87,12 @@ export class AuroCounter extends LitElement {
83
87
  */
84
88
  private handleKeyDown;
85
89
  firstUpdated(): void;
90
+ /**
91
+ * Sets an attribute that matches the default tag name if the tag name is not the default.
92
+ * @param {string} tagName - The tag name to set as an attribute.
93
+ * @private
94
+ */
95
+ private setTagAttribute;
86
96
  /**
87
97
  * Handles the change event for the default slot.
88
98
  * Updates the defaultSlot property with the trimmed text content of the first assigned node.
@@ -92,6 +102,12 @@ export class AuroCounter extends LitElement {
92
102
  */
93
103
  private onDefaultSlotChange;
94
104
  updated(changedProperties: any): void;
105
+ /**
106
+ * Returns HTML for the help text and error message.
107
+ * @private
108
+ * @returns {html} - Returns HTML for the help text and error message.
109
+ */
110
+ private renderHelpText;
95
111
  render(): import("lit-html").TemplateResult;
96
112
  }
97
113
  import { LitElement } from "lit";
package/components/counter/dist/helptextVersion.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: "1.0.0";
2
+ export default _default;
package/components/counter/dist/iconVersion.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: "8.0.2";
1
+ declare const _default: "8.1.1";
2
2
  export default _default;