@aurodesignsystem-dev/auro-formkit 0.0.0-pr1483.3 → 0.0.0-pr1488.0
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 +436 -14
- package/components/checkbox/demo/getting-started.min.js +436 -14
- package/components/checkbox/demo/index.min.js +436 -14
- package/components/checkbox/dist/index.js +436 -14
- package/components/checkbox/dist/registered.js +436 -14
- package/components/combobox/demo/customize.min.js +1482 -6618
- package/components/combobox/demo/getting-started.min.js +1482 -6618
- package/components/combobox/demo/index.min.js +1482 -6618
- package/components/combobox/demo/keyboard-behavior.md +68 -8
- package/components/combobox/dist/index.js +1489 -6625
- package/components/combobox/dist/registered.js +1489 -6625
- package/components/counter/demo/customize.min.js +437 -15
- package/components/counter/demo/index.min.js +437 -15
- package/components/counter/dist/index.js +436 -14
- package/components/counter/dist/registered.js +436 -14
- package/components/datepicker/demo/api.md +3 -10
- package/components/datepicker/demo/customize.md +6 -6
- package/components/datepicker/demo/index.md +4 -4
- package/components/datepicker/demo/index.min.js +2194 -7510
- package/components/datepicker/dist/index.js +2194 -7510
- package/components/datepicker/dist/registered.js +2194 -7510
- package/components/datepicker/dist/src/auro-calendar.d.ts +0 -6
- package/components/datepicker/dist/src/auro-datepicker.d.ts +10 -23
- package/components/datepicker/dist/src/utilities.d.ts +42 -10
- package/components/datepicker/dist/src/utilitiesCalendar.d.ts +2 -1
- 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 +43986 -58306
- package/components/form/demo/getting-started.min.js +43986 -58306
- package/components/form/demo/index.min.js +43986 -58306
- package/components/form/demo/registerDemoDeps.min.js +43986 -58306
- package/components/input/demo/api.md +51 -57
- package/components/input/demo/customize.md +0 -160
- package/components/input/demo/customize.min.js +1011 -6565
- package/components/input/demo/getting-started.md +0 -11
- package/components/input/demo/getting-started.min.js +1010 -6564
- package/components/input/demo/index.md +3 -28
- package/components/input/demo/index.min.js +1010 -6564
- package/components/input/dist/auro-input.d.ts +6 -25
- package/components/input/dist/base-input.d.ts +69 -82
- package/components/input/dist/index.d.ts +1 -2
- package/components/input/dist/index.js +1003 -6599
- package/components/input/dist/registered.js +1010 -6564
- package/components/input/dist/utilities.d.ts +9 -68
- package/components/radio/demo/index.min.js +436 -14
- package/components/radio/dist/index.js +436 -14
- package/components/radio/dist/registered.js +436 -14
- package/components/select/demo/customize.min.js +455 -31
- package/components/select/demo/getting-started.min.js +455 -31
- package/components/select/demo/index.min.js +455 -31
- package/components/select/demo/keyboard-behavior.md +54 -8
- package/components/select/dist/index.js +455 -31
- package/components/select/dist/registered.js +455 -31
- package/custom-elements.json +717 -1199
- package/package.json +4 -4
- package/components/input/dist/auro-input-util.d.ts +0 -17
|
@@ -148,12 +148,6 @@ export class AuroCalendar extends RangeDatepicker {
|
|
|
148
148
|
*/
|
|
149
149
|
private buttonTag;
|
|
150
150
|
dropdown: any;
|
|
151
|
-
/** @returns {Date|undefined} */
|
|
152
|
-
get centralDateObject(): Date | undefined;
|
|
153
|
-
/** @returns {Date|undefined} */
|
|
154
|
-
get minDateObject(): Date | undefined;
|
|
155
|
-
/** @returns {Date|undefined} */
|
|
156
|
-
get maxDateObject(): Date | undefined;
|
|
157
151
|
/**
|
|
158
152
|
* Renders all of the auro-calendar-months HTML.
|
|
159
153
|
* @private
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
* @csspart calendar - Use for customizing the style of the calendar.
|
|
22
22
|
* @csspart helpTextSpan - Use for customizing the style of the datepicker help text span.
|
|
23
23
|
* @csspart helpText - Use for customizing the style of the datepicker help text.
|
|
24
|
+
* @event auroDatePicker-valueSet - Notifies that the component has a new value set.
|
|
24
25
|
* @event auroDatePicker-toggled - Notifies that the calendar dropdown has been opened/closed.
|
|
25
26
|
* @event auroDatePicker-monthChanged - Notifies that the visible calendar month(s) have changed.
|
|
26
27
|
* @event auroFormElement-validated - Notifies that the component value(s) have been validated.
|
|
@@ -249,7 +250,7 @@ export class AuroDatePicker extends AuroElement {
|
|
|
249
250
|
};
|
|
250
251
|
/**
|
|
251
252
|
* Dates that the user should have for reference as part of their decision making when selecting a date.
|
|
252
|
-
* This should be a JSON string array of
|
|
253
|
+
* This should be a JSON string array of dates in the format of `MM/DD/YYYY`.
|
|
253
254
|
*/
|
|
254
255
|
referenceDates: {
|
|
255
256
|
type: ArrayConstructor;
|
|
@@ -346,6 +347,7 @@ export class AuroDatePicker extends AuroElement {
|
|
|
346
347
|
* @private
|
|
347
348
|
*/
|
|
348
349
|
private calendarRenderUtil;
|
|
350
|
+
formattedStartDate: boolean | undefined;
|
|
349
351
|
appearance: string;
|
|
350
352
|
touched: boolean;
|
|
351
353
|
disabled: boolean;
|
|
@@ -504,28 +506,6 @@ export class AuroDatePicker extends AuroElement {
|
|
|
504
506
|
* @param {String} time - Unix timestamp to be converted to a date object.
|
|
505
507
|
* @returns {Date} Date formatted as a string.
|
|
506
508
|
*/
|
|
507
|
-
/** @returns {Date|undefined} */
|
|
508
|
-
get valueObject(): Date | undefined;
|
|
509
|
-
/** @returns {Date|undefined} */
|
|
510
|
-
get valueEndObject(): Date | undefined;
|
|
511
|
-
/** @returns {Date|undefined} */
|
|
512
|
-
get minDateObject(): Date | undefined;
|
|
513
|
-
/** @returns {Date|undefined} */
|
|
514
|
-
get maxDateObject(): Date | undefined;
|
|
515
|
-
/** @returns {Date|undefined} */
|
|
516
|
-
get calendarStartDateObject(): Date | undefined;
|
|
517
|
-
/** @returns {Date|undefined} */
|
|
518
|
-
get calendarEndDateObject(): Date | undefined;
|
|
519
|
-
/** @returns {Date|undefined} */
|
|
520
|
-
get centralDateObject(): Date | undefined;
|
|
521
|
-
/** @returns {Date|undefined} */
|
|
522
|
-
get calendarFocusDateObject(): Date | undefined;
|
|
523
|
-
/**
|
|
524
|
-
* Converts a Unix timestamp (seconds) from the vendor calendar to an ISO date string.
|
|
525
|
-
* @private
|
|
526
|
-
* @param {number} time - Unix timestamp in seconds.
|
|
527
|
-
* @returns {string} ISO date string (yyyy-mm-dd).
|
|
528
|
-
*/
|
|
529
509
|
private convertWcTimeToDate;
|
|
530
510
|
/**
|
|
531
511
|
* Sends event notifying that the input has changed it's value.
|
|
@@ -639,7 +619,14 @@ export class AuroDatePicker extends AuroElement {
|
|
|
639
619
|
get hasError(): boolean;
|
|
640
620
|
updated(changedProperties: any): void;
|
|
641
621
|
monthFirst: boolean | undefined;
|
|
622
|
+
referenceDates: any;
|
|
642
623
|
previousTabIndex: string | null | undefined;
|
|
624
|
+
formattedFocusDate: boolean | undefined;
|
|
625
|
+
formattedEndDate: boolean | undefined;
|
|
626
|
+
formattedValue: boolean | undefined;
|
|
627
|
+
formattedValueEnd: boolean | undefined;
|
|
628
|
+
formattedMinDate: boolean | undefined;
|
|
629
|
+
formattedMaxDate: boolean | undefined;
|
|
643
630
|
/**
|
|
644
631
|
* Handles the transfer of content between slots in the component.
|
|
645
632
|
*
|
|
@@ -1,36 +1,68 @@
|
|
|
1
1
|
export class AuroDatepickerUtilities {
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
4
|
-
* @
|
|
5
|
-
* @param {
|
|
6
|
-
* @
|
|
3
|
+
* Returns true if value passed in is a valid date.
|
|
4
|
+
* @private
|
|
5
|
+
* @param {String} date - Date to validate.
|
|
6
|
+
* @param {String} format - Date format to validate against.
|
|
7
|
+
* @returns {Boolean}
|
|
8
|
+
*/
|
|
9
|
+
private validDateStr;
|
|
10
|
+
/**
|
|
11
|
+
* Converts a date string to a North American date format.
|
|
12
|
+
* @private
|
|
13
|
+
* @param {String} dateStr - Date to validate.
|
|
14
|
+
* @param {String} format - Date format to validate against.
|
|
15
|
+
* @returns {Boolean}
|
|
16
|
+
*/
|
|
17
|
+
private toNorthAmericanFormat;
|
|
18
|
+
/**
|
|
19
|
+
* Parses a date string into its components.
|
|
20
|
+
* @private
|
|
21
|
+
* @param {string} dateStr - Date string to parse.
|
|
22
|
+
* @param {string} format - Date format to parse.
|
|
23
|
+
* @returns {void}
|
|
24
|
+
*/
|
|
25
|
+
private parseDate;
|
|
26
|
+
/**
|
|
27
|
+
* Converts a date string to a custom date format.
|
|
28
|
+
* @private
|
|
29
|
+
* @param {string} dateStr - Date string to parse.
|
|
30
|
+
* @param {string} format - Date format to parse.
|
|
31
|
+
* @returns {void}
|
|
7
32
|
*/
|
|
8
|
-
toCustomFormat
|
|
33
|
+
private toCustomFormat;
|
|
9
34
|
/**
|
|
10
35
|
* Converts any date object to a date object representing the first day of the month.
|
|
11
36
|
* @param {Object} date - Date to convert to the first day of the month.
|
|
12
|
-
* @returns {Object}
|
|
37
|
+
* @returns {Object} Returns the auro-calendar-months HTML.
|
|
13
38
|
*/
|
|
14
39
|
convertDateToFirstOfMonth(date: Object): Object;
|
|
15
40
|
/**
|
|
16
41
|
* Calculate the number of months between two dates.
|
|
17
42
|
* @param {Object} date1 - First date to compare.
|
|
18
43
|
* @param {Object} date2 - Second date to compare.
|
|
19
|
-
* @returns {Number}
|
|
44
|
+
* @returns {Number} Returns the number of months between the two dates.
|
|
20
45
|
*/
|
|
21
46
|
monthDiff(date1: Object, date2: Object): number;
|
|
47
|
+
/**
|
|
48
|
+
* Convert a date object to string format.
|
|
49
|
+
* @private
|
|
50
|
+
* @param {Object} date - Date to convert to string.
|
|
51
|
+
* @returns {Object} Returns the date as a string.
|
|
52
|
+
*/
|
|
53
|
+
private getDateAsString;
|
|
22
54
|
/**
|
|
23
55
|
* Function to format a number to two digits.
|
|
24
56
|
* @private
|
|
25
57
|
* @param {Number} num - Number to format.
|
|
26
|
-
* @returns {String}
|
|
58
|
+
* @returns {String} Returns the number as a string.
|
|
27
59
|
*/
|
|
28
60
|
private formatTwoDigits;
|
|
29
61
|
/**
|
|
30
62
|
* Function to generate checkmark svg.
|
|
31
63
|
* @private
|
|
32
64
|
* @param {Object} icon - Icon object containing the SVG.
|
|
33
|
-
* @returns {Object}
|
|
65
|
+
* @returns {Object} Returns the svg portion of the icon object.
|
|
34
66
|
*/
|
|
35
67
|
private generateIconHtml;
|
|
36
68
|
dom: Document | undefined;
|
|
@@ -40,7 +72,7 @@ export class AuroDatepickerUtilities {
|
|
|
40
72
|
* @private
|
|
41
73
|
* @param {Object} date1 - First date to compare.
|
|
42
74
|
* @param {Object} date2 - Second date to compare.
|
|
43
|
-
* @returns {Boolean}
|
|
75
|
+
* @returns {Boolean} Returns true if the dates match.
|
|
44
76
|
*/
|
|
45
77
|
private datesMatch;
|
|
46
78
|
}
|
|
@@ -4,9 +4,10 @@ export class CalendarUtilities {
|
|
|
4
4
|
* Scroll the calendar month list to a given valid date if in mobile view.
|
|
5
5
|
* @param {Object} elem - The calendar element.
|
|
6
6
|
* @param {String} date - The date to scroll into view.
|
|
7
|
+
* @param {String} format - The format of the date.
|
|
7
8
|
* @returns {void}
|
|
8
9
|
*/
|
|
9
|
-
scrollMonthIntoView(elem: Object, date: string): void;
|
|
10
|
+
scrollMonthIntoView(elem: Object, date: string, format: string): void;
|
|
10
11
|
/**
|
|
11
12
|
* Sends an event requesting the dropdown bib be closed.
|
|
12
13
|
* @private
|