voyager-ionic-core 7.2.3-tweak.1 → 7.4.3

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

@@ -123,7 +123,6 @@ input {
   display: flex;
   position: relative;
   flex-grow: 1;
-  align-items: center;
   height: inherit;
   transition: background-color 15ms linear;
   cursor: inherit;
@@ -146,6 +145,15 @@ input {
   margin-bottom: 10px;
 }
 
+:host(.in-item.toggle-label-placement-stacked) .label-text-wrapper {
+  margin-top: 10px;
+  margin-bottom: 16px;
+}
+
+:host(.in-item.toggle-label-placement-stacked) .native-wrapper {
+  margin-bottom: 10px;
+}
+
 /**
  * If no label text is placed into the slot
  * then the element should be hidden otherwise
@@ -172,6 +180,14 @@ input {
   justify-content: end;
 }
 
+:host(.toggle-alignment-start) .toggle-wrapper {
+  align-items: start;
+}
+
+:host(.toggle-alignment-center) .toggle-wrapper {
+  align-items: center;
+}
+
 /**
  * Label is on the left of the input in LTR and
  * on the right in RTL.
@@ -235,6 +251,56 @@ input {
   max-width: 200px;
 }
 
+/**
+ * Label is on top of the toggle.
+ */
+:host(.toggle-label-placement-stacked) .toggle-wrapper {
+  flex-direction: column;
+}
+
+:host(.toggle-label-placement-stacked) .label-text-wrapper {
+  transform: scale(0.75);
+  /**
+   * The margin between the label and
+   * the toggle should be on the bottom
+   * when the label sits on top.
+   */
+  margin-left: 0;
+  margin-right: 0;
+  margin-bottom: 16px;
+  /**
+   * Label text should not extend
+   * beyond the bounds of the toggle.
+   */
+  max-width: calc(100% / 0.75);
+}
+
+:host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper {
+  transform-origin: left top;
+}
+:host-context([dir=rtl]):host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper, :host-context([dir=rtl]).toggle-label-placement-stacked.toggle-alignment-start .label-text-wrapper {
+  transform-origin: right top;
+}
+
+@supports selector(:dir(rtl)) {
+  :host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper:dir(rtl) {
+    transform-origin: right top;
+  }
+}
+
+:host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper {
+  transform-origin: center top;
+}
+:host-context([dir=rtl]):host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper, :host-context([dir=rtl]).toggle-label-placement-stacked.toggle-alignment-center .label-text-wrapper {
+  transform-origin: calc(100% - center) top;
+}
+
+@supports selector(:dir(rtl)) {
+  :host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper:dir(rtl) {
+    transform-origin: calc(100% - center) top;
+  }
+}
+
 .toggle-icon-wrapper {
   display: flex;
   position: relative;

package/dist/collection/components/toggle/toggle.js

@@ -1,16 +1,16 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 import { createLegacyFormController } from "../../utils/forms/index";
 import { getAriaLabel, renderHiddenInput, inheritAriaAttributes } from "../../utils/helpers";
 import { printIonWarning } from "../../utils/logging/index";
 import { hapticSelection } from "../../utils/native/haptic";
 import { isRTL } from "../../utils/rtl/index";
 import { createColorClasses, hostContext } from "../../utils/theme";
-import { checkmarkOutline, removeOutline, ellipseOutline } from 'ionicons/icons';
-import { config } from '../../global/config';
-import { getIonMode } from '../../global/ionic-global';
+import { checkmarkOutline, removeOutline, ellipseOutline } from "ionicons/icons";
+import { config } from "../../global/config";
+import { getIonMode } from "../../global/ionic-global";
 /**
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
@@ -71,6 +71,7 @@ export class Toggle {
     this.labelPlacement = 'start';
     this.legacy = undefined;
     this.justify = 'space-between';
+    this.alignment = 'center';
   }
   disabledChanged() {
     this.emitStyle();
@@ -168,7 +169,7 @@ export class Toggle {
     return legacyFormController.hasLegacyControl() ? this.renderLegacyToggle() : this.renderToggle();
   }
   renderToggle() {
-    const { activated, color, checked, disabled, el, justify, labelPlacement, inputId, name } = this;
+    const { activated, color, checked, disabled, el, justify, labelPlacement, inputId, name, alignment } = this;
     const mode = getIonMode(this);
     const value = this.getValue();
     const rtl = isRTL(el) ? 'rtl' : 'ltr';
@@ -180,6 +181,7 @@ export class Toggle {
         'toggle-checked': checked,
         'toggle-disabled': disabled,
         [`toggle-justify-${justify}`]: true,
+        [`toggle-alignment-${alignment}`]: true,
         [`toggle-label-placement-${labelPlacement}`]: true,
         [`toggle-${rtl}`]: true,
       }) }, h("label", { class: "toggle-wrapper" }, h("input", Object.assign({ type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), h("div", { class: {
@@ -244,7 +246,8 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
           "references": {
             "Color": {
               "location": "import",
-              "path": "../../interface"
+              "path": "../../interface",
+              "id": "src/interface.d.ts::Color"
             }
           }
         },
@@ -351,15 +354,15 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'start' | 'end' | 'fixed'",
-          "resolved": "\"end\" | \"fixed\" | \"start\"",
+          "original": "'start' | 'end' | 'fixed' | 'stacked'",
+          "resolved": "\"end\" | \"fixed\" | \"stacked\" | \"start\"",
           "references": {}
         },
         "required": false,
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Where to place the label relative to the input.\n`\"start\"`: The label will appear to the left of the toggle in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the toggle in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\")."
+          "text": "Where to place the label relative to the input.\n`\"start\"`: The label will appear to the left of the toggle in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the toggle in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").\n`\"stacked\"`: The label will appear above the toggle regardless of the direction. The alignment of the label can be controlled with the `alignment` property."
         },
         "attribute": "label-placement",
         "reflect": false,
@@ -399,6 +402,24 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
         "attribute": "justify",
         "reflect": false,
         "defaultValue": "'space-between'"
+      },
+      "alignment": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'start' | 'center'",
+          "resolved": "\"center\" | \"start\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "How to control the alignment of the toggle and label on the cross axis.\n``\"start\"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.\n`\"center\"`: The label and control will appear at the center of the cross axis in both LTR and RTL."
+        },
+        "attribute": "alignment",
+        "reflect": false,
+        "defaultValue": "'center'"
       }
     };
   }
@@ -424,7 +445,8 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
           "references": {
             "ToggleChangeEventDetail": {
               "location": "import",
-              "path": "./toggle-interface"
+              "path": "./toggle-interface",
+              "id": "src/components/toggle/toggle-interface.ts::ToggleChangeEventDetail"
             }
           }
         }
@@ -477,7 +499,8 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
           "references": {
             "StyleEventDetail": {
               "location": "import",
-              "path": "../../interface"
+              "path": "../../interface",
+              "id": "src/interface.d.ts::StyleEventDetail"
             }
           }
         }

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

@@ -123,7 +123,6 @@ input {
   display: flex;
   position: relative;
   flex-grow: 1;
-  align-items: center;
   height: inherit;
   transition: background-color 15ms linear;
   cursor: inherit;
@@ -146,6 +145,15 @@ input {
   margin-bottom: 10px;
 }
 
+:host(.in-item.toggle-label-placement-stacked) .label-text-wrapper {
+  margin-top: 10px;
+  margin-bottom: 16px;
+}
+
+:host(.in-item.toggle-label-placement-stacked) .native-wrapper {
+  margin-bottom: 10px;
+}
+
 /**
  * If no label text is placed into the slot
  * then the element should be hidden otherwise
@@ -172,6 +180,14 @@ input {
   justify-content: end;
 }
 
+:host(.toggle-alignment-start) .toggle-wrapper {
+  align-items: start;
+}
+
+:host(.toggle-alignment-center) .toggle-wrapper {
+  align-items: center;
+}
+
 /**
  * Label is on the left of the input in LTR and
  * on the right in RTL.
@@ -235,6 +251,56 @@ input {
   max-width: 200px;
 }
 
+/**
+ * Label is on top of the toggle.
+ */
+:host(.toggle-label-placement-stacked) .toggle-wrapper {
+  flex-direction: column;
+}
+
+:host(.toggle-label-placement-stacked) .label-text-wrapper {
+  transform: scale(0.75);
+  /**
+   * The margin between the label and
+   * the toggle should be on the bottom
+   * when the label sits on top.
+   */
+  margin-left: 0;
+  margin-right: 0;
+  margin-bottom: 16px;
+  /**
+   * Label text should not extend
+   * beyond the bounds of the toggle.
+   */
+  max-width: calc(100% / 0.75);
+}
+
+:host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper {
+  transform-origin: left top;
+}
+:host-context([dir=rtl]):host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper, :host-context([dir=rtl]).toggle-label-placement-stacked.toggle-alignment-start .label-text-wrapper {
+  transform-origin: right top;
+}
+
+@supports selector(:dir(rtl)) {
+  :host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper:dir(rtl) {
+    transform-origin: right top;
+  }
+}
+
+:host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper {
+  transform-origin: center top;
+}
+:host-context([dir=rtl]):host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper, :host-context([dir=rtl]).toggle-label-placement-stacked.toggle-alignment-center .label-text-wrapper {
+  transform-origin: calc(100% - center) top;
+}
+
+@supports selector(:dir(rtl)) {
+  :host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper:dir(rtl) {
+    transform-origin: calc(100% - center) top;
+  }
+}
+
 .toggle-icon-wrapper {
   display: flex;
   position: relative;

package/dist/collection/components/toolbar/test/basic/toolbar.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { expect } from '@playwright/test';
+import { expect } from "@playwright/test";
 import { configs, test } from "../../../../utils/test/playwright/index";
 configs().forEach(({ title, screenshot, config }) => {
   test.describe(title('toolbar: basic'), () => {

package/dist/collection/components/toolbar/test/colors/toolbar.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { expect } from '@playwright/test';
+import { expect } from "@playwright/test";
 import { configs, test } from "../../../../utils/test/playwright/index";
 /**
  * This behavior does not vary across directions.

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

@@ -23,13 +23,11 @@
   --opacity-scale: 1;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
-  -webkit-padding-start: var(--ion-safe-area-left);
-  padding-inline-start: var(--ion-safe-area-left);
-  -webkit-padding-end: var(--ion-safe-area-right);
-  padding-inline-end: var(--ion-safe-area-right);
   display: block;
   position: relative;
   width: 100%;
+  padding-right: var(--ion-safe-area-right);
+  padding-left: var(--ion-safe-area-left);
   color: var(--color);
   font-family: var(--ion-font-family, inherit);
   contain: content;
@@ -149,6 +147,16 @@
   text-align: end;
 }
 
+/**
+ * Ensure there is enough spacing between the large
+ * title and any potential content in subsequent
+ * toolbars. We do not add padding to the title
+ * itself because it is absolutely positioned.
+ */
+:host(.toolbar-title-large) {
+  padding-bottom: 7px;
+}
+
 :host(.toolbar-title-large) .toolbar-container {
   flex-wrap: wrap;
   align-items: flex-start;

package/dist/collection/components/toolbar/toolbar.js

@@ -1,9 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { Host, forceUpdate, h } from '@stencil/core';
+import { Host, forceUpdate, h } from "@stencil/core";
 import { createColorClasses, hostContext } from "../../utils/theme";
-import { getIonMode } from '../../global/ionic-global';
+import { getIonMode } from "../../global/ionic-global";
 /**
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
@@ -92,7 +92,8 @@ export class Toolbar {
           "references": {
             "Color": {
               "location": "import",
-              "path": "../../interface"
+              "path": "../../interface",
+              "id": "src/interface.d.ts::Color"
             }
           }
         },

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

@@ -23,13 +23,11 @@
   --opacity-scale: 1;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
-  -webkit-padding-start: var(--ion-safe-area-left);
-  padding-inline-start: var(--ion-safe-area-left);
-  -webkit-padding-end: var(--ion-safe-area-right);
-  padding-inline-end: var(--ion-safe-area-right);
   display: block;
   position: relative;
   width: 100%;
+  padding-right: var(--ion-safe-area-right);
+  padding-left: var(--ion-safe-area-left);
   color: var(--color);
   font-family: var(--ion-font-family, inherit);
   contain: content;

package/dist/collection/global/ionic-global.js

@@ -1,9 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { getMode, setMode, setPlatformHelpers } from '@stencil/core';
-import { isPlatform, setupPlatforms } from '../utils/platform';
-import { config, configFromSession, configFromURL, saveConfig } from './config';
+import { getMode, setMode, setPlatformHelpers } from "@stencil/core";
+import { isPlatform, setupPlatforms } from "../utils/platform";
+import { config, configFromSession, configFromURL, saveConfig } from "./config";
 // TODO(FW-2832): types
 let defaultMode;
 export const getIonMode = (ref) => {

package/dist/collection/index.js

@@ -1,8 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import 'ionicons';
+import "ionicons";
 export { createAnimation } from './utils/animation/animation';
+export { getIonPageElement } from './utils/transition';
 export { iosTransitionAnimation } from './utils/transition/ios.transition';
 export { mdTransitionAnimation } from './utils/transition/md.transition';
 export { getTimeGivenProgression } from './utils/animation/cubic-bezier';

package/dist/collection/utils/animation/animation.js

@@ -1,9 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { win } from '../browser';
-import { raf } from '../helpers';
-import { addClassToArray, animationEnd, createKeyframeStylesheet, generateKeyframeName, generateKeyframeRules, processKeyframes, removeStyleProperty, setStyleProperty, } from './animation-utils';
+import { win } from "../browser";
+import { raf } from "../helpers";
+import { addClassToArray, animationEnd, createKeyframeStylesheet, generateKeyframeName, generateKeyframeRules, processKeyframes, removeStyleProperty, setStyleProperty, } from "./animation-utils";
 export const createAnimation = (animationId) => {
   let _delay;
   let _duration;

package/dist/collection/utils/animation/test/animationbuilder/animation.e2e.js

@@ -1,3 +1,6 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 import { configs, test } from "../../../test/playwright/index";
 configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
   test.describe(title('animation: animationbuilder'), async () => {

package/dist/collection/utils/animation/test/display/animation.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { expect } from '@playwright/test';
+import { expect } from "@playwright/test";
 import { configs, test } from "../../../test/playwright/index";
 configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
   test.describe(title('animation: display'), async () => {

package/dist/collection/utils/animation/test/hooks/animation.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { expect } from '@playwright/test';
+import { expect } from "@playwright/test";
 import { configs, test } from "../../../test/playwright/index";
 configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
   test.describe(title('animation: hooks'), async () => {

package/dist/collection/utils/animation/test/multiple/animation.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { expect } from '@playwright/test';
+import { expect } from "@playwright/test";
 import { configs, test } from "../../../test/playwright/index";
 configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
   test.describe(title('animation: multiple'), async () => {

package/dist/collection/utils/content/content.utils.spec.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { scrollToTop, scrollByPoint, printIonContentErrorMsg, findClosestIonContent, findIonContent, getScrollElement, } from './index';
+import { scrollToTop, scrollByPoint, printIonContentErrorMsg, findClosestIonContent, findIonContent, getScrollElement, } from "./index";
 describe('Content Utils', () => {
   describe('getScrollElement', () => {
     it('should return the scroll element for ion-content', async () => {

package/dist/collection/utils/content/index.js

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { componentOnReady } from '../helpers';
-import { printRequiredElementError } from '../logging';
+import { componentOnReady } from "../helpers";
+import { printRequiredElementError } from "../logging";
 const ION_CONTENT_TAG_NAME = 'ION-CONTENT';
 export const ION_CONTENT_ELEMENT_SELECTOR = 'ion-content';
 export const ION_CONTENT_CLASS_SELECTOR = '.ion-content-scroll-host';

package/dist/collection/utils/floating-point/floating-point.spec.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { getDecimalPlaces, roundToMaxDecimalPlaces } from './index';
+import { getDecimalPlaces, roundToMaxDecimalPlaces } from "./index";
 describe('floating point utils', () => {
   describe('getDecimalPlaces', () => {
     it('should calculate decimal places for a float', async () => {

package/dist/collection/utils/forms/notch-controller.js

@@ -133,7 +133,7 @@ export const createNotchController = (el, getNotchSpacerEl, getLabelSlot) => {
      * The notch is only visible when the label is scaled,
      * which is why we multiply the width by 0.75 as this is
      * the same amount the label element is scaled by in the host CSS.
-     * (For ion-select, see $select-floating-label-scale in select.vars.scss).
+     * (See $form-control-label-stacked-scale in ionic.globals.scss).
      */
     notchSpacerEl.style.setProperty('width', `${width * 0.75}px`);
   };

package/dist/collection/utils/framework-delegate.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { componentOnReady } from './helpers';
+import { componentOnReady } from "./helpers";
 // TODO(FW-2832): types
 export const attachComponent = async (delegate, container, component, cssClasses, componentProps, inline) => {
   var _a;
@@ -38,6 +38,7 @@ export const CoreDelegate = () => {
   const attachViewToDom = async (parentElement, userComponent, userComponentProps = {}, cssClasses = []) => {
     var _a, _b;
     BaseComponent = parentElement;
+    let ChildComponent;
     /**
      * If passing in a component via the `component` props
      * we need to append it inside of our overlay component.
@@ -64,6 +65,7 @@ export const CoreDelegate = () => {
        * inside of the overlay component.
        */
       BaseComponent.appendChild(el);
+      ChildComponent = el;
       await new Promise((resolve) => componentOnReady(el, resolve));
     }
     else if (BaseComponent.children.length > 0 &&
@@ -72,7 +74,7 @@ export const CoreDelegate = () => {
        * The delegate host wrapper el is only needed for modals and popovers
        * because they allow the dev to provide custom content to the overlay.
        */
-      const root = BaseComponent.children[0];
+      const root = (ChildComponent = BaseComponent.children[0]);
       if (!root.classList.contains('ion-delegate-host')) {
         /**
          * If the root element is not a delegate host, it means
@@ -87,6 +89,12 @@ export const CoreDelegate = () => {
         el.append(...BaseComponent.children);
         // Append the new parent element to the original parent element.
         BaseComponent.appendChild(el);
+        /**
+         * Update the ChildComponent to be the
+         * newly created div in the event that one
+         * does not already exist.
+         */
+        ChildComponent = el;
       }
     }
     /**
@@ -102,7 +110,18 @@ export const CoreDelegate = () => {
     Reference = document.createComment('ionic teleport');
     BaseComponent.parentNode.insertBefore(Reference, BaseComponent);
     app.appendChild(BaseComponent);
-    return BaseComponent;
+    /**
+     * We return the child component rather than the overlay
+     * reference itself since modal and popover will
+     * use this to wait for any Ionic components in the child view
+     * to be ready (i.e. componentOnReady) when using the
+     * lazy loaded component bundle.
+     *
+     * However, we fall back to returning BaseComponent
+     * in the event that a modal or popover is presented
+     * with no child content.
+     */
+    return ChildComponent !== null && ChildComponent !== void 0 ? ChildComponent : BaseComponent;
   };
   const removeViewFromDom = () => {
     /**

package/dist/collection/utils/gesture/button-active.js

@@ -1,9 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { writeTask } from '@stencil/core';
-import { hapticSelectionChanged, hapticSelectionEnd, hapticSelectionStart } from '../native/haptic';
-import { createGesture } from './index';
+import { writeTask } from "@stencil/core";
+import { hapticSelectionChanged, hapticSelectionEnd, hapticSelectionStart } from "../native/haptic";
+import { createGesture } from "./index";
 export const createButtonActiveGesture = (el, isButton) => {
   let currentTouchedButton;
   let initialTouchedButton;

package/dist/collection/utils/gesture/index.js

@@ -1,9 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { GESTURE_CONTROLLER } from './gesture-controller';
-import { createPointerEvents } from './pointer-events';
-import { createPanRecognizer } from './recognizers';
+import { GESTURE_CONTROLLER } from "./gesture-controller";
+import { createPointerEvents } from "./pointer-events";
+import { createPanRecognizer } from "./recognizers";
 // TODO(FW-2832): types
 export const createGesture = (config) => {
   let hasCapturedPan = false;

package/dist/collection/utils/gesture/pointer-events.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { addEventListener } from './listener';
+import { addEventListener } from "./listener";
 const MOUSE_WAIT = 2000;
 // TODO(FW-2832): types
 export const createPointerEvents = (el, pointerDown, pointerMove, pointerUp, options) => {

package/dist/collection/utils/gesture/swipe-back.js

@@ -1,9 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { clamp } from '../helpers';
-import { isRTL } from '../rtl';
-import { createGesture } from './index';
+import { clamp } from "../helpers";
+import { isRTL } from "../rtl";
+import { createGesture } from "./index";
 export const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandler, onEndHandler) => {
   const win = el.ownerDocument.defaultView;
   let rtl = isRTL(el);

package/dist/collection/utils/helpers.spec.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { inheritAriaAttributes } from './helpers';
+import { inheritAriaAttributes } from "./helpers";
 describe('inheritAriaAttributes', () => {
   it('should inherit aria attributes', () => {
     const parent = document.createElement('div');