@ionic/vue 8.4.2-dev.11736507189.18234064 → 8.4.2-dev.11737633140.1934dd0f

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, getCurrentInstance, inject, h, withDirectives, computed, provide, shallowRef, watch, onUnmounted, Fragment, isVNode, Teleport, onMounted } from 'vue';
+import { defineContainer } from '@stencil/vue-output-target/runtime';
 import { defineCustomElement } from '@ionic/core/components/ion-accordion.js';
 import { defineCustomElement as defineCustomElement$1 } from '@ionic/core/components/ion-accordion-group.js';
 import { defineCustomElement as defineCustomElement$2 } from '@ionic/core/components/ion-avatar.js';
@@ -76,6 +76,7 @@ import { defineCustomElement as defineCustomElement$18 } from '@ionic/core/compo
 import { defineCustomElement as defineCustomElement$19 } from '@ionic/core/components/ion-title.js';
 import { defineCustomElement as defineCustomElement$1a } from '@ionic/core/components/ion-toggle.js';
 import { defineCustomElement as defineCustomElement$1b } from '@ionic/core/components/ion-toolbar.js';
+import { ref, getCurrentInstance, inject, defineComponent, h, computed, provide, shallowRef, watch, onUnmounted, Fragment, isVNode, Teleport, onMounted } from 'vue';
 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';
 export { IonicSafeString, IonicSlides, createAnimation, createGesture, getIonPageElement, getPlatforms, getTimeGivenProgression, iosTransitionAnimation, isPlatform, mdTransitionAnimation, menuController, openURL } from '@ionic/core/components';
 import { defineCustomElement as defineCustomElement$1c } from '@ionic/core/components/ion-back-button.js';
@@ -94,194 +95,6 @@ import { defineCustomElement as defineCustomElement$1o } from '@ionic/core/compo
 import { defineCustomElement as defineCustomElement$1p } from '@ionic/core/components/ion-modal.js';
 import { defineCustomElement as defineCustomElement$1q } from '@ionic/core/components/ion-popover.js';
 
-// @ts-nocheck
-// It's easier and safer for Volar to disable typechecking and let the return type inference do its job.
-const UPDATE_VALUE_EVENT = 'update:modelValue';
-const MODEL_VALUE = 'modelValue';
-const ROUTER_LINK_VALUE = 'routerLink';
-const NAV_MANAGER = 'navManager';
-const ROUTER_PROP_PREFIX = 'router';
-const ARIA_PROP_PREFIX = 'aria';
-/**
- * Starting in Vue 3.1.0, all properties are
- * added as keys to the props object, even if
- * they are not being used. In order to correctly
- * account for both value props and v-model props,
- * we need to check if the key exists for Vue <3.1.0
- * and then check if it is not undefined for Vue >= 3.1.0.
- * See https://github.com/vuejs/vue-next/issues/3889
- */
-const EMPTY_PROP$1 = Symbol();
-const DEFAULT_EMPTY_PROP$1 = { default: EMPTY_PROP$1 };
-const getComponentClasses = (classes) => {
-    return (classes === null || classes === void 0 ? void 0 : classes.split(' ')) || [];
-};
-const getElementClasses = (ref, componentClasses, defaultClasses = []) => {
-    var _a;
-    return [...Array.from(((_a = ref.value) === null || _a === void 0 ? void 0 : _a.classList) || []), ...defaultClasses].filter((c, i, self) => !componentClasses.has(c) && self.indexOf(c) === i);
-};
-/**
- * Create a callback to define a Vue component wrapper around a Web Component.
- *
- * @prop name - The component tag name (i.e. `ion-button`)
- * @prop componentProps - An array of properties on the
- * component. These usually match up with the @Prop definitions
- * in each component's TSX file.
- * @prop customElement - An option custom element instance to pass
- * 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)
- */
-const defineContainer = (name, defineCustomElement, componentProps = [], modelProp, modelUpdateEvent) => {
-    /**
-     * Create a Vue component wrapper around a Web Component.
-     * Note: The `props` here are not all properties on a component.
-     * They refer to whatever properties are set on an instance of a component.
-     */
-    if (defineCustomElement !== undefined) {
-        defineCustomElement();
-    }
-    const Container = defineComponent((props, { attrs, slots, emit }) => {
-        var _a;
-        let modelPropValue = props[modelProp];
-        const containerRef = ref();
-        const classes = new Set(getComponentClasses(attrs.class));
-        /**
-         * This directive is responsible for updating any reactive
-         * reference associated with v-model on the component.
-         * This code must be run inside of the "created" callback.
-         * Since the following listener callbacks as well as any potential
-         * event callback defined in the developer's app are set on
-         * the same element, we need to make sure the following callbacks
-         * are set first so they fire first. If the developer's callback fires first
-         * then the reactive reference will not have been updated yet.
-         */
-        const vModelDirective = {
-            created: (el) => {
-                const eventsNames = Array.isArray(modelUpdateEvent) ? modelUpdateEvent : [modelUpdateEvent];
-                eventsNames.forEach((eventName) => {
-                    el.addEventListener(eventName.toLowerCase(), (e) => {
-                        /**
-                         * Only update the v-model binding if the event's target is the element we are
-                         * listening on. For example, Component A could emit ionChange, but it could also
-                         * have a descendant Component B that also emits ionChange. We only want to update
-                         * the v-model for Component A when ionChange originates from that element and not
-                         * when ionChange bubbles up from Component B.
-                         */
-                        if (e.target.tagName === el.tagName) {
-                            modelPropValue = (e === null || e === void 0 ? void 0 : e.target)[modelProp];
-                            emit(UPDATE_VALUE_EVENT, modelPropValue);
-                        }
-                    });
-                });
-            },
-        };
-        const currentInstance = getCurrentInstance();
-        const hasRouter = (_a = currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.appContext) === null || _a === void 0 ? void 0 : _a.provides[NAV_MANAGER];
-        const navManager = hasRouter ? inject(NAV_MANAGER) : undefined;
-        const handleRouterLink = (ev) => {
-            const { routerLink } = props;
-            if (routerLink === EMPTY_PROP$1)
-                return;
-            if (navManager !== undefined) {
-                /**
-                 * This prevents the browser from
-                 * performing a page reload when pressing
-                 * an Ionic component with routerLink.
-                 * The page reload interferes with routing
-                 * and causes ion-back-button to disappear
-                 * since the local history is wiped on reload.
-                 */
-                ev.preventDefault();
-                let navigationPayload = { event: ev };
-                for (const key in props) {
-                    const value = props[key];
-                    if (props.hasOwnProperty(key) && key.startsWith(ROUTER_PROP_PREFIX) && value !== EMPTY_PROP$1) {
-                        navigationPayload[key] = value;
-                    }
-                }
-                navManager.navigate(navigationPayload);
-            }
-            else {
-                console.warn('Tried to navigate, but no router was found. Make sure you have mounted Vue Router.');
-            }
-        };
-        return () => {
-            modelPropValue = props[modelProp];
-            getComponentClasses(attrs.class).forEach((value) => {
-                classes.add(value);
-            });
-            const oldClick = props.onClick;
-            const handleClick = (ev) => {
-                if (oldClick !== undefined) {
-                    oldClick(ev);
-                }
-                if (!ev.defaultPrevented) {
-                    handleRouterLink(ev);
-                }
-            };
-            let propsToAdd = {
-                ref: containerRef,
-                class: getElementClasses(containerRef, classes),
-                onClick: handleClick,
-            };
-            /**
-             * 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 ((props.hasOwnProperty(key) && value !== EMPTY_PROP$1) || key.startsWith(ARIA_PROP_PREFIX)) {
-                    propsToAdd[key] = value;
-                }
-            }
-            if (modelProp) {
-                /**
-                 * If form value property was set using v-model
-                 * then we should use that value.
-                 * Otherwise, check to see if form value property
-                 * was set as a static value (i.e. no v-model).
-                 */
-                if (props[MODEL_VALUE] !== EMPTY_PROP$1) {
-                    propsToAdd = Object.assign(Object.assign({}, propsToAdd), { [modelProp]: props[MODEL_VALUE] });
-                }
-                else if (modelPropValue !== EMPTY_PROP$1) {
-                    propsToAdd = Object.assign(Object.assign({}, propsToAdd), { [modelProp]: modelPropValue });
-                }
-            }
-            // If router link is defined, add href to props
-            // in order to properly render an anchor tag inside
-            // of components that should become activatable and
-            // focusable with router link.
-            if (props[ROUTER_LINK_VALUE] !== EMPTY_PROP$1) {
-                propsToAdd = Object.assign(Object.assign({}, propsToAdd), { href: props[ROUTER_LINK_VALUE] });
-            }
-            /**
-             * 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());
-            return modelProp === undefined ? node : withDirectives(node, [[vModelDirective]]);
-        };
-    });
-    if (typeof Container !== 'function') {
-        Container.name = name;
-        Container.props = {
-            [ROUTER_LINK_VALUE]: DEFAULT_EMPTY_PROP$1,
-        };
-        componentProps.forEach((componentProp) => {
-            Container.props[componentProp] = DEFAULT_EMPTY_PROP$1;
-        });
-        if (modelProp) {
-            Container.props[MODEL_VALUE] = DEFAULT_EMPTY_PROP$1;
-            Container.emits = [UPDATE_VALUE_EVENT];
-        }
-    }
-    return Container;
-};
-
 /* eslint-disable */
 /* tslint:disable */
 /* auto-generated vue proxies */
@@ -299,24 +112,23 @@ const IonAccordionGroup = /*@__PURE__*/ defineContainer('ion-accordion-group', d
     'disabled',
     'readonly',
     'expand',
-    'shape',
+    'ionChange',
+    'ionValueChange'
+], [
     'ionChange',
     'ionValueChange'
 ], 'value', 'ion-change');
-const IonAvatar = /*@__PURE__*/ defineContainer('ion-avatar', defineCustomElement$2, [
-    'size',
-    'shape'
-]);
+const IonAvatar = /*@__PURE__*/ defineContainer('ion-avatar', defineCustomElement$2);
 const IonBackdrop = /*@__PURE__*/ defineContainer('ion-backdrop', defineCustomElement$3, [
     'visible',
     'tappable',
     'stopPropagation',
     'ionBackdropTap'
+], [
+    'ionBackdropTap'
 ]);
 const IonBadge = /*@__PURE__*/ defineContainer('ion-badge', defineCustomElement$4, [
-    'color',
-    'shape',
-    'size'
+    'color'
 ]);
 const IonBreadcrumb = /*@__PURE__*/ defineContainer('ion-breadcrumb', defineCustomElement$5, [
     'collapsed',
@@ -335,6 +147,10 @@ const IonBreadcrumb = /*@__PURE__*/ defineContainer('ion-breadcrumb', defineCust
     'ionFocus',
     'ionBlur',
     'collapsedClick'
+], [
+    'ionFocus',
+    'ionBlur',
+    'collapsedClick'
 ]);
 const IonBreadcrumbs = /*@__PURE__*/ defineContainer('ion-breadcrumbs', defineCustomElement$6, [
     'color',
@@ -342,6 +158,8 @@ const IonBreadcrumbs = /*@__PURE__*/ defineContainer('ion-breadcrumbs', defineCu
     'itemsBeforeCollapse',
     'itemsAfterCollapse',
     'ionCollapsedClick'
+], [
+    'ionCollapsedClick'
 ]);
 const IonButton = /*@__PURE__*/ defineContainer('ion-button', defineCustomElement$7, [
     'color',
@@ -362,6 +180,9 @@ const IonButton = /*@__PURE__*/ defineContainer('ion-button', defineCustomElemen
     'form',
     'ionFocus',
     'ionBlur'
+], [
+    'ionFocus',
+    'ionBlur'
 ]);
 const IonButtons = /*@__PURE__*/ defineContainer('ion-buttons', defineCustomElement$8, [
     'collapse'
@@ -376,7 +197,6 @@ const IonCard = /*@__PURE__*/ defineContainer('ion-card', defineCustomElement$9,
     'rel',
     'routerDirection',
     'routerAnimation',
-    'shape',
     'target'
 ]);
 const IonCardContent = /*@__PURE__*/ defineContainer('ion-card-content', defineCustomElement$a);
@@ -400,8 +220,11 @@ const IonCheckbox = /*@__PURE__*/ defineContainer('ion-checkbox', defineCustomEl
     'labelPlacement',
     'justify',
     'alignment',
-    'size',
-    'shape',
+    'required',
+    'ionChange',
+    'ionFocus',
+    'ionBlur'
+], [
     'ionChange',
     'ionFocus',
     'ionBlur'
@@ -409,9 +232,7 @@ const IonCheckbox = /*@__PURE__*/ defineContainer('ion-checkbox', defineCustomEl
 const IonChip = /*@__PURE__*/ defineContainer('ion-chip', defineCustomElement$f, [
     'color',
     'outline',
-    'disabled',
-    'shape',
-    'size'
+    'disabled'
 ]);
 const IonCol = /*@__PURE__*/ defineContainer('ion-col', defineCustomElement$g, [
     'offset',
@@ -450,6 +271,10 @@ const IonContent = /*@__PURE__*/ defineContainer('ion-content', defineCustomElem
     'ionScrollStart',
     'ionScroll',
     'ionScrollEnd'
+], [
+    'ionScrollStart',
+    'ionScroll',
+    'ionScrollEnd'
 ]);
 const IonDatetime = /*@__PURE__*/ defineContainer('ion-datetime', defineCustomElement$i, [
     'color',
@@ -489,6 +314,14 @@ const IonDatetime = /*@__PURE__*/ defineContainer('ion-datetime', defineCustomEl
     'ionBlur',
     'ionStyle',
     'ionRender'
+], [
+    'ionCancel',
+    'ionChange',
+    'ionValueChange',
+    'ionFocus',
+    'ionBlur',
+    'ionStyle',
+    'ionRender'
 ], 'value', 'ion-change');
 const IonDatetimeButton = /*@__PURE__*/ defineContainer('ion-datetime-button', defineCustomElement$j, [
     'color',
@@ -518,6 +351,9 @@ const IonFabButton = /*@__PURE__*/ defineContainer('ion-fab-button', defineCusto
     'closeIcon',
     'ionFocus',
     'ionBlur'
+], [
+    'ionFocus',
+    'ionBlur'
 ]);
 const IonFabList = /*@__PURE__*/ defineContainer('ion-fab-list', defineCustomElement$m, [
     'activated',
@@ -532,7 +368,6 @@ const IonGrid = /*@__PURE__*/ defineContainer('ion-grid', defineCustomElement$o,
 ]);
 const IonHeader = /*@__PURE__*/ defineContainer('ion-header', defineCustomElement$p, [
     'collapse',
-    'divider',
     'translucent'
 ]);
 const IonImg = /*@__PURE__*/ defineContainer('ion-img', defineCustomElement$q, [
@@ -541,12 +376,18 @@ const IonImg = /*@__PURE__*/ defineContainer('ion-img', defineCustomElement$q, [
     'ionImgWillLoad',
     'ionImgDidLoad',
     'ionError'
+], [
+    'ionImgWillLoad',
+    'ionImgDidLoad',
+    'ionError'
 ]);
 const IonInfiniteScroll = /*@__PURE__*/ defineContainer('ion-infinite-scroll', defineCustomElement$r, [
     'threshold',
     'disabled',
     'position',
     'ionInfinite'
+], [
+    'ionInfinite'
 ]);
 const IonInfiniteScrollContent = /*@__PURE__*/ defineContainer('ion-infinite-scroll-content', defineCustomElement$s, [
     'loadingSpinner',
@@ -585,13 +426,17 @@ const IonInput = /*@__PURE__*/ defineContainer('ion-input', defineCustomElement$
     'shape',
     'spellcheck',
     'step',
-    'size',
     'type',
     'value',
     'ionInput',
     'ionChange',
     'ionBlur',
     'ionFocus'
+], [
+    'ionInput',
+    'ionChange',
+    'ionBlur',
+    'ionFocus'
 ], 'value', 'ion-input');
 const IonInputPasswordToggle = /*@__PURE__*/ defineContainer('ion-input-password-toggle', defineCustomElement$u, [
     'color',
@@ -627,27 +472,32 @@ const IonItemOption = /*@__PURE__*/ defineContainer('ion-item-option', defineCus
     'href',
     'rel',
     'target',
-    'type',
-    'shape'
+    'type'
 ]);
 const IonItemOptions = /*@__PURE__*/ defineContainer('ion-item-options', defineCustomElement$z, [
     'side',
     'ionSwipe'
+], [
+    'ionSwipe'
 ]);
 const IonItemSliding = /*@__PURE__*/ defineContainer('ion-item-sliding', defineCustomElement$A, [
     'disabled',
     'ionDrag'
+], [
+    'ionDrag'
 ]);
 const IonLabel = /*@__PURE__*/ defineContainer('ion-label', defineCustomElement$B, [
     'color',
     'position',
     'ionColor',
     'ionStyle'
+], [
+    'ionColor',
+    'ionStyle'
 ]);
 const IonList = /*@__PURE__*/ defineContainer('ion-list', defineCustomElement$C, [
     'lines',
-    'inset',
-    'shape'
+    'inset'
 ]);
 const IonListHeader = /*@__PURE__*/ defineContainer('ion-list-header', defineCustomElement$D, [
     'color',
@@ -666,6 +516,12 @@ const IonMenu = /*@__PURE__*/ defineContainer('ion-menu', defineCustomElement$E,
     'ionDidOpen',
     'ionDidClose',
     'ionMenuChange'
+], [
+    'ionWillOpen',
+    'ionWillClose',
+    'ionDidOpen',
+    'ionDidClose',
+    'ionMenuChange'
 ]);
 const IonMenuButton = /*@__PURE__*/ defineContainer('ion-menu-button', defineCustomElement$F, [
     'color',
@@ -689,6 +545,8 @@ const IonNote = /*@__PURE__*/ defineContainer('ion-note', defineCustomElement$I,
 ]);
 const IonPicker = /*@__PURE__*/ defineContainer('ion-picker', defineCustomElement$J, [
     'ionInputModeChange'
+], [
+    'ionInputModeChange'
 ]);
 const IonPickerColumn = /*@__PURE__*/ defineContainer('ion-picker-column', defineCustomElement$K, [
     'disabled',
@@ -696,6 +554,8 @@ const IonPickerColumn = /*@__PURE__*/ defineContainer('ion-picker-column', defin
     'color',
     'numericInput',
     'ionChange'
+], [
+    'ionChange'
 ]);
 const IonPickerColumnOption = /*@__PURE__*/ defineContainer('ion-picker-column-option', defineCustomElement$L, [
     'disabled',
@@ -719,14 +579,21 @@ const IonRadio = /*@__PURE__*/ defineContainer('ion-radio', defineCustomElement$
     'alignment',
     'ionFocus',
     'ionBlur'
+], [
+    'ionFocus',
+    'ionBlur'
 ], 'value', 'ion-change');
 const IonRadioGroup = /*@__PURE__*/ defineContainer('ion-radio-group', defineCustomElement$O, [
     'allowEmptySelection',
     'compareWith',
     'name',
+    'required',
     'value',
     'ionChange',
     'ionValueChange'
+], [
+    'ionChange',
+    'ionValueChange'
 ], 'value', 'ion-change');
 const IonRange = /*@__PURE__*/ defineContainer('ion-range', defineCustomElement$P, [
     'color',
@@ -751,6 +618,13 @@ const IonRange = /*@__PURE__*/ defineContainer('ion-range', defineCustomElement$
     'ionBlur',
     'ionKnobMoveStart',
     'ionKnobMoveEnd'
+], [
+    'ionChange',
+    'ionInput',
+    'ionFocus',
+    'ionBlur',
+    'ionKnobMoveStart',
+    'ionKnobMoveEnd'
 ], 'value', 'ion-input');
 const IonRefresher = /*@__PURE__*/ defineContainer('ion-refresher', defineCustomElement$Q, [
     'pullMin',
@@ -762,6 +636,10 @@ const IonRefresher = /*@__PURE__*/ defineContainer('ion-refresher', defineCustom
     'ionRefresh',
     'ionPull',
     'ionStart'
+], [
+    'ionRefresh',
+    'ionPull',
+    'ionStart'
 ]);
 const IonRefresherContent = /*@__PURE__*/ defineContainer('ion-refresher-content', defineCustomElement$R, [
     'pullingIcon',
@@ -773,6 +651,8 @@ const IonReorder = /*@__PURE__*/ defineContainer('ion-reorder', defineCustomElem
 const IonReorderGroup = /*@__PURE__*/ defineContainer('ion-reorder-group', defineCustomElement$T, [
     'disabled',
     'ionItemReorder'
+], [
+    'ionItemReorder'
 ]);
 const IonRippleEffect = /*@__PURE__*/ defineContainer('ion-ripple-effect', defineCustomElement$U, [
     'type'
@@ -808,6 +688,14 @@ const IonSearchbar = /*@__PURE__*/ defineContainer('ion-searchbar', defineCustom
     'ionBlur',
     'ionFocus',
     'ionStyle'
+], [
+    'ionInput',
+    'ionChange',
+    'ionCancel',
+    'ionClear',
+    'ionBlur',
+    'ionFocus',
+    'ionStyle'
 ], 'value', 'ion-input');
 const IonSegment = /*@__PURE__*/ defineContainer('ion-segment', defineCustomElement$X, [
     'color',
@@ -819,6 +707,10 @@ const IonSegment = /*@__PURE__*/ defineContainer('ion-segment', defineCustomElem
     'ionChange',
     'ionSelect',
     'ionStyle'
+], [
+    'ionChange',
+    'ionSelect',
+    'ionStyle'
 ], 'value', 'ion-change');
 const IonSegmentButton = /*@__PURE__*/ defineContainer('ion-segment-button', defineCustomElement$Y, [
     'contentId',
@@ -826,11 +718,13 @@ const IonSegmentButton = /*@__PURE__*/ defineContainer('ion-segment-button', def
     'layout',
     'type',
     'value'
-], 'value', 'ion-change');
+], [], 'value', 'ion-change');
 const IonSegmentContent = /*@__PURE__*/ defineContainer('ion-segment-content', defineCustomElement$Z);
 const IonSegmentView = /*@__PURE__*/ defineContainer('ion-segment-view', defineCustomElement$_, [
     'disabled',
     'ionSegmentViewScroll'
+], [
+    'ionSegmentViewScroll'
 ]);
 const IonSelect = /*@__PURE__*/ defineContainer('ion-select', defineCustomElement$$, [
     'cancelText',
@@ -852,7 +746,14 @@ const IonSelect = /*@__PURE__*/ defineContainer('ion-select', defineCustomElemen
     'expandedIcon',
     'shape',
     'value',
-    'size',
+    'required',
+    'ionChange',
+    'ionCancel',
+    'ionDismiss',
+    'ionFocus',
+    'ionBlur',
+    'ionStyle'
+], [
     'ionChange',
     'ionCancel',
     'ionDismiss',
@@ -872,19 +773,22 @@ const IonSelectOption = /*@__PURE__*/ defineContainer('ion-select-option', defin
 const IonSkeletonText = /*@__PURE__*/ defineContainer('ion-skeleton-text', defineCustomElement$12, [
     'animated',
     'ionStyle'
+], [
+    'ionStyle'
 ]);
 const IonSpinner = /*@__PURE__*/ defineContainer('ion-spinner', defineCustomElement$13, [
     'color',
     'duration',
     'name',
-    'paused',
-    'size'
+    'paused'
 ]);
 const IonSplitPane = /*@__PURE__*/ defineContainer('ion-split-pane', defineCustomElement$14, [
     'contentId',
     'disabled',
     'when',
     'ionSplitPaneVisible'
+], [
+    'ionSplitPaneVisible'
 ]);
 const IonTab = /*@__PURE__*/ defineContainer('ion-tab', defineCustomElement$15, [
     'active',
@@ -924,7 +828,11 @@ const IonTextarea = /*@__PURE__*/ defineContainer('ion-textarea', defineCustomEl
     'label',
     'labelPlacement',
     'shape',
-    'size',
+    'ionChange',
+    'ionInput',
+    'ionBlur',
+    'ionFocus'
+], [
     'ionChange',
     'ionInput',
     'ionBlur',
@@ -935,6 +843,8 @@ const IonTitle = /*@__PURE__*/ defineContainer('ion-title', defineCustomElement$
     'color',
     'size',
     'ionStyle'
+], [
+    'ionStyle'
 ]);
 const IonToggle = /*@__PURE__*/ defineContainer('ion-toggle', defineCustomElement$1a, [
     'color',
@@ -946,6 +856,11 @@ const IonToggle = /*@__PURE__*/ defineContainer('ion-toggle', defineCustomElemen
     'labelPlacement',
     'justify',
     'alignment',
+    'required',
+    'ionChange',
+    'ionFocus',
+    'ionBlur'
+], [
     'ionChange',
     'ionFocus',
     'ionBlur'
@@ -2319,13 +2234,13 @@ const defineOverlayContainer = (name, defineCustomElement, componentProps = [],
  * 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$1k, ['animated', 'backdropDismiss', 'buttons', 'cssClass', 'enterAnimation', 'header', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'mode', 'subHeader', 'theme', 'translucent', 'trigger']);
-const IonAlert = /*@__PURE__*/ defineOverlayContainer('ion-alert', defineCustomElement$1l, ['animated', 'backdropDismiss', 'buttons', 'cssClass', 'enterAnimation', 'header', 'htmlAttributes', 'inputs', 'isOpen', 'keyboardClose', 'leaveAnimation', 'message', 'mode', 'subHeader', 'theme', 'translucent', 'trigger']);
-const IonLoading = /*@__PURE__*/ defineOverlayContainer('ion-loading', defineCustomElement$1m, ['animated', 'backdropDismiss', 'cssClass', 'duration', 'enterAnimation', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'message', 'mode', 'showBackdrop', 'spinner', 'theme', 'translucent', 'trigger']);
-const IonPickerLegacy = /*@__PURE__*/ defineOverlayContainer('ion-picker-legacy', defineCustomElement$1n, ['animated', 'backdropDismiss', 'buttons', 'columns', 'cssClass', 'duration', 'enterAnimation', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'mode', 'showBackdrop', 'theme', 'trigger']);
-const IonToast = /*@__PURE__*/ defineOverlayContainer('ion-toast', defineCustomElement$1o, ['animated', 'buttons', 'color', 'cssClass', 'duration', 'enterAnimation', 'header', 'htmlAttributes', 'icon', 'isOpen', 'keyboardClose', 'layout', 'leaveAnimation', 'message', 'mode', 'position', 'positionAnchor', 'shape', 'swipeGesture', 'theme', 'translucent', 'trigger']);
-const IonModal = /*@__PURE__*/ defineOverlayContainer('ion-modal', defineCustomElement$1p, ['animated', 'backdropBreakpoint', 'backdropDismiss', 'breakpoints', 'canDismiss', 'enterAnimation', 'focusTrap', 'handle', 'handleBehavior', 'htmlAttributes', 'initialBreakpoint', 'isOpen', 'keepContentsMounted', 'keyboardClose', 'leaveAnimation', 'mode', 'presentingElement', 'shape', 'showBackdrop', 'theme', 'trigger'], true);
-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', 'theme', 'translucent', 'trigger', 'triggerAction']);
+const IonActionSheet = /*@__PURE__*/ defineOverlayContainer('ion-action-sheet', defineCustomElement$1k, ['animated', 'backdropDismiss', 'buttons', 'cssClass', 'enterAnimation', 'header', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'mode', 'subHeader', 'translucent', 'trigger']);
+const IonAlert = /*@__PURE__*/ defineOverlayContainer('ion-alert', defineCustomElement$1l, ['animated', 'backdropDismiss', 'buttons', 'cssClass', 'enterAnimation', 'header', 'htmlAttributes', 'inputs', 'isOpen', 'keyboardClose', 'leaveAnimation', 'message', 'mode', 'subHeader', 'translucent', 'trigger']);
+const IonLoading = /*@__PURE__*/ defineOverlayContainer('ion-loading', defineCustomElement$1m, ['animated', 'backdropDismiss', 'cssClass', 'duration', 'enterAnimation', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'message', 'mode', 'showBackdrop', 'spinner', 'translucent', 'trigger']);
+const IonPickerLegacy = /*@__PURE__*/ defineOverlayContainer('ion-picker-legacy', defineCustomElement$1n, ['animated', 'backdropDismiss', 'buttons', 'columns', 'cssClass', 'duration', 'enterAnimation', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'mode', 'showBackdrop', 'trigger']);
+const IonToast = /*@__PURE__*/ defineOverlayContainer('ion-toast', defineCustomElement$1o, ['animated', 'buttons', 'color', 'cssClass', 'duration', 'enterAnimation', 'header', 'htmlAttributes', 'icon', 'isOpen', 'keyboardClose', 'layout', 'leaveAnimation', 'message', 'mode', 'position', 'positionAnchor', 'swipeGesture', 'translucent', 'trigger']);
+const IonModal = /*@__PURE__*/ defineOverlayContainer('ion-modal', defineCustomElement$1p, ['animated', 'backdropBreakpoint', 'backdropDismiss', 'breakpoints', 'canDismiss', 'enterAnimation', 'focusTrap', 'handle', 'handleBehavior', 'htmlAttributes', 'initialBreakpoint', 'isOpen', 'keepContentsMounted', 'keyboardClose', 'leaveAnimation', 'mode', 'presentingElement', 'showBackdrop', 'trigger'], true);
+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']);
 
 // TODO(FW-2969): types
 /**