@ionic/core 8.6.3-dev.11751478001.1cb7436f → 8.6.3-nightly.20250620

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 (92) hide show
  1. package/components/action-sheet.js +9 -8
  2. package/components/alert.js +8 -7
  3. package/components/focus-visible.js +18 -27
  4. package/components/ion-app.js +1 -3
  5. package/components/ion-datetime.js +2 -8
  6. package/components/ion-loading.js +8 -7
  7. package/components/ion-menu.js +5 -27
  8. package/components/ion-reorder-group.js +2 -1
  9. package/components/ion-router.js +0 -1
  10. package/components/ion-searchbar.js +6 -4
  11. package/components/ion-select.js +3 -3
  12. package/components/ion-toast.js +7 -6
  13. package/components/modal.js +10 -26
  14. package/components/popover.js +7 -8
  15. package/dist/cjs/{focus-visible-ZV7jHMPt.js → focus-visible-CCvKiLh3.js} +18 -27
  16. package/dist/cjs/ion-action-sheet.cjs.entry.js +9 -8
  17. package/dist/cjs/ion-alert.cjs.entry.js +8 -7
  18. package/dist/cjs/ion-app_8.cjs.entry.js +2 -4
  19. package/dist/cjs/ion-datetime_3.cjs.entry.js +3 -9
  20. package/dist/cjs/ion-loading.cjs.entry.js +8 -7
  21. package/dist/cjs/ion-menu_3.cjs.entry.js +5 -27
  22. package/dist/cjs/ion-modal.cjs.entry.js +10 -26
  23. package/dist/cjs/ion-popover.cjs.entry.js +7 -8
  24. package/dist/cjs/ion-reorder_2.cjs.entry.js +2 -1
  25. package/dist/cjs/ion-route_4.cjs.entry.js +0 -1
  26. package/dist/cjs/ion-searchbar.cjs.entry.js +6 -4
  27. package/dist/cjs/ion-select_3.cjs.entry.js +3 -3
  28. package/dist/cjs/ion-toast.cjs.entry.js +7 -6
  29. package/dist/collection/components/action-sheet/action-sheet.js +12 -11
  30. package/dist/collection/components/alert/alert.js +11 -10
  31. package/dist/collection/components/app/app.js +3 -8
  32. package/dist/collection/components/datetime/datetime.js +8 -23
  33. package/dist/collection/components/loading/loading.js +11 -10
  34. package/dist/collection/components/menu/menu.js +19 -62
  35. package/dist/collection/components/modal/modal.js +16 -35
  36. package/dist/collection/components/popover/popover.js +14 -18
  37. package/dist/collection/components/reorder-group/reorder-group.js +3 -2
  38. package/dist/collection/components/router/router.js +1 -5
  39. package/dist/collection/components/searchbar/searchbar.js +7 -5
  40. package/dist/collection/components/select/select.js +3 -3
  41. package/dist/collection/components/toast/toast.js +10 -9
  42. package/dist/collection/utils/focus-visible.js +18 -27
  43. package/dist/docs.json +72 -138
  44. package/dist/esm/{focus-visible-DZ2gZBzK.js → focus-visible-BmVRXR1y.js} +18 -27
  45. package/dist/esm/ion-action-sheet.entry.js +9 -8
  46. package/dist/esm/ion-alert.entry.js +8 -7
  47. package/dist/esm/ion-app_8.entry.js +2 -4
  48. package/dist/esm/ion-datetime_3.entry.js +3 -9
  49. package/dist/esm/ion-loading.entry.js +8 -7
  50. package/dist/esm/ion-menu_3.entry.js +5 -27
  51. package/dist/esm/ion-modal.entry.js +10 -26
  52. package/dist/esm/ion-popover.entry.js +7 -8
  53. package/dist/esm/ion-reorder_2.entry.js +2 -1
  54. package/dist/esm/ion-route_4.entry.js +0 -1
  55. package/dist/esm/ion-searchbar.entry.js +6 -4
  56. package/dist/esm/ion-select_3.entry.js +3 -3
  57. package/dist/esm/ion-toast.entry.js +7 -6
  58. package/dist/ionic/ionic.esm.js +1 -1
  59. package/dist/ionic/{p-b758a177.entry.js → p-2020aa51.entry.js} +1 -1
  60. package/dist/ionic/p-29759454.entry.js +4 -0
  61. package/dist/ionic/{p-e37d6c67.entry.js → p-3a4feac2.entry.js} +1 -1
  62. package/dist/ionic/p-4ddc10ef.entry.js +4 -0
  63. package/dist/ionic/{p-2d0eccfb.entry.js → p-6b666996.entry.js} +1 -1
  64. package/dist/ionic/p-7149db7e.entry.js +4 -0
  65. package/dist/ionic/{p-2d46fbe7.entry.js → p-96389029.entry.js} +1 -1
  66. package/dist/ionic/{p-0d131a02.entry.js → p-9e699d4a.entry.js} +1 -1
  67. package/dist/ionic/p-BmVRXR1y.js +4 -0
  68. package/dist/ionic/p-bec79123.entry.js +4 -0
  69. package/dist/ionic/{p-03d21728.entry.js → p-cb787a4b.entry.js} +1 -1
  70. package/dist/ionic/{p-d8429eb4.entry.js → p-cd12ed1c.entry.js} +1 -1
  71. package/dist/ionic/{p-78a61b3f.entry.js → p-ead42a37.entry.js} +1 -1
  72. package/dist/types/components/action-sheet/action-sheet.d.ts +6 -5
  73. package/dist/types/components/alert/alert.d.ts +6 -5
  74. package/dist/types/components/app/app.d.ts +0 -2
  75. package/dist/types/components/datetime/datetime.d.ts +0 -6
  76. package/dist/types/components/loading/loading.d.ts +6 -5
  77. package/dist/types/components/menu/menu.d.ts +3 -25
  78. package/dist/types/components/modal/modal.d.ts +6 -14
  79. package/dist/types/components/popover/popover.d.ts +5 -6
  80. package/dist/types/components/reorder-group/reorder-group.d.ts +1 -0
  81. package/dist/types/components/router/router.d.ts +0 -1
  82. package/dist/types/components/searchbar/searchbar.d.ts +2 -0
  83. package/dist/types/components/toast/toast.d.ts +5 -4
  84. package/dist/types/components.d.ts +18 -32
  85. package/hydrate/index.js +86 -136
  86. package/hydrate/index.mjs +86 -136
  87. package/package.json +3 -3
  88. package/dist/ionic/p-69f91268.entry.js +0 -4
  89. package/dist/ionic/p-7d5cf8c1.entry.js +0 -4
  90. package/dist/ionic/p-9e32212d.entry.js +0 -4
  91. package/dist/ionic/p-DZ2gZBzK.js +0 -4
  92. package/dist/ionic/p-b9ba04ca.entry.js +0 -4
@@ -216,7 +216,7 @@ const Select = class {
216
216
  const scrollSelectedIntoView = () => {
217
217
  const indexOfSelected = this.childOpts.findIndex((o) => o.value === this.value);
218
218
  if (indexOfSelected > -1) {
219
- const selectedItem = overlay.querySelector(`.select-interface-option:nth-of-type(${indexOfSelected + 1})`);
219
+ const selectedItem = overlay.querySelector(`.select-interface-option:nth-child(${indexOfSelected + 1})`);
220
220
  if (selectedItem) {
221
221
  /**
222
222
  * Browsers such as Firefox do not
@@ -736,7 +736,7 @@ const Select = class {
736
736
  * TODO(FW-5592): Remove hasStartEndSlots condition
737
737
  */
738
738
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
739
- return (index.h(index.Host, { key: 'c03fb65e8fc9f9aab295e07b282377d57d910519', onClick: this.onClick, class: theme.createColorClasses(this.color, {
739
+ return (index.h(index.Host, { key: 'e33253af9b9daa14460c7c259fb138b4d2b875ae', onClick: this.onClick, class: theme.createColorClasses(this.color, {
740
740
  [mode]: true,
741
741
  'in-item': inItem,
742
742
  'in-item-color': theme.hostContext('ion-item.ion-color', el),
@@ -754,7 +754,7 @@ const Select = class {
754
754
  [`select-justify-${justify}`]: justifyEnabled,
755
755
  [`select-shape-${shape}`]: shape !== undefined,
756
756
  [`select-label-placement-${labelPlacement}`]: true,
757
- }) }, index.h("label", { key: '0d0c8ec55269adcac625f2899a547f4e7f3e3741', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick }, this.renderLabelContainer(), index.h("div", { key: 'f6dfc93c0e23cbe75a2947abde67d842db2dad78', class: "select-wrapper-inner" }, index.h("slot", { key: '957bfadf9f101f519091419a362d3abdc2be66f6', name: "start" }), index.h("div", { key: 'ca349202a484e7f2e884533fd330f0b136754f7d', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), index.h("slot", { key: 'f0e62a6533ff1c8f62bd2d27f60b23385c4fa9ed', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && index.h("div", { key: 'fb840d46bafafb09898ebeebbe8c181906a3d8a2', class: "select-highlight" })), this.renderBottomContent()));
757
+ }) }, index.h("label", { key: '03303b7131c77a78a933e8e496e7251b6b5c485b', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick }, this.renderLabelContainer(), index.h("div", { key: '9037674db6a0adc189e887c9048f817d5afdf635', class: "select-wrapper-inner" }, index.h("slot", { key: '7c9226c838ba4bcf5bc0b234fa1613ce335cf73d', name: "start" }), index.h("div", { key: 'a7432c3efb5c65f88a5e4b0d35c5a433fa4e949d', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), index.h("slot", { key: '028e683df26a8f573d7670da76e0ad26d21c83e0', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && index.h("div", { key: '20341bcae3753048ce905d2aceffa5351a0db125', class: "select-highlight" })), this.renderBottomContent()));
758
758
  }
759
759
  get el() { return index.getElement(this); }
760
760
  static get watchers() { return {
@@ -674,15 +674,16 @@ const Toast = class {
674
674
  }
675
675
  /**
676
676
  * Dismiss the toast overlay after it has been presented.
677
- * This is a no-op if the overlay has not been presented yet. If you want
678
- * to remove an overlay from the DOM that was never presented, use the
679
- * [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
680
677
  *
681
678
  * @param data Any data to emit in the dismiss events.
682
679
  * @param role The role of the element that is dismissing the toast.
683
680
  * This can be useful in a button handler for determining which button was
684
681
  * clicked to dismiss the toast.
685
- * Some examples include: `"cancel"`, `"destructive"`, `"selected"`, and `"backdrop"`.
682
+ * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
683
+ *
684
+ * This is a no-op if the overlay has not been presented yet. If you want
685
+ * to remove an overlay from the DOM that was never presented, use the
686
+ * [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
686
687
  */
687
688
  async dismiss(data, role) {
688
689
  var _a, _b;
@@ -850,9 +851,9 @@ const Toast = class {
850
851
  if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
851
852
  index$1.printIonWarning('[ion-toast] - This toast is using start and end buttons with the stacked toast layout. We recommend following the best practice of using either start or end buttons with the stacked toast layout.', el);
852
853
  }
853
- return (index$1.h(index$1.Host, Object.assign({ key: 'd1ecd90c87700aad4685e230cdd430aa286b8791', tabindex: "-1" }, this.htmlAttributes, { style: {
854
+ return (index$1.h(index$1.Host, Object.assign({ key: '425be734aee0eeef281ab1609a9f982ce8b5e852', tabindex: "-1" }, this.htmlAttributes, { style: {
854
855
  zIndex: `${60000 + this.overlayIndex}`,
855
- }, class: theme.createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true }, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), index$1.h("div", { key: '4bfc863417324de69e222054d5cf9c452038b41e', class: wrapperClass }, index$1.h("div", { key: '3417940afec0392e81b7d54c7cb00f3ab6c30d47', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (index$1.h("ion-icon", { key: '6bf878fbc85c01e1e5faa9d97d46255a6511a952', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), index$1.h("div", { key: '54b500348a9c37660c3aff37436d9188e4374947', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
856
+ }, class: theme.createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true }, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), index$1.h("div", { key: '7c3ad1a8df9e21fc30fc179c7edebeabcf3c6874', class: wrapperClass }, index$1.h("div", { key: 'f950c21e8d7bf92653e0bd52e820ed6b84fa8cf5', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (index$1.h("ion-icon", { key: '0266241927dbe16799adb57f9fc11bd5372877b2', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), index$1.h("div", { key: '9ef4b87bad672af6a5b693af61375564daf1eeeb', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
856
857
  }
857
858
  get el() { return index$1.getElement(this); }
858
859
  static get watchers() { return {
@@ -89,15 +89,16 @@ export class ActionSheet {
89
89
  }
90
90
  /**
91
91
  * Dismiss the action sheet overlay after it has been presented.
92
- * This is a no-op if the overlay has not been presented yet. If you want
93
- * to remove an overlay from the DOM that was never presented, use the
94
- * [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
95
92
  *
96
93
  * @param data Any data to emit in the dismiss events.
97
94
  * @param role The role of the element that is dismissing the action sheet.
98
95
  * This can be useful in a button handler for determining which button was
99
- * clicked to dismiss the action sheet. Some examples include:
100
- * `"cancel"`, `"destructive"`, `"selected"`, and `"backdrop"`.
96
+ * clicked to dismiss the action sheet.
97
+ * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
98
+ *
99
+ * This is a no-op if the overlay has not been presented yet. If you want
100
+ * to remove an overlay from the DOM that was never presented, use the
101
+ * [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
101
102
  */
102
103
  async dismiss(data, role) {
103
104
  const unlock = await this.lockController.lock();
@@ -209,12 +210,12 @@ export class ActionSheet {
209
210
  const cancelButton = allButtons.find((b) => b.role === 'cancel');
210
211
  const buttons = allButtons.filter((b) => b.role !== 'cancel');
211
212
  const headerID = `action-sheet-${overlayIndex}-header`;
212
- return (h(Host, Object.assign({ key: '9fef156b2a1f09ca4a6c1fe1f37c374139bde03c', role: "dialog", "aria-modal": "true", "aria-labelledby": header !== undefined ? headerID : null, tabindex: "-1" }, htmlAttributes, { style: {
213
+ return (h(Host, Object.assign({ key: '7bbd202ca9e19727e7514abbe073687d982f80c3', role: "dialog", "aria-modal": "true", "aria-labelledby": header !== undefined ? headerID : null, tabindex: "-1" }, htmlAttributes, { style: {
213
214
  zIndex: `${20000 + this.overlayIndex}`,
214
- }, class: Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'action-sheet-translucent': this.translucent }), onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), h("ion-backdrop", { key: '81cf3f7d19864e041813987b46d2d115b8466819', tappable: this.backdropDismiss }), h("div", { key: '791c6a976683646fc306a42c15c5078b6f06a45f', tabindex: "0", "aria-hidden": "true" }), h("div", { key: 'a350b489ef7852eab9dc2227ce6d92da27dd9bf9', class: "action-sheet-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, h("div", { key: '69ba51ee13510c1a411d87cb4845b11b7302a36f', class: "action-sheet-container" }, h("div", { key: 'bded15b8306c36591e526f0f99e1eeabcbab3915', class: "action-sheet-group", ref: (el) => (this.groupEl = el) }, header !== undefined && (h("div", { key: '06b5147c0f6d9180fe8f12e75c9b4a0310226adc', id: headerID, class: {
215
+ }, class: Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'action-sheet-translucent': this.translucent }), onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), h("ion-backdrop", { key: '23344a9221a2e6720d7b9de5249dc37256cafa7b', tappable: this.backdropDismiss }), h("div", { key: 'fbc2ba15549c2ab04e759e82df6e177fd80cc0a6', tabindex: "0", "aria-hidden": "true" }), h("div", { key: '748ee5235d0b4cb26d6f1b7589f77af2e37ad28a', class: "action-sheet-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, h("div", { key: '7ce5fa236cf75e9b1e49c4725c9a811078706554', class: "action-sheet-container" }, h("div", { key: 'dc2251f3bcee4a93e3449f09621cbd2b65d329e9', class: "action-sheet-group", ref: (el) => (this.groupEl = el) }, header !== undefined && (h("div", { key: '48d325c8a852f56ed57a9ada1a6709d05ba32ee2', id: headerID, class: {
215
216
  'action-sheet-title': true,
216
217
  'action-sheet-has-sub-title': this.subHeader !== undefined,
217
- } }, header, this.subHeader && h("div", { key: '54874362a75c679aba803bf4f8768f5404d2dd28', class: "action-sheet-sub-title" }, this.subHeader))), buttons.map((b) => (h("button", Object.assign({}, b.htmlAttributes, { type: "button", id: b.id, class: buttonClass(b), onClick: () => this.buttonClick(b), disabled: b.disabled }), h("span", { class: "action-sheet-button-inner" }, b.icon && h("ion-icon", { icon: b.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" }), b.text), mode === 'md' && h("ion-ripple-effect", null))))), cancelButton && (h("div", { key: '67b0de298eb424f3dea846a841b7a06d70e3930d', class: "action-sheet-group action-sheet-group-cancel" }, h("button", Object.assign({ key: 'e7e3f9a5495eea9b97dbf885ef36944f2e420eff' }, cancelButton.htmlAttributes, { type: "button", class: buttonClass(cancelButton), onClick: () => this.buttonClick(cancelButton) }), h("span", { key: 'f889d29ed6c3d14bbc1d805888351d87f5122377', class: "action-sheet-button-inner" }, cancelButton.icon && (h("ion-icon", { key: '7c05cf424b38c37fd40aaeb42a494387291571fb', icon: cancelButton.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" })), cancelButton.text), mode === 'md' && h("ion-ripple-effect", { key: 'bed927b477dc2708a5123ef560274fca9819b3d6' })))))), h("div", { key: 'c5df1b11dc15a93892d57065d3dd5fbe02e43b39', tabindex: "0", "aria-hidden": "true" })));
218
+ } }, header, this.subHeader && h("div", { key: '66093728052eb67f37a35f3232761ce4a08896f3', class: "action-sheet-sub-title" }, this.subHeader))), buttons.map((b) => (h("button", Object.assign({}, b.htmlAttributes, { type: "button", id: b.id, class: buttonClass(b), onClick: () => this.buttonClick(b), disabled: b.disabled }), h("span", { class: "action-sheet-button-inner" }, b.icon && h("ion-icon", { icon: b.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" }), b.text), mode === 'md' && h("ion-ripple-effect", null))))), cancelButton && (h("div", { key: 'f4eb8e3e2885b85af5080df18d0de0bdd1d719de', class: "action-sheet-group action-sheet-group-cancel" }, h("button", Object.assign({ key: '169f4eb09255aba85062baad49ceb151239fbfb7' }, cancelButton.htmlAttributes, { type: "button", class: buttonClass(cancelButton), onClick: () => this.buttonClick(cancelButton) }), h("span", { key: '25fb8a466dd67ea94c79cfb4f9965527e1ce6d42', class: "action-sheet-button-inner" }, cancelButton.icon && (h("ion-icon", { key: 'eb5b071e120a2c86afdf967af6a763a43044d1ca', icon: cancelButton.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" })), cancelButton.text), mode === 'md' && h("ion-ripple-effect", { key: '452ad7e1052b2c681e2d98de8193949755ad4d54' })))))), h("div", { key: 'e1cecf280c987c050d9445e2c458b903f153089b', tabindex: "0", "aria-hidden": "true" })));
218
219
  }
219
220
  static get is() { return "ion-action-sheet"; }
220
221
  static get encapsulation() { return "scoped"; }
@@ -749,7 +750,7 @@ export class ActionSheet {
749
750
  }, {
750
751
  "name": "role",
751
752
  "type": "string | undefined",
752
- "docs": "The role of the element that is dismissing the action sheet.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the action sheet. Some examples include:\n`\"cancel\"`, `\"destructive\"`, `\"selected\"`, and `\"backdrop\"`."
753
+ "docs": "The role of the element that is dismissing the action sheet.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the action sheet.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`.\n\nThis is a no-op if the overlay has not been presented yet. If you want\nto remove an overlay from the DOM that was never presented, use the\n[remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method."
753
754
  }],
754
755
  "references": {
755
756
  "Promise": {
@@ -760,13 +761,13 @@ export class ActionSheet {
760
761
  "return": "Promise<boolean>"
761
762
  },
762
763
  "docs": {
763
- "text": "Dismiss the action sheet overlay after it has been presented.\nThis is a no-op if the overlay has not been presented yet. If you want\nto remove an overlay from the DOM that was never presented, use the\n[remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.",
764
+ "text": "Dismiss the action sheet overlay after it has been presented.",
764
765
  "tags": [{
765
766
  "name": "param",
766
767
  "text": "data Any data to emit in the dismiss events."
767
768
  }, {
768
769
  "name": "param",
769
- "text": "role The role of the element that is dismissing the action sheet.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the action sheet. Some examples include:\n`\"cancel\"`, `\"destructive\"`, `\"selected\"`, and `\"backdrop\"`."
770
+ "text": "role The role of the element that is dismissing the action sheet.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the action sheet.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`.\n\nThis is a no-op if the overlay has not been presented yet. If you want\nto remove an overlay from the DOM that was never presented, use the\n[remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method."
770
771
  }]
771
772
  }
772
773
  },
@@ -262,15 +262,16 @@ export class Alert {
262
262
  }
263
263
  /**
264
264
  * Dismiss the alert overlay after it has been presented.
265
- * This is a no-op if the overlay has not been presented yet. If you want
266
- * to remove an overlay from the DOM that was never presented, use the
267
- * [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
268
265
  *
269
266
  * @param data Any data to emit in the dismiss events.
270
267
  * @param role The role of the element that is dismissing the alert.
271
268
  * This can be useful in a button handler for determining which button was
272
- * clicked to dismiss the alert. Some examples include:
273
- * `"cancel"`, `"destructive"`, `"selected"`, and `"backdrop"`.
269
+ * clicked to dismiss the alert.
270
+ * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
271
+ *
272
+ * This is a no-op if the overlay has not been presented yet. If you want
273
+ * to remove an overlay from the DOM that was never presented, use the
274
+ * [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
274
275
  */
275
276
  async dismiss(data, role) {
276
277
  const unlock = await this.lockController.lock();
@@ -440,9 +441,9 @@ export class Alert {
440
441
  * If neither are defined, do not set aria-labelledby.
441
442
  */
442
443
  const ariaLabelledBy = header && subHeader ? `${hdrId} ${subHdrId}` : header ? hdrId : subHeader ? subHdrId : null;
443
- return (h(Host, { key: '6025440b9cd369d4fac89e7e4296c84a10a0b8e0', tabindex: "-1", style: {
444
+ return (h(Host, { key: 'f8ee04fe6a97a2585b302c8e1a9eea3b122e3479', tabindex: "-1", style: {
444
445
  zIndex: `${20000 + overlayIndex}`,
445
- }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }, h("ion-backdrop", { key: '3cd5ca8b99cb95b11dd22ab41a820d841142896f', tappable: this.backdropDismiss }), h("div", { key: '4cc62ae6e21424057d22aeef1e8fc77011e77cd5', tabindex: "0", "aria-hidden": "true" }), h("div", Object.assign({ key: '364057a69f25aa88904df17bdcf7e5bf714e7830', class: "alert-wrapper ion-overlay-wrapper", role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "0", ref: (el) => (this.wrapperEl = el) }, htmlAttributes), h("div", { key: '78694e3c0db2d408df3899fb1a90859bcc8d14cc', class: "alert-head" }, header && (h("h2", { key: 'ec88ff3e4e1ea871b5975133fdcf4cac38b05e0f', id: hdrId, class: "alert-title" }, header)), subHeader && !header && (h("h2", { key: '9b09bc8bb68af255ef8b7d22587acc946148e544', id: subHdrId, class: "alert-sub-title" }, subHeader)), subHeader && header && (h("h3", { key: '99abe815f75d2df7f1b77c0df9f3436724fea76f', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), h("div", { key: 'a43d0c22c0e46b1ef911f92ffeb253d7911b85f7', tabindex: "0", "aria-hidden": "true" })));
446
+ }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }, h("ion-backdrop", { key: 'e9592e879f51c27ef20016beec12c986be632cf3', tappable: this.backdropDismiss }), h("div", { key: '5e9425c3c8acdea6f8006389689c73220e2ce423', tabindex: "0", "aria-hidden": "true" }), h("div", Object.assign({ key: '615465703e357619681fc36ed7276591a6fe3787', class: "alert-wrapper ion-overlay-wrapper", role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "0", ref: (el) => (this.wrapperEl = el) }, htmlAttributes), h("div", { key: '934eba3759456cd4660e10f274edc7859f908461', class: "alert-head" }, header && (h("h2", { key: '7d5d98d71f81f59a2cba227121b6fa01e6cc53b6', id: hdrId, class: "alert-title" }, header)), subHeader && !header && (h("h2", { key: 'e5f5d35748c58a98ee933eb15cb1dcaf8113e9a7', id: subHdrId, class: "alert-sub-title" }, subHeader)), subHeader && header && (h("h3", { key: 'a5cb89ca02bfa9c4828e694cb0835493a9088b05', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), h("div", { key: 'cacffc31c911882df73e6845d15c8bb2d4acab56', tabindex: "0", "aria-hidden": "true" })));
446
447
  }
447
448
  static get is() { return "ion-alert"; }
448
449
  static get encapsulation() { return "scoped"; }
@@ -1031,7 +1032,7 @@ export class Alert {
1031
1032
  }, {
1032
1033
  "name": "role",
1033
1034
  "type": "string | undefined",
1034
- "docs": "The role of the element that is dismissing the alert.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the alert. Some examples include:\n`\"cancel\"`, `\"destructive\"`, `\"selected\"`, and `\"backdrop\"`."
1035
+ "docs": "The role of the element that is dismissing the alert.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the alert.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`.\n\nThis is a no-op if the overlay has not been presented yet. If you want\nto remove an overlay from the DOM that was never presented, use the\n[remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method."
1035
1036
  }],
1036
1037
  "references": {
1037
1038
  "Promise": {
@@ -1042,13 +1043,13 @@ export class Alert {
1042
1043
  "return": "Promise<boolean>"
1043
1044
  },
1044
1045
  "docs": {
1045
- "text": "Dismiss the alert overlay after it has been presented.\nThis is a no-op if the overlay has not been presented yet. If you want\nto remove an overlay from the DOM that was never presented, use the\n[remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.",
1046
+ "text": "Dismiss the alert overlay after it has been presented.",
1046
1047
  "tags": [{
1047
1048
  "name": "param",
1048
1049
  "text": "data Any data to emit in the dismiss events."
1049
1050
  }, {
1050
1051
  "name": "param",
1051
- "text": "role The role of the element that is dismissing the alert.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the alert. Some examples include:\n`\"cancel\"`, `\"destructive\"`, `\"selected\"`, and `\"backdrop\"`."
1052
+ "text": "role The role of the element that is dismissing the alert.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the alert.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`.\n\nThis is a no-op if the overlay has not been presented yet. If you want\nto remove an overlay from the DOM that was never presented, use the\n[remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method."
1052
1053
  }]
1053
1054
  }
1054
1055
  },
@@ -56,8 +56,6 @@ export class App {
56
56
  * a result of another user action. (Ex: We focus the first element
57
57
  * inside of a popover when the user presents it, but the popover is not always
58
58
  * presented as a result of keyboard action.)
59
- *
60
- * @param elements An array of HTML elements to set focus on.
61
59
  */
62
60
  async setFocus(elements) {
63
61
  if (this.focusVisible) {
@@ -66,7 +64,7 @@ export class App {
66
64
  }
67
65
  render() {
68
66
  const mode = getIonMode(this);
69
- return (h(Host, { key: '9be440c65819e4fa67c2c3c6477ab40b3ad3eed3', class: {
67
+ return (h(Host, { key: '03aa892f986330078d112b1e8b010df98fa7e39e', class: {
70
68
  [mode]: true,
71
69
  'ion-page': true,
72
70
  'force-statusbar-padding': config.getBoolean('_forceStatusbarPadding'),
@@ -91,7 +89,7 @@ export class App {
91
89
  "parameters": [{
92
90
  "name": "elements",
93
91
  "type": "HTMLElement[]",
94
- "docs": "An array of HTML elements to set focus on."
92
+ "docs": ""
95
93
  }],
96
94
  "references": {
97
95
  "Promise": {
@@ -107,10 +105,7 @@ export class App {
107
105
  },
108
106
  "docs": {
109
107
  "text": "Used to set focus on an element that uses `ion-focusable`.\nDo not use this if focusing the element as a result of a keyboard\nevent as the focus utility should handle this for us. This method\nshould be used when we want to programmatically focus an element as\na result of another user action. (Ex: We focus the first element\ninside of a popover when the user presents it, but the popover is not always\npresented as a result of keyboard action.)",
110
- "tags": [{
111
- "name": "param",
112
- "text": "elements An array of HTML elements to set focus on."
113
- }]
108
+ "tags": []
114
109
  }
115
110
  }
116
111
  };
@@ -794,8 +794,6 @@ export class Datetime {
794
794
  * Confirms the selected datetime value, updates the
795
795
  * `value` property, and optionally closes the popover
796
796
  * or modal that the datetime was presented in.
797
- *
798
- * @param closeOverlay If `true`, closes the parent overlay. Defaults to `false`.
799
797
  */
800
798
  async confirm(closeOverlay = false) {
801
799
  const { isCalendarPicker, activeParts, preferWheel, workingParts } = this;
@@ -829,8 +827,6 @@ export class Datetime {
829
827
  * Resets the internal state of the datetime but does not update the value.
830
828
  * Passing a valid ISO-8601 string will reset the state of the component to the provided date.
831
829
  * If no value is provided, the internal state will be reset to the clamped value of the min, max and today.
832
- *
833
- * @param startDate A valid [ISO-8601 string](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date#date_time_string_format) to reset the datetime state to.
834
830
  */
835
831
  async reset(startDate) {
836
832
  this.processValue(startDate);
@@ -840,8 +836,6 @@ export class Datetime {
840
836
  * optionally closes the popover
841
837
  * or modal that the datetime was
842
838
  * presented in.
843
- *
844
- * @param closeOverlay If `true`, closes the parent overlay. Defaults to `false`.
845
839
  */
846
840
  async cancel(closeOverlay = false) {
847
841
  this.ionCancel.emit();
@@ -1655,7 +1649,7 @@ export class Datetime {
1655
1649
  const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
1656
1650
  const hasWheelVariant = hasDatePresentation && preferWheel;
1657
1651
  renderHiddenInput(true, el, name, formatValue(value), disabled);
1658
- return (h(Host, { key: '79677f5bc0fb32fb68569636bd76e68238e62eb8', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
1652
+ return (h(Host, { key: '7ea46c27aa5fb01b748dd4d6eb2340ad13f65175', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
1659
1653
  [mode]: true,
1660
1654
  ['datetime-readonly']: readonly,
1661
1655
  ['datetime-disabled']: disabled,
@@ -1665,7 +1659,7 @@ export class Datetime {
1665
1659
  [`datetime-size-${size}`]: true,
1666
1660
  [`datetime-prefer-wheel`]: hasWheelVariant,
1667
1661
  [`datetime-grid`]: isGridStyle,
1668
- })) }, h("div", { key: 'bf07b1e3c64af6e837663ff470bea93787a6e86f', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
1662
+ })) }, h("div", { key: '6964378424c58b053e23279d08eaedf28dfcc315', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
1669
1663
  }
1670
1664
  static get is() { return "ion-datetime"; }
1671
1665
  static get encapsulation() { return "shadow"; }
@@ -2481,7 +2475,7 @@ export class Datetime {
2481
2475
  "parameters": [{
2482
2476
  "name": "closeOverlay",
2483
2477
  "type": "boolean",
2484
- "docs": "If `true`, closes the parent overlay. Defaults to `false`."
2478
+ "docs": ""
2485
2479
  }],
2486
2480
  "references": {
2487
2481
  "Promise": {
@@ -2493,10 +2487,7 @@ export class Datetime {
2493
2487
  },
2494
2488
  "docs": {
2495
2489
  "text": "Confirms the selected datetime value, updates the\n`value` property, and optionally closes the popover\nor modal that the datetime was presented in.",
2496
- "tags": [{
2497
- "name": "param",
2498
- "text": "closeOverlay If `true`, closes the parent overlay. Defaults to `false`."
2499
- }]
2490
+ "tags": []
2500
2491
  }
2501
2492
  },
2502
2493
  "reset": {
@@ -2505,7 +2496,7 @@ export class Datetime {
2505
2496
  "parameters": [{
2506
2497
  "name": "startDate",
2507
2498
  "type": "string | undefined",
2508
- "docs": "A valid [ISO-8601 string](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date#date_time_string_format) to reset the datetime state to."
2499
+ "docs": ""
2509
2500
  }],
2510
2501
  "references": {
2511
2502
  "Promise": {
@@ -2517,10 +2508,7 @@ export class Datetime {
2517
2508
  },
2518
2509
  "docs": {
2519
2510
  "text": "Resets the internal state of the datetime but does not update the value.\nPassing a valid ISO-8601 string will reset the state of the component to the provided date.\nIf no value is provided, the internal state will be reset to the clamped value of the min, max and today.",
2520
- "tags": [{
2521
- "name": "param",
2522
- "text": "startDate A valid [ISO-8601 string](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date#date_time_string_format) to reset the datetime state to."
2523
- }]
2511
+ "tags": []
2524
2512
  }
2525
2513
  },
2526
2514
  "cancel": {
@@ -2529,7 +2517,7 @@ export class Datetime {
2529
2517
  "parameters": [{
2530
2518
  "name": "closeOverlay",
2531
2519
  "type": "boolean",
2532
- "docs": "If `true`, closes the parent overlay. Defaults to `false`."
2520
+ "docs": ""
2533
2521
  }],
2534
2522
  "references": {
2535
2523
  "Promise": {
@@ -2541,10 +2529,7 @@ export class Datetime {
2541
2529
  },
2542
2530
  "docs": {
2543
2531
  "text": "Emits the ionCancel event and\noptionally closes the popover\nor modal that the datetime was\npresented in.",
2544
- "tags": [{
2545
- "name": "param",
2546
- "text": "closeOverlay If `true`, closes the parent overlay. Defaults to `false`."
2547
- }]
2532
+ "tags": []
2548
2533
  }
2549
2534
  }
2550
2535
  };
@@ -129,15 +129,16 @@ export class Loading {
129
129
  }
130
130
  /**
131
131
  * Dismiss the loading overlay after it has been presented.
132
- * This is a no-op if the overlay has not been presented yet. If you want
133
- * to remove an overlay from the DOM that was never presented, use the
134
- * [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
135
132
  *
136
133
  * @param data Any data to emit in the dismiss events.
137
134
  * @param role The role of the element that is dismissing the loading.
138
135
  * This can be useful in a button handler for determining which button was
139
- * clicked to dismiss the loading. Some examples include:
140
- * `"cancel"`, `"destructive"`, `"selected"`, and `"backdrop"`.
136
+ * clicked to dismiss the loading.
137
+ * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
138
+ *
139
+ * This is a no-op if the overlay has not been presented yet. If you want
140
+ * to remove an overlay from the DOM that was never presented, use the
141
+ * [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
141
142
  */
142
143
  async dismiss(data, role) {
143
144
  const unlock = await this.lockController.lock();
@@ -179,9 +180,9 @@ export class Loading {
179
180
  * Otherwise, don't set aria-labelledby.
180
181
  */
181
182
  const ariaLabelledBy = message !== undefined ? msgId : null;
182
- return (h(Host, Object.assign({ key: '4497183ce220242abe19ae15f328f9a92ccafbbc', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
183
+ return (h(Host, Object.assign({ key: '6369ed244c06c39aa338141bffacf7a861d7da1a', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
183
184
  zIndex: `${40000 + this.overlayIndex}`,
184
- }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), h("ion-backdrop", { key: '231dec84e424a2dc358ce95b84d6035cf43e4dea', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: 'c9af29b6e6bb49a217396a5c874bbfb8835a926c', tabindex: "0", "aria-hidden": "true" }), h("div", { key: 'a8659863743cdeccbe1ba810eaabfd3ebfcb86f3', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (h("div", { key: '3b346f39bc71691bd8686556a1e142198a7b12fa', class: "loading-spinner" }, h("ion-spinner", { key: '8dc2bf1556e5138e262827f1516c59ecd09f3520', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), h("div", { key: '054164c0dbae9a0e0973dd3c8e28f5b771820310', tabindex: "0", "aria-hidden": "true" })));
185
+ }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), h("ion-backdrop", { key: '1fd5fd8581d59eec321e534f9116f3ec0501010a', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: 'b4028045b0c8fbb9946136d85d939d55120b867c', tabindex: "0", "aria-hidden": "true" }), h("div", { key: 'b045fb0e61cc28e8163d45be18b431918dc27c80', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (h("div", { key: '2cf9df796f987d1251b3599d10a48ed87a1d0eb9', class: "loading-spinner" }, h("ion-spinner", { key: '371cd41655402326adcb1e2fe1481009a83243b2', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), h("div", { key: '2a5e5e66d22ee4c1cef0c93815ef023d47e7a8eb', tabindex: "0", "aria-hidden": "true" })));
185
186
  }
186
187
  static get is() { return "ion-loading"; }
187
188
  static get encapsulation() { return "scoped"; }
@@ -743,7 +744,7 @@ export class Loading {
743
744
  }, {
744
745
  "name": "role",
745
746
  "type": "string | undefined",
746
- "docs": "The role of the element that is dismissing the loading.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the loading. Some examples include:\n`\"cancel\"`, `\"destructive\"`, `\"selected\"`, and `\"backdrop\"`."
747
+ "docs": "The role of the element that is dismissing the loading.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the loading.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`.\n\nThis is a no-op if the overlay has not been presented yet. If you want\nto remove an overlay from the DOM that was never presented, use the\n[remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method."
747
748
  }],
748
749
  "references": {
749
750
  "Promise": {
@@ -754,13 +755,13 @@ export class Loading {
754
755
  "return": "Promise<boolean>"
755
756
  },
756
757
  "docs": {
757
- "text": "Dismiss the loading overlay after it has been presented.\nThis is a no-op if the overlay has not been presented yet. If you want\nto remove an overlay from the DOM that was never presented, use the\n[remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.",
758
+ "text": "Dismiss the loading overlay after it has been presented.",
758
759
  "tags": [{
759
760
  "name": "param",
760
761
  "text": "data Any data to emit in the dismiss events."
761
762
  }, {
762
763
  "name": "param",
763
- "text": "role The role of the element that is dismissing the loading.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the loading. Some examples include:\n`\"cancel\"`, `\"destructive\"`, `\"selected\"`, and `\"backdrop\"`."
764
+ "text": "role The role of the element that is dismissing the loading.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the loading.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`.\n\nThis is a no-op if the overlay has not been presented yet. If you want\nto remove an overlay from the DOM that was never presented, use the\n[remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method."
764
765
  }]
765
766
  }
766
767
  },
@@ -237,7 +237,7 @@ export class Menu {
237
237
  return Promise.resolve(this._isOpen);
238
238
  }
239
239
  /**
240
- * Returns `true` if the menu is active.
240
+ * Returns `true` is the menu is active.
241
241
  *
242
242
  * A menu is active when it can be opened or closed, meaning it's enabled
243
243
  * and it's not part of a `ion-split-pane`.
@@ -248,10 +248,6 @@ export class Menu {
248
248
  /**
249
249
  * Opens the menu. If the menu is already open or it can't be opened,
250
250
  * it returns `false`.
251
- *
252
- * @param animated If `true`, the menu will animate when opening.
253
- * If `false`, the menu will open instantly without animation.
254
- * Defaults to `true`.
255
251
  */
256
252
  open(animated = true) {
257
253
  return this.setOpen(true, animated);
@@ -259,38 +255,20 @@ export class Menu {
259
255
  /**
260
256
  * Closes the menu. If the menu is already closed or it can't be closed,
261
257
  * it returns `false`.
262
- *
263
- * @param animated If `true`, the menu will animate when closing. If `false`,
264
- * the menu will close instantly without animation. Defaults to `true`.
265
- * @param role The role of the element that is closing the menu.
266
- * This can be useful in a button handler for determining which button was
267
- * clicked to close the menu. Some examples include:
268
- * `"cancel"`, `"destructive"`, `"selected"`, and `"backdrop"`.
269
258
  */
270
259
  close(animated = true, role) {
271
260
  return this.setOpen(false, animated, role);
272
261
  }
273
262
  /**
274
- * Toggles the menu. If the menu is already open, it will try to close,
275
- * otherwise it will try to open it.
263
+ * Toggles the menu. If the menu is already open, it will try to close, otherwise it will try to open it.
276
264
  * If the operation can't be completed successfully, it returns `false`.
277
- *
278
- * @param animated If `true`, the menu will animate when opening/closing.
279
- * If `false`, the menu will open/close instantly without animation.
280
- * Defaults to `true`.
281
265
  */
282
266
  toggle(animated = true) {
283
267
  return this.setOpen(!this._isOpen, animated);
284
268
  }
285
269
  /**
286
- * Opens or closes the menu.
270
+ * Opens or closes the button.
287
271
  * If the operation can't be completed successfully, it returns `false`.
288
- *
289
- * @param shouldOpen If `true`, the menu will open. If `false`, the menu
290
- * will close.
291
- * @param animated If `true`, the menu will animate when opening/closing.
292
- * If `false`, the menu will open/close instantly without animation.
293
- * @param role The role of the element that is closing the menu.
294
272
  */
295
273
  setOpen(shouldOpen, animated = true, role) {
296
274
  return menuController._setOpen(this, shouldOpen, animated, role);
@@ -655,14 +633,14 @@ export class Menu {
655
633
  * the ionBackButton listener in the menu controller
656
634
  * will handle closing the menu when Escape is pressed.
657
635
  */
658
- return (h(Host, { key: 'a5c75aa40a34530b56ee3b98d706a5ac5ae300de', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
636
+ return (h(Host, { key: '9e4ae9476a76781f1d228395c9af9e1c39ec82bb', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
659
637
  [mode]: true,
660
638
  [`menu-type-${type}`]: true,
661
639
  'menu-enabled': !disabled,
662
640
  [`menu-side-${side}`]: true,
663
641
  'menu-pane-visible': isPaneVisible,
664
642
  'split-pane-side': hostContext('ion-split-pane', el),
665
- } }, h("div", { key: '3f5f70acd4d3ed6bb445122f4f01d73db738a75f', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: '3161326c9330e7f7441299c428b87a91b31a83e9' })), h("ion-backdrop", { key: '917b50f38489bdf03d0c642af8b4e4e172c7dc4c', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
643
+ } }, h("div", { key: 'c6153589d872ac7e3fdf5eedfdb858eb64ccd713', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: '9994aac4b22f17db34c9b8b2aa56b8710b9df645' })), h("ion-backdrop", { key: 'f09ac30cc4dd2dcb10628965e659dae5a23baf98', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
666
644
  }
667
645
  static get is() { return "ion-menu"; }
668
646
  static get encapsulation() { return "shadow"; }
@@ -968,7 +946,7 @@ export class Menu {
968
946
  "return": "Promise<boolean>"
969
947
  },
970
948
  "docs": {
971
- "text": "Returns `true` if the menu is active.\n\nA menu is active when it can be opened or closed, meaning it's enabled\nand it's not part of a `ion-split-pane`.",
949
+ "text": "Returns `true` is the menu is active.\n\nA menu is active when it can be opened or closed, meaning it's enabled\nand it's not part of a `ion-split-pane`.",
972
950
  "tags": []
973
951
  }
974
952
  },
@@ -978,7 +956,7 @@ export class Menu {
978
956
  "parameters": [{
979
957
  "name": "animated",
980
958
  "type": "boolean",
981
- "docs": "If `true`, the menu will animate when opening.\nIf `false`, the menu will open instantly without animation.\nDefaults to `true`."
959
+ "docs": ""
982
960
  }],
983
961
  "references": {
984
962
  "Promise": {
@@ -990,10 +968,7 @@ export class Menu {
990
968
  },
991
969
  "docs": {
992
970
  "text": "Opens the menu. If the menu is already open or it can't be opened,\nit returns `false`.",
993
- "tags": [{
994
- "name": "param",
995
- "text": "animated If `true`, the menu will animate when opening.\nIf `false`, the menu will open instantly without animation.\nDefaults to `true`."
996
- }]
971
+ "tags": []
997
972
  }
998
973
  },
999
974
  "close": {
@@ -1002,11 +977,11 @@ export class Menu {
1002
977
  "parameters": [{
1003
978
  "name": "animated",
1004
979
  "type": "boolean",
1005
- "docs": "If `true`, the menu will animate when closing. If `false`,\nthe menu will close instantly without animation. Defaults to `true`."
980
+ "docs": ""
1006
981
  }, {
1007
982
  "name": "role",
1008
983
  "type": "string | undefined",
1009
- "docs": "The role of the element that is closing the menu.\nThis can be useful in a button handler for determining which button was\nclicked to close the menu. Some examples include:\n`\"cancel\"`, `\"destructive\"`, `\"selected\"`, and `\"backdrop\"`."
984
+ "docs": ""
1010
985
  }],
1011
986
  "references": {
1012
987
  "Promise": {
@@ -1018,13 +993,7 @@ export class Menu {
1018
993
  },
1019
994
  "docs": {
1020
995
  "text": "Closes the menu. If the menu is already closed or it can't be closed,\nit returns `false`.",
1021
- "tags": [{
1022
- "name": "param",
1023
- "text": "animated If `true`, the menu will animate when closing. If `false`,\nthe menu will close instantly without animation. Defaults to `true`."
1024
- }, {
1025
- "name": "param",
1026
- "text": "role The role of the element that is closing the menu.\nThis can be useful in a button handler for determining which button was\nclicked to close the menu. Some examples include:\n`\"cancel\"`, `\"destructive\"`, `\"selected\"`, and `\"backdrop\"`."
1027
- }]
996
+ "tags": []
1028
997
  }
1029
998
  },
1030
999
  "toggle": {
@@ -1033,7 +1002,7 @@ export class Menu {
1033
1002
  "parameters": [{
1034
1003
  "name": "animated",
1035
1004
  "type": "boolean",
1036
- "docs": "If `true`, the menu will animate when opening/closing.\nIf `false`, the menu will open/close instantly without animation.\nDefaults to `true`."
1005
+ "docs": ""
1037
1006
  }],
1038
1007
  "references": {
1039
1008
  "Promise": {
@@ -1044,11 +1013,8 @@ export class Menu {
1044
1013
  "return": "Promise<boolean>"
1045
1014
  },
1046
1015
  "docs": {
1047
- "text": "Toggles the menu. If the menu is already open, it will try to close,\notherwise it will try to open it.\nIf the operation can't be completed successfully, it returns `false`.",
1048
- "tags": [{
1049
- "name": "param",
1050
- "text": "animated If `true`, the menu will animate when opening/closing.\nIf `false`, the menu will open/close instantly without animation.\nDefaults to `true`."
1051
- }]
1016
+ "text": "Toggles the menu. If the menu is already open, it will try to close, otherwise it will try to open it.\nIf the operation can't be completed successfully, it returns `false`.",
1017
+ "tags": []
1052
1018
  }
1053
1019
  },
1054
1020
  "setOpen": {
@@ -1057,15 +1023,15 @@ export class Menu {
1057
1023
  "parameters": [{
1058
1024
  "name": "shouldOpen",
1059
1025
  "type": "boolean",
1060
- "docs": "If `true`, the menu will open. If `false`, the menu\nwill close."
1026
+ "docs": ""
1061
1027
  }, {
1062
1028
  "name": "animated",
1063
1029
  "type": "boolean",
1064
- "docs": "If `true`, the menu will animate when opening/closing.\nIf `false`, the menu will open/close instantly without animation."
1030
+ "docs": ""
1065
1031
  }, {
1066
1032
  "name": "role",
1067
1033
  "type": "string | undefined",
1068
- "docs": "The role of the element that is closing the menu."
1034
+ "docs": ""
1069
1035
  }],
1070
1036
  "references": {
1071
1037
  "Promise": {
@@ -1076,17 +1042,8 @@ export class Menu {
1076
1042
  "return": "Promise<boolean>"
1077
1043
  },
1078
1044
  "docs": {
1079
- "text": "Opens or closes the menu.\nIf the operation can't be completed successfully, it returns `false`.",
1080
- "tags": [{
1081
- "name": "param",
1082
- "text": "shouldOpen If `true`, the menu will open. If `false`, the menu\nwill close."
1083
- }, {
1084
- "name": "param",
1085
- "text": "animated If `true`, the menu will animate when opening/closing.\nIf `false`, the menu will open/close instantly without animation."
1086
- }, {
1087
- "name": "param",
1088
- "text": "role The role of the element that is closing the menu."
1089
- }]
1045
+ "text": "Opens or closes the button.\nIf the operation can't be completed successfully, it returns `false`.",
1046
+ "tags": []
1090
1047
  }
1091
1048
  }
1092
1049
  };