@ionic/vue 8.4.2-dev.11737633140.1934dd0f → 8.4.2-dev.11739468652.1ae78967

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineContainer } from '@stencil/vue-output-target/runtime';
+import { defineComponent, ref, getCurrentInstance, inject, h, withDirectives, computed, provide, shallowRef, watch, onUnmounted, Fragment, isVNode, Teleport, onMounted } from 'vue';
 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,7 +76,6 @@ 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';
@@ -95,6 +94,194 @@ 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 */
@@ -112,23 +299,24 @@ const IonAccordionGroup = /*@__PURE__*/ defineContainer('ion-accordion-group', d
     'disabled',
     'readonly',
     'expand',
-    'ionChange',
-    'ionValueChange'
-], [
+    'shape',
     'ionChange',
     'ionValueChange'
 ], 'value', 'ion-change');
-const IonAvatar = /*@__PURE__*/ defineContainer('ion-avatar', defineCustomElement$2);
+const IonAvatar = /*@__PURE__*/ defineContainer('ion-avatar', defineCustomElement$2, [
+    'size',
+    'shape'
+]);
 const IonBackdrop = /*@__PURE__*/ defineContainer('ion-backdrop', defineCustomElement$3, [
     'visible',
     'tappable',
     'stopPropagation',
     'ionBackdropTap'
-], [
-    'ionBackdropTap'
 ]);
 const IonBadge = /*@__PURE__*/ defineContainer('ion-badge', defineCustomElement$4, [
-    'color'
+    'color',
+    'shape',
+    'size'
 ]);
 const IonBreadcrumb = /*@__PURE__*/ defineContainer('ion-breadcrumb', defineCustomElement$5, [
     'collapsed',
@@ -147,10 +335,6 @@ const IonBreadcrumb = /*@__PURE__*/ defineContainer('ion-breadcrumb', defineCust
     'ionFocus',
     'ionBlur',
     'collapsedClick'
-], [
-    'ionFocus',
-    'ionBlur',
-    'collapsedClick'
 ]);
 const IonBreadcrumbs = /*@__PURE__*/ defineContainer('ion-breadcrumbs', defineCustomElement$6, [
     'color',
@@ -158,8 +342,6 @@ const IonBreadcrumbs = /*@__PURE__*/ defineContainer('ion-breadcrumbs', defineCu
     'itemsBeforeCollapse',
     'itemsAfterCollapse',
     'ionCollapsedClick'
-], [
-    'ionCollapsedClick'
 ]);
 const IonButton = /*@__PURE__*/ defineContainer('ion-button', defineCustomElement$7, [
     'color',
@@ -180,9 +362,6 @@ const IonButton = /*@__PURE__*/ defineContainer('ion-button', defineCustomElemen
     'form',
     'ionFocus',
     'ionBlur'
-], [
-    'ionFocus',
-    'ionBlur'
 ]);
 const IonButtons = /*@__PURE__*/ defineContainer('ion-buttons', defineCustomElement$8, [
     'collapse'
@@ -197,6 +376,7 @@ const IonCard = /*@__PURE__*/ defineContainer('ion-card', defineCustomElement$9,
     'rel',
     'routerDirection',
     'routerAnimation',
+    'shape',
     'target'
 ]);
 const IonCardContent = /*@__PURE__*/ defineContainer('ion-card-content', defineCustomElement$a);
@@ -220,11 +400,8 @@ const IonCheckbox = /*@__PURE__*/ defineContainer('ion-checkbox', defineCustomEl
     'labelPlacement',
     'justify',
     'alignment',
-    'required',
-    'ionChange',
-    'ionFocus',
-    'ionBlur'
-], [
+    'size',
+    'shape',
     'ionChange',
     'ionFocus',
     'ionBlur'
@@ -232,7 +409,9 @@ const IonCheckbox = /*@__PURE__*/ defineContainer('ion-checkbox', defineCustomEl
 const IonChip = /*@__PURE__*/ defineContainer('ion-chip', defineCustomElement$f, [
     'color',
     'outline',
-    'disabled'
+    'disabled',
+    'shape',
+    'size'
 ]);
 const IonCol = /*@__PURE__*/ defineContainer('ion-col', defineCustomElement$g, [
     'offset',
@@ -271,10 +450,6 @@ const IonContent = /*@__PURE__*/ defineContainer('ion-content', defineCustomElem
     'ionScrollStart',
     'ionScroll',
     'ionScrollEnd'
-], [
-    'ionScrollStart',
-    'ionScroll',
-    'ionScrollEnd'
 ]);
 const IonDatetime = /*@__PURE__*/ defineContainer('ion-datetime', defineCustomElement$i, [
     'color',
@@ -314,14 +489,6 @@ 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',
@@ -351,9 +518,6 @@ const IonFabButton = /*@__PURE__*/ defineContainer('ion-fab-button', defineCusto
     'closeIcon',
     'ionFocus',
     'ionBlur'
-], [
-    'ionFocus',
-    'ionBlur'
 ]);
 const IonFabList = /*@__PURE__*/ defineContainer('ion-fab-list', defineCustomElement$m, [
     'activated',
@@ -368,6 +532,7 @@ 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, [
@@ -376,18 +541,12 @@ 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',
@@ -426,17 +585,13 @@ 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',
@@ -472,32 +627,27 @@ const IonItemOption = /*@__PURE__*/ defineContainer('ion-item-option', defineCus
     'href',
     'rel',
     'target',
-    'type'
+    'type',
+    'shape'
 ]);
 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'
+    'inset',
+    'shape'
 ]);
 const IonListHeader = /*@__PURE__*/ defineContainer('ion-list-header', defineCustomElement$D, [
     'color',
@@ -516,12 +666,6 @@ 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',
@@ -545,8 +689,6 @@ 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',
@@ -554,8 +696,6 @@ const IonPickerColumn = /*@__PURE__*/ defineContainer('ion-picker-column', defin
     'color',
     'numericInput',
     'ionChange'
-], [
-    'ionChange'
 ]);
 const IonPickerColumnOption = /*@__PURE__*/ defineContainer('ion-picker-column-option', defineCustomElement$L, [
     'disabled',
@@ -567,7 +707,8 @@ const IonProgressBar = /*@__PURE__*/ defineContainer('ion-progress-bar', defineC
     'reversed',
     'value',
     'buffer',
-    'color'
+    'color',
+    'shape'
 ]);
 const IonRadio = /*@__PURE__*/ defineContainer('ion-radio', defineCustomElement$N, [
     'color',
@@ -579,21 +720,14 @@ 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',
@@ -618,13 +752,6 @@ 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',
@@ -636,10 +763,6 @@ const IonRefresher = /*@__PURE__*/ defineContainer('ion-refresher', defineCustom
     'ionRefresh',
     'ionPull',
     'ionStart'
-], [
-    'ionRefresh',
-    'ionPull',
-    'ionStart'
 ]);
 const IonRefresherContent = /*@__PURE__*/ defineContainer('ion-refresher-content', defineCustomElement$R, [
     'pullingIcon',
@@ -651,8 +774,6 @@ 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'
@@ -688,14 +809,6 @@ 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',
@@ -707,10 +820,6 @@ 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',
@@ -718,13 +827,11 @@ 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',
@@ -746,14 +853,7 @@ const IonSelect = /*@__PURE__*/ defineContainer('ion-select', defineCustomElemen
     'expandedIcon',
     'shape',
     'value',
-    'required',
-    'ionChange',
-    'ionCancel',
-    'ionDismiss',
-    'ionFocus',
-    'ionBlur',
-    'ionStyle'
-], [
+    'size',
     'ionChange',
     'ionCancel',
     'ionDismiss',
@@ -773,22 +873,19 @@ 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'
+    'paused',
+    'size'
 ]);
 const IonSplitPane = /*@__PURE__*/ defineContainer('ion-split-pane', defineCustomElement$14, [
     'contentId',
     'disabled',
     'when',
     'ionSplitPaneVisible'
-], [
-    'ionSplitPaneVisible'
 ]);
 const IonTab = /*@__PURE__*/ defineContainer('ion-tab', defineCustomElement$15, [
     'active',
@@ -828,11 +925,7 @@ const IonTextarea = /*@__PURE__*/ defineContainer('ion-textarea', defineCustomEl
     'label',
     'labelPlacement',
     'shape',
-    'ionChange',
-    'ionInput',
-    'ionBlur',
-    'ionFocus'
-], [
+    'size',
     'ionChange',
     'ionInput',
     'ionBlur',
@@ -843,8 +936,6 @@ const IonTitle = /*@__PURE__*/ defineContainer('ion-title', defineCustomElement$
     'color',
     'size',
     'ionStyle'
-], [
-    'ionStyle'
 ]);
 const IonToggle = /*@__PURE__*/ defineContainer('ion-toggle', defineCustomElement$1a, [
     'color',
@@ -856,11 +947,6 @@ const IonToggle = /*@__PURE__*/ defineContainer('ion-toggle', defineCustomElemen
     'labelPlacement',
     'justify',
     'alignment',
-    'required',
-    'ionChange',
-    'ionFocus',
-    'ionBlur'
-], [
     'ionChange',
     'ionFocus',
     'ionBlur'
@@ -2234,13 +2320,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', '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']);
+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']);
 
 // TODO(FW-2969): types
 /**