@ionic/core 8.8.7-dev.11779467048.1641d05e → 8.8.7-dev.11779921691.1777274a

package/dist/collection/components/spinner/spinner.native.css

@@ -1,199 +0,0 @@
-/**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
- * A heuristic that applies CSS to mobile
- * viewports (i.e. phones, not tablets).
- *
- * Usage:
- * @include mobile-viewport() {
- *   :host {
- *     background-color: blue;
- *   }
- * }
- */
-:host {
-  /**
-   * @prop --color: Color of the spinner
-   */
-  display: inline-block;
-  position: relative;
-  width: 28px;
-  height: 28px;
-  color: var(--color);
-  overflow: hidden;
-  user-select: none;
-}
-
-:host(.ion-color) {
-  color: var(--ion-color-base);
-}
-
-svg {
-  transform-origin: center;
-  position: absolute;
-  /**
-   * Do not use @include position
-   * as the alignment of the elements with
-   * a spinner should not be RTL aware.
-   */
-  top: 0;
-  /* stylelint-disable-next-line property-disallowed-list */
-  left: 0;
-  width: 100%;
-  height: 100%;
-  transform: translateZ(0);
-}
-:host-context([dir=rtl]) svg {
-  transform-origin: calc(100% - center);
-}
-
-[dir=rtl] svg {
-  transform-origin: calc(100% - center);
-}
-
-@supports selector(:dir(rtl)) {
-  svg:dir(rtl) {
-    transform-origin: calc(100% - center);
-  }
-}
-
-:host(.spinner-lines) line,
-:host(.spinner-lines-small) line,
-:host(.spinner-lines-sharp) line,
-:host(.spinner-lines-sharp-small) line {
-  stroke-linecap: round;
-  stroke: currentColor;
-}
-
-:host(.spinner-lines) svg,
-:host(.spinner-lines-small) svg,
-:host(.spinner-lines-sharp) svg,
-:host(.spinner-lines-sharp-small) svg {
-  animation: spinner-fade-out 1s linear infinite;
-}
-
-:host(.spinner-bubbles) svg {
-  animation: spinner-scale-out 1s linear infinite;
-  fill: currentColor;
-}
-
-:host(.spinner-circles) svg {
-  animation: spinner-fade-out 1s linear infinite;
-  fill: currentColor;
-}
-
-:host(.spinner-crescent) circle {
-  fill: transparent;
-  stroke-width: 4px;
-  stroke-dasharray: 128px;
-  stroke-dashoffset: 82px;
-  stroke: currentColor;
-}
-
-:host(.spinner-crescent) svg {
-  animation: spinner-rotate 1s linear infinite;
-}
-
-:host(.spinner-dots) circle {
-  stroke-width: 0;
-  fill: currentColor;
-}
-
-:host(.spinner-dots) svg {
-  animation: spinner-dots 1s linear infinite;
-}
-
-:host(.spinner-circular) svg {
-  animation: spinner-circular linear infinite;
-}
-
-:host(.spinner-circular) circle {
-  animation: spinner-circular-inner ease-in-out infinite;
-  stroke: currentColor;
-  stroke-dasharray: 80px, 200px;
-  stroke-dashoffset: 0px;
-  stroke-width: 5.6;
-  fill: none;
-}
-
-:host(.spinner-paused),
-:host(.spinner-paused) svg,
-:host(.spinner-paused) circle {
-  animation-play-state: paused;
-}
-
-@keyframes spinner-fade-out {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-@keyframes spinner-scale-out {
-  0% {
-    transform: scale(1, 1);
-  }
-  100% {
-    transform: scale(0, 0);
-  }
-}
-@keyframes spinner-rotate {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes spinner-dots {
-  0% {
-    transform: scale(1, 1);
-    opacity: 0.9;
-  }
-  50% {
-    transform: scale(0.4, 0.4);
-    opacity: 0.3;
-  }
-  100% {
-    transform: scale(1, 1);
-    opacity: 0.9;
-  }
-}
-@keyframes spinner-circular {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes spinner-circular-inner {
-  0% {
-    stroke-dasharray: 1px, 200px;
-    stroke-dashoffset: 0px;
-  }
-  50% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -15px;
-  }
-  100% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -125px;
-  }
-}
-:host(.spinner-lines) line,
-:host(.spinner-lines-small) line {
-  stroke-width: 7px;
-}
-
-:host(.spinner-lines-sharp) line,
-:host(.spinner-lines-sharp-small) line {
-  stroke-width: 4px;
-}

package/dist/collection/utils/css-value-validation.js

@@ -1,25 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-/**
- * Helpers for validating user-supplied CSS values using regular expressions, without
- * relying on browser CSS APIs.
- */
-// Matches `<length>` (`<number>` + unit identifier) or `<percentage>` (`<number>%`).
-const LENGTH_PERCENTAGE_PATTERN = /^[-+]?(?:\d+\.?\d*|\.\d+)(?:%|[a-z]+)$/i;
-// Matches simple `calc` / `min` / `max` / `clamp(...)` functions.
-const MATH_FUNCTION_PATTERN = /^(calc|min|max|clamp)\s*\(.+\)$/i;
-/**
- * Returns whether `value` matches the [length-percentage](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/length-percentage)
- * syntax. Accepts `<length>` (`<number>` + unit identifier) or `<percentage>` (`<number>%`).
- * Also supports simple `calc` / `min` / `max` / `clamp(...)` functions.
- *
- * @param value String value to validate.
- */
-export function isValidLengthPercentage(value) {
-    const v = value.trim();
-    if (!v) {
-        return false;
-    }
-    return MATH_FUNCTION_PATTERN.test(v) || LENGTH_PERCENTAGE_PATTERN.test(v);
-}

package/dist/esm/focus-visible-vXpMhGrs.js

@@ -1,97 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const ION_FOCUSED = 'ion-focused';
-const ION_FOCUSABLE = 'ion-focusable';
-const FOCUS_KEYS = [
-    'Tab',
-    'ArrowDown',
-    'Space',
-    'Escape',
-    ' ',
-    'Shift',
-    'Enter',
-    'ArrowLeft',
-    'ArrowRight',
-    'ArrowUp',
-    'Home',
-    'End',
-];
-let focusVisibleUtility = null;
-const getOrInitFocusVisibleUtility = () => {
-    if (!focusVisibleUtility) {
-        focusVisibleUtility = startFocusVisible();
-    }
-    return focusVisibleUtility;
-};
-/**
- * Used to set focus on an element that uses `ion-focusable`.
- * Do not use this if focusing the element as a result of a keyboard
- * event as the focus utility should handle this for us. This method
- * should be used when we want to programmatically focus an element as
- * a result of another user action. (Ex: We focus the first element
- * inside of a popover when the user presents it, but the popover is not always
- * presented as a result of keyboard action.)
- *
- * @param elements - The elements to set focus on.
- */
-const focusElements = (elements) => {
-    const focusVisible = getOrInitFocusVisibleUtility();
-    focusVisible.setFocus(elements);
-};
-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);
-                }
-                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,
-    };
-};
-
-export { focusElements, getOrInitFocusVisibleUtility, startFocusVisible };

package/dist/esm/helpers-Do7zwvM1.js

@@ -1,392 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { focusElements } from './focus-visible-vXpMhGrs.js';
-import { j as printIonError, e as config } from './index-Omi_TcwW.js';
-
-const transitionEndAsync = (el, expectedDuration = 0) => {
-    return new Promise((resolve) => {
-        transitionEnd(el, expectedDuration, resolve);
-    });
-};
-/**
- * Allows developer to wait for a transition
- * to finish and fallback to a timer if the
- * transition is cancelled or otherwise
- * never finishes. Also see transitionEndAsync
- * which is an await-able version of this.
- */
-const transitionEnd = (el, expectedDuration = 0, callback) => {
-    let unRegTrans;
-    let animationTimeout;
-    const opts = { passive: true };
-    const ANIMATION_FALLBACK_TIMEOUT = 500;
-    const unregister = () => {
-        if (unRegTrans) {
-            unRegTrans();
-        }
-    };
-    const onTransitionEnd = (ev) => {
-        if (ev === undefined || el === ev.target) {
-            unregister();
-            callback(ev);
-        }
-    };
-    if (el) {
-        el.addEventListener('webkitTransitionEnd', onTransitionEnd, opts);
-        el.addEventListener('transitionend', onTransitionEnd, opts);
-        animationTimeout = setTimeout(onTransitionEnd, expectedDuration + ANIMATION_FALLBACK_TIMEOUT);
-        unRegTrans = () => {
-            if (animationTimeout !== undefined) {
-                clearTimeout(animationTimeout);
-                animationTimeout = undefined;
-            }
-            el.removeEventListener('webkitTransitionEnd', onTransitionEnd, opts);
-            el.removeEventListener('transitionend', onTransitionEnd, opts);
-        };
-    }
-    return unregister;
-};
-/**
- * Waits for a component to be ready for
- * both custom element and non-custom element builds.
- * If non-custom element build, el.componentOnReady
- * will be used.
- * For custom element builds, we wait a frame
- * so that the inner contents of the component
- * have a chance to render.
- *
- * Use this utility rather than calling
- * el.componentOnReady yourself.
- */
-const componentOnReady = (el, callback) => {
-    if (el.componentOnReady) {
-        // eslint-disable-next-line custom-rules/no-component-on-ready-method
-        el.componentOnReady().then((resolvedEl) => callback(resolvedEl));
-    }
-    else {
-        raf(() => callback(el));
-    }
-};
-/**
- * This functions checks if a Stencil component is using
- * the lazy loaded build of Stencil. Returns `true` if
- * the component is lazy loaded. Returns `false` otherwise.
- */
-const hasLazyBuild = (stencilEl) => {
-    return stencilEl.componentOnReady !== undefined;
-};
-/**
- * Elements inside of web components sometimes need to inherit global attributes
- * set on the host. For example, the inner input in `ion-input` should inherit
- * the `title` attribute that developers set directly on `ion-input`. This
- * helper function should be called in componentWillLoad and assigned to a variable
- * that is later used in the render function.
- *
- * This does not need to be reactive as changing attributes on the host element
- * does not trigger a re-render.
- */
-const inheritAttributes = (el, attributes = []) => {
-    const attributeObject = {};
-    attributes.forEach((attr) => {
-        if (el.hasAttribute(attr)) {
-            const value = el.getAttribute(attr);
-            if (value !== null) {
-                attributeObject[attr] = el.getAttribute(attr);
-            }
-            el.removeAttribute(attr);
-        }
-    });
-    return attributeObject;
-};
-/**
- * List of available ARIA attributes + `role`.
- * Removed deprecated attributes.
- * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes
- */
-const ariaAttributes = [
-    'role',
-    'aria-activedescendant',
-    'aria-atomic',
-    'aria-autocomplete',
-    'aria-braillelabel',
-    'aria-brailleroledescription',
-    'aria-busy',
-    'aria-checked',
-    'aria-colcount',
-    'aria-colindex',
-    'aria-colindextext',
-    'aria-colspan',
-    'aria-controls',
-    'aria-current',
-    'aria-describedby',
-    'aria-description',
-    'aria-details',
-    'aria-disabled',
-    'aria-errormessage',
-    'aria-expanded',
-    'aria-flowto',
-    'aria-haspopup',
-    'aria-hidden',
-    'aria-invalid',
-    'aria-keyshortcuts',
-    'aria-label',
-    'aria-labelledby',
-    'aria-level',
-    'aria-live',
-    'aria-multiline',
-    'aria-multiselectable',
-    'aria-orientation',
-    'aria-owns',
-    'aria-placeholder',
-    'aria-posinset',
-    'aria-pressed',
-    'aria-readonly',
-    'aria-relevant',
-    'aria-required',
-    'aria-roledescription',
-    'aria-rowcount',
-    'aria-rowindex',
-    'aria-rowindextext',
-    'aria-rowspan',
-    'aria-selected',
-    'aria-setsize',
-    'aria-sort',
-    'aria-valuemax',
-    'aria-valuemin',
-    'aria-valuenow',
-    'aria-valuetext',
-];
-/**
- * Returns an array of aria attributes that should be copied from
- * the shadow host element to a target within the light DOM.
- * @param el The element that the attributes should be copied from.
- * @param ignoreList The list of aria-attributes to ignore reflecting and removing from the host.
- * Use this in instances where we manually specify aria attributes on the `<Host>` element.
- */
-const inheritAriaAttributes = (el, ignoreList) => {
-    let attributesToInherit = ariaAttributes;
-    return inheritAttributes(el, attributesToInherit);
-};
-const addEventListener = (el, eventName, callback, opts) => {
-    return el.addEventListener(eventName, callback, opts);
-};
-const removeEventListener = (el, eventName, callback, opts) => {
-    return el.removeEventListener(eventName, callback, opts);
-};
-/**
- * Gets the root context of a shadow dom element
- * On newer browsers this will be the shadowRoot,
- * but for older browser this may just be the
- * element itself.
- *
- * Useful for whenever you need to explicitly
- * do "myElement.shadowRoot!.querySelector(...)".
- */
-const getElementRoot = (el, fallback = el) => {
-    return el.shadowRoot || fallback;
-};
-/**
- * Patched version of requestAnimationFrame that avoids ngzone
- * Use only when you know ngzone should not run
- */
-const raf = (h) => {
-    if (typeof __zone_symbol__requestAnimationFrame === 'function') {
-        return __zone_symbol__requestAnimationFrame(h);
-    }
-    if (typeof requestAnimationFrame === 'function') {
-        return requestAnimationFrame(h);
-    }
-    return setTimeout(h);
-};
-const hasShadowDom = (el) => {
-    return !!el.shadowRoot && !!el.attachShadow;
-};
-/**
- * Focuses a given element while ensuring proper focus management
- * within the Ionic framework. If the element is marked as `ion-focusable`,
- * this function will delegate focus handling to `ion-app` or manually
- * apply focus when a custom app root is used.
- *
- * This function helps maintain accessibility and expected focus behavior
- * in both standard and custom root environments.
- *
- * @param el - The element to focus.
- */
-const focusVisibleElement = (el) => {
-    el.focus();
-    /**
-     * When programmatically focusing an element,
-     * the focus-visible utility will not run because
-     * it is expecting a keyboard event to have triggered this;
-     * however, there are times when we need to manually control
-     * this behavior so we call the `setFocus` method on ion-app
-     * which will let us explicitly set the elements to focus.
-     *
-     * Note: The element passed to this function might be an inner
-     * focusable element (e.g., a native <button> inside ion-button's
-     * shadow root). If so, we need to find the host element that has
-     * the ion-focusable class to pass to setFocus.
-     */
-    let elToFocus = el;
-    // If the element doesn't have ion-focusable, check if it's inside
-    // a shadow root and use the host element instead
-    if (!el.classList.contains('ion-focusable')) {
-        const rootNode = el.getRootNode();
-        if (rootNode instanceof ShadowRoot && rootNode.host instanceof HTMLElement) {
-            elToFocus = rootNode.host;
-        }
-    }
-    if (elToFocus.classList.contains('ion-focusable')) {
-        const appRootSelector = config.get('appRootSelector', 'ion-app');
-        const app = elToFocus.closest(appRootSelector);
-        if (app) {
-            if (appRootSelector === 'ion-app') {
-                /**
-                 * If the app root is the default, then it will be
-                 * in charge of setting focus. This is because the
-                 * focus-visible utility is attached to the app root
-                 * and will handle setting focus on the correct element.
-                 */
-                app.setFocus([elToFocus]);
-            }
-            else {
-                /**
-                 * When using a custom app root selector, the focus-visible
-                 * utility is not available to manage focus automatically.
-                 * If we set focus immediately, the element may not be fully
-                 * rendered or interactive, especially if it was just added
-                 * to the DOM. Using requestAnimationFrame ensures that focus
-                 * is applied on the next frame, allowing the DOM to settle
-                 * before changing focus.
-                 */
-                requestAnimationFrame(() => {
-                    /**
-                     * The focus-visible utility is used to set focus on an
-                     * element that uses `ion-focusable`.
-                     */
-                    focusElements([elToFocus]);
-                });
-            }
-        }
-    }
-};
-/**
- * This method is used to add a hidden input to a host element that contains
- * a Shadow DOM. It does not add the input inside of the Shadow root which
- * allows it to be picked up inside of forms. It should contain the same
- * values as the host element.
- *
- * @param always Add a hidden input even if the container does not use Shadow
- * @param container The element where the input will be added
- * @param name The name of the input
- * @param value The value of the input
- * @param disabled If true, the input is disabled
- */
-const renderHiddenInput = (always, container, name, value, disabled) => {
-    {
-        let input = container.querySelector('input.aux-input');
-        if (!input) {
-            input = container.ownerDocument.createElement('input');
-            input.type = 'hidden';
-            input.classList.add('aux-input');
-            container.appendChild(input);
-        }
-        input.disabled = disabled;
-        input.name = name;
-        input.value = value || '';
-    }
-};
-const clamp = (min, n, max) => {
-    return Math.max(min, Math.min(n, max));
-};
-const assert = (actual, reason) => {
-    if (!actual) {
-        const message = 'ASSERT: ' + reason;
-        printIonError(message);
-        debugger; // eslint-disable-line
-        throw new Error(message);
-    }
-};
-const pointerCoord = (ev) => {
-    // get X coordinates for either a mouse click
-    // or a touch depending on the given event
-    if (ev) {
-        const changedTouches = ev.changedTouches;
-        if (changedTouches && changedTouches.length > 0) {
-            const touch = changedTouches[0];
-            return { x: touch.clientX, y: touch.clientY };
-        }
-        if (ev.pageX !== undefined) {
-            return { x: ev.pageX, y: ev.pageY };
-        }
-    }
-    return { x: 0, y: 0 };
-};
-/**
- * @hidden
- * Given a side, return if it should be on the end
- * based on the value of dir
- * @param side the side
- * @param isRTL whether the application dir is rtl
- */
-const isEndSide = (side) => {
-    const isRTL = document.dir === 'rtl';
-    switch (side) {
-        case 'start':
-            return isRTL;
-        case 'end':
-            return !isRTL;
-        default:
-            throw new Error(`"${side}" is not a valid value for [side]. Use "start" or "end" instead.`);
-    }
-};
-const debounceEvent = (event, wait) => {
-    const original = event._original || event;
-    return {
-        _original: event,
-        emit: debounce(original.emit.bind(original), wait),
-    };
-};
-const debounce = (func, wait = 0) => {
-    let timer;
-    return (...args) => {
-        clearTimeout(timer);
-        timer = setTimeout(func, wait, ...args);
-    };
-};
-/**
- * Check whether the two string maps are shallow equal.
- *
- * undefined is treated as an empty map.
- *
- * @returns whether the keys are the same and the values are shallow equal.
- */
-const shallowEqualStringMap = (map1, map2) => {
-    map1 !== null && map1 !== void 0 ? map1 : (map1 = {});
-    map2 !== null && map2 !== void 0 ? map2 : (map2 = {});
-    if (map1 === map2) {
-        return true;
-    }
-    const keys1 = Object.keys(map1);
-    if (keys1.length !== Object.keys(map2).length) {
-        return false;
-    }
-    for (const k1 of keys1) {
-        if (!(k1 in map2)) {
-            return false;
-        }
-        if (map1[k1] !== map2[k1]) {
-            return false;
-        }
-    }
-    return true;
-};
-/**
- * Checks input for usable number. Not NaN and not Infinite.
- */
-const isSafeNumber = (input) => {
-    return typeof input === 'number' && !isNaN(input) && isFinite(input);
-};
-
-export { renderHiddenInput as a, inheritAttributes as b, componentOnReady as c, debounceEvent as d, clamp as e, addEventListener as f, getElementRoot as g, hasLazyBuild as h, inheritAriaAttributes as i, isSafeNumber as j, hasShadowDom as k, assert as l, removeEventListener as m, debounce as n, focusVisibleElement as o, isEndSide as p, pointerCoord as q, raf as r, shallowEqualStringMap as s, transitionEndAsync as t };