@ionic/vue 8.8.13 → 8.8.14-dev.11783706459.1d5a7aae

package/dist/index.js

@@ -77,7 +77,7 @@ import { defineCustomElement as defineCustomElement$19 } from '@ionic/core/compo
 import { defineCustomElement as defineCustomElement$1a } from '@ionic/core/components/ion-title.js';
 import { defineCustomElement as defineCustomElement$1b } from '@ionic/core/components/ion-toggle.js';
 import { defineCustomElement as defineCustomElement$1c } from '@ionic/core/components/ion-toolbar.js';
-import { LIFECYCLE_WILL_ENTER, LIFECYCLE_DID_ENTER, LIFECYCLE_WILL_LEAVE, LIFECYCLE_DID_LEAVE, initialize, modalController as modalController$1, popoverController as popoverController$1, alertController as alertController$1, actionSheetController as actionSheetController$1, loadingController as loadingController$1, pickerController as pickerController$1, toastController as toastController$1 } from '@ionic/core/components';
+import { LIFECYCLE_WILL_ENTER, LIFECYCLE_DID_ENTER, LIFECYCLE_WILL_LEAVE, LIFECYCLE_DID_LEAVE, initialize, modalController as modalController$1, popoverController as popoverController$1, alertController as alertController$1, actionSheetController as actionSheetController$1, loadingController as loadingController$1, toastController as toastController$1 } from '@ionic/core/components';
 export { IonicSafeString, IonicSlides, createAnimation, createGesture, getIonPageElement, getPlatforms, getTimeGivenProgression, iosTransitionAnimation, isPlatform, mdTransitionAnimation, menuController, openURL } from '@ionic/core/components';
 import { defineCustomElement as defineCustomElement$1d } from '@ionic/core/components/ion-back-button.js';
 import { defineCustomElement as defineCustomElement$1e } from '@ionic/core/components/ion-router-outlet.js';
@@ -91,9 +91,8 @@ import { defineCustomElement as defineCustomElement$1l } from '@ionic/core/compo
 import { defineCustomElement as defineCustomElement$1m } from '@ionic/core/components/ion-alert.js';
 import { defineCustomElement as defineCustomElement$1n } from '@ionic/core/components/ion-loading.js';
 import { defineCustomElement as defineCustomElement$1o } from '@ionic/core/components/ion-modal.js';
-import { defineCustomElement as defineCustomElement$1p } from '@ionic/core/components/ion-picker-legacy.js';
-import { defineCustomElement as defineCustomElement$1q } from '@ionic/core/components/ion-popover.js';
-import { defineCustomElement as defineCustomElement$1r } from '@ionic/core/components/ion-toast.js';
+import { defineCustomElement as defineCustomElement$1p } from '@ionic/core/components/ion-popover.js';
+import { defineCustomElement as defineCustomElement$1q } from '@ionic/core/components/ion-toast.js';
 
 const UPDATE_VALUE_EVENT = 'update:modelValue';
 const MODEL_VALUE = 'modelValue';
@@ -115,8 +114,19 @@ const DEFAULT_EMPTY_PROP$1 = { default: EMPTY_PROP$1 };
 const getComponentClasses = (classes) => {
     return classes?.split(' ') || [];
 };
-const getElementClasses = (ref, componentClasses, defaultClasses = []) => {
-    return [...Array.from(ref.value?.classList || []), ...defaultClasses].filter((c, i, self) => !componentClasses.has(c) && self.indexOf(c) === i);
+const syncElementClasses = (ref, componentClasses, defaultClasses = []) => {
+    if (ref?.value) {
+        const element = ref.value;
+        // makes sure vue classes are on the actual element
+        componentClasses.forEach((c) => {
+            if (!!c && !element.classList.contains(c)) {
+                element.classList.add(c);
+            }
+        });
+    }
+    return [...Array.from(ref.value?.classList || []), ...defaultClasses].filter((c, i, self) => {
+        return !componentClasses.has(c) && self.indexOf(c) === i;
+    });
 };
 /**
  * Create a callback to define a Vue component wrapper around a Web Component.
@@ -132,8 +142,9 @@ const getElementClasses = (ref, componentClasses, defaultClasses = []) => {
  * to customElements.define. Only set if `includeImportCustomElements: true` in your config.
  * @prop modelProp - The prop that v-model binds to (i.e. value)
  * @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)
+ * @prop modelUpdateEventAttribute - Property to read value from when the value changes.
  */
-const defineContainer = (name, defineCustomElement, componentProps = [], emitProps = [], modelProp, modelUpdateEvent) => {
+const defineContainer = (name, defineCustomElement, componentProps = [], emitProps = [], modelProp, modelUpdateEvent, modelUpdateEventAttribute, transformTagFn) => {
     /**
      * Create a Vue component wrapper around a Web Component.
      * Note: The `props` here are not all properties on a component.
@@ -178,7 +189,7 @@ const defineContainer = (name, defineCustomElement, componentProps = [], emitPro
          */
         const vModelDirective = {
             created: (el) => {
-                const eventsNames = (Array.isArray(modelUpdateEvent) ? modelUpdateEvent : [modelUpdateEvent]).map((ev) => ev.replace(/-([a-z])/g, (g) => g[1].toUpperCase()));
+                const eventsNames = Array.isArray(modelUpdateEvent) ? modelUpdateEvent : [modelUpdateEvent];
                 eventsNames.forEach((eventName) => {
                     el.addEventListener(eventName, (e) => {
                         /**
@@ -189,7 +200,11 @@ const defineContainer = (name, defineCustomElement, componentProps = [], emitPro
                          * when ionChange bubbles up from Component B.
                          */
                         if (e.target.tagName === el.tagName && modelProp) {
-                            modelPropValue = (e?.target)[modelProp];
+                            const resolvePath = (object, path) => {
+                                return path.split('.').reduce((value, key) => (value !== undefined ? value[key] : undefined), object);
+                            };
+                            const path = (modelUpdateEventAttribute ?? `target.${modelProp}`);
+                            const modelPropValue = resolvePath(e, path);
                             emit(UPDATE_VALUE_EVENT, modelPropValue);
                         }
                     });
@@ -243,7 +258,7 @@ const defineContainer = (name, defineCustomElement, componentProps = [], emitPro
             };
             const propsToAdd = {
                 ref: containerRef,
-                class: getElementClasses(containerRef, classes),
+                class: syncElementClasses(containerRef, classes),
                 onClick: handleClick,
             };
             /**
@@ -291,7 +306,8 @@ const defineContainer = (name, defineCustomElement, componentProps = [], emitPro
              * vModelDirective is only needed on components that support v-model.
              * As a result, we conditionally call withDirectives with v-model components.
              */
-            const node = h(name, propsToAdd, slots.default && slots.default());
+            const tagName = transformTagFn ? transformTagFn(name) : name;
+            const node = h(tagName, propsToAdd, slots.default && slots.default());
             return modelProp === undefined ? node : withDirectives(node, [[vModelDirective]]);
         };
     }, {
@@ -323,7 +339,7 @@ const IonAccordionGroup = /*@__PURE__*/ defineContainer('ion-accordion-group', d
 ], [
     'ionChange',
     'ionValueChange'
-], 'value', 'ion-change');
+], 'value', 'ionChange', undefined);
 const IonAvatar = /*@__PURE__*/ defineContainer('ion-avatar', defineCustomElement$2);
 const IonBackdrop = /*@__PURE__*/ defineContainer('ion-backdrop', defineCustomElement$3, [
     'visible',
@@ -436,7 +452,7 @@ const IonCheckbox = /*@__PURE__*/ defineContainer('ion-checkbox', defineCustomEl
     'ionChange',
     'ionFocus',
     'ionBlur'
-], 'checked', 'ion-change');
+], 'checked', 'ionChange', undefined);
 const IonChip = /*@__PURE__*/ defineContainer('ion-chip', defineCustomElement$f, [
     'color',
     'outline',
@@ -531,7 +547,7 @@ const IonDatetime = /*@__PURE__*/ defineContainer('ion-datetime', defineCustomEl
     'ionBlur',
     'ionStyle',
     'ionRender'
-], 'value', 'ion-change');
+], 'value', 'ionChange', undefined);
 const IonDatetimeButton = /*@__PURE__*/ defineContainer('ion-datetime-button', defineCustomElement$j, [
     'color',
     'disabled',
@@ -646,7 +662,7 @@ const IonInput = /*@__PURE__*/ defineContainer('ion-input', defineCustomElement$
     'ionChange',
     'ionBlur',
     'ionFocus'
-], 'value', 'ion-input');
+], 'value', 'ionInput', undefined);
 const IonInputOtp = /*@__PURE__*/ defineContainer('ion-input-otp', defineCustomElement$u, [
     'autocapitalize',
     'color',
@@ -672,7 +688,7 @@ const IonInputOtp = /*@__PURE__*/ defineContainer('ion-input-otp', defineCustomE
     'ionComplete',
     'ionBlur',
     'ionFocus'
-], 'value', 'ion-input');
+], 'value', 'ionInput', undefined);
 const IonInputPasswordToggle = /*@__PURE__*/ defineContainer('ion-input-password-toggle', defineCustomElement$v, [
     'color',
     'showIcon',
@@ -817,7 +833,7 @@ const IonRadio = /*@__PURE__*/ defineContainer('ion-radio', defineCustomElement$
 ], [
     'ionFocus',
     'ionBlur'
-], 'value', 'ion-change');
+], 'value', 'ionChange', undefined);
 const IonRadioGroup = /*@__PURE__*/ defineContainer('ion-radio-group', defineCustomElement$P, [
     'allowEmptySelection',
     'compareWith',
@@ -830,7 +846,7 @@ const IonRadioGroup = /*@__PURE__*/ defineContainer('ion-radio-group', defineCus
 ], [
     'ionChange',
     'ionValueChange'
-], 'value', 'ion-change');
+], 'value', 'ionChange', undefined);
 const IonRange = /*@__PURE__*/ defineContainer('ion-range', defineCustomElement$Q, [
     'color',
     'debounce',
@@ -861,7 +877,7 @@ const IonRange = /*@__PURE__*/ defineContainer('ion-range', defineCustomElement$
     'ionBlur',
     'ionKnobMoveStart',
     'ionKnobMoveEnd'
-], 'value', 'ion-input');
+], 'value', 'ionInput', undefined);
 const IonRefresher = /*@__PURE__*/ defineContainer('ion-refresher', defineCustomElement$R, [
     'pullMin',
     'pullMax',
@@ -942,7 +958,7 @@ const IonSearchbar = /*@__PURE__*/ defineContainer('ion-searchbar', defineCustom
     'ionBlur',
     'ionFocus',
     'ionStyle'
-], 'value', 'ion-input');
+], 'value', 'ionInput', undefined);
 const IonSegment = /*@__PURE__*/ defineContainer('ion-segment', defineCustomElement$Y, [
     'color',
     'disabled',
@@ -957,14 +973,14 @@ const IonSegment = /*@__PURE__*/ defineContainer('ion-segment', defineCustomElem
     'ionChange',
     'ionSelect',
     'ionStyle'
-], 'value', 'ion-change');
+], 'value', 'ionChange', undefined);
 const IonSegmentButton = /*@__PURE__*/ defineContainer('ion-segment-button', defineCustomElement$Z, [
     'contentId',
     'disabled',
     'layout',
     'type',
     'value'
-], [], 'value', 'ion-change');
+], [], 'value', 'ionChange', undefined);
 const IonSegmentContent = /*@__PURE__*/ defineContainer('ion-segment-content', defineCustomElement$_);
 const IonSegmentView = /*@__PURE__*/ defineContainer('ion-segment-view', defineCustomElement$$, [
     'disabled',
@@ -1009,7 +1025,7 @@ const IonSelect = /*@__PURE__*/ defineContainer('ion-select', defineCustomElemen
     'ionFocus',
     'ionBlur',
     'ionStyle'
-], 'value', 'ion-change');
+], 'value', 'ionChange', undefined);
 const IonSelectModal = /*@__PURE__*/ defineContainer('ion-select-modal', defineCustomElement$11, [
     'header',
     'cancelText',
@@ -1018,7 +1034,10 @@ const IonSelectModal = /*@__PURE__*/ defineContainer('ion-select-modal', defineC
 ]);
 const IonSelectOption = /*@__PURE__*/ defineContainer('ion-select-option', defineCustomElement$12, [
     'disabled',
-    'value'
+    'value',
+    'description',
+    'labelPlacement',
+    'justify'
 ]);
 const IonSkeletonText = /*@__PURE__*/ defineContainer('ion-skeleton-text', defineCustomElement$13, [
     'animated',
@@ -1087,7 +1106,7 @@ const IonTextarea = /*@__PURE__*/ defineContainer('ion-textarea', defineCustomEl
     'ionInput',
     'ionBlur',
     'ionFocus'
-], 'value', 'ion-input');
+], 'value', 'ionInput', undefined);
 const IonThumbnail = /*@__PURE__*/ defineContainer('ion-thumbnail', defineCustomElement$19);
 const IonTitle = /*@__PURE__*/ defineContainer('ion-title', defineCustomElement$1a, [
     'color',
@@ -1116,7 +1135,7 @@ const IonToggle = /*@__PURE__*/ defineContainer('ion-toggle', defineCustomElemen
     'ionChange',
     'ionFocus',
     'ionBlur'
-], 'checked', 'ion-change');
+], 'checked', 'ionChange', undefined);
 const IonToolbar = /*@__PURE__*/ defineContainer('ion-toolbar', defineCustomElement$1c, [
     'color'
 ]);
@@ -1284,7 +1303,7 @@ const IonBackButton = /*@__PURE__*/ defineComponent((_, { attrs, slots }) => {
     defineCustomElement$1d();
     // TODO(FW-2969): type
     const ionRouter = inject("navManager");
-    const onClick = () => {
+    const onClick = (ev) => {
         /**
          * When using ion-back-button outside of
          * a routing context, ionRouter is undefined.
@@ -1292,6 +1311,17 @@ const IonBackButton = /*@__PURE__*/ defineComponent((_, { attrs, slots }) => {
         if (ionRouter === undefined) {
             return;
         }
+        /**
+         * If ion-back-button is being used inside
+         * of ion-nav (e.g. in a modal) then we should
+         * not interact with the router. The core
+         * ion-back-button component will handle the
+         * nav.pop() in that case.
+         */
+        const target = ev.target;
+        if (target && target.closest("ion-nav") !== null) {
+            return;
+        }
         const defaultHref = attrs["default-href"] || attrs["defaultHref"];
         const routerAnimation = attrs["router-animation"] || attrs["routerAnimation"];
         ionRouter.handleNavigateBack(defaultHref, routerAnimation);
@@ -1327,6 +1357,12 @@ const isViewVisible = (enteringEl) => {
 const viewDepthKey = Symbol(0);
 const IonRouterOutlet = /*@__PURE__*/ defineComponent({
     name: "IonRouterOutlet",
+    props: {
+        swipeGesture: {
+            type: Boolean,
+            default: undefined,
+        },
+    },
     setup() {
         defineCustomElement$1e();
         const injectedRoute = inject(routeLocationKey);
@@ -1404,11 +1440,6 @@ const IonRouterOutlet = /*@__PURE__*/ defineComponent({
          */
         { deep: true });
         const canStart = () => {
-            const config = getConfig();
-            const swipeEnabled = config &&
-                config.get("swipeBackEnabled", ionRouterOutlet.value.mode === "ios");
-            if (!swipeEnabled)
-                return false;
             const stack = viewStacks.getViewStack(id);
             if (!stack || stack.length <= 1)
                 return false;
@@ -1699,7 +1730,15 @@ See https://ionicframework.com/docs/vue/navigation#ionpage for more information.
     },
     render() {
         const { components, registerIonPage, injectedRoute } = this;
-        return h("ion-router-outlet", { ref: "ionRouterOutlet" }, components &&
+        /**
+         * Forward props selectively to avoid setting undefined values
+         * that would override the web component's config-based defaults.
+         */
+        const routerOutletProps = { ref: "ionRouterOutlet" };
+        if (this.$props.swipeGesture !== undefined) {
+            routerOutletProps.swipeGesture = this.$props.swipeGesture;
+        }
+        return h("ion-router-outlet", routerOutletProps, components &&
             components.map((c) => {
                 var _a, _b;
                 let props = {
@@ -1813,7 +1852,7 @@ const IonTabButton = /*@__PURE__*/ defineComponent({
             if (ionRouter !== null) {
                 if (prevActiveTab === tab) {
                     if (originalHref !== currentHref) {
-                        ionRouter.resetTab(tab);
+                        ionRouter.resetTab(tab, originalHref);
                     }
                 }
                 else {
@@ -2103,31 +2142,36 @@ const IonTabBar = defineComponent({
                     };
                 }
             });
-            if (activeTab && prevActiveTab) {
-                const prevHref = this.$data.tabState.tabs[prevActiveTab].currentHref;
+            if (activeTab && (currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.pathname)) {
+                const prevHref = prevActiveTab
+                    ? this.$data.tabState.tabs[prevActiveTab].currentHref
+                    : undefined;
                 /**
                  * If the tabs change or the url changes,
                  * update the currentHref for the active tab.
-                 * Ex: url changes from /tabs/tab1 --> /tabs/tab1/child
+                 * Ex: url changes from /tabs/tab1 to /tabs/tab1/child.
                  * If we went to tab2 then back to tab1, we should
                  * land on /tabs/tab1/child instead of /tabs/tab1.
+                 *
+                 * Also runs on initial setup so a deep-loaded tab child
+                 * records its real pathname instead of `originalHref`.
                  */
-                if (activeTab !== prevActiveTab ||
-                    prevHref !== (currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.pathname)) {
+                if (activeTab !== prevActiveTab || prevHref !== currentRoute.pathname) {
                     /**
                      * By default the search is `undefined` in Ionic Vue,
                      * but Vue Router can set the search to the empty string.
                      * We check for truthy here because empty string is falsy
                      * and currentRoute.search cannot ever be a boolean.
                      */
-                    const search = (currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.search) ? `?${currentRoute.search}` : "";
-                    tabs[activeTab] = Object.assign(Object.assign({}, tabs[activeTab]), { currentHref: (currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.pathname) + search });
+                    const search = currentRoute.search ? `?${currentRoute.search}` : "";
+                    tabs[activeTab] = Object.assign(Object.assign({}, tabs[activeTab]), { currentHref: currentRoute.pathname + search });
                 }
                 /**
                  * If navigating back and the tabs change,
                  * set the previous tab back to its original href.
                  */
-                if ((currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.routerAction) === "pop" &&
+                if (prevActiveTab &&
+                    currentRoute.routerAction === "pop" &&
                     activeTab !== prevActiveTab) {
                     tabs[prevActiveTab] = Object.assign(Object.assign({}, tabs[prevActiveTab]), { currentHref: tabs[prevActiveTab].originalHref });
                 }
@@ -2548,9 +2592,8 @@ const IonActionSheet = /*@__PURE__*/ defineOverlayContainer('ion-action-sheet',
 const IonAlert = /*@__PURE__*/ defineOverlayContainer('ion-alert', defineCustomElement$1m, ['animated', 'backdropDismiss', 'buttons', 'cssClass', 'enterAnimation', 'header', 'htmlAttributes', 'inputs', 'isOpen', 'keyboardClose', 'leaveAnimation', 'message', 'mode', 'subHeader', 'translucent', 'trigger']);
 const IonLoading = /*@__PURE__*/ defineOverlayContainer('ion-loading', defineCustomElement$1n, ['animated', 'backdropDismiss', 'cssClass', 'duration', 'enterAnimation', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'message', 'mode', 'showBackdrop', 'spinner', 'translucent', 'trigger']);
 const IonModal = /*@__PURE__*/ defineOverlayContainer('ion-modal', defineCustomElement$1o, ['animated', 'backdropBreakpoint', 'backdropDismiss', 'breakpoints', 'canDismiss', 'enterAnimation', 'expandToScroll', 'focusTrap', 'handle', 'handleBehavior', 'htmlAttributes', 'initialBreakpoint', 'isOpen', 'keepContentsMounted', 'keyboardClose', 'leaveAnimation', 'mode', 'presentingElement', 'showBackdrop', 'trigger'], true);
-const IonPickerLegacy = /*@__PURE__*/ defineOverlayContainer('ion-picker-legacy', defineCustomElement$1p, ['animated', 'backdropDismiss', 'buttons', 'columns', 'cssClass', 'duration', 'enterAnimation', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'mode', 'showBackdrop', 'trigger']);
-const IonPopover = /*@__PURE__*/ defineOverlayContainer('ion-popover', defineCustomElement$1q, ['alignment', 'animated', 'arrow', 'backdropDismiss', 'component', 'componentProps', 'dismissOnSelect', 'enterAnimation', 'event', 'focusTrap', 'htmlAttributes', 'isOpen', 'keepContentsMounted', 'keyboardClose', 'leaveAnimation', 'mode', 'reference', 'showBackdrop', 'side', 'size', 'translucent', 'trigger', 'triggerAction']);
-const IonToast = /*@__PURE__*/ defineOverlayContainer('ion-toast', defineCustomElement$1r, ['animated', 'buttons', 'color', 'cssClass', 'duration', 'enterAnimation', 'header', 'htmlAttributes', 'icon', 'isOpen', 'keyboardClose', 'layout', 'leaveAnimation', 'message', 'mode', 'position', 'positionAnchor', 'swipeGesture', 'translucent', 'trigger']);
+const IonPopover = /*@__PURE__*/ defineOverlayContainer('ion-popover', defineCustomElement$1p, ['alignment', 'animated', 'arrow', 'backdropDismiss', 'component', 'componentProps', 'dismissOnSelect', 'enterAnimation', 'event', 'focusTrap', 'htmlAttributes', 'isOpen', 'keepContentsMounted', 'keyboardClose', 'leaveAnimation', 'mode', 'reference', 'showBackdrop', 'side', 'size', 'translucent', 'trigger', 'triggerAction']);
+const IonToast = /*@__PURE__*/ defineOverlayContainer('ion-toast', defineCustomElement$1q, ['animated', 'buttons', 'color', 'cssClass', 'duration', 'enterAnimation', 'header', 'htmlAttributes', 'icon', 'isOpen', 'keyboardClose', 'layout', 'leaveAnimation', 'message', 'mode', 'position', 'positionAnchor', 'swipeGesture', 'translucent', 'trigger']);
 
 // TODO(FW-2969): types
 /**
@@ -2568,15 +2611,11 @@ const createController = (defineCustomElement, oldController, useDelegate = fals
     return oldController;
 };
 const modalController = /*@__PURE__*/ createController(defineCustomElement$1o, modalController$1, true);
-const popoverController = /*@__PURE__*/ createController(defineCustomElement$1q, popoverController$1, true);
+const popoverController = /*@__PURE__*/ createController(defineCustomElement$1p, popoverController$1, true);
 const alertController = /*@__PURE__*/ createController(defineCustomElement$1m, alertController$1);
 const actionSheetController = /*@__PURE__*/ createController(defineCustomElement$1l, actionSheetController$1);
 const loadingController = /*@__PURE__*/ createController(defineCustomElement$1n, loadingController$1);
-/**
- * @deprecated Use the inline ion-picker component instead.
- */
-const pickerController = /*@__PURE__*/ createController(defineCustomElement$1p, pickerController$1);
-const toastController = /*@__PURE__*/ createController(defineCustomElement$1r, toastController$1);
+const toastController = /*@__PURE__*/ createController(defineCustomElement$1q, toastController$1);
 
-export { 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, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNavLink, IonNote, IonPage, IonPicker, IonPickerColumn, IonPickerColumnOption, IonPickerLegacy, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSegmentContent, IonSegmentView, IonSelect, IonSelectModal, IonSelectOption, IonSkeletonText, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, IonicVue, actionSheetController, alertController, loadingController, modalController, onIonViewDidEnter, onIonViewDidLeave, onIonViewWillEnter, onIonViewWillLeave, pickerController, popoverController, toastController, useBackButton, useIonRouter, useKeyboard };
+export { 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, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNavLink, IonNote, IonPage, IonPicker, IonPickerColumn, IonPickerColumnOption, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSegmentContent, IonSegmentView, IonSelect, IonSelectModal, IonSelectOption, IonSkeletonText, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, IonicVue, actionSheetController, alertController, loadingController, modalController, onIonViewDidEnter, onIonViewDidLeave, onIonViewWillEnter, onIonViewWillLeave, popoverController, toastController, useBackButton, useIonRouter, useKeyboard };
 //# sourceMappingURL=index.js.map