@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.14 → 0.0.0-pr624.16

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 (85) hide show
  1. package/components/bibtemplate/dist/auro-bibtemplate.d.ts +12 -2
  2. package/components/bibtemplate/dist/buttonVersion.d.ts +2 -0
  3. package/components/bibtemplate/dist/iconVersion.d.ts +1 -1
  4. package/components/bibtemplate/dist/index.js +1022 -12
  5. package/components/bibtemplate/dist/registered.js +1022 -12
  6. package/components/checkbox/README.md +1 -1
  7. package/components/checkbox/demo/api.md +2 -2
  8. package/components/checkbox/demo/api.min.js +24 -19
  9. package/components/checkbox/demo/index.md +2 -2
  10. package/components/checkbox/demo/index.min.js +24 -19
  11. package/components/checkbox/demo/readme.md +1 -1
  12. package/components/checkbox/dist/auro-checkbox.d.ts +3 -3
  13. package/components/checkbox/dist/index.js +24 -19
  14. package/components/checkbox/dist/registered.js +24 -19
  15. package/components/combobox/demo/api.md +52 -0
  16. package/components/combobox/demo/api.min.js +2059 -651
  17. package/components/combobox/demo/index.md +6 -0
  18. package/components/combobox/demo/index.min.js +2059 -651
  19. package/components/combobox/dist/auro-combobox.d.ts +4 -4
  20. package/components/combobox/dist/index.js +1978 -629
  21. package/components/combobox/dist/registered.js +1978 -629
  22. package/components/counter/demo/api.md +21 -19
  23. package/components/counter/demo/api.min.js +2326 -539
  24. package/components/counter/demo/index.md +99 -34
  25. package/components/counter/demo/index.min.js +2326 -539
  26. package/components/counter/dist/auro-counter-button.d.ts +2 -0
  27. package/components/counter/dist/auro-counter-group.d.ts +92 -1
  28. package/components/counter/dist/helptextVersion.d.ts +2 -0
  29. package/components/counter/dist/iconVersion.d.ts +1 -1
  30. package/components/counter/dist/index.js +2326 -539
  31. package/components/counter/dist/registered.js +2326 -539
  32. package/components/datepicker/demo/api.md +3 -1
  33. package/components/datepicker/demo/api.min.js +5402 -3158
  34. package/components/datepicker/demo/index.md +6 -1
  35. package/components/datepicker/demo/index.min.js +5402 -3158
  36. package/components/datepicker/dist/auro-datepicker.d.ts +17 -7
  37. package/components/datepicker/dist/iconVersion.d.ts +2 -0
  38. package/components/datepicker/dist/index.js +5402 -3158
  39. package/components/datepicker/dist/registered.js +5402 -3158
  40. package/components/dropdown/demo/api.md +3 -4
  41. package/components/dropdown/demo/api.min.js +69 -119
  42. package/components/dropdown/demo/index.md +57 -9
  43. package/components/dropdown/demo/index.min.js +69 -119
  44. package/components/dropdown/dist/auro-dropdown.d.ts +0 -8
  45. package/components/dropdown/dist/auro-dropdownBib.d.ts +14 -0
  46. package/components/dropdown/dist/index.js +69 -119
  47. package/components/dropdown/dist/registered.js +69 -119
  48. package/components/input/demo/api.md +12 -5
  49. package/components/input/demo/api.min.js +665 -285
  50. package/components/input/demo/index.min.js +665 -285
  51. package/components/input/dist/auro-input.d.ts +6 -0
  52. package/components/input/dist/base-input.d.ts +29 -6
  53. package/components/input/dist/buttonVersion.d.ts +1 -1
  54. package/components/input/dist/iconVersion.d.ts +1 -1
  55. package/components/input/dist/index.js +665 -285
  56. package/components/input/dist/registered.js +665 -285
  57. package/components/layoutElement/dist/index.js +13 -10
  58. package/components/menu/demo/api.html +38 -0
  59. package/components/menu/demo/api.md +63 -2
  60. package/components/menu/demo/api.min.js +190 -36
  61. package/components/menu/demo/index.min.js +190 -36
  62. package/components/menu/dist/auro-menu.d.ts +22 -5
  63. package/components/menu/dist/auro-menuoption.d.ts +15 -3
  64. package/components/menu/dist/iconVersion.d.ts +1 -1
  65. package/components/menu/dist/index.js +190 -36
  66. package/components/menu/dist/registered.js +190 -36
  67. package/components/menu/dist/styles/default/tokens-css.d.ts +2 -0
  68. package/components/radio/demo/api.min.js +4 -2
  69. package/components/radio/demo/index.min.js +4 -2
  70. package/components/radio/dist/auro-radio.d.ts +1 -1
  71. package/components/radio/dist/index.js +4 -2
  72. package/components/radio/dist/registered.js +4 -2
  73. package/components/select/demo/api.md +5 -5
  74. package/components/select/demo/api.min.js +1412 -293
  75. package/components/select/demo/index.md +42 -1
  76. package/components/select/demo/index.min.js +1412 -293
  77. package/components/select/dist/auro-select.d.ts +8 -8
  78. package/components/select/dist/index.js +1321 -261
  79. package/components/select/dist/registered.js +1321 -261
  80. package/package.json +2 -2
  81. /package/components/{menu/dist/styles/color-menu-css.d.ts → counter/dist/styles/shapeSize-css.d.ts} +0 -0
  82. /package/components/menu/dist/styles/{color-menuoption-css.d.ts → default/color-menu-css.d.ts} +0 -0
  83. /package/components/menu/dist/styles/{style-menu-css.d.ts → default/color-menuoption-css.d.ts} +0 -0
  84. /package/components/menu/dist/styles/{style-menuoption-css.d.ts → default/style-menu-css.d.ts} +0 -0
  85. /package/components/menu/dist/styles/{tokens-css.d.ts → default/style-menuoption-css.d.ts} +0 -0
@@ -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
  }
@@ -12,6 +12,7 @@
12
12
  * @slot label - Dropdown label content. Only used when `isDropdown` is true.
13
13
  * @slot valueText - Dropdown value text display. Only used when `isDropdown` is true.
14
14
  * @slot helpText - Dropdown help text content. Only used when `isDropdown` is true.
15
+ * @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
16
  */
16
17
  export class AuroCounterGroup extends LitElement {
17
18
  static get styles(): import("lit").CSSResult[];
@@ -42,6 +43,14 @@ export class AuroCounterGroup extends LitElement {
42
43
  isDropdown: {
43
44
  type: BooleanConstructor;
44
45
  };
46
+ /**
47
+ * If declared, the dropdown will expand to the width of its parent container.
48
+ * Otherwise, the dropdown width will be determined by its content.
49
+ */
50
+ matchWidth: {
51
+ type: BooleanConstructor;
52
+ reflect: boolean;
53
+ };
45
54
  /**
46
55
  * The maximum value allowed for the whole group of counters.
47
56
  */
@@ -120,6 +129,15 @@ export class AuroCounterGroup extends LitElement {
120
129
  value: {
121
130
  type: ObjectConstructor;
122
131
  };
132
+ /**
133
+ * The current text in the valueText slot.
134
+ * @private
135
+ */
136
+ valueText: {
137
+ type: StringConstructor;
138
+ reflect: boolean;
139
+ attribute: boolean;
140
+ };
123
141
  };
124
142
  /**
125
143
  * Registers the custom element with the browser.
@@ -134,11 +152,13 @@ export class AuroCounterGroup extends LitElement {
134
152
  total: number;
135
153
  validity: any;
136
154
  value: {};
155
+ matchWidth: boolean;
137
156
  isDropdown: boolean;
138
157
  fullscreenBreakpoint: string;
139
158
  largeFullscreenHeadline: boolean;
140
159
  autoPlacement: boolean;
141
160
  noFlip: boolean;
161
+ placement: string;
142
162
  /**
143
163
  * @private
144
164
  */
@@ -167,6 +187,12 @@ export class AuroCounterGroup extends LitElement {
167
187
  * @type {string}
168
188
  */
169
189
  private bibtemplateTag;
190
+ /**
191
+ * Dynamically generated helptext tag.
192
+ * @private
193
+ * @type {string}
194
+ */
195
+ private helpTextTag;
170
196
  /**
171
197
  * Traps keyboard tab interactions within dropdown when open.
172
198
  * @private
@@ -224,12 +250,77 @@ export class AuroCounterGroup extends LitElement {
224
250
  * @private
225
251
  */
226
252
  private updateValue;
253
+ /**
254
+ * Updates the value text in the dropdown trigger based on the counters in the counter group.
255
+ * @private
256
+ */
257
+ private updateValueText;
258
+ valueText: any;
227
259
  /**
228
260
  * Validates value.
229
261
  * @param {boolean} [force=false] - Whether to force validation.
230
262
  */
231
263
  validate(force?: boolean): void;
232
264
  updated(changedProperties: any): void;
233
- render(): import("lit-html").TemplateResult;
265
+ firstUpdated(): void;
266
+ /**
267
+ * Render the dropdown structure for the counter group.
268
+ * @returns {TemplateResult} The dropdown template.
269
+ * @private
270
+ */
271
+ private renderCounterDropdown;
272
+ /**
273
+ * Render the dropdown trigger for the dropdown.
274
+ * @returns {TemplateResult} The dropdown trigger template.
275
+ * @private
276
+ */
277
+ private renderDropdownTrigger;
278
+ /**
279
+ * Render the help text for the counter group.
280
+ * @returns {TemplateResult} The help text template.
281
+ * @private
282
+ */
283
+ private renderHelpText;
284
+ /**
285
+ * Render the dropdown bib template for the dropdown.
286
+ * @returns {TemplateResult} The bib template.
287
+ * @private
288
+ */
289
+ private renderBibTemplate;
290
+ /**
291
+ * Render the fullscreen bib slots for the dropdown.
292
+ * @returns {TemplateResult} The fullscreen slots template.
293
+ * @private
294
+ */
295
+ private renderFullscreenSlots;
296
+ /**
297
+ * Render the counter group container.
298
+ * @param {boolean} isInDropdown - Whether the counter group is inside a dropdown.
299
+ * @returns {TemplateResult} The counter group template.
300
+ * @private
301
+ */
302
+ private renderCounterGroup;
303
+ /**
304
+ * Render the classic layout.
305
+ * @returns {TemplateResult} The classic layout template.
306
+ * @private
307
+ */
308
+ private renderLayoutClassic;
309
+ shape: any;
310
+ layout: any;
311
+ size: any;
312
+ /**
313
+ * Render the snowflake layout.
314
+ * @returns {TemplateResult} The snowflake layout template.
315
+ * @private
316
+ */
317
+ private renderLayoutSnowflake;
318
+ /**
319
+ * Renders the component by layout type.
320
+ * @param {string} [ForcedLayout] - Optionally force a specific layout for rendering.
321
+ * @returns {TemplateResult} The layout template.
322
+ * @private
323
+ */
324
+ private renderLayout;
234
325
  }
235
326
  import { LitElement } from "lit";
@@ -0,0 +1,2 @@
1
+ declare const _default: "1.0.0";
2
+ export default _default;
@@ -1,2 +1,2 @@
1
- declare const _default: "8.0.3";
1
+ declare const _default: "8.0.4";
2
2
  export default _default;