@ionic/core 8.8.19-dev.11787007863.1976a30e → 8.8.19-dev.11787083540.1511caf2

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

@@ -1,19 +1,19 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, c as createEvent, e as config, g as getElement, h, d as Host } from './index-ChhhtsGZ.js';
-import { E as ENABLE_HTML_CONTENT_DEFAULT } from './config-DWCzVL3Y.js';
-import { r as raf } from './helpers-DexiPLIC.js';
+import { r as registerInstance, c as createEvent, e as config, h, d as Host, g as getElement } from './index-tcQvqkiX.js';
+import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-DQCONYYp.js';
+import { r as raf } from './helpers-DkCLSLI9.js';
 import { c as createLockController } from './lock-controller-B-hirT0v.js';
-import { c as createDelegateController, d as createTriggerController, h as prepareOverlay, k as setOverlayId, j as cleanupRootFocusTrapAccessibility, e as present, f as dismiss, g as eventMethod, B as BACKDROP } from './overlays-CjWwtvf1.js';
-import { s as sanitizeDOMString } from './index-CKM1DdGm.js';
-import { g as getClassMap } from './theme-byZM6qHV.js';
-import { b as getIonMode } from './ionic-global-BVB7BrLT.js';
-import { c as createAnimation } from './animation-CGFdmGk9.js';
+import { d as createDelegateController, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-COCl_nm9.js';
+import { g as getClassMap } from './theme-DiVJyqlX.js';
+import { b as getIonMode } from './ionic-global-Cp_eT4sZ.js';
+import { c as createAnimation } from './animation-DLJpuoEz.js';
+import './dir-o8OKV5aD.js';
 import './index-ZjP4CjeZ.js';
-import './hardware-back-button-gLJHMX_F.js';
-import './framework-delegate--ajhSeKH.js';
-import './gesture-controller-TXPDHL13.js';
+import './hardware-back-button-B93Gru0Y.js';
+import './framework-delegate-B9yvYzqV.js';
+import './gesture-controller-BTEOs1at.js';
 
 /**
  * iOS Loading Enter Animation
@@ -118,85 +118,51 @@ const Loading = class {
         this.willPresentShorthand = createEvent(this, "willPresent", 7);
         this.willDismissShorthand = createEvent(this, "willDismiss", 7);
         this.didDismissShorthand = createEvent(this, "didDismiss", 7);
+        this.delegateController = createDelegateController(this);
+        this.lockController = createLockController();
+        this.triggerController = createTriggerController();
+        this.customHTMLEnabled = config.get('innerHTMLTemplatesEnabled', ENABLE_HTML_CONTENT_DEFAULT);
+        this.presented = false;
+        /** @internal */
+        this.hasController = false;
+        /**
+         * If `true`, the keyboard will be automatically dismissed when the overlay is presented.
+         */
+        this.keyboardClose = true;
+        /**
+         * Number of milliseconds to wait before dismissing the loading indicator.
+         */
+        this.duration = 0;
+        /**
+         * If `true`, the loading indicator will be dismissed when the backdrop is clicked.
+         */
+        this.backdropDismiss = false;
+        /**
+         * If `true`, a backdrop will be displayed behind the loading indicator.
+         */
+        this.showBackdrop = true;
+        /**
+         * If `true`, the loading indicator 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).
+         */
+        this.translucent = false;
+        /**
+         * If `true`, the loading indicator will animate.
+         */
+        this.animated = true;
+        /**
+         * If `true`, the loading indicator will open. If `false`, the loading indicator will close.
+         * Use this if you need finer grained control over presentation, otherwise
+         * just use the loadingController or the `trigger` property.
+         * Note: `isOpen` will not automatically be set back to `false` when
+         * the loading indicator dismisses. You will need to do that in your code.
+         */
+        this.isOpen = false;
+        this.onBackdropTap = () => {
+            this.dismiss(undefined, BACKDROP);
+        };
     }
-    delegateController = createDelegateController(this);
-    lockController = createLockController();
-    triggerController = createTriggerController();
-    customHTMLEnabled = config.get('innerHTMLTemplatesEnabled', ENABLE_HTML_CONTENT_DEFAULT);
-    durationTimeout;
-    presented = false;
-    lastFocus;
-    get el() { return getElement(this); }
-    /** @internal */
-    overlayIndex;
-    /** @internal */
-    delegate;
-    /** @internal */
-    hasController = false;
-    /**
-     * If `true`, the keyboard will be automatically dismissed when the overlay is presented.
-     */
-    keyboardClose = true;
-    /**
-     * Animation to use when the loading indicator is presented.
-     */
-    enterAnimation;
-    /**
-     * Animation to use when the loading indicator is dismissed.
-     */
-    leaveAnimation;
-    /**
-     * Optional text content to display in the loading indicator.
-     *
-     * This property accepts custom HTML as a string.
-     * Content is parsed as plaintext by default.
-     * `innerHTMLTemplatesEnabled` must be set to `true` in the Ionic config
-     * before custom HTML can be used.
-     */
-    message;
-    /**
-     * Additional classes to apply for custom CSS. If multiple classes are
-     * provided they should be separated by spaces.
-     */
-    cssClass;
-    /**
-     * Number of milliseconds to wait before dismissing the loading indicator.
-     */
-    duration = 0;
-    /**
-     * If `true`, the loading indicator will be dismissed when the backdrop is clicked.
-     */
-    backdropDismiss = false;
-    /**
-     * If `true`, a backdrop will be displayed behind the loading indicator.
-     */
-    showBackdrop = true;
-    /**
-     * The name of the spinner to display.
-     */
-    spinner;
-    /**
-     * If `true`, the loading indicator 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).
-     */
-    translucent = false;
-    /**
-     * If `true`, the loading indicator will animate.
-     */
-    animated = true;
-    /**
-     * Additional attributes to pass to the loader.
-     */
-    htmlAttributes;
-    /**
-     * If `true`, the loading indicator will open. If `false`, the loading indicator will close.
-     * Use this if you need finer grained control over presentation, otherwise
-     * just use the loadingController or the `trigger` property.
-     * Note: `isOpen` will not automatically be set back to `false` when
-     * the loading indicator dismisses. You will need to do that in your code.
-     */
-    isOpen = false;
     onIsOpenChange(newValue, oldValue) {
         if (newValue === true && oldValue === false) {
             this.present();
@@ -205,63 +171,23 @@ const Loading = class {
             this.dismiss();
         }
     }
-    /**
-     * An ID corresponding to the trigger element that
-     * causes the loading indicator to open when clicked.
-     */
-    trigger;
     triggerChanged() {
         const { trigger, el, triggerController } = this;
         if (trigger) {
             triggerController.addClickListener(el, trigger);
         }
     }
-    /**
-     * Emitted after the loading has presented.
-     */
-    didPresent;
-    /**
-     * Emitted before the loading has presented.
-     */
-    willPresent;
-    /**
-     * Emitted before the loading has dismissed.
-     */
-    willDismiss;
-    /**
-     * Emitted after the loading has dismissed.
-     */
-    didDismiss;
-    /**
-     * Emitted after the loading indicator has presented.
-     * Shorthand for ionLoadingWillDismiss.
-     */
-    didPresentShorthand;
-    /**
-     * Emitted before the loading indicator has presented.
-     * Shorthand for ionLoadingWillPresent.
-     */
-    willPresentShorthand;
-    /**
-     * Emitted before the loading indicator has dismissed.
-     * Shorthand for ionLoadingWillDismiss.
-     */
-    willDismissShorthand;
-    /**
-     * Emitted after the loading indicator has dismissed.
-     * Shorthand for ionLoadingDidDismiss.
-     */
-    didDismissShorthand;
     connectedCallback() {
         prepareOverlay(this.el);
         this.triggerChanged();
     }
     componentWillLoad() {
+        var _a;
         if (this.spinner === undefined) {
             const mode = getIonMode(this);
             this.spinner = config.get('loadingSpinner', config.get('spinner', mode === 'ios' ? 'lines' : 'crescent'));
         }
-        if (!this.htmlAttributes?.id) {
+        if (!((_a = this.htmlAttributes) === null || _a === void 0 ? void 0 : _a.id)) {
             setOverlayId(this.el);
         }
     }
@@ -286,10 +212,6 @@ const Loading = class {
     }
     disconnectedCallback() {
         this.triggerController.removeClickListener();
-        // Clean up aria-hidden if removed without dismiss() being called
-        if (this.presented) {
-            cleanupRootFocusTrapAccessibility();
-        }
     }
     /**
      * Present the loading overlay after it has been created.
@@ -339,9 +261,6 @@ const Loading = class {
     onWillDismiss() {
         return eventMethod(this.el, 'ionLoadingWillDismiss');
     }
-    onBackdropTap = () => {
-        this.dismiss(undefined, BACKDROP);
-    };
     renderLoadingMessage(msgId) {
         const { customHTMLEnabled, message } = this;
         if (customHTMLEnabled) {
@@ -358,15 +277,11 @@ const Loading = class {
          * Otherwise, don't set aria-labelledby.
          */
         const ariaLabelledBy = message !== undefined ? msgId : null;
-        return (h(Host, { key: '2d14122ff3081de73631a7fdd4affdd5c73b8618', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1", ...htmlAttributes, style: {
+        return (h(Host, Object.assign({ key: 'f86ddbc600cb5c396b7de38fb5f49625388c3c3f', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${40000 + this.overlayIndex}`,
-            }, onIonBackdropTap: this.onBackdropTap, class: {
-                ...getClassMap(this.cssClass),
-                [mode]: true,
-                'overlay-hidden': true,
-                'loading-translucent': this.translucent,
-            } }, h("ion-backdrop", { key: 'b7d5bb0d670a20c159d7f67327bf3b1489449188', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: '085ce92bd2004d323ab47eb472b83826e48dc619', tabindex: "0", "aria-hidden": "true" }), h("div", { key: '4ecd5bfc0bbd3da434d32f0f319f867a44c5e1f1', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (h("div", { key: '5a4498e1421e09d01c0ee4312eae5272e95c3127', class: "loading-spinner" }, h("ion-spinner", { key: '1b3bc7d45d775195657ead3535f65e6b79f37e84', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), h("div", { key: 'bc7c5467b9f1c6ab957f79934e97acc713bdec37', tabindex: "0", "aria-hidden": "true" })));
+            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), h("ion-backdrop", { key: 'b53727aaddc37ef3c685fcc150c6d5193290a847', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: '4c61bede8e0a4e47daa6f1f9d0f364ef6aec0bc3', tabindex: "0", "aria-hidden": "true" }), h("div", { key: '84e51ceb07118f1eaeb757df28801c255496931b', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (h("div", { key: 'fc97f1912e0fc558b7c309a5bc084415f5f620b2', class: "loading-spinner" }, h("ion-spinner", { key: '6e186d856cd3f10f22c3e317ef00f31b4216459c', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), h("div", { key: 'dcbe9d9a619daa1c08174e73827bdabeb59dde92', tabindex: "0", "aria-hidden": "true" })));
     }
+    get el() { return getElement(this); }
     static get watchers() { return {
         "isOpen": [{
                 "onIsOpenChange": 0