@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.
@@ -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
- * @param date
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
- * @param date
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
- * @param date
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(date: any): string;
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
- * @param date
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
- * @param date
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 | 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
- | [handleDropdownToggle](#handleDropdownToggle) | `(event: any): void` | |
43
- | [hide](#hide) | `(): void` | Public method to hide the dropdown. |
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
- handleDropdownToggle(event: any): void;
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem-dev/auro-formkit",
3
- "version": "0.0.0-pr785.2",
3
+ "version": "0.0.0-pr785.3",
4
4
  "description": "A collection of web components used to build forms.",
5
5
  "homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
6
6
  "bugs": {