@aurodesignsystem-dev/auro-formkit 0.0.0-pr740.9 → 0.0.0-pr750.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 (94) hide show
  1. package/components/bibtemplate/dist/auro-bibtemplate.d.ts +6 -0
  2. package/components/bibtemplate/dist/index.js +25 -1
  3. package/components/bibtemplate/dist/registered.js +25 -1
  4. package/components/checkbox/demo/api.html +16 -10
  5. package/components/checkbox/demo/api.min.js +23 -16
  6. package/components/checkbox/demo/index.html +16 -10
  7. package/components/checkbox/demo/index.min.js +23 -16
  8. package/components/checkbox/demo/readme.html +16 -9
  9. package/components/checkbox/dist/index.js +23 -16
  10. package/components/checkbox/dist/registered.js +23 -16
  11. package/components/combobox/demo/api.html +16 -10
  12. package/components/combobox/demo/api.md +12 -6
  13. package/components/combobox/demo/api.min.js +442 -148
  14. package/components/combobox/demo/index.html +16 -10
  15. package/components/combobox/demo/index.min.js +442 -148
  16. package/components/combobox/demo/readme.html +16 -9
  17. package/components/combobox/dist/index.js +405 -136
  18. package/components/combobox/dist/registered.js +405 -136
  19. package/components/counter/demo/api.html +17 -10
  20. package/components/counter/demo/api.md +140 -7
  21. package/components/counter/demo/api.min.js +1171 -1016
  22. package/components/counter/demo/index.html +17 -10
  23. package/components/counter/demo/index.md +86 -0
  24. package/components/counter/demo/index.min.js +1171 -1016
  25. package/components/counter/demo/readme.html +16 -9
  26. package/components/counter/dist/auro-counter-group.d.ts +64 -23
  27. package/components/counter/dist/auro-counter.d.ts +10 -0
  28. package/components/counter/dist/index.js +1171 -1016
  29. package/components/counter/dist/registered.js +1171 -1016
  30. package/components/datepicker/demo/api.html +16 -10
  31. package/components/datepicker/demo/api.min.js +403 -123
  32. package/components/datepicker/demo/index.html +16 -10
  33. package/components/datepicker/demo/index.min.js +403 -123
  34. package/components/datepicker/demo/readme.html +16 -9
  35. package/components/datepicker/dist/auro-datepicker.d.ts +6 -0
  36. package/components/datepicker/dist/index.js +403 -123
  37. package/components/datepicker/dist/registered.js +403 -123
  38. package/components/dropdown/demo/api.html +16 -10
  39. package/components/dropdown/demo/api.md +77 -269
  40. package/components/dropdown/demo/api.min.js +336 -96
  41. package/components/dropdown/demo/index.html +16 -10
  42. package/components/dropdown/demo/index.md +45 -363
  43. package/components/dropdown/demo/index.min.js +336 -96
  44. package/components/dropdown/demo/readme.html +16 -9
  45. package/components/dropdown/dist/auro-dropdown.d.ts +35 -67
  46. package/components/dropdown/dist/auro-dropdownBib.d.ts +0 -6
  47. package/components/dropdown/dist/index.js +336 -96
  48. package/components/dropdown/dist/registered.js +336 -96
  49. package/components/form/demo/api.html +16 -9
  50. package/components/form/demo/autocomplete.html +19 -3
  51. package/components/form/demo/index.html +16 -9
  52. package/components/form/demo/readme.html +16 -9
  53. package/components/form/demo/working.html +19 -13
  54. package/components/helptext/dist/index.js +1 -1
  55. package/components/helptext/dist/registered.js +1 -1
  56. package/components/input/demo/api.html +16 -10
  57. package/components/input/demo/api.md +1 -1
  58. package/components/input/demo/api.min.js +14 -14
  59. package/components/input/demo/index.html +16 -10
  60. package/components/input/demo/index.min.js +14 -14
  61. package/components/input/demo/readme.html +16 -9
  62. package/components/input/dist/base-input.d.ts +1 -1
  63. package/components/input/dist/index.js +14 -14
  64. package/components/input/dist/registered.js +14 -14
  65. package/components/menu/demo/api.html +16 -32
  66. package/components/menu/demo/api.md +1 -1
  67. package/components/menu/demo/api.min.js +37 -12
  68. package/components/menu/demo/index.html +16 -10
  69. package/components/menu/demo/index.min.js +37 -12
  70. package/components/menu/demo/readme.html +16 -9
  71. package/components/menu/dist/auro-menu.d.ts +13 -2
  72. package/components/menu/dist/index.js +37 -12
  73. package/components/menu/dist/registered.js +37 -12
  74. package/components/radio/demo/api.html +16 -10
  75. package/components/radio/demo/api.md +0 -1
  76. package/components/radio/demo/api.min.js +61 -76
  77. package/components/radio/demo/index.html +16 -10
  78. package/components/radio/demo/index.min.js +61 -76
  79. package/components/radio/demo/readme.html +16 -9
  80. package/components/radio/dist/auro-radio.d.ts +8 -11
  81. package/components/radio/dist/index.js +61 -76
  82. package/components/radio/dist/registered.js +61 -76
  83. package/components/select/demo/api.html +16 -10
  84. package/components/select/demo/api.js +0 -2
  85. package/components/select/demo/api.md +53 -51
  86. package/components/select/demo/api.min.js +520 -358
  87. package/components/select/demo/index.html +16 -11
  88. package/components/select/demo/index.md +6 -158
  89. package/components/select/demo/index.min.js +520 -346
  90. package/components/select/demo/readme.html +16 -9
  91. package/components/select/dist/auro-select.d.ts +33 -8
  92. package/components/select/dist/index.js +483 -334
  93. package/components/select/dist/registered.js +483 -334
  94. package/package.json +26 -25
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/dist/auro-select.d.ts CHANGED
@@ -6,7 +6,6 @@
6
6
  * @slot label - Defines the content of the label.
7
7
  * @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
8
8
  * @slot helpText - Defines the content of the helpText.
9
- * @slot placeholder - Defines the content of the placeholder to be shown when there is no value
10
9
  * @slot valueText - Dropdown value text display.
11
10
  * @slot displayValue - Allows custom HTML content to display the selected value when select is not focused.
12
11
  * @event auroSelect-valueSet - Notifies that the component has a new value set.
@@ -154,6 +153,13 @@ export class AuroSelect extends AuroElement {
154
153
  type: StringConstructor;
155
154
  reflect: boolean;
156
155
  };
156
+ /**
157
+ * Define custom placeholder text.
158
+ */
159
+ placeholder: {
160
+ type: StringConstructor;
161
+ reflect: boolean;
162
+ };
157
163
  /**
158
164
  * Populates the `required` attribute on the element. Used for client-side validation.
159
165
  */
@@ -194,10 +200,13 @@ export class AuroSelect extends AuroElement {
194
200
  reflect: boolean;
195
201
  };
196
202
  /**
197
- * Value selected for the component. Default type is `String`, changing to `Array<String>` when `multiSelect` is true.
198
- * @type {String|Array<String>}
203
+ * Value selected for the component.
199
204
  */
200
- value: string | Array<string>;
205
+ value: {
206
+ type: StringConstructor;
207
+ reflect: boolean;
208
+ attribute: string;
209
+ };
201
210
  /**
202
211
  * Sets multi-select mode, allowing multiple options to be selected at once.
203
212
  */
@@ -296,6 +305,13 @@ export class AuroSelect extends AuroElement {
296
305
  fullscreenBreakpoint: string;
297
306
  onDark: boolean;
298
307
  isPopoverVisible: any;
308
+ /**
309
+ * Formatted value based on `multiSelect` state.
310
+ * Default type is `String`, changing to `Array<String>` when `multiSelect` is true.
311
+ * @private
312
+ * @returns {String|Array<String>}
313
+ */
314
+ private get formattedValue();
299
315
  /**
300
316
  * Returns classmap configuration for html5 input labels in all layouts.
301
317
  * @private
@@ -388,7 +404,7 @@ export class AuroSelect extends AuroElement {
388
404
  /**
389
405
  * Update the menu value. With checks for menu existence. Awaits value update.
390
406
  * @param {string} value - The value to set in the menu.
391
- * @returns void
407
+ * @returns {void}
392
408
  * @private
393
409
  */
394
410
  private updateMenuValue;
@@ -421,8 +437,18 @@ export class AuroSelect extends AuroElement {
421
437
  * @private
422
438
  */
423
439
  private _updateNativeSelect;
424
- renderAriaHtml(): import("lit-html").TemplateResult;
425
- renderNativeSelect(): import("lit-html").TemplateResult;
440
+ /**
441
+ * Returns HTML for the hidden a11y screen reader content.
442
+ * @private
443
+ * @returns {html} - Returns HTML for the hidden a11y screen reader content.
444
+ */
445
+ private renderAriaHtml;
446
+ /**
447
+ * Returns HTML for the hidden HTML5 select.
448
+ * @private
449
+ * @returns {html} - Returns HTML for the hidden HTML5 select.
450
+ */
451
+ private renderNativeSelect;
426
452
  /**
427
453
  * Returns HTML for the help text and error message.
428
454
  * @private
@@ -454,6 +480,5 @@ export class AuroSelect extends AuroElement {
454
480
  * @returns {void}
455
481
  */
456
482
  private renderLayout;
457
- renderBACKUP(): import("lit-html").TemplateResult;
458
483
  }
459
484
  import { AuroElement } from '../../layoutElement/src/auroElement.js';