@ionic/core 7.6.1-dev.11702322681.17e39348 → 7.6.1-dev.11702498225.1ad6eda6

package/dist/cjs/ionic.cjs.js

@@ -5,12 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bbb4336c.js');
-const appGlobals = require('./app-globals-0af482c7.js');
-require('./ionic-global-f4a2093b.js');
+const index = require('./index-50dcfe2f.js');
+const appGlobals = require('./app-globals-7def22c8.js');
+require('./ionic-global-a4edbf03.js');
 
 /*
- Stencil Client Patch Browser v4.8.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.8.2 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('ionic.cjs.js', document.baseURI).href));

package/dist/cjs/{ios.transition-6787b799.js → ios.transition-b5353f3e.js}

@@ -4,10 +4,10 @@
 'use strict';
 
 const animation = require('./animation-9b401d39.js');
-const index = require('./index-f8f13389.js');
+const index = require('./index-17ab7794.js');
 require('./index-c8d52405.js');
 require('./helpers-76bb7efb.js');
-require('./index-bbb4336c.js');
+require('./index-50dcfe2f.js');
 
 const DURATION = 540;
 // TODO(FW-2832): types

package/dist/cjs/loader.cjs.js

@@ -5,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bbb4336c.js');
-const appGlobals = require('./app-globals-0af482c7.js');
-require('./ionic-global-f4a2093b.js');
+const index = require('./index-50dcfe2f.js');
+const appGlobals = require('./app-globals-7def22c8.js');
+require('./ionic-global-a4edbf03.js');
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/cjs/{md.transition-e033d20a.js → md.transition-67157dd9.js}

@@ -4,10 +4,10 @@
 'use strict';
 
 const animation = require('./animation-9b401d39.js');
-const index = require('./index-f8f13389.js');
+const index = require('./index-17ab7794.js');
 require('./index-c8d52405.js');
 require('./helpers-76bb7efb.js');
-require('./index-bbb4336c.js');
+require('./index-50dcfe2f.js');
 
 const mdTransitionAnimation = (_, opts) => {
     var _a, _b, _c;

package/dist/cjs/{overlays-27a6fb16.js → overlays-e77cc023.js}

@@ -4,7 +4,7 @@
 'use strict';
 
 const index = require('./index-c8d52405.js');
-const ionicGlobal = require('./ionic-global-f4a2093b.js');
+const ionicGlobal = require('./ionic-global-a4edbf03.js');
 const frameworkDelegate = require('./framework-delegate-1c29b14a.js');
 const hardwareBackButton = require('./hardware-back-button-76833cac.js');
 const helpers = require('./helpers-76bb7efb.js');

package/dist/cjs/{status-tap-415acac6.js → status-tap-b5d77c08.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const index = require('./index-bbb4336c.js');
+const index = require('./index-50dcfe2f.js');
 const index$1 = require('./index-da15e99c.js');
 const helpers = require('./helpers-76bb7efb.js');
 require('./index-5915f9b3.js');

package/dist/collection/collection-manifest.json

@@ -94,7 +94,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.8.1",
+    "version": "4.8.2",
     "typescriptVersion": "5.2.2"
   },
   "collections": [

package/dist/collection/components/input/input.js

@@ -269,15 +269,34 @@ export class Input {
         if (!this.shouldClearOnEdit()) {
             return;
         }
+        /**
+         * The following keys do not modify the
+         * contents of the input. As a result, pressing
+         * them should not edit the input.
+         *
+         * We can't check to see if the value of the input
+         * was changed because we call checkClearOnEdit
+         * in a keydown listener, and the key has not yet
+         * been added to the input.
+         */
+        const IGNORED_KEYS = ['Enter', 'Tab', 'Shift', 'Meta', 'Alt', 'Control'];
+        const pressedIgnoredKey = IGNORED_KEYS.includes(ev.key);
         /**
          * Clear the input if the control has not been previously cleared during focus.
          * Do not clear if the user hitting enter to submit a form.
          */
-        if (!this.didInputClearOnEdit && this.hasValue() && ev.key !== 'Enter' && ev.key !== 'Tab') {
+        if (!this.didInputClearOnEdit && this.hasValue() && !pressedIgnoredKey) {
             this.value = '';
             this.emitInputChange(ev);
         }
-        this.didInputClearOnEdit = true;
+        /**
+         * Pressing an IGNORED_KEYS first and
+         * then an allowed key will cause the input to not
+         * be cleared.
+         */
+        if (!pressedIgnoredKey) {
+            this.didInputClearOnEdit = true;
+        }
     }
     hasValue() {
         return this.getValue().length > 0;

package/dist/collection/components/input/test/clear-on-edit/input.e2e.js

@@ -3,6 +3,7 @@
  */
 import { expect } from "@playwright/test";
 import { test, configs } from "../../../../utils/test/playwright/index";
+const IGNORED_KEYS = ['Enter', 'Tab', 'Shift', 'Meta', 'Alt', 'Control'];
 configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
     test.describe(title('input: clearOnEdit'), () => {
         test('should clear when typed into', async ({ page }) => {
@@ -13,21 +14,40 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
             await ionInput.next();
             await expect(input).toHaveJSProperty('value', 'h');
         });
-        test('should not clear when enter is pressed', async ({ page }) => {
-            await page.setContent(`<ion-input value="abc" clear-on-edit="true" aria-label="input"></ion-input>`, config);
+        test('should not clear the input if it does not have an initial value when typing', async ({ page }) => {
+            await page.setContent(`<ion-input label="input" value="" clear-on-edit="true"></ion-input>`, config);
             const input = page.locator('ion-input');
-            await input.locator('input').focus();
-            await page.keyboard.press('Enter');
-            await page.waitForChanges();
-            await expect(input).toHaveJSProperty('value', 'abc');
+            await input.click();
+            await input.type('hello world');
+            await expect(input).toHaveJSProperty('value', 'hello world');
+        });
+        IGNORED_KEYS.forEach((ignoredKey) => {
+            test(`should not clear when ${ignoredKey} is pressed`, async ({ page, skip }) => {
+                skip.browser((browserName) => browserName === 'firefox' && ignoredKey === 'Meta', 'Firefox incorrectly adds "OS" to the input when pressing the Meta key on Linux');
+                await page.setContent(`<ion-input value="abc" clear-on-edit="true" aria-label="input"></ion-input>`, config);
+                const input = page.locator('ion-input');
+                await input.locator('input').focus();
+                await page.keyboard.press(ignoredKey);
+                await page.waitForChanges();
+                await expect(input).toHaveJSProperty('value', 'abc');
+            });
         });
-        test('should not clear when tab is pressed', async ({ page }) => {
+        test('should clear after when pressing valid key after pressing ignored key', async ({ page }) => {
+            test.info().annotations.push({
+                type: 'issue',
+                description: 'https://github.com/ionic-team/ionic-framework/issues/28633',
+            });
             await page.setContent(`<ion-input value="abc" clear-on-edit="true" aria-label="input"></ion-input>`, config);
             const input = page.locator('ion-input');
             await input.locator('input').focus();
-            await page.keyboard.press('Tab');
+            // ignored
+            await page.keyboard.press('Shift');
             await page.waitForChanges();
             await expect(input).toHaveJSProperty('value', 'abc');
+            // allowed
+            await page.keyboard.press('a');
+            await page.waitForChanges();
+            await expect(input).toHaveJSProperty('value', 'a');
         });
     });
 });

package/dist/collection/components/item/item.ios.css

@@ -418,6 +418,12 @@ button, a {
 ::slotted(ion-label:not([slot=end])) {
   flex: 1;
   width: min-content;
+  /**
+   * We allow labels in the default
+   * slot to grow. However, we do not
+   * want them to grow indefinitely.
+   */
+  max-width: 100%;
 }
 
 :host(.item-input) {

package/dist/collection/components/item/item.md.css

@@ -418,6 +418,12 @@ button, a {
 ::slotted(ion-label:not([slot=end])) {
   flex: 1;
   width: min-content;
+  /**
+   * We allow labels in the default
+   * slot to grow. However, we do not
+   * want them to grow indefinitely.
+   */
+  max-width: 100%;
 }
 
 :host(.item-input) {

package/dist/collection/components/label/test/a11y/label.e2e.js

@@ -64,3 +64,28 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
         });
     });
 });
+configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+    test.describe(title('label: text wrapping in item'), () => {
+        test('long text should not cause label to expand infinitely', async ({ page }) => {
+            await page.setContent(`
+        <style>
+          div {
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+          }
+        </style>
+        <ion-item>
+          <ion-label>
+            <!-- This text should be truncated with ellipses -->
+            <div>
+              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+            </div>
+          </ion-label>
+        </ion-item>
+      `, config);
+            const item = page.locator('ion-item');
+            await expect(item).toHaveScreenshot(screenshot(`label-item-wrap`));
+        });
+    });
+});

package/dist/collection/components/menu/menu.ios.css

@@ -305,14 +305,13 @@ ion-backdrop {
   left: 0;
   right: 0;
   width: auto;
-  /* stylelint-disable declaration-no-important */
-  transform: none !important;
-  box-shadow: none !important;
+  transform: none;
+  box-shadow: none;
 }
 
 :host(.menu-pane-visible) ion-backdrop {
+  /* stylelint-disable-next-line declaration-no-important */
   display: hidden !important;
-  /* stylelint-enable declaration-no-important */
 }
 
 /**

package/dist/collection/components/menu/menu.md.css

@@ -305,14 +305,13 @@ ion-backdrop {
   left: 0;
   right: 0;
   width: auto;
-  /* stylelint-disable declaration-no-important */
-  transform: none !important;
-  box-shadow: none !important;
+  transform: none;
+  box-shadow: none;
 }
 
 :host(.menu-pane-visible) ion-backdrop {
+  /* stylelint-disable-next-line declaration-no-important */
   display: hidden !important;
-  /* stylelint-enable declaration-no-important */
 }
 
 /**

package/dist/collection/components/menu/test/custom/menu.e2e.js

@@ -0,0 +1,61 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { expect } from "@playwright/test";
+import { configs, test } from "../../../../utils/test/playwright/index";
+/**
+ * This behavior does not vary across directions.
+ */
+configs({ directions: ['ltr'] }).forEach(({ title, config, screenshot }) => {
+    test.describe(title('menu: custom'), () => {
+        test('should allow styling the menu box shadow when inside a split pane', async ({ page }) => {
+            test.info().annotations.push({
+                type: 'issue',
+                description: 'https://github.com/ionic-team/ionic-framework/issues/21530',
+            });
+            await page.setContent(`
+        <style>
+          ion-split-pane {
+            --side-width: 200px;
+            --side-min-width: 200px;
+          }
+
+          ion-menu {
+            box-shadow: 10px 5px 5px red;
+            z-index: 1;
+          }
+        </style>
+
+        <ion-app>
+          <ion-split-pane when="xs" id="splitPane" content-id="split-content">
+            <ion-menu side="start" content-id="split-content">
+              <ion-header>
+                <ion-toolbar color="secondary">
+                  <ion-title>Menu</ion-title>
+                </ion-toolbar>
+              </ion-header>
+
+              <ion-content class="ion-padding">Menu Content</ion-content>
+            </ion-menu>
+
+            <div class="ion-page" id="split-content">
+              <ion-header>
+                <ion-toolbar>
+                  <ion-buttons slot="start">
+                    <ion-menu-button></ion-menu-button>
+                  </ion-buttons>
+
+                  <ion-title>Content</ion-title>
+                </ion-toolbar>
+              </ion-header>
+
+              <ion-content class="ion-padding">Main Content</ion-content>
+            </div>
+          </ion-split-pane>
+        </ion-app>
+      `, config);
+            const app = page.locator('ion-app');
+            await expect(app).toHaveScreenshot(screenshot(`menu-custom-split-pane`));
+        });
+    });
+});

package/dist/collection/components/split-pane/split-pane.ios.css

@@ -146,8 +146,7 @@
   top: 0;
   bottom: 0;
   position: relative;
-  /* stylelint-disable-next-line declaration-no-important */
-  box-shadow: none !important;
+  box-shadow: none;
   z-index: 0;
 }
 

package/dist/collection/components/split-pane/split-pane.md.css

@@ -146,8 +146,7 @@
   top: 0;
   bottom: 0;
   position: relative;
-  /* stylelint-disable-next-line declaration-no-important */
-  box-shadow: none !important;
+  box-shadow: none;
   z-index: 0;
 }
 

package/dist/collection/components/textarea/test/clear-on-edit/textarea.e2e.js

@@ -3,6 +3,7 @@
  */
 import { expect } from "@playwright/test";
 import { test, configs } from "../../../../utils/test/playwright/index";
+const IGNORED_KEYS = ['Tab', 'Shift', 'Meta', 'Alt', 'Control'];
 configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
     test.describe(title('textarea: clearOnEdit'), () => {
         test('should clear when typed into', async ({ page }) => {
@@ -21,5 +22,40 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
             await page.waitForChanges();
             await expect(textarea).toHaveJSProperty('value', 'abc');
         });
+        test('should not clear the textarea if it does not have an initial value when typing', async ({ page }) => {
+            await page.setContent(`<ion-textarea label="textarea" value="" clear-on-edit="true"></ion-textarea>`, config);
+            const textarea = page.locator('ion-textarea');
+            await textarea.click();
+            await textarea.type('hello world');
+            await expect(textarea).toHaveJSProperty('value', 'hello world');
+        });
+        IGNORED_KEYS.forEach((ignoredKey) => {
+            test(`should not clear when ${ignoredKey} is pressed`, async ({ page, skip }) => {
+                skip.browser((browserName) => browserName === 'firefox' && ignoredKey === 'Meta', 'Firefox incorrectly adds "OS" to the textarea when pressing the Meta key on Linux');
+                await page.setContent(`<ion-textarea value="abc" clear-on-edit="true" aria-label="textarea"></ion-textarea>`, config);
+                const textarea = page.locator('ion-textarea');
+                await textarea.locator('textarea').focus();
+                await page.keyboard.press(ignoredKey);
+                await page.waitForChanges();
+                await expect(textarea).toHaveJSProperty('value', 'abc');
+            });
+        });
+        test('should clear after when pressing valid key after pressing ignored key', async ({ page }) => {
+            test.info().annotations.push({
+                type: 'issue',
+                description: 'https://github.com/ionic-team/ionic-framework/issues/28633',
+            });
+            await page.setContent(`<ion-textarea value="abc" clear-on-edit="true" aria-label="textarea"></ion-textarea>`, config);
+            const textarea = page.locator('ion-textarea');
+            await textarea.locator('textarea').focus();
+            // ignored
+            await page.keyboard.press('Shift');
+            await page.waitForChanges();
+            await expect(textarea).toHaveJSProperty('value', 'abc');
+            // allowed
+            await page.keyboard.press('a');
+            await page.waitForChanges();
+            await expect(textarea).toHaveJSProperty('value', 'a');
+        });
     });
 });

package/dist/collection/components/textarea/textarea.js

@@ -238,15 +238,38 @@ export class Textarea {
         if (!this.clearOnEdit) {
             return;
         }
+        /**
+         * The following keys do not modify the
+         * contents of the input. As a result, pressing
+         * them should not edit the textarea.
+         *
+         * We can't check to see if the value of the textarea
+         * was changed because we call checkClearOnEdit
+         * in a keydown listener, and the key has not yet
+         * been added to the textarea.
+         *
+         * Unlike ion-input, the "Enter" key does modify the
+         * textarea by adding a new line, so "Enter" is not
+         * included in the IGNORED_KEYS array.
+         */
+        const IGNORED_KEYS = ['Tab', 'Shift', 'Meta', 'Alt', 'Control'];
+        const pressedIgnoredKey = IGNORED_KEYS.includes(ev.key);
         /**
          * Clear the textarea if the control has not been previously cleared
          * during focus.
          */
-        if (!this.didTextareaClearOnEdit && this.hasValue() && ev.key !== 'Tab') {
+        if (!this.didTextareaClearOnEdit && this.hasValue() && !pressedIgnoredKey) {
             this.value = '';
             this.emitInputChange(ev);
         }
-        this.didTextareaClearOnEdit = true;
+        /**
+         * Pressing an IGNORED_KEYS first and
+         * then an allowed key will cause the input to not
+         * be cleared.
+         */
+        if (!pressedIgnoredKey) {
+            this.didTextareaClearOnEdit = true;
+        }
     }
     focusChange() {
         this.emitStyle();

package/dist/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2023-12-11T19:26:40",
+  "timestamp": "2023-12-13T20:13:31",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.8.1",
+    "version": "4.8.2",
     "typescriptVersion": "5.2.2"
   },
   "components": [

package/dist/esm/{app-globals-722340c4.js → app-globals-8c62bec2.js}

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

package/dist/esm/{button-active-c6ee4f50.js → button-active-308d3edd.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as writeTask } from './index-08d686eb.js';
+import { w as writeTask } from './index-b7d870cf.js';
 import { h as hapticSelectionEnd, a as hapticSelectionStart, b as hapticSelectionChanged } from './haptic-554688a5.js';
 import { createGesture } from './index-2cf77112.js';
 

package/dist/esm/{index-0c12c22b.js → index-1193f005.js}

@@ -5,7 +5,7 @@ import { d as doc } from './index-a5d50daf.js';
 import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-b2bc76db.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
 import { c as componentOnReady } from './helpers-ae653409.js';
-import { b as getIonMode } from './ionic-global-c0cda98e.js';
+import { b as getIonMode } from './ionic-global-1f99b929.js';
 import { c as createAnimation } from './animation-dde8cc0d.js';
 
 /**

package/dist/esm/{index-1932b201.js → index-4743453d.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as writeTask, B as Build } from './index-08d686eb.js';
+import { w as writeTask, B as Build } from './index-b7d870cf.js';
 import { r as raf } from './helpers-ae653409.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-802a84a6.js');
-const mdTransitionAnimation = () => import('./md.transition-43c2874d.js');
+const iosTransitionAnimation = () => import('./ios.transition-3376ccb2.js');
+const mdTransitionAnimation = () => import('./md.transition-f992779f.js');
 // TODO(FW-2832): types
 const transition = (opts) => {
     return new Promise((resolve, reject) => {

package/dist/esm/{index-08d686eb.js → index-b7d870cf.js}

@@ -960,8 +960,10 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
             }
         }
     }
+    // This needs to always happen so we can hide nodes that are projected
+    // to another component but don't end up in a slot
+    elm['s-hn'] = hostTagName;
     {
-        elm['s-hn'] = hostTagName;
         if (newVNode.$flags$ & (2 /* VNODE_FLAGS.isSlotFallback */ | 1 /* VNODE_FLAGS.isSlotReference */)) {
             // remember the content reference comment
             elm['s-sr'] = true;
@@ -974,9 +976,11 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
             // check if we've got an old vnode for this slot
             oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
             if (oldVNode && oldVNode.$tag$ === newVNode.$tag$ && oldParentVNode.$elm$) {
-                // we've got an old slot vnode and the wrapper is being replaced
-                // so let's move the old slot content back to it's original location
-                putBackInOriginalLocation(oldParentVNode.$elm$, false);
+                {
+                    // we've got an old slot vnode and the wrapper is being replaced
+                    // so let's move the old slot content back to its original location
+                    putBackInOriginalLocation(oldParentVNode.$elm$, false);
+                }
             }
         }
     }
@@ -989,9 +993,6 @@ const putBackInOriginalLocation = (parentElm, recursive) => {
     for (let i = oldSlotChildNodes.length - 1; i >= 0; i--) {
         const childNode = oldSlotChildNodes[i];
         if (childNode['s-hn'] !== hostTagName && childNode['s-ol']) {
-            // // this child node in the old element is from another component
-            // // remove this node from the old slot's parent
-            // childNode.remove();
             // and relocate it back to it's original location
             parentReferenceNode(childNode).insertBefore(childNode, referenceNode(childNode));
             // remove the old original location comment entirely
@@ -1634,7 +1635,7 @@ const nullifyVNodeRefs = (vNode) => {
  * @param isInitialLoad whether or not this is the first call after page load
  */
 const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const hostElm = hostRef.$hostElement$;
     const cmpMeta = hostRef.$cmpMeta$;
     const oldVNode = hostRef.$vnode$ || newVNode(null, null);
@@ -1749,12 +1750,24 @@ const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
                             // we're just going to append the node as the last child of the parent. Passing
                             // `null` as the second arg here will trigger that behavior.
                             parentNodeRef.insertBefore(nodeToRelocate, insertBeforeNode);
+                            // Reset the `hidden` value back to what it was defined as originally
+                            // This solves a problem where a `slot` is dynamically rendered and `hidden` may have
+                            // been set on content originally, but now it has a slot to go to so it should have
+                            // the value it was defined as having in the DOM, not what we overrode it to.
+                            if (nodeToRelocate.nodeType === 1 /* NODE_TYPE.ElementNode */) {
+                                nodeToRelocate.hidden = (_c = nodeToRelocate['s-ih']) !== null && _c !== void 0 ? _c : false;
+                            }
                         }
                     }
                 }
                 else {
                     // this node doesn't have a slot home to go to, so let's hide it
                     if (nodeToRelocate.nodeType === 1 /* NODE_TYPE.ElementNode */) {
+                        // Store the initial value of `hidden` so we can reset it later when
+                        // moving nodes around.
+                        if (isInitialLoad) {
+                            nodeToRelocate['s-ih'] = (_d = nodeToRelocate.hidden) !== null && _d !== void 0 ? _d : false;
+                        }
                         nodeToRelocate.hidden = true;
                     }
                 }

package/dist/esm/index.js

@@ -2,19 +2,19 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 export { c as createAnimation } from './animation-dde8cc0d.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-1932b201.js';
-export { iosTransitionAnimation } from './ios.transition-802a84a6.js';
-export { mdTransitionAnimation } from './md.transition-43c2874d.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-4743453d.js';
+export { iosTransitionAnimation } from './ios.transition-3376ccb2.js';
+export { mdTransitionAnimation } from './md.transition-f992779f.js';
 export { g as getTimeGivenProgression } from './cubic-bezier-fe2083dc.js';
 export { createGesture } from './index-2cf77112.js';
-export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global-c0cda98e.js';
+export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global-1f99b929.js';
 export { c as componentOnReady } from './helpers-ae653409.js';
 export { I as IonicSafeString, g as getMode, s as setupConfig } from './config-49c88215.js';
 export { o as openURL } from './theme-01f3f29c.js';
-export { m as menuController } from './index-0c12c22b.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-32ef481d.js';
+export { m as menuController } from './index-1193f005.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-b33f6bca.js';
 import './index-a5d50daf.js';
-import './index-08d686eb.js';
+import './index-b7d870cf.js';
 import './gesture-controller-1bf57181.js';
 import './hardware-back-button-b2bc76db.js';
 import './index-9b0d46f4.js';

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-08d686eb.js';
+import { r as registerInstance, h, H as Host, f as getElement, d as createEvent } from './index-b7d870cf.js';
 import { r as raf, t as transitionEndAsync, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers-ae653409.js';
 import { l as chevronDown } from './index-c132c5f1.js';
-import { c as config, b as getIonMode } from './ionic-global-c0cda98e.js';
+import { c as config, b as getIonMode } from './ionic-global-1f99b929.js';
 import { p as printIonWarning } from './index-9b0d46f4.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}";