@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.5 → 0.0.0-pr624.6

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 (59) hide show
  1. package/components/bibtemplate/dist/auro-bibtemplate.d.ts +1 -0
  2. package/components/bibtemplate/dist/index.js +88 -6
  3. package/components/bibtemplate/dist/registered.js +88 -6
  4. package/components/checkbox/demo/api.min.js +4 -3
  5. package/components/checkbox/demo/index.min.js +4 -3
  6. package/components/checkbox/dist/index.js +4 -3
  7. package/components/checkbox/dist/registered.js +4 -3
  8. package/components/combobox/demo/api.min.js +514 -172
  9. package/components/combobox/demo/index.min.js +514 -172
  10. package/components/combobox/dist/auro-combobox.d.ts +0 -8
  11. package/components/combobox/dist/index.js +425 -153
  12. package/components/combobox/dist/registered.js +425 -153
  13. package/components/counter/demo/api.min.js +404 -106
  14. package/components/counter/demo/index.min.js +404 -106
  15. package/components/counter/dist/index.js +404 -106
  16. package/components/counter/dist/registered.js +404 -106
  17. package/components/datepicker/demo/api.md +13 -5
  18. package/components/datepicker/demo/api.min.js +876 -383
  19. package/components/datepicker/demo/index.md +13 -0
  20. package/components/datepicker/demo/index.min.js +876 -383
  21. package/components/datepicker/dist/auro-datepicker.d.ts +21 -2
  22. package/components/datepicker/dist/index.js +679 -186
  23. package/components/datepicker/dist/registered.js +679 -186
  24. package/components/datepicker/dist/styles/emphasized/style-css.d.ts +2 -0
  25. package/components/datepicker/dist/styles/shapeSize-css.d.ts +2 -0
  26. package/components/dropdown/demo/api.md +1 -1
  27. package/components/dropdown/demo/api.min.js +226 -81
  28. package/components/dropdown/demo/index.min.js +226 -81
  29. package/components/dropdown/dist/auro-dropdown.d.ts +10 -0
  30. package/components/dropdown/dist/auro-dropdownBib.d.ts +8 -0
  31. package/components/dropdown/dist/index.js +226 -81
  32. package/components/dropdown/dist/registered.js +226 -81
  33. package/components/input/demo/api.md +46 -48
  34. package/components/input/demo/api.min.js +96 -15
  35. package/components/input/demo/index.min.js +96 -15
  36. package/components/input/dist/auro-input.d.ts +17 -15
  37. package/components/input/dist/index.js +96 -15
  38. package/components/input/dist/registered.js +96 -15
  39. package/components/menu/demo/api.min.js +76 -6
  40. package/components/menu/demo/index.min.js +76 -6
  41. package/components/menu/dist/index.js +76 -6
  42. package/components/menu/dist/registered.js +76 -6
  43. package/components/radio/demo/api.min.js +4 -3
  44. package/components/radio/demo/index.min.js +4 -3
  45. package/components/radio/dist/index.js +4 -3
  46. package/components/radio/dist/registered.js +4 -3
  47. package/components/select/demo/api.md +12 -4
  48. package/components/select/demo/api.min.js +1165 -203
  49. package/components/select/demo/index.html +1 -0
  50. package/components/select/demo/index.md +298 -777
  51. package/components/select/demo/index.min.js +1165 -203
  52. package/components/select/dist/auro-select.d.ts +88 -4
  53. package/components/select/dist/helptextVersion.d.ts +2 -0
  54. package/components/select/dist/index.js +1106 -214
  55. package/components/select/dist/registered.js +1106 -214
  56. package/components/select/dist/styles/shapeSize-css.d.ts +2 -0
  57. package/components/select/dist/styles/tokens-css.d.ts +2 -0
  58. package/package.json +3 -3
  59. /package/components/{dropdown/dist/styles/style-css.d.ts → datepicker/dist/styles/default/color-css.d.ts} +0 -0
@@ -12,7 +12,7 @@
12
12
  * @event auroFormElement-validated - Notifies that the `validity` and `errorMessage` values have changed.
13
13
  * @csspart helpText - Apply CSS to the help text.
14
14
  */
15
- export class AuroSelect extends LitElement {
15
+ export class AuroSelect extends AuroElement {
16
16
  static get properties(): {
17
17
  /**
18
18
  * If declared, sets the autocomplete attribute for the select element.
@@ -21,6 +21,13 @@ export class AuroSelect extends LitElement {
21
21
  type: StringConstructor;
22
22
  reflect: boolean;
23
23
  };
24
+ /**
25
+ * If declared, the label and value will be visually hidden and the displayValue will render 100% of the time.
26
+ */
27
+ forceDisplayValue: {
28
+ type: BooleanConstructor;
29
+ reflect: boolean;
30
+ };
24
31
  /**
25
32
  * If declared, bib's position will be automatically calculated where to appear.
26
33
  * @default false
@@ -36,6 +43,13 @@ export class AuroSelect extends LitElement {
36
43
  type: BooleanConstructor;
37
44
  reflect: boolean;
38
45
  };
46
+ /**
47
+ * If declared, the popover and trigger will be set to the same width.
48
+ */
49
+ matchWidth: {
50
+ type: BooleanConstructor;
51
+ reflect: boolean;
52
+ };
39
53
  /**
40
54
  * The name for the select element.
41
55
  */
@@ -197,6 +211,22 @@ export class AuroSelect extends LitElement {
197
211
  * @private
198
212
  */
199
213
  touched: boolean;
214
+ /**
215
+ * @private
216
+ */
217
+ hasFocus: {
218
+ type: BooleanConstructor;
219
+ reflect: boolean;
220
+ attribute: boolean;
221
+ };
222
+ /**
223
+ * @private
224
+ */
225
+ hasDisplayValueContent: {
226
+ type: BooleanConstructor;
227
+ reflect: boolean;
228
+ attribute: boolean;
229
+ };
200
230
  };
201
231
  static get styles(): import("lit").CSSResult[];
202
232
  /**
@@ -208,10 +238,14 @@ export class AuroSelect extends LitElement {
208
238
  *
209
239
  */
210
240
  static register(name?: string): void;
241
+ matchWidth: boolean;
242
+ shape: string;
243
+ size: string;
211
244
  placement: string;
212
245
  offset: number;
213
246
  noFlip: boolean;
214
247
  autoPlacement: boolean;
248
+ forceDisplayValue: boolean;
215
249
  /**
216
250
  * @private
217
251
  */
@@ -232,10 +266,22 @@ export class AuroSelect extends LitElement {
232
266
  * @private
233
267
  */
234
268
  private bibtemplateTag;
269
+ /**
270
+ * @private
271
+ */
272
+ private helpTextTag;
235
273
  /**
236
274
  * @private
237
275
  */
238
276
  private isHiddenWhileLoading;
277
+ /**
278
+ * @private
279
+ */
280
+ private hasFocus;
281
+ /**
282
+ * @private
283
+ */
284
+ private hasDisplayValueContent;
239
285
  /**
240
286
  * @private
241
287
  * @returns {void} Internal defaults.
@@ -247,6 +293,12 @@ export class AuroSelect extends LitElement {
247
293
  value: any;
248
294
  fullscreenBreakpoint: string;
249
295
  onDark: boolean;
296
+ /**
297
+ * Returns classmap configuration for wrapper elements in each layout.
298
+ * @private
299
+ * @return {object} - Returns classmap.
300
+ */
301
+ private get commonWrapperClasses();
250
302
  /**
251
303
  * Binds all behavior needed to the dropdown after rendering.
252
304
  * @private
@@ -254,7 +306,6 @@ export class AuroSelect extends LitElement {
254
306
  */
255
307
  private configureDropdown;
256
308
  dropdown: any;
257
- menuWrapper: any;
258
309
  bibtemplate: any;
259
310
  /**
260
311
  * Updates the displayed value in an Auro dropdown component based on optionSelected.
@@ -354,6 +405,39 @@ export class AuroSelect extends LitElement {
354
405
  * @private
355
406
  */
356
407
  private _updateNativeSelect;
357
- render(): import("lit-html").TemplateResult;
408
+ renderAriaHtml(): import("lit-html").TemplateResult;
409
+ renderNativeSelect(): import("lit-html").TemplateResult;
410
+ /**
411
+ * Returns HTML for the help text and error message.
412
+ * @private
413
+ * @returns {html} - Returns HTML for the help text and error message.
414
+ */
415
+ private renderHtmlHelpText;
416
+ /**
417
+ * Returns HTML for the emphasized layout.
418
+ * @private
419
+ * @returns {import("lit").TemplateResult} - Returns HTML for the emphasized layout.
420
+ */
421
+ private renderLayoutEmphasized;
422
+ /**
423
+ * Returns HTML for the snowflake layout.
424
+ * @private
425
+ * @returns {import("lit").TemplateResult} - Returns HTML for the snowflake layout.
426
+ */
427
+ private renderLayoutSnowflake;
428
+ /**
429
+ * Returns HTML for the classic layout.
430
+ * @private
431
+ * @returns {import("lit").TemplateResult} - Returns HTML for the classic layout.
432
+ */
433
+ private renderLayoutClassic;
434
+ /**
435
+ * Logic to determine the layout of the component.
436
+ * @private
437
+ * @param {string} [ForcedLayout] - Used to force a specific layout, pass in the layout name to use.
438
+ * @returns {void}
439
+ */
440
+ private renderLayout;
441
+ renderBACKUP(): import("lit-html").TemplateResult;
358
442
  }
359
- import { LitElement } from "lit";
443
+ import { AuroElement } from '../../layoutElement/src/auroElement.js';
@@ -0,0 +1,2 @@
1
+ declare const _default: "1.0.0";
2
+ export default _default;