@ionic/core 8.8.7-dev.11779400352.127ba526 → 8.8.7-dev.11779921691.1777274a

package/dist/ionic/p-qETiT38a.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{d as t}from"./p-CBV-BGvD.js";import{q as i}from"./p-CHE1xWbg.js";import"./p-Omi_TcwW.js";import"./p-vXpMhGrs.js";const o=o=>{if(void 0===t)return;let f,p,u,l=0;const d=o.getBoolean("animated",!0)&&o.getBoolean("rippleEffect",!0),v=new WeakMap,m=()=>{u&&clearTimeout(u),u=void 0,f&&(j(!1),f=void 0)},w=(t,o)=>{if(t&&t===f)return;u&&clearTimeout(u),u=void 0;const{x:e,y:n}=i(o);if(f){if(v.has(f))throw new Error("internal error");f.classList.contains(a)||T(f,e,n),j(!0)}if(t){const i=v.get(t);i&&(clearTimeout(i),v.delete(t)),t.classList.remove(a);const o=()=>{T(t,e,n),u=void 0};r(t)?o():u=setTimeout(o,c)}f=t},T=(t,i,o)=>{if(l=Date.now(),t.classList.add(a),!d)return;const e=n(t);null!==e&&(b(),p=e.addRipple(i,o))},b=()=>{void 0!==p&&(p.then((t=>t())),p=void 0)},j=t=>{b();const i=f;if(!i)return;const o=s-Date.now()+l;if(t&&o>0&&!r(i)){const t=setTimeout((()=>{i.classList.remove(a),v.delete(i)}),s);v.set(i,t)}else i.classList.remove(a)};t.addEventListener("ionGestureCaptured",m),t.addEventListener("pointerdown",(t=>{f||2===t.button||w(e(t),t)}),!0),t.addEventListener("pointerup",(t=>{w(void 0,t)}),!0),t.addEventListener("pointercancel",m,!0)},e=t=>{if(void 0===t.composedPath)return t.target.closest(".ion-activatable");{const i=t.composedPath();for(let t=0;t<i.length-2;t++){const o=i[t];if(!(o instanceof ShadowRoot)&&o.classList.contains("ion-activatable"))return o}}},r=t=>t.classList.contains("ion-activatable-instant"),n=t=>{if(t.shadowRoot){const i=t.shadowRoot.querySelector("ion-ripple-effect");if(i)return i}return t.querySelector("ion-ripple-effect")},a="ion-activated",c=100,s=150;export{o as startTapClick}

package/dist/ionic/p-vXpMhGrs.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const o="ion-focused",t=["Tab","ArrowDown","Space","Escape"," ","Shift","Enter","ArrowLeft","ArrowRight","ArrowUp","Home","End"];let e=null;const s=()=>(e||(e=c()),e),n=o=>{s().setFocus(o)},c=e=>{let s=[],n=!0;const c=e?e.shadowRoot:document,u=e||document.body,r=t=>{s.forEach((t=>t.classList.remove(o))),t.forEach((t=>t.classList.add(o))),s=t},d=()=>{n=!1,r([])},f=o=>{n=t.includes(o.key),n||r([])},i=o=>{if(n&&void 0!==o.composedPath){const t=o.composedPath().filter((o=>!!o.classList&&o.classList.contains("ion-focusable")));r(t)}},w=()=>{c.activeElement===u&&r([])};return c.addEventListener("keydown",f),c.addEventListener("focusin",i),c.addEventListener("focusout",w),c.addEventListener("touchstart",d,{passive:!0}),c.addEventListener("mousedown",d),{destroy:()=>{c.removeEventListener("keydown",f),c.removeEventListener("focusin",i),c.removeEventListener("focusout",w),c.removeEventListener("touchstart",d),c.removeEventListener("mousedown",d)},setFocus:r}};export{n as focusElements,s as getOrInitFocusVisibleUtility,c as startFocusVisible}

package/dist/types/components/gallery/gallery-constants.d.ts

@@ -1,9 +0,0 @@
-export declare const DEFAULT_COLUMNS: {
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-    xxl: number;
-};
-export declare const DEFAULT_GAP = "16px";

package/dist/types/components/gallery/gallery-interface.d.ts

@@ -1,10 +0,0 @@
-export interface GalleryBreakpoints<T = string | number> {
-    xs?: T;
-    sm?: T;
-    md?: T;
-    lg?: T;
-    xl?: T;
-    xxl?: T;
-}
-export type GalleryColumns = GalleryBreakpoints | string | number;
-export type GalleryGap = GalleryBreakpoints | string | number;

package/dist/types/components/gallery/gallery.d.ts

@@ -1,191 +0,0 @@
-import type { ComponentInterface } from '../../stencil-public-runtime';
-import type { GalleryColumns, GalleryGap } from './gallery-interface';
-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- *
- * @slot - Content is placed in a responsive gallery layout.
- */
-export declare class Gallery implements ComponentInterface {
-    el: HTMLIonGalleryElement;
-    private masonryRaf?;
-    private resizeObserver?;
-    private lastWidth?;
-    private hasWarnedInvalidColumns;
-    private hasWarnedInvalidGap;
-    private hasWarnedUnusedOrder;
-    private hasWarnedInvalidItems;
-    /**
-     * The visual layout of the gallery. When `uniform`, rows take up the height
-     * of the tallest item and are spaced evenly across the gallery. Additionally,
-     * items will have an aspect ratio of 1/1, forcing them to be square unless a
-     * height is explicitly set. When `masonry`, items will be positioned under each
-     * other with only the specified gap between them.
-     */
-    layout: 'uniform' | 'masonry';
-    /**
-     * The order in which items are positioned. Only applies when layout is
-     * `masonry`. When `sequential`, items are positioned in the order they are
-     * placed in the DOM. When `best-fit`, items are positioned under the column
-     * with the most available space. Defaults to `sequential` when layout is
-     * `masonry` and `order` is not explicitly set.
-     */
-    order?: 'sequential' | 'best-fit';
-    /**
-     * The number of columns to display. Can be set as a number or an object of
-     * breakpoint values (e.g. `{ xs: 2, sm: 3, md: 4 }`).
-     */
-    columns: GalleryColumns;
-    /**
-     * The space between gallery items. Accepts valid CSS [length-percentage](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/length-percentage)
-     * values like `16px`, `1rem`, `20%`, math functions like `calc(10px + 20%)`,
-     * or numbers (treated as pixel values). Can also be set as a breakpoint map
-     * (e.g. `{ xs: '8px', sm: '1rem', md: '24px' }`). Does not accept
-     * space-separated values or CSS keyword values like `inherit`, `auto`, etc.
-     */
-    gap: GalleryGap;
-    protected onColumnsOrGapChanged(): void;
-    protected onLayoutOrOrderChanged(): void;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    /**
-     * Listen for the load event on child elements.
-     * When the layout is `masonry`, this listener is used to schedule a resize
-     * of the masonry grid when the child elements load. This is useful for when
-     * images take time to load.
-     */
-    protected onChildLoad(ev: Event): void;
-    /**
-     * Listen for the slotchange event on the slot.
-     * When the layout is `masonry`, this listener is used to schedule a resize
-     * of the masonry grid when the slot changes. This is useful for when items
-     * are added or removed from the gallery.
-     */
-    private onSlotChange;
-    /**
-     * Recompute the gallery column and gap variables and masonry placement when
-     * columns, gap, layout, or order change.
-     */
-    private syncResponsiveLayout;
-    /**
-     * Batch masonry measurements to a single animation frame.
-     * This avoids repeated sync layouts during rapid resize/load/slot changes.
-     */
-    private scheduleMasonryResize;
-    /**
-     * Normalize a single column value (`columns` as a number, string, or one entry from
-     * a `columns` breakpoint map) to a positive integer. Returns `undefined` when
-     * the input cannot be interpreted as a finite number.
-     */
-    private sanitizeColumns;
-    /**
-     * Normalize a single gap value (`gap` as a number, string, or one entry from
-     * a `gap` breakpoint map) to a CSS length string. Returns `undefined` when
-     * the input cannot be interpreted as a valid CSS length.
-     */
-    private sanitizeGap;
-    /**
-     * Check if the value is a breakpoint map object.
-     */
-    private isBreakpointMap;
-    /**
-     * Check if the breakpoint map has any invalid values for the provided
-     * sanitizer. A breakpoint map is invalid when there are no valid breakpoint
-     * keys set (e.g. `{}` or `{ colums: 3 }`), or when a value under a
-     * breakpoint key fails the sanitizer (e.g. `{ xs: -3 }`, `{ sm: 'foo' }`).
-     */
-    private hasInvalidBreakpointMap;
-    /**
-     * Resolve a responsive value from a breakpoint map.
-     * Uses a breakpoint-specific default when custom values are missing/invalid.
-     */
-    private resolveFromBreakpoints;
-    /**
-     * Get the columns from a responsive breakpoint map.
-     * Returns the columns for the last matching breakpoint.
-     */
-    private getColumnsFromBreakpointMap;
-    /**
-     * Get the gap from a responsive breakpoint map.
-     * Returns the gap for the last matching breakpoint.
-     */
-    private getGapFromBreakpointMap;
-    /**
-     * Warn about an invalid columns value when it is set to a negative number,
-     * an empty breakpoint map, a map with no supported breakpoint keys,
-     * or a map with invalid breakpoint values.
-     */
-    private warnInvalidColumns;
-    /**
-     * Warn about an invalid gap value when it is set to a negative number,
-     * an empty breakpoint map, a map with no supported breakpoint keys,
-     * or a map with invalid breakpoint values.
-     */
-    private warnInvalidGap;
-    /**
-     * Warn when `order` is explicitly set while layout is `uniform`.
-     */
-    private warnUnusedOrder;
-    /**
-     * Warn when gallery content is missing required `ion-gallery-item` components.
-     */
-    private warnInvalidItems;
-    /**
-     * Resolve the active columns value for the current width. Falls back to
-     * the default responsive columns when the provided prop is invalid.
-     */
-    private getColumnsForWidth;
-    /**
-     * Resolve the active gap value for the current width.
-     */
-    private getGapForWidth;
-    /**
-     * Update the responsive styles for the gallery. This is used to update
-     * the columns and gap when the component width changes.
-     */
-    private updateResponsiveStyles;
-    private isGalleryItemElement;
-    /**
-     * Return all gallery items that can be grid items with inline placement styles.
-     * Direct children that are not `ion-gallery-item` are treated as wrapper
-     * containers and flattened to nested `ion-gallery-item` children. Direct
-     * children without nested `ion-gallery-item` components are ignored.
-     */
-    private getItems;
-    /**
-     * Clear the item styles for the given item element.
-     * This is used to switch between uniform and masonry layouts.
-     */
-    private clearItemStyles;
-    /**
-     * Clear placement styles for all items when leaving masonry mode.
-     */
-    private clearMasonryStyles;
-    /**
-     * Convert a rendered item height to the number of grid rows it should span.
-     * Returns undefined for images that are not fully loaded yet.
-     */
-    private calculateRowSpan;
-    /**
-     * Get the index of the column to position the item in.
-     * When the order is `best-fit`, the column with the shortest height is
-     * returned. Otherwise, items are placed in the column that matches their
-     * natural DOM order.
-     */
-    private getColumnIndex;
-    /**
-     * Apply masonry placement by assigning each item a column and row span.
-     */
-    private layoutMasonry;
-    /**
-     * Measure the host and children, then compute masonry placement.
-     */
-    private resizeMasonryGrid;
-    /**
-     * Resolved order for layout and CSS. Order should be `undefined` for
-     * the uniform layout. When order is not set, it should be `"sequential"`
-     * for the masonry layout.
-     */
-    private getOrder;
-    render(): any;
-}

package/dist/types/components/gallery/test/utils.d.ts

@@ -1,2 +0,0 @@
-export declare const sharedStyles = "\n  ion-gallery {\n    width: 343px;\n  }\n\n  ion-gallery-item div {\n    color: #fff;\n    height: 150px;\n  }\n\n  ion-gallery-item:nth-child(1) div {\n    background: #ff6b6b;\n  }\n\n  ion-gallery-item:nth-child(2) div {\n    background: #4ecdc4;\n  }\n\n  ion-gallery-item:nth-child(3) div {\n    background: #ffe66d;\n    color: #333;\n  }\n\n  ion-gallery-item:nth-child(4) div {\n    background: #5f27cd;\n  }\n\n  ion-gallery-item:nth-child(5) div {\n    background: #7f8c8d;\n  }\n\n  ion-gallery-item:nth-child(6) div {\n    background: #ff9f43;\n  }\n\n  ion-gallery-item:nth-child(7) div {\n    background: #ff3f34;\n  }\n\n  ion-gallery-item:nth-child(8) div {\n    background: #2ecc71;\n  }\n\n  ion-gallery-item:nth-child(9) div {\n    background: #34495e;\n  }\n\n  ion-gallery-item:nth-child(10) div {\n    background: #1abc9c;\n  }\n\n  ion-gallery-item:nth-child(11) div {\n    background: #e67e22;\n  }\n\n  ion-gallery-item:nth-child(12) div {\n    background: #9b59b6;\n  }\n";
-export declare const numberToWords: (value: number) => string;

package/dist/types/components/gallery-item/gallery-item.d.ts

@@ -1,25 +0,0 @@
-import type { ComponentInterface } from '../../stencil-public-runtime';
-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- *
- * @slot - Wrap elements that should be grouped in an `ion-gallery`.
- */
-export declare class GalleryItem implements ComponentInterface {
-    private hasWarnedInvalidParent;
-    private galleryEl?;
-    private galleryClassObserver?;
-    el: HTMLIonGalleryItemElement;
-    /**
-     * The layout of the parent `ion-gallery` component.
-     */
-    galleryLayout?: 'uniform' | 'masonry';
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    private onSlotChange;
-    private warnInvalidParent;
-    private watchGalleryLayoutClasses;
-    private syncLayoutClasses;
-    render(): any;
-}

package/dist/types/components/spinner/spinner-interface.d.ts

@@ -1,22 +0,0 @@
-export interface SpinnerConfigs {
-    [spinnerName: string]: SpinnerConfig;
-}
-export interface SpinnerConfig {
-    dur: number;
-    circles?: number;
-    lines?: number;
-    elmDuration?: boolean;
-    fn: (dur: number, index: number, total: number) => SpinnerData;
-}
-export interface SpinnerData {
-    r?: number;
-    y1?: number;
-    y2?: number;
-    cx?: number;
-    cy?: number;
-    style: {
-        [key: string]: string | undefined;
-    };
-    viewBox?: string;
-    transform?: string;
-}

package/dist/types/utils/css-value-validation.d.ts

@@ -1,12 +0,0 @@
-/**
- * Helpers for validating user-supplied CSS values using regular expressions, without
- * relying on browser CSS APIs.
- */
-/**
- * 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 declare function isValidLengthPercentage(value: string): boolean;