@ionic/core 8.8.7-dev.11779400352.127ba526 → 8.8.7-dev.11779921691.1777274a

package/dist/cjs/focus-visible-BIj-I3-C.js

@@ -1,101 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-'use strict';
-
-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,
-    };
-};
-
-exports.focusElements = focusElements;
-exports.getOrInitFocusVisibleUtility = getOrInitFocusVisibleUtility;
-exports.startFocusVisible = startFocusVisible;

package/dist/cjs/helpers-DJYxKN5U.js

@@ -1,413 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-'use strict';
-
-var focusVisible = require('./focus-visible-BIj-I3-C.js');
-var index = require('./index-CzcLEdQ5.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 = index.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`.
-                     */
-                    focusVisible.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;
-        index.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);
-};
-
-exports.addEventListener = addEventListener;
-exports.assert = assert;
-exports.clamp = clamp;
-exports.componentOnReady = componentOnReady;
-exports.debounce = debounce;
-exports.debounceEvent = debounceEvent;
-exports.focusVisibleElement = focusVisibleElement;
-exports.getElementRoot = getElementRoot;
-exports.hasLazyBuild = hasLazyBuild;
-exports.hasShadowDom = hasShadowDom;
-exports.inheritAriaAttributes = inheritAriaAttributes;
-exports.inheritAttributes = inheritAttributes;
-exports.isEndSide = isEndSide;
-exports.isSafeNumber = isSafeNumber;
-exports.pointerCoord = pointerCoord;
-exports.raf = raf;
-exports.removeEventListener = removeEventListener;
-exports.renderHiddenInput = renderHiddenInput;
-exports.shallowEqualStringMap = shallowEqualStringMap;
-exports.transitionEndAsync = transitionEndAsync;

package/dist/cjs/ion-gallery-item.cjs.entry.js

@@ -1,72 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-'use strict';
-
-var index = require('./index-CzcLEdQ5.js');
-var ionicGlobal = require('./ionic-global-CSEbHD_F.js');
-
-const galleryItemCss = () => `:host{display:contents}:host(.in-gallery-layout-uniform) ::slotted(*){aspect-ratio:1/1}:host(.in-gallery-layout-masonry){min-height:unset;margin-bottom:var(--internal-gallery-gap, 16px)}::slotted(*){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:100%}::slotted(img){display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}`;
-
-const GalleryItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.hasWarnedInvalidParent = false;
-        this.onSlotChange = () => {
-            this.warnInvalidParent();
-        };
-    }
-    componentWillLoad() {
-        var _a;
-        this.galleryEl = (_a = this.el.closest('ion-gallery')) !== null && _a !== void 0 ? _a : undefined;
-        this.syncLayoutClasses();
-    }
-    componentDidLoad() {
-        this.watchGalleryLayoutClasses();
-        this.warnInvalidParent();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.galleryClassObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        this.galleryClassObserver = undefined;
-        this.galleryEl = undefined;
-    }
-    warnInvalidParent() {
-        if (this.hasWarnedInvalidParent || this.galleryEl !== undefined) {
-            return;
-        }
-        index.printIonWarning('[ion-gallery-item] - This component should be used as a child of an "ion-gallery" component.', this.el);
-        this.hasWarnedInvalidParent = true;
-    }
-    watchGalleryLayoutClasses() {
-        var _a;
-        const galleryEl = this.galleryEl;
-        if (galleryEl === undefined) {
-            return;
-        }
-        (_a = this.galleryClassObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        this.galleryClassObserver = new MutationObserver(() => this.syncLayoutClasses());
-        this.galleryClassObserver.observe(galleryEl, {
-            attributes: true,
-            attributeFilter: ['class'],
-        });
-    }
-    syncLayoutClasses() {
-        var _a;
-        const layout = (_a = this.galleryEl) === null || _a === void 0 ? void 0 : _a.layout;
-        this.galleryLayout = layout === 'masonry' || layout === 'uniform' ? layout : undefined;
-    }
-    render() {
-        const { galleryLayout } = this;
-        const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'dbd9b9e005aa151981296e6487532e221f3f24e3', class: {
-                [theme]: true,
-                'in-gallery-layout-uniform': galleryLayout === 'uniform',
-                'in-gallery-layout-masonry': galleryLayout === 'masonry',
-            } }, index.h("slot", { key: '98af83e345389763cf23d5e705f1c8773836418f', onSlotchange: this.onSlotChange })));
-    }
-    get el() { return index.getElement(this); }
-};
-GalleryItem.style = galleryItemCss();
-
-exports.ion_gallery_item = GalleryItem;