@aurodesignsystem-dev/auro-formkit 0.0.0-pr785.2 → 0.0.0-pr785.3
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/combobox/demo/api.min.js +5 -0
- package/components/combobox/demo/index.min.js +5 -0
- package/components/combobox/dist/index.js +5 -0
- package/components/combobox/dist/registered.js +5 -0
- package/components/counter/demo/api.min.js +5 -0
- package/components/counter/demo/index.min.js +5 -0
- package/components/counter/dist/index.js +5 -0
- package/components/counter/dist/registered.js +5 -0
- package/components/datepicker/demo/api.md +0 -1
- package/components/datepicker/demo/api.min.js +7 -1
- package/components/datepicker/demo/index.min.js +7 -1
- package/components/datepicker/dist/auro-datepicker.d.ts +3 -2
- package/components/datepicker/dist/index.js +7 -1
- package/components/datepicker/dist/registered.js +7 -1
- package/components/dropdown/demo/api.md +6 -7
- package/components/dropdown/demo/api.min.js +5 -0
- package/components/dropdown/demo/index.min.js +5 -0
- package/components/dropdown/dist/auro-dropdown.d.ts +6 -1
- package/components/dropdown/dist/index.js +5 -0
- package/components/dropdown/dist/registered.js +5 -0
- package/components/select/demo/api.min.js +5 -0
- package/components/select/demo/index.min.js +5 -0
- package/components/select/dist/index.js +5 -0
- package/components/select/dist/registered.js +5 -0
- package/package.json +1 -1
|
@@ -5029,6 +5029,11 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
5029
5029
|
}
|
|
5030
5030
|
}
|
|
5031
5031
|
|
|
5032
|
+
/**
|
|
5033
|
+
* Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
|
|
5034
|
+
* @private
|
|
5035
|
+
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
5036
|
+
*/
|
|
5032
5037
|
handleDropdownToggle(event) {
|
|
5033
5038
|
this.updateFocusTrap();
|
|
5034
5039
|
this.isPopoverVisible = event.detail.expanded;
|
|
@@ -4887,6 +4887,11 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
4887
4887
|
}
|
|
4888
4888
|
}
|
|
4889
4889
|
|
|
4890
|
+
/**
|
|
4891
|
+
* Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
|
|
4892
|
+
* @private
|
|
4893
|
+
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
4894
|
+
*/
|
|
4890
4895
|
handleDropdownToggle(event) {
|
|
4891
4896
|
this.updateFocusTrap();
|
|
4892
4897
|
this.isPopoverVisible = event.detail.expanded;
|
|
@@ -4818,6 +4818,11 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
4818
4818
|
}
|
|
4819
4819
|
}
|
|
4820
4820
|
|
|
4821
|
+
/**
|
|
4822
|
+
* Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
|
|
4823
|
+
* @private
|
|
4824
|
+
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
4825
|
+
*/
|
|
4821
4826
|
handleDropdownToggle(event) {
|
|
4822
4827
|
this.updateFocusTrap();
|
|
4823
4828
|
this.isPopoverVisible = event.detail.expanded;
|
|
@@ -4818,6 +4818,11 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
4818
4818
|
}
|
|
4819
4819
|
}
|
|
4820
4820
|
|
|
4821
|
+
/**
|
|
4822
|
+
* Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
|
|
4823
|
+
* @private
|
|
4824
|
+
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
4825
|
+
*/
|
|
4821
4826
|
handleDropdownToggle(event) {
|
|
4822
4827
|
this.updateFocusTrap();
|
|
4823
4828
|
this.isPopoverVisible = event.detail.expanded;
|
|
@@ -6989,6 +6989,11 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6989
6989
|
}
|
|
6990
6990
|
}
|
|
6991
6991
|
|
|
6992
|
+
/**
|
|
6993
|
+
* Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
|
|
6994
|
+
* @private
|
|
6995
|
+
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
6996
|
+
*/
|
|
6992
6997
|
handleDropdownToggle(event) {
|
|
6993
6998
|
this.updateFocusTrap();
|
|
6994
6999
|
this.isPopoverVisible = event.detail.expanded;
|
|
@@ -6989,6 +6989,11 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6989
6989
|
}
|
|
6990
6990
|
}
|
|
6991
6991
|
|
|
6992
|
+
/**
|
|
6993
|
+
* Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
|
|
6994
|
+
* @private
|
|
6995
|
+
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
6996
|
+
*/
|
|
6992
6997
|
handleDropdownToggle(event) {
|
|
6993
6998
|
this.updateFocusTrap();
|
|
6994
6999
|
this.isPopoverVisible = event.detail.expanded;
|
|
@@ -6942,6 +6942,11 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6942
6942
|
}
|
|
6943
6943
|
}
|
|
6944
6944
|
|
|
6945
|
+
/**
|
|
6946
|
+
* Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
|
|
6947
|
+
* @private
|
|
6948
|
+
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
6949
|
+
*/
|
|
6945
6950
|
handleDropdownToggle(event) {
|
|
6946
6951
|
this.updateFocusTrap();
|
|
6947
6952
|
this.isPopoverVisible = event.detail.expanded;
|
|
@@ -6942,6 +6942,11 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6942
6942
|
}
|
|
6943
6943
|
}
|
|
6944
6944
|
|
|
6945
|
+
/**
|
|
6946
|
+
* Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
|
|
6947
|
+
* @private
|
|
6948
|
+
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
6949
|
+
*/
|
|
6945
6950
|
handleDropdownToggle(event) {
|
|
6946
6951
|
this.updateFocusTrap();
|
|
6947
6952
|
this.isPopoverVisible = event.detail.expanded;
|
|
@@ -51,7 +51,6 @@
|
|
|
51
51
|
| Method | Type | Description |
|
|
52
52
|
|-------------------------------|----------------------------------------|--------------------------------------------------|
|
|
53
53
|
| [focus](#focus) | `(focusInput: string): void` | Focuses the datepicker trigger input.<br /><br />**focusInput**: Pass in `endDate` to focus on the return input. No parameter is needed to focus on the depart input. |
|
|
54
|
-
| [formatShortDate](#formatShortDate) | `(date: any): string` | Simple formatter that ONLY WORKS FOR US DATES.<br />Returns formatted date like Apr 21 or Dec 25.<br /><br />**date**: undefined |
|
|
55
54
|
| [renderHtmlActionClear](#renderHtmlActionClear) | `(): TemplateResult` | |
|
|
56
55
|
| [renderHtmlIconCalendar](#renderHtmlIconCalendar) | `(): TemplateResult` | |
|
|
57
56
|
| [renderHtmlIconError](#renderHtmlIconError) | `(): TemplateResult` | |
|
|
@@ -18346,6 +18346,11 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
18346
18346
|
}
|
|
18347
18347
|
}
|
|
18348
18348
|
|
|
18349
|
+
/**
|
|
18350
|
+
* Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
|
|
18351
|
+
* @private
|
|
18352
|
+
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
18353
|
+
*/
|
|
18349
18354
|
handleDropdownToggle(event) {
|
|
18350
18355
|
this.updateFocusTrap();
|
|
18351
18356
|
this.isPopoverVisible = event.detail.expanded;
|
|
@@ -29075,7 +29080,8 @@ class AuroDatePicker extends AuroElement$1 {
|
|
|
29075
29080
|
/**
|
|
29076
29081
|
* Simple formatter that ONLY WORKS FOR US DATES.
|
|
29077
29082
|
* Returns formatted date like Apr 21 or Dec 25.
|
|
29078
|
-
* @
|
|
29083
|
+
* @private
|
|
29084
|
+
* @param {string} date - Date format should be in a format Date constructor accepts, like '2023-04-21' or '2023/04/21'.
|
|
29079
29085
|
* @return {string}
|
|
29080
29086
|
*/
|
|
29081
29087
|
formatShortDate(date) {
|
|
@@ -18087,6 +18087,11 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
18087
18087
|
}
|
|
18088
18088
|
}
|
|
18089
18089
|
|
|
18090
|
+
/**
|
|
18091
|
+
* Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
|
|
18092
|
+
* @private
|
|
18093
|
+
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
18094
|
+
*/
|
|
18090
18095
|
handleDropdownToggle(event) {
|
|
18091
18096
|
this.updateFocusTrap();
|
|
18092
18097
|
this.isPopoverVisible = event.detail.expanded;
|
|
@@ -28816,7 +28821,8 @@ class AuroDatePicker extends AuroElement$1 {
|
|
|
28816
28821
|
/**
|
|
28817
28822
|
* Simple formatter that ONLY WORKS FOR US DATES.
|
|
28818
28823
|
* Returns formatted date like Apr 21 or Dec 25.
|
|
28819
|
-
* @
|
|
28824
|
+
* @private
|
|
28825
|
+
* @param {string} date - Date format should be in a format Date constructor accepts, like '2023-04-21' or '2023/04/21'.
|
|
28820
28826
|
* @return {string}
|
|
28821
28827
|
*/
|
|
28822
28828
|
formatShortDate(date) {
|
|
@@ -531,10 +531,11 @@ export class AuroDatePicker extends AuroElement {
|
|
|
531
531
|
/**
|
|
532
532
|
* Simple formatter that ONLY WORKS FOR US DATES.
|
|
533
533
|
* Returns formatted date like Apr 21 or Dec 25.
|
|
534
|
-
* @
|
|
534
|
+
* @private
|
|
535
|
+
* @param {string} date - Date format should be in a format Date constructor accepts, like '2023-04-21' or '2023/04/21'.
|
|
535
536
|
* @return {string}
|
|
536
537
|
*/
|
|
537
|
-
formatShortDate
|
|
538
|
+
private formatShortDate;
|
|
538
539
|
/**
|
|
539
540
|
* Format and render the provided date value.
|
|
540
541
|
* @private
|
|
@@ -18036,6 +18036,11 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
18036
18036
|
}
|
|
18037
18037
|
}
|
|
18038
18038
|
|
|
18039
|
+
/**
|
|
18040
|
+
* Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
|
|
18041
|
+
* @private
|
|
18042
|
+
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
18043
|
+
*/
|
|
18039
18044
|
handleDropdownToggle(event) {
|
|
18040
18045
|
this.updateFocusTrap();
|
|
18041
18046
|
this.isPopoverVisible = event.detail.expanded;
|
|
@@ -28752,7 +28757,8 @@ class AuroDatePicker extends AuroElement$1 {
|
|
|
28752
28757
|
/**
|
|
28753
28758
|
* Simple formatter that ONLY WORKS FOR US DATES.
|
|
28754
28759
|
* Returns formatted date like Apr 21 or Dec 25.
|
|
28755
|
-
* @
|
|
28760
|
+
* @private
|
|
28761
|
+
* @param {string} date - Date format should be in a format Date constructor accepts, like '2023-04-21' or '2023/04/21'.
|
|
28756
28762
|
* @return {string}
|
|
28757
28763
|
*/
|
|
28758
28764
|
formatShortDate(date) {
|
|
@@ -18036,6 +18036,11 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
18036
18036
|
}
|
|
18037
18037
|
}
|
|
18038
18038
|
|
|
18039
|
+
/**
|
|
18040
|
+
* Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
|
|
18041
|
+
* @private
|
|
18042
|
+
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
18043
|
+
*/
|
|
18039
18044
|
handleDropdownToggle(event) {
|
|
18040
18045
|
this.updateFocusTrap();
|
|
18041
18046
|
this.isPopoverVisible = event.detail.expanded;
|
|
@@ -28752,7 +28757,8 @@ class AuroDatePicker extends AuroElement$1 {
|
|
|
28752
28757
|
/**
|
|
28753
28758
|
* Simple formatter that ONLY WORKS FOR US DATES.
|
|
28754
28759
|
* Returns formatted date like Apr 21 or Dec 25.
|
|
28755
|
-
* @
|
|
28760
|
+
* @private
|
|
28761
|
+
* @param {string} date - Date format should be in a format Date constructor accepts, like '2023-04-21' or '2023/04/21'.
|
|
28756
28762
|
* @return {string}
|
|
28757
28763
|
*/
|
|
28758
28764
|
formatShortDate(date) {
|
|
@@ -35,13 +35,12 @@
|
|
|
35
35
|
|
|
36
36
|
## Methods
|
|
37
37
|
|
|
38
|
-
| Method
|
|
39
|
-
|
|
40
|
-
| [exposeCssParts](#exposeCssParts)
|
|
41
|
-
| [focus](#focus)
|
|
42
|
-
| [
|
|
43
|
-
| [
|
|
44
|
-
| [show](#show) | `(): void` | Public method to show the dropdown. |
|
|
38
|
+
| Method | Type | Description |
|
|
39
|
+
|------------------|------------|--------------------------------------------------|
|
|
40
|
+
| [exposeCssParts](#exposeCssParts) | `(): void` | Exposes CSS parts for styling from parent components. |
|
|
41
|
+
| [focus](#focus) | `(): void` | When bib is open, focus on the first element inside of bib.<br />If not, trigger element will get focus. |
|
|
42
|
+
| [hide](#hide) | `(): void` | Public method to hide the dropdown. |
|
|
43
|
+
| [show](#show) | `(): void` | Public method to show the dropdown. |
|
|
45
44
|
|
|
46
45
|
## Events
|
|
47
46
|
|
|
@@ -4002,6 +4002,11 @@ class AuroDropdown extends AuroElement {
|
|
|
4002
4002
|
}
|
|
4003
4003
|
}
|
|
4004
4004
|
|
|
4005
|
+
/**
|
|
4006
|
+
* Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
|
|
4007
|
+
* @private
|
|
4008
|
+
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
4009
|
+
*/
|
|
4005
4010
|
handleDropdownToggle(event) {
|
|
4006
4011
|
this.updateFocusTrap();
|
|
4007
4012
|
this.isPopoverVisible = event.detail.expanded;
|
|
@@ -3977,6 +3977,11 @@ class AuroDropdown extends AuroElement {
|
|
|
3977
3977
|
}
|
|
3978
3978
|
}
|
|
3979
3979
|
|
|
3980
|
+
/**
|
|
3981
|
+
* Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
|
|
3982
|
+
* @private
|
|
3983
|
+
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
3984
|
+
*/
|
|
3980
3985
|
handleDropdownToggle(event) {
|
|
3981
3986
|
this.updateFocusTrap();
|
|
3982
3987
|
this.isPopoverVisible = event.detail.expanded;
|
|
@@ -220,7 +220,12 @@ export class AuroDropdown extends AuroElement {
|
|
|
220
220
|
shape: any;
|
|
221
221
|
size: any;
|
|
222
222
|
parentBorder: boolean;
|
|
223
|
-
|
|
223
|
+
/**
|
|
224
|
+
* Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
|
|
225
|
+
* @private
|
|
226
|
+
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
227
|
+
*/
|
|
228
|
+
private handleDropdownToggle;
|
|
224
229
|
/**
|
|
225
230
|
* @private
|
|
226
231
|
* @returns {object} Class definition for the wrapper element.
|
|
@@ -3930,6 +3930,11 @@ class AuroDropdown extends AuroElement {
|
|
|
3930
3930
|
}
|
|
3931
3931
|
}
|
|
3932
3932
|
|
|
3933
|
+
/**
|
|
3934
|
+
* Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
|
|
3935
|
+
* @private
|
|
3936
|
+
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
3937
|
+
*/
|
|
3933
3938
|
handleDropdownToggle(event) {
|
|
3934
3939
|
this.updateFocusTrap();
|
|
3935
3940
|
this.isPopoverVisible = event.detail.expanded;
|
|
@@ -3930,6 +3930,11 @@ class AuroDropdown extends AuroElement {
|
|
|
3930
3930
|
}
|
|
3931
3931
|
}
|
|
3932
3932
|
|
|
3933
|
+
/**
|
|
3934
|
+
* Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
|
|
3935
|
+
* @private
|
|
3936
|
+
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
3937
|
+
*/
|
|
3933
3938
|
handleDropdownToggle(event) {
|
|
3934
3939
|
this.updateFocusTrap();
|
|
3935
3940
|
this.isPopoverVisible = event.detail.expanded;
|
|
@@ -5055,6 +5055,11 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
5055
5055
|
}
|
|
5056
5056
|
}
|
|
5057
5057
|
|
|
5058
|
+
/**
|
|
5059
|
+
* Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
|
|
5060
|
+
* @private
|
|
5061
|
+
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
5062
|
+
*/
|
|
5058
5063
|
handleDropdownToggle(event) {
|
|
5059
5064
|
this.updateFocusTrap();
|
|
5060
5065
|
this.isPopoverVisible = event.detail.expanded;
|
|
@@ -4963,6 +4963,11 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
4963
4963
|
}
|
|
4964
4964
|
}
|
|
4965
4965
|
|
|
4966
|
+
/**
|
|
4967
|
+
* Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
|
|
4968
|
+
* @private
|
|
4969
|
+
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
4970
|
+
*/
|
|
4966
4971
|
handleDropdownToggle(event) {
|
|
4967
4972
|
this.updateFocusTrap();
|
|
4968
4973
|
this.isPopoverVisible = event.detail.expanded;
|
|
@@ -4917,6 +4917,11 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
4917
4917
|
}
|
|
4918
4918
|
}
|
|
4919
4919
|
|
|
4920
|
+
/**
|
|
4921
|
+
* Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
|
|
4922
|
+
* @private
|
|
4923
|
+
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
4924
|
+
*/
|
|
4920
4925
|
handleDropdownToggle(event) {
|
|
4921
4926
|
this.updateFocusTrap();
|
|
4922
4927
|
this.isPopoverVisible = event.detail.expanded;
|
|
@@ -4917,6 +4917,11 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
4917
4917
|
}
|
|
4918
4918
|
}
|
|
4919
4919
|
|
|
4920
|
+
/**
|
|
4921
|
+
* Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.
|
|
4922
|
+
* @private
|
|
4923
|
+
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
4924
|
+
*/
|
|
4920
4925
|
handleDropdownToggle(event) {
|
|
4921
4926
|
this.updateFocusTrap();
|
|
4922
4927
|
this.isPopoverVisible = event.detail.expanded;
|
package/package.json
CHANGED