@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.
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +3 -3
- package/components/combobox/demo/getting-started.min.js +3 -3
- package/components/combobox/demo/index.min.js +3 -3
- package/components/combobox/dist/index.js +3 -3
- package/components/combobox/dist/registered.js +3 -3
- package/components/counter/demo/customize.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +1 -1
- package/components/counter/dist/registered.js +1 -1
- package/components/datepicker/demo/api.md +52 -51
- package/components/datepicker/demo/customize.md +52 -15
- package/components/datepicker/demo/index.md +23 -0
- package/components/datepicker/demo/index.min.js +4631 -557
- package/components/datepicker/dist/index.js +4594 -520
- package/components/datepicker/dist/registered.js +4594 -520
- package/components/datepicker/dist/src/auro-calendar-cell.d.ts +3 -1
- package/components/datepicker/dist/src/auro-calendar-month.d.ts +23 -0
- package/components/datepicker/dist/src/auro-calendar.d.ts +15 -0
- package/components/datepicker/dist/src/auro-datepicker.d.ts +26 -12
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +1 -1
- package/components/dropdown/demo/index.min.js +1 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/demo/customize.min.js +5151 -1077
- package/components/form/demo/getting-started.min.js +5151 -1077
- package/components/form/demo/index.min.js +5151 -1077
- package/components/form/demo/registerDemoDeps.min.js +5151 -1077
- package/components/input/demo/customize.min.js +1 -1
- package/components/input/demo/getting-started.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.min.js +2 -2
- package/components/select/demo/getting-started.min.js +2 -2
- package/components/select/demo/index.min.js +2 -2
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +129 -42
- 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:
|
|
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
|
|
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
|
-
|
|
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
|