@ionic/core 8.8.12-dev.11781793379.156d3260 → 8.8.12-dev.11781813448.16e7a064

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.ionic.css

@@ -1,97 +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);
-}
-
-/**
- * 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;
-  }
-}