@ionic/core 8.8.16-dev.11784841344.1aa1a41c → 8.8.16-nightly.20260724

package/dist/cjs/{overlays-CFGbPUmE.js → overlays-DdtIYQUH.js}

@@ -3,10 +3,12 @@
  */
 'use strict';
 
-var ionicGlobal = require('./ionic-global-QoUqobrQ.js');
-var helpers = require('./helpers-DiOgV5hw.js');
-var index = require('./index-GZU9YrFc.js');
-var frameworkDelegate = require('./framework-delegate-DC5nq_NN.js');
+var index$1 = require('./index-DkNv4J_i.js');
+var helpers = require('./helpers-Cv23MFHM.js');
+var hardwareBackButton = require('./hardware-back-button-iUuF_76h.js');
+var index = require('./index-Ct7gcRif.js');
+var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
+var frameworkDelegate = require('./framework-delegate-BtICZDHr.js');
 var gestureController = require('./gesture-controller-dtqlP_q4.js');
 
 /**
@@ -21,7 +23,7 @@ var gestureController = require('./gesture-controller-dtqlP_q4.js');
  * Note: We need this distinction because `disabled="false"` is
  * valid usage for the disabled property on ion-button.
  */
-const focusableQueryString = '[tabindex]:not([tabindex^="-"]):not([hidden]):not([disabled]), input:not([type=hidden]):not([tabindex^="-"]):not([hidden]):not([disabled]), textarea:not([tabindex^="-"]):not([hidden]):not([disabled]), button:not([tabindex^="-"]):not([hidden]):not([disabled]), select:not([tabindex^="-"]):not([hidden]):not([disabled]), ion-checkbox:not([tabindex^="-"]):not([hidden]):not([disabled]), ion-radio:not([tabindex^="-"]):not([hidden]):not([disabled]), ion-textarea:not([tabindex^="-"]):not([hidden]):not([disabled]), .ion-focusable:not([tabindex^="-"]):not([hidden]):not([disabled]), .ion-focusable[disabled="false"]:not([tabindex^="-"]):not([hidden])';
+const focusableQueryString = '[tabindex]:not([tabindex^="-"]):not([hidden]):not([disabled]), input:not([type=hidden]):not([tabindex^="-"]):not([hidden]):not([disabled]), textarea:not([tabindex^="-"]):not([hidden]):not([disabled]), button:not([tabindex^="-"]):not([hidden]):not([disabled]), select:not([tabindex^="-"]):not([hidden]):not([disabled]), ion-checkbox:not([tabindex^="-"]):not([hidden]):not([disabled]), ion-radio:not([tabindex^="-"]):not([hidden]):not([disabled]), .ion-focusable:not([tabindex^="-"]):not([hidden]):not([disabled]), .ion-focusable[disabled="false"]:not([tabindex^="-"]):not([hidden])';
 /**
  * Focuses the first descendant in a context
  * that can receive focus. If none exists,
@@ -73,18 +75,7 @@ const focusElementInContext = (hostToFocus, fallbackElement) => {
     const shadowRoot = hostToFocus === null || hostToFocus === void 0 ? void 0 : hostToFocus.shadowRoot;
     if (shadowRoot) {
         // If there are no inner focusable elements, just focus the host element.
-        const innerFocusable = shadowRoot.querySelector(focusableQueryString);
-        // If the host has a setFocus() method, use it to delegate focus properly.
-        // This is needed for shadow DOM components like ion-textarea that override
-        // focus() to delegate to their inner native elements.
-        const hasSetFocus = typeof hostToFocus.setFocus === 'function';
-        if (innerFocusable && hasSetFocus) {
-            // Keep the host element so we can call setFocus() on it
-            elementToFocus = hostToFocus;
-        }
-        else {
-            elementToFocus = innerFocusable || hostToFocus;
-        }
+        elementToFocus = shadowRoot.querySelector(focusableQueryString) || hostToFocus;
     }
     if (elementToFocus) {
         const radioGroup = elementToFocus.closest('ion-radio-group');
@@ -104,115 +95,8 @@ const focusElementInContext = (hostToFocus, fallbackElement) => {
 let lastOverlayIndex = 0;
 let lastId = 0;
 const activeAnimations = new WeakMap();
-const OVERLAY_FOCUS_TRAP_SELECTOR = 'ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-picker-legacy,ion-popover';
 /**
- * The focus trap is generic and knows nothing about which components are
- * inside an overlay. Components mark their elements with these `data-*`
- * attributes, which the trap reads, to control how Tab moves through them.
- * This keeps private component class names (e.g. `.modal-handle`,
- * `.action-sheet-button`) out of the trap, so changing a component does
- *  not silently break Tab order.
- *
- * - `data-focus-ignore`: skip this element as a tab stop.
- * - `data-focus-order`: explicit numeric placement in the tab sequence.
- * - `data-roving-focus`: a container whose focusable descendants share a
- *   single tab stop via a roving tabindex.
- */
-const FOCUS_IGNORE_SELECTOR = '[data-focus-ignore]';
-const FOCUS_ORDER_SELECTOR = '[data-focus-order]';
-const ROVING_FOCUS_SELECTOR = '[data-roving-focus]';
-/**
- * Returns the roving-focus group an element belongs to, or `null`.
- * A member is a descendant of a `[data-roving-focus]` container. The
- * container itself is not a member. Members share a single tab stop.
- */
-const getRovingFocusGroup = (el) => {
-    const group = el.closest(ROVING_FOCUS_SELECTOR);
-    return group !== null && group !== el ? group : null;
-};
-/**
- * Whether an element participates in a roving-focus group.
- */
-const isRovingFocusItem = (el) => getRovingFocusGroup(el) !== null;
-/**
- * Returns the currently focused element for keyboard focus checks.
- *
- * Starts from `document.activeElement` (non-shadow / light DOM focus).
- * If focus is inside one or more open shadow roots
- * (e.g. native control inside `ion-radio`), walks through nested
- * `shadowRoot.activeElement` values until the innermost focused node is reached.
- */
-const getActiveElement = (ownerDoc) => {
-    var _a;
-    let active = ownerDoc.activeElement;
-    if (!active) {
-        return null;
-    }
-    while ((_a = active.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement) {
-        active = active.shadowRoot.activeElement;
-    }
-    return active;
-};
-/**
- * Walks from a focused node (possibly deep inside shadow roots) up to
- * the nearest roving-focus host (e.g. `ion-radio` inside an
- * `ion-radio-group`, or an action sheet `<button role="radio">`).
- */
-const getRovingFocusHost = (active) => {
-    let n = active;
-    while (n) {
-        if (isRovingFocusItem(n)) {
-            return n;
-        }
-        const root = n.getRootNode();
-        if (root instanceof ShadowRoot && root.host instanceof HTMLElement) {
-            n = root.host;
-        }
-        else {
-            return null;
-        }
-    }
-    return null;
-};
-/**
- * Reorders focusables for components that declare an explicit tab order
- * via `data-focus-order`. Elements without the attribute keep their
- * visual order and are visited first. Elements with it are appended
- * afterwards, sorted by ascending numeric value.
- *
- * Example (sheet modal): the options have no order and are visited
- * first in visual order, then the drag handle (`data-focus-order="1"`),
- * then the header Cancel button (`data-focus-order="2"`).
- */
-const applyFocusOrder = (elements) => {
-    const sortByVisualPosition = (els) => [...els].sort((a, b) => {
-        const ra = a.getBoundingClientRect();
-        const rb = b.getBoundingClientRect();
-        const topDiff = ra.top - rb.top;
-        if (Math.abs(topDiff) > 1) {
-            return topDiff;
-        }
-        return ra.left - rb.left;
-    });
-    const unordered = elements.filter((el) => !el.matches(FOCUS_ORDER_SELECTOR));
-    const ordered = elements
-        .filter((el) => el.matches(FOCUS_ORDER_SELECTOR))
-        .sort((a, b) => Number(a.getAttribute('data-focus-order')) - Number(b.getAttribute('data-focus-order')));
-    return [...sortByVisualPosition(unordered), ...ordered];
-};
-/**
- * Roving-focus members use a tabindex pattern where only one member is
- * tabbable (`tabIndex="0"`) while the others are not (`tabIndex="-1"`).
- * This returns the index of the current tabbable member.
- */
-const getTabbableRovingFocusIndex = (elements, overlay) => {
-    return elements.findIndex((el) => {
-        return overlay.contains(el) && isRovingFocusItem(el) && el.tabIndex >= 0;
-    });
-};
-/**
- * Determines if the overlay's backdrop is always blocking
- * (no background interaction).
+ * Determines if the overlay's backdrop is always blocking (no background interaction).
  * Returns false if showBackdrop=false or backdropBreakpoint > 0.
  */
 const isBackdropAlwaysBlocking = (el) => {
@@ -333,7 +217,7 @@ const focusElementInOverlay = (hostToFocus, overlay) => {
  * Should NOT include: Toast
  */
 const trapKeyboardFocus = (ev, doc) => {
-    const lastOverlay = getPresentedOverlay(doc, OVERLAY_FOCUS_TRAP_SELECTOR);
+    const lastOverlay = getPresentedOverlay(doc, 'ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-picker-legacy,ion-popover');
     const target = ev.target;
     /**
      * If no active overlay, ignore this event.
@@ -516,181 +400,11 @@ const connectListeners = (doc) => {
         doc.addEventListener('focus', (ev) => {
             trapKeyboardFocus(ev, doc);
         }, true);
-        /**
-         * Remember which roving-focus member last received focus
-         * (arrows, click, or Tab). A roving group keeps `tabIndex=0` on a
-         * single member (e.g. the checked/first radio), so the Tab trap
-         * uses this when wrapping back into the group or focusing its slot.
-         */
-        doc.addEventListener('focusin', (ev) => {
-            const lastOverlay = getPresentedOverlay(doc, OVERLAY_FOCUS_TRAP_SELECTOR);
-            if (!lastOverlay || lastOverlay.classList.contains(FOCUS_TRAP_DISABLE_CLASS)) {
-                return;
-            }
-            const target = ev.target;
-            if (!(target instanceof HTMLElement)) {
-                return;
-            }
-            const rovingHost = getRovingFocusHost(target);
-            if (rovingHost && lastOverlay.contains(rovingHost)) {
-                lastOverlay.trapLastRovingFocus = rovingHost;
-            }
-        }, true);
-        // Listen for keydown events to intercept Tab navigation.
-        // This is needed for Safari and Firefox which may skip focusable
-        // elements or allow focus to escape the overlay.
-        // It also ensures proper focus delegation for shadow DOM elements
-        // like ion-textarea.
-        doc.addEventListener('keydown', (ev) => {
-            var _a, _b, _c;
-            if (ev.key !== 'Tab' && ev.key !== 'Alt+Tab')
-                return;
-            const lastOverlay = getPresentedOverlay(doc, OVERLAY_FOCUS_TRAP_SELECTOR);
-            if (!lastOverlay || lastOverlay.classList.contains(FOCUS_TRAP_DISABLE_CLASS))
-                return;
-            const activeElement = getActiveElement(doc);
-            if (activeElement === lastOverlay) {
-                ev.preventDefault();
-                focusFirstDescendant(lastOverlay);
-                return;
-            }
-            // Check if activeElement is inside the overlay (including shadow DOM)
-            const isInsideOverlay = activeElement
-                ? lastOverlay.contains(activeElement) ||
-                    (activeElement.getRootNode() instanceof ShadowRoot &&
-                        lastOverlay.contains(activeElement.getRootNode().host)) ||
-                    ((_b = (_a = lastOverlay.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(activeElement)) !== null && _b !== void 0 ? _b : false)
-                : false;
-            if (!isInsideOverlay)
-                return;
-            // Get all focusable elements from both light and shadow DOM
-            let allFocusable = [
-                ...lastOverlay.querySelectorAll(focusableQueryString),
-                ...(((_c = lastOverlay.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelectorAll(focusableQueryString)) || []),
-            ];
-            /**
-             * Some elements match `focusableQueryString` but are not
-             * intended tab stops (e.g. the `ion-item` wrappers a select
-             * modal renders around its options). Components opt these out
-             * with `data-focus-ignore` so Tab can move between the real
-             * controls.
-             */
-            allFocusable = allFocusable.filter((el) => !el.matches(FOCUS_IGNORE_SELECTOR));
-            /**
-             * A roving-focus group is a single tab stop: only its currently
-             * tabbable member (`tabIndex >= 0`) participates. Other
-             * focusables inside the group are not independent tab stops —
-             * this includes inactive members and focusable wrappers such as
-             * the `ion-item` that carries `ion-focusable` on behalf of a
-             * radio. Drop them so Tab moves between the group and the
-             * surrounding controls (e.g. the handle), not into the wrappers.
-             */
-            allFocusable = allFocusable.filter((el) => !isRovingFocusItem(el) || el.tabIndex >= 0);
-            /**
-             * When a component declares an explicit tab order via
-             * `data-focus-order` (e.g. a sheet modal's handle and Cancel
-             * button), reorder accordingly. Overlays that declare no order
-             * keep their DOM order.
-             */
-            if (allFocusable.some((el) => el.matches(FOCUS_ORDER_SELECTOR))) {
-                allFocusable = applyFocusOrder(allFocusable);
-            }
-            if (allFocusable.length === 0) {
-                ev.preventDefault();
-                return;
-            }
-            // Find current element's index (accounting for shadow DOM)
-            let currentIndex = activeElement
-                ? allFocusable.findIndex((el) => {
-                    var _a;
-                    if (el === activeElement)
-                        return true;
-                    if ((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(activeElement))
-                        return true;
-                    const rootNode = activeElement.getRootNode();
-                    return rootNode instanceof ShadowRoot && rootNode.host === el;
-                })
-                : -1;
-            /**
-             * A roving-focus group keeps `tabIndex=0` on a single member
-             * while the others are `-1`. Arrow keys can move focus onto a
-             * `tabIndex=-1` member, which `focusableQueryString` excludes,
-             * so `findIndex` yields -1 and Tab would wrap to
-             * `allFocusable[0]`. Treat focus on any group member as the
-             * group's tabbable slot so Tab goes to the next control (e.g.
-             * handle → Cancel), not back to the first member.
-             */
-            if (currentIndex < 0 && activeElement) {
-                const rovingHost = getRovingFocusHost(activeElement);
-                if (rovingHost && lastOverlay.contains(rovingHost)) {
-                    const directIndex = allFocusable.indexOf(rovingHost);
-                    if (directIndex >= 0) {
-                        currentIndex = directIndex;
-                    }
-                    else {
-                        const tabbableIndex = getTabbableRovingFocusIndex(allFocusable, lastOverlay);
-                        if (tabbableIndex >= 0) {
-                            currentIndex = tabbableIndex;
-                        }
-                    }
-                }
-            }
-            ev.preventDefault();
-            // Helper to focus an element, handling shadow DOM properly
-            const focusElement = (element) => {
-                const shadowRoot = element.shadowRoot;
-                if (shadowRoot) {
-                    const innerFocusable = shadowRoot.querySelector(focusableQueryString);
-                    if (innerFocusable && typeof element.setFocus !== 'function') {
-                        helpers.focusVisibleElement(innerFocusable);
-                        return;
-                    }
-                }
-                helpers.focusVisibleElement(element);
-            };
-            let nextIndex;
-            if (ev.shiftKey) {
-                // Shift+Tab: previous element, wrap to last if at first
-                if (currentIndex <= 0) {
-                    nextIndex = allFocusable.length - 1;
-                }
-                else {
-                    nextIndex = currentIndex - 1;
-                }
-            }
-            else {
-                // Tab: next element, wrap to first if at last
-                if (currentIndex < 0 || currentIndex >= allFocusable.length - 1) {
-                    nextIndex = 0;
-                }
-                else {
-                    nextIndex = currentIndex + 1;
-                }
-            }
-            const nextEl = allFocusable[nextIndex];
-            const overlayTrap = lastOverlay;
-            const tabbableRovingIndex = getTabbableRovingFocusIndex(allFocusable, lastOverlay);
-            /**
-             * The trap list only includes one tabbable member of a roving
-             * group (`tabIndex >= 0`), usually the checked/first radio.
-             * `focusin` tracks the real last-focused member. Use it whenever
-             * Tab would focus that slot (wrap from Cancel, Shift+Tab from
-             * handle, etc.).
-             */
-            let focusTarget = nextEl;
-            if (tabbableRovingIndex >= 0 && nextIndex === tabbableRovingIndex) {
-                const saved = overlayTrap.trapLastRovingFocus;
-                if ((saved === null || saved === void 0 ? void 0 : saved.isConnected) && lastOverlay.contains(saved) && saved !== nextEl) {
-                    focusTarget = saved;
-                }
-            }
-            focusElement(focusTarget);
-        }, true);
         // handle back-button click
         doc.addEventListener('ionBackButton', (ev) => {
             const lastOverlay = getPresentedOverlay(doc);
             if (lastOverlay === null || lastOverlay === void 0 ? void 0 : lastOverlay.backdropDismiss) {
-                ev.detail.register(ionicGlobal.OVERLAY_BACK_BUTTON_PRIORITY, () => {
+                ev.detail.register(hardwareBackButton.OVERLAY_BACK_BUTTON_PRIORITY, () => {
                     /**
                      * Do not return this promise otherwise
                      * the hardware back button utility will
@@ -713,7 +427,7 @@ const connectListeners = (doc) => {
          * this behavior will be handled via the ionBackButton
          * event.
          */
-        if (!ionicGlobal.shouldUseCloseWatcher()) {
+        if (!hardwareBackButton.shouldUseCloseWatcher()) {
             doc.addEventListener('keydown', (ev) => {
                 if (ev.key === 'Escape') {
                     const lastOverlay = getPresentedOverlay(doc);
@@ -799,7 +513,7 @@ const setRootAriaHidden = (hidden = false) => {
         viewContainer.removeAttribute('aria-hidden');
     }
 };
-const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, ionicEnterAnimation, opts) => {
+const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts) => {
     var _a, _b;
     if (overlay.presented) {
         return;
@@ -847,15 +561,11 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, ionic
         document.body.classList.add(gestureController.BACKDROP_NO_SCROLL);
     }
     (_a = overlay.willPresentShorthand) === null || _a === void 0 ? void 0 : _a.emit();
-    const theme = ionicGlobal.getIonTheme(overlay);
     const mode = ionicGlobal.getIonMode(overlay);
-    const selectedAnimation = mode === 'ios'
-        ? iosEnterAnimation
-        : theme === 'ionic' && ionicEnterAnimation
-            ? ionicEnterAnimation
-            : mdEnterAnimation;
     // get the user's animation fn if one was provided
-    const animationBuilder = overlay.enterAnimation ? overlay.enterAnimation : index.config.get(name, selectedAnimation);
+    const animationBuilder = overlay.enterAnimation
+        ? overlay.enterAnimation
+        : index.config.get(name, mode === 'ios' ? iosEnterAnimation : mdEnterAnimation);
     const completed = await overlayAnimation(overlay, animationBuilder, overlay.el, opts);
     if (completed) {
         overlay.didPresent.emit();
@@ -964,7 +674,7 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
     if (!overlay.presented) {
         return false;
     }
-    const presentedOverlays = ionicGlobal.doc !== undefined ? getPresentedOverlays(ionicGlobal.doc) : [];
+    const presentedOverlays = index$1.doc !== undefined ? getPresentedOverlays(index$1.doc) : [];
     /**
      * For accessibility, toasts lack focus traps and don't receive
      * `aria-hidden` on the root element when presented.
@@ -1033,8 +743,7 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
     return true;
 };
 const getAppRoot = (doc) => {
-    const appRootSelector = index.config.get('appRootSelector', 'ion-app');
-    return doc.querySelector(appRootSelector) || doc.body;
+    return doc.querySelector('ion-app') || doc.body;
 };
 const overlayAnimation = async (overlay, animationBuilder, baseEl, opts) => {
     // Make overlay visible in case it's hidden

package/dist/cjs/{status-tap-x2qDo5QR.js → status-tap-BXX8H8_Y.js}

@@ -3,10 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-GZU9YrFc.js');
-var index$1 = require('./index-BxEZd5IE.js');
-var helpers = require('./helpers-DiOgV5hw.js');
-require('./focus-visible-BIj-I3-C.js');
+var index = require('./index-Ct7gcRif.js');
+var index$1 = require('./index-CIrkNXqJ.js');
+var helpers = require('./helpers-Cv23MFHM.js');
 
 const startStatusTap = () => {
     const win = window;

package/dist/cjs/{swipe-back-CvZt_4YX.js → swipe-back-C0GCB18x.js}

@@ -3,11 +3,10 @@
  */
 'use strict';
 
-var helpers = require('./helpers-DiOgV5hw.js');
+var helpers = require('./helpers-Cv23MFHM.js');
 var dir = require('./dir-Cn0z1rJH.js');
 var index = require('./index-CAvQ7Tka.js');
-require('./focus-visible-BIj-I3-C.js');
-require('./index-GZU9YrFc.js');
+require('./index-Ct7gcRif.js');
 require('./gesture-controller-dtqlP_q4.js');
 
 const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandler, onEndHandler) => {

package/dist/cjs/{theme-IlOsGAz7.js → theme-CeDs6Hcv.js}

@@ -3,32 +3,8 @@
  */
 'use strict';
 
-/**
- * Checks if an element has a parent matching the specified selector.
- * This handles an element in both light DOM and shadow DOM contexts.
- * @param selector The parent selector to check for (e.g., 'ion-datetime'
- * or 'ion-toolbar[color]').
- * @param el The element to check.
- * @returns `true` if the element has a parent matching the specified selector,
- * `false` otherwise.
- */
 const hostContext = (selector, el) => {
-    // Check the light DOM first
-    if (el.closest(selector) !== null) {
-        return true;
-    }
-    // For attribute or class selectors (e.g., 'ion-toolbar[color]' or
-    // 'ion-toolbar.ion-color') we can only check light DOM since tagName
-    // doesn't include attributes or classes.
-    if (selector.includes('[') || selector.includes('.')) {
-        return false;
-    }
-    // Check the shadow DOM by looking at the shadow root host and
-    // converting the selector to uppercase to compare with tagName
-    const upperCaseTagName = selector.toUpperCase();
-    const rootNode = el.getRootNode();
-    const shadowHost = rootNode instanceof ShadowRoot ? rootNode.host : null;
-    return (shadowHost === null || shadowHost === void 0 ? void 0 : shadowHost.tagName) === upperCaseTagName;
+    return el.closest(selector) !== null;
 };
 /**
  * Create the mode and color classes for the component based on the classes passed in

package/dist/cjs/validity-BpS37YFM.js

@@ -0,0 +1,19 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+'use strict';
+
+/**
+ * Checks if the form element is in an invalid state based on
+ * Ionic validation classes.
+ *
+ * @param el The form element to check.
+ * @returns `true` if the element is invalid, `false` otherwise.
+ */
+const checkInvalidState = (el) => {
+    const hasIonTouched = el.classList.contains('ion-touched');
+    const hasIonInvalid = el.classList.contains('ion-invalid');
+    return hasIonTouched && hasIonInvalid;
+};
+
+exports.checkInvalidState = checkInvalidState;

package/dist/collection/collection-manifest.json

@@ -27,13 +27,10 @@
     "components/picker-column/picker-column.js",
     "components/picker/picker.js",
     "components/datetime-button/datetime-button.js",
-    "components/divider/divider.js",
     "components/fab/fab.js",
     "components/fab-button/fab-button.js",
     "components/fab-list/fab-list.js",
     "components/footer/footer.js",
-    "components/gallery/gallery.js",
-    "components/gallery-item/gallery-item.js",
     "components/grid/grid.js",
     "components/header/header.js",
     "components/img/img.js",
@@ -83,8 +80,8 @@
     "components/segment-content/segment-content.js",
     "components/segment-view/segment-view.js",
     "components/select/select.js",
-    "components/select-option/select-option.js",
     "components/select-modal/select-modal.js",
+    "components/select-option/select-option.js",
     "components/select-popover/select-popover.js",
     "components/skeleton-text/skeleton-text.js",
     "components/spinner/spinner.js",
@@ -146,11 +143,6 @@
         "ion-chip"
       ]
     },
-    {
-      "components": [
-        "ion-gallery"
-      ]
-    },
     {
       "components": [
         "ion-input"

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

@@ -1,70 +1,3 @@
-:host {
-  display: block;
-  position: relative;
-  width: 100%;
-  overflow: hidden;
-  /**
-   * This is required to force WebKit
-   * to create a new stacking context
-   * otherwise the border radius is
-   * temporarily lost when hovering over
-   * the ion-item or expanding/collapsing
-   * the accordion.
-   */
-  z-index: 0;
-}
-
-:host(.accordion-expanding) ::slotted(ion-item[slot=header]),
-:host(.accordion-expanded) ::slotted(ion-item[slot=header]) {
-  --border-width: 0px;
-}
-
-#content {
-  overflow: hidden;
-  will-change: max-height;
-}
-
-:host(.accordion-collapsing) #content {
-  /* stylelint-disable-next-line declaration-no-important */
-  max-height: 0 !important;
-}
-
-:host(.accordion-collapsed) #content {
-  display: none;
-}
-
-:host(.accordion-expanding) #content {
-  max-height: 0;
-}
-
-/**
- * Prevent margins of content-wrapper
- * from collapsing, breaking the animation.
- */
-: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;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  :host,
-  #content {
-    /* stylelint-disable declaration-no-important */
-    transition: none !important;
-  }
-}
-/**
- * Convert a pixels given value into rem
- * 
- * @param pixels - Value in pixels to be converted (i.e. px)
- * @param context (optional) - Baseline value
- */
 /**
  * Convert a font size to a dynamic font size.
  * Fonts that participate in Dynamic Type should use
@@ -121,7 +54,25 @@
  * }
  */
 :host {
+  display: block;
+  position: relative;
+  width: 100%;
   background-color: var(--ion-background-color, #ffffff);
+  overflow: hidden;
+  /**
+   * This is required to force WebKit
+   * to create a new stacking context
+   * otherwise the border radius is
+   * temporarily lost when hovering over
+   * the ion-item or expanding/collapsing
+   * the accordion.
+   */
+  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) {
@@ -132,6 +83,39 @@
   transition: max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);
 }
 
+#content {
+  overflow: hidden;
+  will-change: max-height;
+}
+
+:host(.accordion-collapsing) #content {
+  /* stylelint-disable-next-line declaration-no-important */
+  max-height: 0 !important;
+}
+
+:host(.accordion-collapsed) #content {
+  display: none;
+}
+
+:host(.accordion-expanding) #content {
+  max-height: 0;
+}
+
+/**
+ * Prevent margins of content-wrapper
+ * from collapsing, breaking the animation.
+ */
+: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;
+}
+
 /**
  * We do not set the opacity on the
  * host otherwise you would see the
@@ -142,12 +126,13 @@
   opacity: 0.4;
 }
 
-/**
- * Convert a pixels given value into rem
- * 
- * @param pixels - Value in pixels to be converted (i.e. px)
- * @param context (optional) - Baseline value
- */
+@media (prefers-reduced-motion: reduce) {
+  :host,
+  #content {
+    /* stylelint-disable declaration-no-important */
+    transition: none !important;
+  }
+}
 /**
  * Convert a font size to a dynamic font size.
  * Fonts that participate in Dynamic Type should use