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

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 +1178 -200
  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 +1178 -200
  52. package/components/select/dist/auro-select.d.ts +96 -4
  53. package/components/select/dist/helptextVersion.d.ts +2 -0
  54. package/components/select/dist/index.js +1106 -198
  55. package/components/select/dist/registered.js +1106 -198
  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,20 @@ export class AuroSelect extends LitElement {
36
43
  type: BooleanConstructor;
37
44
  reflect: boolean;
38
45
  };
46
+ /**
47
+ * @private
48
+ */
49
+ isPopoverVisible: {
50
+ type: BooleanConstructor;
51
+ reflect: boolean;
52
+ };
53
+ /**
54
+ * If declared, the popover and trigger will be set to the same width.
55
+ */
56
+ matchWidth: {
57
+ type: BooleanConstructor;
58
+ reflect: boolean;
59
+ };
39
60
  /**
40
61
  * The name for the select element.
41
62
  */
@@ -197,6 +218,22 @@ export class AuroSelect extends LitElement {
197
218
  * @private
198
219
  */
199
220
  touched: boolean;
221
+ /**
222
+ * @private
223
+ */
224
+ hasFocus: {
225
+ type: BooleanConstructor;
226
+ reflect: boolean;
227
+ attribute: boolean;
228
+ };
229
+ /**
230
+ * @private
231
+ */
232
+ hasDisplayValueContent: {
233
+ type: BooleanConstructor;
234
+ reflect: boolean;
235
+ attribute: boolean;
236
+ };
200
237
  };
201
238
  static get styles(): import("lit").CSSResult[];
202
239
  /**
@@ -208,10 +245,14 @@ export class AuroSelect extends LitElement {
208
245
  *
209
246
  */
210
247
  static register(name?: string): void;
248
+ matchWidth: boolean;
249
+ shape: string;
250
+ size: string;
211
251
  placement: string;
212
252
  offset: number;
213
253
  noFlip: boolean;
214
254
  autoPlacement: boolean;
255
+ forceDisplayValue: boolean;
215
256
  /**
216
257
  * @private
217
258
  */
@@ -232,10 +273,22 @@ export class AuroSelect extends LitElement {
232
273
  * @private
233
274
  */
234
275
  private bibtemplateTag;
276
+ /**
277
+ * @private
278
+ */
279
+ private helpTextTag;
235
280
  /**
236
281
  * @private
237
282
  */
238
283
  private isHiddenWhileLoading;
284
+ /**
285
+ * @private
286
+ */
287
+ private hasFocus;
288
+ /**
289
+ * @private
290
+ */
291
+ private hasDisplayValueContent;
239
292
  /**
240
293
  * @private
241
294
  * @returns {void} Internal defaults.
@@ -247,6 +300,13 @@ export class AuroSelect extends LitElement {
247
300
  value: any;
248
301
  fullscreenBreakpoint: string;
249
302
  onDark: boolean;
303
+ isPopoverVisible: any;
304
+ /**
305
+ * Returns classmap configuration for wrapper elements in each layout.
306
+ * @private
307
+ * @return {object} - Returns classmap.
308
+ */
309
+ private get commonWrapperClasses();
250
310
  /**
251
311
  * Binds all behavior needed to the dropdown after rendering.
252
312
  * @private
@@ -254,7 +314,6 @@ export class AuroSelect extends LitElement {
254
314
  */
255
315
  private configureDropdown;
256
316
  dropdown: any;
257
- menuWrapper: any;
258
317
  bibtemplate: any;
259
318
  /**
260
319
  * Updates the displayed value in an Auro dropdown component based on optionSelected.
@@ -354,6 +413,39 @@ export class AuroSelect extends LitElement {
354
413
  * @private
355
414
  */
356
415
  private _updateNativeSelect;
357
- render(): import("lit-html").TemplateResult;
416
+ renderAriaHtml(): import("lit-html").TemplateResult;
417
+ renderNativeSelect(): import("lit-html").TemplateResult;
418
+ /**
419
+ * Returns HTML for the help text and error message.
420
+ * @private
421
+ * @returns {html} - Returns HTML for the help text and error message.
422
+ */
423
+ private renderHtmlHelpText;
424
+ /**
425
+ * Returns HTML for the emphasized layout.
426
+ * @private
427
+ * @returns {import("lit").TemplateResult} - Returns HTML for the emphasized layout.
428
+ */
429
+ private renderLayoutEmphasized;
430
+ /**
431
+ * Returns HTML for the snowflake layout.
432
+ * @private
433
+ * @returns {import("lit").TemplateResult} - Returns HTML for the snowflake layout.
434
+ */
435
+ private renderLayoutSnowflake;
436
+ /**
437
+ * Returns HTML for the classic layout.
438
+ * @private
439
+ * @returns {import("lit").TemplateResult} - Returns HTML for the classic layout.
440
+ */
441
+ private renderLayoutClassic;
442
+ /**
443
+ * Logic to determine the layout of the component.
444
+ * @private
445
+ * @param {string} [ForcedLayout] - Used to force a specific layout, pass in the layout name to use.
446
+ * @returns {void}
447
+ */
448
+ private renderLayout;
449
+ renderBACKUP(): import("lit-html").TemplateResult;
358
450
  }
359
- import { LitElement } from "lit";
451
+ import { AuroElement } from '../../layoutElement/src/auroElement.js';
@@ -0,0 +1,2 @@
1
+ declare const _default: "1.0.0";
2
+ export default _default;