@aurodesignsystem-dev/auro-formkit 0.0.0-pr1483.4 → 0.0.0-pr1483.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 (48) hide show
  1. package/components/checkbox/demo/customize.min.js +1 -1
  2. package/components/checkbox/demo/getting-started.min.js +1 -1
  3. package/components/checkbox/demo/index.min.js +1 -1
  4. package/components/checkbox/dist/index.js +1 -1
  5. package/components/checkbox/dist/registered.js +1 -1
  6. package/components/combobox/demo/customize.min.js +3 -3
  7. package/components/combobox/demo/getting-started.min.js +3 -3
  8. package/components/combobox/demo/index.min.js +3 -3
  9. package/components/combobox/dist/index.js +3 -3
  10. package/components/combobox/dist/registered.js +3 -3
  11. package/components/counter/demo/customize.min.js +2 -2
  12. package/components/counter/demo/index.min.js +2 -2
  13. package/components/counter/dist/index.js +1 -1
  14. package/components/counter/dist/registered.js +1 -1
  15. package/components/datepicker/demo/api.md +52 -51
  16. package/components/datepicker/demo/customize.md +52 -15
  17. package/components/datepicker/demo/index.md +23 -0
  18. package/components/datepicker/demo/index.min.js +4631 -557
  19. package/components/datepicker/dist/index.js +4594 -520
  20. package/components/datepicker/dist/registered.js +4594 -520
  21. package/components/datepicker/dist/src/auro-calendar-cell.d.ts +3 -1
  22. package/components/datepicker/dist/src/auro-calendar-month.d.ts +23 -0
  23. package/components/datepicker/dist/src/auro-calendar.d.ts +15 -0
  24. package/components/datepicker/dist/src/auro-datepicker.d.ts +26 -12
  25. package/components/dropdown/demo/customize.min.js +1 -1
  26. package/components/dropdown/demo/getting-started.min.js +1 -1
  27. package/components/dropdown/demo/index.min.js +1 -1
  28. package/components/dropdown/dist/index.js +1 -1
  29. package/components/dropdown/dist/registered.js +1 -1
  30. package/components/form/demo/customize.min.js +5151 -1077
  31. package/components/form/demo/getting-started.min.js +5151 -1077
  32. package/components/form/demo/index.min.js +5151 -1077
  33. package/components/form/demo/registerDemoDeps.min.js +5151 -1077
  34. package/components/input/demo/customize.min.js +1 -1
  35. package/components/input/demo/getting-started.min.js +1 -1
  36. package/components/input/demo/index.min.js +1 -1
  37. package/components/input/dist/index.js +1 -1
  38. package/components/input/dist/registered.js +1 -1
  39. package/components/radio/demo/index.min.js +1 -1
  40. package/components/radio/dist/index.js +1 -1
  41. package/components/radio/dist/registered.js +1 -1
  42. package/components/select/demo/customize.min.js +2 -2
  43. package/components/select/demo/getting-started.min.js +2 -2
  44. package/components/select/demo/index.min.js +2 -2
  45. package/components/select/dist/index.js +2 -2
  46. package/components/select/dist/registered.js +2 -2
  47. package/custom-elements.json +129 -42
  48. package/package.json +1 -1
@@ -38,7 +38,7 @@ export class AuroCalendarCell extends LitElement {
38
38
  type: BooleanConstructor;
39
39
  };
40
40
  locale: {
41
- type: ObjectConstructor;
41
+ type: StringConstructor;
42
42
  };
43
43
  dateStr: {
44
44
  type: StringConstructor;
@@ -148,6 +148,8 @@ export class AuroCalendarCell extends LitElement {
148
148
  * @returns {String} The title of the auro-calendar-cell in the user's locale.
149
149
  */
150
150
  private getTitle;
151
+ _titleFormatter: Intl.DateTimeFormat | undefined;
152
+ _titleFormatterLocale: any;
151
153
  /**
152
154
  * Gets the name of the date slot.
153
155
  * @private
@@ -8,6 +8,19 @@ export class AuroCalendarMonth extends RangeDatepickerCalendar {
8
8
  type: BooleanConstructor;
9
9
  reflect: boolean;
10
10
  };
11
+ /**
12
+ * BCP 47 locale tag (such as `en-US`) for calendar localization.
13
+ * as wc-range-datepicker expects a `locale` prop, we use `localeCode` to avoid conflicts.
14
+ */
15
+ localeCode: {
16
+ type: StringConstructor;
17
+ };
18
+ /**
19
+ * Names of all 12 months. When omitted, names are derived from `localeCode`.
20
+ */
21
+ monthNames: {
22
+ type: ArrayConstructor;
23
+ };
11
24
  };
12
25
  /**
13
26
  * Returns month name to be rendered in the calendar header.
@@ -16,5 +29,15 @@ export class AuroCalendarMonth extends RangeDatepickerCalendar {
16
29
  * @returns {String} The name of the month.
17
30
  */
18
31
  private computeCurrentMonthName;
32
+ _cachedMonthNames: string[] | undefined;
33
+ _cachedMonthNamesLocale: any;
34
+ /**
35
+ * Determines the current month name based on locale.
36
+ * This is a rewrite of the function used in the class RangeDatepickerCalendar and should not be removed from here.
37
+ * @private
38
+ * @param {Object} changedProperties - The properties that have changed since the last update.
39
+ * @returns {void}
40
+ */
41
+ private updated;
19
42
  }
20
43
  import { RangeDatepickerCalendar } from './vendor/wc-range-datepicker/range-datepicker-calendar.js';
@@ -83,6 +83,8 @@ export class AuroCalendar extends RangeDatepicker {
83
83
  reflect: boolean;
84
84
  };
85
85
  /**
86
+ * If true, the month will be displayed before the year in the calendar header.
87
+ * Passed to AuroCalendarMonth via utilitesCalendarRender.
86
88
  * @private
87
89
  */
88
90
  monthFirst: {
@@ -102,6 +104,19 @@ export class AuroCalendar extends RangeDatepicker {
102
104
  type: BooleanConstructor;
103
105
  reflect: boolean;
104
106
  };
107
+ /**
108
+ * BCP 47 locale tag (such as `en-US`) for calendar localization.
109
+ * as wc-range-datepicker expects a `locale` prop, we use `localeCode` to avoid conflicts and pass the locale down to calendar-month elements.
110
+ */
111
+ localeCode: {
112
+ type: StringConstructor;
113
+ };
114
+ /**
115
+ * Names of all 12 months. When omitted, names are derived from `localeCode`.
116
+ */
117
+ monthNames: {
118
+ type: ArrayConstructor;
119
+ };
105
120
  };
106
121
  /**
107
122
  * @private
@@ -126,6 +126,13 @@ export class AuroDatePicker extends AuroElement {
126
126
  type: StringConstructor;
127
127
  reflect: boolean;
128
128
  };
129
+ /**
130
+ * Defines the locale of the element. Used to derive the date format when `format` is not explicitly set.
131
+ */
132
+ locale: {
133
+ type: StringConstructor;
134
+ reflect: boolean;
135
+ };
129
136
  /**
130
137
  * Defines the screen size breakpoint at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.
131
138
  *
@@ -170,17 +177,12 @@ export class AuroDatePicker extends AuroElement {
170
177
  reflect: boolean;
171
178
  };
172
179
  /**
173
- * Names of all 12 months to render in the calendar, used for localization of date string in mobile layout.
180
+ * Names of all 12 months to render in the calendar.
181
+ * When omitted, month names will be automatically populated from the active `locale` (falling back to `en-US`).
174
182
  */
175
183
  monthNames: {
176
184
  type: ArrayConstructor;
177
185
  };
178
- /**
179
- * @private
180
- */
181
- monthFirst: {
182
- type: BooleanConstructor;
183
- };
184
186
  /**
185
187
  * If declared, the bib will NOT flip to an alternate position
186
188
  * when there isn't enough space in the specified `placement`.
@@ -346,6 +348,10 @@ export class AuroDatePicker extends AuroElement {
346
348
  * @private
347
349
  */
348
350
  private calendarRenderUtil;
351
+ /**
352
+ * @private
353
+ */
354
+ private domHandler;
349
355
  appearance: string;
350
356
  touched: boolean;
351
357
  disabled: boolean;
@@ -361,9 +367,8 @@ export class AuroDatePicker extends AuroElement {
361
367
  calendarStartDate: any;
362
368
  calendarEndDate: any;
363
369
  calendarFocusDate: any;
364
- format: string;
365
370
  fullscreenBreakpoint: string;
366
- monthNames: string[];
371
+ _validLocale: string;
367
372
  placement: string;
368
373
  offset: number;
369
374
  noFlip: boolean;
@@ -432,7 +437,7 @@ export class AuroDatePicker extends AuroElement {
432
437
  /**
433
438
  * Handles click on the clear button.
434
439
  * @private
435
- * @param {MouseEvent} event
440
+ * @param {MouseEvent} event - The click event object.
436
441
  * @returns {void}
437
442
  */
438
443
  private handleClearClick;
@@ -463,8 +468,9 @@ export class AuroDatePicker extends AuroElement {
463
468
  */
464
469
  private get displayValueFontClass();
465
470
  /**
466
- * @private
467
471
  * Common display value wrapper classes.
472
+ * @private
473
+ * @return {Object} - An object containing the common classes for the display value wrapper.
468
474
  */
469
475
  private get commonDisplayValueWrapperClasses();
470
476
  /**
@@ -637,8 +643,15 @@ export class AuroDatePicker extends AuroElement {
637
643
  */
638
644
  private setHasValue;
639
645
  get hasError(): boolean;
646
+ /**
647
+ * lifecycle method to check if the locale is valid.
648
+ * @ignore
649
+ * @param {Map} changedProperties - The map of properties that have changed since the last update.
650
+ * @returns {void}
651
+ */
652
+ willUpdate(changedProperties: Map<any, any>): void;
653
+ format: string | undefined;
640
654
  updated(changedProperties: any): void;
641
- monthFirst: boolean | undefined;
642
655
  previousTabIndex: string | null | undefined;
643
656
  /**
644
657
  * Handles the transfer of content between slots in the component.
@@ -656,6 +669,7 @@ export class AuroDatePicker extends AuroElement {
656
669
  */
657
670
  private configureClickHandler;
658
671
  firstUpdated(): void;
672
+ locale: any;
659
673
  /**
660
674
  * Renders the snowflake layout for the datepicker.
661
675
  * @private
@@ -3942,7 +3942,7 @@ class AuroHelpText extends i {
3942
3942
  }
3943
3943
  }
3944
3944
 
3945
- var formkitVersion = '202606012020';
3945
+ var formkitVersion = '202606041922';
3946
3946
 
3947
3947
  class AuroElement extends i {
3948
3948
  static get properties() {
@@ -3942,7 +3942,7 @@ class AuroHelpText extends i {
3942
3942
  }
3943
3943
  }
3944
3944
 
3945
- var formkitVersion = '202606012020';
3945
+ var formkitVersion = '202606041922';
3946
3946
 
3947
3947
  class AuroElement extends i {
3948
3948
  static get properties() {
@@ -3969,7 +3969,7 @@ class AuroHelpText extends i {
3969
3969
  }
3970
3970
  }
3971
3971
 
3972
- var formkitVersion = '202606012020';
3972
+ var formkitVersion = '202606041922';
3973
3973
 
3974
3974
  class AuroElement extends i {
3975
3975
  static get properties() {
@@ -3874,7 +3874,7 @@ class AuroHelpText extends LitElement {
3874
3874
  }
3875
3875
  }
3876
3876
 
3877
- var formkitVersion = '202606012020';
3877
+ var formkitVersion = '202606041922';
3878
3878
 
3879
3879
  class AuroElement extends LitElement {
3880
3880
  static get properties() {
@@ -3874,7 +3874,7 @@ class AuroHelpText extends LitElement {
3874
3874
  }
3875
3875
  }
3876
3876
 
3877
- var formkitVersion = '202606012020';
3877
+ var formkitVersion = '202606041922';
3878
3878
 
3879
3879
  class AuroElement extends LitElement {
3880
3880
  static get properties() {