@sparkle-learning/core 0.0.33 → 0.0.36

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/{index-8de9446b.js → index-2b84cad2.js}

@@ -1,5 +1,5 @@
-import { w as writeTask, B as Build } from './index-5568e3fa.js';
-import { c as componentOnReady, b as raf } from './helpers-9d0930de.js';
+import { w as writeTask, B as Build } from './index-c04b9ed5.js';
+import { c as componentOnReady, l as raf } from './helpers-bf0e23d6.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-db4f4ca6.js');
-const mdTransitionAnimation = () => import('./md.transition-8294b503.js');
+const iosTransitionAnimation = () => import('./ios.transition-131d64fe.js');
+const mdTransitionAnimation = () => import('./md.transition-f6126011.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-ea26196a.js → index-4044fde9.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 { chevronForwardOutline as a, chevronBack as b, chevronDown as c, chevronForward 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 { 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, checkmarkOutline as t, removeOutline as u, ellipseOutline as v };

package/dist/esm/{tap-click-cca25060.js → index-45fec1e7.js}

@@ -1,4 +1,4 @@
-import { q as now, p as pointerCoord } from './helpers-9d0930de.js';
+import { u as now, q as pointerCoord } from './helpers-bf0e23d6.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -6,15 +6,11 @@ import { q as now, p as pointerCoord } from './helpers-9d0930de.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-5e8971ae.js

@@ -0,0 +1,128 @@
+import { c as componentOnReady } from './helpers-bf0e23d6.js';
+import { b as printRequiredElementError } from './index-dad75b83.js';
+
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+const ION_CONTENT_TAG_NAME = 'ION-CONTENT';
+const ION_CONTENT_ELEMENT_SELECTOR = 'ion-content';
+const ION_CONTENT_CLASS_SELECTOR = '.ion-content-scroll-host';
+/**
+ * Selector used for implementations reliant on `<ion-content>` for scroll event changes.
+ *
+ * Developers should use the `.ion-content-scroll-host` selector to target the element emitting
+ * scroll events. With virtual scroll implementations this will be the host element for
+ * the scroll viewport.
+ */
+const ION_CONTENT_SELECTOR = `${ION_CONTENT_ELEMENT_SELECTOR}, ${ION_CONTENT_CLASS_SELECTOR}`;
+const isIonContent = (el) => el && el.tagName === ION_CONTENT_TAG_NAME;
+/**
+ * Waits for the element host fully initialize before
+ * returning the inner scroll element.
+ *
+ * For `ion-content` the scroll target will be the result
+ * of the `getScrollElement` function.
+ *
+ * For custom implementations it will be the element host
+ * or a selector within the host, if supplied through `scrollTarget`.
+ */
+const getScrollElement = async (el) => {
+  if (isIonContent(el)) {
+    await new Promise((resolve) => componentOnReady(el, resolve));
+    return el.getScrollElement();
+  }
+  return el;
+};
+/**
+ * Queries the element matching the selector for IonContent.
+ * See ION_CONTENT_SELECTOR for the selector used.
+ */
+const findIonContent = (el) => {
+  /**
+   * First we try to query the custom scroll host selector in cases where
+   * the implementation is using an outer `ion-content` with an inner custom
+   * scroll container.
+   */
+  const customContentHost = el.querySelector(ION_CONTENT_CLASS_SELECTOR);
+  if (customContentHost) {
+    return customContentHost;
+  }
+  return el.querySelector(ION_CONTENT_SELECTOR);
+};
+/**
+ * Queries the closest element matching the selector for IonContent.
+ */
+const findClosestIonContent = (el) => {
+  return el.closest(ION_CONTENT_SELECTOR);
+};
+/**
+ * Scrolls to the top of the element. If an `ion-content` is found, it will scroll
+ * using the public API `scrollToTop` with a duration.
+ */
+const scrollToTop = (el, durationMs) => {
+  if (isIonContent(el)) {
+    const content = el;
+    return content.scrollToTop(durationMs);
+  }
+  return Promise.resolve(el.scrollTo({
+    top: 0,
+    left: 0,
+    behavior: durationMs > 0 ? 'smooth' : 'auto',
+  }));
+};
+/**
+ * Scrolls by a specified X/Y distance in the component. If an `ion-content` is found, it will scroll
+ * using the public API `scrollByPoint` with a duration.
+ */
+const scrollByPoint = (el, x, y, durationMs) => {
+  if (isIonContent(el)) {
+    const content = el;
+    return content.scrollByPoint(x, y, durationMs);
+  }
+  return Promise.resolve(el.scrollBy({
+    top: y,
+    left: x,
+    behavior: durationMs > 0 ? 'smooth' : 'auto',
+  }));
+};
+/**
+ * Prints an error informing developers that an implementation requires an element to be used
+ * within either the `ion-content` selector or the `.ion-content-scroll-host` class.
+ */
+const printIonContentErrorMsg = (el) => {
+  return printRequiredElementError(el, ION_CONTENT_ELEMENT_SELECTOR);
+};
+/**
+ * Several components in Ionic need to prevent scrolling
+ * during a gesture (card modal, range, item sliding, etc).
+ * Use this utility to account for ion-content and custom content hosts.
+ */
+const disableContentScrollY = (contentEl) => {
+  if (isIonContent(contentEl)) {
+    const ionContent = contentEl;
+    const initialScrollY = ionContent.scrollY;
+    ionContent.scrollY = false;
+    /**
+     * This should be passed into resetContentScrollY
+     * so that we can revert ion-content's scrollY to the
+     * correct state. For example, if scrollY = false
+     * initially, we do not want to enable scrolling
+     * when we call resetContentScrollY.
+     */
+    return initialScrollY;
+  }
+  else {
+    contentEl.style.setProperty('overflow', 'hidden');
+    return true;
+  }
+};
+const resetContentScrollY = (contentEl, initialScrollY) => {
+  if (isIonContent(contentEl)) {
+    contentEl.scrollY = initialScrollY;
+  }
+  else {
+    contentEl.style.removeProperty('overflow');
+  }
+};
+
+export { ION_CONTENT_ELEMENT_SELECTOR as I, findIonContent as a, ION_CONTENT_CLASS_SELECTOR as b, scrollByPoint as c, disableContentScrollY as d, findClosestIonContent as f, getScrollElement as g, isIonContent as i, printIonContentErrorMsg as p, resetContentScrollY as r, scrollToTop as s };

package/dist/esm/{index-435af8e6.js → index-be6112f8.js}

@@ -26,7 +26,7 @@ const sanitizeDOMString = (untrustedString) => {
      * Remove any elements
      * that are blocked
      */
-    blockedTags.forEach(blockedTag => {
+    blockedTags.forEach((blockedTag) => {
       const getElementsToRemove = documentFragment.querySelectorAll(blockedTag);
       for (let elementIndex = getElementsToRemove.length - 1; elementIndex >= 0; elementIndex--) {
         const element = getElementsToRemove[elementIndex];
@@ -42,7 +42,7 @@ const sanitizeDOMString = (untrustedString) => {
          * as they are left behind
          */
         const childElements = getElementChildren(element);
-        /* tslint:disable-next-line */
+        /* eslint-disable-next-line */
         for (let childIndex = 0; childIndex < childElements.length; childIndex++) {
           sanitizeElement(childElements[childIndex]);
         }
@@ -54,7 +54,7 @@ const sanitizeDOMString = (untrustedString) => {
      */
     // IE does not support .children on document fragments, only .childNodes
     const dfChildren = getElementChildren(documentFragment);
-    /* tslint:disable-next-line */
+    /* eslint-disable-next-line */
     for (let childIndex = 0; childIndex < dfChildren.length; childIndex++) {
       sanitizeElement(dfChildren[childIndex]);
     }
@@ -63,7 +63,7 @@ const sanitizeDOMString = (untrustedString) => {
     fragmentDiv.appendChild(documentFragment);
     // First child is always the div we did our work in
     const getInnerDiv = fragmentDiv.querySelector('div');
-    return (getInnerDiv !== null) ? getInnerDiv.innerHTML : fragmentDiv.innerHTML;
+    return getInnerDiv !== null ? getInnerDiv.innerHTML : fragmentDiv.innerHTML;
   }
   catch (err) {
     console.error(err);
@@ -91,7 +91,7 @@ const sanitizeElement = (element) => {
     // clean up any allowed attribs
     // that attempt to do any JS funny-business
     const attributeValue = attribute.value;
-    /* tslint:disable-next-line */
+    /* eslint-disable-next-line */
     if (attributeValue != null && attributeValue.toLowerCase().includes('javascript:')) {
       element.removeAttribute(attributeName);
     }
@@ -100,7 +100,7 @@ const sanitizeElement = (element) => {
    * Sanitize any nested children
    */
   const childElements = getElementChildren(element);
-  /* tslint:disable-next-line */
+  /* eslint-disable-next-line */
   for (let i = 0; i < childElements.length; i++) {
     sanitizeElement(childElements[i]);
   }
@@ -110,11 +110,12 @@ const sanitizeElement = (element) => {
  * so we revert to .childNodes instead
  */
 const getElementChildren = (el) => {
-  return (el.children != null) ? el.children : el.childNodes;
+  return el.children != null ? el.children : el.childNodes;
 };
 const isSanitizerEnabled = () => {
+  var _a;
   const win = window;
-  const config = win && win.Ionic && win.Ionic.config;
+  const config = (_a = win === null || win === void 0 ? void 0 : win.Ionic) === null || _a === void 0 ? void 0 : _a.config;
   if (config) {
     if (config.get) {
       return config.get('sanitizerEnabled', true);