@ionic/vue 9.0.10 → 9.0.11-dev.11793705116.185a3203

package/dist/index.js

@@ -19,80 +19,83 @@ import { defineCustomElement as defineCustomElement$g } from '@ionic/core/compon
 import { defineCustomElement as defineCustomElement$h } from '@ionic/core/components/ion-content.js';
 import { defineCustomElement as defineCustomElement$i } from '@ionic/core/components/ion-datetime.js';
 import { defineCustomElement as defineCustomElement$j } from '@ionic/core/components/ion-datetime-button.js';
-import { defineCustomElement as defineCustomElement$k } from '@ionic/core/components/ion-fab.js';
-import { defineCustomElement as defineCustomElement$l } from '@ionic/core/components/ion-fab-button.js';
-import { defineCustomElement as defineCustomElement$m } from '@ionic/core/components/ion-fab-list.js';
-import { defineCustomElement as defineCustomElement$n } from '@ionic/core/components/ion-footer.js';
-import { defineCustomElement as defineCustomElement$o } from '@ionic/core/components/ion-grid.js';
-import { defineCustomElement as defineCustomElement$p } from '@ionic/core/components/ion-header.js';
-import { defineCustomElement as defineCustomElement$q } from '@ionic/core/components/ion-img.js';
-import { defineCustomElement as defineCustomElement$r } from '@ionic/core/components/ion-infinite-scroll.js';
-import { defineCustomElement as defineCustomElement$s } from '@ionic/core/components/ion-infinite-scroll-content.js';
-import { defineCustomElement as defineCustomElement$t } from '@ionic/core/components/ion-input.js';
-import { defineCustomElement as defineCustomElement$u } from '@ionic/core/components/ion-input-otp.js';
-import { defineCustomElement as defineCustomElement$v } from '@ionic/core/components/ion-input-password-toggle.js';
-import { defineCustomElement as defineCustomElement$w } from '@ionic/core/components/ion-item.js';
-import { defineCustomElement as defineCustomElement$x } from '@ionic/core/components/ion-item-divider.js';
-import { defineCustomElement as defineCustomElement$y } from '@ionic/core/components/ion-item-group.js';
-import { defineCustomElement as defineCustomElement$z } from '@ionic/core/components/ion-item-option.js';
-import { defineCustomElement as defineCustomElement$A } from '@ionic/core/components/ion-item-options.js';
-import { defineCustomElement as defineCustomElement$B } from '@ionic/core/components/ion-item-sliding.js';
-import { defineCustomElement as defineCustomElement$C } from '@ionic/core/components/ion-label.js';
-import { defineCustomElement as defineCustomElement$D } from '@ionic/core/components/ion-list.js';
-import { defineCustomElement as defineCustomElement$E } from '@ionic/core/components/ion-list-header.js';
-import { defineCustomElement as defineCustomElement$F } from '@ionic/core/components/ion-menu.js';
-import { defineCustomElement as defineCustomElement$G } from '@ionic/core/components/ion-menu-button.js';
-import { defineCustomElement as defineCustomElement$H } from '@ionic/core/components/ion-menu-toggle.js';
-import { defineCustomElement as defineCustomElement$1j } from '@ionic/core/components/ion-nav.js';
-import { defineCustomElement as defineCustomElement$I } from '@ionic/core/components/ion-nav-link.js';
-import { defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-note.js';
-import { defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-picker.js';
-import { defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-picker-column.js';
-import { defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-picker-column-option.js';
-import { defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-progress-bar.js';
-import { defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-radio.js';
-import { defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-radio-group.js';
-import { defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-range.js';
-import { defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-refresher.js';
-import { defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-refresher-content.js';
-import { defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-reorder.js';
-import { defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-reorder-group.js';
-import { defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-ripple-effect.js';
-import { defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-row.js';
-import { defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-searchbar.js';
-import { defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-segment.js';
-import { defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-segment-button.js';
-import { defineCustomElement as defineCustomElement$_ } from '@ionic/core/components/ion-segment-content.js';
-import { defineCustomElement as defineCustomElement$$ } from '@ionic/core/components/ion-segment-view.js';
-import { defineCustomElement as defineCustomElement$10 } from '@ionic/core/components/ion-select.js';
-import { defineCustomElement as defineCustomElement$11 } from '@ionic/core/components/ion-select-modal.js';
-import { defineCustomElement as defineCustomElement$12 } from '@ionic/core/components/ion-select-option.js';
-import { defineCustomElement as defineCustomElement$13 } from '@ionic/core/components/ion-skeleton-text.js';
-import { defineCustomElement as defineCustomElement$14 } from '@ionic/core/components/ion-spinner.js';
-import { defineCustomElement as defineCustomElement$15 } from '@ionic/core/components/ion-split-pane.js';
-import { defineCustomElement as defineCustomElement$16 } from '@ionic/core/components/ion-tab.js';
-import { defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-text.js';
-import { defineCustomElement as defineCustomElement$18 } from '@ionic/core/components/ion-textarea.js';
-import { defineCustomElement as defineCustomElement$19 } from '@ionic/core/components/ion-thumbnail.js';
-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, printIonWarning, 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';
+import { defineCustomElement as defineCustomElement$k } from '@ionic/core/components/ion-divider.js';
+import { defineCustomElement as defineCustomElement$l } from '@ionic/core/components/ion-fab.js';
+import { defineCustomElement as defineCustomElement$m } from '@ionic/core/components/ion-fab-button.js';
+import { defineCustomElement as defineCustomElement$n } from '@ionic/core/components/ion-fab-list.js';
+import { defineCustomElement as defineCustomElement$o } from '@ionic/core/components/ion-footer.js';
+import { defineCustomElement as defineCustomElement$p } from '@ionic/core/components/ion-gallery.js';
+import { defineCustomElement as defineCustomElement$q } from '@ionic/core/components/ion-gallery-item.js';
+import { defineCustomElement as defineCustomElement$r } from '@ionic/core/components/ion-grid.js';
+import { defineCustomElement as defineCustomElement$s } from '@ionic/core/components/ion-header.js';
+import { defineCustomElement as defineCustomElement$t } from '@ionic/core/components/ion-img.js';
+import { defineCustomElement as defineCustomElement$u } from '@ionic/core/components/ion-infinite-scroll.js';
+import { defineCustomElement as defineCustomElement$v } from '@ionic/core/components/ion-infinite-scroll-content.js';
+import { defineCustomElement as defineCustomElement$w } from '@ionic/core/components/ion-input.js';
+import { defineCustomElement as defineCustomElement$x } from '@ionic/core/components/ion-input-otp.js';
+import { defineCustomElement as defineCustomElement$y } from '@ionic/core/components/ion-input-password-toggle.js';
+import { defineCustomElement as defineCustomElement$z } from '@ionic/core/components/ion-item.js';
+import { defineCustomElement as defineCustomElement$A } from '@ionic/core/components/ion-item-divider.js';
+import { defineCustomElement as defineCustomElement$B } from '@ionic/core/components/ion-item-group.js';
+import { defineCustomElement as defineCustomElement$C } from '@ionic/core/components/ion-item-option.js';
+import { defineCustomElement as defineCustomElement$D } from '@ionic/core/components/ion-item-options.js';
+import { defineCustomElement as defineCustomElement$E } from '@ionic/core/components/ion-item-sliding.js';
+import { defineCustomElement as defineCustomElement$F } from '@ionic/core/components/ion-label.js';
+import { defineCustomElement as defineCustomElement$G } from '@ionic/core/components/ion-list.js';
+import { defineCustomElement as defineCustomElement$H } from '@ionic/core/components/ion-list-header.js';
+import { defineCustomElement as defineCustomElement$I } from '@ionic/core/components/ion-menu.js';
+import { defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-menu-button.js';
+import { defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-menu-toggle.js';
+import { defineCustomElement as defineCustomElement$1m } from '@ionic/core/components/ion-nav.js';
+import { defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-nav-link.js';
+import { defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-note.js';
+import { defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-picker.js';
+import { defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-picker-column.js';
+import { defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-picker-column-option.js';
+import { defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-progress-bar.js';
+import { defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-radio.js';
+import { defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-radio-group.js';
+import { defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-range.js';
+import { defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-refresher.js';
+import { defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-refresher-content.js';
+import { defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-reorder.js';
+import { defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-reorder-group.js';
+import { defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-ripple-effect.js';
+import { defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-row.js';
+import { defineCustomElement as defineCustomElement$_ } from '@ionic/core/components/ion-searchbar.js';
+import { defineCustomElement as defineCustomElement$$ } from '@ionic/core/components/ion-segment.js';
+import { defineCustomElement as defineCustomElement$10 } from '@ionic/core/components/ion-segment-button.js';
+import { defineCustomElement as defineCustomElement$11 } from '@ionic/core/components/ion-segment-content.js';
+import { defineCustomElement as defineCustomElement$12 } from '@ionic/core/components/ion-segment-view.js';
+import { defineCustomElement as defineCustomElement$13 } from '@ionic/core/components/ion-select.js';
+import { defineCustomElement as defineCustomElement$14 } from '@ionic/core/components/ion-select-modal.js';
+import { defineCustomElement as defineCustomElement$15 } from '@ionic/core/components/ion-select-option.js';
+import { defineCustomElement as defineCustomElement$16 } from '@ionic/core/components/ion-skeleton-text.js';
+import { defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-spinner.js';
+import { defineCustomElement as defineCustomElement$18 } from '@ionic/core/components/ion-split-pane.js';
+import { defineCustomElement as defineCustomElement$19 } from '@ionic/core/components/ion-tab.js';
+import { defineCustomElement as defineCustomElement$1a } from '@ionic/core/components/ion-text.js';
+import { defineCustomElement as defineCustomElement$1b } from '@ionic/core/components/ion-textarea.js';
+import { defineCustomElement as defineCustomElement$1c } from '@ionic/core/components/ion-thumbnail.js';
+import { defineCustomElement as defineCustomElement$1d } from '@ionic/core/components/ion-title.js';
+import { defineCustomElement as defineCustomElement$1e } from '@ionic/core/components/ion-toggle.js';
+import { defineCustomElement as defineCustomElement$1f } from '@ionic/core/components/ion-toolbar.js';
+import { LIFECYCLE_DID_LEAVE, LIFECYCLE_WILL_LEAVE, LIFECYCLE_DID_ENTER, LIFECYCLE_WILL_ENTER, printIonWarning, 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';
+import { defineCustomElement as defineCustomElement$1g } from '@ionic/core/components/ion-back-button.js';
+import { defineCustomElement as defineCustomElement$1h } from '@ionic/core/components/ion-router-outlet.js';
 import { routeLocationKey, useRoute, matchedRouteKey } from 'vue-router';
-import { defineCustomElement as defineCustomElement$1f } from '@ionic/core/components/ion-tab-button.js';
-import { defineCustomElement as defineCustomElement$1g } from '@ionic/core/components/ion-tabs.js';
-import { defineCustomElement as defineCustomElement$1h } from '@ionic/core/components/ion-tab-bar.js';
-import { defineCustomElement as defineCustomElement$1i } from '@ionic/core/components/ion-app.js';
-import { defineCustomElement as defineCustomElement$1k } from 'ionicons/components/ion-icon.js';
-import { defineCustomElement as defineCustomElement$1l } from '@ionic/core/components/ion-action-sheet.js';
-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-popover.js';
-import { defineCustomElement as defineCustomElement$1q } from '@ionic/core/components/ion-toast.js';
+import { defineCustomElement as defineCustomElement$1i } from '@ionic/core/components/ion-tab-button.js';
+import { defineCustomElement as defineCustomElement$1j } from '@ionic/core/components/ion-tabs.js';
+import { defineCustomElement as defineCustomElement$1k } from '@ionic/core/components/ion-tab-bar.js';
+import { defineCustomElement as defineCustomElement$1l } from '@ionic/core/components/ion-app.js';
+import { defineCustomElement as defineCustomElement$1n } from 'ionicons/components/ion-icon.js';
+import { defineCustomElement as defineCustomElement$1o } from '@ionic/core/components/ion-action-sheet.js';
+import { defineCustomElement as defineCustomElement$1p } from '@ionic/core/components/ion-alert.js';
+import { defineCustomElement as defineCustomElement$1q } from '@ionic/core/components/ion-loading.js';
+import { defineCustomElement as defineCustomElement$1r } from '@ionic/core/components/ion-modal.js';
+import { defineCustomElement as defineCustomElement$1s } from '@ionic/core/components/ion-popover.js';
+import { defineCustomElement as defineCustomElement$1t } from '@ionic/core/components/ion-toast.js';
 
 const UPDATE_VALUE_EVENT = 'update:modelValue';
 const MODEL_VALUE = 'modelValue';
@@ -234,7 +237,7 @@ const defineContainer = (name, defineCustomElement, componentProps = [], emitPro
                             const resolvePath = (object, path) => {
                                 return path.split('.').reduce((value, key) => (value !== undefined ? value[key] : undefined), object);
                             };
-                            const path = (modelUpdateEventAttribute ?? `target.${modelProp}`);
+                            const path = (`target.${modelProp}`);
                             const modelPropValue = resolvePath(e, path);
                             emit(UPDATE_VALUE_EVENT, modelPropValue);
                         }
@@ -361,7 +364,7 @@ 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 tagName = transformTagFn ? transformTagFn(name) : name;
+            const tagName = name;
             const node = h(tagName, propsToAdd, slots.default && slots.default());
             return modelProp === undefined ? node : withDirectives(node, [[vModelDirective]]);
         };
@@ -389,13 +392,18 @@ const IonAccordionGroup = /*@__PURE__*/ defineContainer('ion-accordion-group', d
     'disabled',
     'readonly',
     'expand',
+    'shape',
     'ionChange',
     'ionValueChange'
 ], [
     'ionChange',
     'ionValueChange'
-], 'value', 'ionChange', undefined);
-const IonAvatar = /*@__PURE__*/ defineContainer('ion-avatar', defineCustomElement$2);
+], 'value', 'ionChange');
+const IonAvatar = /*@__PURE__*/ defineContainer('ion-avatar', defineCustomElement$2, [
+    'size',
+    'shape',
+    'disabled'
+]);
 const IonBackdrop = /*@__PURE__*/ defineContainer('ion-backdrop', defineCustomElement$3, [
     'visible',
     'tappable',
@@ -405,7 +413,11 @@ const IonBackdrop = /*@__PURE__*/ defineContainer('ion-backdrop', defineCustomEl
     'ionBackdropTap'
 ]);
 const IonBadge = /*@__PURE__*/ defineContainer('ion-badge', defineCustomElement$4, [
-    'color'
+    'color',
+    'hue',
+    'shape',
+    'size',
+    'vertical'
 ]);
 const IonBreadcrumb = /*@__PURE__*/ defineContainer('ion-breadcrumb', defineCustomElement$5, [
     'collapsed',
@@ -474,6 +486,7 @@ const IonCard = /*@__PURE__*/ defineContainer('ion-card', defineCustomElement$9,
     'rel',
     'routerDirection',
     'routerAnimation',
+    'shape',
     'target'
 ]);
 const IonCardContent = /*@__PURE__*/ defineContainer('ion-card-content', defineCustomElement$a);
@@ -500,6 +513,8 @@ const IonCheckbox = /*@__PURE__*/ defineContainer('ion-checkbox', defineCustomEl
     'justify',
     'alignment',
     'required',
+    'shape',
+    'size',
     'ionChange',
     'ionFocus',
     'ionBlur'
@@ -507,11 +522,14 @@ const IonCheckbox = /*@__PURE__*/ defineContainer('ion-checkbox', defineCustomEl
     'ionChange',
     'ionFocus',
     'ionBlur'
-], 'checked', 'ionChange', undefined);
+], 'checked', 'ionChange');
 const IonChip = /*@__PURE__*/ defineContainer('ion-chip', defineCustomElement$f, [
     'color',
     'outline',
-    'disabled'
+    'disabled',
+    'hue',
+    'shape',
+    'size'
 ]);
 const IonCol = /*@__PURE__*/ defineContainer('ion-col', defineCustomElement$g, [
     'offset',
@@ -520,6 +538,12 @@ const IonCol = /*@__PURE__*/ defineContainer('ion-col', defineCustomElement$g, [
     'offsetMd',
     'offsetLg',
     'offsetXl',
+    'order',
+    'orderXs',
+    'orderSm',
+    'orderMd',
+    'orderLg',
+    'orderXl',
     'pull',
     'pullXs',
     'pullSm',
@@ -602,19 +626,23 @@ const IonDatetime = /*@__PURE__*/ defineContainer('ion-datetime', defineCustomEl
     'ionBlur',
     'ionStyle',
     'ionRender'
-], 'value', 'ionChange', undefined);
+], 'value', 'ionChange');
 const IonDatetimeButton = /*@__PURE__*/ defineContainer('ion-datetime-button', defineCustomElement$j, [
     'color',
     'disabled',
     'datetime'
 ]);
-const IonFab = /*@__PURE__*/ defineContainer('ion-fab', defineCustomElement$k, [
+const IonDivider = /*@__PURE__*/ defineContainer('ion-divider', defineCustomElement$k, [
+    'spacing',
+    'inset'
+]);
+const IonFab = /*@__PURE__*/ defineContainer('ion-fab', defineCustomElement$l, [
     'horizontal',
     'vertical',
     'edge',
     'activated'
 ]);
-const IonFabButton = /*@__PURE__*/ defineContainer('ion-fab-button', defineCustomElement$l, [
+const IonFabButton = /*@__PURE__*/ defineContainer('ion-fab-button', defineCustomElement$m, [
     'color',
     'activated',
     'disabled',
@@ -636,22 +664,32 @@ const IonFabButton = /*@__PURE__*/ defineContainer('ion-fab-button', defineCusto
     'ionFocus',
     'ionBlur'
 ]);
-const IonFabList = /*@__PURE__*/ defineContainer('ion-fab-list', defineCustomElement$m, [
+const IonFabList = /*@__PURE__*/ defineContainer('ion-fab-list', defineCustomElement$n, [
     'activated',
     'side'
 ]);
-const IonFooter = /*@__PURE__*/ defineContainer('ion-footer', defineCustomElement$n, [
+const IonFooter = /*@__PURE__*/ defineContainer('ion-footer', defineCustomElement$o, [
+    'scrollEffect',
     'collapse',
     'translucent'
 ]);
-const IonGrid = /*@__PURE__*/ defineContainer('ion-grid', defineCustomElement$o, [
+const IonGallery = /*@__PURE__*/ defineContainer('ion-gallery', defineCustomElement$p, [
+    'layout',
+    'order',
+    'columns',
+    'gap'
+]);
+const IonGalleryItem = /*@__PURE__*/ defineContainer('ion-gallery-item', defineCustomElement$q);
+const IonGrid = /*@__PURE__*/ defineContainer('ion-grid', defineCustomElement$r, [
     'fixed'
 ]);
-const IonHeader = /*@__PURE__*/ defineContainer('ion-header', defineCustomElement$p, [
+const IonHeader = /*@__PURE__*/ defineContainer('ion-header', defineCustomElement$s, [
+    'scrollEffect',
     'collapse',
+    'divider',
     'translucent'
 ]);
-const IonImg = /*@__PURE__*/ defineContainer('ion-img', defineCustomElement$q, [
+const IonImg = /*@__PURE__*/ defineContainer('ion-img', defineCustomElement$t, [
     'alt',
     'src',
     'ionImgWillLoad',
@@ -662,19 +700,20 @@ const IonImg = /*@__PURE__*/ defineContainer('ion-img', defineCustomElement$q, [
     'ionImgDidLoad',
     'ionError'
 ]);
-const IonInfiniteScroll = /*@__PURE__*/ defineContainer('ion-infinite-scroll', defineCustomElement$r, [
+const IonInfiniteScroll = /*@__PURE__*/ defineContainer('ion-infinite-scroll', defineCustomElement$u, [
     'threshold',
     'disabled',
     'position',
+    'preserveRerenderScrollPosition',
     'ionInfinite'
 ], [
     'ionInfinite'
 ]);
-const IonInfiniteScrollContent = /*@__PURE__*/ defineContainer('ion-infinite-scroll-content', defineCustomElement$s, [
+const IonInfiniteScrollContent = /*@__PURE__*/ defineContainer('ion-infinite-scroll-content', defineCustomElement$v, [
     'loadingSpinner',
     'loadingText'
 ]);
-const IonInput = /*@__PURE__*/ defineContainer('ion-input', defineCustomElement$t, [
+const IonInput = /*@__PURE__*/ defineContainer('ion-input', defineCustomElement$w, [
     'color',
     'autocapitalize',
     'autocomplete',
@@ -707,6 +746,7 @@ const IonInput = /*@__PURE__*/ defineContainer('ion-input', defineCustomElement$
     'shape',
     'spellcheck',
     'step',
+    'size',
     'type',
     'value',
     'ionInput',
@@ -718,8 +758,8 @@ const IonInput = /*@__PURE__*/ defineContainer('ion-input', defineCustomElement$
     'ionChange',
     'ionBlur',
     'ionFocus'
-], 'value', 'ionInput', undefined);
-const IonInputOtp = /*@__PURE__*/ defineContainer('ion-input-otp', defineCustomElement$u, [
+], 'value', 'ionInput');
+const IonInputOtp = /*@__PURE__*/ defineContainer('ion-input-otp', defineCustomElement$x, [
     'autocapitalize',
     'color',
     'disabled',
@@ -744,14 +784,14 @@ const IonInputOtp = /*@__PURE__*/ defineContainer('ion-input-otp', defineCustomE
     'ionComplete',
     'ionBlur',
     'ionFocus'
-], 'value', 'ionInput', undefined);
-const IonInputPasswordToggle = /*@__PURE__*/ defineContainer('ion-input-password-toggle', defineCustomElement$v, [
+], 'value', 'ionInput');
+const IonInputPasswordToggle = /*@__PURE__*/ defineContainer('ion-input-password-toggle', defineCustomElement$y, [
     'color',
     'showIcon',
     'hideIcon',
     'type'
 ]);
-const IonItem = /*@__PURE__*/ defineContainer('ion-item', defineCustomElement$w, [
+const IonItem = /*@__PURE__*/ defineContainer('ion-item', defineCustomElement$z, [
     'color',
     'button',
     'detail',
@@ -766,34 +806,36 @@ const IonItem = /*@__PURE__*/ defineContainer('ion-item', defineCustomElement$w,
     'target',
     'type'
 ]);
-const IonItemDivider = /*@__PURE__*/ defineContainer('ion-item-divider', defineCustomElement$x, [
+const IonItemDivider = /*@__PURE__*/ defineContainer('ion-item-divider', defineCustomElement$A, [
     'color',
     'sticky'
 ]);
-const IonItemGroup = /*@__PURE__*/ defineContainer('ion-item-group', defineCustomElement$y);
-const IonItemOption = /*@__PURE__*/ defineContainer('ion-item-option', defineCustomElement$z, [
+const IonItemGroup = /*@__PURE__*/ defineContainer('ion-item-group', defineCustomElement$B);
+const IonItemOption = /*@__PURE__*/ defineContainer('ion-item-option', defineCustomElement$C, [
     'color',
     'disabled',
     'download',
     'expandable',
     'href',
+    'hue',
     'rel',
     'target',
-    'type'
+    'type',
+    'shape'
 ]);
-const IonItemOptions = /*@__PURE__*/ defineContainer('ion-item-options', defineCustomElement$A, [
+const IonItemOptions = /*@__PURE__*/ defineContainer('ion-item-options', defineCustomElement$D, [
     'side',
     'ionSwipe'
 ], [
     'ionSwipe'
 ]);
-const IonItemSliding = /*@__PURE__*/ defineContainer('ion-item-sliding', defineCustomElement$B, [
+const IonItemSliding = /*@__PURE__*/ defineContainer('ion-item-sliding', defineCustomElement$E, [
     'disabled',
     'ionDrag'
 ], [
     'ionDrag'
 ]);
-const IonLabel = /*@__PURE__*/ defineContainer('ion-label', defineCustomElement$C, [
+const IonLabel = /*@__PURE__*/ defineContainer('ion-label', defineCustomElement$F, [
     'color',
     'position',
     'ionColor',
@@ -802,15 +844,16 @@ const IonLabel = /*@__PURE__*/ defineContainer('ion-label', defineCustomElement$
     'ionColor',
     'ionStyle'
 ]);
-const IonList = /*@__PURE__*/ defineContainer('ion-list', defineCustomElement$D, [
+const IonList = /*@__PURE__*/ defineContainer('ion-list', defineCustomElement$G, [
     'lines',
-    'inset'
+    'inset',
+    'shape'
 ]);
-const IonListHeader = /*@__PURE__*/ defineContainer('ion-list-header', defineCustomElement$E, [
+const IonListHeader = /*@__PURE__*/ defineContainer('ion-list-header', defineCustomElement$H, [
     'color',
     'lines'
 ]);
-const IonMenu = /*@__PURE__*/ defineContainer('ion-menu', defineCustomElement$F, [
+const IonMenu = /*@__PURE__*/ defineContainer('ion-menu', defineCustomElement$I, [
     'contentId',
     'menuId',
     'type',
@@ -830,32 +873,32 @@ const IonMenu = /*@__PURE__*/ defineContainer('ion-menu', defineCustomElement$F,
     'ionDidClose',
     'ionMenuChange'
 ]);
-const IonMenuButton = /*@__PURE__*/ defineContainer('ion-menu-button', defineCustomElement$G, [
+const IonMenuButton = /*@__PURE__*/ defineContainer('ion-menu-button', defineCustomElement$J, [
     'color',
     'disabled',
     'menu',
     'autoHide',
     'type'
 ]);
-const IonMenuToggle = /*@__PURE__*/ defineContainer('ion-menu-toggle', defineCustomElement$H, [
+const IonMenuToggle = /*@__PURE__*/ defineContainer('ion-menu-toggle', defineCustomElement$K, [
     'menu',
     'autoHide'
 ]);
-const IonNavLink = /*@__PURE__*/ defineContainer('ion-nav-link', defineCustomElement$I, [
+const IonNavLink = /*@__PURE__*/ defineContainer('ion-nav-link', defineCustomElement$L, [
     'component',
     'componentProps',
     'routerDirection',
     'routerAnimation'
 ]);
-const IonNote = /*@__PURE__*/ defineContainer('ion-note', defineCustomElement$J, [
+const IonNote = /*@__PURE__*/ defineContainer('ion-note', defineCustomElement$M, [
     'color'
 ]);
-const IonPicker = /*@__PURE__*/ defineContainer('ion-picker', defineCustomElement$K, [
+const IonPicker = /*@__PURE__*/ defineContainer('ion-picker', defineCustomElement$N, [
     'ionInputModeChange'
 ], [
     'ionInputModeChange'
 ]);
-const IonPickerColumn = /*@__PURE__*/ defineContainer('ion-picker-column', defineCustomElement$L, [
+const IonPickerColumn = /*@__PURE__*/ defineContainer('ion-picker-column', defineCustomElement$O, [
     'disabled',
     'value',
     'color',
@@ -864,19 +907,20 @@ const IonPickerColumn = /*@__PURE__*/ defineContainer('ion-picker-column', defin
 ], [
     'ionChange'
 ]);
-const IonPickerColumnOption = /*@__PURE__*/ defineContainer('ion-picker-column-option', defineCustomElement$M, [
+const IonPickerColumnOption = /*@__PURE__*/ defineContainer('ion-picker-column-option', defineCustomElement$P, [
     'disabled',
     'value',
     'color'
 ]);
-const IonProgressBar = /*@__PURE__*/ defineContainer('ion-progress-bar', defineCustomElement$N, [
+const IonProgressBar = /*@__PURE__*/ defineContainer('ion-progress-bar', defineCustomElement$Q, [
     'type',
     'reversed',
     'value',
     'buffer',
-    'color'
+    'color',
+    'shape'
 ]);
-const IonRadio = /*@__PURE__*/ defineContainer('ion-radio', defineCustomElement$O, [
+const IonRadio = /*@__PURE__*/ defineContainer('ion-radio', defineCustomElement$R, [
     'color',
     'name',
     'disabled',
@@ -889,8 +933,8 @@ const IonRadio = /*@__PURE__*/ defineContainer('ion-radio', defineCustomElement$
 ], [
     'ionFocus',
     'ionBlur'
-], 'value', 'ionChange', undefined);
-const IonRadioGroup = /*@__PURE__*/ defineContainer('ion-radio-group', defineCustomElement$P, [
+], 'value', 'ionChange');
+const IonRadioGroup = /*@__PURE__*/ defineContainer('ion-radio-group', defineCustomElement$S, [
     'allowEmptySelection',
     'compareWith',
     'name',
@@ -902,8 +946,8 @@ const IonRadioGroup = /*@__PURE__*/ defineContainer('ion-radio-group', defineCus
 ], [
     'ionChange',
     'ionValueChange'
-], 'value', 'ionChange', undefined);
-const IonRange = /*@__PURE__*/ defineContainer('ion-range', defineCustomElement$Q, [
+], 'value', 'ionChange');
+const IonRange = /*@__PURE__*/ defineContainer('ion-range', defineCustomElement$T, [
     'color',
     'debounce',
     'name',
@@ -933,8 +977,8 @@ const IonRange = /*@__PURE__*/ defineContainer('ion-range', defineCustomElement$
     'ionBlur',
     'ionKnobMoveStart',
     'ionKnobMoveEnd'
-], 'value', 'ionInput', undefined);
-const IonRefresher = /*@__PURE__*/ defineContainer('ion-refresher', defineCustomElement$R, [
+], 'value', 'ionInput');
+const IonRefresher = /*@__PURE__*/ defineContainer('ion-refresher', defineCustomElement$U, [
     'pullMin',
     'pullMax',
     'closeDuration',
@@ -953,14 +997,14 @@ const IonRefresher = /*@__PURE__*/ defineContainer('ion-refresher', defineCustom
     'ionPullStart',
     'ionPullEnd'
 ]);
-const IonRefresherContent = /*@__PURE__*/ defineContainer('ion-refresher-content', defineCustomElement$S, [
+const IonRefresherContent = /*@__PURE__*/ defineContainer('ion-refresher-content', defineCustomElement$V, [
     'pullingIcon',
     'pullingText',
     'refreshingSpinner',
     'refreshingText'
 ]);
-const IonReorder = /*@__PURE__*/ defineContainer('ion-reorder', defineCustomElement$T);
-const IonReorderGroup = /*@__PURE__*/ defineContainer('ion-reorder-group', defineCustomElement$U, [
+const IonReorder = /*@__PURE__*/ defineContainer('ion-reorder', defineCustomElement$W);
+const IonReorderGroup = /*@__PURE__*/ defineContainer('ion-reorder-group', defineCustomElement$X, [
     'disabled',
     'ionItemReorder',
     'ionReorderStart',
@@ -972,11 +1016,11 @@ const IonReorderGroup = /*@__PURE__*/ defineContainer('ion-reorder-group', defin
     'ionReorderMove',
     'ionReorderEnd'
 ]);
-const IonRippleEffect = /*@__PURE__*/ defineContainer('ion-ripple-effect', defineCustomElement$V, [
+const IonRippleEffect = /*@__PURE__*/ defineContainer('ion-ripple-effect', defineCustomElement$Y, [
     'type'
 ]);
-const IonRow = /*@__PURE__*/ defineContainer('ion-row', defineCustomElement$W);
-const IonSearchbar = /*@__PURE__*/ defineContainer('ion-searchbar', defineCustomElement$X, [
+const IonRow = /*@__PURE__*/ defineContainer('ion-row', defineCustomElement$Z);
+const IonSearchbar = /*@__PURE__*/ defineContainer('ion-searchbar', defineCustomElement$_, [
     'color',
     'animated',
     'autocapitalize',
@@ -999,6 +1043,8 @@ const IonSearchbar = /*@__PURE__*/ defineContainer('ion-searchbar', defineCustom
     'spellcheck',
     'type',
     'value',
+    'shape',
+    'size',
     'ionInput',
     'ionChange',
     'ionCancel',
@@ -1014,8 +1060,8 @@ const IonSearchbar = /*@__PURE__*/ defineContainer('ion-searchbar', defineCustom
     'ionBlur',
     'ionFocus',
     'ionStyle'
-], 'value', 'ionInput', undefined);
-const IonSegment = /*@__PURE__*/ defineContainer('ion-segment', defineCustomElement$Y, [
+], 'value', 'ionInput');
+const IonSegment = /*@__PURE__*/ defineContainer('ion-segment', defineCustomElement$$, [
     'color',
     'disabled',
     'scrollable',
@@ -1029,24 +1075,25 @@ const IonSegment = /*@__PURE__*/ defineContainer('ion-segment', defineCustomElem
     'ionChange',
     'ionSelect',
     'ionStyle'
-], 'value', 'ionChange', undefined);
-const IonSegmentButton = /*@__PURE__*/ defineContainer('ion-segment-button', defineCustomElement$Z, [
+], 'value', 'ionChange');
+const IonSegmentButton = /*@__PURE__*/ defineContainer('ion-segment-button', defineCustomElement$10, [
     'contentId',
     'disabled',
     'layout',
     'type',
     'value'
-], [], 'value', 'ionChange', undefined);
-const IonSegmentContent = /*@__PURE__*/ defineContainer('ion-segment-content', defineCustomElement$_);
-const IonSegmentView = /*@__PURE__*/ defineContainer('ion-segment-view', defineCustomElement$$, [
+], [], 'value', 'ionChange');
+const IonSegmentContent = /*@__PURE__*/ defineContainer('ion-segment-content', defineCustomElement$11);
+const IonSegmentView = /*@__PURE__*/ defineContainer('ion-segment-view', defineCustomElement$12, [
     'disabled',
     'swipeGesture',
     'ionSegmentViewScroll'
 ], [
     'ionSegmentViewScroll'
 ]);
-const IonSelect = /*@__PURE__*/ defineContainer('ion-select', defineCustomElement$10, [
+const IonSelect = /*@__PURE__*/ defineContainer('ion-select', defineCustomElement$13, [
     'cancelText',
+    'cancelIcon',
     'color',
     'compareWith',
     'disabled',
@@ -1065,9 +1112,10 @@ const IonSelect = /*@__PURE__*/ defineContainer('ion-select', defineCustomElemen
     'selectedText',
     'toggleIcon',
     'expandedIcon',
+    'required',
     'shape',
+    'size',
     'value',
-    'required',
     'ionChange',
     'ionCancel',
     'ionDismiss',
@@ -1081,33 +1129,35 @@ const IonSelect = /*@__PURE__*/ defineContainer('ion-select', defineCustomElemen
     'ionFocus',
     'ionBlur',
     'ionStyle'
-], 'value', 'ionChange', undefined);
-const IonSelectModal = /*@__PURE__*/ defineContainer('ion-select-modal', defineCustomElement$11, [
+], 'value', 'ionChange');
+const IonSelectModal = /*@__PURE__*/ defineContainer('ion-select-modal', defineCustomElement$14, [
     'header',
     'cancelText',
+    'cancelIcon',
     'multiple',
     'options'
 ]);
-const IonSelectOption = /*@__PURE__*/ defineContainer('ion-select-option', defineCustomElement$12, [
+const IonSelectOption = /*@__PURE__*/ defineContainer('ion-select-option', defineCustomElement$15, [
     'disabled',
     'value',
     'description',
     'labelPlacement',
     'justify'
 ]);
-const IonSkeletonText = /*@__PURE__*/ defineContainer('ion-skeleton-text', defineCustomElement$13, [
+const IonSkeletonText = /*@__PURE__*/ defineContainer('ion-skeleton-text', defineCustomElement$16, [
     'animated',
     'ionStyle'
 ], [
     'ionStyle'
 ]);
-const IonSpinner = /*@__PURE__*/ defineContainer('ion-spinner', defineCustomElement$14, [
+const IonSpinner = /*@__PURE__*/ defineContainer('ion-spinner', defineCustomElement$17, [
     'color',
     'duration',
     'name',
-    'paused'
+    'paused',
+    'size'
 ]);
-const IonSplitPane = /*@__PURE__*/ defineContainer('ion-split-pane', defineCustomElement$15, [
+const IonSplitPane = /*@__PURE__*/ defineContainer('ion-split-pane', defineCustomElement$18, [
     'contentId',
     'disabled',
     'when',
@@ -1115,16 +1165,16 @@ const IonSplitPane = /*@__PURE__*/ defineContainer('ion-split-pane', defineCusto
 ], [
     'ionSplitPaneVisible'
 ]);
-const IonTab = /*@__PURE__*/ defineContainer('ion-tab', defineCustomElement$16, [
+const IonTab = /*@__PURE__*/ defineContainer('ion-tab', defineCustomElement$19, [
     'active',
     'delegate',
     'tab',
     'component'
 ]);
-const IonText = /*@__PURE__*/ defineContainer('ion-text', defineCustomElement$17, [
+const IonText = /*@__PURE__*/ defineContainer('ion-text', defineCustomElement$1a, [
     'color'
 ]);
-const IonTextarea = /*@__PURE__*/ defineContainer('ion-textarea', defineCustomElement$18, [
+const IonTextarea = /*@__PURE__*/ defineContainer('ion-textarea', defineCustomElement$1b, [
     'color',
     'autocapitalize',
     'autofocus',
@@ -1153,6 +1203,7 @@ const IonTextarea = /*@__PURE__*/ defineContainer('ion-textarea', defineCustomEl
     'label',
     'labelPlacement',
     'shape',
+    'size',
     'ionChange',
     'ionInput',
     'ionBlur',
@@ -1162,16 +1213,16 @@ const IonTextarea = /*@__PURE__*/ defineContainer('ion-textarea', defineCustomEl
     'ionInput',
     'ionBlur',
     'ionFocus'
-], 'value', 'ionInput', undefined);
-const IonThumbnail = /*@__PURE__*/ defineContainer('ion-thumbnail', defineCustomElement$19);
-const IonTitle = /*@__PURE__*/ defineContainer('ion-title', defineCustomElement$1a, [
+], 'value', 'ionInput');
+const IonThumbnail = /*@__PURE__*/ defineContainer('ion-thumbnail', defineCustomElement$1c);
+const IonTitle = /*@__PURE__*/ defineContainer('ion-title', defineCustomElement$1d, [
     'color',
     'size',
     'ionStyle'
 ], [
     'ionStyle'
 ]);
-const IonToggle = /*@__PURE__*/ defineContainer('ion-toggle', defineCustomElement$1b, [
+const IonToggle = /*@__PURE__*/ defineContainer('ion-toggle', defineCustomElement$1e, [
     'color',
     'name',
     'checked',
@@ -1191,9 +1242,10 @@ const IonToggle = /*@__PURE__*/ defineContainer('ion-toggle', defineCustomElemen
     'ionChange',
     'ionFocus',
     'ionBlur'
-], 'checked', 'ionChange', undefined);
-const IonToolbar = /*@__PURE__*/ defineContainer('ion-toolbar', defineCustomElement$1c, [
-    'color'
+], 'checked', 'ionChange');
+const IonToolbar = /*@__PURE__*/ defineContainer('ion-toolbar', defineCustomElement$1f, [
+    'color',
+    'titlePlacement'
 ]);
 
 const useBackButton = (priority, handler) => {
@@ -1369,7 +1421,7 @@ const IonicVue = {
 };
 
 const IonBackButton = /*@__PURE__*/ defineComponent((_, { attrs, slots }) => {
-    defineCustomElement$1d();
+    defineCustomElement$1g();
     // TODO(FW-2969): type
     const ionRouter = inject("navManager");
     const onClick = (ev) => {
@@ -1446,7 +1498,7 @@ const IonRouterOutlet = /*@__PURE__*/ defineComponent({
         },
     },
     setup() {
-        defineCustomElement$1e();
+        defineCustomElement$1h();
         const injectedRoute = inject(routeLocationKey);
         const route = useRoute();
         const depth = inject(viewDepthKey, 0);
@@ -1962,7 +2014,7 @@ const IonTabButton = /*@__PURE__*/ defineComponent({
         },
     },
     setup(props, { slots }) {
-        defineCustomElement$1f();
+        defineCustomElement$1i();
         // TODO(FW-2969): type
         const ionRouter = inject("navManager", null);
         const onClick = (ev) => {
@@ -2096,7 +2148,7 @@ const IonTabs = /*@__PURE__*/ defineComponent({
          * `selectedTab` from core, which may occur if the custom
          * element is defined too early in the component's lifecycle.
          */
-        defineCustomElement$1g();
+        defineCustomElement$1j();
     },
     render() {
         const { slots, props } = this;
@@ -2407,7 +2459,7 @@ const IonTabBar = defineComponent({
         ionRouter?.registerHistoryChangeListener(() => this.checkActiveTab(ionRouter));
     },
     setup(_, { slots }) {
-        defineCustomElement$1h();
+        defineCustomElement$1k();
         return () => {
             return h("ion-tab-bar", { ref: "ionTabBar" }, slots.default && slots.default());
         };
@@ -2416,7 +2468,7 @@ const IonTabBar = defineComponent({
 
 const userComponents = shallowRef([]);
 const IonApp = /*@__PURE__*/ defineComponent((_, { attrs, slots }) => {
-    defineCustomElement$1i();
+    defineCustomElement$1l();
     return () => {
         return h("ion-app", {
             name: "IonApp",
@@ -2472,7 +2524,7 @@ const VueDelegate = (addFn = addTeleportedUserComponent, removeFn = removeTelepo
 };
 
 const IonNav = /*@__PURE__*/ defineComponent((props) => {
-    defineCustomElement$1j();
+    defineCustomElement$1m();
     const views = shallowRef([]);
     /**
      * Allows us to create the component
@@ -2519,7 +2571,7 @@ const IonNav = /*@__PURE__*/ defineComponent((props) => {
 });
 
 const IonIcon = /*@__PURE__*/ defineComponent((props, { slots }) => {
-    defineCustomElement$1k();
+    defineCustomElement$1n();
     return () => {
         const { icon, ios, md, mode } = props;
         let iconToUse;
@@ -2560,112 +2612,6 @@ const IonIcon = /*@__PURE__*/ defineComponent((props, { slots }) => {
 const EMPTY_PROP = Symbol();
 const DEFAULT_EMPTY_PROP = { default: EMPTY_PROP };
 const defineOverlayContainer = (name, defineCustomElement, componentProps = [], hasDelegateHost, controller) => {
-    const createControllerComponent = (options) => {
-        return defineComponent((props, { slots, emit }) => {
-            const eventListeners = [
-                { componentEv: `${name}WillPresent`, frameworkEv: "willPresent" },
-                { componentEv: `${name}DidPresent`, frameworkEv: "didPresent" },
-                { componentEv: `${name}WillDismiss`, frameworkEv: "willDismiss" },
-                { componentEv: `${name}DidDismiss`, frameworkEv: "didDismiss" },
-            ];
-            if (defineCustomElement !== undefined) {
-                defineCustomElement();
-            }
-            const overlay = ref();
-            const onVnodeMounted = async () => {
-                const isOpen = props.isOpen;
-                isOpen && (await present(props));
-            };
-            const onVnodeUpdated = async (node, prevNode) => {
-                const isOpen = node.props.isOpen;
-                const prevIsOpen = prevNode.props.isOpen;
-                /**
-                 * Do not do anything if this prop
-                 * did not change.
-                 */
-                if (isOpen === prevIsOpen)
-                    return;
-                if (isOpen) {
-                    await present(props);
-                }
-                else {
-                    await dismiss();
-                }
-            };
-            const onVnodeBeforeUnmount = async () => {
-                await dismiss();
-            };
-            const dismiss = async () => {
-                if (!overlay.value)
-                    return;
-                await overlay.value;
-                overlay.value = overlay.value.dismiss();
-                await overlay.value;
-                overlay.value = undefined;
-            };
-            const present = async (props) => {
-                /**
-                 * Do not open another instance
-                 * if one is already opened.
-                 */
-                if (overlay.value) {
-                    await overlay.value;
-                }
-                if (overlay.value?.present) {
-                    await overlay.value.present();
-                    return;
-                }
-                const restOfProps = {};
-                /**
-                 * We can use Object.entries here
-                 * to avoid the hasOwnProperty check,
-                 * but that would require 2 iterations
-                 * where as this only requires 1.
-                 */
-                for (const key in props) {
-                    const value = props[key];
-                    if (Object.prototype.hasOwnProperty.call(props, key) &&
-                        value !== EMPTY_PROP) {
-                        restOfProps[key] = value;
-                    }
-                }
-                /**
-                 * These are getting passed as props.
-                 * Potentially a Vue bug with Web Components?
-                 */
-                delete restOfProps.onWillPresent;
-                delete restOfProps.onDidPresent;
-                delete restOfProps.onWillDismiss;
-                delete restOfProps.onDidDismiss;
-                if (name === "ion-modal") {
-                    delete restOfProps.onIonDragStart;
-                    delete restOfProps.onIonDragMove;
-                    delete restOfProps.onIonDragEnd;
-                }
-                const component = slots.default && slots.default()[0];
-                overlay.value = controller.create({
-                    ...restOfProps,
-                    component,
-                });
-                overlay.value = await overlay.value;
-                eventListeners.forEach((eventListener) => {
-                    overlay.value.addEventListener(eventListener.componentEv, () => {
-                        emit(eventListener.frameworkEv);
-                    });
-                });
-                await overlay.value.present();
-            };
-            return () => {
-                return h("div", {
-                    style: { display: "none" },
-                    onVnodeMounted,
-                    onVnodeUpdated,
-                    onVnodeBeforeUnmount,
-                    isOpen: props.isOpen === true,
-                });
-            };
-        }, options);
-    };
     const createInlineComponent = (options) => {
         return defineComponent((props, { slots, emit }) => {
             if (defineCustomElement !== undefined) {
@@ -2765,25 +2711,21 @@ const defineOverlayContainer = (name, defineCustomElement, componentProps = [],
                 return acc;
             }, {}),
         },
-        emits: typeof controller !== "undefined"
-            ? ["willPresent", "didPresent", "willDismiss", "didDismiss"]
-            : undefined,
+        emits: undefined,
     };
-    return controller !== undefined
-        ? createControllerComponent(options)
-        : createInlineComponent(options);
+    return createInlineComponent(options);
 };
 
 /**
  * This is an autogenerated file created by 'scripts/copy-overlays.js'.
  * Changes made to this file will be overwritten on build.
  */
-const IonActionSheet = /*@__PURE__*/ defineOverlayContainer('ion-action-sheet', defineCustomElement$1l, ['animated', 'backdropDismiss', 'buttons', 'cssClass', 'enterAnimation', 'header', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'mode', 'subHeader', 'translucent', 'trigger']);
-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 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']);
+const IonActionSheet = /*@__PURE__*/ defineOverlayContainer('ion-action-sheet', defineCustomElement$1o, ['animated', 'backdropDismiss', 'buttons', 'cssClass', 'enterAnimation', 'header', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'mode', 'subHeader', 'theme', 'translucent', 'trigger']);
+const IonAlert = /*@__PURE__*/ defineOverlayContainer('ion-alert', defineCustomElement$1p, ['animated', 'backdropDismiss', 'buttons', 'cssClass', 'enterAnimation', 'header', 'htmlAttributes', 'inputs', 'isOpen', 'keyboardClose', 'leaveAnimation', 'message', 'mode', 'subHeader', 'theme', 'translucent', 'trigger']);
+const IonLoading = /*@__PURE__*/ defineOverlayContainer('ion-loading', defineCustomElement$1q, ['animated', 'backdropDismiss', 'cssClass', 'duration', 'enterAnimation', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'message', 'mode', 'showBackdrop', 'spinner', 'theme', 'translucent', 'trigger']);
+const IonModal = /*@__PURE__*/ defineOverlayContainer('ion-modal', defineCustomElement$1r, ['animated', 'backdropBreakpoint', 'backdropDismiss', 'breakpoints', 'canDismiss', 'enterAnimation', 'expandToScroll', 'focusTrap', 'handle', 'handleBehavior', 'htmlAttributes', 'initialBreakpoint', 'isOpen', 'keepContentsMounted', 'keyboardClose', 'leaveAnimation', 'mode', 'presentingElement', 'shape', 'showBackdrop', 'theme', 'trigger'], true);
+const IonPopover = /*@__PURE__*/ defineOverlayContainer('ion-popover', defineCustomElement$1s, ['alignment', 'animated', 'arrow', 'backdropDismiss', 'component', 'componentProps', 'dismissOnSelect', 'enterAnimation', 'event', 'focusTrap', 'htmlAttributes', 'isOpen', 'keepContentsMounted', 'keyboardClose', 'leaveAnimation', 'mode', 'reference', 'showBackdrop', 'side', 'size', 'theme', 'translucent', 'trigger', 'triggerAction']);
+const IonToast = /*@__PURE__*/ defineOverlayContainer('ion-toast', defineCustomElement$1t, ['animated', 'buttons', 'color', 'cssClass', 'duration', 'enterAnimation', 'header', 'htmlAttributes', 'hue', 'icon', 'isOpen', 'keyboardClose', 'layout', 'leaveAnimation', 'message', 'mode', 'position', 'positionAnchor', 'shape', 'swipeGesture', 'theme', 'translucent', 'trigger']);
 
 // TODO(FW-2969): types
 /**
@@ -2803,12 +2745,12 @@ const createController = (defineCustomElement, oldController, useDelegate = fals
     };
     return oldController;
 };
-const modalController = /*@__PURE__*/ createController(defineCustomElement$1o, modalController$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);
-const toastController = /*@__PURE__*/ createController(defineCustomElement$1q, toastController$1);
+const modalController = /*@__PURE__*/ createController(defineCustomElement$1r, modalController$1, true);
+const popoverController = /*@__PURE__*/ createController(defineCustomElement$1s, popoverController$1, true);
+const alertController = /*@__PURE__*/ createController(defineCustomElement$1p, alertController$1);
+const actionSheetController = /*@__PURE__*/ createController(defineCustomElement$1o, actionSheetController$1);
+const loadingController = /*@__PURE__*/ createController(defineCustomElement$1q, loadingController$1);
+const toastController = /*@__PURE__*/ createController(defineCustomElement$1t, 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, 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 };
+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, IonDivider, IonFab, IonFabButton, IonFabList, IonFooter, IonGallery, IonGalleryItem, 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