@ionic/react 8.8.4-dev.11775852701.1bbb2b3e → 8.8.4-dev.11776184632.103b8351
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 +1 -1
- package/css/palettes/dark.always.css.map +1 -1
- package/css/palettes/dark.class.css +1 -1
- package/css/palettes/dark.class.css.map +1 -1
- package/css/palettes/dark.system.css +1 -1
- package/css/palettes/dark.system.css.map +1 -1
- package/css/palettes/high-contrast-dark.always.css +1 -1
- package/css/palettes/high-contrast-dark.always.css.map +1 -1
- package/css/palettes/high-contrast-dark.class.css +1 -1
- package/css/palettes/high-contrast-dark.class.css.map +1 -1
- package/css/palettes/high-contrast-dark.system.css +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 +253 -871
- package/dist/index.js.map +1 -1
- package/dist/types/components/IonActionSheet.d.ts +1 -1
- package/dist/types/components/IonAlert.d.ts +1 -1
- package/dist/types/components/IonIcon.d.ts +1 -1
- package/dist/types/components/IonLoading.d.ts +1 -1
- package/dist/types/components/IonModal.d.ts +1 -1
- package/dist/types/components/IonPage.d.ts +1 -1
- package/dist/types/components/IonPickerLegacy.d.ts +1 -1
- package/dist/types/components/IonPopover.d.ts +1 -1
- package/dist/types/components/IonRouterOutlet.d.ts +2 -2
- package/dist/types/components/IonToast.d.ts +1 -1
- package/dist/types/components/createInlineOverlayComponent.d.ts +1 -1
- package/dist/types/components/createRoutingComponent.d.ts +1 -1
- package/dist/types/components/index.d.ts +1 -1
- package/dist/types/components/navigation/IonNav.d.ts +1 -2
- package/dist/types/components/navigation/IonTabBar.d.ts +1 -1
- package/dist/types/components/navigation/IonTabs.d.ts +2 -1
- package/dist/types/components/proxies.d.ts +74 -0
- package/dist/types/components/react-component-lib/createComponent.d.ts +1 -1
- package/dist/types/components/react-component-lib/utils/index.d.ts +1 -1
- package/dist/types/components/routing-proxies.d.ts +7 -7
- package/dist/types/components/utils/index.d.ts +11 -2
- package/dist/types/lifecycle/IonLifeCycleHOC.d.ts +3 -1
- package/dist/types/routing/NavManager.d.ts +0 -1
- package/dist/types/routing/OutletPageManager.d.ts +0 -1
- package/dist/types/routing/PageManager.d.ts +0 -1
- package/dist/types/routing/ViewLifeCycleManager.d.ts +0 -1
- package/package.json +8 -8
- package/dist/types/components/components.d.ts +0 -326
package/dist/index.js
CHANGED
|
@@ -2,79 +2,80 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
|
2
2
|
import React, { useContext, useRef, useEffect, createElement, useState, useMemo, Fragment as Fragment$1, useCallback } from 'react';
|
|
3
3
|
import { isPlatform as isPlatform$1, getPlatforms as getPlatforms$1, componentOnReady, createAnimation, actionSheetController, alertController, toastController, modalController, popoverController, pickerController, loadingController, initialize } from '@ionic/core/components';
|
|
4
4
|
export { IonicSafeString, IonicSlides, createAnimation, createGesture, getIonPageElement, getTimeGivenProgression, iosTransitionAnimation, mdTransitionAnimation, openURL } from '@ionic/core/components';
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import { defineCustomElement as defineCustomElement$
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
71
|
-
import {
|
|
72
|
-
import {
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
5
|
+
import ReactDOM, { createPortal } from 'react-dom';
|
|
6
|
+
import { defineCustomElement as defineCustomElement$1 } from '@ionic/core/components/ion-accordion.js';
|
|
7
|
+
import { defineCustomElement as defineCustomElement$2 } from '@ionic/core/components/ion-accordion-group.js';
|
|
8
|
+
import { defineCustomElement as defineCustomElement$3 } from '@ionic/core/components/ion-avatar.js';
|
|
9
|
+
import { defineCustomElement as defineCustomElement$4 } from '@ionic/core/components/ion-backdrop.js';
|
|
10
|
+
import { defineCustomElement as defineCustomElement$5 } from '@ionic/core/components/ion-badge.js';
|
|
11
|
+
import { defineCustomElement as defineCustomElement$6 } from '@ionic/core/components/ion-breadcrumbs.js';
|
|
12
|
+
import { defineCustomElement as defineCustomElement$7 } from '@ionic/core/components/ion-buttons.js';
|
|
13
|
+
import { defineCustomElement as defineCustomElement$8 } from '@ionic/core/components/ion-card-content.js';
|
|
14
|
+
import { defineCustomElement as defineCustomElement$9 } from '@ionic/core/components/ion-card-header.js';
|
|
15
|
+
import { defineCustomElement as defineCustomElement$a } from '@ionic/core/components/ion-card-subtitle.js';
|
|
16
|
+
import { defineCustomElement as defineCustomElement$b } from '@ionic/core/components/ion-card-title.js';
|
|
17
|
+
import { defineCustomElement as defineCustomElement$c } from '@ionic/core/components/ion-checkbox.js';
|
|
18
|
+
import { defineCustomElement as defineCustomElement$d } from '@ionic/core/components/ion-chip.js';
|
|
19
|
+
import { defineCustomElement as defineCustomElement$e } from '@ionic/core/components/ion-col.js';
|
|
20
|
+
import { defineCustomElement as defineCustomElement$f } from '@ionic/core/components/ion-content.js';
|
|
21
|
+
import { defineCustomElement as defineCustomElement$g } from '@ionic/core/components/ion-datetime.js';
|
|
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-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-grid.js';
|
|
28
|
+
import { defineCustomElement as defineCustomElement$n } from '@ionic/core/components/ion-header.js';
|
|
29
|
+
import { defineCustomElement as defineCustomElement$o } from '@ionic/core/components/ion-img.js';
|
|
30
|
+
import { defineCustomElement as defineCustomElement$p } from '@ionic/core/components/ion-infinite-scroll.js';
|
|
31
|
+
import { defineCustomElement as defineCustomElement$q } from '@ionic/core/components/ion-infinite-scroll-content.js';
|
|
32
|
+
import { defineCustomElement as defineCustomElement$r } from '@ionic/core/components/ion-input.js';
|
|
33
|
+
import { defineCustomElement as defineCustomElement$s } from '@ionic/core/components/ion-input-otp.js';
|
|
34
|
+
import { defineCustomElement as defineCustomElement$t } from '@ionic/core/components/ion-input-password-toggle.js';
|
|
35
|
+
import { defineCustomElement as defineCustomElement$u } from '@ionic/core/components/ion-item-divider.js';
|
|
36
|
+
import { defineCustomElement as defineCustomElement$v } from '@ionic/core/components/ion-item-group.js';
|
|
37
|
+
import { defineCustomElement as defineCustomElement$w } from '@ionic/core/components/ion-item-options.js';
|
|
38
|
+
import { defineCustomElement as defineCustomElement$x } from '@ionic/core/components/ion-item-sliding.js';
|
|
39
|
+
import { defineCustomElement as defineCustomElement$y } from '@ionic/core/components/ion-label.js';
|
|
40
|
+
import { defineCustomElement as defineCustomElement$z } from '@ionic/core/components/ion-list.js';
|
|
41
|
+
import { defineCustomElement as defineCustomElement$A } from '@ionic/core/components/ion-list-header.js';
|
|
42
|
+
import { defineCustomElement as defineCustomElement$B } from '@ionic/core/components/ion-menu.js';
|
|
43
|
+
import { defineCustomElement as defineCustomElement$C } from '@ionic/core/components/ion-menu-button.js';
|
|
44
|
+
import { defineCustomElement as defineCustomElement$D } from '@ionic/core/components/ion-menu-toggle.js';
|
|
45
|
+
import { defineCustomElement as defineCustomElement$1n } from '@ionic/core/components/ion-nav.js';
|
|
46
|
+
import { defineCustomElement as defineCustomElement$E } from '@ionic/core/components/ion-nav-link.js';
|
|
47
|
+
import { defineCustomElement as defineCustomElement$F } from '@ionic/core/components/ion-note.js';
|
|
48
|
+
import { defineCustomElement as defineCustomElement$G } from '@ionic/core/components/ion-picker.js';
|
|
49
|
+
import { defineCustomElement as defineCustomElement$H } from '@ionic/core/components/ion-picker-column.js';
|
|
50
|
+
import { defineCustomElement as defineCustomElement$I } from '@ionic/core/components/ion-picker-column-option.js';
|
|
51
|
+
import { defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-progress-bar.js';
|
|
52
|
+
import { defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-radio.js';
|
|
53
|
+
import { defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-radio-group.js';
|
|
54
|
+
import { defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-range.js';
|
|
55
|
+
import { defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-refresher.js';
|
|
56
|
+
import { defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-refresher-content.js';
|
|
57
|
+
import { defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-reorder.js';
|
|
58
|
+
import { defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-reorder-group.js';
|
|
59
|
+
import { defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-ripple-effect.js';
|
|
60
|
+
import { defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-row.js';
|
|
61
|
+
import { defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-searchbar.js';
|
|
62
|
+
import { defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-segment.js';
|
|
63
|
+
import { defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-segment-button.js';
|
|
64
|
+
import { defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-segment-content.js';
|
|
65
|
+
import { defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-segment-view.js';
|
|
66
|
+
import { defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-select.js';
|
|
67
|
+
import { defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-select-modal.js';
|
|
68
|
+
import { defineCustomElement as defineCustomElement$_ } from '@ionic/core/components/ion-select-option.js';
|
|
69
|
+
import { defineCustomElement as defineCustomElement$$ } from '@ionic/core/components/ion-skeleton-text.js';
|
|
70
|
+
import { defineCustomElement as defineCustomElement$10 } from '@ionic/core/components/ion-spinner.js';
|
|
71
|
+
import { defineCustomElement as defineCustomElement$11 } from '@ionic/core/components/ion-split-pane.js';
|
|
72
|
+
import { defineCustomElement as defineCustomElement$12 } from '@ionic/core/components/ion-tab.js';
|
|
73
|
+
import { defineCustomElement as defineCustomElement$13 } from '@ionic/core/components/ion-text.js';
|
|
74
|
+
import { defineCustomElement as defineCustomElement$14 } from '@ionic/core/components/ion-textarea.js';
|
|
75
|
+
import { defineCustomElement as defineCustomElement$15 } from '@ionic/core/components/ion-thumbnail.js';
|
|
76
|
+
import { defineCustomElement as defineCustomElement$16 } from '@ionic/core/components/ion-title.js';
|
|
77
|
+
import { defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-toggle.js';
|
|
78
|
+
import { defineCustomElement as defineCustomElement$18 } from '@ionic/core/components/ion-toolbar.js';
|
|
78
79
|
import { IonBreadcrumb as IonBreadcrumb$1 } from '@ionic/core/components/ion-breadcrumb.js';
|
|
79
80
|
import { IonButton as IonButton$1 } from '@ionic/core/components/ion-button.js';
|
|
80
81
|
import { IonCard as IonCard$1 } from '@ionic/core/components/ion-card.js';
|
|
@@ -82,21 +83,20 @@ import { IonFabButton as IonFabButton$1 } from '@ionic/core/components/ion-fab-b
|
|
|
82
83
|
import { IonItemOption as IonItemOption$1 } from '@ionic/core/components/ion-item-option.js';
|
|
83
84
|
import { IonItem as IonItem$1 } from '@ionic/core/components/ion-item.js';
|
|
84
85
|
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
|
|
93
|
-
import { defineCustomElement as defineCustomElement$
|
|
94
|
-
import { defineCustomElement as defineCustomElement$
|
|
95
|
-
import { defineCustomElement as defineCustomElement$
|
|
96
|
-
import { defineCustomElement as defineCustomElement$1g } from '@ionic/core/components/ion-tab-
|
|
97
|
-
import { defineCustomElement as defineCustomElement$
|
|
98
|
-
import { defineCustomElement as defineCustomElement$
|
|
99
|
-
import { defineCustomElement as defineCustomElement$1l } from 'ionicons/components/ion-icon.js';
|
|
86
|
+
import { defineCustomElement as defineCustomElement$19 } from '@ionic/core/components/ion-alert.js';
|
|
87
|
+
import { defineCustomElement as defineCustomElement$1a } from '@ionic/core/components/ion-loading.js';
|
|
88
|
+
import { defineCustomElement as defineCustomElement$1b } from '@ionic/core/components/ion-toast.js';
|
|
89
|
+
import { defineCustomElement as defineCustomElement$1c } from '@ionic/core/components/ion-picker-legacy.js';
|
|
90
|
+
import { defineCustomElement as defineCustomElement$1d } from '@ionic/core/components/ion-action-sheet.js';
|
|
91
|
+
import { defineCustomElement as defineCustomElement$1e } from '@ionic/core/components/ion-modal.js';
|
|
92
|
+
import { defineCustomElement as defineCustomElement$1f } from '@ionic/core/components/ion-popover.js';
|
|
93
|
+
import { defineCustomElement as defineCustomElement$1l } from '@ionic/core/components/ion-app.js';
|
|
94
|
+
import { defineCustomElement as defineCustomElement$1j } from '@ionic/core/components/ion-back-button.js';
|
|
95
|
+
import { defineCustomElement as defineCustomElement$1k } from '@ionic/core/components/ion-router-outlet.js';
|
|
96
|
+
import { defineCustomElement as defineCustomElement$1h } from '@ionic/core/components/ion-tab-bar.js';
|
|
97
|
+
import { defineCustomElement as defineCustomElement$1g } from '@ionic/core/components/ion-tab-button.js';
|
|
98
|
+
import { defineCustomElement as defineCustomElement$1i } from '@ionic/core/components/ion-tabs.js';
|
|
99
|
+
import { defineCustomElement as defineCustomElement$1m } from 'ionicons/components/ion-icon.js';
|
|
100
100
|
|
|
101
101
|
const IonLifeCycleContext = /*@__PURE__*/ React.createContext({
|
|
102
102
|
onIonViewWillEnter: () => {
|
|
@@ -415,699 +415,6 @@ const NavContext = /*@__PURE__*/ React.createContext({
|
|
|
415
415
|
},
|
|
416
416
|
});
|
|
417
417
|
|
|
418
|
-
const IonAccordion =
|
|
419
|
-
/*@__PURE__*/ createComponent({
|
|
420
|
-
tagName: 'ion-accordion',
|
|
421
|
-
elementClass: IonAccordion$1,
|
|
422
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
423
|
-
react: React,
|
|
424
|
-
events: {},
|
|
425
|
-
defineCustomElement: defineCustomElement$1,
|
|
426
|
-
});
|
|
427
|
-
const IonAccordionGroup = /*@__PURE__*/ createComponent({
|
|
428
|
-
tagName: 'ion-accordion-group',
|
|
429
|
-
elementClass: IonAccordionGroup$1,
|
|
430
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
431
|
-
react: React,
|
|
432
|
-
events: { onIonChange: 'ionChange' },
|
|
433
|
-
defineCustomElement: defineCustomElement$2,
|
|
434
|
-
});
|
|
435
|
-
const IonAvatar =
|
|
436
|
-
/*@__PURE__*/ createComponent({
|
|
437
|
-
tagName: 'ion-avatar',
|
|
438
|
-
elementClass: IonAvatar$1,
|
|
439
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
440
|
-
react: React,
|
|
441
|
-
events: {},
|
|
442
|
-
defineCustomElement: defineCustomElement$3,
|
|
443
|
-
});
|
|
444
|
-
const IonBackdrop =
|
|
445
|
-
/*@__PURE__*/ createComponent({
|
|
446
|
-
tagName: 'ion-backdrop',
|
|
447
|
-
elementClass: IonBackdrop$1,
|
|
448
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
449
|
-
react: React,
|
|
450
|
-
events: { onIonBackdropTap: 'ionBackdropTap' },
|
|
451
|
-
defineCustomElement: defineCustomElement$4,
|
|
452
|
-
});
|
|
453
|
-
const IonBadge =
|
|
454
|
-
/*@__PURE__*/ createComponent({
|
|
455
|
-
tagName: 'ion-badge',
|
|
456
|
-
elementClass: IonBadge$1,
|
|
457
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
458
|
-
react: React,
|
|
459
|
-
events: {},
|
|
460
|
-
defineCustomElement: defineCustomElement$5,
|
|
461
|
-
});
|
|
462
|
-
const IonBreadcrumbs = /*@__PURE__*/ createComponent({
|
|
463
|
-
tagName: 'ion-breadcrumbs',
|
|
464
|
-
elementClass: IonBreadcrumbs$1,
|
|
465
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
466
|
-
react: React,
|
|
467
|
-
events: { onIonCollapsedClick: 'ionCollapsedClick' },
|
|
468
|
-
defineCustomElement: defineCustomElement$6,
|
|
469
|
-
});
|
|
470
|
-
const IonButtons =
|
|
471
|
-
/*@__PURE__*/ createComponent({
|
|
472
|
-
tagName: 'ion-buttons',
|
|
473
|
-
elementClass: IonButtons$1,
|
|
474
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
475
|
-
react: React,
|
|
476
|
-
events: {},
|
|
477
|
-
defineCustomElement: defineCustomElement$7,
|
|
478
|
-
});
|
|
479
|
-
const IonCardContent = /*@__PURE__*/ createComponent({
|
|
480
|
-
tagName: 'ion-card-content',
|
|
481
|
-
elementClass: IonCardContent$1,
|
|
482
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
483
|
-
react: React,
|
|
484
|
-
events: {},
|
|
485
|
-
defineCustomElement: defineCustomElement$8,
|
|
486
|
-
});
|
|
487
|
-
const IonCardHeader =
|
|
488
|
-
/*@__PURE__*/ createComponent({
|
|
489
|
-
tagName: 'ion-card-header',
|
|
490
|
-
elementClass: IonCardHeader$1,
|
|
491
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
492
|
-
react: React,
|
|
493
|
-
events: {},
|
|
494
|
-
defineCustomElement: defineCustomElement$9,
|
|
495
|
-
});
|
|
496
|
-
const IonCardSubtitle = /*@__PURE__*/ createComponent({
|
|
497
|
-
tagName: 'ion-card-subtitle',
|
|
498
|
-
elementClass: IonCardSubtitle$1,
|
|
499
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
500
|
-
react: React,
|
|
501
|
-
events: {},
|
|
502
|
-
defineCustomElement: defineCustomElement$a,
|
|
503
|
-
});
|
|
504
|
-
const IonCardTitle =
|
|
505
|
-
/*@__PURE__*/ createComponent({
|
|
506
|
-
tagName: 'ion-card-title',
|
|
507
|
-
elementClass: IonCardTitle$1,
|
|
508
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
509
|
-
react: React,
|
|
510
|
-
events: {},
|
|
511
|
-
defineCustomElement: defineCustomElement$b,
|
|
512
|
-
});
|
|
513
|
-
const IonCheckbox =
|
|
514
|
-
/*@__PURE__*/ createComponent({
|
|
515
|
-
tagName: 'ion-checkbox',
|
|
516
|
-
elementClass: IonCheckbox$1,
|
|
517
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
518
|
-
react: React,
|
|
519
|
-
events: {
|
|
520
|
-
onIonChange: 'ionChange',
|
|
521
|
-
onIonFocus: 'ionFocus',
|
|
522
|
-
onIonBlur: 'ionBlur',
|
|
523
|
-
},
|
|
524
|
-
defineCustomElement: defineCustomElement$c,
|
|
525
|
-
});
|
|
526
|
-
const IonChip =
|
|
527
|
-
/*@__PURE__*/ createComponent({
|
|
528
|
-
tagName: 'ion-chip',
|
|
529
|
-
elementClass: IonChip$1,
|
|
530
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
531
|
-
react: React,
|
|
532
|
-
events: {},
|
|
533
|
-
defineCustomElement: defineCustomElement$d,
|
|
534
|
-
});
|
|
535
|
-
const IonCol =
|
|
536
|
-
/*@__PURE__*/ createComponent({
|
|
537
|
-
tagName: 'ion-col',
|
|
538
|
-
elementClass: IonCol$1,
|
|
539
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
540
|
-
react: React,
|
|
541
|
-
events: {},
|
|
542
|
-
defineCustomElement: defineCustomElement$e,
|
|
543
|
-
});
|
|
544
|
-
const IonContent =
|
|
545
|
-
/*@__PURE__*/ createComponent({
|
|
546
|
-
tagName: 'ion-content',
|
|
547
|
-
elementClass: IonContent$1,
|
|
548
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
549
|
-
react: React,
|
|
550
|
-
events: {
|
|
551
|
-
onIonScrollStart: 'ionScrollStart',
|
|
552
|
-
onIonScroll: 'ionScroll',
|
|
553
|
-
onIonScrollEnd: 'ionScrollEnd',
|
|
554
|
-
},
|
|
555
|
-
defineCustomElement: defineCustomElement$f,
|
|
556
|
-
});
|
|
557
|
-
const IonDatetime =
|
|
558
|
-
/*@__PURE__*/ createComponent({
|
|
559
|
-
tagName: 'ion-datetime',
|
|
560
|
-
elementClass: IonDatetime$1,
|
|
561
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
562
|
-
react: React,
|
|
563
|
-
events: {
|
|
564
|
-
onIonCancel: 'ionCancel',
|
|
565
|
-
onIonChange: 'ionChange',
|
|
566
|
-
onIonFocus: 'ionFocus',
|
|
567
|
-
onIonBlur: 'ionBlur',
|
|
568
|
-
},
|
|
569
|
-
defineCustomElement: defineCustomElement$g,
|
|
570
|
-
});
|
|
571
|
-
const IonDatetimeButton = /*@__PURE__*/ createComponent({
|
|
572
|
-
tagName: 'ion-datetime-button',
|
|
573
|
-
elementClass: IonDatetimeButton$1,
|
|
574
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
575
|
-
react: React,
|
|
576
|
-
events: {},
|
|
577
|
-
defineCustomElement: defineCustomElement$h,
|
|
578
|
-
});
|
|
579
|
-
const IonFab =
|
|
580
|
-
/*@__PURE__*/ createComponent({
|
|
581
|
-
tagName: 'ion-fab',
|
|
582
|
-
elementClass: IonFab$1,
|
|
583
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
584
|
-
react: React,
|
|
585
|
-
events: {},
|
|
586
|
-
defineCustomElement: defineCustomElement$i,
|
|
587
|
-
});
|
|
588
|
-
const IonFabList =
|
|
589
|
-
/*@__PURE__*/ createComponent({
|
|
590
|
-
tagName: 'ion-fab-list',
|
|
591
|
-
elementClass: IonFabList$1,
|
|
592
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
593
|
-
react: React,
|
|
594
|
-
events: {},
|
|
595
|
-
defineCustomElement: defineCustomElement$j,
|
|
596
|
-
});
|
|
597
|
-
const IonFooter =
|
|
598
|
-
/*@__PURE__*/ createComponent({
|
|
599
|
-
tagName: 'ion-footer',
|
|
600
|
-
elementClass: IonFooter$1,
|
|
601
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
602
|
-
react: React,
|
|
603
|
-
events: {},
|
|
604
|
-
defineCustomElement: defineCustomElement$k,
|
|
605
|
-
});
|
|
606
|
-
const IonGrid =
|
|
607
|
-
/*@__PURE__*/ createComponent({
|
|
608
|
-
tagName: 'ion-grid',
|
|
609
|
-
elementClass: IonGrid$1,
|
|
610
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
611
|
-
react: React,
|
|
612
|
-
events: {},
|
|
613
|
-
defineCustomElement: defineCustomElement$l,
|
|
614
|
-
});
|
|
615
|
-
const IonHeader =
|
|
616
|
-
/*@__PURE__*/ createComponent({
|
|
617
|
-
tagName: 'ion-header',
|
|
618
|
-
elementClass: IonHeader$1,
|
|
619
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
620
|
-
react: React,
|
|
621
|
-
events: {},
|
|
622
|
-
defineCustomElement: defineCustomElement$m,
|
|
623
|
-
});
|
|
624
|
-
const IonImg =
|
|
625
|
-
/*@__PURE__*/ createComponent({
|
|
626
|
-
tagName: 'ion-img',
|
|
627
|
-
elementClass: IonImg$1,
|
|
628
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
629
|
-
react: React,
|
|
630
|
-
events: {
|
|
631
|
-
onIonImgWillLoad: 'ionImgWillLoad',
|
|
632
|
-
onIonImgDidLoad: 'ionImgDidLoad',
|
|
633
|
-
onIonError: 'ionError',
|
|
634
|
-
},
|
|
635
|
-
defineCustomElement: defineCustomElement$n,
|
|
636
|
-
});
|
|
637
|
-
const IonInfiniteScroll = /*@__PURE__*/ createComponent({
|
|
638
|
-
tagName: 'ion-infinite-scroll',
|
|
639
|
-
elementClass: IonInfiniteScroll$1,
|
|
640
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
641
|
-
react: React,
|
|
642
|
-
events: { onIonInfinite: 'ionInfinite' },
|
|
643
|
-
defineCustomElement: defineCustomElement$o,
|
|
644
|
-
});
|
|
645
|
-
const IonInfiniteScrollContent = /*@__PURE__*/ createComponent({
|
|
646
|
-
tagName: 'ion-infinite-scroll-content',
|
|
647
|
-
elementClass: IonInfiniteScrollContent$1,
|
|
648
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
649
|
-
react: React,
|
|
650
|
-
events: {},
|
|
651
|
-
defineCustomElement: defineCustomElement$p,
|
|
652
|
-
});
|
|
653
|
-
const IonInput =
|
|
654
|
-
/*@__PURE__*/ createComponent({
|
|
655
|
-
tagName: 'ion-input',
|
|
656
|
-
elementClass: IonInput$1,
|
|
657
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
658
|
-
react: React,
|
|
659
|
-
events: {
|
|
660
|
-
onIonInput: 'ionInput',
|
|
661
|
-
onIonChange: 'ionChange',
|
|
662
|
-
onIonBlur: 'ionBlur',
|
|
663
|
-
onIonFocus: 'ionFocus',
|
|
664
|
-
},
|
|
665
|
-
defineCustomElement: defineCustomElement$q,
|
|
666
|
-
});
|
|
667
|
-
const IonInputOtp =
|
|
668
|
-
/*@__PURE__*/ createComponent({
|
|
669
|
-
tagName: 'ion-input-otp',
|
|
670
|
-
elementClass: IonInputOtp$1,
|
|
671
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
672
|
-
react: React,
|
|
673
|
-
events: {
|
|
674
|
-
onIonInput: 'ionInput',
|
|
675
|
-
onIonChange: 'ionChange',
|
|
676
|
-
onIonComplete: 'ionComplete',
|
|
677
|
-
onIonBlur: 'ionBlur',
|
|
678
|
-
onIonFocus: 'ionFocus',
|
|
679
|
-
},
|
|
680
|
-
defineCustomElement: defineCustomElement$r,
|
|
681
|
-
});
|
|
682
|
-
const IonInputPasswordToggle = /*@__PURE__*/ createComponent({
|
|
683
|
-
tagName: 'ion-input-password-toggle',
|
|
684
|
-
elementClass: IonInputPasswordToggle$1,
|
|
685
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
686
|
-
react: React,
|
|
687
|
-
events: {},
|
|
688
|
-
defineCustomElement: defineCustomElement$s,
|
|
689
|
-
});
|
|
690
|
-
const IonItemDivider = /*@__PURE__*/ createComponent({
|
|
691
|
-
tagName: 'ion-item-divider',
|
|
692
|
-
elementClass: IonItemDivider$1,
|
|
693
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
694
|
-
react: React,
|
|
695
|
-
events: {},
|
|
696
|
-
defineCustomElement: defineCustomElement$t,
|
|
697
|
-
});
|
|
698
|
-
const IonItemGroup =
|
|
699
|
-
/*@__PURE__*/ createComponent({
|
|
700
|
-
tagName: 'ion-item-group',
|
|
701
|
-
elementClass: IonItemGroup$1,
|
|
702
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
703
|
-
react: React,
|
|
704
|
-
events: {},
|
|
705
|
-
defineCustomElement: defineCustomElement$u,
|
|
706
|
-
});
|
|
707
|
-
const IonItemOptions = /*@__PURE__*/ createComponent({
|
|
708
|
-
tagName: 'ion-item-options',
|
|
709
|
-
elementClass: IonItemOptions$1,
|
|
710
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
711
|
-
react: React,
|
|
712
|
-
events: { onIonSwipe: 'ionSwipe' },
|
|
713
|
-
defineCustomElement: defineCustomElement$v,
|
|
714
|
-
});
|
|
715
|
-
const IonItemSliding = /*@__PURE__*/ createComponent({
|
|
716
|
-
tagName: 'ion-item-sliding',
|
|
717
|
-
elementClass: IonItemSliding$1,
|
|
718
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
719
|
-
react: React,
|
|
720
|
-
events: { onIonDrag: 'ionDrag' },
|
|
721
|
-
defineCustomElement: defineCustomElement$w,
|
|
722
|
-
});
|
|
723
|
-
const IonLabel =
|
|
724
|
-
/*@__PURE__*/ createComponent({
|
|
725
|
-
tagName: 'ion-label',
|
|
726
|
-
elementClass: IonLabel$1,
|
|
727
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
728
|
-
react: React,
|
|
729
|
-
events: {},
|
|
730
|
-
defineCustomElement: defineCustomElement$x,
|
|
731
|
-
});
|
|
732
|
-
const IonList =
|
|
733
|
-
/*@__PURE__*/ createComponent({
|
|
734
|
-
tagName: 'ion-list',
|
|
735
|
-
elementClass: IonList$1,
|
|
736
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
737
|
-
react: React,
|
|
738
|
-
events: {},
|
|
739
|
-
defineCustomElement: defineCustomElement$y,
|
|
740
|
-
});
|
|
741
|
-
const IonListHeader =
|
|
742
|
-
/*@__PURE__*/ createComponent({
|
|
743
|
-
tagName: 'ion-list-header',
|
|
744
|
-
elementClass: IonListHeader$1,
|
|
745
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
746
|
-
react: React,
|
|
747
|
-
events: {},
|
|
748
|
-
defineCustomElement: defineCustomElement$z,
|
|
749
|
-
});
|
|
750
|
-
const IonMenu =
|
|
751
|
-
/*@__PURE__*/ createComponent({
|
|
752
|
-
tagName: 'ion-menu',
|
|
753
|
-
elementClass: IonMenu$1,
|
|
754
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
755
|
-
react: React,
|
|
756
|
-
events: {
|
|
757
|
-
onIonWillOpen: 'ionWillOpen',
|
|
758
|
-
onIonWillClose: 'ionWillClose',
|
|
759
|
-
onIonDidOpen: 'ionDidOpen',
|
|
760
|
-
onIonDidClose: 'ionDidClose',
|
|
761
|
-
},
|
|
762
|
-
defineCustomElement: defineCustomElement$A,
|
|
763
|
-
});
|
|
764
|
-
const IonMenuButton =
|
|
765
|
-
/*@__PURE__*/ createComponent({
|
|
766
|
-
tagName: 'ion-menu-button',
|
|
767
|
-
elementClass: IonMenuButton$1,
|
|
768
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
769
|
-
react: React,
|
|
770
|
-
events: {},
|
|
771
|
-
defineCustomElement: defineCustomElement$B,
|
|
772
|
-
});
|
|
773
|
-
const IonMenuToggle =
|
|
774
|
-
/*@__PURE__*/ createComponent({
|
|
775
|
-
tagName: 'ion-menu-toggle',
|
|
776
|
-
elementClass: IonMenuToggle$1,
|
|
777
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
778
|
-
react: React,
|
|
779
|
-
events: {},
|
|
780
|
-
defineCustomElement: defineCustomElement$C,
|
|
781
|
-
});
|
|
782
|
-
const IonNavLink =
|
|
783
|
-
/*@__PURE__*/ createComponent({
|
|
784
|
-
tagName: 'ion-nav-link',
|
|
785
|
-
elementClass: IonNavLink$1,
|
|
786
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
787
|
-
react: React,
|
|
788
|
-
events: {},
|
|
789
|
-
defineCustomElement: defineCustomElement$D,
|
|
790
|
-
});
|
|
791
|
-
const IonNote =
|
|
792
|
-
/*@__PURE__*/ createComponent({
|
|
793
|
-
tagName: 'ion-note',
|
|
794
|
-
elementClass: IonNote$1,
|
|
795
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
796
|
-
react: React,
|
|
797
|
-
events: {},
|
|
798
|
-
defineCustomElement: defineCustomElement$E,
|
|
799
|
-
});
|
|
800
|
-
const IonPicker =
|
|
801
|
-
/*@__PURE__*/ createComponent({
|
|
802
|
-
tagName: 'ion-picker',
|
|
803
|
-
elementClass: IonPicker$1,
|
|
804
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
805
|
-
react: React,
|
|
806
|
-
events: {},
|
|
807
|
-
defineCustomElement: defineCustomElement$F,
|
|
808
|
-
});
|
|
809
|
-
const IonPickerColumn = /*@__PURE__*/ createComponent({
|
|
810
|
-
tagName: 'ion-picker-column',
|
|
811
|
-
elementClass: IonPickerColumn$1,
|
|
812
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
813
|
-
react: React,
|
|
814
|
-
events: { onIonChange: 'ionChange' },
|
|
815
|
-
defineCustomElement: defineCustomElement$G,
|
|
816
|
-
});
|
|
817
|
-
const IonPickerColumnOption = /*@__PURE__*/ createComponent({
|
|
818
|
-
tagName: 'ion-picker-column-option',
|
|
819
|
-
elementClass: IonPickerColumnOption$1,
|
|
820
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
821
|
-
react: React,
|
|
822
|
-
events: {},
|
|
823
|
-
defineCustomElement: defineCustomElement$H,
|
|
824
|
-
});
|
|
825
|
-
const IonProgressBar = /*@__PURE__*/ createComponent({
|
|
826
|
-
tagName: 'ion-progress-bar',
|
|
827
|
-
elementClass: IonProgressBar$1,
|
|
828
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
829
|
-
react: React,
|
|
830
|
-
events: {},
|
|
831
|
-
defineCustomElement: defineCustomElement$I,
|
|
832
|
-
});
|
|
833
|
-
const IonRadio =
|
|
834
|
-
/*@__PURE__*/ createComponent({
|
|
835
|
-
tagName: 'ion-radio',
|
|
836
|
-
elementClass: IonRadio$1,
|
|
837
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
838
|
-
react: React,
|
|
839
|
-
events: {
|
|
840
|
-
onIonFocus: 'ionFocus',
|
|
841
|
-
onIonBlur: 'ionBlur',
|
|
842
|
-
},
|
|
843
|
-
defineCustomElement: defineCustomElement$J,
|
|
844
|
-
});
|
|
845
|
-
const IonRadioGroup =
|
|
846
|
-
/*@__PURE__*/ createComponent({
|
|
847
|
-
tagName: 'ion-radio-group',
|
|
848
|
-
elementClass: IonRadioGroup$1,
|
|
849
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
850
|
-
react: React,
|
|
851
|
-
events: { onIonChange: 'ionChange' },
|
|
852
|
-
defineCustomElement: defineCustomElement$K,
|
|
853
|
-
});
|
|
854
|
-
const IonRange =
|
|
855
|
-
/*@__PURE__*/ createComponent({
|
|
856
|
-
tagName: 'ion-range',
|
|
857
|
-
elementClass: IonRange$1,
|
|
858
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
859
|
-
react: React,
|
|
860
|
-
events: {
|
|
861
|
-
onIonChange: 'ionChange',
|
|
862
|
-
onIonInput: 'ionInput',
|
|
863
|
-
onIonFocus: 'ionFocus',
|
|
864
|
-
onIonBlur: 'ionBlur',
|
|
865
|
-
onIonKnobMoveStart: 'ionKnobMoveStart',
|
|
866
|
-
onIonKnobMoveEnd: 'ionKnobMoveEnd',
|
|
867
|
-
},
|
|
868
|
-
defineCustomElement: defineCustomElement$L,
|
|
869
|
-
});
|
|
870
|
-
const IonRefresher =
|
|
871
|
-
/*@__PURE__*/ createComponent({
|
|
872
|
-
tagName: 'ion-refresher',
|
|
873
|
-
elementClass: IonRefresher$1,
|
|
874
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
875
|
-
react: React,
|
|
876
|
-
events: {
|
|
877
|
-
onIonRefresh: 'ionRefresh',
|
|
878
|
-
onIonPull: 'ionPull',
|
|
879
|
-
onIonStart: 'ionStart',
|
|
880
|
-
onIonPullStart: 'ionPullStart',
|
|
881
|
-
onIonPullEnd: 'ionPullEnd',
|
|
882
|
-
},
|
|
883
|
-
defineCustomElement: defineCustomElement$M,
|
|
884
|
-
});
|
|
885
|
-
const IonRefresherContent = /*@__PURE__*/ createComponent({
|
|
886
|
-
tagName: 'ion-refresher-content',
|
|
887
|
-
elementClass: IonRefresherContent$1,
|
|
888
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
889
|
-
react: React,
|
|
890
|
-
events: {},
|
|
891
|
-
defineCustomElement: defineCustomElement$N,
|
|
892
|
-
});
|
|
893
|
-
const IonReorder =
|
|
894
|
-
/*@__PURE__*/ createComponent({
|
|
895
|
-
tagName: 'ion-reorder',
|
|
896
|
-
elementClass: IonReorder$1,
|
|
897
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
898
|
-
react: React,
|
|
899
|
-
events: {},
|
|
900
|
-
defineCustomElement: defineCustomElement$O,
|
|
901
|
-
});
|
|
902
|
-
const IonReorderGroup = /*@__PURE__*/ createComponent({
|
|
903
|
-
tagName: 'ion-reorder-group',
|
|
904
|
-
elementClass: IonReorderGroup$1,
|
|
905
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
906
|
-
react: React,
|
|
907
|
-
events: {
|
|
908
|
-
onIonItemReorder: 'ionItemReorder',
|
|
909
|
-
onIonReorderStart: 'ionReorderStart',
|
|
910
|
-
onIonReorderMove: 'ionReorderMove',
|
|
911
|
-
onIonReorderEnd: 'ionReorderEnd',
|
|
912
|
-
},
|
|
913
|
-
defineCustomElement: defineCustomElement$P,
|
|
914
|
-
});
|
|
915
|
-
const IonRippleEffect = /*@__PURE__*/ createComponent({
|
|
916
|
-
tagName: 'ion-ripple-effect',
|
|
917
|
-
elementClass: IonRippleEffect$1,
|
|
918
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
919
|
-
react: React,
|
|
920
|
-
events: {},
|
|
921
|
-
defineCustomElement: defineCustomElement$Q,
|
|
922
|
-
});
|
|
923
|
-
const IonRow =
|
|
924
|
-
/*@__PURE__*/ createComponent({
|
|
925
|
-
tagName: 'ion-row',
|
|
926
|
-
elementClass: IonRow$1,
|
|
927
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
928
|
-
react: React,
|
|
929
|
-
events: {},
|
|
930
|
-
defineCustomElement: defineCustomElement$R,
|
|
931
|
-
});
|
|
932
|
-
const IonSearchbar =
|
|
933
|
-
/*@__PURE__*/ createComponent({
|
|
934
|
-
tagName: 'ion-searchbar',
|
|
935
|
-
elementClass: IonSearchbar$1,
|
|
936
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
937
|
-
react: React,
|
|
938
|
-
events: {
|
|
939
|
-
onIonInput: 'ionInput',
|
|
940
|
-
onIonChange: 'ionChange',
|
|
941
|
-
onIonCancel: 'ionCancel',
|
|
942
|
-
onIonClear: 'ionClear',
|
|
943
|
-
onIonBlur: 'ionBlur',
|
|
944
|
-
onIonFocus: 'ionFocus',
|
|
945
|
-
},
|
|
946
|
-
defineCustomElement: defineCustomElement$S,
|
|
947
|
-
});
|
|
948
|
-
const IonSegment =
|
|
949
|
-
/*@__PURE__*/ createComponent({
|
|
950
|
-
tagName: 'ion-segment',
|
|
951
|
-
elementClass: IonSegment$1,
|
|
952
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
953
|
-
react: React,
|
|
954
|
-
events: { onIonChange: 'ionChange' },
|
|
955
|
-
defineCustomElement: defineCustomElement$T,
|
|
956
|
-
});
|
|
957
|
-
const IonSegmentButton = /*@__PURE__*/ createComponent({
|
|
958
|
-
tagName: 'ion-segment-button',
|
|
959
|
-
elementClass: IonSegmentButton$1,
|
|
960
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
961
|
-
react: React,
|
|
962
|
-
events: {},
|
|
963
|
-
defineCustomElement: defineCustomElement$U,
|
|
964
|
-
});
|
|
965
|
-
const IonSegmentContent = /*@__PURE__*/ createComponent({
|
|
966
|
-
tagName: 'ion-segment-content',
|
|
967
|
-
elementClass: IonSegmentContent$1,
|
|
968
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
969
|
-
react: React,
|
|
970
|
-
events: {},
|
|
971
|
-
defineCustomElement: defineCustomElement$V,
|
|
972
|
-
});
|
|
973
|
-
const IonSegmentView = /*@__PURE__*/ createComponent({
|
|
974
|
-
tagName: 'ion-segment-view',
|
|
975
|
-
elementClass: IonSegmentView$1,
|
|
976
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
977
|
-
react: React,
|
|
978
|
-
events: { onIonSegmentViewScroll: 'ionSegmentViewScroll' },
|
|
979
|
-
defineCustomElement: defineCustomElement$W,
|
|
980
|
-
});
|
|
981
|
-
const IonSelect =
|
|
982
|
-
/*@__PURE__*/ createComponent({
|
|
983
|
-
tagName: 'ion-select',
|
|
984
|
-
elementClass: IonSelect$1,
|
|
985
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
986
|
-
react: React,
|
|
987
|
-
events: {
|
|
988
|
-
onIonChange: 'ionChange',
|
|
989
|
-
onIonCancel: 'ionCancel',
|
|
990
|
-
onIonDismiss: 'ionDismiss',
|
|
991
|
-
onIonFocus: 'ionFocus',
|
|
992
|
-
onIonBlur: 'ionBlur',
|
|
993
|
-
},
|
|
994
|
-
defineCustomElement: defineCustomElement$X,
|
|
995
|
-
});
|
|
996
|
-
const IonSelectModal = /*@__PURE__*/ createComponent({
|
|
997
|
-
tagName: 'ion-select-modal',
|
|
998
|
-
elementClass: IonSelectModal$1,
|
|
999
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
1000
|
-
react: React,
|
|
1001
|
-
events: {},
|
|
1002
|
-
defineCustomElement: defineCustomElement$Y,
|
|
1003
|
-
});
|
|
1004
|
-
const IonSelectOption = /*@__PURE__*/ createComponent({
|
|
1005
|
-
tagName: 'ion-select-option',
|
|
1006
|
-
elementClass: IonSelectOption$1,
|
|
1007
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
1008
|
-
react: React,
|
|
1009
|
-
events: {},
|
|
1010
|
-
defineCustomElement: defineCustomElement$Z,
|
|
1011
|
-
});
|
|
1012
|
-
const IonSkeletonText = /*@__PURE__*/ createComponent({
|
|
1013
|
-
tagName: 'ion-skeleton-text',
|
|
1014
|
-
elementClass: IonSkeletonText$1,
|
|
1015
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
1016
|
-
react: React,
|
|
1017
|
-
events: {},
|
|
1018
|
-
defineCustomElement: defineCustomElement$_,
|
|
1019
|
-
});
|
|
1020
|
-
const IonSpinner =
|
|
1021
|
-
/*@__PURE__*/ createComponent({
|
|
1022
|
-
tagName: 'ion-spinner',
|
|
1023
|
-
elementClass: IonSpinner$1,
|
|
1024
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
1025
|
-
react: React,
|
|
1026
|
-
events: {},
|
|
1027
|
-
defineCustomElement: defineCustomElement$$,
|
|
1028
|
-
});
|
|
1029
|
-
const IonSplitPane =
|
|
1030
|
-
/*@__PURE__*/ createComponent({
|
|
1031
|
-
tagName: 'ion-split-pane',
|
|
1032
|
-
elementClass: IonSplitPane$1,
|
|
1033
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
1034
|
-
react: React,
|
|
1035
|
-
events: { onIonSplitPaneVisible: 'ionSplitPaneVisible' },
|
|
1036
|
-
defineCustomElement: defineCustomElement$10,
|
|
1037
|
-
});
|
|
1038
|
-
const IonTab =
|
|
1039
|
-
/*@__PURE__*/ createComponent({
|
|
1040
|
-
tagName: 'ion-tab',
|
|
1041
|
-
elementClass: IonTab$1,
|
|
1042
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
1043
|
-
react: React,
|
|
1044
|
-
events: {},
|
|
1045
|
-
defineCustomElement: defineCustomElement$11,
|
|
1046
|
-
});
|
|
1047
|
-
const IonText =
|
|
1048
|
-
/*@__PURE__*/ createComponent({
|
|
1049
|
-
tagName: 'ion-text',
|
|
1050
|
-
elementClass: IonText$1,
|
|
1051
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
1052
|
-
react: React,
|
|
1053
|
-
events: {},
|
|
1054
|
-
defineCustomElement: defineCustomElement$12,
|
|
1055
|
-
});
|
|
1056
|
-
const IonTextarea =
|
|
1057
|
-
/*@__PURE__*/ createComponent({
|
|
1058
|
-
tagName: 'ion-textarea',
|
|
1059
|
-
elementClass: IonTextarea$1,
|
|
1060
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
1061
|
-
react: React,
|
|
1062
|
-
events: {
|
|
1063
|
-
onIonChange: 'ionChange',
|
|
1064
|
-
onIonInput: 'ionInput',
|
|
1065
|
-
onIonBlur: 'ionBlur',
|
|
1066
|
-
onIonFocus: 'ionFocus',
|
|
1067
|
-
},
|
|
1068
|
-
defineCustomElement: defineCustomElement$13,
|
|
1069
|
-
});
|
|
1070
|
-
const IonThumbnail =
|
|
1071
|
-
/*@__PURE__*/ createComponent({
|
|
1072
|
-
tagName: 'ion-thumbnail',
|
|
1073
|
-
elementClass: IonThumbnail$1,
|
|
1074
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
1075
|
-
react: React,
|
|
1076
|
-
events: {},
|
|
1077
|
-
defineCustomElement: defineCustomElement$14,
|
|
1078
|
-
});
|
|
1079
|
-
const IonTitle =
|
|
1080
|
-
/*@__PURE__*/ createComponent({
|
|
1081
|
-
tagName: 'ion-title',
|
|
1082
|
-
elementClass: IonTitle$1,
|
|
1083
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
1084
|
-
react: React,
|
|
1085
|
-
events: {},
|
|
1086
|
-
defineCustomElement: defineCustomElement$15,
|
|
1087
|
-
});
|
|
1088
|
-
const IonToggle =
|
|
1089
|
-
/*@__PURE__*/ createComponent({
|
|
1090
|
-
tagName: 'ion-toggle',
|
|
1091
|
-
elementClass: IonToggle$1,
|
|
1092
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
1093
|
-
react: React,
|
|
1094
|
-
events: {
|
|
1095
|
-
onIonChange: 'ionChange',
|
|
1096
|
-
onIonFocus: 'ionFocus',
|
|
1097
|
-
onIonBlur: 'ionBlur',
|
|
1098
|
-
},
|
|
1099
|
-
defineCustomElement: defineCustomElement$16,
|
|
1100
|
-
});
|
|
1101
|
-
const IonToolbar =
|
|
1102
|
-
/*@__PURE__*/ createComponent({
|
|
1103
|
-
tagName: 'ion-toolbar',
|
|
1104
|
-
elementClass: IonToolbar$1,
|
|
1105
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
1106
|
-
react: React,
|
|
1107
|
-
events: {},
|
|
1108
|
-
defineCustomElement: defineCustomElement$17,
|
|
1109
|
-
});
|
|
1110
|
-
|
|
1111
418
|
const dashToPascalCase = (str) => str
|
|
1112
419
|
.toLowerCase()
|
|
1113
420
|
.split('-')
|
|
@@ -1251,6 +558,148 @@ const defineCustomElement = (tagName, customElement) => {
|
|
|
1251
558
|
}
|
|
1252
559
|
};
|
|
1253
560
|
|
|
561
|
+
const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
|
|
562
|
+
if (defineCustomElement !== undefined) {
|
|
563
|
+
defineCustomElement();
|
|
564
|
+
}
|
|
565
|
+
const displayName = dashToPascalCase(tagName);
|
|
566
|
+
const ReactComponent = class extends React.Component {
|
|
567
|
+
constructor(props) {
|
|
568
|
+
super(props);
|
|
569
|
+
this.setComponentElRef = (element) => {
|
|
570
|
+
this.componentEl = element;
|
|
571
|
+
};
|
|
572
|
+
}
|
|
573
|
+
componentDidMount() {
|
|
574
|
+
this.componentDidUpdate(this.props);
|
|
575
|
+
}
|
|
576
|
+
componentDidUpdate(prevProps) {
|
|
577
|
+
attachProps(this.componentEl, this.props, prevProps);
|
|
578
|
+
}
|
|
579
|
+
render() {
|
|
580
|
+
const { children, forwardedRef, style, className, ref, ...cProps } = this.props;
|
|
581
|
+
let propsToPass = Object.keys(cProps).reduce((acc, name) => {
|
|
582
|
+
const value = cProps[name];
|
|
583
|
+
if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
|
|
584
|
+
const eventName = name.substring(2).toLowerCase();
|
|
585
|
+
if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
|
|
586
|
+
acc[name] = value;
|
|
587
|
+
}
|
|
588
|
+
}
|
|
589
|
+
else {
|
|
590
|
+
// we should only render strings, booleans, and numbers as attrs in html.
|
|
591
|
+
// objects, functions, arrays etc get synced via properties on mount.
|
|
592
|
+
const type = typeof value;
|
|
593
|
+
if (type === 'string' || type === 'boolean' || type === 'number') {
|
|
594
|
+
acc[camelToDashCase(name)] = value;
|
|
595
|
+
}
|
|
596
|
+
}
|
|
597
|
+
return acc;
|
|
598
|
+
}, {});
|
|
599
|
+
if (manipulatePropsFunction) {
|
|
600
|
+
propsToPass = manipulatePropsFunction(this.props, propsToPass);
|
|
601
|
+
}
|
|
602
|
+
const newProps = {
|
|
603
|
+
...propsToPass,
|
|
604
|
+
ref: mergeRefs(forwardedRef, this.setComponentElRef),
|
|
605
|
+
style,
|
|
606
|
+
};
|
|
607
|
+
/**
|
|
608
|
+
* We use createElement here instead of
|
|
609
|
+
* React.createElement to work around a
|
|
610
|
+
* bug in Vite (https://github.com/vitejs/vite/issues/6104).
|
|
611
|
+
* React.createElement causes all elements to be rendered
|
|
612
|
+
* as <tagname> instead of the actual Web Component.
|
|
613
|
+
*/
|
|
614
|
+
return createElement(tagName, newProps, children);
|
|
615
|
+
}
|
|
616
|
+
static get displayName() {
|
|
617
|
+
return displayName;
|
|
618
|
+
}
|
|
619
|
+
};
|
|
620
|
+
// If context was passed to createReactComponent then conditionally add it to the Component Class
|
|
621
|
+
if (ReactComponentContext) {
|
|
622
|
+
ReactComponent.contextType = ReactComponentContext;
|
|
623
|
+
}
|
|
624
|
+
return createForwardRef$1(ReactComponent, displayName);
|
|
625
|
+
};
|
|
626
|
+
|
|
627
|
+
/* eslint-disable */
|
|
628
|
+
/* tslint:disable */
|
|
629
|
+
/* auto-generated react proxies */
|
|
630
|
+
const IonAccordion = /*@__PURE__*/ createReactComponent('ion-accordion', undefined, undefined, defineCustomElement$1);
|
|
631
|
+
const IonAccordionGroup = /*@__PURE__*/ createReactComponent('ion-accordion-group', undefined, undefined, defineCustomElement$2);
|
|
632
|
+
const IonAvatar = /*@__PURE__*/ createReactComponent('ion-avatar', undefined, undefined, defineCustomElement$3);
|
|
633
|
+
const IonBackdrop = /*@__PURE__*/ createReactComponent('ion-backdrop', undefined, undefined, defineCustomElement$4);
|
|
634
|
+
const IonBadge = /*@__PURE__*/ createReactComponent('ion-badge', undefined, undefined, defineCustomElement$5);
|
|
635
|
+
const IonBreadcrumbs = /*@__PURE__*/ createReactComponent('ion-breadcrumbs', undefined, undefined, defineCustomElement$6);
|
|
636
|
+
const IonButtons = /*@__PURE__*/ createReactComponent('ion-buttons', undefined, undefined, defineCustomElement$7);
|
|
637
|
+
const IonCardContent = /*@__PURE__*/ createReactComponent('ion-card-content', undefined, undefined, defineCustomElement$8);
|
|
638
|
+
const IonCardHeader = /*@__PURE__*/ createReactComponent('ion-card-header', undefined, undefined, defineCustomElement$9);
|
|
639
|
+
const IonCardSubtitle = /*@__PURE__*/ createReactComponent('ion-card-subtitle', undefined, undefined, defineCustomElement$a);
|
|
640
|
+
const IonCardTitle = /*@__PURE__*/ createReactComponent('ion-card-title', undefined, undefined, defineCustomElement$b);
|
|
641
|
+
const IonCheckbox = /*@__PURE__*/ createReactComponent('ion-checkbox', undefined, undefined, defineCustomElement$c);
|
|
642
|
+
const IonChip = /*@__PURE__*/ createReactComponent('ion-chip', undefined, undefined, defineCustomElement$d);
|
|
643
|
+
const IonCol = /*@__PURE__*/ createReactComponent('ion-col', undefined, undefined, defineCustomElement$e);
|
|
644
|
+
const IonContent = /*@__PURE__*/ createReactComponent('ion-content', undefined, undefined, defineCustomElement$f);
|
|
645
|
+
const IonDatetime = /*@__PURE__*/ createReactComponent('ion-datetime', undefined, undefined, defineCustomElement$g);
|
|
646
|
+
const IonDatetimeButton = /*@__PURE__*/ createReactComponent('ion-datetime-button', undefined, undefined, defineCustomElement$h);
|
|
647
|
+
const IonDivider = /*@__PURE__*/ createReactComponent('ion-divider', undefined, undefined, defineCustomElement$i);
|
|
648
|
+
const IonFab = /*@__PURE__*/ createReactComponent('ion-fab', undefined, undefined, defineCustomElement$j);
|
|
649
|
+
const IonFabList = /*@__PURE__*/ createReactComponent('ion-fab-list', undefined, undefined, defineCustomElement$k);
|
|
650
|
+
const IonFooter = /*@__PURE__*/ createReactComponent('ion-footer', undefined, undefined, defineCustomElement$l);
|
|
651
|
+
const IonGrid = /*@__PURE__*/ createReactComponent('ion-grid', undefined, undefined, defineCustomElement$m);
|
|
652
|
+
const IonHeader = /*@__PURE__*/ createReactComponent('ion-header', undefined, undefined, defineCustomElement$n);
|
|
653
|
+
const IonImg = /*@__PURE__*/ createReactComponent('ion-img', undefined, undefined, defineCustomElement$o);
|
|
654
|
+
const IonInfiniteScroll = /*@__PURE__*/ createReactComponent('ion-infinite-scroll', undefined, undefined, defineCustomElement$p);
|
|
655
|
+
const IonInfiniteScrollContent = /*@__PURE__*/ createReactComponent('ion-infinite-scroll-content', undefined, undefined, defineCustomElement$q);
|
|
656
|
+
const IonInput = /*@__PURE__*/ createReactComponent('ion-input', undefined, undefined, defineCustomElement$r);
|
|
657
|
+
const IonInputOtp = /*@__PURE__*/ createReactComponent('ion-input-otp', undefined, undefined, defineCustomElement$s);
|
|
658
|
+
const IonInputPasswordToggle = /*@__PURE__*/ createReactComponent('ion-input-password-toggle', undefined, undefined, defineCustomElement$t);
|
|
659
|
+
const IonItemDivider = /*@__PURE__*/ createReactComponent('ion-item-divider', undefined, undefined, defineCustomElement$u);
|
|
660
|
+
const IonItemGroup = /*@__PURE__*/ createReactComponent('ion-item-group', undefined, undefined, defineCustomElement$v);
|
|
661
|
+
const IonItemOptions = /*@__PURE__*/ createReactComponent('ion-item-options', undefined, undefined, defineCustomElement$w);
|
|
662
|
+
const IonItemSliding = /*@__PURE__*/ createReactComponent('ion-item-sliding', undefined, undefined, defineCustomElement$x);
|
|
663
|
+
const IonLabel = /*@__PURE__*/ createReactComponent('ion-label', undefined, undefined, defineCustomElement$y);
|
|
664
|
+
const IonList = /*@__PURE__*/ createReactComponent('ion-list', undefined, undefined, defineCustomElement$z);
|
|
665
|
+
const IonListHeader = /*@__PURE__*/ createReactComponent('ion-list-header', undefined, undefined, defineCustomElement$A);
|
|
666
|
+
const IonMenu = /*@__PURE__*/ createReactComponent('ion-menu', undefined, undefined, defineCustomElement$B);
|
|
667
|
+
const IonMenuButton = /*@__PURE__*/ createReactComponent('ion-menu-button', undefined, undefined, defineCustomElement$C);
|
|
668
|
+
const IonMenuToggle = /*@__PURE__*/ createReactComponent('ion-menu-toggle', undefined, undefined, defineCustomElement$D);
|
|
669
|
+
const IonNavLink = /*@__PURE__*/ createReactComponent('ion-nav-link', undefined, undefined, defineCustomElement$E);
|
|
670
|
+
const IonNote = /*@__PURE__*/ createReactComponent('ion-note', undefined, undefined, defineCustomElement$F);
|
|
671
|
+
const IonPicker = /*@__PURE__*/ createReactComponent('ion-picker', undefined, undefined, defineCustomElement$G);
|
|
672
|
+
const IonPickerColumn = /*@__PURE__*/ createReactComponent('ion-picker-column', undefined, undefined, defineCustomElement$H);
|
|
673
|
+
const IonPickerColumnOption = /*@__PURE__*/ createReactComponent('ion-picker-column-option', undefined, undefined, defineCustomElement$I);
|
|
674
|
+
const IonProgressBar = /*@__PURE__*/ createReactComponent('ion-progress-bar', undefined, undefined, defineCustomElement$J);
|
|
675
|
+
const IonRadio = /*@__PURE__*/ createReactComponent('ion-radio', undefined, undefined, defineCustomElement$K);
|
|
676
|
+
const IonRadioGroup = /*@__PURE__*/ createReactComponent('ion-radio-group', undefined, undefined, defineCustomElement$L);
|
|
677
|
+
const IonRange = /*@__PURE__*/ createReactComponent('ion-range', undefined, undefined, defineCustomElement$M);
|
|
678
|
+
const IonRefresher = /*@__PURE__*/ createReactComponent('ion-refresher', undefined, undefined, defineCustomElement$N);
|
|
679
|
+
const IonRefresherContent = /*@__PURE__*/ createReactComponent('ion-refresher-content', undefined, undefined, defineCustomElement$O);
|
|
680
|
+
const IonReorder = /*@__PURE__*/ createReactComponent('ion-reorder', undefined, undefined, defineCustomElement$P);
|
|
681
|
+
const IonReorderGroup = /*@__PURE__*/ createReactComponent('ion-reorder-group', undefined, undefined, defineCustomElement$Q);
|
|
682
|
+
const IonRippleEffect = /*@__PURE__*/ createReactComponent('ion-ripple-effect', undefined, undefined, defineCustomElement$R);
|
|
683
|
+
const IonRow = /*@__PURE__*/ createReactComponent('ion-row', undefined, undefined, defineCustomElement$S);
|
|
684
|
+
const IonSearchbar = /*@__PURE__*/ createReactComponent('ion-searchbar', undefined, undefined, defineCustomElement$T);
|
|
685
|
+
const IonSegment = /*@__PURE__*/ createReactComponent('ion-segment', undefined, undefined, defineCustomElement$U);
|
|
686
|
+
const IonSegmentButton = /*@__PURE__*/ createReactComponent('ion-segment-button', undefined, undefined, defineCustomElement$V);
|
|
687
|
+
const IonSegmentContent = /*@__PURE__*/ createReactComponent('ion-segment-content', undefined, undefined, defineCustomElement$W);
|
|
688
|
+
const IonSegmentView = /*@__PURE__*/ createReactComponent('ion-segment-view', undefined, undefined, defineCustomElement$X);
|
|
689
|
+
const IonSelect = /*@__PURE__*/ createReactComponent('ion-select', undefined, undefined, defineCustomElement$Y);
|
|
690
|
+
const IonSelectModal = /*@__PURE__*/ createReactComponent('ion-select-modal', undefined, undefined, defineCustomElement$Z);
|
|
691
|
+
const IonSelectOption = /*@__PURE__*/ createReactComponent('ion-select-option', undefined, undefined, defineCustomElement$_);
|
|
692
|
+
const IonSkeletonText = /*@__PURE__*/ createReactComponent('ion-skeleton-text', undefined, undefined, defineCustomElement$$);
|
|
693
|
+
const IonSpinner = /*@__PURE__*/ createReactComponent('ion-spinner', undefined, undefined, defineCustomElement$10);
|
|
694
|
+
const IonSplitPane = /*@__PURE__*/ createReactComponent('ion-split-pane', undefined, undefined, defineCustomElement$11);
|
|
695
|
+
const IonTab = /*@__PURE__*/ createReactComponent('ion-tab', undefined, undefined, defineCustomElement$12);
|
|
696
|
+
const IonText = /*@__PURE__*/ createReactComponent('ion-text', undefined, undefined, defineCustomElement$13);
|
|
697
|
+
const IonTextarea = /*@__PURE__*/ createReactComponent('ion-textarea', undefined, undefined, defineCustomElement$14);
|
|
698
|
+
const IonThumbnail = /*@__PURE__*/ createReactComponent('ion-thumbnail', undefined, undefined, defineCustomElement$15);
|
|
699
|
+
const IonTitle = /*@__PURE__*/ createReactComponent('ion-title', undefined, undefined, defineCustomElement$16);
|
|
700
|
+
const IonToggle = /*@__PURE__*/ createReactComponent('ion-toggle', undefined, undefined, defineCustomElement$17);
|
|
701
|
+
const IonToolbar = /*@__PURE__*/ createReactComponent('ion-toolbar', undefined, undefined, defineCustomElement$18);
|
|
702
|
+
|
|
1254
703
|
const createForwardRef = (ReactComponent, // TODO(FW-2959): type
|
|
1255
704
|
displayName) => {
|
|
1256
705
|
const forwardRef = (props, ref) => {
|
|
@@ -1541,19 +990,19 @@ const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateH
|
|
|
1541
990
|
};
|
|
1542
991
|
const DELEGATE_HOST = 'ion-delegate-host';
|
|
1543
992
|
|
|
1544
|
-
const IonAlert = /*@__PURE__*/ createInlineOverlayComponent('ion-alert', defineCustomElement$
|
|
993
|
+
const IonAlert = /*@__PURE__*/ createInlineOverlayComponent('ion-alert', defineCustomElement$19);
|
|
1545
994
|
|
|
1546
|
-
const IonLoading = /*@__PURE__*/ createInlineOverlayComponent('ion-loading', defineCustomElement$
|
|
995
|
+
const IonLoading = /*@__PURE__*/ createInlineOverlayComponent('ion-loading', defineCustomElement$1a);
|
|
1547
996
|
|
|
1548
|
-
const IonToast = /*@__PURE__*/ createInlineOverlayComponent('ion-toast', defineCustomElement$
|
|
997
|
+
const IonToast = /*@__PURE__*/ createInlineOverlayComponent('ion-toast', defineCustomElement$1b);
|
|
1549
998
|
|
|
1550
|
-
const IonPickerLegacy = /*@__PURE__*/ createInlineOverlayComponent('ion-picker-legacy', defineCustomElement$
|
|
999
|
+
const IonPickerLegacy = /*@__PURE__*/ createInlineOverlayComponent('ion-picker-legacy', defineCustomElement$1c);
|
|
1551
1000
|
|
|
1552
|
-
const IonActionSheet = /*@__PURE__*/ createInlineOverlayComponent('ion-action-sheet', defineCustomElement$
|
|
1001
|
+
const IonActionSheet = /*@__PURE__*/ createInlineOverlayComponent('ion-action-sheet', defineCustomElement$1d);
|
|
1553
1002
|
|
|
1554
|
-
const IonModal = /*@__PURE__*/ createInlineOverlayComponent('ion-modal', defineCustomElement$
|
|
1003
|
+
const IonModal = /*@__PURE__*/ createInlineOverlayComponent('ion-modal', defineCustomElement$1e, true);
|
|
1555
1004
|
|
|
1556
|
-
const IonPopover = /*@__PURE__*/ createInlineOverlayComponent('ion-popover', defineCustomElement$
|
|
1005
|
+
const IonPopover = /*@__PURE__*/ createInlineOverlayComponent('ion-popover', defineCustomElement$1f);
|
|
1557
1006
|
|
|
1558
1007
|
const IonContext = React.createContext({
|
|
1559
1008
|
addOverlay: () => {
|
|
@@ -1645,81 +1094,14 @@ const IonOverlayManager = ({ onAddOverlay, onRemoveOverlay }) => {
|
|
|
1645
1094
|
}) }));
|
|
1646
1095
|
};
|
|
1647
1096
|
|
|
1648
|
-
const
|
|
1649
|
-
|
|
1650
|
-
|
|
1651
|
-
|
|
1652
|
-
|
|
1653
|
-
|
|
1654
|
-
constructor(props) {
|
|
1655
|
-
super(props);
|
|
1656
|
-
this.setComponentElRef = (element) => {
|
|
1657
|
-
this.componentEl = element;
|
|
1658
|
-
};
|
|
1659
|
-
}
|
|
1660
|
-
componentDidMount() {
|
|
1661
|
-
this.componentDidUpdate(this.props);
|
|
1662
|
-
}
|
|
1663
|
-
componentDidUpdate(prevProps) {
|
|
1664
|
-
attachProps(this.componentEl, this.props, prevProps);
|
|
1665
|
-
}
|
|
1666
|
-
render() {
|
|
1667
|
-
const { children, forwardedRef, style, className, ref, ...cProps } = this.props;
|
|
1668
|
-
let propsToPass = Object.keys(cProps).reduce((acc, name) => {
|
|
1669
|
-
const value = cProps[name];
|
|
1670
|
-
if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
|
|
1671
|
-
const eventName = name.substring(2).toLowerCase();
|
|
1672
|
-
if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
|
|
1673
|
-
acc[name] = value;
|
|
1674
|
-
}
|
|
1675
|
-
}
|
|
1676
|
-
else {
|
|
1677
|
-
// we should only render strings, booleans, and numbers as attrs in html.
|
|
1678
|
-
// objects, functions, arrays etc get synced via properties on mount.
|
|
1679
|
-
const type = typeof value;
|
|
1680
|
-
if (type === 'string' || type === 'boolean' || type === 'number') {
|
|
1681
|
-
acc[camelToDashCase(name)] = value;
|
|
1682
|
-
}
|
|
1683
|
-
}
|
|
1684
|
-
return acc;
|
|
1685
|
-
}, {});
|
|
1686
|
-
if (manipulatePropsFunction) {
|
|
1687
|
-
propsToPass = manipulatePropsFunction(this.props, propsToPass);
|
|
1688
|
-
}
|
|
1689
|
-
const newProps = {
|
|
1690
|
-
...propsToPass,
|
|
1691
|
-
ref: mergeRefs(forwardedRef, this.setComponentElRef),
|
|
1692
|
-
style,
|
|
1693
|
-
children
|
|
1694
|
-
};
|
|
1695
|
-
/**
|
|
1696
|
-
* We use createElement here instead of
|
|
1697
|
-
* React.createElement to work around a
|
|
1698
|
-
* bug in Vite (https://github.com/vitejs/vite/issues/6104).
|
|
1699
|
-
* React.createElement causes all elements to be rendered
|
|
1700
|
-
* as <tagname> instead of the actual Web Component.
|
|
1701
|
-
*/
|
|
1702
|
-
return createElement(tagName, newProps, children);
|
|
1703
|
-
}
|
|
1704
|
-
static get displayName() {
|
|
1705
|
-
return displayName;
|
|
1706
|
-
}
|
|
1707
|
-
};
|
|
1708
|
-
// If context was passed to createReactComponent then conditionally add it to the Component Class
|
|
1709
|
-
if (ReactComponentContext) {
|
|
1710
|
-
ReactComponent.contextType = ReactComponentContext;
|
|
1711
|
-
}
|
|
1712
|
-
return createForwardRef$1(ReactComponent, displayName);
|
|
1713
|
-
};
|
|
1714
|
-
|
|
1715
|
-
const IonTabButtonInner = /*@__PURE__*/ createReactComponent('ion-tab-button', undefined, undefined, defineCustomElement$1f);
|
|
1716
|
-
const IonTabBarInner = /*@__PURE__*/ createReactComponent('ion-tab-bar', undefined, undefined, defineCustomElement$1g);
|
|
1717
|
-
const IonTabsInner = /*@__PURE__*/ createReactComponent('ion-tabs', undefined, undefined, defineCustomElement$1h);
|
|
1718
|
-
const IonBackButtonInner = /*@__PURE__*/ createReactComponent('ion-back-button', undefined, undefined, defineCustomElement$1i);
|
|
1719
|
-
const IonRouterOutletInner = /*@__PURE__*/ createReactComponent('ion-router-outlet', undefined, undefined, defineCustomElement$1j);
|
|
1720
|
-
const IonAppInner = /*@__PURE__*/ createReactComponent('ion-app', undefined, undefined, defineCustomElement$1k);
|
|
1097
|
+
const IonTabButtonInner = /*@__PURE__*/ createReactComponent('ion-tab-button', undefined, undefined, defineCustomElement$1g);
|
|
1098
|
+
const IonTabBarInner = /*@__PURE__*/ createReactComponent('ion-tab-bar', undefined, undefined, defineCustomElement$1h);
|
|
1099
|
+
const IonTabsInner = /*@__PURE__*/ createReactComponent('ion-tabs', undefined, undefined, defineCustomElement$1i);
|
|
1100
|
+
const IonBackButtonInner = /*@__PURE__*/ createReactComponent('ion-back-button', undefined, undefined, defineCustomElement$1j);
|
|
1101
|
+
const IonRouterOutletInner = /*@__PURE__*/ createReactComponent('ion-router-outlet', undefined, undefined, defineCustomElement$1k);
|
|
1102
|
+
const IonAppInner = /*@__PURE__*/ createReactComponent('ion-app', undefined, undefined, defineCustomElement$1l);
|
|
1721
1103
|
// ionicons
|
|
1722
|
-
const IonIconInner = /*@__PURE__*/ createReactComponent('ion-icon', undefined, undefined, defineCustomElement$
|
|
1104
|
+
const IonIconInner = /*@__PURE__*/ createReactComponent('ion-icon', undefined, undefined, defineCustomElement$1m);
|
|
1723
1105
|
|
|
1724
1106
|
class IonApp extends React.Component {
|
|
1725
1107
|
constructor(props) {
|
|
@@ -1872,7 +1254,7 @@ const ReactDelegate = (addView, removeView) => {
|
|
|
1872
1254
|
};
|
|
1873
1255
|
};
|
|
1874
1256
|
|
|
1875
|
-
const IonNavInner = createReactComponent('ion-nav', undefined, undefined, defineCustomElement$
|
|
1257
|
+
const IonNavInner = createReactComponent('ion-nav', undefined, undefined, defineCustomElement$1n);
|
|
1876
1258
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
1877
1259
|
const IonNavInternal = ({ children, forwardedRef, ...restOfProps }) => {
|
|
1878
1260
|
const [views, setViews] = useState([]);
|
|
@@ -2644,7 +2026,7 @@ function useController(displayName, controller, defineCustomElement) {
|
|
|
2644
2026
|
* @returns Returns the present and dismiss methods in an array
|
|
2645
2027
|
*/
|
|
2646
2028
|
function useIonActionSheet() {
|
|
2647
|
-
const controller = useController('IonActionSheet', actionSheetController, defineCustomElement$
|
|
2029
|
+
const controller = useController('IonActionSheet', actionSheetController, defineCustomElement$1d);
|
|
2648
2030
|
const present = useCallback((buttonsOrOptions, header) => {
|
|
2649
2031
|
if (Array.isArray(buttonsOrOptions)) {
|
|
2650
2032
|
return controller.present({
|
|
@@ -2664,7 +2046,7 @@ function useIonActionSheet() {
|
|
|
2664
2046
|
* @returns Returns the present and dismiss methods in an array
|
|
2665
2047
|
*/
|
|
2666
2048
|
function useIonAlert() {
|
|
2667
|
-
const controller = useController('IonAlert', alertController, defineCustomElement$
|
|
2049
|
+
const controller = useController('IonAlert', alertController, defineCustomElement$19);
|
|
2668
2050
|
const present = useCallback((messageOrOptions, buttons) => {
|
|
2669
2051
|
if (typeof messageOrOptions === 'string') {
|
|
2670
2052
|
return controller.present({
|
|
@@ -2684,7 +2066,7 @@ function useIonAlert() {
|
|
|
2684
2066
|
* @returns Returns the present and dismiss methods in an array
|
|
2685
2067
|
*/
|
|
2686
2068
|
function useIonToast() {
|
|
2687
|
-
const controller = useController('IonToast', toastController, defineCustomElement$
|
|
2069
|
+
const controller = useController('IonToast', toastController, defineCustomElement$1b);
|
|
2688
2070
|
const present = useCallback((messageOrOptions, duration) => {
|
|
2689
2071
|
if (typeof messageOrOptions === 'string') {
|
|
2690
2072
|
return controller.present({
|
|
@@ -2770,7 +2152,7 @@ function useOverlay(displayName, controller, defineCustomElement, component, com
|
|
|
2770
2152
|
* @returns Returns the present and dismiss methods in an array
|
|
2771
2153
|
*/
|
|
2772
2154
|
function useIonModal(component, componentProps) {
|
|
2773
|
-
const controller = useOverlay('IonModal', modalController, defineCustomElement$
|
|
2155
|
+
const controller = useOverlay('IonModal', modalController, defineCustomElement$1e, component, componentProps);
|
|
2774
2156
|
const present = useCallback((options = {}) => {
|
|
2775
2157
|
controller.present(options);
|
|
2776
2158
|
}, [controller.present]);
|
|
@@ -2785,7 +2167,7 @@ function useIonModal(component, componentProps) {
|
|
|
2785
2167
|
* @returns Returns the present and dismiss methods in an array
|
|
2786
2168
|
*/
|
|
2787
2169
|
function useIonPopover(component, componentProps) {
|
|
2788
|
-
const controller = useOverlay('IonPopover', popoverController, defineCustomElement$
|
|
2170
|
+
const controller = useOverlay('IonPopover', popoverController, defineCustomElement$1f, component, componentProps);
|
|
2789
2171
|
const present = useCallback((options = {}) => {
|
|
2790
2172
|
controller.present(options);
|
|
2791
2173
|
}, [controller.present]);
|
|
@@ -2798,7 +2180,7 @@ function useIonPopover(component, componentProps) {
|
|
|
2798
2180
|
* @deprecated Use the inline ion-picker component instead.
|
|
2799
2181
|
*/
|
|
2800
2182
|
function useIonPicker() {
|
|
2801
|
-
const controller = useController('IonPicker', pickerController, defineCustomElement$
|
|
2183
|
+
const controller = useController('IonPicker', pickerController, defineCustomElement$1c);
|
|
2802
2184
|
const present = useCallback((columnsOrOptions, buttons) => {
|
|
2803
2185
|
if (Array.isArray(columnsOrOptions)) {
|
|
2804
2186
|
return controller.present({
|
|
@@ -2818,7 +2200,7 @@ function useIonPicker() {
|
|
|
2818
2200
|
* @returns Returns the present and dismiss methods in an array
|
|
2819
2201
|
*/
|
|
2820
2202
|
function useIonLoading() {
|
|
2821
|
-
const controller = useController('IonLoading', loadingController, defineCustomElement$
|
|
2203
|
+
const controller = useController('IonLoading', loadingController, defineCustomElement$1a);
|
|
2822
2204
|
const present = useCallback((messageOrOptions = {}, duration, spinner) => {
|
|
2823
2205
|
if (typeof messageOrOptions === 'string') {
|
|
2824
2206
|
return controller.present({
|
|
@@ -3164,5 +2546,5 @@ class ViewStacks {
|
|
|
3164
2546
|
}
|
|
3165
2547
|
}
|
|
3166
2548
|
|
|
3167
|
-
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 };
|
|
2549
|
+
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, 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 };
|
|
3168
2550
|
//# sourceMappingURL=index.js.map
|