@pod-os/elements 0.7.0 → 0.7.1-2196a40.0

package/dist/cjs/{index-d01d9183.js → index-643851c6.js}

@@ -1,14 +1,19 @@
 'use strict';
 
-const gestureController = require('./gesture-controller-fbbe9a65.js');
+const gestureController = require('./gesture-controller-00a6b02f.js');
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 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']) {
@@ -30,9 +35,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;
@@ -42,6 +49,9 @@ const supportsPassive = (node) => {
 };
 let _sPassive;
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 const MOUSE_WAIT = 2000;
 const createPointerEvents = (el, pointerDown, pointerMove, pointerUp, options) => {
   let rmTouchStart;
@@ -154,13 +164,16 @@ const createPointerEvents = (el, pointerDown, pointerMove, pointerUp, options) =
   return {
     enable,
     stop,
-    destroy
+    destroy,
   };
 };
 const getDocument = (node) => {
   return node instanceof Document ? node : node.ownerDocument;
 };
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 const createPanRecognizer = (direction, thresh, maxAngle) => {
   const radians = maxAngle * (Math.PI / 180);
   const isDirX = direction === 'x';
@@ -181,8 +194,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;
@@ -206,10 +219,13 @@ const createPanRecognizer = (direction, thresh, maxAngle) => {
     },
     getDirection() {
       return isPan;
-    }
+    },
   };
 };
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 const createGesture = (config) => {
   let hasCapturedPan = false;
   let hasStartedPan = false;
@@ -238,13 +254,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 = gestureController.GESTURE_CONTROLLER.createGesture({
     name: config.gestureName,
     priority: config.gesturePriority,
-    disableScroll: config.disableScroll
+    disableScroll: config.disableScroll,
   });
   const pointerDown = (ev) => {
     const timeStamp = now(ev);
@@ -305,7 +321,7 @@ const createGesture = (config) => {
     }
   };
   const tryToCapturePan = () => {
-    if (gesture && !gesture.capture()) {
+    if (!gesture.capture()) {
       return false;
     }
     hasCapturedPan = true;
@@ -328,10 +344,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();
       }
     }
@@ -375,7 +390,7 @@ const createGesture = (config) => {
   };
   const pointerEvents = createPointerEvents(finalConfig.el, pointerDown, pointerMove, pointerUp, {
     capture: false,
-    passive
+    passive,
   });
   const abortGesture = () => {
     reset();
@@ -397,7 +412,7 @@ const createGesture = (config) => {
     destroy() {
       gesture.destroy();
       pointerEvents.destroy();
-    }
+    },
   };
 };
 const calcGestureData = (detail, ev) => {
@@ -410,7 +425,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/cjs/index-731691ca.js

@@ -0,0 +1,48 @@
+'use strict';
+
+/* Ionicons v6.0.4, 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>";
+const chevronForwardOutline = "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>";
+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>";
+
+exports.arrowBackSharp = arrowBackSharp;
+exports.arrowDown = arrowDown;
+exports.caretBackSharp = caretBackSharp;
+exports.caretDownSharp = caretDownSharp;
+exports.caretUpSharp = caretUpSharp;
+exports.checkmarkOutline = checkmarkOutline;
+exports.chevronBack = chevronBack;
+exports.chevronDown = chevronDown;
+exports.chevronForward = chevronForward;
+exports.chevronForwardOutline = chevronForwardOutline;
+exports.close = close;
+exports.closeCircle = closeCircle;
+exports.closeSharp = closeSharp;
+exports.ellipseOutline = ellipseOutline;
+exports.ellipsisHorizontal = ellipsisHorizontal;
+exports.menuOutline = menuOutline;
+exports.menuSharp = menuSharp;
+exports.removeOutline = removeOutline;
+exports.reorderThreeOutline = reorderThreeOutline;
+exports.reorderTwoSharp = reorderTwoSharp;
+exports.searchOutline = searchOutline;
+exports.searchSharp = searchSharp;

package/dist/cjs/{index-6bbae9b1.js → index-7d56774d.js}

@@ -1,5 +1,8 @@
 'use strict';
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 /**
  * Does a simple sanitization of all elements
  * in an untrusted string
@@ -25,7 +28,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];
@@ -41,7 +44,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]);
         }
@@ -53,7 +56,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]);
     }
@@ -62,7 +65,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);
@@ -90,7 +93,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);
     }
@@ -99,7 +102,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]);
   }
@@ -109,11 +112,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);

package/dist/cjs/index-9fca5d6f.js

@@ -0,0 +1,140 @@
+'use strict';
+
+const helpers = require('./helpers-cb08f5ae.js');
+const index = require('./index-b2a479e4.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.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) => helpers.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 index.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');
+  }
+};
+
+exports.ION_CONTENT_CLASS_SELECTOR = ION_CONTENT_CLASS_SELECTOR;
+exports.ION_CONTENT_ELEMENT_SELECTOR = ION_CONTENT_ELEMENT_SELECTOR;
+exports.disableContentScrollY = disableContentScrollY;
+exports.findClosestIonContent = findClosestIonContent;
+exports.findIonContent = findIonContent;
+exports.getScrollElement = getScrollElement;
+exports.isIonContent = isIonContent;
+exports.printIonContentErrorMsg = printIonContentErrorMsg;
+exports.resetContentScrollY = resetContentScrollY;
+exports.scrollByPoint = scrollByPoint;
+exports.scrollToTop = scrollToTop;

package/dist/cjs/index-b2a479e4.js

@@ -0,0 +1,38 @@
+'use strict';
+
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+/**
+ * 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 printIonWarning = (message, ...params) => {
+  return console.warn(`[Ionic Warning]: ${message}`, ...params);
+};
+/*
+ * 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 printIonError = (message, ...params) => {
+  return console.error(`[Ionic Error]: ${message}`, ...params);
+};
+/**
+ * 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 printRequiredElementError = (el, ...targetSelectors) => {
+  return console.error(`<${el.tagName.toLowerCase()}> must be used inside ${targetSelectors.join(' or ')}.`);
+};
+
+exports.printIonError = printIonError;
+exports.printIonWarning = printIonWarning;
+exports.printRequiredElementError = printRequiredElementError;

package/dist/cjs/{index-b4a9ece2.js → index-eaa0d16e.js}

@@ -1399,6 +1399,9 @@ const postUpdateComponent = (hostRef) => {
     const endPostUpdate = createTime('postUpdate', tagName);
     const instance = hostRef.$lazyInstance$ ;
     const ancestorComponent = hostRef.$ancestorComponent$;
+    {
+        safeCall(instance, 'componentDidRender');
+    }
     if (!(hostRef.$flags$ & 64 /* HOST_FLAGS.hasLoadedComponent */)) {
         hostRef.$flags$ |= 64 /* HOST_FLAGS.hasLoadedComponent */;
         {
@@ -2003,6 +2006,9 @@ const plt = {
     rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
     ce: (eventName, opts) => new CustomEvent(eventName, opts),
 };
+const setPlatformHelpers = (helpers) => {
+    Object.assign(plt, helpers);
+};
 const promiseResolve = (v) => Promise.resolve(v);
 const supportsConstructableStylesheets = /*@__PURE__*/ (() => {
         try {
@@ -2071,4 +2077,5 @@ exports.promiseResolve = promiseResolve;
 exports.readTask = readTask;
 exports.registerInstance = registerInstance;
 exports.setMode = setMode;
+exports.setPlatformHelpers = setPlatformHelpers;
 exports.writeTask = writeTask;

package/dist/cjs/{tap-click-f24cb477.js → index-ed2ce04f.js}

@@ -1,19 +1,18 @@
 'use strict';
 
-const helpers = require('./helpers-398ced09.js');
+const helpers = require('./helpers-cb08f5ae.js');
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 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 = helpers.now(ev);
@@ -24,6 +23,10 @@ const startTapClick = (config) => {
     pointerUp(ev);
   };
   const onMouseDown = (ev) => {
+    // Ignore right clicks
+    if (ev.button === 2) {
+      return;
+    }
     const t = helpers.now(ev) - MOUSE_WAIT;
     if (lastTouch < t) {
       pointerDown(ev);
@@ -44,10 +47,9 @@ const startTapClick = (config) => {
     }
   };
   const pointerDown = (ev) => {
-    if (activatableEle || isScrolling()) {
+    if (activatableEle) {
       return;
     }
-    scrollingEl = undefined;
     setActivatedElement(getActivatableTarget(ev), ev);
   };
   const pointerUp = (ev) => {
@@ -90,15 +92,17 @@ const startTapClick = (config) => {
   const addActivated = (el, x, y) => {
     lastActivated = Date.now();
     el.classList.add(ACTIVATED);
-    const rippleEffect = useRippleEffect && getRippleEffect(el);
-    if (rippleEffect && rippleEffect.addRipple) {
+    if (!useRippleEffect)
+      return;
+    const rippleEffect = getRippleEffect(el);
+    if (rippleEffect !== null) {
       removeRipple();
       activeRipple = rippleEffect.addRipple(x, y);
     }
   };
   const removeRipple = () => {
     if (activeRipple !== undefined) {
-      activeRipple.then(remove => remove());
+      activeRipple.then((remove) => remove());
       activeRipple = undefined;
     }
   };
@@ -121,26 +125,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);
 };
 const getActivatableTarget = (ev) => {
-  if (ev.composedPath) {
+  if (ev.composedPath !== undefined) {
+    /**
+     * 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;
       }
     }