@ionic/core 9.0.0 → 9.0.1-dev.11787248963.10a00c73

package/dist/esm/ion-app_8.entry.js

@@ -1,18 +1,18 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, g as getElement, e as config, f as printIonWarning, h, d as Host, c as createEvent, a as readTask, i as forceUpdate, w as writeTask, j as printIonError } from './index-ChhhtsGZ.js';
-import { shouldUseCloseWatcher } from './hardware-back-button-gLJHMX_F.js';
-import { a as isPlatform, b as getIonMode } from './ionic-global-BVB7BrLT.js';
-import { i as inheritAriaAttributes, h as hasLazyBuild, c as componentOnReady, e as clamp, s as shallowEqualStringMap } from './helpers-CAGf8Wgp.js';
+import { r as registerInstance, e as config, f as printIonWarning, h, d as Host, g as getElement, c as createEvent, a as readTask, i as forceUpdate, w as writeTask, j as printIonError } from './index-CKYcsw8f.js';
+import { shouldUseCloseWatcher } from './hardware-back-button-D8W4L0JP.js';
+import { a as isPlatform, b as getIonMode } from './ionic-global-lrowsHfi.js';
+import { i as inheritAriaAttributes, h as hasLazyBuild, c as componentOnReady, e as clamp, s as shallowEqualStringMap } from './helpers-BIgoInJU.js';
 import { i as isRTL } from './dir-Dojwmvde.js';
 import { h as hostContext, c as createColorClasses } from './theme-byZM6qHV.js';
-import { b as findIonContent, p as printIonContentErrorMsg, g as getScrollElement } from './index-T0JxBI8V.js';
+import { b as findIonContent, p as printIonContentErrorMsg, g as getScrollElement } from './index-BmOR8tCv.js';
 import { c as createKeyboardController } from './keyboard-controller-DEwoa1ev.js';
 import { g as getTimeGivenProgression } from './cubic-bezier-hHmYLOfE.js';
-import { a as attachComponent, d as detachComponent } from './framework-delegate-BHTU2Ip9.js';
+import { a as attachComponent, d as detachComponent } from './framework-delegate-DaLWnISz.js';
 import { c as createLockController } from './lock-controller-B-hirT0v.js';
-import { t as transition } from './index-WlteAIqz.js';
+import { t as transition } from './index-C8Dsa6li.js';
 import './index-ZjP4CjeZ.js';
 import './keyboard-DAF8GNJ9.js';
 import './capacitor-CFERIeaU.js';
@@ -23,18 +23,15 @@ const App = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
-    focusVisible;
-    loadTimeout;
-    get el() { return getElement(this); }
     componentDidLoad() {
         {
             this.rIC(async () => {
                 const isHybrid = isPlatform(window, 'hybrid');
                 if (!config.getBoolean('_testing')) {
-                    import('./index-Clc-28O1.js').then((module) => module.startTapClick(config));
+                    import('./index-DHw2lZxe.js').then((module) => module.startTapClick(config));
                 }
                 if (config.getBoolean('statusTap', isHybrid)) {
-                    import('./status-tap-CHB7KwIb.js').then((module) => module.startStatusTap());
+                    import('./status-tap-CpFQMLl6.js').then((module) => module.startStatusTap());
                 }
                 if (config.getBoolean('inputShims', needInputShims())) {
                     /**
@@ -42,9 +39,9 @@ const App = class {
                      * platforms proceed into this block.
                      */
                     const platform = isPlatform(window, 'ios') ? 'ios' : 'android';
-                    import('./input-shims-B8sfni1e.js').then((module) => module.startInputShims(config, platform));
+                    import('./input-shims-09NN97kF.js').then((module) => module.startInputShims(config, platform));
                 }
-                const hardwareBackButtonModule = await import('./hardware-back-button-gLJHMX_F.js');
+                const hardwareBackButtonModule = await import('./hardware-back-button-D8W4L0JP.js');
                 const supportsHardwareBackButtonEvents = isHybrid || shouldUseCloseWatcher();
                 if (config.getBoolean('hardwareBackButton', supportsHardwareBackButtonEvents)) {
                     hardwareBackButtonModule.startHardwareBackButton();
@@ -103,6 +100,7 @@ const App = class {
                 'force-statusbar-padding': config.getBoolean('_forceStatusbarPadding'),
             } }));
     }
+    get el() { return getElement(this); }
 };
 const needInputShims = () => {
     /**
@@ -132,20 +130,20 @@ const buttonsMdCss = () => `.sc-ion-buttons-md-h{display:-ms-flexbox;display:fle
 const Buttons = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * If true, buttons will disappear when its
+         * parent toolbar has fully collapsed if the toolbar
+         * is not the first toolbar. If the toolbar is the
+         * first toolbar, the buttons will be hidden and will
+         * only be shown once all toolbars have fully collapsed.
+         *
+         * Only applies in `ios` mode with `collapse` set to
+         * `true` on `ion-header`.
+         *
+         * Typically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)
+         */
+        this.collapse = false;
     }
-    /**
-     * If true, buttons will disappear when its
-     * parent toolbar has fully collapsed if the toolbar
-     * is not the first toolbar. If the toolbar is the
-     * first toolbar, the buttons will be hidden and will
-     * only be shown once all toolbars have fully collapsed.
-     *
-     * Only applies in `ios` mode with `collapse` set to
-     * `true` on `ion-header`.
-     *
-     * Typically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)
-     */
-    collapse = false;
     render() {
         const mode = getIonMode(this);
         return (h(Host, { key: '58c1fc5eb867d0731c63549b1ccb3ec3bbbe6e1b', class: {
@@ -167,100 +165,68 @@ const Content = class {
         this.ionScrollStart = createEvent(this, "ionScrollStart", 7);
         this.ionScroll = createEvent(this, "ionScroll", 7);
         this.ionScrollEnd = createEvent(this, "ionScrollEnd", 7);
+        this.watchDog = null;
+        this.isScrolling = false;
+        this.lastScroll = 0;
+        this.queued = false;
+        this.cTop = -1;
+        this.cBottom = -1;
+        this.isMainContent = true;
+        this.resizeTimeout = null;
+        this.inheritedAttributes = {};
+        this.tabsElement = null;
+        // Detail is used in a hot loop in the scroll event, by allocating it here
+        // V8 will be able to inline any read/write to it since it's a monomorphic class.
+        // https://mrale.ph/blog/2015/01/11/whats-up-with-monomorphism.html
+        this.detail = {
+            scrollTop: 0,
+            scrollLeft: 0,
+            type: 'scroll',
+            event: undefined,
+            startX: 0,
+            startY: 0,
+            startTime: 0,
+            currentX: 0,
+            currentY: 0,
+            velocityX: 0,
+            velocityY: 0,
+            deltaX: 0,
+            deltaY: 0,
+            currentTime: 0,
+            data: undefined,
+            isScrolling: true,
+        };
+        /**
+         * If `true`, the content will scroll behind the headers
+         * and footers. This effect can easily be seen by setting the toolbar
+         * to transparent.
+         */
+        this.fullscreen = false;
+        /**
+         * Controls where the fixed content is placed relative to the main content
+         * in the DOM. This can be used to control the order in which fixed elements
+         * receive keyboard focus.
+         * For example, if a FAB in the fixed slot should receive keyboard focus before
+         * the main page content, set this property to `'before'`.
+         */
+        this.fixedSlotPlacement = 'after';
+        /**
+         * If you want to enable the content scrolling in the X axis, set this property to `true`.
+         */
+        this.scrollX = false;
+        /**
+         * If you want to disable the content scrolling in the Y axis, set this property to `false`.
+         */
+        this.scrollY = true;
+        /**
+         * Because of performance reasons, ionScroll events are disabled by default, in order to enable them
+         * and start listening from (ionScroll), set this property to `true`.
+         */
+        this.scrollEvents = false;
     }
-    watchDog = null;
-    isScrolling = false;
-    lastScroll = 0;
-    queued = false;
-    cTop = -1;
-    cBottom = -1;
-    scrollEl;
-    backgroundContentEl;
-    isMainContent = true;
-    resizeTimeout = null;
-    fullscreenResizeObserver;
-    inheritedAttributes = {};
-    tabsElement = null;
-    tabsLoadCallback;
-    // Detail is used in a hot loop in the scroll event, by allocating it here
-    // V8 will be able to inline any read/write to it since it's a monomorphic class.
-    // https://mrale.ph/blog/2015/01/11/whats-up-with-monomorphism.html
-    detail = {
-        scrollTop: 0,
-        scrollLeft: 0,
-        type: 'scroll',
-        event: undefined,
-        startX: 0,
-        startY: 0,
-        startTime: 0,
-        currentX: 0,
-        currentY: 0,
-        velocityX: 0,
-        velocityY: 0,
-        deltaX: 0,
-        deltaY: 0,
-        currentTime: 0,
-        data: undefined,
-        isScrolling: true,
-    };
-    get el() { return getElement(this); }
-    /**
-     * The color to use from your application's color palette.
-     * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
-     * For more information on colors, see [theming](/docs/theming/basics).
-     */
-    color;
-    /**
-     * If `true`, the content will scroll behind the headers
-     * and footers. This effect can easily be seen by setting the toolbar
-     * to transparent.
-     */
-    fullscreen = false;
     fullscreenChanged() {
         this.setupFullscreenResizeObserver();
     }
-    /**
-     * Controls where the fixed content is placed relative to the main content
-     * in the DOM. This can be used to control the order in which fixed elements
-     * receive keyboard focus.
-     * For example, if a FAB in the fixed slot should receive keyboard focus before
-     * the main page content, set this property to `'before'`.
-     */
-    fixedSlotPlacement = 'after';
-    /**
-     * If `true` and the content does not cause an overflow scroll, the scroll interaction will cause a bounce.
-     * If the content exceeds the bounds of ionContent, nothing will change.
-     * Note, this does not disable the system bounce on iOS. That is an OS level setting.
-     */
-    forceOverscroll;
-    /**
-     * If you want to enable the content scrolling in the X axis, set this property to `true`.
-     */
-    scrollX = false;
-    /**
-     * If you want to disable the content scrolling in the Y axis, set this property to `false`.
-     */
-    scrollY = true;
-    /**
-     * Because of performance reasons, ionScroll events are disabled by default, in order to enable them
-     * and start listening from (ionScroll), set this property to `true`.
-     */
-    scrollEvents = false;
-    /**
-     * Emitted when the scroll has started. This event is disabled by default.
-     * Set `scrollEvents` to `true` to enable.
-     */
-    ionScrollStart;
-    /**
-     * Emitted while scrolling. This event is disabled by default.
-     * Set `scrollEvents` to `true` to enable.
-     */
-    ionScroll;
-    /**
-     * Emitted when the scroll has ended. This event is disabled by default.
-     * Set `scrollEvents` to `true` to enable.
-     */
-    ionScrollEnd;
     componentWillLoad() {
         this.inheritedAttributes = inheritAriaAttributes(this.el);
     }
@@ -617,6 +583,7 @@ const Content = class {
                 overscroll: (scrollX || scrollY) && forceOverscroll,
             }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, h("slot", { key: '0d2286206facb22696a9ca7e74a3f6b7d2397aab' })), transitionShadow ? (h("div", { class: "transition-effect" }, h("div", { class: "transition-cover" }), h("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? h("slot", { name: "fixed" }) : null));
     }
+    get el() { return getElement(this); }
     static get watchers() { return {
         "fullscreen": [{
                 "fullscreenChanged": 0
@@ -715,27 +682,48 @@ const footerMdCss = () => `ion-footer{display:block;position:relative;-ms-flex-o
 const Footer = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.keyboardCtrl = null;
+        this.keyboardCtrlPromise = null;
+        this.keyboardVisible = false;
+        /**
+         * If `true`, the footer will be translucent.
+         * Only applies when the mode is `"ios"` and the device supports
+         * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
+         *
+         * Note: In order to scroll content behind the footer, the `fullscreen`
+         * attribute needs to be set on the content.
+         */
+        this.translucent = false;
+        this.checkCollapsibleFooter = () => {
+            const mode = getIonMode(this);
+            if (mode !== 'ios') {
+                return;
+            }
+            const { collapse } = this;
+            const hasFade = collapse === 'fade';
+            this.destroyCollapsibleFooter();
+            if (hasFade) {
+                const pageEl = this.el.closest('ion-app,ion-page,.ion-page,page-inner');
+                const contentEl = pageEl ? findIonContent(pageEl) : null;
+                if (!contentEl) {
+                    printIonContentErrorMsg(this.el);
+                    return;
+                }
+                this.setupFadeFooter(contentEl);
+            }
+        };
+        this.setupFadeFooter = async (contentEl) => {
+            const scrollEl = (this.scrollEl = await getScrollElement(contentEl));
+            /**
+             * Handle fading of toolbars on scroll
+             */
+            this.contentScrollCallback = () => {
+                handleFooterFade(scrollEl, this.el);
+            };
+            scrollEl.addEventListener('scroll', this.contentScrollCallback);
+            handleFooterFade(scrollEl, this.el);
+        };
     }
-    scrollEl;
-    contentScrollCallback;
-    keyboardCtrl = null;
-    keyboardCtrlPromise = null;
-    keyboardVisible = false;
-    get el() { return getElement(this); }
-    /**
-     * Describes the scroll effect that will be applied to the footer.
-     * Only applies in iOS mode.
-     */
-    collapse;
-    /**
-     * If `true`, the footer will be translucent.
-     * Only applies when the mode is `"ios"` and the device supports
-     * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
-     *
-     * Note: In order to scroll content behind the footer, the `fullscreen`
-     * attribute needs to be set on the content.
-     */
-    translucent = false;
     componentDidLoad() {
         this.checkCollapsibleFooter();
     }
@@ -779,35 +767,6 @@ const Footer = class {
             this.keyboardCtrl = null;
         }
     }
-    checkCollapsibleFooter = () => {
-        const mode = getIonMode(this);
-        if (mode !== 'ios') {
-            return;
-        }
-        const { collapse } = this;
-        const hasFade = collapse === 'fade';
-        this.destroyCollapsibleFooter();
-        if (hasFade) {
-            const pageEl = this.el.closest('ion-app,ion-page,.ion-page,page-inner');
-            const contentEl = pageEl ? findIonContent(pageEl) : null;
-            if (!contentEl) {
-                printIonContentErrorMsg(this.el);
-                return;
-            }
-            this.setupFadeFooter(contentEl);
-        }
-    };
-    setupFadeFooter = async (contentEl) => {
-        const scrollEl = (this.scrollEl = await getScrollElement(contentEl));
-        /**
-         * Handle fading of toolbars on scroll
-         */
-        this.contentScrollCallback = () => {
-            handleFooterFade(scrollEl, this.el);
-        };
-        scrollEl.addEventListener('scroll', this.contentScrollCallback);
-        handleFooterFade(scrollEl, this.el);
-    };
     destroyCollapsibleFooter() {
         if (this.scrollEl && this.contentScrollCallback) {
             this.scrollEl.removeEventListener('scroll', this.contentScrollCallback);
@@ -829,6 +788,7 @@ const Footer = class {
                 [`footer-collapse-${collapse}`]: collapse !== undefined,
             } }, mode === 'ios' && translucent && h("div", { key: '2fa14f61661c47c661cecd696176728d6eafa74f', class: "footer-background" }), h("slot", { key: '8e63696e7c528d5c38201e546bf08135290d0945' })));
     }
+    get el() { return getElement(this); }
 };
 Footer.style = {
     ios: footerIosCss(),
@@ -1074,29 +1034,28 @@ const headerMdCss = () => `ion-header{display:block;position:relative;-ms-flex-o
 const Header = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.inheritedAttributes = {};
+        /**
+         * If `true`, the header will be translucent.
+         * Only applies when the mode is `"ios"` and the device supports
+         * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
+         *
+         * Note: In order to scroll content behind the header, the `fullscreen`
+         * attribute needs to be set on the content.
+         */
+        this.translucent = false;
+        this.setupFadeHeader = async (contentEl, condenseHeader) => {
+            const scrollEl = (this.scrollEl = await getScrollElement(contentEl));
+            /**
+             * Handle fading of toolbars on scroll
+             */
+            this.contentScrollCallback = () => {
+                handleHeaderFade(this.scrollEl, this.el, condenseHeader);
+            };
+            scrollEl.addEventListener('scroll', this.contentScrollCallback);
+            handleHeaderFade(this.scrollEl, this.el, condenseHeader);
+        };
     }
-    scrollEl;
-    contentScrollCallback;
-    intersectionObserver;
-    collapsibleMainHeader;
-    inheritedAttributes = {};
-    get el() { return getElement(this); }
-    /**
-     * Describes the scroll effect that will be applied to the header.
-     * Only applies in iOS mode.
-     *
-     * Typically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)
-     */
-    collapse;
-    /**
-     * If `true`, the header will be translucent.
-     * Only applies when the mode is `"ios"` and the device supports
-     * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
-     *
-     * Note: In order to scroll content behind the header, the `fullscreen`
-     * attribute needs to be set on the content.
-     */
-    translucent = false;
     componentWillLoad() {
         this.inheritedAttributes = inheritAriaAttributes(this.el);
     }
@@ -1140,17 +1099,6 @@ const Header = class {
             await this.setupFadeHeader(contentEl, condenseHeader);
         }
     }
-    setupFadeHeader = async (contentEl, condenseHeader) => {
-        const scrollEl = (this.scrollEl = await getScrollElement(contentEl));
-        /**
-         * Handle fading of toolbars on scroll
-         */
-        this.contentScrollCallback = () => {
-            handleHeaderFade(this.scrollEl, this.el, condenseHeader);
-        };
-        scrollEl.addEventListener('scroll', this.contentScrollCallback);
-        handleHeaderFade(this.scrollEl, this.el, condenseHeader);
-    };
     destroyCollapsibleHeader() {
         if (this.intersectionObserver) {
             this.intersectionObserver.disconnect();
@@ -1231,6 +1179,7 @@ const Header = class {
                 [`header-translucent-${mode}`]: this.translucent,
             }, ...inheritedAttributes }, mode === 'ios' && translucent && h("div", { key: '25c3bdce328b0b35607d154c8b8374679313d881', class: "header-background" }), h("slot", { key: 'b44fab0a9be7920b9650da26117c783e751e1702' })));
     }
+    get el() { return getElement(this); }
 };
 Header.style = {
     ios: headerIosCss(),
@@ -1245,47 +1194,23 @@ const RouterOutlet = class {
         this.ionNavWillLoad = createEvent(this, "ionNavWillLoad", 7);
         this.ionNavWillChange = createEvent(this, "ionNavWillChange", 3);
         this.ionNavDidChange = createEvent(this, "ionNavDidChange", 3);
+        this.lockController = createLockController();
+        this.gestureOrAnimationInProgress = false;
+        /**
+         * The mode determines which platform styles to use.
+         */
+        this.mode = getIonMode(this);
+        /**
+         * If `true`, the router-outlet should animate the transition of components.
+         */
+        this.animated = true;
     }
-    lockController = createLockController();
-    activeEl;
-    // TODO(FW-2832): types
-    activeComponent;
-    activeParams;
-    gesture;
-    ani;
-    gestureOrAnimationInProgress = false;
-    get el() { return getElement(this); }
-    /**
-     * The mode determines which platform styles to use.
-     */
-    mode = getIonMode(this);
-    /** @internal */
-    delegate;
-    /**
-     * If `true`, the router-outlet should animate the transition of components.
-     */
-    animated = true;
-    /** This property allows to create custom transition using AnimationBuilder functions. */
-    animation;
-    /**
-     * If `true`, the router-outlet should allow navigation via swipe-to-go-back gesture.
-     * Defaults to `true` for `"ios"` mode and `false` for `"md"` mode.
-     */
-    swipeGesture;
     swipeGestureChanged() {
         this.updateGestureEnabled();
     }
-    /** @internal */
-    swipeHandler;
     swipeHandlerChanged() {
         this.updateGestureEnabled();
     }
-    /** @internal */
-    ionNavWillLoad;
-    /** @internal */
-    ionNavWillChange;
-    /** @internal */
-    ionNavDidChange;
     async connectedCallback() {
         const onStart = () => {
             this.gestureOrAnimationInProgress = true;
@@ -1293,7 +1218,7 @@ const RouterOutlet = class {
                 this.swipeHandler.onStart();
             }
         };
-        this.gesture = (await import('./swipe-back-C9HW1bug.js')).createSwipeBackGesture(this.el, () => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart(), () => onStart(), (step) => this.ani?.progressStep(step), (shouldComplete, step, dur) => {
+        this.gesture = (await import('./swipe-back-rmc7zeNW.js')).createSwipeBackGesture(this.el, () => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart(), () => onStart(), (step) => this.ani?.progressStep(step), (shouldComplete, step, dur) => {
             if (this.ani) {
                 this.ani.onFinish(() => {
                     this.gestureOrAnimationInProgress = false;
@@ -1457,6 +1382,7 @@ const RouterOutlet = class {
     render() {
         return h("slot", { key: '249e7d8a063c781db52fa535e42d648c7bf2909a' });
     }
+    get el() { return getElement(this); }
     static get watchers() { return {
         "swipeGesture": [{
                 "swipeGestureChanged": 0
@@ -1477,22 +1403,6 @@ const ToolbarTitle = class {
         registerInstance(this, hostRef);
         this.ionStyle = createEvent(this, "ionStyle", 7);
     }
-    get el() { return getElement(this); }
-    /**
-     * The color to use from your application's color palette.
-     * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
-     * For more information on colors, see [theming](/docs/theming/basics).
-     */
-    color;
-    /**
-     * The size of the toolbar title.
-     */
-    size;
-    /**
-     * Emitted when the styles change.
-     * @internal
-     */
-    ionStyle;
     sizeChanged() {
         this.emitStyle();
     }
@@ -1517,6 +1427,7 @@ const ToolbarTitle = class {
                 'title-rtl': document.dir === 'rtl',
             }) }, h("div", { key: '5253b9e39fb764bfe1e57370719139f8a83e9904', class: "toolbar-title" }, h("slot", { key: 'e38b1eccb0175c36f8cab211aee7ce4d61fc9035' }))));
     }
+    get el() { return getElement(this); }
     static get watchers() { return {
         "size": [{
                 "sizeChanged": 0
@@ -1535,15 +1446,8 @@ const toolbarMdCss = () => `:host{--border-width:0;--border-style:solid;--opacit
 const Toolbar = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.childrenStyles = new Map();
     }
-    childrenStyles = new Map();
-    get el() { return getElement(this); }
-    /**
-     * The color to use from your application's color palette.
-     * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
-     * For more information on colors, see [theming](/docs/theming/basics).
-     */
-    color;
     componentWillLoad() {
         const buttons = Array.from(this.el.querySelectorAll('ion-buttons'));
         const firstButtons = buttons.find((button) => {
@@ -1596,6 +1500,7 @@ const Toolbar = class {
                 }),
             } }, h("div", { key: '20e3f85844c94b8399c245d2df125e6ab678d681', class: "toolbar-background", part: "background" }), h("div", { key: '12f09e324e8d9130b9d30c493106b500233fb016', class: "toolbar-container", part: "container" }, h("slot", { key: '6da0fe99ee0c4d7c969712e2908a4e7e6be5ed2c', name: "start" }), h("slot", { key: '177c346d6dcabb7857d810cda7d25c6dde32e6e2', name: "secondary" }), h("div", { key: '8c921b415940c71bf4c1a2c5c6887f36ad1afd16', class: "toolbar-content", part: "content" }, h("slot", { key: '1f2976b80d967bd51e86ed1357b363271d655df2' })), h("slot", { key: '0f7618044a7e8b0d9b715a8e208070f7ef2ee4c8', name: "primary" }), h("slot", { key: '125c393197e0660a3c2638dd4628c41ef7e05f19', name: "end" }))));
     }
+    get el() { return getElement(this); }
 };
 Toolbar.style = {
     ios: toolbarIosCss(),

package/dist/esm/ion-avatar_3.entry.js

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, h, d as Host } from './index-ChhhtsGZ.js';
-import { b as getIonMode } from './ionic-global-BVB7BrLT.js';
+import { r as registerInstance, h, d as Host } from './index-CKYcsw8f.js';
+import { b as getIonMode } from './ionic-global-lrowsHfi.js';
 import { c as createColorClasses } from './theme-byZM6qHV.js';
 
 const avatarIosCss = () => `:host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:48px;height:48px}`;
@@ -30,12 +30,6 @@ const Badge = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
-    /**
-     * The color to use from your application's color palette.
-     * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
-     * For more information on colors, see [theming](/docs/theming/basics).
-     */
-    color;
     render() {
         const mode = getIonMode(this);
         return (h(Host, { key: '1a2d39c5deec771a2f2196447627b62a7d4c8389', class: createColorClasses(this.color, {