@ionic/react 8.8.8-nightly.20260520 → 8.8.9-dev.11779403760.13ea2a08
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/css/core.css +1 -1
- package/css/core.css.map +1 -1
- package/css/display.css +1 -1
- package/css/display.css.map +1 -1
- package/css/flex-utils.css +1 -1
- package/css/flex-utils.css.map +1 -1
- package/css/float-elements.css.map +1 -1
- package/css/global.bundle.css.map +1 -1
- package/css/ionic/bundle.ionic.css +1 -0
- package/css/ionic/bundle.ionic.css.map +1 -0
- package/css/ionic/core.ionic.css +1 -0
- package/css/ionic/core.ionic.css.map +1 -0
- package/css/ionic/global.bundle.ionic.css +1 -0
- package/css/ionic/global.bundle.ionic.css.map +1 -0
- package/css/ionic/ionic-swiper.ionic.css +1 -0
- package/css/ionic/ionic-swiper.ionic.css.map +1 -0
- package/css/ionic/link.ionic.css +1 -0
- package/css/ionic/link.ionic.css.map +1 -0
- package/css/ionic/structure.ionic.css +1 -0
- package/css/ionic/structure.ionic.css.map +1 -0
- package/css/ionic/typography.ionic.css +1 -0
- package/css/ionic/typography.ionic.css.map +1 -0
- package/css/ionic/utils.bundle.ionic.css +1 -0
- package/css/ionic/utils.bundle.ionic.css.map +1 -0
- package/css/ionic-swiper.css +1 -1
- package/css/ionic-swiper.css.map +1 -1
- package/css/ionic.bundle.css +1 -1
- package/css/ionic.bundle.css.map +1 -1
- package/css/normalize.css.map +1 -1
- package/css/padding.css.map +1 -1
- package/css/palettes/dark.always.css.map +1 -1
- package/css/palettes/dark.class.css.map +1 -1
- package/css/palettes/dark.system.css.map +1 -1
- package/css/palettes/high-contrast-dark.always.css.map +1 -1
- package/css/palettes/high-contrast-dark.class.css.map +1 -1
- package/css/palettes/high-contrast-dark.system.css.map +1 -1
- package/css/palettes/high-contrast.always.css.map +1 -1
- package/css/palettes/high-contrast.class.css.map +1 -1
- package/css/palettes/high-contrast.system.css.map +1 -1
- package/css/structure.css.map +1 -1
- package/css/text-alignment.css.map +1 -1
- package/css/text-transformation.css.map +1 -1
- package/css/typography.css.map +1 -1
- package/css/utils.bundle.css +1 -1
- package/css/utils.bundle.css.map +1 -1
- package/dist/index.js +228 -155
- package/dist/index.js.map +1 -1
- package/dist/types/components/proxies.d.ts +2 -0
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -20,61 +20,63 @@ import { defineCustomElement as defineCustomElement$e } from '@ionic/core/compon
|
|
|
20
20
|
import { defineCustomElement as defineCustomElement$f } from '@ionic/core/components/ion-content.js';
|
|
21
21
|
import { defineCustomElement as defineCustomElement$g } from '@ionic/core/components/ion-datetime.js';
|
|
22
22
|
import { defineCustomElement as defineCustomElement$h } from '@ionic/core/components/ion-datetime-button.js';
|
|
23
|
-
import { defineCustomElement as defineCustomElement$i } from '@ionic/core/components/ion-
|
|
24
|
-
import { defineCustomElement as defineCustomElement$j } from '@ionic/core/components/ion-fab
|
|
25
|
-
import { defineCustomElement as defineCustomElement$k } from '@ionic/core/components/ion-
|
|
26
|
-
import { defineCustomElement as defineCustomElement$l } from '@ionic/core/components/ion-
|
|
27
|
-
import { defineCustomElement as defineCustomElement$m } from '@ionic/core/components/ion-
|
|
28
|
-
import { defineCustomElement as defineCustomElement$n } from '@ionic/core/components/ion-
|
|
29
|
-
import { defineCustomElement as defineCustomElement$o } from '@ionic/core/components/ion-
|
|
30
|
-
import { defineCustomElement as defineCustomElement$p } from '@ionic/core/components/ion-
|
|
31
|
-
import { defineCustomElement as defineCustomElement$q } from '@ionic/core/components/ion-
|
|
32
|
-
import { defineCustomElement as defineCustomElement$r } from '@ionic/core/components/ion-
|
|
33
|
-
import { defineCustomElement as defineCustomElement$s } from '@ionic/core/components/ion-input
|
|
34
|
-
import { defineCustomElement as defineCustomElement$t } from '@ionic/core/components/ion-
|
|
35
|
-
import { defineCustomElement as defineCustomElement$u } from '@ionic/core/components/ion-
|
|
36
|
-
import { defineCustomElement as defineCustomElement$v } from '@ionic/core/components/ion-item-
|
|
37
|
-
import { defineCustomElement as defineCustomElement$w } from '@ionic/core/components/ion-item-
|
|
38
|
-
import { defineCustomElement as defineCustomElement$x } from '@ionic/core/components/ion-
|
|
39
|
-
import { defineCustomElement as defineCustomElement$y } from '@ionic/core/components/ion-
|
|
40
|
-
import { defineCustomElement as defineCustomElement$z } from '@ionic/core/components/ion-
|
|
41
|
-
import { defineCustomElement as defineCustomElement$A } from '@ionic/core/components/ion-
|
|
42
|
-
import { defineCustomElement as defineCustomElement$B } from '@ionic/core/components/ion-
|
|
43
|
-
import { defineCustomElement as defineCustomElement$C } from '@ionic/core/components/ion-menu
|
|
44
|
-
import { defineCustomElement as defineCustomElement$
|
|
45
|
-
import { defineCustomElement as defineCustomElement$
|
|
46
|
-
import { defineCustomElement as defineCustomElement$
|
|
47
|
-
import { defineCustomElement as defineCustomElement$F } from '@ionic/core/components/ion-
|
|
48
|
-
import { defineCustomElement as defineCustomElement$G } from '@ionic/core/components/ion-
|
|
49
|
-
import { defineCustomElement as defineCustomElement$H } from '@ionic/core/components/ion-picker
|
|
50
|
-
import { defineCustomElement as defineCustomElement$I } from '@ionic/core/components/ion-
|
|
51
|
-
import { defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-
|
|
52
|
-
import { defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-
|
|
53
|
-
import { defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-
|
|
54
|
-
import { defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-
|
|
55
|
-
import { defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-
|
|
56
|
-
import { defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-
|
|
57
|
-
import { defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-
|
|
58
|
-
import { defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-
|
|
59
|
-
import { defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-
|
|
60
|
-
import { defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-
|
|
61
|
-
import { defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-
|
|
62
|
-
import { defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-
|
|
63
|
-
import { defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-segment
|
|
64
|
-
import { defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-segment-
|
|
65
|
-
import { defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-
|
|
66
|
-
import { defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-
|
|
67
|
-
import { defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-select
|
|
68
|
-
import { defineCustomElement as defineCustomElement$_ } from '@ionic/core/components/ion-
|
|
69
|
-
import { defineCustomElement as defineCustomElement$$ } from '@ionic/core/components/ion-
|
|
70
|
-
import { defineCustomElement as defineCustomElement$10 } from '@ionic/core/components/ion-
|
|
71
|
-
import { defineCustomElement as defineCustomElement$11 } from '@ionic/core/components/ion-
|
|
72
|
-
import { defineCustomElement as defineCustomElement$12 } from '@ionic/core/components/ion-
|
|
73
|
-
import { defineCustomElement as defineCustomElement$13 } from '@ionic/core/components/ion-
|
|
74
|
-
import { defineCustomElement as defineCustomElement$14 } from '@ionic/core/components/ion-
|
|
75
|
-
import { defineCustomElement as defineCustomElement$15 } from '@ionic/core/components/ion-
|
|
76
|
-
import { defineCustomElement as defineCustomElement$16 } from '@ionic/core/components/ion-
|
|
77
|
-
import { defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-
|
|
23
|
+
import { defineCustomElement as defineCustomElement$i } from '@ionic/core/components/ion-divider.js';
|
|
24
|
+
import { defineCustomElement as defineCustomElement$j } from '@ionic/core/components/ion-fab.js';
|
|
25
|
+
import { defineCustomElement as defineCustomElement$k } from '@ionic/core/components/ion-fab-list.js';
|
|
26
|
+
import { defineCustomElement as defineCustomElement$l } from '@ionic/core/components/ion-footer.js';
|
|
27
|
+
import { defineCustomElement as defineCustomElement$m } from '@ionic/core/components/ion-gallery.js';
|
|
28
|
+
import { defineCustomElement as defineCustomElement$n } from '@ionic/core/components/ion-grid.js';
|
|
29
|
+
import { defineCustomElement as defineCustomElement$o } from '@ionic/core/components/ion-header.js';
|
|
30
|
+
import { defineCustomElement as defineCustomElement$p } from '@ionic/core/components/ion-img.js';
|
|
31
|
+
import { defineCustomElement as defineCustomElement$q } from '@ionic/core/components/ion-infinite-scroll.js';
|
|
32
|
+
import { defineCustomElement as defineCustomElement$r } from '@ionic/core/components/ion-infinite-scroll-content.js';
|
|
33
|
+
import { defineCustomElement as defineCustomElement$s } from '@ionic/core/components/ion-input.js';
|
|
34
|
+
import { defineCustomElement as defineCustomElement$t } from '@ionic/core/components/ion-input-otp.js';
|
|
35
|
+
import { defineCustomElement as defineCustomElement$u } from '@ionic/core/components/ion-input-password-toggle.js';
|
|
36
|
+
import { defineCustomElement as defineCustomElement$v } from '@ionic/core/components/ion-item-divider.js';
|
|
37
|
+
import { defineCustomElement as defineCustomElement$w } from '@ionic/core/components/ion-item-group.js';
|
|
38
|
+
import { defineCustomElement as defineCustomElement$x } from '@ionic/core/components/ion-item-options.js';
|
|
39
|
+
import { defineCustomElement as defineCustomElement$y } from '@ionic/core/components/ion-item-sliding.js';
|
|
40
|
+
import { defineCustomElement as defineCustomElement$z } from '@ionic/core/components/ion-label.js';
|
|
41
|
+
import { defineCustomElement as defineCustomElement$A } from '@ionic/core/components/ion-list.js';
|
|
42
|
+
import { defineCustomElement as defineCustomElement$B } from '@ionic/core/components/ion-list-header.js';
|
|
43
|
+
import { defineCustomElement as defineCustomElement$C } from '@ionic/core/components/ion-menu.js';
|
|
44
|
+
import { defineCustomElement as defineCustomElement$D } from '@ionic/core/components/ion-menu-button.js';
|
|
45
|
+
import { defineCustomElement as defineCustomElement$E } from '@ionic/core/components/ion-menu-toggle.js';
|
|
46
|
+
import { defineCustomElement as defineCustomElement$1o } from '@ionic/core/components/ion-nav.js';
|
|
47
|
+
import { defineCustomElement as defineCustomElement$F } from '@ionic/core/components/ion-nav-link.js';
|
|
48
|
+
import { defineCustomElement as defineCustomElement$G } from '@ionic/core/components/ion-note.js';
|
|
49
|
+
import { defineCustomElement as defineCustomElement$H } from '@ionic/core/components/ion-picker.js';
|
|
50
|
+
import { defineCustomElement as defineCustomElement$I } from '@ionic/core/components/ion-picker-column.js';
|
|
51
|
+
import { defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-picker-column-option.js';
|
|
52
|
+
import { defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-progress-bar.js';
|
|
53
|
+
import { defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-radio.js';
|
|
54
|
+
import { defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-radio-group.js';
|
|
55
|
+
import { defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-range.js';
|
|
56
|
+
import { defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-refresher.js';
|
|
57
|
+
import { defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-refresher-content.js';
|
|
58
|
+
import { defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-reorder.js';
|
|
59
|
+
import { defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-reorder-group.js';
|
|
60
|
+
import { defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-ripple-effect.js';
|
|
61
|
+
import { defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-row.js';
|
|
62
|
+
import { defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-searchbar.js';
|
|
63
|
+
import { defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-segment.js';
|
|
64
|
+
import { defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-segment-button.js';
|
|
65
|
+
import { defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-segment-content.js';
|
|
66
|
+
import { defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-segment-view.js';
|
|
67
|
+
import { defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-select.js';
|
|
68
|
+
import { defineCustomElement as defineCustomElement$_ } from '@ionic/core/components/ion-select-modal.js';
|
|
69
|
+
import { defineCustomElement as defineCustomElement$$ } from '@ionic/core/components/ion-select-option.js';
|
|
70
|
+
import { defineCustomElement as defineCustomElement$10 } from '@ionic/core/components/ion-skeleton-text.js';
|
|
71
|
+
import { defineCustomElement as defineCustomElement$11 } from '@ionic/core/components/ion-spinner.js';
|
|
72
|
+
import { defineCustomElement as defineCustomElement$12 } from '@ionic/core/components/ion-split-pane.js';
|
|
73
|
+
import { defineCustomElement as defineCustomElement$13 } from '@ionic/core/components/ion-tab.js';
|
|
74
|
+
import { defineCustomElement as defineCustomElement$14 } from '@ionic/core/components/ion-text.js';
|
|
75
|
+
import { defineCustomElement as defineCustomElement$15 } from '@ionic/core/components/ion-textarea.js';
|
|
76
|
+
import { defineCustomElement as defineCustomElement$16 } from '@ionic/core/components/ion-thumbnail.js';
|
|
77
|
+
import { defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-title.js';
|
|
78
|
+
import { defineCustomElement as defineCustomElement$18 } from '@ionic/core/components/ion-toggle.js';
|
|
79
|
+
import { defineCustomElement as defineCustomElement$19 } from '@ionic/core/components/ion-toolbar.js';
|
|
78
80
|
import { IonBreadcrumb as IonBreadcrumb$1 } from '@ionic/core/components/ion-breadcrumb.js';
|
|
79
81
|
import { IonButton as IonButton$1 } from '@ionic/core/components/ion-button.js';
|
|
80
82
|
import { IonCard as IonCard$1 } from '@ionic/core/components/ion-card.js';
|
|
@@ -82,20 +84,20 @@ import { IonFabButton as IonFabButton$1 } from '@ionic/core/components/ion-fab-b
|
|
|
82
84
|
import { IonItemOption as IonItemOption$1 } from '@ionic/core/components/ion-item-option.js';
|
|
83
85
|
import { IonItem as IonItem$1 } from '@ionic/core/components/ion-item.js';
|
|
84
86
|
import { IonRouterLink as IonRouterLink$1 } from '@ionic/core/components/ion-router-link.js';
|
|
85
|
-
import { defineCustomElement as defineCustomElement$
|
|
86
|
-
import { defineCustomElement as defineCustomElement$
|
|
87
|
-
import { defineCustomElement as defineCustomElement$
|
|
88
|
-
import { defineCustomElement as defineCustomElement$
|
|
89
|
-
import { defineCustomElement as defineCustomElement$
|
|
90
|
-
import { defineCustomElement as defineCustomElement$
|
|
91
|
-
import { defineCustomElement as defineCustomElement$
|
|
92
|
-
import { defineCustomElement as defineCustomElement$
|
|
93
|
-
import { defineCustomElement as defineCustomElement$
|
|
94
|
-
import { defineCustomElement as defineCustomElement$
|
|
95
|
-
import { defineCustomElement as defineCustomElement$
|
|
96
|
-
import { defineCustomElement as defineCustomElement$
|
|
97
|
-
import { defineCustomElement as defineCustomElement$
|
|
98
|
-
import { defineCustomElement as defineCustomElement$
|
|
87
|
+
import { defineCustomElement as defineCustomElement$1a } from '@ionic/core/components/ion-alert.js';
|
|
88
|
+
import { defineCustomElement as defineCustomElement$1b } from '@ionic/core/components/ion-loading.js';
|
|
89
|
+
import { defineCustomElement as defineCustomElement$1c } from '@ionic/core/components/ion-toast.js';
|
|
90
|
+
import { defineCustomElement as defineCustomElement$1d } from '@ionic/core/components/ion-picker-legacy.js';
|
|
91
|
+
import { defineCustomElement as defineCustomElement$1e } from '@ionic/core/components/ion-action-sheet.js';
|
|
92
|
+
import { defineCustomElement as defineCustomElement$1f } from '@ionic/core/components/ion-modal.js';
|
|
93
|
+
import { defineCustomElement as defineCustomElement$1g } from '@ionic/core/components/ion-popover.js';
|
|
94
|
+
import { defineCustomElement as defineCustomElement$1m } from '@ionic/core/components/ion-app.js';
|
|
95
|
+
import { defineCustomElement as defineCustomElement$1k } from '@ionic/core/components/ion-back-button.js';
|
|
96
|
+
import { defineCustomElement as defineCustomElement$1l } from '@ionic/core/components/ion-router-outlet.js';
|
|
97
|
+
import { defineCustomElement as defineCustomElement$1i } from '@ionic/core/components/ion-tab-bar.js';
|
|
98
|
+
import { defineCustomElement as defineCustomElement$1h } from '@ionic/core/components/ion-tab-button.js';
|
|
99
|
+
import { defineCustomElement as defineCustomElement$1j } from '@ionic/core/components/ion-tabs.js';
|
|
100
|
+
import { defineCustomElement as defineCustomElement$1n } from 'ionicons/components/ion-icon.js';
|
|
99
101
|
|
|
100
102
|
const IonLifeCycleContext = /*@__PURE__*/ React.createContext({
|
|
101
103
|
onIonViewWillEnter: () => {
|
|
@@ -643,60 +645,62 @@ const IonCol = /*@__PURE__*/ createReactComponent('ion-col', undefined, undefine
|
|
|
643
645
|
const IonContent = /*@__PURE__*/ createReactComponent('ion-content', undefined, undefined, defineCustomElement$f);
|
|
644
646
|
const IonDatetime = /*@__PURE__*/ createReactComponent('ion-datetime', undefined, undefined, defineCustomElement$g);
|
|
645
647
|
const IonDatetimeButton = /*@__PURE__*/ createReactComponent('ion-datetime-button', undefined, undefined, defineCustomElement$h);
|
|
646
|
-
const
|
|
647
|
-
const
|
|
648
|
-
const
|
|
649
|
-
const
|
|
650
|
-
const
|
|
651
|
-
const
|
|
652
|
-
const
|
|
653
|
-
const
|
|
654
|
-
const
|
|
655
|
-
const
|
|
656
|
-
const
|
|
657
|
-
const
|
|
658
|
-
const
|
|
659
|
-
const
|
|
660
|
-
const
|
|
661
|
-
const
|
|
662
|
-
const
|
|
663
|
-
const
|
|
664
|
-
const
|
|
665
|
-
const
|
|
666
|
-
const
|
|
667
|
-
const
|
|
668
|
-
const
|
|
669
|
-
const
|
|
670
|
-
const
|
|
671
|
-
const
|
|
672
|
-
const
|
|
673
|
-
const
|
|
674
|
-
const
|
|
675
|
-
const
|
|
676
|
-
const
|
|
677
|
-
const
|
|
678
|
-
const
|
|
679
|
-
const
|
|
680
|
-
const
|
|
681
|
-
const
|
|
682
|
-
const
|
|
683
|
-
const
|
|
684
|
-
const
|
|
685
|
-
const
|
|
686
|
-
const
|
|
687
|
-
const
|
|
688
|
-
const
|
|
689
|
-
const
|
|
690
|
-
const
|
|
691
|
-
const
|
|
692
|
-
const
|
|
693
|
-
const
|
|
694
|
-
const
|
|
695
|
-
const
|
|
696
|
-
const
|
|
697
|
-
const
|
|
698
|
-
const
|
|
699
|
-
const
|
|
648
|
+
const IonDivider = /*@__PURE__*/ createReactComponent('ion-divider', undefined, undefined, defineCustomElement$i);
|
|
649
|
+
const IonFab = /*@__PURE__*/ createReactComponent('ion-fab', undefined, undefined, defineCustomElement$j);
|
|
650
|
+
const IonFabList = /*@__PURE__*/ createReactComponent('ion-fab-list', undefined, undefined, defineCustomElement$k);
|
|
651
|
+
const IonFooter = /*@__PURE__*/ createReactComponent('ion-footer', undefined, undefined, defineCustomElement$l);
|
|
652
|
+
const IonGallery = /*@__PURE__*/ createReactComponent('ion-gallery', undefined, undefined, defineCustomElement$m);
|
|
653
|
+
const IonGrid = /*@__PURE__*/ createReactComponent('ion-grid', undefined, undefined, defineCustomElement$n);
|
|
654
|
+
const IonHeader = /*@__PURE__*/ createReactComponent('ion-header', undefined, undefined, defineCustomElement$o);
|
|
655
|
+
const IonImg = /*@__PURE__*/ createReactComponent('ion-img', undefined, undefined, defineCustomElement$p);
|
|
656
|
+
const IonInfiniteScroll = /*@__PURE__*/ createReactComponent('ion-infinite-scroll', undefined, undefined, defineCustomElement$q);
|
|
657
|
+
const IonInfiniteScrollContent = /*@__PURE__*/ createReactComponent('ion-infinite-scroll-content', undefined, undefined, defineCustomElement$r);
|
|
658
|
+
const IonInput = /*@__PURE__*/ createReactComponent('ion-input', undefined, undefined, defineCustomElement$s);
|
|
659
|
+
const IonInputOtp = /*@__PURE__*/ createReactComponent('ion-input-otp', undefined, undefined, defineCustomElement$t);
|
|
660
|
+
const IonInputPasswordToggle = /*@__PURE__*/ createReactComponent('ion-input-password-toggle', undefined, undefined, defineCustomElement$u);
|
|
661
|
+
const IonItemDivider = /*@__PURE__*/ createReactComponent('ion-item-divider', undefined, undefined, defineCustomElement$v);
|
|
662
|
+
const IonItemGroup = /*@__PURE__*/ createReactComponent('ion-item-group', undefined, undefined, defineCustomElement$w);
|
|
663
|
+
const IonItemOptions = /*@__PURE__*/ createReactComponent('ion-item-options', undefined, undefined, defineCustomElement$x);
|
|
664
|
+
const IonItemSliding = /*@__PURE__*/ createReactComponent('ion-item-sliding', undefined, undefined, defineCustomElement$y);
|
|
665
|
+
const IonLabel = /*@__PURE__*/ createReactComponent('ion-label', undefined, undefined, defineCustomElement$z);
|
|
666
|
+
const IonList = /*@__PURE__*/ createReactComponent('ion-list', undefined, undefined, defineCustomElement$A);
|
|
667
|
+
const IonListHeader = /*@__PURE__*/ createReactComponent('ion-list-header', undefined, undefined, defineCustomElement$B);
|
|
668
|
+
const IonMenu = /*@__PURE__*/ createReactComponent('ion-menu', undefined, undefined, defineCustomElement$C);
|
|
669
|
+
const IonMenuButton = /*@__PURE__*/ createReactComponent('ion-menu-button', undefined, undefined, defineCustomElement$D);
|
|
670
|
+
const IonMenuToggle = /*@__PURE__*/ createReactComponent('ion-menu-toggle', undefined, undefined, defineCustomElement$E);
|
|
671
|
+
const IonNavLink = /*@__PURE__*/ createReactComponent('ion-nav-link', undefined, undefined, defineCustomElement$F);
|
|
672
|
+
const IonNote = /*@__PURE__*/ createReactComponent('ion-note', undefined, undefined, defineCustomElement$G);
|
|
673
|
+
const IonPicker = /*@__PURE__*/ createReactComponent('ion-picker', undefined, undefined, defineCustomElement$H);
|
|
674
|
+
const IonPickerColumn = /*@__PURE__*/ createReactComponent('ion-picker-column', undefined, undefined, defineCustomElement$I);
|
|
675
|
+
const IonPickerColumnOption = /*@__PURE__*/ createReactComponent('ion-picker-column-option', undefined, undefined, defineCustomElement$J);
|
|
676
|
+
const IonProgressBar = /*@__PURE__*/ createReactComponent('ion-progress-bar', undefined, undefined, defineCustomElement$K);
|
|
677
|
+
const IonRadio = /*@__PURE__*/ createReactComponent('ion-radio', undefined, undefined, defineCustomElement$L);
|
|
678
|
+
const IonRadioGroup = /*@__PURE__*/ createReactComponent('ion-radio-group', undefined, undefined, defineCustomElement$M);
|
|
679
|
+
const IonRange = /*@__PURE__*/ createReactComponent('ion-range', undefined, undefined, defineCustomElement$N);
|
|
680
|
+
const IonRefresher = /*@__PURE__*/ createReactComponent('ion-refresher', undefined, undefined, defineCustomElement$O);
|
|
681
|
+
const IonRefresherContent = /*@__PURE__*/ createReactComponent('ion-refresher-content', undefined, undefined, defineCustomElement$P);
|
|
682
|
+
const IonReorder = /*@__PURE__*/ createReactComponent('ion-reorder', undefined, undefined, defineCustomElement$Q);
|
|
683
|
+
const IonReorderGroup = /*@__PURE__*/ createReactComponent('ion-reorder-group', undefined, undefined, defineCustomElement$R);
|
|
684
|
+
const IonRippleEffect = /*@__PURE__*/ createReactComponent('ion-ripple-effect', undefined, undefined, defineCustomElement$S);
|
|
685
|
+
const IonRow = /*@__PURE__*/ createReactComponent('ion-row', undefined, undefined, defineCustomElement$T);
|
|
686
|
+
const IonSearchbar = /*@__PURE__*/ createReactComponent('ion-searchbar', undefined, undefined, defineCustomElement$U);
|
|
687
|
+
const IonSegment = /*@__PURE__*/ createReactComponent('ion-segment', undefined, undefined, defineCustomElement$V);
|
|
688
|
+
const IonSegmentButton = /*@__PURE__*/ createReactComponent('ion-segment-button', undefined, undefined, defineCustomElement$W);
|
|
689
|
+
const IonSegmentContent = /*@__PURE__*/ createReactComponent('ion-segment-content', undefined, undefined, defineCustomElement$X);
|
|
690
|
+
const IonSegmentView = /*@__PURE__*/ createReactComponent('ion-segment-view', undefined, undefined, defineCustomElement$Y);
|
|
691
|
+
const IonSelect = /*@__PURE__*/ createReactComponent('ion-select', undefined, undefined, defineCustomElement$Z);
|
|
692
|
+
const IonSelectModal = /*@__PURE__*/ createReactComponent('ion-select-modal', undefined, undefined, defineCustomElement$_);
|
|
693
|
+
const IonSelectOption = /*@__PURE__*/ createReactComponent('ion-select-option', undefined, undefined, defineCustomElement$$);
|
|
694
|
+
const IonSkeletonText = /*@__PURE__*/ createReactComponent('ion-skeleton-text', undefined, undefined, defineCustomElement$10);
|
|
695
|
+
const IonSpinner = /*@__PURE__*/ createReactComponent('ion-spinner', undefined, undefined, defineCustomElement$11);
|
|
696
|
+
const IonSplitPane = /*@__PURE__*/ createReactComponent('ion-split-pane', undefined, undefined, defineCustomElement$12);
|
|
697
|
+
const IonTab = /*@__PURE__*/ createReactComponent('ion-tab', undefined, undefined, defineCustomElement$13);
|
|
698
|
+
const IonText = /*@__PURE__*/ createReactComponent('ion-text', undefined, undefined, defineCustomElement$14);
|
|
699
|
+
const IonTextarea = /*@__PURE__*/ createReactComponent('ion-textarea', undefined, undefined, defineCustomElement$15);
|
|
700
|
+
const IonThumbnail = /*@__PURE__*/ createReactComponent('ion-thumbnail', undefined, undefined, defineCustomElement$16);
|
|
701
|
+
const IonTitle = /*@__PURE__*/ createReactComponent('ion-title', undefined, undefined, defineCustomElement$17);
|
|
702
|
+
const IonToggle = /*@__PURE__*/ createReactComponent('ion-toggle', undefined, undefined, defineCustomElement$18);
|
|
703
|
+
const IonToolbar = /*@__PURE__*/ createReactComponent('ion-toolbar', undefined, undefined, defineCustomElement$19);
|
|
700
704
|
|
|
701
705
|
const createForwardRef = (ReactComponent, // TODO(FW-2959): type
|
|
702
706
|
displayName) => {
|
|
@@ -839,6 +843,14 @@ const detachEvent = (node, eventName) => {
|
|
|
839
843
|
}
|
|
840
844
|
};
|
|
841
845
|
|
|
846
|
+
/**
|
|
847
|
+
* Set to `true` when rendering inside another inline overlay. Nested
|
|
848
|
+
* overlays render at their JSX position (no portal) so that core's
|
|
849
|
+
* `el.closest('ion-popover')`-style nesting detection keeps working,
|
|
850
|
+
* and the outer overlay's portal already gives the subtree the correct
|
|
851
|
+
* React event-delegation root.
|
|
852
|
+
*/
|
|
853
|
+
const NestedOverlayContext = React.createContext(false);
|
|
842
854
|
const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateHost) => {
|
|
843
855
|
if (defineCustomElement) {
|
|
844
856
|
defineCustomElement();
|
|
@@ -847,6 +859,7 @@ const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateH
|
|
|
847
859
|
const ReactComponent = class extends React.Component {
|
|
848
860
|
constructor(props) {
|
|
849
861
|
super(props);
|
|
862
|
+
this.isUnmounted = false;
|
|
850
863
|
this.handleIonMount = () => {
|
|
851
864
|
/**
|
|
852
865
|
* Mount the inner component when the
|
|
@@ -890,12 +903,45 @@ const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateH
|
|
|
890
903
|
this.state = { isOpen: false };
|
|
891
904
|
// Create a local ref to the inner child element.
|
|
892
905
|
this.wrapperRef = React.createRef();
|
|
906
|
+
// Marker stays at the JSX location so we can recover the immediate
|
|
907
|
+
// JSX parent after the overlay has been portaled to ion-app.
|
|
908
|
+
this.markerRef = React.createRef();
|
|
909
|
+
/**
|
|
910
|
+
* Resolve the portal target to the same container CoreDelegate
|
|
911
|
+
* teleports overlays into. Portaling here keeps the overlay inside
|
|
912
|
+
* React's tree so React's synthetic events still dispatch to its
|
|
913
|
+
* children, even after CoreDelegate moves the DOM node out of the
|
|
914
|
+
* declared JSX parent.
|
|
915
|
+
*/
|
|
916
|
+
this.portalTarget = typeof document !== 'undefined' ? document.querySelector('ion-app') || document.body : null;
|
|
893
917
|
}
|
|
894
918
|
componentDidMount() {
|
|
919
|
+
// Reset for React 18 StrictMode: the dev-mode unmount/remount cycle
|
|
920
|
+
// re-uses this instance and leaves the flag set from the prior
|
|
921
|
+
// componentWillUnmount.
|
|
922
|
+
this.isUnmounted = false;
|
|
895
923
|
this.componentDidUpdate(this.props);
|
|
896
924
|
this.ref.current?.addEventListener('ionMount', this.handleIonMount);
|
|
897
925
|
this.ref.current?.addEventListener('willPresent', this.handleWillPresent);
|
|
898
926
|
this.ref.current?.addEventListener('didDismiss', this.handleDidDismiss);
|
|
927
|
+
/**
|
|
928
|
+
* The overlay is portaled to `portalTarget`, so Stencil caches that
|
|
929
|
+
* container as `cachedOriginalParent`. Modal features (sheet
|
|
930
|
+
* child-route passthrough, parent-removal auto-dismiss) walk up
|
|
931
|
+
* from `cachedOriginalParent` to find the enclosing `.ion-page`,
|
|
932
|
+
* so we redirect it at the marker's JSX parent.
|
|
933
|
+
*/
|
|
934
|
+
const overlay = this.ref.current;
|
|
935
|
+
if (overlay) {
|
|
936
|
+
componentOnReady(overlay, () => {
|
|
937
|
+
if (this.isUnmounted)
|
|
938
|
+
return;
|
|
939
|
+
const markerParent = this.markerRef.current?.parentElement ?? null;
|
|
940
|
+
if (markerParent && markerParent !== this.portalTarget) {
|
|
941
|
+
overlay.cachedOriginalParent = markerParent;
|
|
942
|
+
}
|
|
943
|
+
});
|
|
944
|
+
}
|
|
899
945
|
}
|
|
900
946
|
componentDidUpdate(prevProps) {
|
|
901
947
|
const node = this.ref.current;
|
|
@@ -905,10 +951,11 @@ const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateH
|
|
|
905
951
|
* so they don't get attached twice and called twice.
|
|
906
952
|
*/
|
|
907
953
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
908
|
-
const { onDidDismiss, onWillPresent, ...cProps } = this.props;
|
|
954
|
+
const { onDidDismiss, onWillPresent, isNested, ...cProps } = this.props;
|
|
909
955
|
attachProps(node, cProps, prevProps);
|
|
910
956
|
}
|
|
911
957
|
componentWillUnmount() {
|
|
958
|
+
this.isUnmounted = true;
|
|
912
959
|
const node = this.ref.current;
|
|
913
960
|
/**
|
|
914
961
|
* If the overlay is being unmounted, but is still
|
|
@@ -932,13 +979,28 @@ const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateH
|
|
|
932
979
|
* avoid memory leaks.
|
|
933
980
|
*/
|
|
934
981
|
node.removeEventListener('didDismiss', this.handleDidDismiss);
|
|
935
|
-
|
|
982
|
+
if (this.props.isNested) {
|
|
983
|
+
/**
|
|
984
|
+
* Nested overlays render inline (no portal). CoreDelegate may
|
|
985
|
+
* have moved the node out of its React parent, so React's
|
|
986
|
+
* unmount won't reach it. Remove it directly.
|
|
987
|
+
*/
|
|
988
|
+
node.remove();
|
|
989
|
+
}
|
|
990
|
+
else if (node.isConnected && this.portalTarget && node.parentNode !== this.portalTarget) {
|
|
991
|
+
/**
|
|
992
|
+
* Portaled path: move the overlay back into `portalTarget` so
|
|
993
|
+
* React's portal removeChild can find it. CoreDelegate (or user
|
|
994
|
+
* code in onWillPresent) may have moved it elsewhere while open.
|
|
995
|
+
*/
|
|
996
|
+
this.portalTarget.appendChild(node);
|
|
997
|
+
}
|
|
936
998
|
detachProps(node, this.props);
|
|
937
999
|
}
|
|
938
1000
|
}
|
|
939
1001
|
render() {
|
|
940
1002
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
941
|
-
const { children, forwardedRef, style, className, ref, ...cProps } = this.props;
|
|
1003
|
+
const { children, forwardedRef, style, className, ref, isNested, ...cProps } = this.props;
|
|
942
1004
|
const propsToPass = Object.keys(cProps).reduce((acc, name) => {
|
|
943
1005
|
if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
|
|
944
1006
|
const eventName = name.substring(2).toLowerCase();
|
|
@@ -966,12 +1028,12 @@ const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateH
|
|
|
966
1028
|
}
|
|
967
1029
|
return DELEGATE_HOST;
|
|
968
1030
|
};
|
|
969
|
-
|
|
1031
|
+
const overlayElement = createElement(tagName, newProps,
|
|
1032
|
+
// Children, not the overlay host, observe `isNested = true`.
|
|
1033
|
+
createElement(NestedOverlayContext.Provider, { value: true },
|
|
970
1034
|
/**
|
|
971
|
-
* We only want the inner component
|
|
972
|
-
*
|
|
973
|
-
* so conditionally render the component
|
|
974
|
-
* based on the isOpen state.
|
|
1035
|
+
* We only want the inner component to be mounted if the overlay
|
|
1036
|
+
* is open, so conditionally render based on `isOpen` state.
|
|
975
1037
|
*/
|
|
976
1038
|
this.state.isOpen || this.props.keepContentsMounted
|
|
977
1039
|
? createElement('div', {
|
|
@@ -979,28 +1041,39 @@ const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateH
|
|
|
979
1041
|
className: getWrapperClasses(),
|
|
980
1042
|
}, children)
|
|
981
1043
|
: null));
|
|
1044
|
+
// Top-level overlays portal into `portalTarget` with a marker
|
|
1045
|
+
// `<template>` at the JSX location to recover the immediate JSX
|
|
1046
|
+
// parent after CoreDelegate teleports. Nested overlays and SSR
|
|
1047
|
+
// fall back to a `<template>` wrapper.
|
|
1048
|
+
if (!isNested && this.portalTarget) {
|
|
1049
|
+
return createElement(React.Fragment, null, createElement('template', { ref: this.markerRef }), createPortal(overlayElement, this.portalTarget));
|
|
1050
|
+
}
|
|
1051
|
+
return createElement('template', {}, overlayElement);
|
|
982
1052
|
}
|
|
983
1053
|
static get displayName() {
|
|
984
1054
|
return displayName;
|
|
985
1055
|
}
|
|
986
1056
|
};
|
|
987
|
-
|
|
1057
|
+
// Forward the nesting context as a prop to avoid contextType on the class.
|
|
1058
|
+
const ReactComponentWithNesting = (props) => createElement(NestedOverlayContext.Consumer, null, (isNested) => createElement(ReactComponent, { ...props, isNested }));
|
|
1059
|
+
ReactComponentWithNesting.displayName = displayName;
|
|
1060
|
+
return createForwardRef(ReactComponentWithNesting, displayName);
|
|
988
1061
|
};
|
|
989
1062
|
const DELEGATE_HOST = 'ion-delegate-host';
|
|
990
1063
|
|
|
991
|
-
const IonAlert = /*@__PURE__*/ createInlineOverlayComponent('ion-alert', defineCustomElement$
|
|
1064
|
+
const IonAlert = /*@__PURE__*/ createInlineOverlayComponent('ion-alert', defineCustomElement$1a);
|
|
992
1065
|
|
|
993
|
-
const IonLoading = /*@__PURE__*/ createInlineOverlayComponent('ion-loading', defineCustomElement$
|
|
1066
|
+
const IonLoading = /*@__PURE__*/ createInlineOverlayComponent('ion-loading', defineCustomElement$1b);
|
|
994
1067
|
|
|
995
|
-
const IonToast = /*@__PURE__*/ createInlineOverlayComponent('ion-toast', defineCustomElement$
|
|
1068
|
+
const IonToast = /*@__PURE__*/ createInlineOverlayComponent('ion-toast', defineCustomElement$1c);
|
|
996
1069
|
|
|
997
|
-
const IonPickerLegacy = /*@__PURE__*/ createInlineOverlayComponent('ion-picker-legacy', defineCustomElement$
|
|
1070
|
+
const IonPickerLegacy = /*@__PURE__*/ createInlineOverlayComponent('ion-picker-legacy', defineCustomElement$1d);
|
|
998
1071
|
|
|
999
|
-
const IonActionSheet = /*@__PURE__*/ createInlineOverlayComponent('ion-action-sheet', defineCustomElement$
|
|
1072
|
+
const IonActionSheet = /*@__PURE__*/ createInlineOverlayComponent('ion-action-sheet', defineCustomElement$1e);
|
|
1000
1073
|
|
|
1001
|
-
const IonModal = /*@__PURE__*/ createInlineOverlayComponent('ion-modal', defineCustomElement$
|
|
1074
|
+
const IonModal = /*@__PURE__*/ createInlineOverlayComponent('ion-modal', defineCustomElement$1f, true);
|
|
1002
1075
|
|
|
1003
|
-
const IonPopover = /*@__PURE__*/ createInlineOverlayComponent('ion-popover', defineCustomElement$
|
|
1076
|
+
const IonPopover = /*@__PURE__*/ createInlineOverlayComponent('ion-popover', defineCustomElement$1g);
|
|
1004
1077
|
|
|
1005
1078
|
const IonContext = React.createContext({
|
|
1006
1079
|
addOverlay: () => {
|
|
@@ -1092,14 +1165,14 @@ const IonOverlayManager = ({ onAddOverlay, onRemoveOverlay }) => {
|
|
|
1092
1165
|
}) }));
|
|
1093
1166
|
};
|
|
1094
1167
|
|
|
1095
|
-
const IonTabButtonInner = /*@__PURE__*/ createReactComponent('ion-tab-button', undefined, undefined, defineCustomElement$
|
|
1096
|
-
const IonTabBarInner = /*@__PURE__*/ createReactComponent('ion-tab-bar', undefined, undefined, defineCustomElement$
|
|
1097
|
-
const IonTabsInner = /*@__PURE__*/ createReactComponent('ion-tabs', undefined, undefined, defineCustomElement$
|
|
1098
|
-
const IonBackButtonInner = /*@__PURE__*/ createReactComponent('ion-back-button', undefined, undefined, defineCustomElement$
|
|
1099
|
-
const IonRouterOutletInner = /*@__PURE__*/ createReactComponent('ion-router-outlet', undefined, undefined, defineCustomElement$
|
|
1100
|
-
const IonAppInner = /*@__PURE__*/ createReactComponent('ion-app', undefined, undefined, defineCustomElement$
|
|
1168
|
+
const IonTabButtonInner = /*@__PURE__*/ createReactComponent('ion-tab-button', undefined, undefined, defineCustomElement$1h);
|
|
1169
|
+
const IonTabBarInner = /*@__PURE__*/ createReactComponent('ion-tab-bar', undefined, undefined, defineCustomElement$1i);
|
|
1170
|
+
const IonTabsInner = /*@__PURE__*/ createReactComponent('ion-tabs', undefined, undefined, defineCustomElement$1j);
|
|
1171
|
+
const IonBackButtonInner = /*@__PURE__*/ createReactComponent('ion-back-button', undefined, undefined, defineCustomElement$1k);
|
|
1172
|
+
const IonRouterOutletInner = /*@__PURE__*/ createReactComponent('ion-router-outlet', undefined, undefined, defineCustomElement$1l);
|
|
1173
|
+
const IonAppInner = /*@__PURE__*/ createReactComponent('ion-app', undefined, undefined, defineCustomElement$1m);
|
|
1101
1174
|
// ionicons
|
|
1102
|
-
const IonIconInner = /*@__PURE__*/ createReactComponent('ion-icon', undefined, undefined, defineCustomElement$
|
|
1175
|
+
const IonIconInner = /*@__PURE__*/ createReactComponent('ion-icon', undefined, undefined, defineCustomElement$1n);
|
|
1103
1176
|
|
|
1104
1177
|
class IonApp extends React.Component {
|
|
1105
1178
|
constructor(props) {
|
|
@@ -1252,7 +1325,7 @@ const ReactDelegate = (addView, removeView) => {
|
|
|
1252
1325
|
};
|
|
1253
1326
|
};
|
|
1254
1327
|
|
|
1255
|
-
const IonNavInner = createReactComponent('ion-nav', undefined, undefined, defineCustomElement$
|
|
1328
|
+
const IonNavInner = createReactComponent('ion-nav', undefined, undefined, defineCustomElement$1o);
|
|
1256
1329
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
1257
1330
|
const IonNavInternal = ({ children, forwardedRef, ...restOfProps }) => {
|
|
1258
1331
|
const [views, setViews] = useState([]);
|
|
@@ -2024,7 +2097,7 @@ function useController(displayName, controller, defineCustomElement) {
|
|
|
2024
2097
|
* @returns Returns the present and dismiss methods in an array
|
|
2025
2098
|
*/
|
|
2026
2099
|
function useIonActionSheet() {
|
|
2027
|
-
const controller = useController('IonActionSheet', actionSheetController, defineCustomElement$
|
|
2100
|
+
const controller = useController('IonActionSheet', actionSheetController, defineCustomElement$1e);
|
|
2028
2101
|
const present = useCallback((buttonsOrOptions, header) => {
|
|
2029
2102
|
if (Array.isArray(buttonsOrOptions)) {
|
|
2030
2103
|
return controller.present({
|
|
@@ -2044,7 +2117,7 @@ function useIonActionSheet() {
|
|
|
2044
2117
|
* @returns Returns the present and dismiss methods in an array
|
|
2045
2118
|
*/
|
|
2046
2119
|
function useIonAlert() {
|
|
2047
|
-
const controller = useController('IonAlert', alertController, defineCustomElement$
|
|
2120
|
+
const controller = useController('IonAlert', alertController, defineCustomElement$1a);
|
|
2048
2121
|
const present = useCallback((messageOrOptions, buttons) => {
|
|
2049
2122
|
if (typeof messageOrOptions === 'string') {
|
|
2050
2123
|
return controller.present({
|
|
@@ -2064,7 +2137,7 @@ function useIonAlert() {
|
|
|
2064
2137
|
* @returns Returns the present and dismiss methods in an array
|
|
2065
2138
|
*/
|
|
2066
2139
|
function useIonToast() {
|
|
2067
|
-
const controller = useController('IonToast', toastController, defineCustomElement$
|
|
2140
|
+
const controller = useController('IonToast', toastController, defineCustomElement$1c);
|
|
2068
2141
|
const present = useCallback((messageOrOptions, duration) => {
|
|
2069
2142
|
if (typeof messageOrOptions === 'string') {
|
|
2070
2143
|
return controller.present({
|
|
@@ -2150,7 +2223,7 @@ function useOverlay(displayName, controller, defineCustomElement, component, com
|
|
|
2150
2223
|
* @returns Returns the present and dismiss methods in an array
|
|
2151
2224
|
*/
|
|
2152
2225
|
function useIonModal(component, componentProps) {
|
|
2153
|
-
const controller = useOverlay('IonModal', modalController, defineCustomElement$
|
|
2226
|
+
const controller = useOverlay('IonModal', modalController, defineCustomElement$1f, component, componentProps);
|
|
2154
2227
|
const present = useCallback((options = {}) => {
|
|
2155
2228
|
controller.present(options);
|
|
2156
2229
|
}, [controller.present]);
|
|
@@ -2165,7 +2238,7 @@ function useIonModal(component, componentProps) {
|
|
|
2165
2238
|
* @returns Returns the present and dismiss methods in an array
|
|
2166
2239
|
*/
|
|
2167
2240
|
function useIonPopover(component, componentProps) {
|
|
2168
|
-
const controller = useOverlay('IonPopover', popoverController, defineCustomElement$
|
|
2241
|
+
const controller = useOverlay('IonPopover', popoverController, defineCustomElement$1g, component, componentProps);
|
|
2169
2242
|
const present = useCallback((options = {}) => {
|
|
2170
2243
|
controller.present(options);
|
|
2171
2244
|
}, [controller.present]);
|
|
@@ -2178,7 +2251,7 @@ function useIonPopover(component, componentProps) {
|
|
|
2178
2251
|
* @deprecated Use the inline ion-picker component instead.
|
|
2179
2252
|
*/
|
|
2180
2253
|
function useIonPicker() {
|
|
2181
|
-
const controller = useController('IonPicker', pickerController, defineCustomElement$
|
|
2254
|
+
const controller = useController('IonPicker', pickerController, defineCustomElement$1d);
|
|
2182
2255
|
const present = useCallback((columnsOrOptions, buttons) => {
|
|
2183
2256
|
if (Array.isArray(columnsOrOptions)) {
|
|
2184
2257
|
return controller.present({
|
|
@@ -2198,7 +2271,7 @@ function useIonPicker() {
|
|
|
2198
2271
|
* @returns Returns the present and dismiss methods in an array
|
|
2199
2272
|
*/
|
|
2200
2273
|
function useIonLoading() {
|
|
2201
|
-
const controller = useController('IonLoading', loadingController, defineCustomElement$
|
|
2274
|
+
const controller = useController('IonLoading', loadingController, defineCustomElement$1b);
|
|
2202
2275
|
const present = useCallback((messageOrOptions = {}, duration, spinner) => {
|
|
2203
2276
|
if (typeof messageOrOptions === 'string') {
|
|
2204
2277
|
return controller.present({
|
|
@@ -2544,5 +2617,5 @@ class ViewStacks {
|
|
|
2544
2617
|
}
|
|
2545
2618
|
}
|
|
2546
2619
|
|
|
2547
|
-
export { CreateAnimation, DefaultIonLifeCycleContext, IonAccordion, IonAccordionGroup, IonActionSheet, IonAlert, IonApp, IonAvatar, IonBackButton, IonBackdrop, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonButton, IonButtons, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonCheckbox, IonChip, IonCol, IonContent, IonDatetime, IonDatetimeButton, IonFab, IonFabButton, IonFabList, IonFooter, IonGrid, IonHeader, IonIcon, IonImg, IonInfiniteScroll, IonInfiniteScrollContent, IonInput, IonInputOtp, IonInputPasswordToggle, IonItem, IonItemDivider, IonItemGroup, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonLifeCycleContext, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNavLink, IonNote, IonPage, IonPicker, IonPickerColumn, IonPickerColumnOption, IonPickerLegacy, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRedirect, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRoute, IonRouterContext, IonRouterLink, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSegmentContent, IonSegmentView, IonSelect, IonSelectModal, IonSelectOption, IonSkeletonText, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonTabsContext, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, LocationHistory, NavContext, NavManager, RouteManagerContext, StackContext, ViewLifeCycleManager, ViewStacks, generateId, getConfig, getPlatforms, isPlatform, setupIonicReact, useIonActionSheet, useIonAlert, useIonLoading, useIonModal, useIonPicker, useIonPopover, useIonRouter, useIonToast, useIonViewDidEnter, useIonViewDidLeave, useIonViewWillEnter, useIonViewWillLeave, withIonLifeCycle };
|
|
2620
|
+
export { CreateAnimation, DefaultIonLifeCycleContext, IonAccordion, IonAccordionGroup, IonActionSheet, IonAlert, IonApp, IonAvatar, IonBackButton, IonBackdrop, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonButton, IonButtons, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonCheckbox, IonChip, IonCol, IonContent, IonDatetime, IonDatetimeButton, IonDivider, IonFab, IonFabButton, IonFabList, IonFooter, IonGallery, IonGrid, IonHeader, IonIcon, IonImg, IonInfiniteScroll, IonInfiniteScrollContent, IonInput, IonInputOtp, IonInputPasswordToggle, IonItem, IonItemDivider, IonItemGroup, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonLifeCycleContext, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNavLink, IonNote, IonPage, IonPicker, IonPickerColumn, IonPickerColumnOption, IonPickerLegacy, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRedirect, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRoute, IonRouterContext, IonRouterLink, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSegmentContent, IonSegmentView, IonSelect, IonSelectModal, IonSelectOption, IonSkeletonText, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonTabsContext, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, LocationHistory, NavContext, NavManager, RouteManagerContext, StackContext, ViewLifeCycleManager, ViewStacks, generateId, getConfig, getPlatforms, isPlatform, setupIonicReact, useIonActionSheet, useIonAlert, useIonLoading, useIonModal, useIonPicker, useIonPopover, useIonRouter, useIonToast, useIonViewDidEnter, useIonViewDidLeave, useIonViewWillEnter, useIonViewWillLeave, withIonLifeCycle };
|
|
2548
2621
|
//# sourceMappingURL=index.js.map
|