@ionic/core 7.5.4-dev.11701112913.1ea61220 → 7.5.4-dev.11702935369.11a4baba

package/dist/collection/utils/input-shims/input-shims.js

@@ -1,7 +1,6 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { doc } from "../browser/index";
 import { findClosestIonContent } from "../content";
 import { componentOnReady } from "../helpers";
 import { Keyboard } from "../native/keyboard";
@@ -12,13 +11,7 @@ const INPUT_BLURRING = true;
 const SCROLL_ASSIST = true;
 const HIDE_CARET = true;
 export const startInputShims = async (config, platform) => {
-  /**
-   * If doc is undefined then we are in an SSR environment
-   * where input shims do not apply.
-   */
-  if (doc === undefined) {
-    return;
-  }
+  const doc = document;
   const isIOS = platform === 'ios';
   const isAndroid = platform === 'android';
   /**
@@ -97,10 +90,11 @@ export const startInputShims = async (config, platform) => {
   for (const input of inputs) {
     registerInput(input);
   }
-  doc.addEventListener('ionInputDidLoad', (ev) => {
+  // TODO(FW-2832): types
+  doc.addEventListener('ionInputDidLoad', ((ev) => {
     registerInput(ev.detail);
-  });
-  doc.addEventListener('ionInputDidUnload', (ev) => {
+  }));
+  doc.addEventListener('ionInputDidUnload', ((ev) => {
     unregisterInput(ev.detail);
-  });
+  }));
 };

package/dist/collection/utils/menu-controller/index.js

@@ -1,9 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { doc } from "../browser/index";
-import { MENU_BACK_BUTTON_PRIORITY } from "../hardware-back-button";
 import { printIonWarning } from "../logging/index";
+import { MENU_BACK_BUTTON_PRIORITY } from "../hardware-back-button";
 import { componentOnReady } from "../helpers";
 import { menuOverlayAnimation } from "./animations/overlay";
 import { menuPushAnimation } from "./animations/push";
@@ -185,14 +184,17 @@ const createMenuController = () => {
   registerAnimation('reveal', menuRevealAnimation);
   registerAnimation('push', menuPushAnimation);
   registerAnimation('overlay', menuOverlayAnimation);
-  doc === null || doc === void 0 ? void 0 : doc.addEventListener('ionBackButton', (ev) => {
-    const openMenu = _getOpenSync();
-    if (openMenu) {
-      ev.detail.register(MENU_BACK_BUTTON_PRIORITY, () => {
-        return openMenu.close();
-      });
-    }
-  });
+  if (typeof document !== 'undefined') {
+    document.addEventListener('ionBackButton', (ev) => {
+      // TODO(FW-2832): type
+      const openMenu = _getOpenSync();
+      if (openMenu) {
+        ev.detail.register(MENU_BACK_BUTTON_PRIORITY, () => {
+          return openMenu.close();
+        });
+      }
+    });
+  }
   return {
     registerAnimation,
     get,

package/dist/collection/utils/overlays.js

@@ -562,7 +562,6 @@ export const safeCall = (handler, arg) => {
 };
 export const BACKDROP = 'backdrop';
 export const GESTURE = 'gesture';
-export const OVERLAY_GESTURE_PRIORITY = 39;
 /**
  * Creates a delegate controller.
  *

package/dist/collection/utils/slot-mutation-controller.js

@@ -9,14 +9,13 @@ import { raf } from "./helpers";
  * This is not needed for components using native slots in the Shadow DOM.
  * @internal
  * @param el The host element to observe
- * @param slotName mutationCallback will fire when nodes on these slot(s) change
+ * @param slotName mutationCallback will fire when nodes on this slot change
  * @param mutationCallback The callback to fire whenever the slotted content changes
  */
 export const createSlotMutationController = (el, slotName, mutationCallback) => {
   let hostMutationObserver;
   let slottedContentMutationObserver;
   if (win !== undefined && 'MutationObserver' in win) {
-    const slots = Array.isArray(slotName) ? slotName : [slotName];
     hostMutationObserver = new MutationObserver((entries) => {
       for (const entry of entries) {
         for (const node of entry.addedNodes) {
@@ -24,7 +23,7 @@ export const createSlotMutationController = (el, slotName, mutationCallback) =>
            * Check to see if the added node
            *  is our slotted content.
            */
-          if (node.nodeType === Node.ELEMENT_NODE && slots.includes(node.slot)) {
+          if (node.nodeType === Node.ELEMENT_NODE && node.slot === slotName) {
             /**
              * If so, we want to watch the slotted
              * content itself for changes. This lets us

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-11-27T19:23:41",
+  "timestamp": "2023-12-18T21:37:47",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.7.0",
@@ -9657,14 +9657,6 @@
         {
           "name": "slot",
           "text": "label - The label text to associate with the input. Use the `labelPlacement` property to control where the label is placed relative to the input. Use this if you need to render a label with custom HTML. (EXPERIMENTAL)"
-        },
-        {
-          "name": "slot",
-          "text": "start - Content to display at the leading edge of the input. (EXPERIMENTAL)"
-        },
-        {
-          "name": "slot",
-          "text": "end - Content to display at the trailing edge of the input. (EXPERIMENTAL)"
         }
       ],
       "usage": {},
@@ -11159,17 +11151,9 @@
         }
       ],
       "slots": [
-        {
-          "name": "end",
-          "docs": "Content to display at the trailing edge of the input. (EXPERIMENTAL)"
-        },
         {
           "name": "label",
           "docs": "The label text to associate with the input. Use the `labelPlacement` property to control where the label is placed relative to the input. Use this if you need to render a label with custom HTML. (EXPERIMENTAL)"
-        },
-        {
-          "name": "start",
-          "docs": "Content to display at the leading edge of the input. (EXPERIMENTAL)"
         }
       ],
       "parts": [],
@@ -19727,42 +19711,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "compareWith",
-          "type": "((currentValue: any, compareValue: any) => boolean) | null | string | undefined",
-          "complexType": {
-            "original": "string | RadioGroupCompareFn | null",
-            "resolved": "((currentValue: any, compareValue: any) => boolean) | null | string | undefined",
-            "references": {
-              "RadioGroupCompareFn": {
-                "location": "import",
-                "path": "./radio-group-interface",
-                "id": "src/components/radio-group/radio-group-interface.ts::RadioGroupCompareFn"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "compare-with",
-          "reflectToAttr": false,
-          "docs": "This property allows developers to specify a custom function or property\nname for comparing objects when determining the selected option in the\nion-radio-group. When not specified, the default behavior will use strict\nequality (===) for comparison.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "((currentValue: any, compareValue: any) => boolean)"
-            },
-            {
-              "type": "null"
-            },
-            {
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "name",
           "type": "string",
@@ -23833,14 +23781,6 @@
           "name": "slot",
           "text": "label - The label text to associate with the select. Use the `labelPlacement` property to control where the label is placed relative to the select. Use this if you need to render a label with custom HTML."
         },
-        {
-          "name": "slot",
-          "text": "start - Content to display at the leading edge of the select."
-        },
-        {
-          "name": "slot",
-          "text": "end - Content to display at the trailing edge of the select."
-        },
         {
           "name": "part",
           "text": "placeholder - The text displayed in the select when there is no value."
@@ -23969,7 +23909,7 @@
           "mutable": false,
           "attr": "compare-with",
           "reflectToAttr": false,
-          "docs": "This property allows developers to specify a custom function or property\nname for comparing objects when determining the selected option in the\nion-select. When not specified, the default behavior will use strict\nequality (===) for comparison.",
+          "docs": "A property name or function used to compare object values",
           "docsTags": [],
           "values": [
             {
@@ -24656,17 +24596,9 @@
         }
       ],
       "slots": [
-        {
-          "name": "end",
-          "docs": "Content to display at the trailing edge of the select."
-        },
         {
           "name": "label",
           "docs": "The label text to associate with the select. Use the `labelPlacement` property to control where the label is placed relative to the select. Use this if you need to render a label with custom HTML."
-        },
-        {
-          "name": "start",
-          "docs": "Content to display at the leading edge of the select."
         }
       ],
       "parts": [
@@ -26109,14 +26041,6 @@
         {
           "name": "slot",
           "text": "label - The label text to associate with the textarea. Use the `labelPlacement` property to control where the label is placed relative to the textarea. Use this if you need to render a label with custom HTML. (EXPERIMENTAL)"
-        },
-        {
-          "name": "slot",
-          "text": "start - Content to display at the leading edge of the textarea. (EXPERIMENTAL)"
-        },
-        {
-          "name": "slot",
-          "text": "end - Content to display at the trailing edge of the textarea. (EXPERIMENTAL)"
         }
       ],
       "usage": {},
@@ -27167,17 +27091,9 @@
         }
       ],
       "slots": [
-        {
-          "name": "end",
-          "docs": "Content to display at the trailing edge of the textarea. (EXPERIMENTAL)"
-        },
         {
           "name": "label",
           "docs": "The label text to associate with the textarea. Use the `labelPlacement` property to control where the label is placed relative to the textarea. Use this if you need to render a label with custom HTML. (EXPERIMENTAL)"
-        },
-        {
-          "name": "start",
-          "docs": "Content to display at the leading edge of the textarea. (EXPERIMENTAL)"
         }
       ],
       "parts": [],
@@ -27869,37 +27785,6 @@
           "optional": true,
           "required": false
         },
-        {
-          "name": "swipeGesture",
-          "type": "\"vertical\" | undefined",
-          "complexType": {
-            "original": "ToastSwipeGestureDirection",
-            "resolved": "\"vertical\" | undefined",
-            "references": {
-              "ToastSwipeGestureDirection": {
-                "location": "import",
-                "path": "./toast-interface",
-                "id": "src/components/toast/toast-interface.ts::ToastSwipeGestureDirection"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "swipe-gesture",
-          "reflectToAttr": false,
-          "docs": "If set to 'vertical', the Toast can be dismissed with\na swipe gesture. The swipe direction is determined by\nthe value of the `position` property:\n`top`: The Toast can be swiped up to dismiss.\n`bottom`: The Toast can be swiped down to dismiss.\n`middle`: The Toast can be swiped up or down to dismiss.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "vertical",
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "translucent",
           "type": "boolean",
@@ -29313,11 +29198,6 @@
       "docstring": "",
       "path": "src/components/popover/popover-interface.ts"
     },
-    "src/components/radio-group/radio-group-interface.ts::RadioGroupCompareFn": {
-      "declaration": "(currentValue: any, compareValue: any) => boolean",
-      "docstring": "",
-      "path": "src/components/radio-group/radio-group-interface.ts"
-    },
     "src/components/radio-group/radio-group-interface.ts::RadioGroupChangeEventDetail": {
       "declaration": "export interface RadioGroupChangeEventDetail<T = any> {\n  value: T;\n  event?: Event;\n}",
       "docstring": "",
@@ -29463,11 +29343,6 @@
       "docstring": "",
       "path": "src/components/toast/toast-interface.ts"
     },
-    "src/components/toast/toast-interface.ts::ToastSwipeGestureDirection": {
-      "declaration": "\"vertical\"",
-      "docstring": "",
-      "path": "src/components/toast/toast-interface.ts"
-    },
     "src/components/toast/toast-interface.ts::ToastPresentOptions": {
       "declaration": "export type ToastPresentOptions = ToastPositionAlias & ToastAnimationPosition;",
       "docstring": "",

package/dist/esm/{animation-cf3dd234.js → animation-8aa13916.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win } from './index-a5d50daf.js';
+import { w as win } from './index-7a14ecec.js';
 import { r as raf } from './helpers-3379ba19.js';
 
 let animationPrefix;
@@ -586,16 +586,6 @@ const createAnimation = (animationId) => {
         }
       }
     });
-    /**
-     * Clean up any value coercion before
-     * the user callbacks fire otherwise
-     * they may get stale values. For example,
-     * if someone calls progressStart(0) the
-     * animation may still be reversed.
-     */
-    forceDurationValue = undefined;
-    forceDirectionValue = undefined;
-    forceDelayValue = undefined;
     onFinishCallbacks.forEach((onFinishCallback) => {
       return onFinishCallback.c(currentStep, ani);
     });
@@ -800,8 +790,17 @@ const createAnimation = (animationId) => {
         update(false, false);
       }
     }
-    if (playTo !== undefined && !parentAnimation) {
-      play();
+    if (playTo !== undefined) {
+      onFinish(() => {
+        forceDurationValue = undefined;
+        forceDirectionValue = undefined;
+        forceDelayValue = undefined;
+      }, {
+        oneTimeCallback: true,
+      });
+      if (!parentAnimation) {
+        play();
+      }
     }
     return ani;
   };

package/dist/esm/{app-globals-ba8b3a06.js → app-globals-8d413354.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { i as initialize } from './ionic-global-7efdecd0.js';
+import { i as initialize } from './ionic-global-8673c5ce.js';
 
 const globalScripts = initialize;
 

package/dist/esm/{button-active-109ba60d.js → button-active-c7a04c9a.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as writeTask } from './index-4392ebcb.js';
-import { h as hapticSelectionEnd, a as hapticSelectionStart, b as hapticSelectionChanged } from './haptic-1a66d69f.js';
+import { w as writeTask } from './index-8eb0239b.js';
+import { h as hapticSelectionEnd, a as hapticSelectionStart, b as hapticSelectionChanged } from './haptic-1243b917.js';
 import { createGesture } from './index-ff313b19.js';
 
 const createButtonActiveGesture = (el, isButton) => {

package/dist/esm/{capacitor-f1f25364.js → capacitor-b4979570.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win } from './index-a5d50daf.js';
+import { w as win } from './index-7a14ecec.js';
 
 const getCapacitor = () => {
   if (win !== undefined) {

package/dist/esm/{haptic-1a66d69f.js → haptic-1243b917.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { g as getCapacitor } from './capacitor-f1f25364.js';
+import { g as getCapacitor } from './capacitor-b4979570.js';
 
 var ImpactStyle;
 (function (ImpactStyle) {

package/dist/esm/index-7a14ecec.js

@@ -0,0 +1,29 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+/**
+ * When accessing the document or window, it is important
+ * to account for SSR applications where the
+ * window is not available. Code that accesses
+ * window when it is not available will crash.
+ * Even checking if `window === undefined` will cause
+ * apps to crash in SSR.
+ *
+ * Use win below to access an SSR-safe version
+ * of the window.
+ *
+ * Example 1:
+ * Before:
+ * if (window.innerWidth > 768) { ... }
+ *
+ * After:
+ * import { win } from 'path/to/this/file';
+ * if (win?.innerWidth > 768) { ... }
+ *
+ * Note: Code inside of this if-block will
+ * not run in an SSR environment.
+ */
+const win = typeof window !== 'undefined' ? window : undefined;
+const doc = typeof document !== 'undefined' ? document : undefined;
+
+export { doc as d, win as w };

package/dist/esm/{index-50582f1c.js → index-d62333a6.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as writeTask, B as Build } from './index-4392ebcb.js';
+import { w as writeTask, B as Build } from './index-8eb0239b.js';
 import { r as raf } from './helpers-3379ba19.js';
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
@@ -10,8 +10,8 @@ const LIFECYCLE_WILL_LEAVE = 'ionViewWillLeave';
 const LIFECYCLE_DID_LEAVE = 'ionViewDidLeave';
 const LIFECYCLE_WILL_UNLOAD = 'ionViewWillUnload';
 
-const iosTransitionAnimation = () => import('./ios.transition-e20d71bc.js');
-const mdTransitionAnimation = () => import('./md.transition-a8469407.js');
+const iosTransitionAnimation = () => import('./ios.transition-2fdb6f26.js');
+const mdTransitionAnimation = () => import('./md.transition-6f8b3cd0.js');
 // TODO(FW-2832): types
 const transition = (opts) => {
   return new Promise((resolve, reject) => {

package/dist/esm/{index-6a48e009.js → index-e2052f20.js}

@@ -1,12 +1,11 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { d as doc } from './index-a5d50daf.js';
-import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-39299f84.js';
 import { p as printIonWarning } from './index-595d62c9.js';
+import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-39299f84.js';
 import { c as componentOnReady } from './helpers-3379ba19.js';
-import { b as getIonMode } from './ionic-global-7efdecd0.js';
-import { c as createAnimation } from './animation-cf3dd234.js';
+import { b as getIonMode } from './ionic-global-8673c5ce.js';
+import { c as createAnimation } from './animation-8aa13916.js';
 
 /**
  * baseAnimation
@@ -273,14 +272,17 @@ const createMenuController = () => {
   registerAnimation('reveal', menuRevealAnimation);
   registerAnimation('push', menuPushAnimation);
   registerAnimation('overlay', menuOverlayAnimation);
-  doc === null || doc === void 0 ? void 0 : doc.addEventListener('ionBackButton', (ev) => {
-    const openMenu = _getOpenSync();
-    if (openMenu) {
-      ev.detail.register(MENU_BACK_BUTTON_PRIORITY, () => {
-        return openMenu.close();
-      });
-    }
-  });
+  if (typeof document !== 'undefined') {
+    document.addEventListener('ionBackButton', (ev) => {
+      // TODO(FW-2832): type
+      const openMenu = _getOpenSync();
+      if (openMenu) {
+        ev.detail.register(MENU_BACK_BUTTON_PRIORITY, () => {
+          return openMenu.close();
+        });
+      }
+    });
+  }
   return {
     registerAnimation,
     get,

package/dist/esm/{index-c9e82353.js → index-f0cc4e14.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { d as doc } from './index-a5d50daf.js';
+import { d as doc } from './index-7a14ecec.js';
 import { u as now, v as pointerCoord } from './helpers-3379ba19.js';
 
 const startTapClick = (config) => {

package/dist/esm/index.js

@@ -1,23 +1,23 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-export { c as createAnimation } from './animation-cf3dd234.js';
-export { a as LIFECYCLE_DID_ENTER, c as LIFECYCLE_DID_LEAVE, L as LIFECYCLE_WILL_ENTER, b as LIFECYCLE_WILL_LEAVE, d as LIFECYCLE_WILL_UNLOAD, g as getIonPageElement } from './index-50582f1c.js';
-export { iosTransitionAnimation } from './ios.transition-e20d71bc.js';
-export { mdTransitionAnimation } from './md.transition-a8469407.js';
+export { c as createAnimation } from './animation-8aa13916.js';
+export { a as LIFECYCLE_DID_ENTER, c as LIFECYCLE_DID_LEAVE, L as LIFECYCLE_WILL_ENTER, b as LIFECYCLE_WILL_LEAVE, d as LIFECYCLE_WILL_UNLOAD, g as getIonPageElement } from './index-d62333a6.js';
+export { iosTransitionAnimation } from './ios.transition-2fdb6f26.js';
+export { mdTransitionAnimation } from './md.transition-6f8b3cd0.js';
 export { g as getTimeGivenProgression } from './cubic-bezier-66542bc5.js';
 export { createGesture } from './index-ff313b19.js';
-export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global-7efdecd0.js';
+export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global-8673c5ce.js';
 export { c as componentOnReady } from './helpers-3379ba19.js';
 export { I as IonicSafeString, g as getMode, s as setupConfig } from './config-96c9ace3.js';
 export { o as openURL } from './theme-17531cdf.js';
-export { m as menuController } from './index-6a48e009.js';
-export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as pickerController, c as popoverController, t as toastController } from './overlays-d79b34b4.js';
-import './index-a5d50daf.js';
-import './index-4392ebcb.js';
+export { m as menuController } from './index-e2052f20.js';
+export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as pickerController, c as popoverController, t as toastController } from './overlays-d4c45da6.js';
+import './index-7a14ecec.js';
+import './index-8eb0239b.js';
 import './gesture-controller-0fa396c4.js';
-import './hardware-back-button-39299f84.js';
 import './index-595d62c9.js';
+import './hardware-back-button-39299f84.js';
 import './framework-delegate-aa433dea.js';
 
 const IonicSlides = (opts) => {

package/dist/esm/{input-shims-1d767845.js → input-shims-d0c93e5d.js}

@@ -1,12 +1,12 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win, d as doc } from './index-a5d50daf.js';
 import { g as getScrollElement, c as scrollByPoint, f as findClosestIonContent } from './index-4392efa5.js';
 import { a as addEventListener, b as removeEventListener, r as raf, c as componentOnReady } from './helpers-3379ba19.js';
-import { a as KeyboardResize, K as Keyboard } from './keyboard-b6230bfb.js';
+import { a as KeyboardResize, K as Keyboard } from './keyboard-b063f012.js';
+import { w as win } from './index-7a14ecec.js';
 import './index-595d62c9.js';
-import './capacitor-f1f25364.js';
+import './capacitor-b4979570.js';
 
 const cloneMap = new WeakMap();
 const relocateInput = (componentEl, inputEl, shouldRelocate, inputRelativeY = 0, disabledClonedInput = false) => {
@@ -504,13 +504,7 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
 
 const INPUT_BLURRING = true;
 const startInputShims = async (config, platform) => {
-  /**
-   * If doc is undefined then we are in an SSR environment
-   * where input shims do not apply.
-   */
-  if (doc === undefined) {
-    return;
-  }
+  const doc = document;
   const isIOS = platform === 'ios';
   const isAndroid = platform === 'android';
   /**
@@ -588,12 +582,13 @@ const startInputShims = async (config, platform) => {
   for (const input of inputs) {
     registerInput(input);
   }
-  doc.addEventListener('ionInputDidLoad', (ev) => {
+  // TODO(FW-2832): types
+  doc.addEventListener('ionInputDidLoad', ((ev) => {
     registerInput(ev.detail);
-  });
-  doc.addEventListener('ionInputDidUnload', (ev) => {
+  }));
+  doc.addEventListener('ionInputDidUnload', ((ev) => {
     unregisterInput(ev.detail);
-  });
+  }));
 };
 
 export { startInputShims };

package/dist/esm/{input.utils-2cf5e372.js → input.utils-ec063df4.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win } from './index-a5d50daf.js';
+import { w as win } from './index-7a14ecec.js';
 import { r as raf } from './helpers-3379ba19.js';
 import { a as printIonError } from './index-595d62c9.js';
 
@@ -11,14 +11,13 @@ import { a as printIonError } from './index-595d62c9.js';
  * This is not needed for components using native slots in the Shadow DOM.
  * @internal
  * @param el The host element to observe
- * @param slotName mutationCallback will fire when nodes on these slot(s) change
+ * @param slotName mutationCallback will fire when nodes on this slot change
  * @param mutationCallback The callback to fire whenever the slotted content changes
  */
 const createSlotMutationController = (el, slotName, mutationCallback) => {
   let hostMutationObserver;
   let slottedContentMutationObserver;
   if (win !== undefined && 'MutationObserver' in win) {
-    const slots = Array.isArray(slotName) ? slotName : [slotName];
     hostMutationObserver = new MutationObserver((entries) => {
       for (const entry of entries) {
         for (const node of entry.addedNodes) {
@@ -26,7 +25,7 @@ const createSlotMutationController = (el, slotName, mutationCallback) => {
            * Check to see if the added node
            *  is our slotted content.
            */
-          if (node.nodeType === Node.ELEMENT_NODE && slots.includes(node.slot)) {
+          if (node.nodeType === Node.ELEMENT_NODE && node.slot === slotName) {
             /**
              * If so, we want to watch the slotted
              * content itself for changes. This lets us

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

@@ -1,10 +1,10 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, h, H as Host, f as getElement, d as createEvent } from './index-4392ebcb.js';
+import { r as registerInstance, h, H as Host, f as getElement, d as createEvent } from './index-8eb0239b.js';
 import { r as raf, t as transitionEndAsync, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers-3379ba19.js';
-import { l as chevronDown } from './index-c132c5f1.js';
-import { c as config, b as getIonMode } from './ionic-global-7efdecd0.js';
+import { l as chevronDown } from './index-4d016006.js';
+import { c as config, b as getIonMode } from './ionic-global-8673c5ce.js';
 import { p as printIonWarning } from './index-595d62c9.js';
 
 const accordionIosCss = ":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}";