@ionic/core 8.8.19-dev.11787007863.1976a30e → 8.8.19-dev.11787083540.1511caf2

package/dist/collection/utils/forms/start-container-controller.js

@@ -1,132 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { raf } from "../helpers";
-import { isRTL } from "../rtl/index";
-/**
- * Applied to the host while the label is being repositioned. The
- * component stylesheets style this class, so it must stay in sync with
- * the `skip-label-transition` selector in those files. Renaming it here
- * requires renaming it there too.
- */
-export const SKIP_LABEL_TRANSITION_CLASS = 'skip-label-transition';
-/**
- * Set on the host as an inline style. The component stylesheets declare
- * this property and read it with `var()`, so it must stay in sync with
- * the `--internal-start-container-adjustment` references in those files.
- * Renaming it here requires renaming it there too.
- */
-export const START_CONTAINER_ADJUSTMENT_VAR = '--internal-start-container-adjustment';
-/**
- * A utility to measure and update the start container width adjustment
- * for form components (input, textarea, select) with `fill="outline"`.
- * This adjustment compensates for the start container width when
- * positioning floating/stacked labels within the outline border.
- *
- * Measurement is deferred with raf() to avoid forcing layout during
- * component updates, and a ResizeObserver watches for dynamic width
- * changes (e.g., when web fonts load or async content changes).
- *
- * @internal
- * @param el - The host element (ion-input, ion-textarea, or ion-select).
- * @param getStartContainer - A callback that returns the start container element.
- * @param shouldApplyAdjustment - A callback that determines whether the adjustment should be applied.
- */
-export const createStartContainerController = (el, getStartContainer, shouldApplyAdjustment) => {
-    let resizeObserver;
-    let observedContainer;
-    let measurementRaf;
-    let transitionRaf;
-    let appliedAdjustment;
-    const calculateAdjustment = () => {
-        const startSlot = getStartContainer();
-        if (!startSlot || !shouldApplyAdjustment()) {
-            return '';
-        }
-        /*
-         * Round to one decimal place so fractional widths produce a stable
-         * label offset when the start container is added, removed, or resized.
-         */
-        const startContainerWidth = startSlot.getBoundingClientRect().width;
-        const roundedWidth = Math.round(startContainerWidth * 10) / 10;
-        const sign = isRTL(el) ? '' : '-';
-        return roundedWidth ? `${sign}${roundedWidth}px` : '0px';
-    };
-    const scheduleAdjustmentUpdate = () => {
-        // Return if there is already a measurement queued to avoid a flicker
-        if (measurementRaf !== undefined) {
-            return;
-        }
-        /*
-         * Defer the measurement until the next animation frame so layout
-         * is measured after the current update has been applied.
-         */
-        measurementRaf = raf(() => {
-            measurementRaf = undefined;
-            const adjustment = calculateAdjustment();
-            // Only suppress the label transition when the label has to move
-            if (adjustment !== appliedAdjustment) {
-                // Discard a removal queued by an earlier change
-                if (transitionRaf !== undefined) {
-                    cancelAnimationFrame(transitionRaf);
-                }
-                el.classList.add(SKIP_LABEL_TRANSITION_CLASS);
-                el.style.setProperty(START_CONTAINER_ADJUSTMENT_VAR, adjustment);
-                appliedAdjustment = adjustment;
-                // Re-enable the transition once the new offset has been painted
-                transitionRaf = raf(() => {
-                    transitionRaf = undefined;
-                    el.classList.remove(SKIP_LABEL_TRANSITION_CLASS);
-                });
-            }
-            setupResizeObserver();
-        });
-    };
-    const disconnectResizeObserver = () => {
-        if (resizeObserver) {
-            resizeObserver.disconnect();
-            resizeObserver = undefined;
-            observedContainer = undefined;
-        }
-    };
-    const setupResizeObserver = () => {
-        const startSlot = getStartContainer();
-        // Stop watching once the adjustment no longer applies
-        if (!startSlot || !shouldApplyAdjustment()) {
-            disconnectResizeObserver();
-            return;
-        }
-        // Return when prerendering or already watching this container
-        if (typeof ResizeObserver !== 'function' || (resizeObserver && observedContainer === startSlot)) {
-            return;
-        }
-        disconnectResizeObserver();
-        resizeObserver = new ResizeObserver(() => {
-            scheduleAdjustmentUpdate();
-        });
-        observedContainer = startSlot;
-        resizeObserver.observe(startSlot);
-    };
-    const calculateStartContainerWidth = () => {
-        scheduleAdjustmentUpdate();
-    };
-    const destroy = () => {
-        disconnectResizeObserver();
-        if (measurementRaf !== undefined) {
-            cancelAnimationFrame(measurementRaf);
-            measurementRaf = undefined;
-        }
-        // Tearing down mid-toggle would leave the transition disabled
-        if (transitionRaf !== undefined) {
-            cancelAnimationFrame(transitionRaf);
-            transitionRaf = undefined;
-            el.classList.remove(SKIP_LABEL_TRANSITION_CLASS);
-        }
-        // Re-apply from scratch if the element is connected again
-        appliedAdjustment = undefined;
-    };
-    return {
-        calculateStartContainerWidth,
-        destroy,
-    };
-};

package/dist/collection/utils/overlay-control-label.js

@@ -1,45 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-// TODO(FW-6886, FW-6892, FW-6891): Remove this file in favor of the Modular Ionic component config. Each overlay will be able to select its own defaults for label placement and justify based on the interface and mode, so this utility will no longer be necessary.
-/**
- * Returns the default `labelPlacement` for a radio or checkbox option
- * rendered inside an overlay. Defaults follow each mode's established
- * option-row layout:
- * - `ios`: `"start"` for radio in `alert` and `popover`. The `modal`
- *   interface flips iOS radio back to `"end"`. Checkbox is always
- *   `"end"` on iOS.
- * - everything else (e.g. `md`): `"end"`.
- *
- * `interfaceType` is optional; only `"modal"` changes the result, so
- * callers that aren't a modal can omit it.
- *
- * Used by `select-popover` and `select-modal` as the fallback when an
- * option doesn't explicitly set `labelPlacement`.
- */
-export const getOverlayLabelPlacement = (mode, control, interfaceType) => {
-    if (mode === 'ios' && control === 'radio' && interfaceType !== 'modal') {
-        return 'start';
-    }
-    return 'end';
-};
-/**
- * Returns the default `justify` for a radio or checkbox option rendered
- * inside an overlay. Defaults follow each mode's option-row layout:
- * - `ios`: `"space-between"` for radio in `alert` and `popover`. The
- *   `modal` interface falls back to `"start"`. Checkbox is always `"start"`
- *   on iOS.
- * - everything else (e.g. `md`): `"start"`.
- *
- * `interfaceType` is optional; only `"modal"` changes the result, so
- * callers that aren't a modal can omit it.
- *
- * Used by `select-popover` and `select-modal` as the fallback when an
- * option doesn't explicitly set `justify`.
- */
-export const getOverlayLabelJustify = (mode, control, interfaceType) => {
-    if (mode === 'ios' && control === 'radio' && interfaceType !== 'modal') {
-        return 'space-between';
-    }
-    return 'start';
-};

package/dist/collection/utils/select-option-render.js

@@ -1,118 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { h } from "@stencil/core";
-import { sanitizeDOMTree } from "./sanitization/index";
-/**
- * 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.
- */
-export const cloneToVNode = (node, keyPrefix, index) => {
-    if (node.nodeType === Node.TEXT_NODE) {
-        return node.textContent ?? '';
-    }
-    if (node.nodeType !== Node.ELEMENT_NODE) {
-        return null;
-    }
-    const el = node;
-    const tag = el.tagName.toLowerCase();
-    const key = `${keyPrefix}-${index}`;
-    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 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.
-     */
-    sanitizeDOMTree(content);
-    return (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.
- */
-export 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 (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
-    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 (h(Tag, { class: className, key: `${className}-${id}` }, labelEl));
-    }
-    // Render label with rich content (start, end, description)
-    return (h(Tag, { class: `${className} ${className}-has-rich-content`, key: `${className}-${id}` }, startContent && renderClonedContent(id, startContent, 'select-option-start', useSpan), h(Tag, { class: "select-option-content", key: `${className}-content-${id}` }, labelEl, description && (h(Tag, { class: "select-option-description", key: `${className}-desc-${id}` }, description))), endContent && renderClonedContent(id, endContent, 'select-option-end', useSpan)));
-};

package/dist/esm/config-DWCzVL3Y.js

@@ -1,32 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const setupConfig = (config) => {
-    const win = window;
-    const Ionic = win.Ionic;
-    if (Ionic && Ionic.config && Ionic.config.constructor.name !== 'Object') {
-        return;
-    }
-    win.Ionic = win.Ionic || {};
-    win.Ionic.config = {
-        ...win.Ionic.config,
-        ...config,
-    };
-    return win.Ionic.config;
-};
-const getMode = () => {
-    const win = window;
-    const config = win?.Ionic?.config;
-    if (config) {
-        if (config.mode) {
-            return config.mode;
-        }
-        else {
-            return config.get('mode');
-        }
-    }
-    return 'md';
-};
-const ENABLE_HTML_CONTENT_DEFAULT = false;
-
-export { ENABLE_HTML_CONTENT_DEFAULT as E, getMode as g, setupConfig as s };

package/dist/esm/dir-B-FxiyeI.js

@@ -1,18 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-/**
- * Returns `true` if the document or host element
- * has a `dir` set to `rtl`. The host value will always
- * take priority over the root document value.
- */
-const isRTL = (hostEl) => {
-    if (hostEl) {
-        if (hostEl.dir !== '') {
-            return hostEl.dir.toLowerCase() === 'rtl';
-        }
-    }
-    return document?.dir.toLowerCase() === 'rtl';
-};
-
-export { isRTL as i };