@ionic/core 8.5.4 → 8.5.5-dev.11744290727.1ac111ca

package/components/animation.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win } from './index5.js';
+import { w as win } from './index6.js';
 
 let animationPrefix;
 const getAnimationPrefix = (el) => {

package/components/button.js

@@ -3,7 +3,7 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { h as hasShadowDom, i as inheritAriaAttributes } from './helpers.js';
-import { p as printIonWarning } from './index6.js';
+import { p as printIonWarning } from './index4.js';
 import { o as openURL, c as createColorClasses, h as hostContext } from './theme.js';
 import { b as getIonMode } from './ionic-global.js';
 import { d as defineCustomElement$1 } from './ripple-effect.js';

package/components/capacitor.js

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

package/components/data.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { p as printIonWarning } from './index6.js';
+import { p as printIonWarning } from './index4.js';
 
 /**
  * Returns true if the selected day is equal to the reference day

package/components/hardware-back-button.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win } from './index5.js';
+import { w as win } from './index6.js';
 import { c as config } from './ionic-global.js';
 
 /**

package/components/index.js

@@ -10,9 +10,10 @@ export { g as getTimeGivenProgression } from './cubic-bezier.js';
 export { createGesture } from './index3.js';
 export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global.js';
 export { c as componentOnReady } from './helpers.js';
+export { L as LogLevel } from './index4.js';
 export { I as IonicSafeString, g as getMode, s as setupConfig } from './config.js';
 export { o as openURL } from './theme.js';
-export { m as menuController } from './index4.js';
+export { m as menuController } from './index5.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.js';
 
 const IonicSlides = (opts) => {

package/components/index2.js

@@ -3,7 +3,7 @@
  */
 import { c as config } from './ionic-global.js';
 import { writeTask, Build } from '@stencil/core/internal/client';
-import { p as printIonWarning } from './index6.js';
+import { p as printIonWarning } from './index4.js';
 import { r as raf } from './helpers.js';
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';

package/components/index4.js

@@ -1,306 +1,48 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { d as doc } from './index5.js';
-import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button.js';
-import { p as printIonWarning } from './index6.js';
-import { c as componentOnReady } from './helpers.js';
-import { b as getIonMode } from './ionic-global.js';
-import { c as createAnimation } from './animation.js';
+import { c as config } from './ionic-global.js';
 
+var LogLevel;
+(function (LogLevel) {
+    LogLevel["OFF"] = "OFF";
+    LogLevel["ERROR"] = "ERROR";
+    LogLevel["WARN"] = "WARN";
+})(LogLevel || (LogLevel = {}));
 /**
- * baseAnimation
- * Base class which is extended by the various types. Each
- * type will provide their own animations for open and close
- * and registers itself with Menu.
+ * Logs a warning to the console with an Ionic prefix
+ * to indicate the library that is warning the developer.
+ *
+ * @param message - The string message to be logged to the console.
  */
-const baseAnimation = (isIos) => {
-    // https://material.io/guidelines/motion/movement.html#movement-movement-in-out-of-screen-bounds
-    // https://material.io/guidelines/motion/duration-easing.html#duration-easing-natural-easing-curves
-    /**
-     * "Apply the sharp curve to items temporarily leaving the screen that may return
-     * from the same exit point. When they return, use the deceleration curve. On mobile,
-     * this transition typically occurs over 300ms" -- MD Motion Guide
-     */
-    return createAnimation().duration(isIos ? 400 : 300);
-};
-
-/**
- * Menu Overlay Type
- * The menu slides over the content. The content
- * itself, which is under the menu, does not move.
- */
-const menuOverlayAnimation = (menu) => {
-    let closedX;
-    let openedX;
-    const width = menu.width + 8;
-    const menuAnimation = createAnimation();
-    const backdropAnimation = createAnimation();
-    if (menu.isEndSide) {
-        // right side
-        closedX = width + 'px';
-        openedX = '0px';
-    }
-    else {
-        // left side
-        closedX = -width + 'px';
-        openedX = '0px';
+const printIonWarning = (message, ...params) => {
+    const logLevel = config.get('logLevel', LogLevel.WARN);
+    if ([LogLevel.WARN].includes(logLevel)) {
+        return console.warn(`[Ionic Warning]: ${message}`, ...params);
     }
-    menuAnimation.addElement(menu.menuInnerEl).fromTo('transform', `translateX(${closedX})`, `translateX(${openedX})`);
-    const mode = getIonMode(menu);
-    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]);
 };
-
 /**
- * Menu Push Type
- * The content slides over to reveal the menu underneath.
- * The menu itself also slides over to reveal its bad self.
+ * Logs an error to the console with an Ionic prefix
+ * to indicate the library that is warning the developer.
+ *
+ * @param message - The string message to be logged to the console.
+ * @param params - Additional arguments to supply to the console.error.
  */
-const menuPushAnimation = (menu) => {
-    let contentOpenedX;
-    let menuClosedX;
-    const mode = getIonMode(menu);
-    const width = menu.width;
-    if (menu.isEndSide) {
-        contentOpenedX = -width + 'px';
-        menuClosedX = width + 'px';
-    }
-    else {
-        contentOpenedX = width + 'px';
-        menuClosedX = -width + 'px';
+const printIonError = (message, ...params) => {
+    const logLevel = config.get('logLevel', LogLevel.ERROR);
+    if ([LogLevel.ERROR, LogLevel.WARN].includes(logLevel)) {
+        return console.error(`[Ionic Error]: ${message}`, ...params);
     }
-    const menuAnimation = createAnimation()
-        .addElement(menu.menuInnerEl)
-        .fromTo('transform', `translateX(${menuClosedX})`, 'translateX(0px)');
-    const contentAnimation = createAnimation()
-        .addElement(menu.contentEl)
-        .fromTo('transform', 'translateX(0px)', `translateX(${contentOpenedX})`);
-    const backdropAnimation = createAnimation().addElement(menu.backdropEl).fromTo('opacity', 0.01, 0.32);
-    return baseAnimation(mode === 'ios').addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
 };
-
 /**
- * Menu Reveal Type
- * The content slides over to reveal the menu underneath.
- * The menu itself, which is under the content, does not move.
+ * Prints an error informing developers that an implementation requires an element to be used
+ * within a specific selector.
+ *
+ * @param el The web component element this is requiring the element.
+ * @param targetSelectors The selector or selectors that were not found.
  */
-const menuRevealAnimation = (menu) => {
-    const mode = getIonMode(menu);
-    const openedX = menu.width * (menu.isEndSide ? -1 : 1) + 'px';
-    const contentOpen = createAnimation()
-        .addElement(menu.contentEl) // REVIEW
-        .fromTo('transform', 'translateX(0px)', `translateX(${openedX})`);
-    return baseAnimation(mode === 'ios').addAnimation(contentOpen);
-};
-
-const createMenuController = () => {
-    const menuAnimations = new Map();
-    const menus = [];
-    const open = async (menu) => {
-        const menuEl = await get(menu, true);
-        if (menuEl) {
-            return menuEl.open();
-        }
-        return false;
-    };
-    const close = async (menu) => {
-        const menuEl = await (menu !== undefined ? get(menu, true) : getOpen());
-        if (menuEl !== undefined) {
-            return menuEl.close();
-        }
-        return false;
-    };
-    const toggle = async (menu) => {
-        const menuEl = await get(menu, true);
-        if (menuEl) {
-            return menuEl.toggle();
-        }
-        return false;
-    };
-    const enable = async (shouldEnable, menu) => {
-        const menuEl = await get(menu);
-        if (menuEl) {
-            menuEl.disabled = !shouldEnable;
-        }
-        return menuEl;
-    };
-    const swipeGesture = async (shouldEnable, menu) => {
-        const menuEl = await get(menu);
-        if (menuEl) {
-            menuEl.swipeGesture = shouldEnable;
-        }
-        return menuEl;
-    };
-    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 {
-            const menuEl = await getOpen();
-            return menuEl !== undefined;
-        }
-    };
-    const isEnabled = async (menu) => {
-        const menuEl = await get(menu);
-        if (menuEl) {
-            return !menuEl.disabled;
-        }
-        return false;
-    };
-    /**
-     * Finds and returns the menu specified by "menu" if registered.
-     * @param menu - The side or ID of the desired menu
-     * @param logOnMultipleSideMenus - If true, this function will log a warning
-     * if "menu" is a side but multiple menus on the same side were found. Since this function
-     * is used in multiple places, we default this log to false so that the calling
-     * functions can choose whether or not it is appropriate to log this warning.
-     */
-    const get = async (menu, logOnMultipleSideMenus = false) => {
-        await waitUntilReady();
-        if (menu === 'start' || menu === 'end') {
-            // there could be more than one menu on the same side
-            // so first try to get the enabled one
-            const menuRefs = menus.filter((m) => m.side === menu && !m.disabled);
-            if (menuRefs.length >= 1) {
-                if (menuRefs.length > 1 && logOnMultipleSideMenus) {
-                    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;
-            }
-            // didn't find a menu side that is enabled
-            // so try to get the first menu side found
-            const sideMenuRefs = menus.filter((m) => m.side === menu);
-            if (sideMenuRefs.length >= 1) {
-                if (sideMenuRefs.length > 1 && logOnMultipleSideMenus) {
-                    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;
-            }
-        }
-        else if (menu != null) {
-            // the menuId was not left or right
-            // so try to get the menu by its "id"
-            return find((m) => m.menuId === menu);
-        }
-        // return the first enabled menu
-        const menuEl = find((m) => !m.disabled);
-        if (menuEl) {
-            return menuEl;
-        }
-        // get the first menu in the array, if one exists
-        return menus.length > 0 ? menus[0].el : undefined;
-    };
-    /**
-     * Get the instance of the opened menu. Returns `null` if a menu is not found.
-     */
-    const getOpen = async () => {
-        await waitUntilReady();
-        return _getOpenSync();
-    };
-    /**
-     * Get all menu instances.
-     */
-    const getMenus = async () => {
-        await waitUntilReady();
-        return getMenusSync();
-    };
-    /**
-     * Get whether or not a menu is animating. Returns `true` if any
-     * menu is currently animating.
-     */
-    const isAnimating = async () => {
-        await waitUntilReady();
-        return isAnimatingSync();
-    };
-    const registerAnimation = (name, animation) => {
-        menuAnimations.set(name, animation);
-    };
-    const _register = (menu) => {
-        if (menus.indexOf(menu) < 0) {
-            menus.push(menu);
-        }
-    };
-    const _unregister = (menu) => {
-        const index = menus.indexOf(menu);
-        if (index > -1) {
-            menus.splice(index, 1);
-        }
-    };
-    const _setOpen = async (menu, shouldOpen, animated, role) => {
-        if (isAnimatingSync()) {
-            return false;
-        }
-        if (shouldOpen) {
-            const openedMenu = await getOpen();
-            if (openedMenu && menu.el !== openedMenu) {
-                await openedMenu.setOpen(false, false);
-            }
-        }
-        return menu._setOpen(shouldOpen, animated, role);
-    };
-    const _createAnimation = (type, menuCmp) => {
-        const animationBuilder = menuAnimations.get(type); // TODO(FW-2832): type
-        if (!animationBuilder) {
-            throw new Error('animation not registered');
-        }
-        const animation = animationBuilder(menuCmp);
-        return animation;
-    };
-    const _getOpenSync = () => {
-        return find((m) => m._isOpen);
-    };
-    const getMenusSync = () => {
-        return menus.map((menu) => menu.el);
-    };
-    const isAnimatingSync = () => {
-        return menus.some((menu) => menu.isAnimating);
-    };
-    const find = (predicate) => {
-        const instance = menus.find(predicate);
-        if (instance !== undefined) {
-            return instance.el;
-        }
-        return undefined;
-    };
-    const waitUntilReady = () => {
-        return Promise.all(Array.from(document.querySelectorAll('ion-menu')).map((menu) => new Promise((resolve) => componentOnReady(menu, resolve))));
-    };
-    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();
-            });
-        }
-    });
-    return {
-        registerAnimation,
-        get,
-        getMenus,
-        getOpen,
-        isEnabled,
-        swipeGesture,
-        isAnimating,
-        isOpen,
-        enable,
-        toggle,
-        close,
-        open,
-        _getOpenSync,
-        _createAnimation,
-        _register,
-        _unregister,
-        _setOpen,
-    };
+const printRequiredElementError = (el, ...targetSelectors) => {
+    return console.error(`<${el.tagName.toLowerCase()}> must be used inside ${targetSelectors.join(' or ')}.`);
 };
-const menuController = /*@__PURE__*/ createMenuController();
 
-export { menuController as m };
+export { LogLevel as L, printIonError as a, printRequiredElementError as b, printIonWarning as p };