@ionic/core 8.8.11-dev.11781186446.19d9a1cc → 8.8.11-dev.11781532458.19fb3990

package/dist/collection/components/router-outlet/router-outlet.css

@@ -1,3 +1,9 @@
+/**
+ * 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
@@ -54,8 +60,8 @@
  * }
  */
 :host {
-  left: 0;
   right: 0;
+  left: 0;
   top: 0;
   bottom: 0;
   position: absolute;

package/dist/collection/components/router-outlet/router-outlet.js

@@ -10,12 +10,15 @@ import { printIonError } from "../../utils/logging/index";
 import { transition } from "../../utils/transition/index";
 import { config } from "../../global/config";
 import { getIonMode } from "../../global/ionic-global";
+/**
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ */
 export class RouterOutlet {
     constructor() {
         this.lockController = createLockController();
         this.gestureOrAnimationInProgress = false;
         /**
-         * The mode determines which platform styles to use.
+         * The mode determines the platform behaviors of the component.
          */
         this.mode = getIonMode(this);
         /**
@@ -23,11 +26,10 @@ export class RouterOutlet {
          */
         this.animated = true;
     }
-    swipeGestureChanged() {
-        this.updateGestureEnabled();
-    }
     swipeHandlerChanged() {
-        this.updateGestureEnabled();
+        if (this.gesture) {
+            this.gesture.enable(this.swipeHandler !== undefined);
+        }
     }
     async connectedCallback() {
         const onStart = () => {
@@ -67,21 +69,11 @@ export class RouterOutlet {
                 this.gestureOrAnimationInProgress = false;
             }
         });
-        if (this.swipeGesture === undefined) {
-            this.swipeGesture = config.getBoolean('swipeBackEnabled', this.mode === 'ios');
-        }
-        else {
-            this.updateGestureEnabled();
-        }
+        this.swipeHandlerChanged();
     }
     componentWillLoad() {
         this.ionNavWillLoad.emit();
     }
-    updateGestureEnabled() {
-        if (this.gesture) {
-            this.gesture.enable(this.swipeHandler !== undefined && this.swipeGesture === true);
-        }
-    }
     disconnectedCallback() {
         if (this.gesture) {
             this.gesture.destroy();
@@ -192,7 +184,7 @@ export class RouterOutlet {
         return true;
     }
     render() {
-        return h("slot", { key: 'ce09e6fbba7b0a2276cdde5245bb37c9a162c1c7' });
+        return h("slot", { key: '56e3d06ed939755796058e30ef19fbc7f7cb490d' });
     }
     static get is() { return "ion-router-outlet"; }
     static get encapsulation() { return "shadow"; }
@@ -225,7 +217,7 @@ export class RouterOutlet {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The mode determines which platform styles to use."
+                    "text": "The mode determines the platform behaviors of the component."
                 },
                 "getter": false,
                 "setter": false,
@@ -304,25 +296,6 @@ export class RouterOutlet {
                 "getter": false,
                 "setter": false
             },
-            "swipeGesture": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "If `true`, the router-outlet should allow navigation via swipe-to-go-back gesture.\nDefaults to `true` for `\"ios\"` mode and `false` for `\"md\"` mode."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "swipe-gesture"
-            },
             "swipeHandler": {
                 "type": "unknown",
                 "mutable": false,
@@ -544,9 +517,6 @@ export class RouterOutlet {
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
-                "propName": "swipeGesture",
-                "methodName": "swipeGestureChanged"
-            }, {
                 "propName": "swipeHandler",
                 "methodName": "swipeHandlerChanged"
             }];

package/dist/collection/components/row/row.css

@@ -1,3 +1,9 @@
+/**
+ * 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
@@ -53,6 +59,12 @@
  *   }
  * }
  */
+/**
+ * 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
@@ -133,4 +145,8 @@
 :host {
   display: flex;
   flex-wrap: wrap;
+  /**
+   * @prop --ion-grid-gap: The gap between grid items
+   */
+  gap: var(--ion-grid-gap, 0px);
 }

package/dist/collection/components/row/row.js

@@ -2,10 +2,17 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { Host, h } from "@stencil/core";
-import { getIonMode } from "../../global/ionic-global";
+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.
+ */
 export class Row {
     render() {
-        return (h(Host, { key: 'a9066661fff12baaf3e80b2e8c08591af72fe5b8', class: getIonMode(this) }, h("slot", { key: '62b103af46d3a5ec9c146019ae300b68a4ae867a' })));
+        const theme = getIonTheme(this);
+        return (h(Host, { key: '3a3c40062d2d0487c61dedbb172215b87bb425b1', class: {
+                [theme]: true,
+            } }, h("slot", { key: '164f457f6f7853ed8f7279d20bc6ede6cf9d3e5c' })));
     }
     static get is() { return "ion-row"; }
     static get encapsulation() { return "shadow"; }