@ionic/core 8.8.7-dev.11779467048.1641d05e → 8.8.7-dev.11779921691.1777274a

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

@@ -1,183 +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;
-    /**
-     * 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;
-    /**
-     * 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;
-    /**
-     * Return all directly slotted children of the gallery that can be grid items
-     * with inline placement styles (HTML elements and SVG elements).
-     */
-    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  div {\n    color: #fff;\n    height: 150px;\n  }\n\n  div:nth-child(1) {\n    background: #ff6b6b;\n  }\n\n  div:nth-child(2) {\n    background: #4ecdc4;\n  }\n\n  div:nth-child(3) {\n    background: #ffe66d;\n    color: #333;\n  }\n\n  div:nth-child(4) {\n    background: #5f27cd;\n  }\n\n  div:nth-child(5) {\n    background: #7f8c8d;\n  }\n\n  div:nth-child(6) {\n    background: #ff9f43;\n  }\n\n  div:nth-child(7) {\n    background: #ff3f34;\n  }\n\n  div:nth-child(8) {\n    background: #2ecc71;\n  }\n\n  div:nth-child(9) {\n    background: #34495e;\n  }\n\n  div:nth-child(10) {\n    background: #1abc9c;\n  }\n\n  div:nth-child(11) {\n    background: #e67e22;\n  }\n\n  div:nth-child(12) {\n    background: #9b59b6;\n  }\n";
-export declare const numberToWords: (value: number) => string;

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;