@ionic/core 7.5.4-dev.11700602203.1e7155a1 → 7.5.4-dev.11702935369.11a4baba

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "7.5.4-dev.11700602203.1e7155a1",
+  "version": "7.5.4-dev.11702935369.11a4baba",
   "description": "Base components for Ionic",
   "keywords": [
     "ionic",
@@ -61,6 +61,7 @@
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-custom-rules": "file:custom-rules",
     "execa": "^5.0.0",
+    "fast-deep-equal": "^3.1.3",
     "fs-extra": "^9.0.1",
     "jest": "^27.5.1",
     "jest-cli": "^27.5.1",
@@ -71,34 +72,6 @@
     "stylelint": "^13.13.1",
     "stylelint-order": "^4.1.0"
   },
-  "scripts": {
-    "build": "npm run clean && npm run build.css && stencil build --es5 --docs-json dist/docs.json",
-    "build.css": "npm run css.sass && npm run css.minify",
-    "build.debug": "npm run clean && stencil build --debug",
-    "build.docs.json": "stencil build --docs-json dist/docs.json",
-    "clean": "node scripts/clean.js",
-    "css.minify": "cleancss -O2 -o ./css/ionic.bundle.css ./css/ionic.bundle.css",
-    "css.sass": "sass --embed-sources src/css:./css",
-    "eslint": "eslint src",
-    "lint": "npm run lint.ts && npm run lint.sass && npm run prettier -- --write --cache",
-    "lint.fix": "npm run lint.ts.fix && npm run lint.sass.fix && npm run prettier -- --write --cache",
-    "lint.sass": "stylelint \"src/**/*.scss\"",
-    "lint.sass.fix": "npm run lint.sass -- --fix",
-    "lint.ts": "npm run eslint",
-    "lint.ts.fix": "npm run eslint -- --fix",
-    "prerelease": "npm run validate && np prerelease --yolo --any-branch --tag next",
-    "prerender.e2e": "node scripts/testing/prerender.js",
-    "prettier": "prettier \"./src/**/*.{html,ts,tsx,js,jsx}\"",
-    "start": "npm run build.css && stencil build --dev --watch --serve",
-    "test": "npm run test.spec && npm run test.e2e",
-    "test.spec": "stencil test --spec --max-workers=2",
-    "test.spec.debug": "npx --node-arg=\"--inspect-brk\" stencil test --spec",
-    "test.e2e": "npx playwright test",
-    "test.e2e.update-snapshots": "npm run test.e2e -- --update-snapshots",
-    "test.watch": "jest --watch --no-cache",
-    "test.treeshake": "node scripts/treeshaking.js dist/index.js",
-    "validate": "npm run lint && npm run test && npm run build && npm run test.treeshake"
-  },
   "author": "Ionic Team",
   "license": "MIT",
   "repository": {
@@ -111,5 +84,33 @@
   "homepage": "https://ionicframework.com/",
   "jest": {
     "preset": "@stencil/core/testing"
+  },
+  "scripts": {
+    "build": "pnpm run clean && pnpm run build.css && stencil build --es5 --docs-json dist/docs.json",
+    "build.css": "pnpm run css.sass && pnpm run css.minify",
+    "build.debug": "pnpm run clean && stencil build --debug",
+    "build.docs.json": "stencil build --docs-json dist/docs.json",
+    "clean": "node scripts/clean.js",
+    "css.minify": "cleancss -O2 -o ./css/ionic.bundle.css ./css/ionic.bundle.css",
+    "css.sass": "sass --embed-sources src/css:./css",
+    "eslint": "eslint src",
+    "lint": "pnpm run lint.ts && pnpm run lint.sass && pnpm run prettier --write --cache",
+    "lint.fix": "pnpm run lint.ts.fix && pnpm run lint.sass.fix && pnpm run prettier --write --cache",
+    "lint.sass": "stylelint \"src/**/*.scss\"",
+    "lint.sass.fix": "pnpm run lint.sass --fix",
+    "lint.ts": "pnpm run eslint",
+    "lint.ts.fix": "pnpm run eslint --fix",
+    "prerelease": "pnpm run validate && np prerelease --yolo --any-branch --tag next",
+    "prerender.e2e": "node scripts/testing/prerender.js",
+    "prettier": "prettier \"./src/**/*.{html,ts,tsx,js,jsx}\"",
+    "start": "pnpm run build.css && stencil build --dev --watch --serve",
+    "test": "pnpm run test.spec && pnpm run test.e2e",
+    "test.spec": "stencil test --spec --max-workers=2",
+    "test.spec.debug": "pnpm exec --node-arg=\"--inspect-brk\" stencil test --spec",
+    "test.e2e": "pnpm exec playwright test",
+    "test.e2e.update-snapshots": "pnpm run test.e2e --update-snapshots",
+    "test.watch": "jest --watch --no-cache",
+    "test.treeshake": "node scripts/treeshaking.js dist/index.js",
+    "validate": "pnpm run lint && pnpm run test && pnpm run build && pnpm run test.treeshake"
   }
-}
+}

package/dist/cjs/compare-with-utils-c0444525.js

@@ -1,44 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-'use strict';
-
-/**
- * Uses the compareWith param to compare two values to determine if they are equal.
- *
- * @param currentValue The current value of the control.
- * @param compareValue The value to compare against.
- * @param compareWith The function or property name to use to compare values.
- */
-const compareOptions = (currentValue, compareValue, compareWith) => {
-  if (typeof compareWith === 'function') {
-    return compareWith(currentValue, compareValue);
-  }
-  else if (typeof compareWith === 'string') {
-    return currentValue[compareWith] === compareValue[compareWith];
-  }
-  else {
-    return Array.isArray(compareValue) ? compareValue.includes(currentValue) : currentValue === compareValue;
-  }
-};
-/**
- * Compares a value against the current value(s) to determine if it is selected.
- *
- * @param currentValue The current value of the control.
- * @param compareValue The value to compare against.
- * @param compareWith The function or property name to use to compare values.
- */
-const isOptionSelected = (currentValue, compareValue, compareWith) => {
-  if (currentValue === undefined) {
-    return false;
-  }
-  if (Array.isArray(currentValue)) {
-    return currentValue.some((val) => compareOptions(val, compareValue, compareWith));
-  }
-  else {
-    return compareOptions(currentValue, compareValue, compareWith);
-  }
-};
-
-exports.compareOptions = compareOptions;
-exports.isOptionSelected = isOptionSelected;

package/dist/cjs/index-c8d52405.js

@@ -1,10 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-'use strict';
-
-const win = typeof window !== 'undefined' ? window : undefined;
-const doc = typeof document !== 'undefined' ? document : undefined;
-
-exports.doc = doc;
-exports.win = win;

package/dist/collection/components/infinite-scroll/test/small-dom-update/infinite-scroll.e2e.js

@@ -1,31 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
-  test.describe(title('infinite-scroll: appending small amounts to dom'), () => {
-    test('should load more after remaining in threshold', async ({ page }) => {
-      await page.goto('/src/components/infinite-scroll/test/small-dom-update', config);
-      const ionInfiniteComplete = await page.spyOnEvent('ionInfiniteComplete');
-      const content = page.locator('ion-content');
-      const items = page.locator('#list .item');
-      expect(await items.count()).toBe(30);
-      await content.evaluate((el) => el.scrollToBottom(0));
-      await ionInfiniteComplete.next();
-      /**
-       * Even after appending we'll still be within
-       * the infinite scroll's threshold
-       */
-      expect(await items.count()).toBe(33);
-      await content.evaluate((el) => el.scrollToBottom(0));
-      await ionInfiniteComplete.next();
-      /**
-       * Scrolling down again without leaving
-       * the threshold should still trigger
-       * infinite scroll again.
-       */
-      expect(await items.count()).toBe(36);
-    });
-  });
-});

package/dist/collection/components/toast/gestures/swipe-to-dismiss.js

@@ -1,267 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { Build } from "@stencil/core";
-import { createAnimation } from "../../../utils/animation/animation";
-import { createGesture } from "../../../utils/gesture/index";
-import { getElementRoot } from "../../../utils/helpers";
-import { OVERLAY_GESTURE_PRIORITY } from "../../../utils/overlays";
-import { getOffsetForMiddlePosition } from "../animations/utils";
-/**
- * Create a gesture that allows the Toast
- * to be swiped to dismiss.
- * @param el - The Toast element
- * @param toastPosition - The last computed position of the Toast. This is computed in the "present" method.
- * @param onDismiss - A callback to fire when the Toast was swiped to dismiss.
- */
-export const createSwipeToDismissGesture = (el, toastPosition, onDismiss) => {
-  /**
-   * Users should swipe on the visible toast wrapper
-   * rather than on ion-toast which covers the entire screen.
-   * When testing the class instance the inner wrapper will not
-   * be defined. As a result, we use a placeholder element in those environments.
-   */
-  const wrapperEl = Build.isTesting
-    ? document.createElement('div')
-    : getElementRoot(el).querySelector('.toast-wrapper');
-  const hostElHeight = el.clientHeight;
-  const wrapperElBox = wrapperEl.getBoundingClientRect();
-  /**
-   * The maximum amount that
-   * the toast can be swiped. This should
-   * account for the wrapper element's height
-   * too so the toast can be swiped offscreen
-   * completely.
-   */
-  let MAX_SWIPE_DISTANCE = 0;
-  /**
-   * The step value at which a toast
-   * is eligible for dismissing via gesture.
-   */
-  const DISMISS_THRESHOLD = 0.5;
-  /**
-   * The middle position Toast starts 50% of the way
-   * through the animation, so we need to use this
-   * as the starting point for our step values.
-   */
-  const STEP_OFFSET = el.position === 'middle' ? 0.5 : 0;
-  /**
-   * When the Toast is at the top users will be
-   * swiping up. As a result, the delta values will be
-   * negative numbers which will result in negative steps
-   * and thresholds. As a result, we need to make those numbers
-   * positive.
-   */
-  const INVERSION_FACTOR = el.position === 'top' ? -1 : 1;
-  /**
-   * The top offset that places the
-   * toast in the middle of the screen.
-   * Only needed when position="middle".
-   */
-  const topPosition = getOffsetForMiddlePosition(hostElHeight, wrapperElBox.height);
-  const SWIPE_UP_DOWN_KEYFRAMES = [
-    { offset: 0, transform: `translateY(-${topPosition + wrapperElBox.height}px)` },
-    { offset: 0.5, transform: `translateY(0px)` },
-    { offset: 1, transform: `translateY(${topPosition + wrapperElBox.height}px)` },
-  ];
-  const swipeAnimation = createAnimation('toast-swipe-to-dismiss-animation')
-    .addElement(wrapperEl)
-    /**
-     * The specific value here does not actually
-     * matter. We just need this to be a positive
-     * value so the animation does not jump
-     * to the end when the user beings to drag.
-     */
-    .duration(100);
-  switch (el.position) {
-    case 'middle':
-      MAX_SWIPE_DISTANCE = hostElHeight + wrapperElBox.height;
-      swipeAnimation.keyframes(SWIPE_UP_DOWN_KEYFRAMES);
-      /**
-       * Toast can be swiped up or down but
-       * should start in the middle of the screen.
-       */
-      swipeAnimation.progressStart(true, 0.5);
-      break;
-    case 'top':
-      /**
-       * The bottom edge of the wrapper
-       * includes the distance between the top
-       * of the screen and the top of the wrapper
-       * as well as the wrapper height so the wrapper
-       * can be dragged fully offscreen.
-       */
-      MAX_SWIPE_DISTANCE = wrapperElBox.bottom;
-      swipeAnimation.keyframes([
-        { offset: 0, transform: `translateY(${toastPosition.top})` },
-        { offset: 1, transform: 'translateY(-100%)' },
-      ]);
-      swipeAnimation.progressStart(true, 0);
-      break;
-    case 'bottom':
-    default:
-      /**
-       * This computes the distance between the
-       * top of the wrapper and the bottom of the
-       * screen including the height of the wrapper
-       * element so it can be dragged fully offscreen.
-       */
-      MAX_SWIPE_DISTANCE = hostElHeight - wrapperElBox.top;
-      swipeAnimation.keyframes([
-        { offset: 0, transform: `translateY(${toastPosition.bottom})` },
-        { offset: 1, transform: 'translateY(100%)' },
-      ]);
-      swipeAnimation.progressStart(true, 0);
-      break;
-  }
-  const computeStep = (delta) => {
-    return (delta * INVERSION_FACTOR) / MAX_SWIPE_DISTANCE;
-  };
-  const onMove = (detail) => {
-    const step = STEP_OFFSET + computeStep(detail.deltaY);
-    swipeAnimation.progressStep(step);
-  };
-  const onEnd = (detail) => {
-    const velocity = detail.velocityY;
-    const threshold = ((detail.deltaY + velocity * 1000) / MAX_SWIPE_DISTANCE) * INVERSION_FACTOR;
-    /**
-     * Disable the gesture for the remainder of the animation.
-     * It will be re-enabled if the toast animates back to
-     * its initial presented position.
-     */
-    gesture.enable(false);
-    let shouldDismiss = true;
-    let playTo = 1;
-    let step = 0;
-    let remainingDistance = 0;
-    if (el.position === 'middle') {
-      /**
-       * A middle positioned Toast appears
-       * in the middle of the screen (at animation offset 0.5).
-       * As a result, the threshold will be calculated relative
-       * to this starting position. In other words at animation offset 0.5
-       * the threshold will be 0. We want the middle Toast to be eligible
-       * for dismiss when the user has swiped either half way up or down the
-       * screen. As a result, we divide DISMISS_THRESHOLD in half. We also
-       * consider when the threshold is a negative in the event the
-       * user drags up (since the deltaY will also be negative).
-       */
-      shouldDismiss = threshold >= DISMISS_THRESHOLD / 2 || threshold <= -DISMISS_THRESHOLD / 2;
-      /**
-       * Since we are replacing the keyframes
-       * below the animation always starts from
-       * the beginning of the new keyframes.
-       * Similarly, we are always playing to
-       * the end of the new keyframes.
-       */
-      playTo = 1;
-      step = 0;
-      /**
-       * The Toast should animate from wherever its
-       * current position is to the desired end state.
-       *
-       * To begin, we get the current position of the
-       * Toast for its starting state.
-       */
-      const wrapperElBox = wrapperEl.getBoundingClientRect();
-      const startOffset = wrapperElBox.top - topPosition;
-      const startPosition = `${startOffset}px`;
-      /**
-       * If the deltaY is negative then the user is swiping
-       * up, so the Toast should animate to the top of the screen.
-       * If the deltaY is positive then the user is swiping
-       * down, so the Toast should animate to the bottom of the screen.
-       * We also account for when the deltaY is 0, but realistically
-       * that should never happen because it means the user did not drag
-       * the toast.
-       */
-      const offsetFactor = detail.deltaY <= 0 ? -1 : 1;
-      const endOffset = (topPosition + wrapperElBox.height) * offsetFactor;
-      /**
-       * If the Toast should dismiss
-       * then we need to figure out which edge of
-       * the screen it should animate towards.
-       * By default, the Toast will come
-       * back to its default state in the
-       * middle of the screen.
-       */
-      const endPosition = shouldDismiss ? `${endOffset}px` : '0px';
-      const KEYFRAMES = [
-        { offset: 0, transform: `translateY(${startPosition})` },
-        { offset: 1, transform: `translateY(${endPosition})` },
-      ];
-      swipeAnimation.keyframes(KEYFRAMES);
-      /**
-       * Compute the remaining amount of pixels the
-       * toast needs to move to be fully dismissed.
-       */
-      remainingDistance = endOffset - startOffset;
-    }
-    else {
-      shouldDismiss = threshold >= DISMISS_THRESHOLD;
-      playTo = shouldDismiss ? 1 : 0;
-      step = computeStep(detail.deltaY);
-      /**
-       * Compute the remaining amount of pixels the
-       * toast needs to move to be fully dismissed.
-       */
-      const remainingStepAmount = shouldDismiss ? 1 - step : step;
-      remainingDistance = remainingStepAmount * MAX_SWIPE_DISTANCE;
-    }
-    /**
-     * The animation speed should depend on how quickly
-     * the user flicks the toast across the screen. However,
-     * it should be no slower than 200ms.
-     * We use Math.abs on the remainingDistance because that value
-     * can be negative when swiping up on a middle position toast.
-     */
-    const duration = Math.min(Math.abs(remainingDistance) / Math.abs(velocity), 200);
-    swipeAnimation
-      .onFinish(() => {
-      if (shouldDismiss) {
-        onDismiss();
-        swipeAnimation.destroy();
-      }
-      else {
-        if (el.position === 'middle') {
-          /**
-           * If the toast snapped back to
-           * the middle of the screen we need
-           * to reset the keyframes
-           * so the toast can be swiped
-           * up or down again.
-           */
-          swipeAnimation.keyframes(SWIPE_UP_DOWN_KEYFRAMES).progressStart(true, 0.5);
-        }
-        else {
-          swipeAnimation.progressStart(true, 0);
-        }
-        /**
-         * If the toast did not dismiss then
-         * the user should be able to swipe again.
-         */
-        gesture.enable(true);
-      }
-      /**
-       * This must be a one time callback
-       * otherwise a new callback will
-       * be added every time onEnd runs.
-       */
-    }, { oneTimeCallback: true })
-      .progressEnd(playTo, step, duration);
-  };
-  const gesture = createGesture({
-    el: wrapperEl,
-    gestureName: 'toast-swipe-to-dismiss',
-    gesturePriority: OVERLAY_GESTURE_PRIORITY,
-    /**
-     * Toast only supports vertical swipes.
-     * This needs to be updated if we later
-     * support horizontal swipes.
-     */
-    direction: 'y',
-    onMove,
-    onEnd,
-  });
-  return gesture;
-};

package/dist/collection/components/toast/test/swipe-gesture/toast.e2e.js

@@ -1,84 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { configs, test, dragElementBy } from "../../../../utils/test/playwright/index";
-/**
- * This behavior does not vary across modes and directions.
- */
-configs({ directions: ['ltr'], modes: ['ios'] }).forEach(({ title, config }) => {
-  test.describe(title('toast: swipe gesture with top position'), () => {
-    test.beforeEach(async ({ page }) => {
-      await page.goto('src/components/toast/test/swipe-gesture', config);
-    });
-    test('should swipe up to dismiss', async ({ page }) => {
-      const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-      const ionToastDidDismiss = await page.spyOnEvent('ionToastDidDismiss');
-      const presentButton = page.locator('#top');
-      await presentButton.click();
-      await ionToastDidPresent.next();
-      const toastWrapper = page.locator('ion-toast#top-toast .toast-wrapper');
-      await dragElementBy(toastWrapper, page, 0, -30);
-      await ionToastDidDismiss.next();
-    });
-    test('should swipe up to dismiss with anchor', async ({ page }) => {
-      const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-      const ionToastDidDismiss = await page.spyOnEvent('ionToastDidDismiss');
-      const presentButton = page.locator('#top-anchor');
-      await presentButton.click();
-      await ionToastDidPresent.next();
-      const toastWrapper = page.locator('ion-toast#top-anchor-toast .toast-wrapper');
-      await dragElementBy(toastWrapper, page, 0, -30);
-      await ionToastDidDismiss.next();
-    });
-  });
-  test.describe(title('toast: swipe gesture with bottom position'), () => {
-    test.beforeEach(async ({ page }) => {
-      await page.goto('src/components/toast/test/swipe-gesture', config);
-    });
-    test('should swipe down to dismiss', async ({ page }) => {
-      const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-      const ionToastDidDismiss = await page.spyOnEvent('ionToastDidDismiss');
-      const presentButton = page.locator('#bottom');
-      await presentButton.click();
-      await ionToastDidPresent.next();
-      const toastWrapper = page.locator('ion-toast#bottom-toast .toast-wrapper');
-      await dragElementBy(toastWrapper, page, 0, 30);
-      await ionToastDidDismiss.next();
-    });
-    test('should swipe down to dismiss with anchor', async ({ page }) => {
-      const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-      const ionToastDidDismiss = await page.spyOnEvent('ionToastDidDismiss');
-      const presentButton = page.locator('#bottom-anchor');
-      await presentButton.click();
-      await ionToastDidPresent.next();
-      const toastWrapper = page.locator('ion-toast#bottom-anchor-toast .toast-wrapper');
-      await dragElementBy(toastWrapper, page, 0, 30);
-      await ionToastDidDismiss.next();
-    });
-  });
-  test.describe(title('toast: swipe gesture with middle position'), () => {
-    test.beforeEach(async ({ page }) => {
-      await page.goto('src/components/toast/test/swipe-gesture', config);
-    });
-    test('should swipe down to dismiss', async ({ page }) => {
-      const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-      const ionToastDidDismiss = await page.spyOnEvent('ionToastDidDismiss');
-      const presentButton = page.locator('#middle');
-      await presentButton.click();
-      await ionToastDidPresent.next();
-      const toastWrapper = page.locator('ion-toast#middle-toast .toast-wrapper');
-      await dragElementBy(toastWrapper, page, 0, 100);
-      await ionToastDidDismiss.next();
-    });
-    test('should swipe up to dismiss', async ({ page }) => {
-      const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
-      const ionToastDidDismiss = await page.spyOnEvent('ionToastDidDismiss');
-      const presentButton = page.locator('#middle');
-      await presentButton.click();
-      await ionToastDidPresent.next();
-      const toastWrapper = page.locator('ion-toast#middle-toast .toast-wrapper');
-      await dragElementBy(toastWrapper, page, 0, -100);
-      await ionToastDidDismiss.next();
-    });
-  });
-});

package/dist/collection/utils/forms/compare-with-utils.js

@@ -1,39 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-/**
- * Uses the compareWith param to compare two values to determine if they are equal.
- *
- * @param currentValue The current value of the control.
- * @param compareValue The value to compare against.
- * @param compareWith The function or property name to use to compare values.
- */
-export const compareOptions = (currentValue, compareValue, compareWith) => {
-  if (typeof compareWith === 'function') {
-    return compareWith(currentValue, compareValue);
-  }
-  else if (typeof compareWith === 'string') {
-    return currentValue[compareWith] === compareValue[compareWith];
-  }
-  else {
-    return Array.isArray(compareValue) ? compareValue.includes(currentValue) : currentValue === compareValue;
-  }
-};
-/**
- * Compares a value against the current value(s) to determine if it is selected.
- *
- * @param currentValue The current value of the control.
- * @param compareValue The value to compare against.
- * @param compareWith The function or property name to use to compare values.
- */
-export const isOptionSelected = (currentValue, compareValue, compareWith) => {
-  if (currentValue === undefined) {
-    return false;
-  }
-  if (Array.isArray(currentValue)) {
-    return currentValue.some((val) => compareOptions(val, compareValue, compareWith));
-  }
-  else {
-    return compareOptions(currentValue, compareValue, compareWith);
-  }
-};

package/dist/esm/compare-with-utils-4928c09d.js

@@ -1,41 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-/**
- * Uses the compareWith param to compare two values to determine if they are equal.
- *
- * @param currentValue The current value of the control.
- * @param compareValue The value to compare against.
- * @param compareWith The function or property name to use to compare values.
- */
-const compareOptions = (currentValue, compareValue, compareWith) => {
-  if (typeof compareWith === 'function') {
-    return compareWith(currentValue, compareValue);
-  }
-  else if (typeof compareWith === 'string') {
-    return currentValue[compareWith] === compareValue[compareWith];
-  }
-  else {
-    return Array.isArray(compareValue) ? compareValue.includes(currentValue) : currentValue === compareValue;
-  }
-};
-/**
- * Compares a value against the current value(s) to determine if it is selected.
- *
- * @param currentValue The current value of the control.
- * @param compareValue The value to compare against.
- * @param compareWith The function or property name to use to compare values.
- */
-const isOptionSelected = (currentValue, compareValue, compareWith) => {
-  if (currentValue === undefined) {
-    return false;
-  }
-  if (Array.isArray(currentValue)) {
-    return currentValue.some((val) => compareOptions(val, compareValue, compareWith));
-  }
-  else {
-    return compareOptions(currentValue, compareValue, compareWith);
-  }
-};
-
-export { compareOptions as c, isOptionSelected as i };

package/dist/esm/index-a5d50daf.js

@@ -1,7 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const win = typeof window !== 'undefined' ? window : undefined;
-const doc = typeof document !== 'undefined' ? document : undefined;
-
-export { doc as d, win as w };

package/dist/esm-es5/app-globals-ba8b3a06.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{i as initialize}from"./ionic-global-7efdecd0.js";var globalScripts=initialize;export{globalScripts as g};

package/dist/esm-es5/compare-with-utils-4928c09d.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-var compareOptions=function(e,r,n){if(typeof n==="function"){return n(e,r)}else if(typeof n==="string"){return e[n]===r[n]}else{return Array.isArray(r)?r.includes(e):e===r}};var isOptionSelected=function(e,r,n){if(e===undefined){return false}if(Array.isArray(e)){return e.some((function(e){return compareOptions(e,r,n)}))}else{return compareOptions(e,r,n)}};export{compareOptions as c,isOptionSelected as i};

package/dist/esm-es5/index-6a48e009.js

@@ -1,4 +0,0 @@
-import{__awaiter,__generator}from"tslib";
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */import{d as doc}from"./index-a5d50daf.js";import{MENU_BACK_BUTTON_PRIORITY}from"./hardware-back-button-39299f84.js";import{p as printIonWarning}from"./index-595d62c9.js";import{c as componentOnReady}from"./helpers-3379ba19.js";import{b as getIonMode}from"./ionic-global-7efdecd0.js";import{c as createAnimation}from"./animation-cf3dd234.js";var baseAnimation=function(n){return createAnimation().duration(n?400:300)};var menuOverlayAnimation=function(n){var r;var e;var t=n.width+8;var i=createAnimation();var a=createAnimation();if(n.isEndSide){r=t+"px";e="0px"}else{r=-t+"px";e="0px"}i.addElement(n.menuInnerEl).fromTo("transform","translateX(".concat(r,")"),"translateX(".concat(e,")"));var o=getIonMode(n);var u=o==="ios";var s=u?.2:.25;a.addElement(n.backdropEl).fromTo("opacity",.01,s);return baseAnimation(u).addAnimation([i,a])};var menuPushAnimation=function(n){var r;var e;var t=getIonMode(n);var i=n.width;if(n.isEndSide){r=-i+"px";e=i+"px"}else{r=i+"px";e=-i+"px"}var a=createAnimation().addElement(n.menuInnerEl).fromTo("transform","translateX(".concat(e,")"),"translateX(0px)");var o=createAnimation().addElement(n.contentEl).fromTo("transform","translateX(0px)","translateX(".concat(r,")"));var u=createAnimation().addElement(n.backdropEl).fromTo("opacity",.01,.32);return baseAnimation(t==="ios").addAnimation([a,o,u])};var menuRevealAnimation=function(n){var r=getIonMode(n);var e=n.width*(n.isEndSide?-1:1)+"px";var t=createAnimation().addElement(n.contentEl).fromTo("transform","translateX(0px)","translateX(".concat(e,")"));return baseAnimation(r==="ios").addAnimation(t)};var createMenuController=function(){var n=new Map;var r=[];var e=function(n){return __awaiter(void 0,void 0,void 0,(function(){var r;return __generator(this,(function(e){switch(e.label){case 0:return[4,c(n,true)];case 1:r=e.sent();if(r){return[2,r.open()]}return[2,false]}}))}))};var t=function(n){return __awaiter(void 0,void 0,void 0,(function(){var r;return __generator(this,(function(e){switch(e.label){case 0:return[4,n!==undefined?c(n,true):f()];case 1:r=e.sent();if(r!==undefined){return[2,r.close()]}return[2,false]}}))}))};var i=function(n){return __awaiter(void 0,void 0,void 0,(function(){var r;return __generator(this,(function(e){switch(e.label){case 0:return[4,c(n,true)];case 1:r=e.sent();if(r){return[2,r.toggle()]}return[2,false]}}))}))};var a=function(n,r){return __awaiter(void 0,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:return[4,c(r)];case 1:e=t.sent();if(e){e.disabled=!n}return[2,e]}}))}))};var o=function(n,r){return __awaiter(void 0,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:return[4,c(r)];case 1:e=t.sent();if(e){e.swipeGesture=n}return[2,e]}}))}))};var u=function(n){return __awaiter(void 0,void 0,void 0,(function(){var r,r;return __generator(this,(function(e){switch(e.label){case 0:if(!(n!=null))return[3,2];return[4,c(n)];case 1:r=e.sent();return[2,r!==undefined&&r.isOpen()];case 2:return[4,f()];case 3:r=e.sent();return[2,r!==undefined]}}))}))};var s=function(n){return __awaiter(void 0,void 0,void 0,(function(){var r;return __generator(this,(function(e){switch(e.label){case 0:return[4,c(n)];case 1:r=e.sent();if(r){return[2,!r.disabled]}return[2,false]}}))}))};var c=function(n,e){if(e===void 0){e=false}return __awaiter(void 0,void 0,void 0,(function(){var t,i,a;return __generator(this,(function(o){switch(o.label){case 0:return[4,x()];case 1:o.sent();if(n==="start"||n==="end"){t=r.filter((function(r){return r.side===n&&!r.disabled}));if(t.length>=1){if(t.length>1&&e){printIonWarning('menuController queried for a menu on the "'.concat(n,'" side, but ').concat(t.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."),t.map((function(n){return n.el})))}return[2,t[0].el]}i=r.filter((function(r){return r.side===n}));if(i.length>=1){if(i.length>1&&e){printIonWarning('menuController queried for a menu on the "'.concat(n,'" side, but ').concat(i.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."),i.map((function(n){return n.el})))}return[2,i[0].el]}}else if(n!=null){return[2,b((function(r){return r.menuId===n}))]}a=b((function(n){return!n.disabled}));if(a){return[2,a]}return[2,r.length>0?r[0].el:undefined]}}))}))};var f=function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:return[4,x()];case 1:n.sent();return[2,w()]}}))}))};var v=function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:return[4,x()];case 1:n.sent();return[2,g()]}}))}))};var d=function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:return[4,x()];case 1:n.sent();return[2,A()]}}))}))};var m=function(r,e){n.set(r,e)};var _=function(n){if(r.indexOf(n)<0){r.push(n)}};var l=function(n){var e=r.indexOf(n);if(e>-1){r.splice(e,1)}};var h=function(n,r,e){return __awaiter(void 0,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:if(A()){return[2,false]}if(!r)return[3,3];return[4,f()];case 1:t=i.sent();if(!(t&&n.el!==t))return[3,3];return[4,t.setOpen(false,false)];case 2:i.sent();i.label=3;case 3:return[2,n._setOpen(r,e)]}}))}))};var p=function(r,e){var t=n.get(r);if(!t){throw new Error("animation not registered")}var i=t(e);return i};var w=function(){return b((function(n){return n._isOpen}))};var g=function(){return r.map((function(n){return n.el}))};var A=function(){return r.some((function(n){return n.isAnimating}))};var b=function(n){var e=r.find(n);if(e!==undefined){return e.el}return undefined};var x=function(){return Promise.all(Array.from(document.querySelectorAll("ion-menu")).map((function(n){return new Promise((function(r){return componentOnReady(n,r)}))})))};m("reveal",menuRevealAnimation);m("push",menuPushAnimation);m("overlay",menuOverlayAnimation);doc===null||doc===void 0?void 0:doc.addEventListener("ionBackButton",(function(n){var r=w();if(r){n.detail.register(MENU_BACK_BUTTON_PRIORITY,(function(){return r.close()}))}}));return{registerAnimation:m,get:c,getMenus:v,getOpen:f,isEnabled:s,swipeGesture:o,isAnimating:d,isOpen:u,enable:a,toggle:i,close:t,open:e,_getOpenSync:w,_createAnimation:p,_register:_,_unregister:l,_setOpen:h}};var menuController=createMenuController();export{menuController as m};

package/dist/esm-es5/index-c9e82353.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{d as doc}from"./index-a5d50daf.js";import{u as now,v as pointerCoord}from"./helpers-3379ba19.js";var startTapClick=function(r){if(doc===undefined){return}var e=-MOUSE_WAIT*10;var n=0;var t;var i;var a;var o=r.getBoolean("animated",true)&&r.getBoolean("rippleEffect",true);var f=new WeakMap;var u=function(r){e=now(r);E(r)};var c=function(r){e=now(r);A(r)};var v=function(r){if(r.button===2){return}var n=now(r)-MOUSE_WAIT;if(e<n){E(r)}};var d=function(r){var n=now(r)-MOUSE_WAIT;if(e<n){A(r)}};var T=function(){if(a)clearTimeout(a);a=undefined;if(t){D(false);t=undefined}};var E=function(r){if(t){return}s(getActivatableTarget(r),r)};var A=function(r){s(undefined,r)};var s=function(r,e){if(r&&r===t){return}if(a)clearTimeout(a);a=undefined;var n=pointerCoord(e),i=n.x,o=n.y;if(t){if(f.has(t)){throw new Error("internal error")}if(!t.classList.contains(ACTIVATED)){l(t,i,o)}D(true)}if(r){var u=f.get(r);if(u){clearTimeout(u);f.delete(r)}r.classList.remove(ACTIVATED);var c=function(){l(r,i,o);a=undefined};if(isInstant(r)){c()}else{a=setTimeout(c,ADD_ACTIVATED_DEFERS)}}t=r};var l=function(r,e,t){n=Date.now();r.classList.add(ACTIVATED);if(!o)return;var a=getRippleEffect(r);if(a!==null){p();i=a.addRipple(e,t)}};var p=function(){if(i!==undefined){i.then((function(r){return r()}));i=undefined}};var D=function(r){p();var e=t;if(!e){return}var i=CLEAR_STATE_DEFERS-Date.now()+n;if(r&&i>0&&!isInstant(e)){var a=setTimeout((function(){e.classList.remove(ACTIVATED);f.delete(e)}),CLEAR_STATE_DEFERS);f.set(e,a)}else{e.classList.remove(ACTIVATED)}};doc.addEventListener("ionGestureCaptured",T);doc.addEventListener("touchstart",u,true);doc.addEventListener("touchcancel",c,true);doc.addEventListener("touchend",c,true);doc.addEventListener("pointercancel",T,true);doc.addEventListener("mousedown",v,true);doc.addEventListener("mouseup",d,true)};var getActivatableTarget=function(r){if(r.composedPath!==undefined){var e=r.composedPath();for(var n=0;n<e.length-2;n++){var t=e[n];if(!(t instanceof ShadowRoot)&&t.classList.contains("ion-activatable")){return t}}}else{return r.target.closest(".ion-activatable")}};var isInstant=function(r){return r.classList.contains("ion-activatable-instant")};var getRippleEffect=function(r){if(r.shadowRoot){var e=r.shadowRoot.querySelector("ion-ripple-effect");if(e){return e}}return r.querySelector("ion-ripple-effect")};var ACTIVATED="ion-activated";var ADD_ACTIVATED_DEFERS=100;var CLEAR_STATE_DEFERS=150;var MOUSE_WAIT=2500;export{startTapClick};