@ionic/core 8.8.20-dev.11787158518.168a2fea → 8.8.20-dev.11789504012.1a675914

package/dist/cjs/{framework-delegate-Dfo5XsGv.js → framework-delegate-IvkF1VuM.js}

@@ -3,17 +3,19 @@
  */
 'use strict';
 
-var helpers = require('./helpers-YPQybDph.js');
+var index = require('./index-C1knGA9x.js');
+var helpers = require('./helpers-Dhimwhpn.js');
 
 // TODO(FW-2832): types
 const attachComponent = async (delegate, container, component, cssClasses, componentProps, inline) => {
+    var _a;
     if (delegate) {
         return delegate.attachViewToDom(container, component, componentProps, cssClasses);
     }
     if (!inline && typeof component !== 'string' && !(component instanceof HTMLElement)) {
         throw new Error('framework delegate is missing');
     }
-    const el = typeof component === 'string' ? container.ownerDocument?.createElement(component) : component;
+    const el = typeof component === 'string' ? (_a = container.ownerDocument) === null || _a === void 0 ? void 0 : _a.createElement(component) : component;
     if (cssClasses) {
         cssClasses.forEach((c) => el.classList.add(c));
     }
@@ -38,6 +40,7 @@ const CoreDelegate = () => {
     let BaseComponent;
     let Reference;
     const attachViewToDom = async (parentElement, userComponent, userComponentProps = {}, cssClasses = []) => {
+        var _a, _b;
         BaseComponent = parentElement;
         let ChildComponent;
         /**
@@ -50,7 +53,7 @@ const CoreDelegate = () => {
              * the element otherwise just get a reference
              * to the component.
              */
-            const el = typeof userComponent === 'string' ? BaseComponent.ownerDocument?.createElement(userComponent) : userComponent;
+            const el = typeof userComponent === 'string' ? (_a = BaseComponent.ownerDocument) === null || _a === void 0 ? void 0 : _a.createElement(userComponent) : userComponent;
             /**
              * Add any css classes passed in
              * via the cssClasses prop on the overlay.
@@ -82,7 +85,7 @@ const CoreDelegate = () => {
                  * that the overlay has not been presented yet and we need
                  * to create the containing element with the specified classes.
                  */
-                const el = BaseComponent.ownerDocument?.createElement('div');
+                const el = (_b = BaseComponent.ownerDocument) === null || _b === void 0 ? void 0 : _b.createElement('div');
                 // Add a class to track if the root element was created by the delegate.
                 el.classList.add('ion-delegate-host');
                 cssClasses.forEach((c) => el.classList.add(c));
@@ -102,7 +105,8 @@ const CoreDelegate = () => {
          * Get the root of the app and
          * add the overlay there.
          */
-        const app = document.querySelector('ion-app') || document.body;
+        const appRootSelector = index.config.get('appRootSelector', 'ion-app');
+        const app = document.querySelector(appRootSelector) || document.body;
         /**
          * Create a placeholder comment so that
          * we can return this component to where
@@ -122,7 +126,7 @@ const CoreDelegate = () => {
          * in the event that a modal or popover is presented
          * with no child content.
          */
-        return ChildComponent ?? BaseComponent;
+        return ChildComponent !== null && ChildComponent !== void 0 ? ChildComponent : BaseComponent;
     };
     const removeViewFromDom = () => {
         /**

package/dist/cjs/{gesture-controller-BDUH7687.js → gesture-controller-dtqlP_q4.js}

@@ -4,16 +4,18 @@
 'use strict';
 
 class GestureController {
-    gestureId = 0;
-    requestedStart = new Map();
-    disabledGestures = new Map();
-    disabledScroll = new Set();
-    capturedId;
+    constructor() {
+        this.gestureId = 0;
+        this.requestedStart = new Map();
+        this.disabledGestures = new Map();
+        this.disabledScroll = new Set();
+    }
     /**
      * Creates a gesture delegate based on the GestureConfig passed
      */
     createGesture(config) {
-        return new GestureDelegate(this, this.newID(), config.name, config.priority ?? 0, !!config.disableScroll);
+        var _a;
+        return new GestureDelegate(this, this.newID(), config.name, (_a = config.priority) !== null && _a !== void 0 ? _a : 0, !!config.disableScroll);
     }
     /**
      * Creates a blocker that will block any other gesture events from firing. Set in the ion-gesture component.
@@ -109,11 +111,6 @@ class GestureController {
     }
 }
 class GestureDelegate {
-    id;
-    name;
-    disableScroll;
-    ctrl;
-    priority;
     constructor(ctrl, id, name, priority, disableScroll) {
         this.id = id;
         this.name = name;
@@ -157,10 +154,6 @@ class GestureDelegate {
     }
 }
 class BlockerDelegate {
-    id;
-    disable;
-    disableScroll;
-    ctrl;
     constructor(ctrl, id, disable, disableScroll) {
         this.id = id;
         this.disable = disable;

package/dist/cjs/{haptic-Ch-X4gRx.js → haptic-DG25gZzb.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var capacitor = require('./capacitor-DmA66EwP.js');
+var capacitor = require('./capacitor-CRl0exFC.js');
 
 exports.ImpactStyle = void 0;
 (function (ImpactStyle) {
@@ -50,7 +50,7 @@ var NotificationType;
 const HapticEngine = {
     getEngine() {
         const capacitor$1 = capacitor.getCapacitor();
-        if (capacitor$1?.isPluginAvailable('Haptics')) {
+        if (capacitor$1 === null || capacitor$1 === void 0 ? void 0 : capacitor$1.isPluginAvailable('Haptics')) {
             // Capacitor
             return capacitor$1.Plugins.Haptics;
         }
@@ -71,7 +71,8 @@ const HapticEngine = {
          * the Vibrate API. This check avoids that error
          * if the browser does not support the Vibrate API.
          */
-        if (capacitor$1?.getPlatform() === 'web') {
+        if ((capacitor$1 === null || capacitor$1 === void 0 ? void 0 : capacitor$1.getPlatform()) === 'web') {
+            // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
             return typeof navigator !== 'undefined' && navigator.vibrate !== undefined;
         }
         return true;

package/dist/cjs/{helpers-YPQybDph.js → helpers-Dhimwhpn.js}

@@ -3,8 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-uvry__L4.js');
-var dir = require('./dir-zwDPRE5K.js');
+var focusVisible = require('./focus-visible-BIj-I3-C.js');
+var index = require('./index-C1knGA9x.js');
+var dir = require('./dir-DD0jPVH3.js');
 
 const transitionEndAsync = (el, expectedDuration = 0) => {
     return new Promise((resolve) => {
@@ -204,6 +205,17 @@ const raf = (h) => {
 const hasShadowDom = (el) => {
     return !!el.shadowRoot && !!el.attachShadow;
 };
+/**
+ * Focuses a given element while ensuring proper focus management
+ * within the Ionic framework. If the element is marked as `ion-focusable`,
+ * this function will delegate focus handling to `ion-app` or manually
+ * apply focus when a custom app root is used.
+ *
+ * This function helps maintain accessibility and expected focus behavior
+ * in both standard and custom root environments.
+ *
+ * @param el - The element to focus.
+ */
 const focusVisibleElement = (el) => {
     el.focus();
     /**
@@ -213,14 +225,68 @@ const focusVisibleElement = (el) => {
      * however, there are times when we need to manually control
      * this behavior so we call the `setFocus` method on ion-app
      * which will let us explicitly set the elements to focus.
+     *
+     * Note: The element passed to this function might be an inner
+     * focusable element (e.g., a native <button> inside ion-button's
+     * shadow root). If so, we need to find the host element that has
+     * the ion-focusable class to pass to setFocus.
      */
-    if (el.classList.contains('ion-focusable')) {
-        const app = el.closest('ion-app');
+    let elToFocus = el;
+    // If the element doesn't have ion-focusable, check if it's inside
+    // a shadow root and use the host element instead
+    if (!el.classList.contains('ion-focusable')) {
+        const rootNode = el.getRootNode();
+        if (rootNode instanceof ShadowRoot && rootNode.host instanceof HTMLElement) {
+            elToFocus = rootNode.host;
+        }
+    }
+    if (elToFocus.classList.contains('ion-focusable')) {
+        const appRootSelector = index.config.get('appRootSelector', 'ion-app');
+        const app = elToFocus.closest(appRootSelector);
         if (app) {
-            app.setFocus([el]);
+            if (appRootSelector === 'ion-app') {
+                /**
+                 * If the app root is the default, then it will be
+                 * in charge of setting focus. This is because the
+                 * focus-visible utility is attached to the app root
+                 * and will handle setting focus on the correct element.
+                 */
+                app.setFocus([elToFocus]);
+            }
+            else {
+                /**
+                 * When using a custom app root selector, the focus-visible
+                 * utility is not available to manage focus automatically.
+                 * If we set focus immediately, the element may not be fully
+                 * rendered or interactive, especially if it was just added
+                 * to the DOM. Using requestAnimationFrame ensures that focus
+                 * is applied on the next frame, allowing the DOM to settle
+                 * before changing focus.
+                 */
+                requestAnimationFrame(() => {
+                    /**
+                     * The focus-visible utility is used to set focus on an
+                     * element that uses `ion-focusable`.
+                     */
+                    focusVisible.focusElements([elToFocus]);
+                });
+            }
         }
     }
 };
+/**
+ * Clears the keyboard focus ring (`ion-focused`) that the focus-visible
+ * utility may have applied to elements during a programmatic focus.
+ *
+ * Use this after moving DOM focus to an element for assistive technologies
+ * (e.g. when an overlay opens) where the option should be focused so screen
+ * readers announce it, but the focus ring should not be shown until the user
+ * navigates with the keyboard (Tab/Arrow). The focus-visible utility will add
+ * `ion-focused` again on the next keyboard-driven focus change.
+ */
+const suppressFocusVisible = () => {
+    focusVisible.focusElements([]);
+};
 /**
  * This method is used to add a hidden input to a host element that contains
  * a Shadow DOM. It does not add the input inside of the Shadow root which
@@ -316,8 +382,8 @@ const debounce = (func, wait = 0) => {
  * @returns whether the keys are the same and the values are shallow equal.
  */
 const shallowEqualStringMap = (map1, map2) => {
-    map1 ??= {};
-    map2 ??= {};
+    map1 !== null && map1 !== void 0 ? map1 : (map1 = {});
+    map2 !== null && map2 !== void 0 ? map2 : (map2 = {});
     if (map1 === map2) {
         return true;
     }
@@ -361,4 +427,5 @@ exports.raf = raf;
 exports.removeEventListener = removeEventListener;
 exports.renderHiddenInput = renderHiddenInput;
 exports.shallowEqualStringMap = shallowEqualStringMap;
+exports.suppressFocusVisible = suppressFocusVisible;
 exports.transitionEndAsync = transitionEndAsync;

package/dist/cjs/{index-DwlRtFZe.js → index-BJ2-LydH.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var gestureController = require('./gesture-controller-BDUH7687.js');
+var gestureController = require('./gesture-controller-dtqlP_q4.js');
 
 const addEventListener = (el, // TODO(FW-2832): type
 eventName, callback, opts) => {
@@ -202,13 +202,7 @@ const createGesture = (config) => {
     let hasStartedPan = false;
     let hasFiredStart = true;
     let isMoveQueued = false;
-    const finalConfig = {
-        direction: 'x',
-        passive: true,
-        maxAngle: 40,
-        threshold: 10,
-        ...config,
-    };
+    const finalConfig = Object.assign({ disableScroll: false, direction: 'x', gesturePriority: 0, passive: true, maxAngle: 40, threshold: 10 }, config);
     const canStart = finalConfig.canStart;
     const onWillStart = finalConfig.onWillStart;
     const onStart = finalConfig.onStart;
@@ -323,7 +317,7 @@ const createGesture = (config) => {
     const blurActiveElement = () => {
         if (typeof document !== 'undefined') {
             const activeElement = document.activeElement;
-            if (activeElement?.blur) {
+            if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.blur) {
                 activeElement.blur();
             }
         }

package/dist/cjs/{index-zVCah4Uz.js → index-Bsq0SbXc.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var helpers = require('./helpers-YPQybDph.js');
-var index = require('./index-uvry__L4.js');
+var helpers = require('./helpers-Dhimwhpn.js');
+var index = require('./index-C1knGA9x.js');
 
 const ION_CONTENT_TAG_NAME = 'ION-CONTENT';
 const ION_CONTENT_ELEMENT_SELECTOR = 'ion-content';

package/dist/cjs/{index-uvry__L4.js → index-C1knGA9x.js}

@@ -26,7 +26,9 @@ const BUILD = /* ionic */ { hotModuleReplacement: false, hydratedSelectorName: "
 
 // TODO(FW-2832): types
 class Config {
-    m = new Map();
+    constructor() {
+        this.m = new Map();
+    }
     reset(configObj) {
         this.m = new Map(Object.entries(configObj));
     }
@@ -58,7 +60,7 @@ const configFromSession = (win) => {
         const configStr = win.sessionStorage.getItem(IONIC_SESSION_KEY);
         return configStr !== null ? JSON.parse(configStr) : {};
     }
-    catch {
+    catch (e) {
         return {};
     }
 };
@@ -66,7 +68,7 @@ const saveConfig = (win, c) => {
     try {
         win.sessionStorage.setItem(IONIC_SESSION_KEY, JSON.stringify(c));
     }
-    catch {
+    catch (e) {
         return;
     }
 };
@@ -80,7 +82,7 @@ const configFromURL = (win) => {
         try {
             return [decodeURIComponent(key), decodeURIComponent(value)];
         }
-        catch {
+        catch (e) {
             return ['', ''];
         }
     })
@@ -102,28 +104,7 @@ exports.LogLevel = void 0;
     LogLevel["OFF"] = "OFF";
     LogLevel["ERROR"] = "ERROR";
     LogLevel["WARN"] = "WARN";
-    LogLevel["DEBUG"] = "DEBUG";
 })(exports.LogLevel || (exports.LogLevel = {}));
-/**
- * Ranks each level so an enabled check is a numeric comparison. A configured
- * level logs anything whose rank is less than or equal to its own: `OFF` (0)
- * logs nothing, `ERROR` (1) logs errors, `WARN` (2) logs errors and warnings,
- * `DEBUG` (3) logs all of the above plus internal diagnostics.
- */
-const LOG_LEVEL_RANK = {
-    [exports.LogLevel.OFF]: 0,
-    [exports.LogLevel.ERROR]: 1,
-    [exports.LogLevel.WARN]: 2,
-    [exports.LogLevel.DEBUG]: 3,
-};
-/**
- * Whether the configured level is verbose enough to log `minimum`. Levels set
- * through a query parameter arrive as raw strings, hence the uppercasing.
- */
-const isLogLevelEnabled = (minimum) => {
-    const configured = String(config.get('logLevel', exports.LogLevel.WARN)).toUpperCase();
-    return LOG_LEVEL_RANK[configured] >= LOG_LEVEL_RANK[minimum];
-};
 /**
  * Logs a warning to the console with an Ionic prefix
  * to indicate the library that is warning the developer.
@@ -131,7 +112,8 @@ const isLogLevelEnabled = (minimum) => {
  * @param message - The string message to be logged to the console.
  */
 const printIonWarning = (message, ...params) => {
-    if (isLogLevelEnabled(exports.LogLevel.WARN)) {
+    const logLevel = config.get('logLevel', exports.LogLevel.WARN);
+    if ([exports.LogLevel.WARN].includes(logLevel)) {
         return console.warn(`[Ionic Warning]: ${message}`, ...params);
     }
 };
@@ -143,7 +125,8 @@ const printIonWarning = (message, ...params) => {
  * @param params - Additional arguments to supply to the console.error.
  */
 const printIonError = (message, ...params) => {
-    if (isLogLevelEnabled(exports.LogLevel.ERROR)) {
+    const logLevel = config.get('logLevel', exports.LogLevel.ERROR);
+    if ([exports.LogLevel.ERROR, exports.LogLevel.WARN].includes(logLevel)) {
         return console.error(`[Ionic Error]: ${message}`, ...params);
     }
 };
@@ -319,10 +302,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ion-chip.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'ion-datetime.cjs':
+                case 'ion-gallery.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './ion-datetime.cjs.entry.js')); }).then(processMod, consoleError);
+                        './ion-gallery.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ion-input.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -431,6 +414,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ion-avatar_3.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'ion-datetime_3.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './ion-datetime_3.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ion-fab_3.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -471,6 +458,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ion-datetime-button.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'ion-divider.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './ion-divider.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'ion-gallery-item.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './ion-gallery-item.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ion-input-otp.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -540,6 +535,12 @@ var HYDRATE_CHILD_ID = "c-id";
 var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 var XLINK_NS = "http://www.w3.org/1999/xlink";
+var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
+  "formAssociatedCallback",
+  "formResetCallback",
+  "formDisabledCallback",
+  "formStateRestoreCallback"
+];
 var win = typeof window !== "undefined" ? window : {};
 var H = win.HTMLElement || class {
 };
@@ -2033,7 +2034,9 @@ var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   }
   if (propValue != null && !isComplexType(propValue)) {
     if (propType & 4 /* Boolean */) {
-      {
+      if (isFormAssociated && typeof propValue === "string") {
+        return propValue === "" || !!propValue;
+      } else {
         return propValue === "false" ? false : propValue === "" || !!propValue;
       }
     }
@@ -3061,7 +3064,9 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   const instance = hostRef.$lazyInstance$ ;
   newVal = parsePropertyValue(
     newVal,
-    cmpMeta.$members$[propName][0]);
+    cmpMeta.$members$[propName][0],
+    !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+  );
   const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
   const didValueChange = newVal !== oldVal && !areBothNaN;
   if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
@@ -3105,6 +3110,26 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
+  if (cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
+    FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach((cbName) => {
+      Object.defineProperty(prototype, cbName, {
+        value(...args) {
+          var _a2;
+          const hostRef = getHostRef(this);
+          const instance = hostRef == null ? void 0 : hostRef.$lazyInstance$ ;
+          if (!instance) {
+            (_a2 = hostRef == null ? void 0 : hostRef.$onReadyPromise$) == null ? void 0 : _a2.then((asyncInstance) => {
+              const cb = asyncInstance[cbName];
+              typeof cb === "function" && cb.call(asyncInstance, ...args);
+            });
+          } else {
+            const cb = instance[cbName] ;
+            typeof cb === "function" && cb.call(instance, ...args);
+          }
+        }
+      });
+    });
+  }
   if (cmpMeta.$members$ || BUILD.propChangeCallback) {
     {
       if (Cstr.watchers && !cmpMeta.$watchers$) {
@@ -3154,7 +3179,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               origSetter.apply(this, [
                 parsePropertyValue(
                   newValue,
-                  memberFlags)
+                  memberFlags,
+                  !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+                )
               ]);
               newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               setValue(this, memberName, newValue, cmpMeta);
@@ -3179,7 +3206,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
                 }
                 ref.$lazyInstance$[memberName] = parsePropertyValue(
                   newValue,
-                  memberFlags);
+                  memberFlags,
+                  !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+                );
                 setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
               };
               if (ref.$lazyInstance$) {
@@ -3586,6 +3615,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       } else {
         patchCloneNode(HostElement.prototype);
       }
+      if (cmpMeta.$flags$ & 64 /* formAssociated */) {
+        HostElement.formAssociated = true;
+      }
       cmpMeta.$lazyBundleId$ = lazyBundle[0];
       if (!exclude.includes(tagName) && !customElements2.get(tagName)) {
         cmpTags.push(tagName);

package/dist/cjs/{index-wOmugbdg.js → index-CxDnX7hd.js}

@@ -18,6 +18,7 @@ const chevronForward = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/20
 const chevronForwardOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='m184 112 144 144-144 144' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px' class='ionicon-fill-none'/></svg>";
 const close = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34Z'/></svg>";
 const closeCircle = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48m75.31 260.69a16 16 0 1 1-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 0 1-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0 1 22.62-22.62L256 233.37l52.69-52.68a16 16 0 0 1 22.62 22.62L278.63 256Z'/></svg>";
+const closeOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M368 368 144 144M368 144 144 368' stroke-linecap='round' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
 const closeSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M400 145.49 366.51 112 256 222.51 145.49 112 112 145.49 222.51 256 112 366.51 145.49 400 256 289.49 366.51 400 400 366.51 289.49 256z'/></svg>";
 const ellipseOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><circle cx='256' cy='256' r='192' stroke-linecap='round' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
 const ellipsisHorizontal = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><circle cx='256' cy='256' r='48'/><circle cx='416' cy='256' r='48'/><circle cx='96' cy='256' r='48'/></svg>";
@@ -44,6 +45,7 @@ exports.chevronForward = chevronForward;
 exports.chevronForwardOutline = chevronForwardOutline;
 exports.close = close;
 exports.closeCircle = closeCircle;
+exports.closeOutline = closeOutline;
 exports.closeSharp = closeSharp;
 exports.ellipseOutline = ellipseOutline;
 exports.ellipsisHorizontal = ellipsisHorizontal;

package/dist/cjs/{index-DXsPSne6.js → index-DhDV4RxJ.js}

@@ -3,12 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-DkNv4J_i.js');
-var hardwareBackButton = require('./hardware-back-button-fqpYh-kd.js');
-var index$1 = require('./index-uvry__L4.js');
-var helpers = require('./helpers-YPQybDph.js');
-var ionicGlobal = require('./ionic-global-k6hOWWpn.js');
-var animation = require('./animation-C0mOHzej.js');
+var ionicGlobal = require('./ionic-global-DYLhJaw7.js');
+var index = require('./index-C1knGA9x.js');
+var helpers = require('./helpers-Dhimwhpn.js');
+var animation = require('./animation-CxRPIayb.js');
 
 /**
  * baseAnimation
@@ -50,10 +48,10 @@ const menuOverlayAnimation = (menu) => {
     }
     menuAnimation.addElement(menu.menuInnerEl).fromTo('transform', `translateX(${closedX})`, `translateX(${openedX})`);
     const mode = ionicGlobal.getIonMode(menu);
-    const isIos = mode === 'ios';
-    const opacity = isIos ? 0.2 : 0.25;
+    const isIOS = mode === 'ios';
+    const opacity = isIOS ? 0.2 : 0.25;
     backdropAnimation.addElement(menu.backdropEl).fromTo('opacity', 0.01, opacity);
-    return baseAnimation(isIos).addAnimation([menuAnimation, backdropAnimation]);
+    return baseAnimation(isIOS).addAnimation([menuAnimation, backdropAnimation]);
 };
 
 /**
@@ -66,6 +64,7 @@ const menuPushAnimation = (menu) => {
     let menuClosedX;
     const mode = ionicGlobal.getIonMode(menu);
     const width = menu.width;
+    const isIOS = mode === 'ios';
     if (menu.isEndSide) {
         contentOpenedX = -width + 'px';
         menuClosedX = width + 'px';
@@ -81,7 +80,7 @@ const menuPushAnimation = (menu) => {
         .addElement(menu.contentEl)
         .fromTo('transform', 'translateX(0px)', `translateX(${contentOpenedX})`);
     const backdropAnimation = animation.createAnimation().addElement(menu.backdropEl).fromTo('opacity', 0.01, 0.32);
-    return baseAnimation(mode === 'ios').addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
+    return baseAnimation(isIOS).addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
 };
 
 /**
@@ -91,11 +90,12 @@ const menuPushAnimation = (menu) => {
  */
 const menuRevealAnimation = (menu) => {
     const mode = ionicGlobal.getIonMode(menu);
+    const isIOS = mode === 'ios';
     const openedX = menu.width * (menu.isEndSide ? -1 : 1) + 'px';
     const contentOpen = animation.createAnimation()
         .addElement(menu.contentEl) // REVIEW
         .fromTo('transform', 'translateX(0px)', `translateX(${openedX})`);
-    return baseAnimation(mode === 'ios').addAnimation(contentOpen);
+    return baseAnimation(isIOS).addAnimation(contentOpen);
 };
 
 const createMenuController = () => {
@@ -139,6 +139,7 @@ const createMenuController = () => {
     const isOpen = async (menu) => {
         if (menu != null) {
             const menuEl = await get(menu);
+            // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
             return menuEl !== undefined && menuEl.isOpen();
         }
         else {
@@ -169,7 +170,7 @@ const createMenuController = () => {
             const menuRefs = menus.filter((m) => m.side === menu && !m.disabled);
             if (menuRefs.length >= 1) {
                 if (menuRefs.length > 1 && logOnMultipleSideMenus) {
-                    index$1.printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${menuRefs.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, menuRefs.map((m) => m.el));
+                    index.printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${menuRefs.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, menuRefs.map((m) => m.el));
                 }
                 return menuRefs[0].el;
             }
@@ -178,7 +179,7 @@ const createMenuController = () => {
             const sideMenuRefs = menus.filter((m) => m.side === menu);
             if (sideMenuRefs.length >= 1) {
                 if (sideMenuRefs.length > 1 && logOnMultipleSideMenus) {
-                    index$1.printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${sideMenuRefs.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, sideMenuRefs.map((m) => m.el));
+                    index.printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${sideMenuRefs.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, sideMenuRefs.map((m) => m.el));
                 }
                 return sideMenuRefs[0].el;
             }
@@ -274,10 +275,10 @@ const createMenuController = () => {
     registerAnimation('reveal', menuRevealAnimation);
     registerAnimation('push', menuPushAnimation);
     registerAnimation('overlay', menuOverlayAnimation);
-    index.doc?.addEventListener('ionBackButton', (ev) => {
+    ionicGlobal.doc === null || ionicGlobal.doc === void 0 ? void 0 : ionicGlobal.doc.addEventListener('ionBackButton', (ev) => {
         const openMenu = _getOpenSync();
         if (openMenu) {
-            ev.detail.register(hardwareBackButton.MENU_BACK_BUTTON_PRIORITY, () => {
+            ev.detail.register(ionicGlobal.MENU_BACK_BUTTON_PRIORITY, () => {
                 return openMenu.close();
             });
         }