@ionic/core 8.8.9-dev.11779411201.1a483e09 → 8.8.9-dev.11780349068.18c33698

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

@@ -1,148 +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;
- *   }
- * }
- */
-/**
- * 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.
- */
-/**
- * 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 --margin-top: Top margin of the divider
-   * @prop --margin-bottom: Bottom margin of the divider
-   * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the divider
-   * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the divider
-   */
-  --margin-top: 0px;
-  --margin-bottom: 0px;
-  --padding-start: 0px;
-  --padding-end: 0px;
-  -webkit-padding-start: var(--padding-start);
-  padding-inline-start: var(--padding-start);
-  -webkit-padding-end: var(--padding-end);
-  padding-inline-end: var(--padding-end);
-  display: block;
-  width: 100%;
-}
-
-:host hr {
-  display: block;
-  width: 100%;
-  margin-top: var(--margin-top);
-  margin-bottom: var(--margin-bottom);
-  border: none;
-}
-
-:host hr {
-  border-top: 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));
-}
-
-:host(.divider-inset) {
-  --padding-start: var(--token-space-400, var(--token-scale-400, 16px));
-  --padding-end: var(--token-space-400, var(--token-scale-400, 16px));
-}
-
-:host(.divider-spacing-xsmall) {
-  --margin-top: var(--token-space-200, var(--token-scale-200, 8px));
-  --margin-bottom: var(--token-space-200, var(--token-scale-200, 8px));
-}
-
-:host(.divider-spacing-small) {
-  --margin-top: var(--token-space-300, var(--token-scale-300, 12px));
-  --margin-bottom: var(--token-space-300, var(--token-scale-300, 12px));
-}
-
-:host(.divider-spacing-medium) {
-  --margin-top: var(--token-space-400, var(--token-scale-400, 16px));
-  --margin-bottom: var(--token-space-400, var(--token-scale-400, 16px));
-}
-
-:host(.divider-spacing-large) {
-  --margin-top: var(--token-space-600, var(--token-scale-600, 24px));
-  --margin-bottom: var(--token-space-600, var(--token-scale-600, 24px));
-}
-
-:host(.divider-spacing-xlarge) {
-  --margin-top: var(--token-space-800, var(--token-scale-800, 32px));
-  --margin-bottom: var(--token-space-800, var(--token-scale-800, 32px));
-}
-
-:host(.divider-spacing-xxlarge) {
-  --margin-top: var(--token-space-1000, var(--token-scale-1000, 40px));
-  --margin-bottom: var(--token-space-1000, var(--token-scale-1000, 40px));
-}

package/dist/collection/components/divider/divider.ios.css

@@ -1,87 +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 --margin-top: Top margin of the divider
-   * @prop --margin-bottom: Bottom margin of the divider
-   * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the divider
-   * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the divider
-   */
-  --margin-top: 0px;
-  --margin-bottom: 0px;
-  --padding-start: 0px;
-  --padding-end: 0px;
-  -webkit-padding-start: var(--padding-start);
-  padding-inline-start: var(--padding-start);
-  -webkit-padding-end: var(--padding-end);
-  padding-inline-end: var(--padding-end);
-  display: block;
-  width: 100%;
-}
-
-:host hr {
-  display: block;
-  width: 100%;
-  margin-top: var(--margin-top);
-  margin-bottom: var(--margin-bottom);
-  border: none;
-}
-
-:host hr {
-  border-top: 1px solid #e0e0e0;
-}
-
-:host(.divider-inset) {
-  --padding-start: 16px;
-  --padding-end: 16px;
-}
-
-:host(.divider-spacing-xsmall) {
-  --margin-top: 8px;
-  --margin-bottom: 8px;
-}
-
-:host(.divider-spacing-small) {
-  --margin-top: 12px;
-  --margin-bottom: 12px;
-}
-
-:host(.divider-spacing-medium) {
-  --margin-top: 16px;
-  --margin-bottom: 16px;
-}
-
-:host(.divider-spacing-large) {
-  --margin-top: 24px;
-  --margin-bottom: 24px;
-}
-
-:host(.divider-spacing-xlarge) {
-  --margin-top: 32px;
-  --margin-bottom: 32px;
-}
-
-:host(.divider-spacing-xxlarge) {
-  --margin-top: 40px;
-  --margin-bottom: 40px;
-}

package/dist/collection/components/divider/divider.js

@@ -1,94 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { getIonTheme } from "../../global/ionic-global";
-import { Host, h } from "@stencil/core";
-export class Divider {
-    constructor() {
-        /**
-         * Set to `"xxsmall"` for the smallest spacing.
-         * Set to "xsmall" for very small spacing.
-         * Set to `"small"` for small spacing.
-         * Set to "medium" for medium spacing.
-         * Set to "large" for large spacing.
-         * Set to `"xlarge"` for the largest spacing.
-         *
-         * Defaults to `"medium"`.
-         */
-        this.spacing = 'medium';
-        /**
-         * If `true`, the divider will have horizontal margins
-         * By default, it's `false`
-         */
-        this.inset = false;
-    }
-    render() {
-        const { inset, spacing } = this;
-        const theme = getIonTheme(this);
-        return (h(Host, { key: '6cc1572a93abaf49be7e27348bf513cb7ee24bff', class: {
-                [theme]: true,
-                [`divider-spacing-${spacing}`]: spacing !== undefined,
-                [`divider-inset`]: inset,
-            } }, h("hr", { key: '19e4cef3f90d92b56ae0bece15dbdcfbf18d72d9' })));
-    }
-    static get is() { return "ion-divider"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "ios": ["divider.ios.scss"],
-            "md": ["divider.md.scss"],
-            "ionic": ["divider.ionic.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "ios": ["divider.ios.css"],
-            "md": ["divider.md.css"],
-            "ionic": ["divider.ionic.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "spacing": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge'",
-                    "resolved": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | \"xxlarge\" | \"xxsmall\" | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Set to `\"xxsmall\"` for the smallest spacing.\nSet to \"xsmall\" for very small spacing.\nSet to `\"small\"` for small spacing.\nSet to \"medium\" for medium spacing.\nSet to \"large\" for large spacing.\nSet to `\"xlarge\"` for the largest spacing.\n\nDefaults to `\"medium\"`."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "spacing",
-                "defaultValue": "'medium'"
-            },
-            "inset": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If `true`, the divider will have horizontal margins\nBy default, it's `false`"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "inset",
-                "defaultValue": "false"
-            }
-        };
-    }
-}

package/dist/collection/components/divider/divider.md.css

@@ -1,87 +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 --margin-top: Top margin of the divider
-   * @prop --margin-bottom: Bottom margin of the divider
-   * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the divider
-   * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the divider
-   */
-  --margin-top: 0px;
-  --margin-bottom: 0px;
-  --padding-start: 0px;
-  --padding-end: 0px;
-  -webkit-padding-start: var(--padding-start);
-  padding-inline-start: var(--padding-start);
-  -webkit-padding-end: var(--padding-end);
-  padding-inline-end: var(--padding-end);
-  display: block;
-  width: 100%;
-}
-
-:host hr {
-  display: block;
-  width: 100%;
-  margin-top: var(--margin-top);
-  margin-bottom: var(--margin-bottom);
-  border: none;
-}
-
-:host hr {
-  border-top: 1px solid #e0e0e0;
-}
-
-:host(.divider-inset) {
-  --padding-start: 16px;
-  --padding-end: 16px;
-}
-
-:host(.divider-spacing-xsmall) {
-  --margin-top: 8px;
-  --margin-bottom: 8px;
-}
-
-:host(.divider-spacing-small) {
-  --margin-top: 12px;
-  --margin-bottom: 12px;
-}
-
-:host(.divider-spacing-medium) {
-  --margin-top: 16px;
-  --margin-bottom: 16px;
-}
-
-:host(.divider-spacing-large) {
-  --margin-top: 24px;
-  --margin-bottom: 24px;
-}
-
-:host(.divider-spacing-xlarge) {
-  --margin-top: 32px;
-  --margin-bottom: 32px;
-}
-
-:host(.divider-spacing-xxlarge) {
-  --margin-top: 40px;
-  --margin-bottom: 40px;
-}

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

@@ -1,12 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-export const DEFAULT_COLUMNS = {
-    xs: 2,
-    sm: 3,
-    md: 4,
-    lg: 6,
-    xl: 8,
-    xxl: 10,
-};
-export const DEFAULT_GAP = '16px';

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

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

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

@@ -1,100 +0,0 @@
-/**
- * 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.
- */
-/**
- * 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: grid;
-  grid-template-columns: repeat(var(--internal-gallery-columns, 2), minmax(0, 1fr));
-}
-
-:host(.gallery-layout-uniform) {
-  gap: var(--internal-gallery-gap, 16px);
-}
-
-:host(.gallery-layout-uniform) ::slotted(*) {
-  aspect-ratio: 1/1;
-}
-
-:host(.gallery-layout-masonry) {
-  align-items: start;
-  column-gap: var(--internal-gallery-gap, 16px);
-  row-gap: 0;
-  grid-auto-rows: 2px;
-}
-
-:host(.gallery-layout-masonry) ::slotted(*) {
-  display: block;
-  min-height: unset;
-  margin-bottom: var(--internal-gallery-gap, 16px);
-}
-
-::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;
-}