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

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

@@ -3,18 +3,18 @@
  */
 'use strict';
 
-var index = require('./index-uvry__L4.js');
-var hardwareBackButton = require('./hardware-back-button-fqpYh-kd.js');
-var ionicGlobal = require('./ionic-global-k6hOWWpn.js');
-var helpers = require('./helpers-YPQybDph.js');
+var index = require('./index-BrVMoqUk.js');
+var hardwareBackButton = require('./hardware-back-button-JOAEFSzc.js');
+var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
+var helpers = require('./helpers-Dj5o76mq.js');
 var dir = require('./dir-zwDPRE5K.js');
 var theme = require('./theme-Bw0rpaNN.js');
-var index$1 = require('./index-zVCah4Uz.js');
+var index$1 = require('./index-C8zH6b3d.js');
 var keyboardController = require('./keyboard-controller-PtZoN2GS.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
-var frameworkDelegate = require('./framework-delegate-Dfo5XsGv.js');
+var frameworkDelegate = require('./framework-delegate-BZUx4TnE.js');
 var lockController = require('./lock-controller-aDB9wrEf.js');
-var index$2 = require('./index-BLdJCcJY.js');
+var index$2 = require('./index-2sO-zkZ2.js');
 require('./index-DkNv4J_i.js');
 require('./keyboard-cHxZlTyz.js');
 require('./capacitor-DmA66EwP.js');
@@ -25,18 +25,15 @@ const App = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
-    focusVisible;
-    loadTimeout;
-    get el() { return index.getElement(this); }
     componentDidLoad() {
         {
             this.rIC(async () => {
                 const isHybrid = ionicGlobal.isPlatform(window, 'hybrid');
                 if (!index.config.getBoolean('_testing')) {
-                    Promise.resolve().then(function () { return require('./index-DDg31ZF5.js'); }).then((module) => module.startTapClick(index.config));
+                    Promise.resolve().then(function () { return require('./index-Csue6G3m.js'); }).then((module) => module.startTapClick(index.config));
                 }
                 if (index.config.getBoolean('statusTap', isHybrid)) {
-                    Promise.resolve().then(function () { return require('./status-tap-o9IIymsP.js'); }).then((module) => module.startStatusTap());
+                    Promise.resolve().then(function () { return require('./status-tap-DxbUM5XX.js'); }).then((module) => module.startStatusTap());
                 }
                 if (index.config.getBoolean('inputShims', needInputShims())) {
                     /**
@@ -44,9 +41,9 @@ const App = class {
                      * platforms proceed into this block.
                      */
                     const platform = ionicGlobal.isPlatform(window, 'ios') ? 'ios' : 'android';
-                    Promise.resolve().then(function () { return require('./input-shims-Cbu1fcye.js'); }).then((module) => module.startInputShims(index.config, platform));
+                    Promise.resolve().then(function () { return require('./input-shims-Bh7bnt2v.js'); }).then((module) => module.startInputShims(index.config, platform));
                 }
-                const hardwareBackButtonModule = await Promise.resolve().then(function () { return require('./hardware-back-button-fqpYh-kd.js'); });
+                const hardwareBackButtonModule = await Promise.resolve().then(function () { return require('./hardware-back-button-JOAEFSzc.js'); });
                 const supportsHardwareBackButtonEvents = isHybrid || hardwareBackButton.shouldUseCloseWatcher();
                 if (index.config.getBoolean('hardwareBackButton', supportsHardwareBackButtonEvents)) {
                     hardwareBackButtonModule.startHardwareBackButton();
@@ -105,6 +102,7 @@ const App = class {
                 'force-statusbar-padding': index.config.getBoolean('_forceStatusbarPadding'),
             } }));
     }
+    get el() { return index.getElement(this); }
 };
 const needInputShims = () => {
     /**
@@ -134,20 +132,20 @@ const buttonsMdCss = () => `.sc-ion-buttons-md-h{display:-ms-flexbox;display:fle
 const Buttons = class {
     constructor(hostRef) {
         index.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 = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: '58c1fc5eb867d0731c63549b1ccb3ec3bbbe6e1b', class: {
@@ -169,100 +167,68 @@ const Content = class {
         this.ionScrollStart = index.createEvent(this, "ionScrollStart", 7);
         this.ionScroll = index.createEvent(this, "ionScroll", 7);
         this.ionScrollEnd = index.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 index.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 = helpers.inheritAriaAttributes(this.el);
     }
@@ -619,6 +585,7 @@ const Content = class {
                 overscroll: (scrollX || scrollY) && forceOverscroll,
             }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, index.h("slot", { key: '0d2286206facb22696a9ca7e74a3f6b7d2397aab' })), transitionShadow ? (index.h("div", { class: "transition-effect" }, index.h("div", { class: "transition-cover" }), index.h("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? index.h("slot", { name: "fixed" }) : null));
     }
+    get el() { return index.getElement(this); }
     static get watchers() { return {
         "fullscreen": [{
                 "fullscreenChanged": 0
@@ -717,27 +684,48 @@ const footerMdCss = () => `ion-footer{display:block;position:relative;-ms-flex-o
 const Footer = class {
     constructor(hostRef) {
         index.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 = ionicGlobal.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 ? index$1.findIonContent(pageEl) : null;
+                if (!contentEl) {
+                    index$1.printIonContentErrorMsg(this.el);
+                    return;
+                }
+                this.setupFadeFooter(contentEl);
+            }
+        };
+        this.setupFadeFooter = async (contentEl) => {
+            const scrollEl = (this.scrollEl = await index$1.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 index.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();
     }
@@ -781,35 +769,6 @@ const Footer = class {
             this.keyboardCtrl = null;
         }
     }
-    checkCollapsibleFooter = () => {
-        const mode = ionicGlobal.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 ? index$1.findIonContent(pageEl) : null;
-            if (!contentEl) {
-                index$1.printIonContentErrorMsg(this.el);
-                return;
-            }
-            this.setupFadeFooter(contentEl);
-        }
-    };
-    setupFadeFooter = async (contentEl) => {
-        const scrollEl = (this.scrollEl = await index$1.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);
@@ -831,6 +790,7 @@ const Footer = class {
                 [`footer-collapse-${collapse}`]: collapse !== undefined,
             } }, mode === 'ios' && translucent && index.h("div", { key: '2fa14f61661c47c661cecd696176728d6eafa74f', class: "footer-background" }), index.h("slot", { key: '8e63696e7c528d5c38201e546bf08135290d0945' })));
     }
+    get el() { return index.getElement(this); }
 };
 Footer.style = {
     ios: footerIosCss(),
@@ -1076,29 +1036,28 @@ const headerMdCss = () => `ion-header{display:block;position:relative;-ms-flex-o
 const Header = class {
     constructor(hostRef) {
         index.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 index$1.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 index.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 = helpers.inheritAriaAttributes(this.el);
     }
@@ -1142,17 +1101,6 @@ const Header = class {
             await this.setupFadeHeader(contentEl, condenseHeader);
         }
     }
-    setupFadeHeader = async (contentEl, condenseHeader) => {
-        const scrollEl = (this.scrollEl = await index$1.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();
@@ -1233,6 +1181,7 @@ const Header = class {
                 [`header-translucent-${mode}`]: this.translucent,
             }, ...inheritedAttributes }, mode === 'ios' && translucent && index.h("div", { key: '25c3bdce328b0b35607d154c8b8374679313d881', class: "header-background" }), index.h("slot", { key: 'b44fab0a9be7920b9650da26117c783e751e1702' })));
     }
+    get el() { return index.getElement(this); }
 };
 Header.style = {
     ios: headerIosCss(),
@@ -1247,47 +1196,23 @@ const RouterOutlet = class {
         this.ionNavWillLoad = index.createEvent(this, "ionNavWillLoad", 7);
         this.ionNavWillChange = index.createEvent(this, "ionNavWillChange", 3);
         this.ionNavDidChange = index.createEvent(this, "ionNavDidChange", 3);
+        this.lockController = lockController.createLockController();
+        this.gestureOrAnimationInProgress = false;
+        /**
+         * The mode determines which platform styles to use.
+         */
+        this.mode = ionicGlobal.getIonMode(this);
+        /**
+         * If `true`, the router-outlet should animate the transition of components.
+         */
+        this.animated = true;
     }
-    lockController = lockController.createLockController();
-    activeEl;
-    // TODO(FW-2832): types
-    activeComponent;
-    activeParams;
-    gesture;
-    ani;
-    gestureOrAnimationInProgress = false;
-    get el() { return index.getElement(this); }
-    /**
-     * The mode determines which platform styles to use.
-     */
-    mode = ionicGlobal.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;
@@ -1295,7 +1220,7 @@ const RouterOutlet = class {
                 this.swipeHandler.onStart();
             }
         };
-        this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-B7X9VOlH.js'); })).createSwipeBackGesture(this.el, () => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart(), () => onStart(), (step) => this.ani?.progressStep(step), (shouldComplete, step, dur) => {
+        this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-F_DBt-Aw.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;
@@ -1459,6 +1384,7 @@ const RouterOutlet = class {
     render() {
         return index.h("slot", { key: '249e7d8a063c781db52fa535e42d648c7bf2909a' });
     }
+    get el() { return index.getElement(this); }
     static get watchers() { return {
         "swipeGesture": [{
                 "swipeGestureChanged": 0
@@ -1479,22 +1405,6 @@ const ToolbarTitle = class {
         index.registerInstance(this, hostRef);
         this.ionStyle = index.createEvent(this, "ionStyle", 7);
     }
-    get el() { return index.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();
     }
@@ -1519,6 +1429,7 @@ const ToolbarTitle = class {
                 'title-rtl': document.dir === 'rtl',
             }) }, index.h("div", { key: '5253b9e39fb764bfe1e57370719139f8a83e9904', class: "toolbar-title" }, index.h("slot", { key: 'e38b1eccb0175c36f8cab211aee7ce4d61fc9035' }))));
     }
+    get el() { return index.getElement(this); }
     static get watchers() { return {
         "size": [{
                 "sizeChanged": 0
@@ -1537,15 +1448,8 @@ const toolbarMdCss = () => `:host{--border-width:0;--border-style:solid;--opacit
 const Toolbar = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.childrenStyles = new Map();
     }
-    childrenStyles = new Map();
-    get el() { return index.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) => {
@@ -1598,6 +1502,7 @@ const Toolbar = class {
                 }),
             } }, index.h("div", { key: '20e3f85844c94b8399c245d2df125e6ab678d681', class: "toolbar-background", part: "background" }), index.h("div", { key: '12f09e324e8d9130b9d30c493106b500233fb016', class: "toolbar-container", part: "container" }, index.h("slot", { key: '6da0fe99ee0c4d7c969712e2908a4e7e6be5ed2c', name: "start" }), index.h("slot", { key: '177c346d6dcabb7857d810cda7d25c6dde32e6e2', name: "secondary" }), index.h("div", { key: '8c921b415940c71bf4c1a2c5c6887f36ad1afd16', class: "toolbar-content", part: "content" }, index.h("slot", { key: '1f2976b80d967bd51e86ed1357b363271d655df2' })), index.h("slot", { key: '0f7618044a7e8b0d9b715a8e208070f7ef2ee4c8', name: "primary" }), index.h("slot", { key: '125c393197e0660a3c2638dd4628c41ef7e05f19', name: "end" }))));
     }
+    get el() { return index.getElement(this); }
 };
 Toolbar.style = {
     ios: toolbarIosCss(),

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

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-uvry__L4.js');
-var ionicGlobal = require('./ionic-global-k6hOWWpn.js');
+var index = require('./index-BrVMoqUk.js');
+var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
 var theme = require('./theme-Bw0rpaNN.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}`;
@@ -32,12 +32,6 @@ const Badge = class {
     constructor(hostRef) {
         index.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 = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: '1a2d39c5deec771a2f2196447627b62a7d4c8389', class: theme.createColorClasses(this.color, {