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

package/dist/collection/components/toolbar/toolbar.ionic.css

@@ -1,249 +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 --background: Background of the toolbar
-   *
-   * @prop --border-color: Color of the toolbar border
-   * @prop --border-style: Style of the toolbar border
-   * @prop --border-width: Width of the toolbar border
-   *
-   * @prop --color: Color of the toolbar text
-   *
-   * @prop --min-height: Minimum height of the toolbar
-   *
-   * @prop --opacity: Opacity of the toolbar background
-   *
-   * @prop --padding-top: Top padding of the toolbar
-   * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the toolbar
-   * @prop --padding-bottom: Bottom padding of the toolbar
-   * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the toolbar
-   */
-  --border-width: 0;
-  --border-style: solid;
-  --opacity: 1;
-  --opacity-scale: 1;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  display: block;
-  position: relative;
-  width: 100%;
-  padding-right: var(--ion-safe-area-right);
-  padding-left: var(--ion-safe-area-left);
-  color: var(--color);
-  contain: content;
-  box-sizing: border-box;
-}
-
-.toolbar-container {
-  -webkit-padding-start: var(--padding-start);
-  padding-inline-start: var(--padding-start);
-  -webkit-padding-end: var(--padding-end);
-  padding-inline-end: var(--padding-end);
-  padding-top: var(--padding-top);
-  padding-bottom: var(--padding-bottom);
-  display: flex;
-  position: relative;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  min-height: var(--min-height);
-  contain: content;
-  overflow: hidden;
-  box-sizing: border-box;
-}
-
-.toolbar-background {
-  right: 0;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  position: absolute;
-  transform: translateZ(0);
-  border-width: var(--border-width);
-  border-style: var(--border-style);
-  border-color: var(--border-color);
-  background: var(--background);
-  contain: strict;
-  opacity: calc(var(--opacity) * var(--opacity-scale));
-  pointer-events: none;
-}
-
-::slotted(ion-progress-bar) {
-  right: 0;
-  left: 0;
-  bottom: 0;
-  position: absolute;
-}
-
-/**
- * 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;
- *   }
- * }
- */
-/**
- * Convert a pixels given value into rem
- * 
- * @param pixels - Value in pixels to be converted (i.e. px)
- * @param context (optional) - Baseline value
- */
-/**
- * Convert a font size to a dynamic font size.
- * Fonts that participate in Dynamic Type should use
- * dynamic font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param unit (optional) - The unit to convert to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a maximum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a minimum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * maximum and minimum font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-:host {
-  --background: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
-  --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
-  --border-color: currentColor;
-  --padding-top: var(--token-space-200, var(--token-scale-200, 8px));
-  --padding-bottom: var(--token-space-200, var(--token-scale-200, 8px));
-  --padding-start: var(--token-space-200, var(--token-scale-200, 8px));
-  --padding-end: var(--token-space-200, var(--token-scale-200, 8px));
-  --min-height: var(--token-scale-1400, 56px);
-}
-
-.toolbar-container {
-  gap: var(--token-space-400, var(--token-scale-400, 16px));
-  z-index: 10;
-}
-
-.toolbar-background {
-  z-index: -1;
-}
-
-.toolbar-content {
-  flex: 1 1 auto;
-  min-width: 0;
-}
-
-:host(.toolbar-searchbar) ::slotted(ion-searchbar) {
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-::slotted(ion-buttons) {
-  gap: var(--token-space-200, var(--token-scale-200, 8px));
-}
-
-::slotted(ion-title) {
-  -webkit-padding-start: var(--token-space-200, var(--token-scale-200, 8px));
-  padding-inline-start: var(--token-space-200, var(--token-scale-200, 8px));
-  -webkit-padding-end: var(--token-space-200, var(--token-scale-200, 8px));
-  padding-inline-end: var(--token-space-200, var(--token-scale-200, 8px));
-}
-
-:host(.toolbar-title-large) ::slotted(ion-title) {
-  -webkit-padding-start: var(--token-space-400, var(--token-scale-400, 16px));
-  padding-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
-  -webkit-padding-end: var(--token-space-400, var(--token-scale-400, 16px));
-  padding-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
-}
-
-:host(.has-end-content) slot[name=end],
-:host(.show-end) slot[name=end] {
-  display: flex;
-  flex: 0 0 var(--start-end-size, 0);
-  justify-content: flex-end;
-  text-align: end;
-}
-
-:host(.has-start-content) slot[name=start],
-:host(.show-start) slot[name=start] {
-  display: flex;
-  flex: 0 0 var(--start-end-size, 0);
-}
-
-:host(.has-primary-content) slot[name=primary],
-:host(.show-primary) slot[name=primary] {
-  display: flex;
-  flex: 0 0 var(--primary-secondary-size, 0);
-  justify-content: flex-end;
-  text-align: end;
-}
-
-:host(.has-secondary-content) slot[name=secondary],
-:host(.show-secondary) slot[name=secondary] {
-  display: flex;
-  flex: 0 0 var(--primary-secondary-size, 0);
-}
-
-:host(.toolbar-title-placement-start) ::slotted(ion-title) {
-  text-align: start;
-}
-
-:host(.toolbar-title-placement-center) ::slotted(ion-title) {
-  text-align: center;
-}
-
-:host(.toolbar-title-placement-end) ::slotted(ion-title) {
-  text-align: end;
-}

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

@@ -1,39 +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;
-// Matches a `var(--name)` reference with an optional fallback, e.g.
-// `var(--my-gap)` or `var(--my-gap, 16px)`.
-const VAR_FUNCTION_PATTERN = /^var\(\s*--[^\s,)]+\s*(?:,[\s\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);
-}
-/**
- * Returns whether `value` is a single [`var()`](https://developer.mozilla.org/en-US/docs/Web/CSS/var)
- * reference, e.g. `var(--my-token)` or `var(--my-token, 16px)`. The referenced
- * custom property is resolved by the browser, so the resolved value is not
- * validated here.
- *
- * @param value String value to validate.
- */
-export function isCssVariable(value) {
-    return VAR_FUNCTION_PATTERN.test(value.trim());
-}

package/dist/collection/utils/forms/clear-button-press-controller.js

@@ -1,40 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { doc } from "../browser/index";
-/**
- * Tracks an in-flight press on a clear button so a blur landing mid-press can't
- * hide or unmount the button before the press produces its click.
- *
- * Calling `preventDefault()` on `pointerdown` is meant to stop the field
- * blurring, but not every browser honors it (iOS Safari blurs anyway). The
- * press is released on `click` rather than `pointerup` because touch
- * dispatches the click after the finger lifts.
- *
- * @internal
- * @param onPressChange Receives the press state.
- */
-export const createClearButtonPressController = (onPressChange) => {
-    const release = () => {
-        doc === null || doc === void 0 ? void 0 : doc.removeEventListener('click', release);
-        onPressChange(false);
-    };
-    const onPointerDown = (ev) => {
-        ev.preventDefault();
-        // Only a primary press produces a click.
-        if (ev.button !== 0) {
-            return;
-        }
-        onPressChange(true);
-        doc === null || doc === void 0 ? void 0 : doc.addEventListener('click', release, { once: true });
-    };
-    // Teardown also clears the press, so a disconnect mid-press can't leave the button stuck visible.
-    const destroy = () => {
-        release();
-    };
-    return {
-        onPointerDown,
-        release,
-        destroy,
-    };
-};

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

@@ -1,47 +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`.
- */
-export 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`.
- */
-export const getOverlayLabelJustify = (theme, control, interfaceType) => {
-    if (theme === 'ionic' || (theme === 'ios' && control === 'radio' && interfaceType !== 'modal')) {
-        return 'space-between';
-    }
-    return 'start';
-};

package/dist/collection/utils/scroll-hide-controller.js

@@ -1,178 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { readTask, writeTask } from "@stencil/core";
-import { getScrollElement } from "./content";
-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).
- */
-export 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 = () => {
-        readTask(() => {
-            const heightPx = el.offsetHeight;
-            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 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();
-        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) {
-                    writeTask(() => commitHide(false));
-                }
-                return;
-            }
-            if (wheelEvent.deltaY < 0) {
-                scrollPositionAtDirectionChange = currentScrollTop;
-                if (controllerIsHidden) {
-                    writeTask(() => commitHide(false));
-                }
-            }
-            else if (wheelEvent.deltaY > 0) {
-                const scrolledSinceDirectionChange = currentScrollTop - scrollPositionAtDirectionChange;
-                if (scrolledSinceDirectionChange >= SCROLL_HIDE_THRESHOLD && !controllerIsHidden) {
-                    writeTask(() => commitHide(true));
-                }
-            }
-        });
-    };
-    const handleScroll = () => {
-        if (Date.now() - lastWheelEventTimestamp < WHEEL_SUPPRESS_DURATION_MS) {
-            return;
-        }
-        readTask(() => {
-            const currentScrollTop = scrollEl.scrollTop;
-            if (currentScrollTop <= TOP_VISIBLE_THRESHOLD) {
-                if (controllerIsHidden) {
-                    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;
-                }
-                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 };
-};

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

@@ -1,119 +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) => {
-    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}`;
-    /**
-     * 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/caret-down-D1t981Ih.js

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

package/dist/esm/caret-left-fIOYmaqA.js

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