@sparkle-learning/core 0.0.32 → 0.0.35

package/dist/esm/{index-a12c14bd.js → index-21661af2.js}

@@ -1,5 +1,5 @@
-import { G as GESTURE_CONTROLLER } from './gesture-controller-686622ba.js';
-export { G as GESTURE_CONTROLLER } from './gesture-controller-686622ba.js';
+import { G as GESTURE_CONTROLLER } from './gesture-controller-7be18351.js';
+export { G as GESTURE_CONTROLLER } from './gesture-controller-7be18351.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -7,10 +7,12 @@ export { G as GESTURE_CONTROLLER } from './gesture-controller-686622ba.js';
 const addEventListener = (el, eventName, callback, opts) => {
   // use event listener options when supported
   // otherwise it's just a boolean for the "capture" arg
-  const listenerOpts = supportsPassive(el) ? {
-    'capture': !!opts.capture,
-    'passive': !!opts.passive,
-  } : !!opts.capture;
+  const listenerOpts = supportsPassive(el)
+    ? {
+      capture: !!opts.capture,
+      passive: !!opts.passive,
+    }
+    : !!opts.capture;
   let add;
   let remove;
   if (el['__zone_symbol__addEventListener']) {
@@ -32,9 +34,11 @@ const supportsPassive = (node) => {
       const opts = Object.defineProperty({}, 'passive', {
         get: () => {
           _sPassive = true;
-        }
+        },
       });
-      node.addEventListener('optsTest', () => { return; }, opts);
+      node.addEventListener('optsTest', () => {
+        return;
+      }, opts);
     }
     catch (e) {
       _sPassive = false;
@@ -159,7 +163,7 @@ const createPointerEvents = (el, pointerDown, pointerMove, pointerUp, options) =
   return {
     enable,
     stop,
-    destroy
+    destroy,
   };
 };
 const getDocument = (node) => {
@@ -189,8 +193,8 @@ const createPanRecognizer = (direction, thresh, maxAngle) => {
       if (!dirty) {
         return false;
       }
-      const deltaX = (x - startX);
-      const deltaY = (y - startY);
+      const deltaX = x - startX;
+      const deltaY = y - startY;
       const distance = deltaX * deltaX + deltaY * deltaY;
       if (distance < threshold) {
         return false;
@@ -214,7 +218,7 @@ const createPanRecognizer = (direction, thresh, maxAngle) => {
     },
     getDirection() {
       return isPan;
-    }
+    },
   };
 };
 
@@ -249,13 +253,13 @@ const createGesture = (config) => {
     deltaY: 0,
     currentTime: 0,
     event: undefined,
-    data: undefined
+    data: undefined,
   };
   const pan = createPanRecognizer(finalConfig.direction, finalConfig.threshold, finalConfig.maxAngle);
   const gesture = GESTURE_CONTROLLER.createGesture({
     name: config.gestureName,
     priority: config.gesturePriority,
-    disableScroll: config.disableScroll
+    disableScroll: config.disableScroll,
   });
   const pointerDown = (ev) => {
     const timeStamp = now(ev);
@@ -339,10 +343,9 @@ const createGesture = (config) => {
     return true;
   };
   const blurActiveElement = () => {
-    /* tslint:disable-next-line */
     if (typeof document !== 'undefined') {
       const activeElement = document.activeElement;
-      if (activeElement !== null && activeElement.blur) {
+      if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.blur) {
         activeElement.blur();
       }
     }
@@ -386,7 +389,7 @@ const createGesture = (config) => {
   };
   const pointerEvents = createPointerEvents(finalConfig.el, pointerDown, pointerMove, pointerUp, {
     capture: false,
-    passive
+    passive,
   });
   const abortGesture = () => {
     reset();
@@ -408,7 +411,7 @@ const createGesture = (config) => {
     destroy() {
       gesture.destroy();
       pointerEvents.destroy();
-    }
+    },
   };
 };
 const calcGestureData = (detail, ev) => {
@@ -421,7 +424,7 @@ const calcGestureData = (detail, ev) => {
   updateDetail(ev, detail);
   const currentX = detail.currentX;
   const currentY = detail.currentY;
-  const timestamp = detail.currentTime = now(ev);
+  const timestamp = (detail.currentTime = now(ev));
   const timeDelta = timestamp - prevT;
   if (timeDelta > 0 && timeDelta < 100) {
     const velocityX = (currentX - prevX) / timeDelta;

package/dist/esm/{tap-click-13f1fb0d.js → index-230a26c9.js}

@@ -1,4 +1,4 @@
-import { q as now, p as pointerCoord } from './helpers-39367fe1.js';
+import { u as now, q as pointerCoord } from './helpers-94a5855b.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -6,15 +6,11 @@ import { q as now, p as pointerCoord } from './helpers-39367fe1.js';
 const startTapClick = (config) => {
   let lastTouch = -MOUSE_WAIT * 10;
   let lastActivated = 0;
-  let scrollingEl;
   let activatableEle;
   let activeRipple;
   let activeDefer;
   const useRippleEffect = config.getBoolean('animated', true) && config.getBoolean('rippleEffect', true);
   const clearDefers = new WeakMap();
-  const isScrolling = () => {
-    return scrollingEl !== undefined && scrollingEl.parentElement !== null;
-  };
   // Touch Events
   const onTouchStart = (ev) => {
     lastTouch = now(ev);
@@ -25,6 +21,10 @@ const startTapClick = (config) => {
     pointerUp(ev);
   };
   const onMouseDown = (ev) => {
+    // Ignore right clicks
+    if (ev.button === 2) {
+      return;
+    }
     const t = now(ev) - MOUSE_WAIT;
     if (lastTouch < t) {
       pointerDown(ev);
@@ -36,9 +36,6 @@ const startTapClick = (config) => {
       pointerUp(ev);
     }
   };
-  const onContextMenu = (ev) => {
-    pointerUp(ev);
-  };
   const cancelActive = () => {
     clearTimeout(activeDefer);
     activeDefer = undefined;
@@ -48,10 +45,9 @@ const startTapClick = (config) => {
     }
   };
   const pointerDown = (ev) => {
-    if (activatableEle || isScrolling()) {
+    if (activatableEle) {
       return;
     }
-    scrollingEl = undefined;
     setActivatedElement(getActivatableTarget(ev), ev);
   };
   const pointerUp = (ev) => {
@@ -95,6 +91,7 @@ const startTapClick = (config) => {
     lastActivated = Date.now();
     el.classList.add(ACTIVATED);
     const rippleEffect = useRippleEffect && getRippleEffect(el);
+    // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
     if (rippleEffect && rippleEffect.addRipple) {
       removeRipple();
       activeRipple = rippleEffect.addRipple(x, y);
@@ -102,7 +99,7 @@ const startTapClick = (config) => {
   };
   const removeRipple = () => {
     if (activeRipple !== undefined) {
-      activeRipple.then(remove => remove());
+      activeRipple.then((remove) => remove());
       activeRipple = undefined;
     }
   };
@@ -125,27 +122,40 @@ const startTapClick = (config) => {
     }
   };
   const doc = document;
-  doc.addEventListener('ionScrollStart', ev => {
-    scrollingEl = ev.target;
-    cancelActive();
-  });
-  doc.addEventListener('ionScrollEnd', () => {
-    scrollingEl = undefined;
-  });
   doc.addEventListener('ionGestureCaptured', cancelActive);
   doc.addEventListener('touchstart', onTouchStart, true);
   doc.addEventListener('touchcancel', onTouchEnd, true);
   doc.addEventListener('touchend', onTouchEnd, true);
+  /**
+   * Tap click effects such as the ripple effect should
+   * not happen when scrolling. For example, if a user scrolls
+   * the page but also happens to do a touchstart on a button
+   * as part of the scroll, the ripple effect should not
+   * be dispatched. The ripple effect should only happen
+   * if the button is activated and the page is not scrolling.
+   *
+   * pointercancel is dispatched on a gesture when scrolling
+   * starts, so this lets us avoid having to listen for
+   * ion-content's scroll events.
+   */
+  doc.addEventListener('pointercancel', cancelActive, true);
   doc.addEventListener('mousedown', onMouseDown, true);
   doc.addEventListener('mouseup', onMouseUp, true);
-  doc.addEventListener('contextmenu', onContextMenu, true);
 };
 const getActivatableTarget = (ev) => {
   if (ev.composedPath) {
+    /**
+     * composedPath returns EventTarget[]. However,
+     * objects other than Element can be targets too.
+     * For example, AudioContext can be a target. In this
+     * case, we know that the event is a UIEvent so we
+     * can assume that the path will contain either Element
+     * or ShadowRoot.
+     */
     const path = ev.composedPath();
     for (let i = 0; i < path.length - 2; i++) {
       const el = path[i];
-      if (el.classList && el.classList.contains('ion-activatable')) {
+      if (!(el instanceof ShadowRoot) && el.classList.contains('ion-activatable')) {
         return el;
       }
     }

package/dist/esm/{index-c26d8655.js → index-478745be.js}

@@ -1,5 +1,5 @@
-import { w as writeTask, B as Build } from './index-5568e3fa.js';
-import { c as componentOnReady, k as raf } from './helpers-39367fe1.js';
+import { w as writeTask, B as Build } from './index-9db08224.js';
+import { c as componentOnReady, j as raf } from './helpers-94a5855b.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -13,19 +13,19 @@ const LIFECYCLE_WILL_UNLOAD = 'ionViewWillUnload';
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-const iosTransitionAnimation = () => import('./ios.transition-b4ca8a33.js');
-const mdTransitionAnimation = () => import('./md.transition-ca5e0322.js');
+const iosTransitionAnimation = () => import('./ios.transition-7cd34deb.js');
+const mdTransitionAnimation = () => import('./md.transition-2589a5b1.js');
 const transition = (opts) => {
   return new Promise((resolve, reject) => {
     writeTask(() => {
       beforeTransition(opts);
-      runTransition(opts).then(result => {
+      runTransition(opts).then((result) => {
         if (result.animation) {
           result.animation.destroy();
         }
         afterTransition(opts);
         resolve(result);
-      }, error => {
+      }, (error) => {
         afterTransition(opts);
         reject(error);
       });
@@ -57,9 +57,7 @@ const beforeTransition = (opts) => {
 };
 const runTransition = async (opts) => {
   const animationBuilder = await getAnimationBuilder(opts);
-  const ani = (animationBuilder && Build.isBrowser)
-    ? animation(animationBuilder, opts)
-    : noAnimation(opts); // fast path for no animation
+  const ani = animationBuilder && Build.isBrowser ? animation(animationBuilder, opts) : noAnimation(opts); // fast path for no animation
   return ani;
 };
 const afterTransition = (opts) => {
@@ -79,7 +77,7 @@ const getAnimationBuilder = async (opts) => {
   if (opts.animationBuilder) {
     return opts.animationBuilder;
   }
-  const getAnimation = (opts.mode === 'ios')
+  const getAnimation = opts.mode === 'ios'
     ? (await iosTransitionAnimation()).iosTransitionAnimation
     : (await mdTransitionAnimation()).mdTransitionAnimation;
   return getAnimation;
@@ -97,7 +95,7 @@ const animation = async (animationBuilder, opts) => {
   }
   return {
     hasCompleted: didComplete,
-    animation: trans
+    animation: trans,
   };
 };
 const noAnimation = async (opts) => {
@@ -107,18 +105,14 @@ const noAnimation = async (opts) => {
   fireWillEvents(enteringEl, leavingEl);
   fireDidEvents(enteringEl, leavingEl);
   return {
-    hasCompleted: true
+    hasCompleted: true,
   };
 };
 const waitForReady = async (opts, defaultDeep) => {
   const deep = opts.deepWait !== undefined ? opts.deepWait : defaultDeep;
-  const promises = deep ? [
-    deepReady(opts.enteringEl),
-    deepReady(opts.leavingEl),
-  ] : [
-    shallowReady(opts.enteringEl),
-    shallowReady(opts.leavingEl),
-  ];
+  const promises = deep
+    ? [deepReady(opts.enteringEl), deepReady(opts.leavingEl)]
+    : [shallowReady(opts.enteringEl), shallowReady(opts.leavingEl)];
   await Promise.all(promises);
   await notifyViewReady(opts.viewIsReady, opts.enteringEl);
 };
@@ -129,7 +123,7 @@ const notifyViewReady = async (viewIsReady, enteringEl) => {
 };
 const playTransition = (trans, opts) => {
   const progressCallback = opts.progressCallback;
-  const promise = new Promise(resolve => {
+  const promise = new Promise((resolve) => {
     trans.onFinish((currentStep) => resolve(currentStep === 1));
   });
   // cool, let's do this, start the transition
@@ -167,7 +161,7 @@ const lifecycle = (el, eventName) => {
 };
 const shallowReady = (el) => {
   if (el) {
-    return new Promise(resolve => componentOnReady(el, resolve));
+    return new Promise((resolve) => componentOnReady(el, resolve));
   }
   return Promise.resolve();
 };
@@ -188,7 +182,7 @@ const deepReady = async (el) => {
        * Non-lazy loaded custom elements need to wait
        * one frame for component to be loaded.
        */
-      const waitForCustomElement = new Promise(resolve => raf(resolve));
+      const waitForCustomElement = new Promise((resolve) => raf(resolve));
       await waitForCustomElement;
       return;
     }
@@ -208,9 +202,7 @@ const setPageHidden = (el, hidden) => {
 };
 const setZIndex = (enteringEl, leavingEl, direction) => {
   if (enteringEl !== undefined) {
-    enteringEl.style.zIndex = (direction === 'back')
-      ? '99'
-      : '101';
+    enteringEl.style.zIndex = direction === 'back' ? '99' : '101';
   }
   if (leavingEl !== undefined) {
     leavingEl.style.zIndex = '100';

package/dist/esm/{index-dc61f152.js → index-4ec6b9c2.js}

@@ -1,9 +1,10 @@
-/* Ionicons v6.0.1, ES Modules */
+/* Ionicons v6.0.2, ES Modules */
 const arrowBackSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Arrow Back</title><path stroke-linecap='square' stroke-miterlimit='10' stroke-width='48' d='M244 400L100 256l144-144M120 256h292' class='ionicon-fill-none'/></svg>";
 const arrowDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Arrow Down</title><path stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 268l144 144 144-144M256 392V100' class='ionicon-fill-none'/></svg>";
 const caretBackSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Caret Back</title><path d='M368 64L144 256l224 192V64z'/></svg>";
 const caretDownSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Caret Down</title><path d='M64 144l192 224 192-224H64z'/></svg>";
 const caretUpSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Caret Up</title><path d='M448 368L256 144 64 368h384z'/></svg>";
+const checkmarkOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Checkmark</title><path stroke-linecap='round' stroke-linejoin='round' d='M416 128L192 384l-96-96' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
 const chevronBack = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Chevron Back</title><path stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M328 112L184 256l144 144' class='ionicon-fill-none'/></svg>";
 const chevronDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Chevron Down</title><path stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144' class='ionicon-fill-none'/></svg>";
 const chevronForward = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Chevron Forward</title><path stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M184 112l144 144-144 144' class='ionicon-fill-none'/></svg>";
@@ -11,12 +12,14 @@ const chevronForwardOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3
 const close = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Close</title><path d='M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z'/></svg>";
 const closeCircle = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Close Circle</title><path d='M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm75.31 260.69a16 16 0 11-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 01-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0122.62-22.62L256 233.37l52.69-52.68a16 16 0 0122.62 22.62L278.63 256z'/></svg>";
 const closeSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Close</title><path d='M400 145.49L366.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 256 400 145.49z'/></svg>";
+const ellipseOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Ellipse</title><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' class='ionicon' viewBox='0 0 512 512'><title>Ellipsis Horizontal</title><circle cx='256' cy='256' r='48'/><circle cx='416' cy='256' r='48'/><circle cx='96' cy='256' r='48'/></svg>";
 const menuOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Menu</title><path stroke-linecap='round' stroke-miterlimit='10' d='M80 160h352M80 256h352M80 352h352' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
 const menuSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Menu</title><path d='M64 384h384v-42.67H64zm0-106.67h384v-42.66H64zM64 128v42.67h384V128z'/></svg>";
+const removeOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Remove</title><path stroke-linecap='round' stroke-linejoin='round' d='M400 256H112' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
 const reorderThreeOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Reorder Three</title><path stroke-linecap='round' stroke-linejoin='round' d='M96 256h320M96 176h320M96 336h320' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
 const reorderTwoSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Reorder Two</title><path stroke-linecap='square' stroke-linejoin='round' stroke-width='44' d='M118 304h276M118 208h276' class='ionicon-fill-none'/></svg>";
 const searchOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Search</title><path d='M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z' stroke-miterlimit='10' class='ionicon-fill-none ionicon-stroke-width'/><path stroke-linecap='round' stroke-miterlimit='10' d='M338.29 338.29L448 448' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
 const searchSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Search</title><path d='M464 428L339.92 303.9a160.48 160.48 0 0030.72-94.58C370.64 120.37 298.27 48 209.32 48S48 120.37 48 209.32s72.37 161.32 161.32 161.32a160.48 160.48 0 0094.58-30.72L428 464zM209.32 319.69a110.38 110.38 0 11110.37-110.37 110.5 110.5 0 01-110.37 110.37z'/></svg>";
 
-export { chevronDown as a, chevronForwardOutline as b, chevronForward as c, chevronBack as d, ellipsisHorizontal as e, caretUpSharp as f, caretDownSharp as g, close as h, menuSharp as i, caretBackSharp as j, arrowDown as k, reorderTwoSharp as l, menuOutline as m, arrowBackSharp as n, closeCircle as o, closeSharp as p, searchSharp as q, reorderThreeOutline as r, searchOutline as s };
+export { checkmarkOutline as a, chevronDown as b, chevronForward as c, chevronForwardOutline as d, ellipseOutline as e, ellipsisHorizontal as f, chevronBack as g, caretUpSharp as h, caretDownSharp as i, close as j, menuSharp as k, caretBackSharp as l, menuOutline as m, arrowDown as n, reorderThreeOutline as o, reorderTwoSharp as p, arrowBackSharp as q, removeOutline as r, closeCircle as s, closeSharp as t, searchOutline as u, searchSharp as v };

package/dist/esm/{index-9594837e.js → index-95307148.js}

@@ -1,7 +1,7 @@
-import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-b6ccf74a.js';
-import { c as componentOnReady } from './helpers-39367fe1.js';
-import { g as getIonMode } from './ionic-global-0939c477.js';
-import { c as createAnimation } from './animation-b306f6c2.js';
+import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-fa04d6e9.js';
+import { c as componentOnReady } from './helpers-94a5855b.js';
+import { g as getIonMode } from './ionic-global-293e882b.js';
+import { c as createAnimation } from './animation-d98d3e81.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -47,15 +47,11 @@ const menuOverlayAnimation = (menu) => {
     closedX = -width + 'px';
     openedX = '0px';
   }
-  menuAnimation
-    .addElement(menu.menuInnerEl)
-    .fromTo('transform', `translateX(${closedX})`, `translateX(${openedX})`);
+  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);
+  backdropAnimation.addElement(menu.backdropEl).fromTo('opacity', 0.01, opacity);
   return baseAnimation(isIos).addAnimation([menuAnimation, backdropAnimation]);
 };
 
@@ -86,9 +82,7 @@ const menuPushAnimation = (menu) => {
   const contentAnimation = createAnimation()
     .addElement(menu.contentEl)
     .fromTo('transform', 'translateX(0px)', `translateX(${contentOpenedX})`);
-  const backdropAnimation = createAnimation()
-    .addElement(menu.backdropEl)
-    .fromTo('opacity', 0.01, 0.32);
+  const backdropAnimation = createAnimation().addElement(menu.backdropEl).fromTo('opacity', 0.01, 0.32);
   return baseAnimation(mode === 'ios').addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
 };
 
@@ -102,7 +96,7 @@ const menuPushAnimation = (menu) => {
  */
 const menuRevealAnimation = (menu) => {
   const mode = getIonMode(menu);
-  const openedX = (menu.width * (menu.isEndSide ? -1 : 1)) + 'px';
+  const openedX = menu.width * (menu.isEndSide ? -1 : 1) + 'px';
   const contentOpen = createAnimation()
     .addElement(menu.contentEl) // REVIEW
     .fromTo('transform', 'translateX(0px)', `translateX(${openedX})`);
@@ -153,7 +147,8 @@ const createMenuController = () => {
   const isOpen = async (menu) => {
     if (menu != null) {
       const menuEl = await get(menu);
-      return (menuEl !== undefined && menuEl.isOpen());
+      // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
+      return menuEl !== undefined && menuEl.isOpen();
     }
     else {
       const menuEl = await getOpen();
@@ -172,21 +167,21 @@ const createMenuController = () => {
     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 menuRef = find(m => m.side === menu && !m.disabled);
+      const menuRef = find((m) => m.side === menu && !m.disabled);
       if (menuRef) {
         return menuRef;
       }
       // didn't find a menu side that is enabled
       // so try to get the first menu side found
-      return find(m => m.side === menu);
+      return find((m) => m.side === menu);
     }
     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 find((m) => m.menuId === menu);
     }
     // return the first enabled menu
-    const menuEl = find(m => !m.disabled);
+    const menuEl = find((m) => !m.disabled);
     if (menuEl) {
       return menuEl;
     }
@@ -237,9 +232,7 @@ const createMenuController = () => {
     // then find all the other menus on this same side
     // and automatically disable other same side menus
     const side = menu.side;
-    menus
-      .filter(m => m.side === side && m !== menu)
-      .forEach(m => m.disabled = true);
+    menus.filter((m) => m.side === side && m !== menu).forEach((m) => (m.disabled = true));
   };
   const _setOpen = async (menu, shouldOpen, animated) => {
     if (isAnimatingSync()) {
@@ -262,13 +255,13 @@ const createMenuController = () => {
     return animation;
   };
   const _getOpenSync = () => {
-    return find(m => m._isOpen);
+    return find((m) => m._isOpen);
   };
   const getMenusSync = () => {
-    return menus.map(menu => menu.el);
+    return menus.map((menu) => menu.el);
   };
   const isAnimatingSync = () => {
-    return menus.some(menu => menu.isAnimating);
+    return menus.some((menu) => menu.isAnimating);
   };
   const find = (predicate) => {
     const instance = menus.find(predicate);
@@ -278,13 +271,11 @@ const createMenuController = () => {
     return undefined;
   };
   const waitUntilReady = () => {
-    return Promise.all(Array.from(document.querySelectorAll('ion-menu'))
-      .map(menu => new Promise(resolve => componentOnReady(menu, resolve))));
+    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);
-  /* tslint:disable-next-line */
   if (typeof document !== 'undefined') {
     document.addEventListener('ionBackButton', (ev) => {
       const openMenu = _getOpenSync();

package/dist/esm/{index-5568e3fa.js → index-9db08224.js}

@@ -24,10 +24,10 @@ const setPlatformHelpers = (helpers) => {
     Object.assign(plt, helpers);
 };
 const promiseResolve = (v) => Promise.resolve(v);
-const supportsConstructibleStylesheets = /*@__PURE__*/ (() => {
+const supportsConstructableStylesheets = /*@__PURE__*/ (() => {
         try {
             new CSSStyleSheet();
-            return typeof new CSSStyleSheet().replace === 'function';
+            return typeof new CSSStyleSheet().replaceSync === 'function';
         }
         catch (e) { }
         return false;
@@ -91,9 +91,14 @@ const uniqueTime = (key, measureText) => {
 const rootAppliedStyles = new WeakMap();
 const registerStyle = (scopeId, cssText, allowCS) => {
     let style = styles.get(scopeId);
-    if (supportsConstructibleStylesheets && allowCS) {
+    if (supportsConstructableStylesheets && allowCS) {
         style = (style || new CSSStyleSheet());
-        style.replace(cssText);
+        if (typeof style === 'string') {
+            style = cssText;
+        }
+        else {
+            style.replaceSync(cssText);
+        }
     }
     else {
         style = cssText;
@@ -102,7 +107,7 @@ const registerStyle = (scopeId, cssText, allowCS) => {
 };
 const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
     let scopeId = getScopeId(cmpMeta, mode);
-    let style = styles.get(scopeId);
+    const style = styles.get(scopeId);
     // if an element is NOT connected then getRootNode() will return the wrong root node
     // so the fallback is to always use the document for the root node in those cases
     styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
@@ -197,7 +202,7 @@ const h = (nodeName, vnodeData, ...children) => {
     let slotName = null;
     let simple = false;
     let lastSimple = false;
-    let vNodeChildren = [];
+    const vNodeChildren = [];
     const walk = (c) => {
         for (let i = 0; i < c.length; i++) {
             child = c[i];
@@ -406,7 +411,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             if ((isProp || (isComplex && newValue !== null)) && !isSvg) {
                 try {
                     if (!elm.tagName.includes('-')) {
-                        let n = newValue == null ? '' : newValue;
+                        const n = newValue == null ? '' : newValue;
                         // Workaround for Safari, moving the <input> caret when re-assigning the same valued
                         if (memberName === 'list') {
                             isProp = false;
@@ -483,7 +488,7 @@ const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
 };
 const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     // tslint:disable-next-line: prefer-const
-    let newVNode = newParentVNode.$children$[childIndex];
+    const newVNode = newParentVNode.$children$[childIndex];
     let i = 0;
     let elm;
     let childNode;
@@ -816,7 +821,7 @@ const patch = (oldVNode, newVNode) => {
 };
 const updateFallbackSlotVisibility = (elm) => {
     // tslint:disable-next-line: prefer-const
-    let childNodes = elm.childNodes;
+    const childNodes = elm.childNodes;
     let childNode;
     let i;
     let ilen;
@@ -869,8 +874,8 @@ const relocateSlotContent = (elm) => {
     let relocateNodeData;
     let j;
     let i = 0;
-    let childNodes = elm.childNodes;
-    let ilen = childNodes.length;
+    const childNodes = elm.childNodes;
+    const ilen = childNodes.length;
     for (; i < ilen; i++) {
         childNode = childNodes[i];
         if (childNode['s-sr'] && (node = childNode['s-cr']) && node.parentNode) {
@@ -1815,7 +1820,9 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
     if (module) {
         return module[exportName];
     }
+    /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
     return import(
+    /* @vite-ignore */
     /* webpackInclude: /\.entry\.js$/ */
     /* webpackExclude: /\.system\.entry\.js$/ */
     /* webpackMode: "lazy" */
@@ -1878,4 +1885,4 @@ const Build = {
     isTesting: false,
 };
 
-export { Build as B, Context as C, Fragment as F, Host as H, setMode as a, bootstrapLazy as b, getAssetPath as c, getRenderingRef as d, getElement as e, forceUpdate as f, getMode as g, h, createEvent as i, readTask as j, getContext as k, promiseResolve as p, registerInstance as r, setPlatformHelpers as s, writeTask as w };
+export { Build as B, Context as C, Fragment as F, Host as H, setMode as a, bootstrapLazy as b, getAssetPath as c, getRenderingRef as d, createEvent as e, forceUpdate as f, getMode as g, h, getElement as i, readTask as j, getContext as k, promiseResolve as p, registerInstance as r, setPlatformHelpers as s, writeTask as w };