voyager-ionic-core 7.5.5 → 7.6.1

package/dist/collection/utils/content/index.js

@@ -26,70 +26,70 @@ export const isIonContent = (el) => el.tagName === ION_CONTENT_TAG_NAME;
  * or a selector within the host, if supplied through `scrollTarget`.
  */
 export const getScrollElement = async (el) => {
-  if (isIonContent(el)) {
-    await new Promise((resolve) => componentOnReady(el, resolve));
-    return el.getScrollElement();
-  }
-  return 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.
  */
 export 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);
+    /**
+     * 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.
  */
 export const findClosestIonContent = (el) => {
-  return el.closest(ION_CONTENT_SELECTOR);
+    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.
  */
 export 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',
-  }));
+    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.
  */
 export 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',
-  }));
+    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.
  */
 export const printIonContentErrorMsg = (el) => {
-  return printRequiredElementError(el, ION_CONTENT_ELEMENT_SELECTOR);
+    return printRequiredElementError(el, ION_CONTENT_ELEMENT_SELECTOR);
 };
 /**
  * Several components in Ionic need to prevent scrolling
@@ -97,29 +97,29 @@ export const printIonContentErrorMsg = (el) => {
  * Use this utility to account for ion-content and custom content hosts.
  */
 export 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;
-  }
+    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;
+    }
 };
 export const resetContentScrollY = (contentEl, initialScrollY) => {
-  if (isIonContent(contentEl)) {
-    contentEl.scrollY = initialScrollY;
-  }
-  else {
-    contentEl.style.removeProperty('overflow');
-  }
+    if (isIonContent(contentEl)) {
+        contentEl.scrollY = initialScrollY;
+    }
+    else {
+        contentEl.style.removeProperty('overflow');
+    }
 };

package/dist/collection/utils/floating-point/floating-point.spec.js

@@ -3,20 +3,20 @@
  */
 import { getDecimalPlaces, roundToMaxDecimalPlaces } from "./index";
 describe('floating point utils', () => {
-  describe('getDecimalPlaces', () => {
-    it('should calculate decimal places for a float', async () => {
-      const n = getDecimalPlaces(5.001);
-      expect(n).toBe(3);
+    describe('getDecimalPlaces', () => {
+        it('should calculate decimal places for a float', async () => {
+            const n = getDecimalPlaces(5.001);
+            expect(n).toBe(3);
+        });
+        it('should return no decimal places for a whole number', async () => {
+            const n = getDecimalPlaces(5);
+            expect(n).toBe(0);
+        });
     });
-    it('should return no decimal places for a whole number', async () => {
-      const n = getDecimalPlaces(5);
-      expect(n).toBe(0);
+    describe('roundToMaxDecimalPlaces', () => {
+        it('should round to the highest number of places as references', async () => {
+            const n = roundToMaxDecimalPlaces(5.12345, 1.12, 2.123);
+            expect(n).toBe(5.123);
+        });
     });
-  });
-  describe('roundToMaxDecimalPlaces', () => {
-    it('should round to the highest number of places as references', async () => {
-      const n = roundToMaxDecimalPlaces(5.12345, 1.12, 2.123);
-      expect(n).toBe(5.123);
-    });
-  });
 });

package/dist/collection/utils/floating-point/index.js

@@ -2,9 +2,9 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 export function getDecimalPlaces(n) {
-  if (n % 1 === 0)
-    return 0;
-  return n.toString().split('.')[1].length;
+    if (n % 1 === 0)
+        return 0;
+    return n.toString().split('.')[1].length;
 }
 /**
  * Fixes floating point rounding errors in a result by rounding
@@ -39,6 +39,6 @@ export function getDecimalPlaces(n) {
  * be used as a reference for the desired specificity.
  */
 export function roundToMaxDecimalPlaces(n, ...references) {
-  const maxPlaces = Math.max(...references.map((r) => getDecimalPlaces(r)));
-  return Number(n.toFixed(maxPlaces));
+    const maxPlaces = Math.max(...references.map((r) => getDecimalPlaces(r)));
+    return Number(n.toFixed(maxPlaces));
 }

package/dist/collection/utils/focus-visible.js

@@ -4,70 +4,70 @@
 const ION_FOCUSED = 'ion-focused';
 const ION_FOCUSABLE = 'ion-focusable';
 const FOCUS_KEYS = [
-  'Tab',
-  'ArrowDown',
-  'Space',
-  'Escape',
-  ' ',
-  'Shift',
-  'Enter',
-  'ArrowLeft',
-  'ArrowRight',
-  'ArrowUp',
-  'Home',
-  'End',
+    'Tab',
+    'ArrowDown',
+    'Space',
+    'Escape',
+    ' ',
+    'Shift',
+    'Enter',
+    'ArrowLeft',
+    'ArrowRight',
+    'ArrowUp',
+    'Home',
+    'End',
 ];
 export const startFocusVisible = (rootEl) => {
-  let currentFocus = [];
-  let keyboardMode = true;
-  const ref = rootEl ? rootEl.shadowRoot : document;
-  const root = rootEl ? rootEl : document.body;
-  const setFocus = (elements) => {
-    currentFocus.forEach((el) => el.classList.remove(ION_FOCUSED));
-    elements.forEach((el) => el.classList.add(ION_FOCUSED));
-    currentFocus = elements;
-  };
-  const pointerDown = () => {
-    keyboardMode = false;
-    setFocus([]);
-  };
-  const onKeydown = (ev) => {
-    keyboardMode = FOCUS_KEYS.includes(ev.key);
-    if (!keyboardMode) {
-      setFocus([]);
-    }
-  };
-  const onFocusin = (ev) => {
-    if (keyboardMode && ev.composedPath !== undefined) {
-      const toFocus = ev.composedPath().filter((el) => {
-        // TODO(FW-2832): type
-        if (el.classList) {
-          return el.classList.contains(ION_FOCUSABLE);
+    let currentFocus = [];
+    let keyboardMode = true;
+    const ref = rootEl ? rootEl.shadowRoot : document;
+    const root = rootEl ? rootEl : document.body;
+    const setFocus = (elements) => {
+        currentFocus.forEach((el) => el.classList.remove(ION_FOCUSED));
+        elements.forEach((el) => el.classList.add(ION_FOCUSED));
+        currentFocus = elements;
+    };
+    const pointerDown = () => {
+        keyboardMode = false;
+        setFocus([]);
+    };
+    const onKeydown = (ev) => {
+        keyboardMode = FOCUS_KEYS.includes(ev.key);
+        if (!keyboardMode) {
+            setFocus([]);
         }
-        return false;
-      });
-      setFocus(toFocus);
-    }
-  };
-  const onFocusout = () => {
-    if (ref.activeElement === root) {
-      setFocus([]);
-    }
-  };
-  ref.addEventListener('keydown', onKeydown);
-  ref.addEventListener('focusin', onFocusin);
-  ref.addEventListener('focusout', onFocusout);
-  ref.addEventListener('touchstart', pointerDown, { passive: true });
-  ref.addEventListener('mousedown', pointerDown);
-  const destroy = () => {
-    ref.removeEventListener('keydown', onKeydown);
-    ref.removeEventListener('focusin', onFocusin);
-    ref.removeEventListener('focusout', onFocusout);
-    ref.removeEventListener('touchstart', pointerDown);
-    ref.removeEventListener('mousedown', pointerDown);
-  };
-  return {
-    destroy,
-    setFocus,
-  };
+    };
+    const onFocusin = (ev) => {
+        if (keyboardMode && ev.composedPath !== undefined) {
+            const toFocus = ev.composedPath().filter((el) => {
+                // TODO(FW-2832): type
+                if (el.classList) {
+                    return el.classList.contains(ION_FOCUSABLE);
+                }
+                return false;
+            });
+            setFocus(toFocus);
+        }
+    };
+    const onFocusout = () => {
+        if (ref.activeElement === root) {
+            setFocus([]);
+        }
+    };
+    ref.addEventListener('keydown', onKeydown);
+    ref.addEventListener('focusin', onFocusin);
+    ref.addEventListener('focusout', onFocusout);
+    ref.addEventListener('touchstart', pointerDown, { passive: true });
+    ref.addEventListener('mousedown', pointerDown);
+    const destroy = () => {
+        ref.removeEventListener('keydown', onKeydown);
+        ref.removeEventListener('focusin', onFocusin);
+        ref.removeEventListener('focusout', onFocusout);
+        ref.removeEventListener('touchstart', pointerDown);
+        ref.removeEventListener('mousedown', pointerDown);
+    };
+    return {
+        destroy,
+        setFocus,
+    };
 };

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

@@ -0,0 +1,39 @@
+/*!
+ * (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/collection/utils/forms/form-controller.js

@@ -9,53 +9,53 @@ import { findItemLabel } from "../helpers";
  * @prop el: The Ionic form component to reference
  */
 export const createLegacyFormController = (el) => {
-  const controlEl = el;
-  let legacyControl;
-  const hasLegacyControl = () => {
-    if (legacyControl === undefined) {
-      /**
-       * Detect if developers are using the legacy form control syntax
-       * so a deprecation warning is logged. This warning can be disabled
-       * by either using the new `label` property or setting `aria-label`
-       * on the control.
-       * Alternatively, components that use a slot for the label
-       * can check to see if the component has slotted text
-       * in the light DOM.
-       */
-      const hasLabelProp = controlEl.label !== undefined || hasLabelSlot(controlEl);
-      const hasAriaLabelAttribute = controlEl.hasAttribute('aria-label') ||
-        // Shadow DOM form controls cannot use aria-labelledby
-        (controlEl.hasAttribute('aria-labelledby') && controlEl.shadowRoot === null);
-      const legacyItemLabel = findItemLabel(controlEl);
-      /**
-       * Developers can manually opt-out of the modern form markup
-       * by setting `legacy="true"` on components.
-       */
-      legacyControl =
-        controlEl.legacy === true || (!hasLabelProp && !hasAriaLabelAttribute && legacyItemLabel !== null);
-    }
-    return legacyControl;
-  };
-  return { hasLegacyControl };
+    const controlEl = el;
+    let legacyControl;
+    const hasLegacyControl = () => {
+        if (legacyControl === undefined) {
+            /**
+             * Detect if developers are using the legacy form control syntax
+             * so a deprecation warning is logged. This warning can be disabled
+             * by either using the new `label` property or setting `aria-label`
+             * on the control.
+             * Alternatively, components that use a slot for the label
+             * can check to see if the component has slotted text
+             * in the light DOM.
+             */
+            const hasLabelProp = controlEl.label !== undefined || hasLabelSlot(controlEl);
+            const hasAriaLabelAttribute = controlEl.hasAttribute('aria-label') ||
+                // Shadow DOM form controls cannot use aria-labelledby
+                (controlEl.hasAttribute('aria-labelledby') && controlEl.shadowRoot === null);
+            const legacyItemLabel = findItemLabel(controlEl);
+            /**
+             * Developers can manually opt-out of the modern form markup
+             * by setting `legacy="true"` on components.
+             */
+            legacyControl =
+                controlEl.legacy === true || (!hasLabelProp && !hasAriaLabelAttribute && legacyItemLabel !== null);
+        }
+        return legacyControl;
+    };
+    return { hasLegacyControl };
 };
 const hasLabelSlot = (controlEl) => {
-  /**
-   * Components that have a named label slot
-   * also have other slots, so we need to query for
-   * anything that is explicitly passed to slot="label"
-   */
-  if (NAMED_LABEL_SLOT_COMPONENTS.includes(controlEl.tagName) && controlEl.querySelector('[slot="label"]') !== null) {
-    return true;
-  }
-  /**
-   * Components that have an unnamed slot for the label
-   * have no other slots, so we can check the textContent
-   * of the element.
-   */
-  if (UNNAMED_LABEL_SLOT_COMPONENTS.includes(controlEl.tagName) && controlEl.textContent !== '') {
-    return true;
-  }
-  return false;
+    /**
+     * Components that have a named label slot
+     * also have other slots, so we need to query for
+     * anything that is explicitly passed to slot="label"
+     */
+    if (NAMED_LABEL_SLOT_COMPONENTS.includes(controlEl.tagName) && controlEl.querySelector('[slot="label"]') !== null) {
+        return true;
+    }
+    /**
+     * Components that have an unnamed slot for the label
+     * have no other slots, so we can check the textContent
+     * of the element.
+     */
+    if (UNNAMED_LABEL_SLOT_COMPONENTS.includes(controlEl.tagName) && controlEl.textContent !== '') {
+        return true;
+    }
+    return false;
 };
 const NAMED_LABEL_SLOT_COMPONENTS = ['ION-INPUT', 'ION-TEXTAREA', 'ION-SELECT', 'ION-RANGE'];
 const UNNAMED_LABEL_SLOT_COMPONENTS = ['ION-TOGGLE', 'ION-CHECKBOX', 'ION-RADIO'];

package/dist/collection/utils/forms/index.js

@@ -3,3 +3,4 @@
  */
 export * from './form-controller';
 export * from './notch-controller';
+export * from './compare-with-utils';