@ionic/core 9.0.9 → 9.0.10-dev.11792788258.1f71cfee

package/hydrate/index.mjs

@@ -6000,7 +6000,7 @@ const isRTL$1 = (hostEl) => {
             return false;
         }
     }
-    return document?.dir?.toLowerCase() === 'rtl';
+    return hostEl.ownerDocument?.dir?.toLowerCase() === 'rtl';
 };
 
 const transitionEndAsync = (el, expectedDuration = 0) => {
@@ -6302,8 +6302,7 @@ const assert = (actual, reason) => {
  *
  * @param side The current side before being redefined based on the direction.
  * @param hostEl The component's host element. The direction is resolved from
- * it or its nearest ancestor that declares one. When omitted, the direction
- * is resolved from the document.
+ * it or its nearest ancestor that declares one, falling back to the document.
  */
 const isEndSide = (side, hostEl) => {
     const rtl = isRTL$1(hostEl);
@@ -11283,6 +11282,14 @@ class Alert {
          * the alert dismisses. You will need to do that in your code.
          */
         this.isOpen = false;
+        /**
+         * Prevent Enter from toggling the checkbox, which only Space should do.
+         */
+        this.onCheckboxKeydown = (ev) => {
+            if (ev.key === 'Enter') {
+                ev.preventDefault();
+            }
+        };
         this.onBackdropTap = () => {
             this.dismiss(undefined, BACKDROP);
         };
@@ -11310,14 +11317,6 @@ class Alert {
     }
     onKeydown(ev) {
         const inputTypes = new Set(this.processedInputs.map((i) => i.type));
-        /**
-         * Based on keyboard navigation requirements, the
-         * checkbox should not respond to the enter keydown event.
-         */
-        if (inputTypes.has('checkbox') && ev.key === 'Enter') {
-            ev.preventDefault();
-            return;
-        }
         /**
          * Ensure when alert container is being focused, and the user presses the tab + shift keys, the focus will be set to the last alert button.
          */
@@ -11627,7 +11626,7 @@ class Alert {
             };
             const defaultLabelPlacement = getOverlayLabelPlacement(mode, 'checkbox');
             const defaultJustify = getOverlayLabelJustify(mode, 'checkbox');
-            return (hAsync("button", { type: "button", onClick: () => this.cbClick(i), "aria-checked": `${i.checked}`, id: i.id, disabled: i.disabled, tabIndex: i.tabindex, role: "checkbox", class: {
+            return (hAsync("button", { type: "button", onClick: () => this.cbClick(i), onKeyDown: this.onCheckboxKeydown, "aria-checked": `${i.checked}`, id: i.id, disabled: i.disabled, tabIndex: i.tabindex, role: "checkbox", class: {
                     ...getClassMap(i.cssClass),
                     'alert-tappable': true,
                     'alert-checkbox': true,
@@ -11777,14 +11776,14 @@ class Alert {
          * If neither are defined, do not set aria-labelledby.
          */
         const ariaLabelledBy = header && subHeader ? `${hdrId} ${subHdrId}` : header ? hdrId : subHeader ? subHdrId : null;
-        return (hAsync(Host, { key: '083b5250dc4c76e85240e0225abcb7ca2b66de2f', tabindex: "-1", style: {
+        return (hAsync(Host, { key: '5d0b4ff618d956178aa5a1cd869f9ed28dc629ee', tabindex: "-1", style: {
                 zIndex: `${20000 + overlayIndex}`,
             }, class: {
                 ...getClassMap(this.cssClass),
                 [mode]: true,
                 'overlay-hidden': true,
                 'alert-translucent': this.translucent,
-            }, onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }, hAsync("ion-backdrop", { key: '65c92a956d998ae9016396dd2a29c42ab7376d0e', tappable: this.backdropDismiss }), hAsync("div", { key: 'f2288fa0b7ef9d0bf031c168fe78c48422cf91c8', tabindex: "0", "aria-hidden": "true" }), hAsync("div", { key: 'dbb109435c378f77c6b0231e58756f8a0467732d', class: "alert-wrapper ion-overlay-wrapper", role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "0", ref: (el) => (this.wrapperEl = el), ...htmlAttributes }, hAsync("div", { key: '075597f94719673cf1f894a8566e1036849afa75', class: "alert-head" }, header && (hAsync("h2", { key: 'f96f4b1db8473c62040beed6e96108c733978d73', id: hdrId, class: "alert-title" }, header)), subHeader && !header && (hAsync("h2", { key: 'dbd824ef19a07bddde4eb928f11de7c7cadf98b8', id: subHdrId, class: "alert-sub-title" }, subHeader)), subHeader && header && (hAsync("h3", { key: '4774fa13700dd23aec7930492acae80de3bdf5d1', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), hAsync("div", { key: '5c728b7457e231f64294bbec821bdb547c6437dd', tabindex: "0", "aria-hidden": "true" })));
+            }, onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }, hAsync("ion-backdrop", { key: '77ed27df27261f6784d7f7858da88c58d3f21ea3', tappable: this.backdropDismiss }), hAsync("div", { key: '0f7c74fd5368f215075a3cb8f2dcb0908953e274', tabindex: "0", "aria-hidden": "true" }), hAsync("div", { key: '67b88fc531ce9232e7ec7188722bfd8991689dad', class: "alert-wrapper ion-overlay-wrapper", role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "0", ref: (el) => (this.wrapperEl = el), ...htmlAttributes }, hAsync("div", { key: 'e3d63359996f815c33aad28cf1dc0afbfbe6d6b1', class: "alert-head" }, header && (hAsync("h2", { key: 'd7675c3948806229429c698b3b4aef47afe8421d', id: hdrId, class: "alert-title" }, header)), subHeader && !header && (hAsync("h2", { key: 'd87035599cf1c30a2ddf85cd5ea3618ce64ec749', id: subHdrId, class: "alert-sub-title" }, subHeader)), subHeader && header && (hAsync("h3", { key: 'bf1d4fdecf73a9ed838bb4202e2d33bd36bd07b3', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), hAsync("div", { key: 'a843f27506320d9136c0fd3346473a52328477c7', tabindex: "0", "aria-hidden": "true" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -13930,27 +13929,28 @@ class Col {
             [modifier]: amount,
         };
     }
-    calculateOffset(isRTL) {
-        return this.calculatePosition('offset', isRTL ? 'margin-right' : 'margin-left');
+    calculateOffset(rtl) {
+        return this.calculatePosition('offset', rtl ? 'margin-right' : 'margin-left');
     }
-    calculatePull(isRTL) {
-        return this.calculatePosition('pull', isRTL ? 'left' : 'right');
+    calculatePull(rtl) {
+        return this.calculatePosition('pull', rtl ? 'left' : 'right');
     }
-    calculatePush(isRTL) {
-        return this.calculatePosition('push', isRTL ? 'right' : 'left');
+    calculatePush(rtl) {
+        return this.calculatePosition('push', rtl ? 'right' : 'left');
     }
     render() {
-        const isRTL = document.dir === 'rtl';
+        const rtl = isRTL$1(this.el);
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: 'e12293a4315cb474bbde73421dd0b4129f1df1cc', class: {
+        return (hAsync(Host, { key: '98f3c88ee5408120539e3daf097982dea1b4842a', class: {
                 [mode]: true,
             }, style: {
-                ...this.calculateOffset(isRTL),
-                ...this.calculatePull(isRTL),
-                ...this.calculatePush(isRTL),
+                ...this.calculateOffset(rtl),
+                ...this.calculatePull(rtl),
+                ...this.calculatePush(rtl),
                 ...this.calculateSize(),
-            } }, hAsync("slot", { key: '869317ea6574111a57a7a9d096c53d264c335d28' })));
+            } }, hAsync("slot", { key: '14e2f0c30bc3fea9aa9683e3bd4ed5dd4a3be05c' })));
     }
+    get el() { return getElement(this); }
     static get style() { return colCss(); }
     static get cmpMeta() { return {
         "$flags$": 265,
@@ -17986,13 +17986,12 @@ class Datetime {
         const collapsedIcon = mode === 'ios' ? chevronForward : caretDownSharp;
         const prevMonthDisabled = disabled || isPrevMonthDisabled(this.workingParts, this.minParts, this.maxParts);
         const nextMonthDisabled = disabled || isNextMonthDisabled(this.workingParts, this.maxParts);
-        // don't use the inheritAttributes util because it removes dir from the host, and we still need that
-        const hostDir = this.el.getAttribute('dir') || undefined;
+        const hostDir = isRTL$1(this.el) ? 'rtl' : 'ltr';
         return (hAsync("div", { class: "calendar-header", part: "calendar-header" }, hAsync("div", { class: "calendar-action-buttons" }, hAsync("div", { class: "calendar-month-year" }, hAsync("button", { class: {
                 'calendar-month-year-toggle': true,
                 'ion-activatable': true,
                 'ion-focusable': true,
-            }, part: "month-year-button", disabled: disabled, "aria-label": this.showMonthAndYear ? 'Hide year picker' : 'Show year picker', onClick: () => this.toggleMonthAndYearView() }, hAsync("span", { id: "toggle-wrapper" }, getMonthAndYear(this.locale, this.workingParts), hAsync("ion-icon", { "aria-hidden": "true", icon: this.showMonthAndYear ? expandedIcon : collapsedIcon, lazy: false, flipRtl: true })), mode === 'md' && hAsync("ion-ripple-effect", null))), hAsync("div", { class: "calendar-next-prev" }, hAsync("ion-buttons", null, hAsync("ion-button", { "aria-label": "Previous month", disabled: prevMonthDisabled, onClick: () => this.prevMonth(), part: "navigation-button previous-button" }, hAsync("ion-icon", { dir: hostDir, "aria-hidden": "true", slot: "icon-only", icon: chevronBack, lazy: false, flipRtl: true })), hAsync("ion-button", { "aria-label": "Next month", disabled: nextMonthDisabled, onClick: () => this.nextMonth(), part: "navigation-button next-button" }, hAsync("ion-icon", { dir: hostDir, "aria-hidden": "true", slot: "icon-only", icon: chevronForward, lazy: false, flipRtl: true }))))), hAsync("div", { class: "calendar-days-of-week", "aria-hidden": "true", part: "calendar-days-of-week" }, getDaysOfWeek(this.locale, mode, this.firstDayOfWeek % 7).map((d) => {
+            }, part: "month-year-button", disabled: disabled, "aria-label": this.showMonthAndYear ? 'Hide year picker' : 'Show year picker', onClick: () => this.toggleMonthAndYearView() }, hAsync("span", { id: "toggle-wrapper" }, getMonthAndYear(this.locale, this.workingParts), hAsync("ion-icon", { dir: hostDir, "aria-hidden": "true", icon: this.showMonthAndYear ? expandedIcon : collapsedIcon, lazy: false, flipRtl: true })), mode === 'md' && hAsync("ion-ripple-effect", null))), hAsync("div", { class: "calendar-next-prev" }, hAsync("ion-buttons", null, hAsync("ion-button", { "aria-label": "Previous month", disabled: prevMonthDisabled, onClick: () => this.prevMonth(), part: "navigation-button previous-button" }, hAsync("ion-icon", { dir: hostDir, "aria-hidden": "true", slot: "icon-only", icon: chevronBack, lazy: false, flipRtl: true })), hAsync("ion-button", { "aria-label": "Next month", disabled: nextMonthDisabled, onClick: () => this.nextMonth(), part: "navigation-button next-button" }, hAsync("ion-icon", { dir: hostDir, "aria-hidden": "true", slot: "icon-only", icon: chevronForward, lazy: false, flipRtl: true }))))), hAsync("div", { class: "calendar-days-of-week", "aria-hidden": "true", part: "calendar-days-of-week" }, getDaysOfWeek(this.locale, mode, this.firstDayOfWeek % 7).map((d) => {
             return hAsync("div", { class: "day-of-week" }, d);
         }))));
     }
@@ -18309,7 +18308,7 @@ class Datetime {
         const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
         const hasWheelVariant = hasDatePresentation && preferWheel;
         renderHiddenInput(true, el, name, formatValue(value), disabled);
-        return (hAsync(Host, { key: 'e9b99bb5610fc7fe879200a56dcc865c6e2f1404', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: {
+        return (hAsync(Host, { key: '465c9c22bccabc4a82ea4054c536c6086b85ddf9', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: {
                 ...createColorClasses$1(color, {
                     [mode]: true,
                     ['datetime-readonly']: readonly,
@@ -18321,7 +18320,7 @@ class Datetime {
                     [`datetime-prefer-wheel`]: hasWheelVariant,
                     [`datetime-grid`]: isGridStyle,
                 }),
-            } }, hAsync("div", { key: 'a5e61be2989468dc24ec8fb394116d9339b7824c', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
+            } }, hAsync("div", { key: '9732b003440a0ca23520bc8a09e73125d88fd565', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -22459,7 +22458,7 @@ class Item {
         return controls[0];
     }
     render() {
-        const { detail, detailIcon, download, labelColorStyles, lines, disabled, href, rel, target, routerAnimation, routerDirection, multipleInputs, } = this;
+        const { detail, detailIcon, download, labelColorStyles, lines, disabled, href, rel, target, routerAnimation, routerDirection, multipleInputs, el, } = this;
         const inheritedAriaAttributes = this.ariaController?.attributes ?? {};
         const childStyles = {};
         const mode = getIonMode$1(this);
@@ -22536,7 +22535,7 @@ class Item {
          * multi-input item, and in a clickable item, which is a second tab stop.
          */
         const slottedIndicatorNeedsRoom = this.hasSlottedIndicatorControl && (multipleInputs || this.isClickable());
-        return (hAsync(Host, { key: '7fe924642310c19f057ae1bfa29c1acdf5cc7ed6', "aria-disabled": ariaDisabled, class: {
+        return (hAsync(Host, { key: 'dedd4fbc4f9e4db557c6f8bd91299778af9aba1c', "aria-disabled": ariaDisabled, class: {
                 ...childStyles,
                 ...labelColorStyles,
                 ...createColorClasses$1(this.color, {
@@ -22551,9 +22550,9 @@ class Item {
                     'item-focus-indicator-room': slottedIndicatorNeedsRoom,
                     'ion-activatable': canActivate,
                     'ion-focusable': this.focusable,
-                    'item-rtl': document.dir === 'rtl',
+                    'item-rtl': isRTL$1(el),
                 }),
-            }, role: inList ? 'listitem' : null }, hAsync(TagType, { key: '8fddfb2a076b4b98e45ee8b23579d011dba12acb', ...attrs, ...inheritedAriaAttributes, class: "item-native", part: "native", disabled: disabled, ...clickFn }, hAsync("slot", { key: '7f888b62b2023cf501fd308e32629e7a291c2d05', name: "start", onSlotchange: this.updateInteractivityOnSlotChange }), hAsync("div", { key: '6d5cdde307caa65b131edb65cb0a5f8294cf151c', class: "item-inner", part: "inner" }, hAsync("div", { key: '9fbfffdff4cf51adf1f02d573953cf8b145574b0', class: "input-wrapper", part: "container" }, hAsync("slot", { key: '574c7e61cdaa3959a28bad7353105ef217a76ed9', onSlotchange: this.updateInteractivityOnSlotChange })), hAsync("slot", { key: 'ed7e211960cd65ed17f865a6d50d5bdde069416b', name: "end", onSlotchange: this.updateInteractivityOnSlotChange }), showDetail && (hAsync("ion-icon", { key: '2847bb21f42e9d5ab8ea86262b2bc1c3b3f7c902', icon: detailIcon, lazy: false, class: "item-detail-icon", part: "detail-icon", "aria-hidden": "true", "flip-rtl": detailIcon === chevronForward }))), canActivate && mode === 'md' && hAsync("ion-ripple-effect", { key: '55502ef394db0953144387fa3baebf9fa6a976a9' }))));
+            }, role: inList ? 'listitem' : null }, hAsync(TagType, { key: '949000f555bbc8b76a227d84a2442defc3577a4e', ...attrs, ...inheritedAriaAttributes, class: "item-native", part: "native", disabled: disabled, ...clickFn }, hAsync("slot", { key: '9fde070c0f830cfed9c7e25ea4d1f1d7ab710d07', name: "start", onSlotchange: this.updateInteractivityOnSlotChange }), hAsync("div", { key: 'd7ab19b4d7e5d4a7fec2d66e1cb865ff30c609f0', class: "item-inner", part: "inner" }, hAsync("div", { key: 'fdf3f306b98ab6af536e320341985fb34d50ef35', class: "input-wrapper", part: "container" }, hAsync("slot", { key: '06ecb3817c2bdf171f806e2b3e8701d3eb52897e', onSlotchange: this.updateInteractivityOnSlotChange })), hAsync("slot", { key: '7e401db776cd19b0399004e77920b23e526c551a', name: "end", onSlotchange: this.updateInteractivityOnSlotChange }), showDetail && (hAsync("ion-icon", { key: '1dac0a6d5a1ce811731fd5b81b92440de8725989', icon: detailIcon, lazy: false, class: "item-detail-icon", part: "detail-icon", "aria-hidden": "true", "flip-rtl": detailIcon === chevronForward }))), canActivate && mode === 'md' && hAsync("ion-ripple-effect", { key: '7a782fa9c7e74e600191c41c7dd90a4a499de64e' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -22780,8 +22779,8 @@ class ItemOptions {
     }
     render() {
         const mode = getIonMode$1(this);
-        const isEnd = isEndSide(this.side);
-        return (hAsync(Host, { key: '6e60ff004d48bf7701711e518ec0b21264496ae8', class: {
+        const isEnd = isEndSide(this.side, this.el);
+        return (hAsync(Host, { key: '47d4bf67ac04745ce2d4990844257320f27908dd', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`item-options-${mode}`]: true,
@@ -22975,7 +22974,7 @@ class ItemSliding {
             side = optionsToOpen === this.leftOptions ? 'start' : 'end';
         }
         // In RTL we want to switch the sides
-        side = isEndSide(side) ? 'end' : 'start';
+        side = isEndSide(side, this.el) ? 'end' : 'start';
         const isStartOpen = this.openAmount < 0;
         const isEndOpen = this.openAmount > 0;
         /**
@@ -23044,7 +23043,7 @@ class ItemSliding {
         // Reset left and right options in case they were removed
         this.leftOptions = this.rightOptions = undefined;
         for (const option of options) {
-            const side = isEndSide(option.side ?? option.getAttribute('side')) ? 'end' : 'start';
+            const side = isEndSide(option.side ?? option.getAttribute('side'), option) ? 'end' : 'start';
             if (side === 'start') {
                 this.leftOptions = option;
                 sides |= 1 /* ItemSide.Start */;
@@ -23063,7 +23062,7 @@ class ItemSliding {
          * do not open left side so swipe to go
          * back will still work.
          */
-        const rtl = document.dir === 'rtl';
+        const rtl = isRTL$1(this.el);
         const atEdge = rtl ? window.innerWidth - gesture.startX < 15 : gesture.startX < 15;
         if (atEdge) {
             return false;
@@ -23242,7 +23241,7 @@ class ItemSliding {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '02174ca963753d3a51a4249068f3d436f8acb03d', class: {
+        return (hAsync(Host, { key: '94e1e3ae3505bc821b4c806a1e99a0c707ffec64', class: {
                 [mode]: true,
                 'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,
                 'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,
@@ -23354,13 +23353,13 @@ class Label {
     render() {
         const position = this.position;
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '461604c1887f322dc13d7df3d5cdbb7ee1361117', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '5415f57fc93a0b2b82b6d327a8e635876ca5cbf5', class: createColorClasses$1(this.color, {
                 [mode]: true,
                 'in-item-color': hostContext('ion-item.ion-color', this.el),
                 [`label-${position}`]: position !== undefined,
                 [`label-no-animate`]: this.noAnimate,
-                'label-rtl': document.dir === 'rtl',
-            }) }, hAsync("slot", { key: 'a7005d0a217641278aa8e95144e8e4b9ae87a1c5' })));
+                'label-rtl': isRTL$1(this.el),
+            }) }, hAsync("slot", { key: 'b6b65053228525c94a06c20abb0f03c659cdd7dc' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -24329,7 +24328,7 @@ class Menu {
          * of the split pane. If the split pane is
          * hidden then the menu should be too.
          */
-        const splitPane = this.el.closest('ion-split-pane');
+        const splitPane = this.getSplitPane();
         if (splitPane !== null) {
             this.isPaneVisible = await splitPane.isVisible();
         }
@@ -24368,8 +24367,8 @@ class Menu {
         this.contentEl = undefined;
     }
     onSplitPaneChanged(ev) {
-        const closestSplitPane = this.el.closest('ion-split-pane');
-        if (closestSplitPane !== null && closestSplitPane === ev.target) {
+        const splitPane = this.getSplitPane();
+        if (splitPane !== null && splitPane === ev.target) {
             this.isPaneVisible = ev.detail.visible;
             this.updateState();
         }
@@ -24567,6 +24566,24 @@ class Menu {
     _isActive() {
         return !this.disabled && !this.isPaneVisible;
     }
+    /**
+     * Returns the split pane this menu is a side pane of.
+     * A menu inside the split pane's main content, such as one
+     * in a page, is a regular menu. The menu doesn't need to be
+     * a direct child, since it can be wrapped in a component.
+     */
+    getSplitPane() {
+        const splitPane = this.el.closest('ion-split-pane');
+        const main = this.el.closest('.split-pane-main');
+        /**
+         * A split pane can be the main content of an outer split
+         * pane, so only this split pane's main content counts.
+         */
+        if (splitPane === null || (main !== null && main !== splitPane && splitPane.contains(main))) {
+            return null;
+        }
+        return splitPane;
+    }
     canSwipe() {
         return this.swipeGesture && !this.isAnimating && this._isActive();
     }
@@ -24809,21 +24826,21 @@ class Menu {
         }
     }
     render() {
-        const { type, disabled, el, isPaneVisible, inheritedAttributes, side } = this;
+        const { type, disabled, isPaneVisible, inheritedAttributes, side } = this;
         const mode = getIonMode$1(this);
         /**
          * If the Close Watcher is enabled then
          * the ionBackButton listener in the menu controller
          * will handle closing the menu when Escape is pressed.
          */
-        return (hAsync(Host, { key: '5cf26df26d4e539860cbeaea98ec621b98c3fcfc', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (hAsync(Host, { key: '7481c8a32a135fb0fd6d5591eecbf3fb0a8e8dde', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [mode]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
-                'split-pane-side': hostContext('ion-split-pane', el),
-            } }, hAsync("div", { key: 'f337016e293bb8665c99762e0c389dd6c372bb33', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, hAsync("slot", { key: '4c3fe331aa42cd57d7ad9bd1f5910f8eeb62d7da' })), hAsync("ion-backdrop", { key: '61af7ea876d81574841e1dd3e81e2352e555d096', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+                'split-pane-side': this.getSplitPane() !== null,
+            } }, hAsync("div", { key: '8ac2f0f531db944a46e5fef016d0b18bd7b804cc', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, hAsync("slot", { key: '1ac3e13ccccf1adb7915b739fc794f2889b626ce' })), hAsync("ion-backdrop", { key: 'f8becbf4de1a13feb57fb87973befecb88510bab', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -31729,7 +31746,7 @@ const POPOVER_IOS_MIN_EDGE_MARGIN = 25;
 const iosEnterAnimation$1 = (baseEl, opts) => {
     const { event: ev, size, trigger, reference, side, align } = opts;
     const doc = baseEl.ownerDocument;
-    const isRTL = doc.dir === 'rtl';
+    const rtl = isRTL$1(baseEl);
     const root = getElementRoot(baseEl);
     const contentEl = root.querySelector('.popover-content');
     const arrowEl = root.querySelector('.popover-arrow');
@@ -31755,10 +31772,10 @@ const iosEnterAnimation$1 = (baseEl, opts) => {
     const defaultPosition = {
         top: bodyHeight / 2 - contentHeight / 2,
         left: bodyWidth / 2 - contentWidth / 2,
-        originX: isRTL ? 'right' : 'left',
+        originX: rtl ? 'right' : 'left',
         originY: 'top',
     };
-    const results = getPopoverPosition(isRTL, contentWidth, contentHeight, arrowWidth, arrowHeight, reference, side, align, defaultPosition, trigger, ev, zoom);
+    const results = getPopoverPosition(rtl, contentWidth, contentHeight, arrowWidth, arrowHeight, reference, side, align, defaultPosition, trigger, ev, zoom);
     const padding = size === 'cover' ? 0 : POPOVER_IOS_BODY_PADDING;
     const rawSafeArea = getSafeAreaInsets(doc);
     const safeArea = size === 'cover'
@@ -31879,7 +31896,7 @@ const POPOVER_MD_BODY_PADDING = 12;
 const mdEnterAnimation$1 = (baseEl, opts) => {
     const { event: ev, size, trigger, reference, side, align } = opts;
     const doc = baseEl.ownerDocument;
-    const isRTL = doc.dir === 'rtl';
+    const rtl = isRTL$1(baseEl);
     const root = getElementRoot(baseEl);
     const contentEl = root.querySelector('.popover-content');
     /**
@@ -31903,10 +31920,10 @@ const mdEnterAnimation$1 = (baseEl, opts) => {
     const defaultPosition = {
         top: bodyHeight / 2 - contentHeight / 2,
         left: bodyWidth / 2 - contentWidth / 2,
-        originX: isRTL ? 'right' : 'left',
+        originX: rtl ? 'right' : 'left',
         originY: 'top',
     };
-    const results = getPopoverPosition(isRTL, contentWidth, contentHeight, 0, 0, reference, side, align, defaultPosition, trigger, ev, zoom);
+    const results = getPopoverPosition(rtl, contentWidth, contentHeight, 0, 0, reference, side, align, defaultPosition, trigger, ev, zoom);
     const padding = size === 'cover' ? 0 : POPOVER_MD_BODY_PADDING;
     // MD mode now applies safe-area insets (previously passed 0, ignoring all safe areas).
     // This is needed for Android edge-to-edge (API 36+) where system bars overlap content.
@@ -32026,6 +32043,7 @@ class Popover {
         this.lockController = createLockController();
         this.inline = false;
         this.focusDescendantOnPresent = false;
+        this.dirSetOnPresent = false;
         this.presented = false;
         /** @internal */
         this.hasController = false;
@@ -32326,6 +32344,15 @@ class Popover {
         }
         const { el } = this;
         const { inline, delegate } = this.getDelegate(true);
+        /**
+         * When presented, ion-popover is hoisted from its place in the element
+         * hierarchy. Copy the current direction onto this element so that child
+         * elements can match.
+         */
+        if (!el.hasAttribute('dir')) {
+            el.setAttribute('dir', isRTL$1(el) ? 'rtl' : 'ltr');
+            this.dirSetOnPresent = true;
+        }
         /**
          * Emit ionMount so JS Frameworks have an opportunity
          * to add the child component to the DOM. The child
@@ -32446,6 +32473,10 @@ class Popover {
              */
             const { delegate } = this.getDelegate();
             await detachComponent(delegate, this.usersElement);
+            if (this.dirSetOnPresent) {
+                this.el.removeAttribute('dir');
+                this.dirSetOnPresent = false;
+            }
         }
         unlock();
         return shouldDismiss;
@@ -32473,7 +32504,7 @@ class Popover {
         const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes, focusTrap } = this;
         const desktop = isPlatform('desktop');
         const enableArrow = arrow && !parentPopover;
-        return (hAsync(Host, { key: 'b5e9c788f58397203976d5f8302dfb89e916efe1', "aria-modal": "true", "no-router": true, tabindex: "-1", ...htmlAttributes, style: {
+        return (hAsync(Host, { key: '083f06f04d2c2657e510b471fba81cc459e0e878', "aria-modal": "true", "no-router": true, tabindex: "-1", ...htmlAttributes, style: {
                 zIndex: `${20000 + this.overlayIndex}`,
             }, class: {
                 ...getClassMap(this.cssClass),
@@ -32484,7 +32515,7 @@ class Popover {
                 [`popover-side-${side}`]: true,
                 [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false,
                 'popover-nested': !!parentPopover,
-            }, onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }, !parentPopover && hAsync("ion-backdrop", { key: 'f3977833c5b2c0087c286ee54363b478d69eb115', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), hAsync("div", { key: '1059893d6fd2932ca8adcdf8d45a5d66f4794727', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && hAsync("div", { key: '24d7988bdd95882ad77fcaa7112aeda55878bee4', class: "popover-arrow", part: "arrow" }), hAsync("div", { key: '4d6992e0a9d629f11763045f9199f9a77fa521ab', class: "popover-content", part: "content" }, hAsync("slot", { key: 'b29747419620a01a6c34e9e846cd529b0b210145' })))));
+            }, onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }, !parentPopover && hAsync("ion-backdrop", { key: 'afd9bfa3edfde061603acfc251eb8ac54c85ec6f', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), hAsync("div", { key: '04314c9b510342f152027a6d62394b74d2888b88', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && hAsync("div", { key: 'e1bc715a4ca37012d109b512e2288c932485bf45', class: "popover-arrow", part: "arrow" }), hAsync("div", { key: '5ab527ca65b483865954005239618de7daf2c621', class: "popover-content", part: "content" }, hAsync("slot", { key: '4d3abb569347f6156d426f98b897e79ffd6b53bc' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -32590,19 +32621,20 @@ class ProgressBar {
         this.buffer = 1;
     }
     render() {
-        const { color, type, reversed, value, buffer } = this;
+        const { color, type, reversed, value, buffer, el } = this;
         const paused = config.getBoolean('_testing');
         const mode = getIonMode$1(this);
         // If the progress is displayed as a solid bar.
         const progressSolid = buffer === 1;
-        return (hAsync(Host, { key: 'd53d39a3e2c0198164a9face62d3775f357b6914', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: '0a5c76361cf8df0c294e0fb2477892e23ecebe38', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses$1(color, {
                 [mode]: true,
                 [`progress-bar-${type}`]: true,
                 'progress-paused': paused,
-                'progress-bar-reversed': document.dir === 'rtl' ? !reversed : reversed,
+                'progress-bar-reversed': isRTL$1(el) ? !reversed : reversed,
                 'progress-bar-solid': progressSolid,
             }) }, type === 'indeterminate' ? renderIndeterminate() : renderProgress(value, buffer)));
     }
+    get el() { return getElement(this); }
     static get style() { return {
         ios: progressBarIosCss(),
         md: progressBarMdCss()
@@ -42784,11 +42816,11 @@ class ToolbarTitle {
     render() {
         const mode = getIonMode$1(this);
         const size = this.getSize();
-        return (hAsync(Host, { key: 'c5f0b913ff0a22d9bf02da48a313a613c2ac8fe7', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '8d17feb9f9dcb9eb8e3b8ae6e831bdedb890771c', class: createColorClasses$1(this.color, {
                 [mode]: true,
                 [`title-${size}`]: true,
-                'title-rtl': document.dir === 'rtl',
-            }) }, hAsync("div", { key: '5253b9e39fb764bfe1e57370719139f8a83e9904', class: "toolbar-title" }, hAsync("slot", { key: 'e38b1eccb0175c36f8cab211aee7ce4d61fc9035' }))));
+                'title-rtl': isRTL$1(this.el),
+            }) }, hAsync("div", { key: '0346aae3fca1e3ae443b1b511c44ab1f803cb103', class: "toolbar-title" }, hAsync("slot", { key: 'e1945845df471d5eb8c3cdeb568c478abf5ad70e' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -43276,9 +43308,9 @@ const iosTransitionAnimation = (navEl, opts) => {
         const TRANSFORM = 'transform';
         const CENTER = '0%';
         const OFF_OPACITY = 0.8;
-        const isRTL = navEl.ownerDocument.dir === 'rtl';
-        const OFF_RIGHT = isRTL ? '-99.5%' : '99.5%';
-        const OFF_LEFT = isRTL ? '33%' : '-33%';
+        const rtl = isRTL$1(navEl);
+        const OFF_RIGHT = rtl ? '-99.5%' : '99.5%';
+        const OFF_LEFT = rtl ? '33%' : '-33%';
         const enteringEl = opts.enteringEl;
         const leavingEl = opts.leavingEl;
         const backDirection = opts.direction === 'back';
@@ -43343,7 +43375,7 @@ const iosTransitionAnimation = (navEl, opts) => {
             }
         }
         const enteringContentHasLargeTitle = enteringEl.querySelector('ion-header.header-collapse-condense');
-        const { forward, backward } = createLargeTitleTransition(rootAnimation, isRTL, backDirection, enteringEl, leavingEl);
+        const { forward, backward } = createLargeTitleTransition(rootAnimation, rtl, backDirection, enteringEl, leavingEl);
         enteringToolBarEls.forEach((enteringToolBarEl) => {
             const enteringToolBar = createAnimation();
             enteringToolBar.addElement(enteringToolBarEl);
@@ -43407,7 +43439,7 @@ const iosTransitionAnimation = (navEl, opts) => {
                     enteringToolBarBg.fromTo(OPACITY, 0.01, 'var(--opacity)');
                 }
                 else {
-                    enteringToolBarBg.fromTo('transform', isRTL ? 'translateX(-100%)' : 'translateX(100%)', 'translateX(0px)');
+                    enteringToolBarBg.fromTo('transform', rtl ? 'translateX(-100%)' : 'translateX(100%)', 'translateX(0px)');
                 }
                 // forward direction, entering page has a back button
                 if (!forward) {
@@ -43417,7 +43449,7 @@ const iosTransitionAnimation = (navEl, opts) => {
                     const enteringBackBtnText = createAnimation();
                     enteringBackBtnText
                         .addElement(shadow(backButtonEl).querySelector('.button-text')) // REVIEW
-                        .fromTo(`transform`, isRTL ? 'translateX(-100px)' : 'translateX(100px)', 'translateX(0px)');
+                        .fromTo(`transform`, rtl ? 'translateX(-100px)' : 'translateX(100px)', 'translateX(0px)');
                     enteringToolBar.addAnimation(enteringBackBtnText);
                 }
             }
@@ -43440,7 +43472,7 @@ const iosTransitionAnimation = (navEl, opts) => {
                 // leaving content, back direction
                 leavingContent
                     .beforeClearStyles([OPACITY])
-                    .fromTo('transform', `translateX(${CENTER})`, isRTL ? 'translateX(-100%)' : 'translateX(100%)');
+                    .fromTo('transform', `translateX(${CENTER})`, rtl ? 'translateX(-100%)' : 'translateX(100%)');
                 const leavingPage = getIonPageElement(leavingEl);
                 rootAnimation.afterAddWrite(() => {
                     if (rootAnimation.getDirection() === 'normal') {
@@ -43520,10 +43552,10 @@ const iosTransitionAnimation = (navEl, opts) => {
                     if (!inactiveHeader) {
                         // leaving toolbar, back direction
                         leavingTitle
-                            .fromTo('transform', `translateX(${CENTER})`, isRTL ? 'translateX(-100%)' : 'translateX(100%)')
+                            .fromTo('transform', `translateX(${CENTER})`, rtl ? 'translateX(-100%)' : 'translateX(100%)')
                             .fromTo(OPACITY, 0.99, 0);
                     }
-                    leavingToolBarItems.fromTo('transform', `translateX(${CENTER})`, isRTL ? 'translateX(-100%)' : 'translateX(100%)');
+                    leavingToolBarItems.fromTo('transform', `translateX(${CENTER})`, rtl ? 'translateX(-100%)' : 'translateX(100%)');
                     leavingToolBarBg.beforeClearStyles([OPACITY, 'transform']);
                     // leaving toolbar, back direction, and there's no entering toolbar
                     // should just slide out, no fading out
@@ -43532,13 +43564,13 @@ const iosTransitionAnimation = (navEl, opts) => {
                         leavingToolBarBg.fromTo(OPACITY, 'var(--opacity)', 0);
                     }
                     else {
-                        leavingToolBarBg.fromTo('transform', 'translateX(0px)', isRTL ? 'translateX(-100%)' : 'translateX(100%)');
+                        leavingToolBarBg.fromTo('transform', 'translateX(0px)', rtl ? 'translateX(-100%)' : 'translateX(100%)');
                     }
                     if (backButtonEl && !backward) {
                         const leavingBackBtnText = createAnimation();
                         leavingBackBtnText
                             .addElement(shadow(backButtonEl).querySelector('.button-text')) // REVIEW
-                            .fromTo('transform', `translateX(${CENTER})`, `translateX(${(isRTL ? -124 : 124) + 'px'})`);
+                            .fromTo('transform', `translateX(${CENTER})`, `translateX(${(rtl ? -124 : 124) + 'px'})`);
                         leavingToolBar.addAnimation(leavingBackBtnText);
                     }
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "9.0.9",
+  "version": "9.0.10-dev.11792788258.1f71cfee",
   "description": "Base components for Ionic",
   "engines": {
     "node": ">= 16"

package/components/p-BODcC-C0.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{d as t,H as i,i as e,h as o,f as n,t as r}from"./p-Ct2aBEue.js";import{c as a}from"./p-byZM6qHV.js";import{b as l}from"./p-HthJZjZ6.js";const s=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ionStyle=e(this,"ionStyle",7)}sizeChanged(){this.emitStyle()}connectedCallback(){this.emitStyle()}emitStyle(){const t=this.getSize();this.ionStyle.emit({[`title-${t}`]:!0})}getSize(){return void 0!==this.size?this.size:"default"}render(){const t=l(this),i=this.getSize();return o(n,{key:"c5f0b913ff0a22d9bf02da48a313a613c2ac8fe7",class:a(this.color,{[t]:!0,[`title-${i}`]:!0,"title-rtl":"rtl"===document.dir})},o("div",{key:"5253b9e39fb764bfe1e57370719139f8a83e9904",class:"toolbar-title"},o("slot",{key:"e38b1eccb0175c36f8cab211aee7ce4d61fc9035"})))}get el(){return this}static get watchers(){return{size:[{sizeChanged:0}]}}static get style(){return{ios:":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{top:0;-webkit-padding-start:90px;padding-inline-start:90px;-webkit-padding-end:90px;padding-inline-end:90px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);position:absolute;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);font-size:min(1.0625rem, 20.4px);font-weight:600;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}:host{inset-inline-start:0}:host(.title-small){-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px;padding-top:6px;padding-bottom:16px;position:relative;font-size:min(0.8125rem, 23.4px);font-weight:normal}:host(.title-large){-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:2px;padding-bottom:4px;-webkit-transform-origin:left center;transform-origin:left center;position:static;-ms-flex-align:end;align-items:flex-end;min-width:100%;font-size:min(2.125rem, 61.2px);font-weight:700;text-align:start}:host(.title-large.title-rtl){-webkit-transform-origin:right center;transform-origin:right center}:host(.title-large.ion-cloned-element){--color:var(--ion-text-color, #000);font-family:var(--ion-font-family)}:host(.title-large) .toolbar-title{-webkit-transform-origin:inherit;transform-origin:inherit;width:auto}:host-context([dir=rtl]):host(.title-large) .toolbar-title,:host-context([dir=rtl]).title-large .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}@supports selector(:dir(rtl)){:host(.title-large:dir(rtl)) .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}}",md:":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:0;padding-bottom:0;font-size:1.25rem;font-weight:500;letter-spacing:0.0125em}:host(.title-small){width:100%;height:100%;font-size:0.9375rem;font-weight:normal}"}}},[289,"ion-title",{color:[513],size:[1]},void 0,{size:[{sizeChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["ion-title"].forEach((t=>{"ion-title"===t&&(customElements.get(r(t))||customElements.define(r(t),s))}))}export{s as T,d}

package/components/p-BVNUhOOf.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{e as t}from"./p-B4IBdPVJ.js";import{i as o}from"./p-Dojwmvde.js";import{createGesture as r}from"./p-D0YpjgON.js";const s=(s,e,n,a,c)=>{const p=s.ownerDocument.defaultView;let i=o(s);const m=t=>i?-t.deltaX:t.deltaX;return r({el:s,gestureName:"goback-swipe",gesturePriority:101,threshold:10,canStart:t=>(i=o(s),(t=>{const{startX:o}=t;return i?o>=p.innerWidth-50:o<=50})(t)&&e()),onStart:n,onMove:t=>{const o=m(t);a(o/p.innerWidth)},onEnd:o=>{const r=m(o),s=p.innerWidth,e=r/s,n=(t=>i?-t.velocityX:t.velocityX)(o),a=n>=0&&(n>.2||r>s/2),j=(a?1-e:e)*s;let d=0;if(j>5){const t=j/Math.abs(n);d=Math.min(t,540)}c(a,e<=0?.01:t(0,e,.9999),d)}})};export{s as createSwipeBackGesture}

package/components/p-Bd8hg9FK.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{c as t}from"./p-ChsJlFCQ.js";import{g as o}from"./p-DfDIY2oP.js";const r=(r,a)=>{const i="40px",s="back"===a.direction,n=a.leavingEl,e=o(a.enteringEl),c=e.querySelector("ion-toolbar"),p=t();if(p.addElement(e).fill("both").beforeRemoveClass("ion-page-invisible"),s?p.duration((a.duration??0)||200).easing("cubic-bezier(0.47,0,0.745,0.715)"):p.duration((a.duration??0)||280).easing("cubic-bezier(0.36,0.66,0.04,1)").fromTo("transform",`translateY(${i})`,"translateY(0px)").fromTo("opacity",.01,1),c){const o=t();o.addElement(c),p.addAnimation(o)}if(n&&s){p.duration((a.duration??0)||200).easing("cubic-bezier(0.47,0,0.745,0.715)");const r=t();r.addElement(o(n)).onFinish((t=>{1===t&&r.elements.length>0&&r.elements[0].style.setProperty("display","none")})).fromTo("transform","translateY(0px)",`translateY(${i})`).fromTo("opacity",1,0),p.addAnimation(r)}return p};export{r as mdTransitionAnimation}

package/components/p-C1AxSUnp.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{d as t}from"./p-ZjP4CjeZ.js";import{v as e}from"./p-B4IBdPVJ.js";const o=o=>{if(void 0===t)return;let s,p,u,d=0;const l=o.getBoolean("animated",!0)&&o.getBoolean("rippleEffect",!0),v=new WeakMap,m=()=>{u&&clearTimeout(u),u=void 0,s&&(b(!1),s=void 0)},w=(t,o)=>{if(t&&t===s)return;u&&clearTimeout(u),u=void 0;const{x:i,y:r}=e(o);if(s){if(v.has(s))throw new Error("internal error");s.classList.contains(a)||T(s,i,r),b(!0)}if(t){const e=v.get(t);e&&(clearTimeout(e),v.delete(t)),t.classList.remove(a);const o=()=>{T(t,i,r),u=void 0};n(t)?o():u=setTimeout(o,c)}s=t},T=(t,e,o)=>{if(d=Date.now(),t.classList.add(a),!l)return;const i=r(t);null!==i&&(j(),p=i.addRipple(e,o))},j=()=>{void 0!==p&&(p.then((t=>t())),p=void 0)},b=t=>{j();const e=s;if(!e)return;const o=f-Date.now()+d;if(t&&o>0&&!n(e)){const t=setTimeout((()=>{e.classList.remove(a),v.delete(e)}),f);v.set(e,t)}else e.classList.remove(a)};t.addEventListener("ionGestureCaptured",m),t.addEventListener("pointerdown",(t=>{s||2===t.button||w(i(t),t)}),!0),t.addEventListener("pointerup",(t=>{w(void 0,t)}),!0),t.addEventListener("pointercancel",m,!0)},i=t=>{if(void 0===t.composedPath)return t.target.closest(".ion-activatable");{const e=t.composedPath();for(let t=0;t<e.length-2;t++){const o=e[t];if(!(o instanceof ShadowRoot)&&o.classList.contains("ion-activatable"))return o}}},n=t=>t.classList.contains("ion-activatable-instant"),r=t=>{if(t.shadowRoot){const e=t.shadowRoot.querySelector("ion-ripple-effect");if(e)return e}return t.querySelector("ion-ripple-effect")},a="ion-activated",c=100,f=150;export{o as startTapClick}