@ionic/core 8.8.19-dev.11786610762.137bbb21 → 8.8.19-dev.11786735826.1fad7c0a

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/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/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 };

package/dist/esm/caret-right-BYSs-jZz.js

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

package/dist/esm/clear-button-press-controller-C79TPm5p.js

@@ -1,43 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { d as doc } from './ionic-global-CEwbmRLz.js';
-
-/**
- * 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.
- */
-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,
-    };
-};
-
-export { createClearButtonPressController as c };