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

package/dist/collection/components/gallery/test/utils.js

@@ -1,100 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-export const sharedGalleryStyles = `
-  ion-gallery {
-    width: 343px;
-  }
-`;
-export const sharedGalleryItemStyles = `
-  ion-gallery-item {
-    color: #fff;
-  }
-
-  ion-gallery-item:nth-child(1) {
-    background: #ff6b6b;
-  }
-
-  ion-gallery-item:nth-child(2) {
-    background: #4ecdc4;
-  }
-
-  ion-gallery-item:nth-child(3) {
-    background: #ffe66d;
-    color: #333;
-  }
-
-  ion-gallery-item:nth-child(4) {
-    background: #5f27cd;
-  }
-
-  ion-gallery-item:nth-child(5) {
-    background: #7f8c8d;
-  }
-
-  ion-gallery-item:nth-child(6) {
-    background: #ff9f43;
-  }
-
-  ion-gallery-item:nth-child(7) {
-    background: #ff3f34;
-  }
-
-  ion-gallery-item:nth-child(8) {
-    background: #2ecc71;
-  }
-
-  ion-gallery-item:nth-child(9) {
-    background: #34495e;
-  }
-
-  ion-gallery-item:nth-child(10) {
-    background: #1abc9c;
-  }
-
-  ion-gallery-item:nth-child(11) {
-    background: #e67e22;
-  }
-
-  ion-gallery-item:nth-child(12) {
-    background: #9b59b6;
-  }
-`;
-export const numberToWords = (value) => {
-    const ones = [
-        'zero',
-        'one',
-        'two',
-        'three',
-        'four',
-        'five',
-        'six',
-        'seven',
-        'eight',
-        'nine',
-        'ten',
-        'eleven',
-        'twelve',
-        'thirteen',
-        'fourteen',
-        'fifteen',
-        'sixteen',
-        'seventeen',
-        'eighteen',
-        'nineteen',
-    ];
-    const tens = ['', '', 'twenty', 'thirty', 'forty', 'fifty', 'sixty', 'seventy', 'eighty', 'ninety'];
-    if (!Number.isInteger(value) || value < 0 || value >= 100) {
-        return `${value}`;
-    }
-    let word = '';
-    if (value < 20) {
-        word = ones[value];
-    }
-    else {
-        const tensValue = Math.floor(value / 10);
-        const onesValue = value % 10;
-        word = onesValue === 0 ? tens[tensValue] : `${tens[tensValue]}-${ones[onesValue]}`;
-    }
-    return word.charAt(0).toUpperCase() + word.slice(1);
-};

package/dist/collection/components/gallery-item/gallery-item.css

@@ -1,49 +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 {
-  display: block;
-  width: 100%;
-}
-
-::slotted(*) {
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-  width: 100%;
-}
-
-::slotted(img) {
-  display: block;
-  object-fit: cover;
-  object-position: center;
-}
-
-:host(.in-gallery-layout-uniform),
-:host(.in-gallery-layout-uniform) ::slotted(*) {
-  aspect-ratio: 1/1;
-}
-
-:host(.in-gallery-layout-masonry) {
-  margin-bottom: var(--internal-gallery-gap, 16px);
-}

package/dist/collection/components/gallery-item/gallery-item.js

@@ -1,99 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { Host, h } from "@stencil/core";
-import { printIonWarning } from "../../utils/logging/index";
-import { getIonTheme } from "../../global/ionic-global";
-/**
- * @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 - The content placed inside of the gallery item. This is typically an
- * `img`, but can be any element (e.g. a `figure` wrapping an image and caption).
- */
-export class GalleryItem {
-    constructor() {
-        this.hasWarnedInvalidParent = false;
-        this.onSlotChange = () => {
-            this.warnInvalidParent();
-        };
-    }
-    componentWillLoad() {
-        this.syncGalleryLayout();
-    }
-    componentDidLoad() {
-        this.warnInvalidParent();
-    }
-    connectedCallback() {
-        this.syncGalleryLayout();
-    }
-    /**
-     * Resolve the layout from the parent `ion-gallery`. Called internally on
-     * load and connect, and by the gallery when its layout changes.
-     * @internal
-     */
-    async syncGalleryLayout() {
-        var _a;
-        this.galleryLayout = (_a = this.el.closest('ion-gallery')) === null || _a === void 0 ? void 0 : _a.layout;
-    }
-    /**
-     * Warn when the item is not a descendant of an `ion-gallery`.
-     */
-    warnInvalidParent() {
-        if (this.hasWarnedInvalidParent || this.el.closest('ion-gallery') !== null) {
-            return;
-        }
-        printIonWarning('[ion-gallery-item] - This component should be used as a child of an "ion-gallery" component.', this.el);
-        this.hasWarnedInvalidParent = true;
-    }
-    render() {
-        const { galleryLayout } = this;
-        const theme = getIonTheme(this);
-        return (h(Host, { key: '989b13983917f237604ab2d18456ceef140a7f8c', class: {
-                [theme]: true,
-                [`in-gallery-layout-${galleryLayout}`]: galleryLayout != undefined,
-            } }, h("slot", { key: 'e4cc9398e55cc1bb19654c8f954eed1edab2e38a', onSlotchange: this.onSlotChange })));
-    }
-    static get is() { return "ion-gallery-item"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["gallery-item.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["gallery-item.css"]
-        };
-    }
-    static get states() {
-        return {
-            "galleryLayout": {}
-        };
-    }
-    static get methods() {
-        return {
-            "syncGalleryLayout": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Resolve the layout from the parent `ion-gallery`. Called internally on\nload and connect, and by the gallery when its layout changes.",
-                    "tags": [{
-                            "name": "internal",
-                            "text": undefined
-                        }]
-                }
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-}

package/dist/collection/components/header/header-interface.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,250 +0,0 @@
-ion-header {
-  display: block;
-  position: relative;
-  order: -1;
-  width: 100%;
-}
-
-ion-header ion-toolbar:first-of-type {
-  padding-top: var(--ion-safe-area-top, 0);
-}
-
-.header-collapse-fade ion-toolbar {
-  --opacity-scale: inherit;
-}
-
-/**
- * Override styles applied during the page transition to prevent
- * header flickering.
- */
-.header-collapse-fade.header-transitioning ion-toolbar {
-  --background: transparent;
-  --border-style: none;
-}
-
-.header-collapse-condense {
-  z-index: 9;
-}
-
-.header-collapse-condense ion-toolbar {
-  position: sticky;
-  top: 0;
-}
-
-.header-collapse-condense ion-toolbar:first-of-type {
-  /**
-   * The toolbar that contains the collapsible
-   * large title should not have safe area padding applied.
-   */
-  padding-top: 0px;
-  z-index: 1;
-}
-
-/**
- * Large title toolbar should just use the content background
- * since it needs to blend in with the header above it.
- */
-.header-collapse-condense ion-toolbar {
-  z-index: 0;
-}
-
-.header-collapse-condense ion-toolbar:last-of-type {
-  --border-width: 0px;
-}
-
-.header-collapse-condense ion-toolbar ion-searchbar {
-  padding-top: 0px;
-  padding-bottom: 13px;
-}
-
-.header-collapse-main {
-  --opacity-scale: 1;
-}
-
-.header-collapse-main ion-toolbar {
-  --opacity-scale: inherit;
-}
-
-.header-collapse-main ion-toolbar.in-toolbar ion-title,
-.header-collapse-main ion-toolbar.in-toolbar ion-buttons {
-  transition: all 0.2s ease-in-out;
-}
-
-/**
- * Large title toolbar should just use the content background
- * since it needs to blend in with the header above it.
- */
-.header-collapse-condense ion-toolbar,
-.header-collapse-condense-inactive.header-transitioning:not(.header-collapse-condense) ion-toolbar {
-  --background: var(--ion-background-color, #fff);
-}
-
-/**
- * Override styles applied during the page transition to prevent
- * header flickering.
- */
-.header-collapse-condense-inactive.header-transitioning:not(.header-collapse-condense) ion-toolbar {
-  --border-style: none;
-  --opacity-scale: 1;
-}
-
-.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,
-.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse {
-  opacity: 0;
-  pointer-events: none;
-}
-
-/**
- * There is a bug in Safari where changing
- * the opacity of an element in a scrollable container
- * while rubber-banding causes the scroll position
- * to jump to the top
- */
-.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-title,
-.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-buttons.buttons-collapse {
-  visibility: hidden;
-}
-
-/**
- * The main header is only hidden once the collapsible large
- * title is configured. As a result, if the main header loads
- * before the collapsible large title is configured then the
- * main header will be visible briefly before being hidden
- * by the collapsible large title.
- *
- * The following selector ensures that any main header
- * on a page with a collapsible large title is hidden
- * before the collapsible large title is configured.
- * Once the collapsible large title is configured the main
- * header will have the ".header-collapse-main" class, and
- * this selector will no longer apply.
- *
- * The :has(...) part of the selector ensures a couple things:
- * 1. This will only apply within a page view since the content
- * must be a subsequent-sibling of the header (~ ion-content).
- * 2. This will only apply when that content has an active condense
- *    header (the .header-collapse-condense class).
- *
- * We use opacity: 0 to avoid a layout shift.
- * We use the class (not the attribute) because the class is only
- * added when the condense effect is valid (large title present).
- * The attribute alone is not sufficient since it would match even
- * when the effect is guarded (e.g. no large title).
- */
-ion-header:not(.header-collapse-main):has(~ ion-content ion-header.header-collapse-condense) {
-  opacity: 0;
-}
-
-/**
- * The deprecated collapse="condense" prop is iOS-only.
- * On non-iOS themes, the condense header should be hidden since
- * the JS won't activate it. Uses a class instead of an attribute
- * selector because collapse is not a reflected prop, and framework
- * proxies (Angular/Vue) bind it as a property.
- */
-.header-collapse-condense-hidden {
-  display: none;
-}
-
-ion-header.header-scroll-effect-hide {
-  transition: transform 300ms cubic-bezier(0, 0, 0.2, 1), opacity 300ms cubic-bezier(0, 0, 0.2, 1);
-}
-
-ion-header.header-scroll-effect-hide.header-scroll-hidden {
-  transform: translateY(-100%);
-  transition: transform 200ms cubic-bezier(0.4, 0, 1, 1), opacity 300ms cubic-bezier(0.4, 0, 1, 1);
-  opacity: 0;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  ion-header.header-scroll-effect-hide,
-  ion-header.header-scroll-effect-hide.header-scroll-hidden {
-    transition: none;
-  }
-}
-/**
- * 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.
- */
-ion-header {
-  z-index: 10;
-}
-ion-header.header-divider {
-  border-bottom: var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-border-style-solid, solid) var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5));
-}
-
-ion-toolbar + ion-toolbar {
-  --padding-start: var(--token-space-400, var(--token-scale-400, 16px));
-  --padding-end: var(--token-space-400, var(--token-scale-400, 16px));
-}
-
-@supports (backdrop-filter: blur(0)) {
-  .header-background {
-    right: 0;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    position: absolute;
-    backdrop-filter: saturate(180%) blur(var(--token-scale-100, 4px));
-  }
-  .header-translucent-ionic ion-toolbar {
-    --opacity: 0.7;
-  }
-}