@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.
- package/components/action-sheet.js +9 -8
- package/components/alert.js +8 -7
- package/components/focus-visible.js +18 -27
- package/components/ion-app.js +1 -3
- package/components/ion-datetime.js +2 -8
- package/components/ion-loading.js +8 -7
- package/components/ion-menu.js +5 -27
- package/components/ion-reorder-group.js +2 -1
- package/components/ion-router.js +0 -1
- package/components/ion-searchbar.js +6 -4
- package/components/ion-select.js +3 -3
- package/components/ion-toast.js +7 -6
- package/components/modal.js +10 -26
- package/components/popover.js +7 -8
- package/dist/cjs/{focus-visible-ZV7jHMPt.js → focus-visible-CCvKiLh3.js} +18 -27
- package/dist/cjs/ion-action-sheet.cjs.entry.js +9 -8
- package/dist/cjs/ion-alert.cjs.entry.js +8 -7
- package/dist/cjs/ion-app_8.cjs.entry.js +2 -4
- package/dist/cjs/ion-datetime_3.cjs.entry.js +3 -9
- package/dist/cjs/ion-loading.cjs.entry.js +8 -7
- package/dist/cjs/ion-menu_3.cjs.entry.js +5 -27
- package/dist/cjs/ion-modal.cjs.entry.js +10 -26
- package/dist/cjs/ion-popover.cjs.entry.js +7 -8
- package/dist/cjs/ion-reorder_2.cjs.entry.js +2 -1
- package/dist/cjs/ion-route_4.cjs.entry.js +0 -1
- package/dist/cjs/ion-searchbar.cjs.entry.js +6 -4
- package/dist/cjs/ion-select_3.cjs.entry.js +3 -3
- package/dist/cjs/ion-toast.cjs.entry.js +7 -6
- package/dist/collection/components/action-sheet/action-sheet.js +12 -11
- package/dist/collection/components/alert/alert.js +11 -10
- package/dist/collection/components/app/app.js +3 -8
- package/dist/collection/components/datetime/datetime.js +8 -23
- package/dist/collection/components/loading/loading.js +11 -10
- package/dist/collection/components/menu/menu.js +19 -62
- package/dist/collection/components/modal/modal.js +16 -35
- package/dist/collection/components/popover/popover.js +14 -18
- package/dist/collection/components/reorder-group/reorder-group.js +3 -2
- package/dist/collection/components/router/router.js +1 -5
- package/dist/collection/components/searchbar/searchbar.js +7 -5
- package/dist/collection/components/select/select.js +3 -3
- package/dist/collection/components/toast/toast.js +10 -9
- package/dist/collection/utils/focus-visible.js +18 -27
- package/dist/docs.json +72 -138
- package/dist/esm/{focus-visible-DZ2gZBzK.js → focus-visible-BmVRXR1y.js} +18 -27
- package/dist/esm/ion-action-sheet.entry.js +9 -8
- package/dist/esm/ion-alert.entry.js +8 -7
- package/dist/esm/ion-app_8.entry.js +2 -4
- package/dist/esm/ion-datetime_3.entry.js +3 -9
- package/dist/esm/ion-loading.entry.js +8 -7
- package/dist/esm/ion-menu_3.entry.js +5 -27
- package/dist/esm/ion-modal.entry.js +10 -26
- package/dist/esm/ion-popover.entry.js +7 -8
- package/dist/esm/ion-reorder_2.entry.js +2 -1
- package/dist/esm/ion-route_4.entry.js +0 -1
- package/dist/esm/ion-searchbar.entry.js +6 -4
- package/dist/esm/ion-select_3.entry.js +3 -3
- package/dist/esm/ion-toast.entry.js +7 -6
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-b758a177.entry.js → p-2020aa51.entry.js} +1 -1
- package/dist/ionic/p-29759454.entry.js +4 -0
- package/dist/ionic/{p-e37d6c67.entry.js → p-3a4feac2.entry.js} +1 -1
- package/dist/ionic/p-4ddc10ef.entry.js +4 -0
- package/dist/ionic/{p-2d0eccfb.entry.js → p-6b666996.entry.js} +1 -1
- package/dist/ionic/p-7149db7e.entry.js +4 -0
- package/dist/ionic/{p-2d46fbe7.entry.js → p-96389029.entry.js} +1 -1
- package/dist/ionic/{p-0d131a02.entry.js → p-9e699d4a.entry.js} +1 -1
- package/dist/ionic/p-BmVRXR1y.js +4 -0
- package/dist/ionic/p-bec79123.entry.js +4 -0
- package/dist/ionic/{p-03d21728.entry.js → p-cb787a4b.entry.js} +1 -1
- package/dist/ionic/{p-d8429eb4.entry.js → p-cd12ed1c.entry.js} +1 -1
- package/dist/ionic/{p-78a61b3f.entry.js → p-ead42a37.entry.js} +1 -1
- package/dist/types/components/action-sheet/action-sheet.d.ts +6 -5
- package/dist/types/components/alert/alert.d.ts +6 -5
- package/dist/types/components/app/app.d.ts +0 -2
- package/dist/types/components/datetime/datetime.d.ts +0 -6
- package/dist/types/components/loading/loading.d.ts +6 -5
- package/dist/types/components/menu/menu.d.ts +3 -25
- package/dist/types/components/modal/modal.d.ts +6 -14
- package/dist/types/components/popover/popover.d.ts +5 -6
- package/dist/types/components/reorder-group/reorder-group.d.ts +1 -0
- package/dist/types/components/router/router.d.ts +0 -1
- package/dist/types/components/searchbar/searchbar.d.ts +2 -0
- package/dist/types/components/toast/toast.d.ts +5 -4
- package/dist/types/components.d.ts +18 -32
- package/hydrate/index.js +86 -136
- package/hydrate/index.mjs +86 -136
- package/package.json +3 -3
- package/dist/ionic/p-69f91268.entry.js +0 -4
- package/dist/ionic/p-7d5cf8c1.entry.js +0 -4
- package/dist/ionic/p-9e32212d.entry.js +0 -4
- package/dist/ionic/p-DZ2gZBzK.js +0 -4
- 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-
|
|
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: '
|
|
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: '
|
|
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:
|
|
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: '
|
|
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: '
|
|
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.
|
|
100
|
-
*
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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
|
|
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
|
|
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
|
|
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.
|
|
273
|
-
*
|
|
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: '
|
|
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: '
|
|
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
|
|
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
|
|
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
|
|
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: '
|
|
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": "
|
|
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: '
|
|
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: '
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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.
|
|
140
|
-
*
|
|
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: '
|
|
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: '
|
|
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
|
|
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
|
|
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
|
|
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`
|
|
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
|
|
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: '
|
|
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: '
|
|
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`
|
|
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": "
|
|
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": "
|
|
980
|
+
"docs": ""
|
|
1006
981
|
}, {
|
|
1007
982
|
"name": "role",
|
|
1008
983
|
"type": "string | undefined",
|
|
1009
|
-
"docs": "
|
|
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": "
|
|
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
|
|
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": "
|
|
1026
|
+
"docs": ""
|
|
1061
1027
|
}, {
|
|
1062
1028
|
"name": "animated",
|
|
1063
1029
|
"type": "boolean",
|
|
1064
|
-
"docs": "
|
|
1030
|
+
"docs": ""
|
|
1065
1031
|
}, {
|
|
1066
1032
|
"name": "role",
|
|
1067
1033
|
"type": "string | undefined",
|
|
1068
|
-
"docs": "
|
|
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
|
|
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
|
};
|