@ionic/core 8.8.19-dev.11786610762.137bbb21 → 8.8.19-nightly.20260814

package/dist/cjs/scroll-hide-controller-DAf_DwKc.js

@@ -1,345 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-'use strict';
-
-var ionicGlobal = require('./ionic-global-DvEcO0tQ.js');
-var index = require('./index-C1knGA9x.js');
-var keyboard = require('./keyboard-BbZXOwZg.js');
-var index$1 = require('./index-DRFkZu3V.js');
-
-/**
- * The element that resizes when the keyboard opens
- * is going to depend on the resize mode
- * which is why we check that here.
- */
-const getResizeContainer = (resizeMode) => {
-    /**
-     * If doc is undefined then we are
-     * in an SSR environment, so the keyboard
-     * adjustment does not apply.
-     * If the webview does not resize then there
-     * is no container to resize.
-     */
-    if (ionicGlobal.doc === undefined || resizeMode === keyboard.KeyboardResize.None || resizeMode === undefined) {
-        return null;
-    }
-    /**
-     * The three remaining resize modes: Native, Ionic, and Body
-     * all cause `ion-app` to resize, so we can listen for changes
-     * on that. In the event `ion-app` is not available then
-     * we can fall back to `body`.
-     */
-    const appRootSelector = index.config.get('appRootSelector', 'ion-app');
-    const ionApp = ionicGlobal.doc.querySelector(appRootSelector);
-    return ionApp !== null && ionApp !== void 0 ? ionApp : ionicGlobal.doc.body;
-};
-/**
- * Get the height of ion-app or body.
- * This is used for determining if the webview
- * has resized before the keyboard closed.
- * */
-const getResizeContainerHeight = (resizeMode) => {
-    const containerElement = getResizeContainer(resizeMode);
-    return containerElement === null ? 0 : containerElement.clientHeight;
-};
-/**
- * Creates a controller that tracks and reacts to opening or closing the keyboard.
- *
- * @internal
- * @param keyboardChangeCallback A function to call when the keyboard opens or closes.
- */
-const createKeyboardController = async (keyboardChangeCallback) => {
-    let keyboardWillShowHandler;
-    let keyboardWillHideHandler;
-    let keyboardVisible;
-    /**
-     * This lets us determine if the webview content
-     * has resized as a result of the keyboard.
-     */
-    let initialResizeContainerHeight;
-    const init = async () => {
-        const resizeOptions = await keyboard.Keyboard.getResizeMode();
-        const resizeMode = resizeOptions === undefined ? undefined : resizeOptions.mode;
-        keyboardWillShowHandler = () => {
-            /**
-             * We need to compute initialResizeContainerHeight right before
-             * the keyboard opens to guarantee the resize container is visible.
-             * The resize container may not be visible if we compute this
-             * as soon as the keyboard controller is created.
-             * We should only need to do this once to avoid additional clientHeight
-             * computations.
-             */
-            if (initialResizeContainerHeight === undefined) {
-                initialResizeContainerHeight = getResizeContainerHeight(resizeMode);
-            }
-            keyboardVisible = true;
-            fireChangeCallback(keyboardVisible, resizeMode);
-        };
-        keyboardWillHideHandler = () => {
-            keyboardVisible = false;
-            fireChangeCallback(keyboardVisible, resizeMode);
-        };
-        ionicGlobal.win === null || ionicGlobal.win === void 0 ? void 0 : ionicGlobal.win.addEventListener('keyboardWillShow', keyboardWillShowHandler);
-        ionicGlobal.win === null || ionicGlobal.win === void 0 ? void 0 : ionicGlobal.win.addEventListener('keyboardWillHide', keyboardWillHideHandler);
-    };
-    const fireChangeCallback = (state, resizeMode) => {
-        if (keyboardChangeCallback) {
-            keyboardChangeCallback(state, createResizePromiseIfNeeded(resizeMode));
-        }
-    };
-    /**
-     * Code responding to keyboard lifecycles may need
-     * to show/hide content once the webview has
-     * resized as a result of the keyboard showing/hiding.
-     * createResizePromiseIfNeeded provides a way for code to wait for the
-     * resize event that was triggered as a result of the keyboard.
-     */
-    const createResizePromiseIfNeeded = (resizeMode) => {
-        if (
-        /**
-         * If we are in an SSR environment then there is
-         * no window to resize. Additionally, if there
-         * is no resize mode or the resize mode is "None"
-         * then initialResizeContainerHeight will be 0
-         */
-        initialResizeContainerHeight === 0 ||
-            /**
-             * If the keyboard is closed before the webview resizes initially
-             * then the webview will never resize.
-             */
-            initialResizeContainerHeight === getResizeContainerHeight(resizeMode)) {
-            return;
-        }
-        /**
-         * Get the resize container so we can
-         * attach the ResizeObserver below to
-         * the correct element.
-         */
-        const containerElement = getResizeContainer(resizeMode);
-        if (containerElement === null) {
-            return;
-        }
-        /**
-         * Some part of the web content should resize,
-         * and we need to listen for a resize.
-         */
-        return new Promise((resolve) => {
-            const callback = () => {
-                /**
-                 * As per the spec, the ResizeObserver
-                 * will fire when observation starts if
-                 * the observed element is rendered and does not
-                 * have a size of 0 x 0. However, the watched element
-                 * may or may not have resized by the time this first
-                 * callback is fired. As a result, we need to check
-                 * the dimensions of the element.
-                 *
-                 * https://www.w3.org/TR/resize-observer/#intro
-                 */
-                if (containerElement.clientHeight === initialResizeContainerHeight) {
-                    /**
-                     * The resize happened, so stop listening
-                     * for resize on this element.
-                     */
-                    ro.disconnect();
-                    resolve();
-                }
-            };
-            /**
-             * In Capacitor there can be delay between when the window
-             * resizes and when the container element resizes, so we cannot
-             * rely on a 'resize' event listener on the window.
-             * Instead, we need to determine when the container
-             * element resizes using a ResizeObserver.
-             */
-            const ro = new ResizeObserver(callback);
-            ro.observe(containerElement);
-        });
-    };
-    const destroy = () => {
-        ionicGlobal.win === null || ionicGlobal.win === void 0 ? void 0 : ionicGlobal.win.removeEventListener('keyboardWillShow', keyboardWillShowHandler);
-        ionicGlobal.win === null || ionicGlobal.win === void 0 ? void 0 : ionicGlobal.win.removeEventListener('keyboardWillHide', keyboardWillHideHandler);
-        keyboardWillShowHandler = keyboardWillHideHandler = undefined;
-    };
-    const isKeyboardVisible = () => keyboardVisible;
-    await init();
-    return { init, destroy, isKeyboardVisible };
-};
-
-const TOP_VISIBLE_THRESHOLD = 80;
-const SCROLL_HIDE_THRESHOLD = 60;
-const WHEEL_SUPPRESS_DURATION_MS = 80;
-const SUPPRESS_SHOW_DURATION_MS = 400;
-/**
- * Creates a controller that manages scroll-based hide/show behavior
- * for headers, footers, and tab bars.
- *
- * Listens to both wheel and scroll events. Wheel events (desktop mice)
- * give direction instantly via deltaY. Scroll events cover touch,
- * trackpad, and programmatic scrolling where wheel doesn't fire.
- * A short suppression window stops them from double-processing the
- * same gesture.
- *
- * When the user reverses scroll direction, we save that position as
- * an anchor. The bar only hides after scrolling 60px past that
- * anchor, which prevents flickering on small or jittery movements.
- * Showing is immediate on direction change.
- *
- * When `options` is provided, the controller also handles the DOM
- * setup: ResizeObserver for height tracking, CSS variable read/write,
- * content partner/hidden class toggling, inert/aria-hidden, and
- * full teardown cleanup. This avoids duplicating the same setup
- * across header, footer, and tab-bar.
- *
- * @internal
- * @param contentEl The content element to resolve the scroll element from.
- * @param options Configuration for DOM setup (classes, CSS vars, a11y).
- */
-const createScrollHideController = async (contentEl, options) => {
-    const { el, cssVar, hiddenClass, contentPartnerClass, contentHiddenClass, shouldKeepAriaHidden } = options;
-    let controllerIsHidden = false;
-    let resizeObserver;
-    // --- DOM setup: height tracking, classes, a11y ---
-    const updateHideHeight = () => {
-        index.readTask(() => {
-            const heightPx = el.offsetHeight;
-            index.writeTask(() => {
-                el.style.setProperty(cssVar, `${heightPx}px`);
-                contentEl.style.setProperty(cssVar, `${heightPx}px`);
-            });
-        });
-    };
-    const setHidden = (hidden) => {
-        controllerIsHidden = hidden;
-        el.classList.toggle(hiddenClass, hidden);
-        if (hidden) {
-            el.setAttribute('inert', '');
-            el.setAttribute('aria-hidden', 'true');
-        }
-        else {
-            el.removeAttribute('inert');
-            if (!shouldKeepAriaHidden || !shouldKeepAriaHidden()) {
-                el.removeAttribute('aria-hidden');
-            }
-        }
-        contentEl.classList.toggle(contentHiddenClass, hidden);
-    };
-    // --- Scroll math ---
-    const scrollEl = await index$1.getScrollElement(contentEl);
-    let lastScrollPosition = 0;
-    let scrollPositionAtDirectionChange = 0;
-    let lastWheelEventTimestamp = 0;
-    let suppressShowUntil = 0;
-    const commitHide = (hidden) => {
-        if (hidden) {
-            suppressShowUntil = Date.now() + SUPPRESS_SHOW_DURATION_MS;
-        }
-        else {
-            suppressShowUntil = 0;
-        }
-        setHidden(hidden);
-    };
-    const handleWheel = (wheelEvent) => {
-        lastWheelEventTimestamp = Date.now();
-        index.readTask(() => {
-            const currentScrollTop = scrollEl.scrollTop;
-            // Both wheel and scroll events fire for mouse wheel input.
-            // Scroll events are suppressed for 80ms after a wheel event,
-            // but when they resume, handleScroll needs an up-to-date
-            // lastScrollPosition or it may detect the wrong direction.
-            lastScrollPosition = currentScrollTop;
-            if (currentScrollTop <= TOP_VISIBLE_THRESHOLD) {
-                if (controllerIsHidden) {
-                    index.writeTask(() => commitHide(false));
-                }
-                return;
-            }
-            if (wheelEvent.deltaY < 0) {
-                scrollPositionAtDirectionChange = currentScrollTop;
-                if (controllerIsHidden) {
-                    index.writeTask(() => commitHide(false));
-                }
-            }
-            else if (wheelEvent.deltaY > 0) {
-                const scrolledSinceDirectionChange = currentScrollTop - scrollPositionAtDirectionChange;
-                if (scrolledSinceDirectionChange >= SCROLL_HIDE_THRESHOLD && !controllerIsHidden) {
-                    index.writeTask(() => commitHide(true));
-                }
-            }
-        });
-    };
-    const handleScroll = () => {
-        if (Date.now() - lastWheelEventTimestamp < WHEEL_SUPPRESS_DURATION_MS) {
-            return;
-        }
-        index.readTask(() => {
-            const currentScrollTop = scrollEl.scrollTop;
-            if (currentScrollTop <= TOP_VISIBLE_THRESHOLD) {
-                if (controllerIsHidden) {
-                    index.writeTask(() => commitHide(false));
-                }
-                lastScrollPosition = currentScrollTop;
-                return;
-            }
-            if (currentScrollTop === lastScrollPosition) {
-                return;
-            }
-            const isScrollingDown = currentScrollTop > lastScrollPosition;
-            const wasScrollingDown = lastScrollPosition > scrollPositionAtDirectionChange;
-            if (isScrollingDown !== wasScrollingDown) {
-                scrollPositionAtDirectionChange = lastScrollPosition;
-            }
-            const scrolledSinceDirectionChange = Math.abs(currentScrollTop - scrollPositionAtDirectionChange);
-            const requiredScrollDistance = isScrollingDown ? SCROLL_HIDE_THRESHOLD : 0;
-            lastScrollPosition = currentScrollTop;
-            if (scrolledSinceDirectionChange < requiredScrollDistance) {
-                return;
-            }
-            const shouldHide = isScrollingDown;
-            if (shouldHide !== controllerIsHidden) {
-                if (!shouldHide && Date.now() < suppressShowUntil) {
-                    return;
-                }
-                index.writeTask(() => commitHide(shouldHide));
-            }
-        });
-    };
-    // --- Controller ---
-    let initialized = false;
-    const init = () => {
-        initialized = true;
-        updateHideHeight();
-        if (typeof ResizeObserver !== 'undefined') {
-            resizeObserver = new ResizeObserver(() => updateHideHeight());
-            resizeObserver.observe(el);
-        }
-        scrollEl.addEventListener('scroll', handleScroll, { passive: true });
-        scrollEl.addEventListener('wheel', handleWheel, { passive: true });
-        contentEl.classList.add(contentPartnerClass);
-    };
-    const destroy = () => {
-        if (!initialized)
-            return;
-        scrollEl.removeEventListener('scroll', handleScroll);
-        scrollEl.removeEventListener('wheel', handleWheel);
-        if (resizeObserver) {
-            resizeObserver.disconnect();
-            resizeObserver = undefined;
-        }
-        contentEl.classList.remove(contentPartnerClass, contentHiddenClass);
-        contentEl.style.removeProperty(cssVar);
-        if (controllerIsHidden) {
-            el.classList.remove(hiddenClass);
-            el.removeAttribute('inert');
-            el.removeAttribute('aria-hidden');
-            controllerIsHidden = false;
-        }
-        el.style.removeProperty(cssVar);
-    };
-    const isHidden = () => controllerIsHidden;
-    return { isHidden, init, destroy };
-};
-
-exports.createKeyboardController = createKeyboardController;
-exports.createScrollHideController = createScrollHideController;

package/dist/cjs/select-option-render-BqJEK1N1.js

@@ -1,124 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-'use strict';
-
-var index = require('./index-C1knGA9x.js');
-var index$1 = require('./index-YYUVCfP-.js');
-
-/**
- * Converts a DOM node into a Stencil VNode (or text string) so the
- * resulting tree is rendered through the component's normal render
- * path. Rendering through Stencil ensures that scoped CSS classes
- * (e.g. `sc-ion-action-sheet-ionic`) are applied to every element.
- *
- * Highly recommended to pre-sanitize the source DOM (see
- * `getOptionContent` in select.tsx). This function performs pure
- * structural conversion — no security filtering.
- *
- * Preserves attributes only — properties set imperatively on the source
- * element (e.g. `input.value` after a user types) won't carry through.
- * In practice this isn't a concern: interactive controls shouldn't
- * appear in select-option rich content since they'd nest inside the
- * overlay's button/radio/checkbox wrapper, which is invalid HTML and
- * an accessibility issue.
- *
- * @param node - The DOM node to convert. Text nodes become strings,
- * element nodes become VNodes, and any other node types are skipped.
- * @param keyPrefix - String prefix used to build a stable VNode key,
- * so Stencil's diff can preserve elements across re-renders.
- * @param index - Position of this node among its siblings. Combined
- * with `keyPrefix` to form the final unique key.
- * @returns The converted VNode, a text string, or `null` if the node
- * type isn't supported.
- *
- * @internal Exported only so it can be unit tested; not part of the
- * public API.
- */
-const cloneToVNode = (node, keyPrefix, index$1) => {
-    var _a;
-    if (node.nodeType === Node.TEXT_NODE) {
-        return (_a = node.textContent) !== null && _a !== void 0 ? _a : '';
-    }
-    if (node.nodeType !== Node.ELEMENT_NODE) {
-        return null;
-    }
-    const el = node;
-    const tag = el.tagName.toLowerCase();
-    const key = `${keyPrefix}-${index$1}`;
-    const attrs = { key };
-    for (let i = 0; i < el.attributes.length; i++) {
-        const attr = el.attributes.item(i);
-        attrs[attr.name] = attr.value;
-    }
-    const children = Array.from(el.childNodes)
-        .map((child, i) => cloneToVNode(child, key, i))
-        .filter((c) => c !== null);
-    return index.h(tag, attrs, children);
-};
-/**
- * Renders cloned DOM content as Stencil JSX. Walking the source DOM
- * into VNodes (rather than injecting it via innerHTML) keeps the
- * content inside Stencil's render path, so scoped CSS classes are
- * applied automatically and component attributes like `size` or
- * `color` survive intact.
- *
- * Span elements should be used when this content renders within buttons,
- * depending on the select interface. Buttons can only have phrasing
- * content to prevent accessibility issues.
- *
- * @param id - Unique identifier for generating stable virtual DOM keys.
- * @param content - The HTMLElement container whose child nodes will be cloned.
- * @param className - CSS class applied to the wrapper element.
- * @param useSpan - Whether to use a span element instead of a div for the wrapper.
- */
-const renderClonedContent = (id, content, className, useSpan = false) => {
-    const Tag = useSpan ? 'span' : 'div';
-    const keyPrefix = `${className}-${id}`;
-    /**
-     * Do not remove. This is the only sanitization pass for callers that pass
-     * an `HTMLElement` straight to `renderOptionLabel` (e.g. vanilla JS)
-     * without going through `getOptionContent`, which sanitizes upstream.
-     * `cloneToVNode` does pure structural conversion and no security
-     * filtering, so dropping this call would reopen an XSS hole on the
-     * direct `HTMLElement` path.
-     */
-    index$1.sanitizeDOMTree(content);
-    return (index.h(Tag, { class: className, key: keyPrefix }, Array.from(content.childNodes).map((child, i) => cloneToVNode(child, keyPrefix, i))));
-};
-/**
- * Renders the label content for a select option within an overlay
- * interface based on the presence of rich content.
- *
- * Span elements should be used when this content renders within buttons,
- * depending on the select interface. Buttons can only have phrasing
- * content to prevent accessibility issues.
- *
- * @param option - The content option data containing label, slots,
- * and description.
- * @param className - The base CSS class for the label element.
- * @param useSpan - Whether to use a span element instead of a div for the label.
- */
-const renderOptionLabel = (option, className, useSpan = false) => {
-    const { id, label, startContent, endContent, description } = option;
-    const hasRichContent = !!startContent || !!endContent || !!description;
-    const Tag = useSpan ? 'span' : 'div';
-    // Render simple string label if there is no rich content to display
-    if (!hasRichContent && (typeof label === 'string' || !label)) {
-        return (index.h(Tag, { class: className, key: `${className}-${id}` }, label));
-    }
-    // Render the main label
-    const labelEl = typeof label === 'string' || !label ? (
-    // Label is a simple string or undefined
-    index.h(Tag, { key: `${className}-label-${id}` }, label)) : (
-    // Label is an HTMLElement with potential rich content
-    renderClonedContent(id, label, `${className}-text`, useSpan));
-    // No rich content, render just the label
-    if (!hasRichContent) {
-        return (index.h(Tag, { class: className, key: `${className}-${id}` }, labelEl));
-    }
-    // Render label with rich content (start, end, description)
-    return (index.h(Tag, { class: `${className} ${className}-has-rich-content`, key: `${className}-${id}` }, startContent && renderClonedContent(id, startContent, 'select-option-start', useSpan), index.h(Tag, { class: "select-option-content", key: `${className}-content-${id}` }, labelEl, description && (index.h(Tag, { class: "select-option-description", key: `${className}-desc-${id}` }, description))), endContent && renderClonedContent(id, endContent, 'select-option-end', useSpan)));
-};
-
-exports.renderOptionLabel = renderOptionLabel;

package/dist/cjs/validity-QmuwEptc.js

@@ -1,51 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-'use strict';
-
-/**
- * Checks if the form element is in an invalid state based on
- * Ionic validation classes.
- *
- * @param el The form element to check.
- * @returns `true` if the element is invalid, `false` otherwise.
- */
-const checkInvalidState = (el) => {
-    const hasIonTouched = el.classList.contains('ion-touched');
-    const hasIonInvalid = el.classList.contains('ion-invalid');
-    return hasIonTouched && hasIonInvalid;
-};
-const getValidityFlags = (validity) => {
-    return {
-        badInput: validity.badInput,
-        customError: validity.customError,
-        patternMismatch: validity.patternMismatch,
-        rangeOverflow: validity.rangeOverflow,
-        rangeUnderflow: validity.rangeUnderflow,
-        stepMismatch: validity.stepMismatch,
-        tooLong: validity.tooLong,
-        tooShort: validity.tooShort,
-        typeMismatch: validity.typeMismatch,
-        valueMissing: validity.valueMissing,
-    };
-};
-/**
- * Reports the validity state of a native form element to ElementInternals.
- * This delegates to the native element's built-in validation, which automatically
- * handles required, minlength, maxlength, and other constraints.
- */
-const reportValidityToElementInternals = (nativeElement, internals) => {
-    if (!(nativeElement === null || nativeElement === void 0 ? void 0 : nativeElement.validity)) {
-        return;
-    }
-    if (nativeElement.validity.valid) {
-        internals.setValidity({});
-    }
-    else {
-        const validityFlags = getValidityFlags(nativeElement.validity);
-        internals.setValidity(validityFlags, nativeElement.validationMessage, nativeElement);
-    }
-};
-
-exports.checkInvalidState = checkInvalidState;
-exports.reportValidityToElementInternals = reportValidityToElementInternals;

package/dist/cjs/x-BTF99yFH.js

@@ -1,8 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-'use strict';
-
-const xSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMDUuNjYsMTk0LjM0YTgsOCwwLDAsMS0xMS4zMiwxMS4zMkwxMjgsMTM5LjMxLDYxLjY2LDIwNS42NmE4LDgsMCwwLDEtMTEuMzItMTEuMzJMMTE2LjY5LDEyOCw1MC4zNCw2MS42NkE4LDgsMCwwLDEsNjEuNjYsNTAuMzRMMTI4LDExNi42OWw2Ni4zNC02Ni4zNWE4LDgsMCwwLDEsMTEuMzIsMTEuMzJMMTM5LjMxLDEyOFoiLz48L3N2Zz4=';
-
-exports.xSvg = xSvg;