@ionic/core 8.6.3-dev.11750799190.186437ae → 8.6.3-dev.11750971489.140836b0

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 (80) hide show
  1. package/components/action-sheet.js +8 -9
  2. package/components/alert.js +7 -8
  3. package/components/ion-app.js +3 -1
  4. package/components/ion-datetime.js +8 -2
  5. package/components/ion-loading.js +7 -8
  6. package/components/ion-menu.js +27 -5
  7. package/components/ion-reorder-group.js +1 -2
  8. package/components/ion-router.js +1 -0
  9. package/components/ion-searchbar.js +4 -6
  10. package/components/ion-toast.js +6 -7
  11. package/components/modal.js +25 -11
  12. package/components/popover.js +8 -7
  13. package/dist/cjs/ion-action-sheet.cjs.entry.js +8 -9
  14. package/dist/cjs/ion-alert.cjs.entry.js +7 -8
  15. package/dist/cjs/ion-app_8.cjs.entry.js +3 -1
  16. package/dist/cjs/ion-datetime_3.cjs.entry.js +8 -2
  17. package/dist/cjs/ion-loading.cjs.entry.js +7 -8
  18. package/dist/cjs/ion-menu_3.cjs.entry.js +27 -5
  19. package/dist/cjs/ion-modal.cjs.entry.js +25 -11
  20. package/dist/cjs/ion-popover.cjs.entry.js +8 -7
  21. package/dist/cjs/ion-reorder_2.cjs.entry.js +1 -2
  22. package/dist/cjs/ion-route_4.cjs.entry.js +1 -0
  23. package/dist/cjs/ion-searchbar.cjs.entry.js +4 -6
  24. package/dist/cjs/ion-toast.cjs.entry.js +6 -7
  25. package/dist/collection/components/action-sheet/action-sheet.js +11 -12
  26. package/dist/collection/components/alert/alert.js +10 -11
  27. package/dist/collection/components/app/app.js +8 -3
  28. package/dist/collection/components/datetime/datetime.js +23 -8
  29. package/dist/collection/components/loading/loading.js +10 -11
  30. package/dist/collection/components/menu/menu.js +62 -19
  31. package/dist/collection/components/modal/modal.js +34 -17
  32. package/dist/collection/components/popover/popover.js +18 -14
  33. package/dist/collection/components/reorder-group/reorder-group.js +2 -3
  34. package/dist/collection/components/router/router.js +5 -1
  35. package/dist/collection/components/searchbar/searchbar.js +5 -7
  36. package/dist/collection/components/toast/toast.js +9 -10
  37. package/dist/docs.json +138 -72
  38. package/dist/esm/ion-action-sheet.entry.js +8 -9
  39. package/dist/esm/ion-alert.entry.js +7 -8
  40. package/dist/esm/ion-app_8.entry.js +3 -1
  41. package/dist/esm/ion-datetime_3.entry.js +8 -2
  42. package/dist/esm/ion-loading.entry.js +7 -8
  43. package/dist/esm/ion-menu_3.entry.js +27 -5
  44. package/dist/esm/ion-modal.entry.js +25 -11
  45. package/dist/esm/ion-popover.entry.js +8 -7
  46. package/dist/esm/ion-reorder_2.entry.js +1 -2
  47. package/dist/esm/ion-route_4.entry.js +1 -0
  48. package/dist/esm/ion-searchbar.entry.js +4 -6
  49. package/dist/esm/ion-toast.entry.js +6 -7
  50. package/dist/ionic/ionic.esm.js +1 -1
  51. package/dist/ionic/{p-96389029.entry.js → p-01123ecf.entry.js} +1 -1
  52. package/dist/ionic/{p-cb787a4b.entry.js → p-03d21728.entry.js} +1 -1
  53. package/dist/ionic/{p-9e699d4a.entry.js → p-0d131a02.entry.js} +1 -1
  54. package/dist/ionic/{p-6b666996.entry.js → p-2d0eccfb.entry.js} +1 -1
  55. package/dist/ionic/{p-ead42a37.entry.js → p-5f671887.entry.js} +1 -1
  56. package/dist/ionic/p-69f91268.entry.js +4 -0
  57. package/dist/ionic/p-9e32212d.entry.js +4 -0
  58. package/dist/ionic/{p-2020aa51.entry.js → p-b758a177.entry.js} +1 -1
  59. package/dist/ionic/p-b9ba04ca.entry.js +4 -0
  60. package/dist/ionic/{p-cd12ed1c.entry.js → p-d8429eb4.entry.js} +1 -1
  61. package/dist/ionic/{p-3a4feac2.entry.js → p-e37d6c67.entry.js} +1 -1
  62. package/dist/types/components/action-sheet/action-sheet.d.ts +5 -6
  63. package/dist/types/components/alert/alert.d.ts +5 -6
  64. package/dist/types/components/app/app.d.ts +2 -0
  65. package/dist/types/components/datetime/datetime.d.ts +6 -0
  66. package/dist/types/components/loading/loading.d.ts +5 -6
  67. package/dist/types/components/menu/menu.d.ts +25 -3
  68. package/dist/types/components/modal/modal.d.ts +14 -6
  69. package/dist/types/components/popover/popover.d.ts +6 -5
  70. package/dist/types/components/reorder-group/reorder-group.d.ts +0 -1
  71. package/dist/types/components/router/router.d.ts +1 -0
  72. package/dist/types/components/searchbar/searchbar.d.ts +0 -2
  73. package/dist/types/components/toast/toast.d.ts +4 -5
  74. package/dist/types/components.d.ts +32 -18
  75. package/hydrate/index.js +105 -66
  76. package/hydrate/index.mjs +105 -66
  77. package/package.json +1 -1
  78. package/dist/ionic/p-6dd2e493.entry.js +0 -4
  79. package/dist/ionic/p-7149db7e.entry.js +0 -4
  80. package/dist/ionic/p-bec79123.entry.js +0 -4
@@ -90,6 +90,7 @@ export class Router {
90
90
  *
91
91
  * @param path The path to navigate to.
92
92
  * @param direction The direction of the animation. Defaults to `"forward"`.
93
+ * @param animation A custom animation to use for the transition.
93
94
  */
94
95
  async push(path, direction = 'forward', animation) {
95
96
  var _a;
@@ -411,7 +412,7 @@ export class Router {
411
412
  }, {
412
413
  "name": "animation",
413
414
  "type": "AnimationBuilder | undefined",
414
- "docs": ""
415
+ "docs": "A custom animation to use for the transition."
415
416
  }],
416
417
  "references": {
417
418
  "Promise": {
@@ -439,6 +440,9 @@ export class Router {
439
440
  }, {
440
441
  "name": "param",
441
442
  "text": "direction The direction of the animation. Defaults to `\"forward\"`."
443
+ }, {
444
+ "name": "param",
445
+ "text": "animation A custom animation to use for the transition."
442
446
  }]
443
447
  }
444
448
  },
@@ -247,10 +247,8 @@ export class Searchbar {
247
247
  /**
248
248
  * Sets focus on the native `input` in `ion-searchbar`. Use this method instead of the global
249
249
  * `input.focus()`.
250
- *
251
250
  * Developers who wish to focus an input when a page enters
252
251
  * should call `setFocus()` in the `ionViewDidEnter()` lifecycle method.
253
- *
254
252
  * Developers who wish to focus an input when an overlay is presented
255
253
  * should call `setFocus` after `didPresent` has resolved.
256
254
  *
@@ -429,8 +427,8 @@ export class Searchbar {
429
427
  const clearIcon = this.clearIcon || (mode === 'ios' ? closeCircle : closeSharp);
430
428
  const searchIcon = this.searchIcon || (mode === 'ios' ? searchOutline : searchSharp);
431
429
  const shouldShowCancelButton = this.shouldShowCancelButton();
432
- const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '5835c36fcb0b52aec956538202a783f6c194d853', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: mode === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { key: '85df41676bed611467bd4df0002b08baee4f539c', "aria-hidden": "true" }, mode === 'md' ? (h("ion-icon", { "aria-hidden": "true", mode: mode, icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
433
- return (h(Host, { key: 'e1e30cdd79f9f54d5f2d27501012358bc46880e5', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
430
+ const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '19e18775856db87daeb4b9e3d7bca0461915a0df', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: mode === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { key: 'b3bbdcc033f3bd3441d619e4a252cef0dad4d07e', "aria-hidden": "true" }, mode === 'md' ? (h("ion-icon", { "aria-hidden": "true", mode: mode, icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
431
+ return (h(Host, { key: '074aa60e051bfb3225e87d44bbb6346c59c73574', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
434
432
  [mode]: true,
435
433
  'searchbar-animated': animated,
436
434
  'searchbar-disabled': this.disabled,
@@ -440,14 +438,14 @@ export class Searchbar {
440
438
  'searchbar-has-focus': this.focused,
441
439
  'searchbar-should-show-clear': this.shouldShowClearButton(),
442
440
  'searchbar-should-show-cancel': this.shouldShowCancelButton(),
443
- }) }, h("div", { key: '7e9db147282a35bb1e3c9c6125b9a044e81ddde5', class: "searchbar-input-container" }, h("input", Object.assign({ key: '02f08da21326b78d6cd249d54deab96fd8472ba8', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), mode === 'md' && cancelButton, h("ion-icon", { key: '048b00348456bd827ae734491c46a67bfb146227', "aria-hidden": "true", mode: mode, icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), h("button", { key: '71f64339bbfd54ebd26a0946c8ee9d726cd89c04', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
441
+ }) }, h("div", { key: '54f58a79fe36e85d9295157303f1be89c98bbdaf', class: "searchbar-input-container" }, h("input", Object.assign({ key: 'f991a37fcf54d26b7ad10d89084764e03d97b9de', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), mode === 'md' && cancelButton, h("ion-icon", { key: '8b44dd90a3292c5cf872ef16a8520675f5673494', "aria-hidden": "true", mode: mode, icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), h("button", { key: '79d9cfed8f01268044f82811a35d323a12dca749', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
444
442
  /**
445
443
  * This prevents mobile browsers from
446
444
  * blurring the input when the clear
447
445
  * button is activated.
448
446
  */
449
447
  ev.preventDefault();
450
- }, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: '9b1a177b21951c1c95897a468b34bb7bbd63d137', "aria-hidden": "true", mode: mode, icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), mode === 'ios' && cancelButton));
448
+ }, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: 'aa3b9fa8a61f853236783ac7bcd0b113ea65ece2', "aria-hidden": "true", mode: mode, icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), mode === 'ios' && cancelButton));
451
449
  }
452
450
  static get is() { return "ion-searchbar"; }
453
451
  static get encapsulation() { return "scoped"; }
@@ -1061,7 +1059,7 @@ export class Searchbar {
1061
1059
  "return": "Promise<void>"
1062
1060
  },
1063
1061
  "docs": {
1064
- "text": "Sets focus on the native `input` in `ion-searchbar`. Use this method instead of the global\n`input.focus()`.\n\nDevelopers who wish to focus an input when a page enters\nshould call `setFocus()` in the `ionViewDidEnter()` lifecycle method.\n\nDevelopers who wish to focus an input when an overlay is presented\nshould call `setFocus` after `didPresent` has resolved.\n\nSee [managing focus](/docs/developing/managing-focus) for more information.",
1062
+ "text": "Sets focus on the native `input` in `ion-searchbar`. Use this method instead of the global\n`input.focus()`.\nDevelopers who wish to focus an input when a page enters\nshould call `setFocus()` in the `ionViewDidEnter()` lifecycle method.\nDevelopers who wish to focus an input when an overlay is presented\nshould call `setFocus` after `didPresent` has resolved.\n\nSee [managing focus](/docs/developing/managing-focus) for more information.",
1065
1063
  "tags": []
1066
1064
  }
1067
1065
  },
@@ -239,16 +239,15 @@ export class Toast {
239
239
  }
240
240
  /**
241
241
  * Dismiss the toast overlay after it has been presented.
242
+ * This is a no-op if the overlay has not been presented yet. If you want
243
+ * to remove an overlay from the DOM that was never presented, use the
244
+ * [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
242
245
  *
243
246
  * @param data Any data to emit in the dismiss events.
244
247
  * @param role The role of the element that is dismissing the toast.
245
248
  * This can be useful in a button handler for determining which button was
246
249
  * clicked to dismiss the toast.
247
- * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
248
- *
249
- * This is a no-op if the overlay has not been presented yet. If you want
250
- * to remove an overlay from the DOM that was never presented, use the
251
- * [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
250
+ * Some examples include: `"cancel"`, `"destructive"`, `"selected"`, and `"backdrop"`.
252
251
  */
253
252
  async dismiss(data, role) {
254
253
  var _a, _b;
@@ -416,9 +415,9 @@ export class Toast {
416
415
  if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
417
416
  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);
418
417
  }
419
- return (h(Host, Object.assign({ key: '425be734aee0eeef281ab1609a9f982ce8b5e852', tabindex: "-1" }, this.htmlAttributes, { style: {
418
+ return (h(Host, Object.assign({ key: 'd1ecd90c87700aad4685e230cdd430aa286b8791', tabindex: "-1" }, this.htmlAttributes, { style: {
420
419
  zIndex: `${60000 + this.overlayIndex}`,
421
- }, class: createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: '7c3ad1a8df9e21fc30fc179c7edebeabcf3c6874', class: wrapperClass }, h("div", { key: 'f950c21e8d7bf92653e0bd52e820ed6b84fa8cf5', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { key: '0266241927dbe16799adb57f9fc11bd5372877b2', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), 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')))));
420
+ }, class: createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: '4bfc863417324de69e222054d5cf9c452038b41e', class: wrapperClass }, h("div", { key: '3417940afec0392e81b7d54c7cb00f3ab6c30d47', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { key: '6bf878fbc85c01e1e5faa9d97d46255a6511a952', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), 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')))));
422
421
  }
423
422
  static get is() { return "ion-toast"; }
424
423
  static get encapsulation() { return "shadow"; }
@@ -1113,7 +1112,7 @@ export class Toast {
1113
1112
  }, {
1114
1113
  "name": "role",
1115
1114
  "type": "string | undefined",
1116
- "docs": "The role of the element that is dismissing the toast.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the toast.\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."
1115
+ "docs": "The role of the element that is dismissing the toast.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the toast.\nSome examples include: `\"cancel\"`, `\"destructive\"`, `\"selected\"`, and `\"backdrop\"`."
1117
1116
  }],
1118
1117
  "references": {
1119
1118
  "Promise": {
@@ -1129,13 +1128,13 @@ export class Toast {
1129
1128
  "return": "Promise<boolean>"
1130
1129
  },
1131
1130
  "docs": {
1132
- "text": "Dismiss the toast overlay after it has been presented.",
1131
+ "text": "Dismiss the toast 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.",
1133
1132
  "tags": [{
1134
1133
  "name": "param",
1135
1134
  "text": "data Any data to emit in the dismiss events."
1136
1135
  }, {
1137
1136
  "name": "param",
1138
- "text": "role The role of the element that is dismissing the toast.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the toast.\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."
1137
+ "text": "role The role of the element that is dismissing the toast.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the toast.\nSome examples include: `\"cancel\"`, `\"destructive\"`, `\"selected\"`, and `\"backdrop\"`."
1139
1138
  }]
1140
1139
  }
1141
1140
  },