@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.
- package/components/action-sheet.js +8 -9
- package/components/alert.js +7 -8
- package/components/ion-app.js +3 -1
- package/components/ion-datetime.js +8 -2
- package/components/ion-loading.js +7 -8
- package/components/ion-menu.js +27 -5
- package/components/ion-reorder-group.js +1 -2
- package/components/ion-router.js +1 -0
- package/components/ion-searchbar.js +4 -6
- package/components/ion-toast.js +6 -7
- package/components/modal.js +25 -11
- package/components/popover.js +8 -7
- package/dist/cjs/ion-action-sheet.cjs.entry.js +8 -9
- package/dist/cjs/ion-alert.cjs.entry.js +7 -8
- package/dist/cjs/ion-app_8.cjs.entry.js +3 -1
- package/dist/cjs/ion-datetime_3.cjs.entry.js +8 -2
- package/dist/cjs/ion-loading.cjs.entry.js +7 -8
- package/dist/cjs/ion-menu_3.cjs.entry.js +27 -5
- package/dist/cjs/ion-modal.cjs.entry.js +25 -11
- package/dist/cjs/ion-popover.cjs.entry.js +8 -7
- package/dist/cjs/ion-reorder_2.cjs.entry.js +1 -2
- package/dist/cjs/ion-route_4.cjs.entry.js +1 -0
- package/dist/cjs/ion-searchbar.cjs.entry.js +4 -6
- package/dist/cjs/ion-toast.cjs.entry.js +6 -7
- package/dist/collection/components/action-sheet/action-sheet.js +11 -12
- package/dist/collection/components/alert/alert.js +10 -11
- package/dist/collection/components/app/app.js +8 -3
- package/dist/collection/components/datetime/datetime.js +23 -8
- package/dist/collection/components/loading/loading.js +10 -11
- package/dist/collection/components/menu/menu.js +62 -19
- package/dist/collection/components/modal/modal.js +34 -17
- package/dist/collection/components/popover/popover.js +18 -14
- package/dist/collection/components/reorder-group/reorder-group.js +2 -3
- package/dist/collection/components/router/router.js +5 -1
- package/dist/collection/components/searchbar/searchbar.js +5 -7
- package/dist/collection/components/toast/toast.js +9 -10
- package/dist/docs.json +138 -72
- package/dist/esm/ion-action-sheet.entry.js +8 -9
- package/dist/esm/ion-alert.entry.js +7 -8
- package/dist/esm/ion-app_8.entry.js +3 -1
- package/dist/esm/ion-datetime_3.entry.js +8 -2
- package/dist/esm/ion-loading.entry.js +7 -8
- package/dist/esm/ion-menu_3.entry.js +27 -5
- package/dist/esm/ion-modal.entry.js +25 -11
- package/dist/esm/ion-popover.entry.js +8 -7
- package/dist/esm/ion-reorder_2.entry.js +1 -2
- package/dist/esm/ion-route_4.entry.js +1 -0
- package/dist/esm/ion-searchbar.entry.js +4 -6
- package/dist/esm/ion-toast.entry.js +6 -7
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-96389029.entry.js → p-01123ecf.entry.js} +1 -1
- package/dist/ionic/{p-cb787a4b.entry.js → p-03d21728.entry.js} +1 -1
- package/dist/ionic/{p-9e699d4a.entry.js → p-0d131a02.entry.js} +1 -1
- package/dist/ionic/{p-6b666996.entry.js → p-2d0eccfb.entry.js} +1 -1
- package/dist/ionic/{p-ead42a37.entry.js → p-5f671887.entry.js} +1 -1
- package/dist/ionic/p-69f91268.entry.js +4 -0
- package/dist/ionic/p-9e32212d.entry.js +4 -0
- package/dist/ionic/{p-2020aa51.entry.js → p-b758a177.entry.js} +1 -1
- package/dist/ionic/p-b9ba04ca.entry.js +4 -0
- package/dist/ionic/{p-cd12ed1c.entry.js → p-d8429eb4.entry.js} +1 -1
- package/dist/ionic/{p-3a4feac2.entry.js → p-e37d6c67.entry.js} +1 -1
- package/dist/types/components/action-sheet/action-sheet.d.ts +5 -6
- package/dist/types/components/alert/alert.d.ts +5 -6
- package/dist/types/components/app/app.d.ts +2 -0
- package/dist/types/components/datetime/datetime.d.ts +6 -0
- package/dist/types/components/loading/loading.d.ts +5 -6
- package/dist/types/components/menu/menu.d.ts +25 -3
- package/dist/types/components/modal/modal.d.ts +14 -6
- package/dist/types/components/popover/popover.d.ts +6 -5
- package/dist/types/components/reorder-group/reorder-group.d.ts +0 -1
- package/dist/types/components/router/router.d.ts +1 -0
- package/dist/types/components/searchbar/searchbar.d.ts +0 -2
- package/dist/types/components/toast/toast.d.ts +4 -5
- package/dist/types/components.d.ts +32 -18
- package/hydrate/index.js +105 -66
- package/hydrate/index.mjs +105 -66
- package/package.json +1 -1
- package/dist/ionic/p-6dd2e493.entry.js +0 -4
- package/dist/ionic/p-7149db7e.entry.js +0 -4
- 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: '
|
|
433
|
-
return (h(Host, { key: '
|
|
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: '
|
|
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: '
|
|
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()`.\
|
|
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:
|
|
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: '
|
|
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: '
|
|
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:
|
|
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:
|
|
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
|
},
|