@ionic/core 8.8.9-dev.11781024903.1e4268e5 → 8.8.9-dev.11781098612.122c6758

package/dist/esm/ionic-global--9mOmThr.js

@@ -1,508 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { e as config, j as printIonError, l as configFromSession, m as configFromURL, n as saveConfig, f as printIonWarning, g as getElement, o as getMode, q as setMode } from './index-Omi_TcwW.js';
-
-const win = typeof window !== 'undefined' ? window : undefined;
-const doc = typeof document !== 'undefined' ? document : undefined;
-
-/**
- * CloseWatcher is a newer API that lets
- * use detect the hardware back button event
- * in a web browser: https://caniuse.com/?search=closewatcher
- * However, not every browser supports it yet.
- *
- * This needs to be a function so that we can
- * check the config once it has been set.
- * Otherwise, this code would be evaluated the
- * moment this file is evaluated which could be
- * before the config is set.
- */
-const shouldUseCloseWatcher = () => config.get('experimentalCloseWatcher', false) && win !== undefined && 'CloseWatcher' in win;
-/**
- * When hardwareBackButton: false in config,
- * we need to make sure we also block the default
- * webview behavior. If we don't then it will be
- * possible for users to navigate backward while
- * an overlay is still open. Additionally, it will
- * give the appearance that the hardwareBackButton
- * config is not working as the page transition
- * will still happen.
- */
-const blockHardwareBackButton = () => {
-    document.addEventListener('backbutton', () => { }); // eslint-disable-line
-};
-const startHardwareBackButton = () => {
-    const doc = document;
-    let busy = false;
-    const backButtonCallback = () => {
-        if (busy) {
-            return;
-        }
-        let index = 0;
-        let handlers = [];
-        const ev = new CustomEvent('ionBackButton', {
-            bubbles: false,
-            detail: {
-                register(priority, handler) {
-                    handlers.push({ priority, handler, id: index++ });
-                },
-            },
-        });
-        doc.dispatchEvent(ev);
-        /**
-         * If no handlers have been registered, fall back to the default
-         * behavior of navigating back in history. This ensures the hardware
-         * back button works even when no router or custom handler is present.
-         */
-        if (handlers.length === 0) {
-            handlers.push({
-                priority: FALLBACK_BACK_BUTTON_PRIORITY,
-                handler: () => {
-                    win === null || win === void 0 ? void 0 : win.history.back();
-                },
-                id: index++,
-            });
-        }
-        const executeAction = async (handlerRegister) => {
-            try {
-                if (handlerRegister === null || handlerRegister === void 0 ? void 0 : handlerRegister.handler) {
-                    const result = handlerRegister.handler(processHandlers);
-                    if (result != null) {
-                        await result;
-                    }
-                }
-            }
-            catch (e) {
-                printIonError('[ion-app] - Exception in startHardwareBackButton:', e);
-            }
-        };
-        const processHandlers = () => {
-            if (handlers.length > 0) {
-                let selectedHandler = {
-                    priority: Number.MIN_SAFE_INTEGER,
-                    handler: () => undefined,
-                    id: -1,
-                };
-                handlers.forEach((handler) => {
-                    if (handler.priority >= selectedHandler.priority) {
-                        selectedHandler = handler;
-                    }
-                });
-                busy = true;
-                handlers = handlers.filter((handler) => handler.id !== selectedHandler.id);
-                executeAction(selectedHandler).then(() => (busy = false));
-            }
-        };
-        processHandlers();
-    };
-    /**
-     * If the CloseWatcher is defined then
-     * we don't want to also listen for the native
-     * backbutton event otherwise we may get duplicate
-     * events firing.
-     */
-    if (shouldUseCloseWatcher()) {
-        let watcher;
-        const configureWatcher = () => {
-            watcher === null || watcher === void 0 ? void 0 : watcher.destroy();
-            watcher = new win.CloseWatcher();
-            /**
-             * Once a close request happens
-             * the watcher gets destroyed.
-             * As a result, we need to re-configure
-             * the watcher so we can respond to other
-             * close requests.
-             */
-            watcher.onclose = () => {
-                backButtonCallback();
-                configureWatcher();
-            };
-        };
-        configureWatcher();
-    }
-    else {
-        doc.addEventListener('backbutton', backButtonCallback);
-    }
-};
-const OVERLAY_BACK_BUTTON_PRIORITY = 100;
-const MENU_BACK_BUTTON_PRIORITY = 99; // 1 less than overlay priority since menu is displayed behind overlays
-const FALLBACK_BACK_BUTTON_PRIORITY = -1; // Fallback when no other handlers are registered
-
-var hardwareBackButton = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    MENU_BACK_BUTTON_PRIORITY: MENU_BACK_BUTTON_PRIORITY,
-    OVERLAY_BACK_BUTTON_PRIORITY: OVERLAY_BACK_BUTTON_PRIORITY,
-    blockHardwareBackButton: blockHardwareBackButton,
-    shouldUseCloseWatcher: shouldUseCloseWatcher,
-    startHardwareBackButton: startHardwareBackButton
-});
-
-const getPlatforms = (win) => setupPlatforms(win);
-const isPlatform = (winOrPlatform, platform) => {
-    if (typeof winOrPlatform === 'string') {
-        platform = winOrPlatform;
-        winOrPlatform = undefined;
-    }
-    return getPlatforms(winOrPlatform).includes(platform);
-};
-const setupPlatforms = (win = window) => {
-    if (typeof win === 'undefined') {
-        return [];
-    }
-    win.Ionic = win.Ionic || {};
-    let platforms = win.Ionic.platforms;
-    if (platforms == null) {
-        platforms = win.Ionic.platforms = detectPlatforms(win);
-        platforms.forEach((p) => win.document.documentElement.classList.add(`plt-${p}`));
-    }
-    return platforms;
-};
-const detectPlatforms = (win) => {
-    const customPlatformMethods = config.get('platform');
-    return Object.keys(PLATFORMS_MAP).filter((p) => {
-        const customMethod = customPlatformMethods === null || customPlatformMethods === void 0 ? void 0 : customPlatformMethods[p];
-        return typeof customMethod === 'function' ? customMethod(win) : PLATFORMS_MAP[p](win);
-    });
-};
-const isMobileWeb = (win) => isMobile(win) && !isHybrid(win);
-const isIpad = (win) => {
-    // iOS 12 and below
-    if (testUserAgent(win, /iPad/i)) {
-        return true;
-    }
-    // iOS 13+
-    if (testUserAgent(win, /Macintosh/i) && isMobile(win)) {
-        return true;
-    }
-    return false;
-};
-const isIphone = (win) => testUserAgent(win, /iPhone/i);
-const isIOS = (win) => testUserAgent(win, /iPhone|iPod/i) || isIpad(win);
-const isAndroid = (win) => testUserAgent(win, /android|sink/i);
-const isAndroidTablet = (win) => {
-    return isAndroid(win) && !testUserAgent(win, /mobile/i);
-};
-const isPhablet = (win) => {
-    const width = win.innerWidth;
-    const height = win.innerHeight;
-    const smallest = Math.min(width, height);
-    const largest = Math.max(width, height);
-    return smallest > 390 && smallest < 520 && largest > 620 && largest < 800;
-};
-const isTablet = (win) => {
-    const width = win.innerWidth;
-    const height = win.innerHeight;
-    const smallest = Math.min(width, height);
-    const largest = Math.max(width, height);
-    return isIpad(win) || isAndroidTablet(win) || (smallest > 460 && smallest < 820 && largest > 780 && largest < 1400);
-};
-const isMobile = (win) => matchMedia(win, '(any-pointer:coarse)');
-const isDesktop = (win) => !isMobile(win);
-const isHybrid = (win) => isCordova(win) || isCapacitorNative(win);
-const isCordova = (win) => !!(win['cordova'] || win['phonegap'] || win['PhoneGap']);
-const isCapacitorNative = (win) => {
-    const capacitor = win['Capacitor'];
-    // TODO(ROU-11693): Remove when we no longer support Capacitor 2, which does not have isNativePlatform
-    return !!((capacitor === null || capacitor === void 0 ? void 0 : capacitor.isNative) || ((capacitor === null || capacitor === void 0 ? void 0 : capacitor.isNativePlatform) && !!capacitor.isNativePlatform()));
-};
-const isElectron = (win) => testUserAgent(win, /electron/i);
-const isPWA = (win) => { var _a; return !!(((_a = win.matchMedia) === null || _a === void 0 ? void 0 : _a.call(win, '(display-mode: standalone)').matches) || win.navigator.standalone); };
-const testUserAgent = (win, expr) => expr.test(win.navigator.userAgent);
-const matchMedia = (win, query) => { var _a; return (_a = win.matchMedia) === null || _a === void 0 ? void 0 : _a.call(win, query).matches; };
-const PLATFORMS_MAP = {
-    ipad: isIpad,
-    iphone: isIphone,
-    ios: isIOS,
-    android: isAndroid,
-    phablet: isPhablet,
-    tablet: isTablet,
-    cordova: isCordova,
-    capacitor: isCapacitorNative,
-    electron: isElectron,
-    pwa: isPWA,
-    mobile: isMobile,
-    mobileweb: isMobileWeb,
-    desktop: isDesktop,
-    hybrid: isHybrid,
-};
-
-let defaultMode;
-let defaultTheme = 'md';
-let rICHandle;
-/**
- * Prints a warning message to the developer to inform them of
- * an invalid configuration of mode and theme.
- * @param mode The invalid mode configuration.
- * @param theme The invalid theme configuration.
- */
-const printInvalidModeWarning = (mode, theme, ref) => {
-    printIonWarning(`Invalid mode and theme combination provided: mode: ${mode}, theme: ${theme}. Fallback mode ${getDefaultModeForTheme(theme)} will be used.`, ref);
-};
-/**
- * Validates if a mode is accepted for a theme configuration.
- * @param mode The mode to validate.
- * @param theme The theme the mode is being used with.
- * @returns `true` if the mode is valid for the theme, `false` if invalid.
- */
-const isModeValidForTheme = (mode, theme) => {
-    if (mode === 'md') {
-        return theme === 'md' || theme === 'ionic';
-    }
-    else if (mode === 'ios') {
-        return theme === 'ios' || theme === 'ionic';
-    }
-    return false;
-};
-/**
- * Returns the default mode for a specified theme.
- * @param theme The theme to return a default mode for.
- * @returns The default mode, either `ios` or `md`.
- */
-const getDefaultModeForTheme = (theme) => {
-    if (theme === 'ios') {
-        return 'ios';
-    }
-    return 'md';
-};
-/**
- * Returns the default theme for a specified mode.
- * @param mode The mode to return a default theme for.
- * @returns The default theme.
- */
-const getDefaultThemeForMode = (mode) => {
-    if (mode === 'ios') {
-        return 'ios';
-    }
-    return 'md';
-};
-const isModeSupported = (elmMode) => ['ios', 'md'].includes(elmMode);
-const isThemeSupported = (theme) => ['ios', 'md', 'ionic'].includes(theme);
-const isIonicElement = (elm) => { var _a; return (_a = elm.tagName) === null || _a === void 0 ? void 0 : _a.startsWith('ION-'); };
-/**
- * Returns the mode value of the element reference or the closest
- * parent with a valid mode.
- * @param ref The element reference to look up the mode for.
- * @param theme Optionally can provide the theme to avoid an additional look-up.
- * @returns The mode value for the element reference.
- */
-const getIonMode = (ref, theme = getIonTheme(ref)) => {
-    var _a;
-    if ((ref === null || ref === void 0 ? void 0 : ref.mode) && isModeValidForTheme(ref === null || ref === void 0 ? void 0 : ref.mode, theme)) {
-        /**
-         * If the reference already has a mode configuration,
-         * use it instead of performing a look-up.
-         */
-        return ref.mode;
-    }
-    else {
-        const el = getElement(ref);
-        const mode = ((_a = el.closest('[mode]')) === null || _a === void 0 ? void 0 : _a.getAttribute('mode')) || defaultMode;
-        if (isModeValidForTheme(mode, theme)) {
-            /**
-             * The mode configuration is supported for the configured theme.
-             */
-            return mode;
-        }
-        else {
-            printInvalidModeWarning(mode, theme, ref);
-        }
-    }
-    return getDefaultModeForTheme(theme);
-};
-/**
- * Returns the theme value of the element reference or the closest
- * parent with a valid theme.
- *
- * @param ref The element reference to look up the theme for.
- * @returns The theme value for the element reference, defaults to
- * the default theme if it cannot be determined.
- */
-const getIonTheme = (ref) => {
-    var _a, _b;
-    const theme = ref && getMode(ref);
-    if (theme) {
-        return theme;
-    }
-    /**
-     * If the theme cannot be detected, then fallback to using
-     * the `mode` attribute to determine the style sheets to use.
-     */
-    const el = getElement(ref);
-    const mode = (_a = ref === null || ref === void 0 ? void 0 : ref.mode) !== null && _a !== void 0 ? _a : (_b = el.closest('[mode]')) === null || _b === void 0 ? void 0 : _b.getAttribute('mode');
-    if (mode) {
-        return getDefaultThemeForMode(mode);
-    }
-    /**
-     * If a mode is not detected, then fallback to using the
-     * default theme.
-     */
-    return defaultTheme;
-};
-const rIC = (callback) => {
-    if ('requestIdleCallback' in window) {
-        return window.requestIdleCallback(callback);
-    }
-    return setTimeout(callback, 32);
-};
-const cIC = (id) => {
-    if ('cancelIdleCallback' in window) {
-        window.cancelIdleCallback(id);
-    }
-    else {
-        clearTimeout(id);
-    }
-};
-const needInputShims = () => {
-    /**
-     * iOS always needs input shims
-     */
-    const needsShimsIOS = isPlatform(window, 'ios') && isPlatform(window, 'mobile');
-    if (needsShimsIOS) {
-        return true;
-    }
-    /**
-     * Android only needs input shims when running
-     * in the browser and only if the browser is using the
-     * new Chrome 108+ resize behavior: https://developer.chrome.com/blog/viewport-resize-behavior/
-     */
-    const isAndroidMobileWeb = isPlatform(window, 'android') && isPlatform(window, 'mobileweb');
-    if (isAndroidMobileWeb) {
-        return true;
-    }
-    return false;
-};
-const initialize = (userConfig = {}) => {
-    if (typeof window === 'undefined') {
-        return;
-    }
-    const doc = window.document;
-    const win = window;
-    const Ionic = (win.Ionic = win.Ionic || {});
-    // create the Ionic.config from raw config object (if it exists)
-    // and convert Ionic.config into a ConfigApi that has a get() fn
-    const configObj = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, configFromSession(win)), { persistConfig: false }), Ionic.config), configFromURL(win)), userConfig);
-    config.reset(configObj);
-    if (config.getBoolean('persistConfig')) {
-        saveConfig(win, configObj);
-    }
-    // Setup platforms
-    setupPlatforms(win);
-    Ionic.config = config;
-    /**
-     * Check if the mode was set as an attribute on <html>
-     * which could have been set by the user, or by pre-rendering
-     * otherwise get the mode via config settings, and fallback to md.
-     */
-    Ionic.mode = defaultMode = config.get('mode', doc.documentElement.getAttribute('mode') || (isPlatform(win, 'ios') ? 'ios' : 'md'));
-    /**
-     * Check if the theme was set as an attribute on <html>
-     * which could have been set by the user, or by pre-rendering
-     * otherwise get the theme via config settings, and fallback to md.
-     */
-    Ionic.theme = defaultTheme = config.get('theme', doc.documentElement.getAttribute('theme') || getDefaultThemeForMode(defaultMode));
-    if (!isModeValidForTheme(defaultMode, defaultTheme)) {
-        printInvalidModeWarning(defaultMode, defaultTheme, configObj);
-        defaultMode = getDefaultModeForTheme(defaultTheme);
-    }
-    config.set('mode', defaultMode);
-    doc.documentElement.setAttribute('mode', defaultMode);
-    doc.documentElement.classList.add(defaultMode);
-    config.set('theme', defaultTheme);
-    doc.documentElement.setAttribute('theme', defaultTheme);
-    doc.documentElement.classList.add(defaultTheme);
-    if (config.getBoolean('_testing')) {
-        config.set('animated', false);
-    }
-    setMode((elm) => {
-        /**
-         * Iterate over all the element nodes, to both validate and
-         * set the "mode" that is used for determining the styles to
-         * apply to the element.
-         *
-         * setMode refers to Stencil's internal metadata for "mode",
-         * which is used to set the correct styleUrl for the component.
-         *
-         * If the "theme" attribute or property is set, then use it
-         * to determine the style sheets to use.
-         *
-         * If the "mode" attribute or property is set, then use it
-         * to determine the style sheets to use. This is fallback
-         * behavior for applications that are not setting the "theme".
-         */
-        while (elm) {
-            const theme = elm.getAttribute('theme');
-            if (theme) {
-                if (isThemeSupported(theme)) {
-                    return theme;
-                }
-                else if (isIonicElement(elm)) {
-                    printIonWarning(`Invalid theme: "${theme}". Supported themes include: "ios" or "md".`);
-                }
-            }
-            /**
-             * If a theme is not detected, then fallback to using the
-             * `mode` attribute to determine the style sheets to use.
-             */
-            const elmMode = elm.getAttribute('mode');
-            if (elmMode) {
-                if (isModeSupported(elmMode)) {
-                    return elmMode;
-                }
-                else if (isIonicElement(elm)) {
-                    printIonWarning(`Invalid mode: "${elmMode}". Ionic modes can be only "ios" or "md"`);
-                }
-            }
-            elm = elm.parentElement;
-        }
-        return defaultTheme;
-    });
-    // `IonApp` code
-    // ----------------------------------------------
-    {
-        // If initialize is called again, clear the previous pending callback
-        if (rICHandle !== undefined) {
-            cIC(rICHandle);
-        }
-        rICHandle = rIC(async () => {
-            const isHybrid = isPlatform(window, 'hybrid');
-            if (!config.getBoolean('_testing')) {
-                import('./index-D3WueHpT.js').then((module) => module.startTapClick(config));
-            }
-            if (config.getBoolean('statusTap', isHybrid)) {
-                import('./status-tap-fYFdZg6z.js').then((module) => module.startStatusTap());
-            }
-            if (config.getBoolean('inputShims', needInputShims())) {
-                /**
-                 * needInputShims() ensures that only iOS and Android
-                 * platforms proceed into this block.
-                 */
-                const platform = isPlatform(window, 'ios') ? 'ios' : 'android';
-                import('./input-shims-DU23z7Hg.js').then((module) => module.startInputShims(config, platform));
-            }
-            const hardwareBackButtonModule = await Promise.resolve().then(function () { return hardwareBackButton; });
-            const supportsHardwareBackButtonEvents = isHybrid || shouldUseCloseWatcher();
-            if (config.getBoolean('hardwareBackButton', supportsHardwareBackButtonEvents)) {
-                hardwareBackButtonModule.startHardwareBackButton();
-            }
-            else {
-                /**
-                 * If an app sets hardwareBackButton: false and experimentalCloseWatcher: true
-                 * then the close watcher will not be used.
-                 */
-                if (shouldUseCloseWatcher()) {
-                    printIonWarning('[ion-app] - experimentalCloseWatcher was set to `true`, but hardwareBackButton was set to `false`. Both config options must be `true` for the Close Watcher API to be used.');
-                }
-                hardwareBackButtonModule.blockHardwareBackButton();
-            }
-            if (typeof window !== 'undefined') {
-                import('./keyboard-Ca1zVCcH.js').then((module) => module.startKeyboardAssist(window));
-            }
-            import('./focus-visible-vXpMhGrs.js').then((module) => module.getOrInitFocusVisibleUtility());
-            // Reset handle once executed
-            rICHandle = undefined;
-        });
-    }
-};
-
-export { MENU_BACK_BUTTON_PRIORITY as M, OVERLAY_BACK_BUTTON_PRIORITY as O, isPlatform as a, getIonMode as b, getIonTheme as c, doc as d, getPlatforms as g, initialize as i, shouldUseCloseWatcher as s, win as w };

package/dist/esm/list-Dhi5xtNS.js

@@ -1,6 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const listSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjQsMTI4YTgsOCwwLDAsMS04LDhINDBhOCw4LDAsMCwxLDAtMTZIMjE2QTgsOCwwLDAsMSwyMjQsMTI4Wk00MCw3MkgyMTZhOCw4LDAsMCwwLDAtMTZINDBhOCw4LDAsMCwwLDAsMTZaTTIxNiwxODRINDBhOCw4LDAsMCwwLDAsMTZIMjE2YTgsOCwwLDAsMCwwLTE2WiIvPjwvc3ZnPg==';
-
-export { listSvg as l };

package/dist/esm/overlay-control-label-CODBQrPj.js

@@ -1,49 +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 theme, 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 theme's established
- * option-row layout:
- * - `ionic`: always `"start"`.
- * - `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 `alert`, `select-popover`, and `select-modal` as the fallback
- * when an option doesn't explicitly set `labelPlacement`.
- */
-const getOverlayLabelPlacement = (theme, control, interfaceType) => {
-    if (theme === 'ionic' || (theme === '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 theme's option-row layout:
- * - `ionic`: always `"space-between"`.
- * - `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 `alert`, `select-popover`, and `select-modal` as the fallback when
- * an option doesn't explicitly set `justify`.
- */
-const getOverlayLabelJustify = (theme, control, interfaceType) => {
-    if (theme === 'ionic' || (theme === 'ios' && control === 'radio' && interfaceType !== 'modal')) {
-        return 'space-between';
-    }
-    return 'start';
-};
-
-export { getOverlayLabelPlacement as a, getOverlayLabelJustify as g };

package/dist/esm/select-option-render-QGJ9tZHa.js

@@ -1,114 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { h } from './index-Omi_TcwW.js';
-import { a as sanitizeDOMTree } from './index-Bmyj8b0z.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) => {
-    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}`;
-    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}`;
-    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.
- */
-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)));
-};
-
-export { renderOptionLabel as r };