@aurodesignsystem-dev/auro-formkit 0.0.0-pr754.2 → 0.0.0-pr755.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 (88) hide show
  1. package/components/bibtemplate/dist/index.js +1 -1
  2. package/components/bibtemplate/dist/registered.js +1 -1
  3. package/components/checkbox/demo/api.html +16 -10
  4. package/components/checkbox/demo/api.min.js +11 -11
  5. package/components/checkbox/demo/index.html +16 -10
  6. package/components/checkbox/demo/index.min.js +11 -11
  7. package/components/checkbox/demo/readme.html +16 -9
  8. package/components/checkbox/dist/index.js +11 -11
  9. package/components/checkbox/dist/registered.js +11 -11
  10. package/components/combobox/demo/api.html +16 -10
  11. package/components/combobox/demo/api.md +6 -12
  12. package/components/combobox/demo/api.min.js +95 -78
  13. package/components/combobox/demo/index.html +16 -10
  14. package/components/combobox/demo/index.min.js +95 -78
  15. package/components/combobox/demo/readme.html +16 -9
  16. package/components/combobox/dist/index.js +84 -42
  17. package/components/combobox/dist/registered.js +84 -42
  18. package/components/counter/demo/api.html +16 -10
  19. package/components/counter/demo/api.md +7 -140
  20. package/components/counter/demo/api.min.js +386 -556
  21. package/components/counter/demo/index.html +16 -10
  22. package/components/counter/demo/index.md +0 -82
  23. package/components/counter/demo/index.min.js +386 -556
  24. package/components/counter/demo/readme.html +16 -9
  25. package/components/counter/dist/auro-counter-group.d.ts +14 -71
  26. package/components/counter/dist/auro-counter.d.ts +0 -10
  27. package/components/counter/dist/index.js +386 -556
  28. package/components/counter/dist/registered.js +386 -556
  29. package/components/datepicker/demo/api.html +16 -10
  30. package/components/datepicker/demo/api.min.js +84 -42
  31. package/components/datepicker/demo/index.html +16 -10
  32. package/components/datepicker/demo/index.min.js +84 -42
  33. package/components/datepicker/demo/readme.html +16 -9
  34. package/components/datepicker/dist/index.js +84 -42
  35. package/components/datepicker/dist/registered.js +84 -42
  36. package/components/dropdown/demo/api.html +16 -10
  37. package/components/dropdown/demo/api.md +268 -76
  38. package/components/dropdown/demo/api.min.js +67 -25
  39. package/components/dropdown/demo/index.html +16 -10
  40. package/components/dropdown/demo/index.md +363 -45
  41. package/components/dropdown/demo/index.min.js +67 -25
  42. package/components/dropdown/demo/readme.html +16 -9
  43. package/components/dropdown/dist/auro-dropdown.d.ts +71 -21
  44. package/components/dropdown/dist/index.js +67 -25
  45. package/components/dropdown/dist/registered.js +67 -25
  46. package/components/form/demo/api.html +16 -9
  47. package/components/form/demo/autocomplete.html +19 -3
  48. package/components/form/demo/index.html +16 -9
  49. package/components/form/demo/readme.html +16 -9
  50. package/components/form/demo/working.html +19 -13
  51. package/components/helptext/dist/index.js +1 -1
  52. package/components/helptext/dist/registered.js +1 -1
  53. package/components/input/demo/api.html +16 -10
  54. package/components/input/demo/api.md +1 -1
  55. package/components/input/demo/api.min.js +10 -10
  56. package/components/input/demo/index.html +16 -10
  57. package/components/input/demo/index.min.js +10 -10
  58. package/components/input/demo/readme.html +16 -9
  59. package/components/input/dist/base-input.d.ts +1 -1
  60. package/components/input/dist/index.js +10 -10
  61. package/components/input/dist/registered.js +10 -10
  62. package/components/menu/demo/api.html +16 -32
  63. package/components/menu/demo/api.md +1 -1
  64. package/components/menu/demo/api.min.js +11 -36
  65. package/components/menu/demo/index.html +16 -10
  66. package/components/menu/demo/index.min.js +11 -36
  67. package/components/menu/demo/readme.html +16 -9
  68. package/components/menu/dist/auro-menu.d.ts +2 -13
  69. package/components/menu/dist/index.js +11 -36
  70. package/components/menu/dist/registered.js +11 -36
  71. package/components/radio/demo/api.html +16 -10
  72. package/components/radio/demo/api.min.js +9 -9
  73. package/components/radio/demo/index.html +16 -10
  74. package/components/radio/demo/index.min.js +9 -9
  75. package/components/radio/demo/readme.html +16 -9
  76. package/components/radio/dist/index.js +9 -9
  77. package/components/radio/dist/registered.js +9 -9
  78. package/components/select/demo/api.html +16 -10
  79. package/components/select/demo/api.md +9 -15
  80. package/components/select/demo/api.min.js +193 -124
  81. package/components/select/demo/index.html +16 -11
  82. package/components/select/demo/index.md +1 -1
  83. package/components/select/demo/index.min.js +193 -124
  84. package/components/select/demo/readme.html +16 -9
  85. package/components/select/dist/auro-select.d.ts +4 -20
  86. package/components/select/dist/index.js +182 -88
  87. package/components/select/dist/registered.js +182 -88
  88. package/package.json +3 -3
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-group.d.ts CHANGED
@@ -25,23 +25,6 @@ export class AuroCounterGroup extends LitElement {
25
25
  type: BooleanConstructor;
26
26
  reflect: boolean;
27
27
  };
28
- /**
29
- * The current error message to display when the component is invalid.
30
- */
31
- error: {
32
- type: StringConstructor;
33
- reflect: boolean;
34
- };
35
- /**
36
- * The current error message to display when the component is invalid.
37
- * This is set by validation and is not available to consumers.
38
- * @private
39
- */
40
- errorMessage: {
41
- type: StringConstructor;
42
- reflect: boolean;
43
- attribute: boolean;
44
- };
45
28
  /**
46
29
  * Defines the screen size breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `disabled`)
47
30
  * at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.
@@ -120,7 +103,7 @@ export class AuroCounterGroup extends LitElement {
120
103
  * "top" | "right" | "bottom" | "left" |
121
104
  * "bottom-start" | "top-start" | "top-end" |
122
105
  * "right-start" | "right-end" | "bottom-end" |
123
- * "left-start" | "left-end".
106
+ * "left-start" | "left-end"
124
107
  * @default bottom-start
125
108
  */
126
109
  placement: {
@@ -192,21 +175,6 @@ export class AuroCounterGroup extends LitElement {
192
175
  * @private
193
176
  */
194
177
  private validation;
195
- /**
196
- * Updates the aggregate value based on the values of contained auro-counter components.
197
- * This method queries for all `auro-counter` elements, sums their values, and updates the component's `value` property.
198
- * Additionally, it iterates through each counter and calls `manageDisabled()` on it.
199
- * @private
200
- */
201
- private updateValue;
202
- /**
203
- * Updates the validity of the counter group based on the validity of its counters.
204
- * This method checks all counters within the group, determines if any are invalid, and updates the group's validity state and error message accordingly.
205
- * If any counter is invalid, it generates a combined error message from all invalid counters.
206
- * @returns {void}
207
- * @private
208
- */
209
- private updateValidity;
210
178
  /**
211
179
  * Dynamically generated dropdown tag.
212
180
  * @private
@@ -225,10 +193,6 @@ export class AuroCounterGroup extends LitElement {
225
193
  * @type {string}
226
194
  */
227
195
  private helpTextTag;
228
- /**
229
- * @private
230
- */
231
- private iconTag;
232
196
  /**
233
197
  * Dynamically disables increment/decrement buttons on a counter based on group value.
234
198
  * This method checks the total aggregated value against the group's min and max properties.
@@ -245,28 +209,6 @@ export class AuroCounterGroup extends LitElement {
245
209
  * @private
246
210
  */
247
211
  private configureCounters;
248
- /**
249
- * Renders help text error messages.
250
- * @param {Array<string>} messages - The error messages to render.
251
- * @returns {TemplateResult[]} - The rendered error messages rendered in a TemplateResult.
252
- * @private
253
- */
254
- private renderHelpTextErrors;
255
- /**
256
- * Gets and returns an array of counters in an invalid state.
257
- * @returns {Array<HTMLElement>} - Returns an array of invalid counters.
258
- * @param {NodeList} counters - The NodeList of counter elements to check.
259
- * @private
260
- */
261
- private getInvalidCounters;
262
- /**
263
- * Gets all valid error messages from errored counters.
264
- * @param {NodeList} invalidCounters - The NodeList of counter elements to check.
265
- * @returns {Array<string>} - Returns an array of error messages from invalid counters.
266
- * @private
267
- */
268
- private getErrorMessages;
269
- errorMessage: any;
270
212
  /**
271
213
  * Configures the dropdown counters by selecting all `auro-counter` elements,
272
214
  * appending them to the `auro-counter-wrapper` element within the shadow DOM,
@@ -293,6 +235,13 @@ export class AuroCounterGroup extends LitElement {
293
235
  * @returns {number} The converted number or 0 if invalid.
294
236
  */
295
237
  private safeNumberConversion;
238
+ /**
239
+ * Updates the aggregate value based on the values of contained auro-counter components.
240
+ * This method queries for all `auro-counter` elements, sums their values, and updates the component's `value` property.
241
+ * Additionally, it iterates through each counter and calls `manageDisabled()` on it.
242
+ * @private
243
+ */
244
+ private updateValue;
296
245
  /**
297
246
  * Updates the value text in the dropdown trigger based on the counters in the counter group.
298
247
  * @private
@@ -306,18 +255,6 @@ export class AuroCounterGroup extends LitElement {
306
255
  validate(force?: boolean): void;
307
256
  updated(changedProperties: any): void;
308
257
  firstUpdated(): void;
309
- /**
310
- * Returns HTML for the help text and error message.
311
- * @private
312
- * @returns {html} - Returns HTML for the help text and error message.
313
- */
314
- private renderHelpText;
315
- /**
316
- * Returns HTML for the validation error icon.
317
- * @private
318
- * @returns {html} - Returns HTML for the validation error icon.
319
- */
320
- private renderValidationErrorIcon;
321
258
  /**
322
259
  * Render the dropdown structure for the counter group.
323
260
  * @returns {TemplateResult} The dropdown template.
@@ -330,6 +267,12 @@ export class AuroCounterGroup extends LitElement {
330
267
  * @private
331
268
  */
332
269
  private renderDropdownTrigger;
270
+ /**
271
+ * Render the help text for the counter group.
272
+ * @returns {TemplateResult} The help text template.
273
+ * @private
274
+ */
275
+ private renderHelpText;
333
276
  /**
334
277
  * Render the dropdown bib template for the dropdown.
335
278
  * @returns {TemplateResult} The bib template.
package/components/counter/dist/auro-counter.d.ts CHANGED
@@ -42,10 +42,6 @@ export class AuroCounter extends LitElement {
42
42
  * @type {string}
43
43
  */
44
44
  private iconTag;
45
- /**
46
- * @private
47
- */
48
- private helpTextTag;
49
45
  /**
50
46
  * Increments the counter value by 1. If a value is provided, it increments by that amount.
51
47
  * @method increment
@@ -102,12 +98,6 @@ export class AuroCounter extends LitElement {
102
98
  */
103
99
  private onDefaultSlotChange;
104
100
  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;
111
101
  render(): import("lit-html").TemplateResult;
112
102
  }
113
103
  import { LitElement } from "lit";