voyager-ionic-core 8.0.0-beta.2 → 8.0.0-rc.0

package/dist/collection/utils/native/haptic.js

@@ -46,12 +46,6 @@ export var NotificationType;
 })(NotificationType || (NotificationType = {}));
 const HapticEngine = {
     getEngine() {
-        const tapticEngine = window.TapticEngine;
-        if (tapticEngine) {
-            // Cordova
-            // TODO FW-4707 - Remove this in Ionic 8
-            return tapticEngine;
-        }
         const capacitor = getCapacitor();
         if (capacitor === null || capacitor === void 0 ? void 0 : capacitor.isPluginAvailable('Haptics')) {
             // Capacitor
@@ -80,85 +74,43 @@ const HapticEngine = {
         }
         return true;
     },
-    isCordova() {
-        return window.TapticEngine !== undefined;
-    },
-    isCapacitor() {
-        return getCapacitor() !== undefined;
-    },
     impact(options) {
         const engine = this.getEngine();
         if (!engine) {
             return;
         }
-        /**
-         * To provide backwards compatibility with Cordova apps,
-         * we convert the style to lowercase.
-         *
-         * TODO: FW-4707 - Remove this in Ionic 8
-         */
-        const style = this.isCapacitor() ? options.style : options.style.toLowerCase();
-        engine.impact({ style });
+        engine.impact({ style: options.style });
     },
     notification(options) {
         const engine = this.getEngine();
         if (!engine) {
             return;
         }
-        /**
-         * To provide backwards compatibility with Cordova apps,
-         * we convert the style to lowercase.
-         *
-         * TODO: FW-4707 - Remove this in Ionic 8
-         */
-        const type = this.isCapacitor() ? options.type : options.type.toLowerCase();
-        engine.notification({ type });
+        engine.notification({ type: options.type });
     },
     selection() {
-        /**
-         * To provide backwards compatibility with Cordova apps,
-         * we convert the style to lowercase.
-         *
-         * TODO: FW-4707 - Remove this in Ionic 8
-         */
-        const style = this.isCapacitor() ? ImpactStyle.Light : 'light';
-        this.impact({ style });
+        this.impact({ style: ImpactStyle.Light });
     },
     selectionStart() {
         const engine = this.getEngine();
         if (!engine) {
             return;
         }
-        if (this.isCapacitor()) {
-            engine.selectionStart();
-        }
-        else {
-            engine.gestureSelectionStart();
-        }
+        engine.selectionStart();
     },
     selectionChanged() {
         const engine = this.getEngine();
         if (!engine) {
             return;
         }
-        if (this.isCapacitor()) {
-            engine.selectionChanged();
-        }
-        else {
-            engine.gestureSelectionChanged();
-        }
+        engine.selectionChanged();
     },
     selectionEnd() {
         const engine = this.getEngine();
         if (!engine) {
             return;
         }
-        if (this.isCapacitor()) {
-            engine.selectionEnd();
-        }
-        else {
-            engine.gestureSelectionEnd();
-        }
+        engine.selectionEnd();
     },
 };
 /**

package/dist/collection/utils/tap-click/index.js

@@ -2,43 +2,17 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { doc } from "../browser/index";
-import { now, pointerCoord } from "../helpers";
+import { pointerCoord } from "../helpers";
 export const startTapClick = (config) => {
     if (doc === undefined) {
         return;
     }
-    let lastTouch = -MOUSE_WAIT * 10;
     let lastActivated = 0;
     let activatableEle;
     let activeRipple;
     let activeDefer;
     const useRippleEffect = config.getBoolean('animated', true) && config.getBoolean('rippleEffect', true);
     const clearDefers = new WeakMap();
-    // Touch Events
-    const onTouchStart = (ev) => {
-        lastTouch = now(ev);
-        pointerDown(ev);
-    };
-    const onTouchEnd = (ev) => {
-        lastTouch = now(ev);
-        pointerUp(ev);
-    };
-    const onMouseDown = (ev) => {
-        // Ignore right clicks
-        if (ev.button === 2) {
-            return;
-        }
-        const t = now(ev) - MOUSE_WAIT;
-        if (lastTouch < t) {
-            pointerDown(ev);
-        }
-    };
-    const onMouseUp = (ev) => {
-        const t = now(ev) - MOUSE_WAIT;
-        if (lastTouch < t) {
-            pointerUp(ev);
-        }
-    };
     const cancelActive = () => {
         if (activeDefer)
             clearTimeout(activeDefer);
@@ -49,7 +23,8 @@ export const startTapClick = (config) => {
         }
     };
     const pointerDown = (ev) => {
-        if (activatableEle) {
+        // Ignore right clicks
+        if (activatableEle || ev.button === 2) {
             return;
         }
         setActivatedElement(getActivatableTarget(ev), ev);
@@ -133,9 +108,8 @@ export const startTapClick = (config) => {
         }
     };
     doc.addEventListener('ionGestureCaptured', cancelActive);
-    doc.addEventListener('touchstart', onTouchStart, true);
-    doc.addEventListener('touchcancel', onTouchEnd, true);
-    doc.addEventListener('touchend', onTouchEnd, true);
+    doc.addEventListener('pointerdown', pointerDown, true);
+    doc.addEventListener('pointerup', pointerUp, true);
     /**
      * Tap click effects such as the ripple effect should
      * not happen when scrolling. For example, if a user scrolls
@@ -149,8 +123,6 @@ export const startTapClick = (config) => {
      * ion-content's scroll events.
      */
     doc.addEventListener('pointercancel', cancelActive, true);
-    doc.addEventListener('mousedown', onMouseDown, true);
-    doc.addEventListener('mouseup', onMouseUp, true);
 };
 // TODO(FW-2832): type
 const getActivatableTarget = (ev) => {
@@ -190,4 +162,3 @@ const getRippleEffect = (el) => {
 const ACTIVATED = 'ion-activated';
 const ADD_ACTIVATED_DEFERS = 100;
 const CLEAR_STATE_DEFERS = 150;
-const MOUSE_WAIT = 2500;

package/dist/collection/utils/test/playwright/generator.js

@@ -8,34 +8,34 @@
  * each test title is unique.
  */
 const generateTitle = (title, config) => {
-    const { mode, direction, theme } = config;
-    if (theme === 'light') {
+    const { mode, direction, palette } = config;
+    if (palette === 'light') {
         /**
          * Ionic has many existing tests that existed prior to
-         * the introduction of theme testing. To maintain backwards
-         * compatibility, we will not include the theme in the test
-         * title if the theme is set to light.
+         * the introduction of palette testing. To maintain backwards
+         * compatibility, we will not include the palette in the test
+         * title if the palette is set to light.
          */
         return `${title} - ${mode}/${direction}`;
     }
-    return `${title} - ${mode}/${direction}/${theme}`;
+    return `${title} - ${mode}/${direction}/${palette}`;
 };
 /**
  * Generates a unique filename based on a base filename
  * and a test config.
  */
 const generateScreenshotName = (fileName, config) => {
-    const { mode, direction, theme } = config;
-    if (theme === 'light') {
+    const { mode, direction, palette } = config;
+    if (palette === 'light') {
         /**
          * Ionic has many existing tests that existed prior to
-         * the introduction of theme testing. To maintain backwards
-         * compatibility, we will not include the theme in the screenshot
-         * name if the theme is set to light.
+         * the introduction of palette testing. To maintain backwards
+         * compatibility, we will not include the palette in the screenshot
+         * name if the palette is set to light.
          */
         return `${fileName}-${mode}-${direction}.png`;
     }
-    return `${fileName}-${mode}-${direction}-${theme}.png`;
+    return `${fileName}-${mode}-${direction}-${palette}.png`;
 };
 /**
  * Given a config generate an array of test variants.
@@ -50,11 +50,11 @@ export const configs = (testConfig = DEFAULT_TEST_CONFIG_OPTION) => {
      */
     const processedMode = modes !== null && modes !== void 0 ? modes : DEFAULT_MODES;
     const processedDirection = directions !== null && directions !== void 0 ? directions : DEFAULT_DIRECTIONS;
-    const processedTheme = (_a = testConfig.themes) !== null && _a !== void 0 ? _a : DEFAULT_THEMES;
+    const processedPalette = (_a = testConfig.palettes) !== null && _a !== void 0 ? _a : DEFAULT_PALETTES;
     processedMode.forEach((mode) => {
         processedDirection.forEach((direction) => {
-            processedTheme.forEach((theme) => {
-                configs.push({ mode, direction, theme });
+            processedPalette.forEach((palette) => {
+                configs.push({ mode, direction, palette });
             });
         });
     });
@@ -68,9 +68,9 @@ export const configs = (testConfig = DEFAULT_TEST_CONFIG_OPTION) => {
 };
 const DEFAULT_MODES = ['ios', 'md'];
 const DEFAULT_DIRECTIONS = ['ltr', 'rtl'];
-const DEFAULT_THEMES = ['light'];
+const DEFAULT_PALETTES = ['light'];
 const DEFAULT_TEST_CONFIG_OPTION = {
     modes: DEFAULT_MODES,
     directions: DEFAULT_DIRECTIONS,
-    themes: DEFAULT_THEMES,
+    palettes: DEFAULT_PALETTES,
 };

package/dist/collection/utils/test/playwright/page/utils/set-content.js

@@ -18,16 +18,16 @@ export const setContent = async (page, html, testInfo, options) => {
     }
     let mode;
     let direction;
-    let theme;
+    let palette;
     if (options == undefined) {
         mode = testInfo.project.metadata.mode;
         direction = testInfo.project.metadata.rtl ? 'rtl' : 'ltr';
-        theme = testInfo.project.metadata.theme;
+        palette = testInfo.project.metadata.palette;
     }
     else {
         mode = options.mode;
         direction = options.direction;
-        theme = options.theme;
+        palette = options.palette;
     }
     const baseUrl = process.env.PLAYWRIGHT_TEST_BASE_URL;
     const output = `
@@ -39,7 +39,7 @@ export const setContent = async (page, html, testInfo, options) => {
         <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
         <link href="${baseUrl}/css/ionic.bundle.css" rel="stylesheet" />
         <link href="${baseUrl}/scripts/testing/styles.css" rel="stylesheet" />
-        ${theme !== 'light' ? `<link href="${baseUrl}/css/themes/${theme}.always.css" rel="stylesheet" />` : ''}
+        ${palette !== 'light' ? `<link href="${baseUrl}/css/palettes/${palette}.always.css" rel="stylesheet" />` : ''}
         <script src="${baseUrl}/scripts/testing/scripts.js"></script>
         <script type="module" src="${baseUrl}/dist/ionic/ionic.esm.js"></script>
         <script>
@@ -56,8 +56,8 @@ export const setContent = async (page, html, testInfo, options) => {
     </html>
   `;
     testInfo.annotations.push({
-        type: 'theme',
-        description: theme,
+        type: 'palette',
+        description: palette,
     });
     if (baseUrl) {
         await page.route(baseUrl, (route) => {