@ionic/core 7.4.4-dev.11696860023.1b8ee3ef → 7.4.4-dev.11696895407.1bd7a380

package/dist/cjs/ion-menu_3.cjs.entry.js

@@ -10,13 +10,13 @@ const cubicBezier = require('./cubic-bezier-6b9222ad.js');
 const index$2 = require('./index-306a7476.js');
 const gestureController = require('./gesture-controller-b46721be.js');
 const helpers = require('./helpers-ea4ccbcb.js');
-const index$1 = require('./index-97a3eade.js');
+const index$1 = require('./index-1f1ea05f.js');
 const overlays = require('./overlays-efc9d511.js');
 const ionicGlobal = require('./ionic-global-a71608df.js');
 const theme = require('./theme-fbc56b3b.js');
 const index$3 = require('./index-d8d1fc0b.js');
 require('./hardware-back-button-b67c8e75.js');
-require('./animation-2bb33618.js');
+require('./animation-c8bdd3c7.js');
 require('./framework-delegate-c0873a6f.js');
 require('./index-cc7dfb7c.js');
 
@@ -40,6 +40,14 @@ const Menu = class {
     this.lastOnEnd = 0;
     this.blocker = gestureController.GESTURE_CONTROLLER.createBlocker({ disableScroll: true });
     this.didLoad = false;
+    /**
+     * Flag used to determine if an open/close
+     * operation was cancelled. For example, if
+     * an app calls "menu.open" then disables the menu
+     * part way through the animation, then this would
+     * be considered a cancelled operation.
+     */
+    this.operationCancelled = false;
     this.isAnimating = false;
     this._isOpen = false;
     this.inheritedAttributes = {};
@@ -305,6 +313,15 @@ const Menu = class {
     this.beforeAnimation(shouldOpen);
     await this.loadAnimation();
     await this.startAnimation(shouldOpen, animated);
+    /**
+     * If the animation was cancelled then
+     * return false because the operation
+     * did not succeed.
+     */
+    if (this.operationCancelled) {
+      this.operationCancelled = false;
+      return false;
+    }
     this.afterAnimation(shouldOpen);
     return true;
   }
@@ -341,18 +358,23 @@ const Menu = class {
     const easingReverse = mode === 'ios' ? iosEasingReverse : mdEasingReverse;
     const ani = this.animation
       .direction(isReversed ? 'reverse' : 'normal')
-      .easing(isReversed ? easingReverse : easing)
-      .onFinish(() => {
-      if (ani.getDirection() === 'reverse') {
-        ani.direction('normal');
-      }
-    });
+      .easing(isReversed ? easingReverse : easing);
     if (animated) {
       await ani.play();
     }
     else {
       ani.play({ sync: true });
     }
+    /**
+     * We run this after the play invocation
+     * instead of using ani.onFinish so that
+     * multiple onFinish callbacks do not get
+     * run if an animation is played, stopped,
+     * and then played again.
+     */
+    if (ani.getDirection() === 'reverse') {
+      ani.direction('normal');
+    }
   }
   _isActive() {
     return !this.disabled && !this.isPaneVisible;
@@ -489,7 +511,6 @@ const Menu = class {
   }
   afterAnimation(isOpen) {
     var _a;
-    helpers.assert(this.isAnimating, '_before() should be called while animating');
     // keep opening/closing the menu disabled for a touch more yet
     // only add listeners/css if it's enabled and isOpen
     // and only remove listeners/css if it's not open
@@ -548,10 +569,29 @@ const Menu = class {
     if (this.gesture) {
       this.gesture.enable(isActive && this.swipeGesture);
     }
-    // Close menu immediately
-    if (!isActive && this._isOpen) {
-      // close if this menu is open, and should not be enabled
-      this.forceClosing();
+    /**
+     * If the menu is disabled but it is still open
+     * then we should close the menu immediately.
+     * Additionally, if the menu is in the process
+     * of animating {open, close} and the menu is disabled
+     * then it should still be closed immediately.
+     */
+    if (!isActive) {
+      /**
+       * It is possible to disable the menu while
+       * it is mid-animation. When this happens, we
+       * need to set the operationCancelled flag
+       * so that this._setOpen knows to return false
+       * and not run the "afterAnimation" callback.
+       */
+      if (this.isAnimating) {
+        this.operationCancelled = true;
+      }
+      /**
+       * If the menu is disabled then we should
+       * forcibly close the menu even if it is open.
+       */
+      this.afterAnimation(false);
     }
     if (index$2.doc === null || index$2.doc === void 0 ? void 0 : index$2.doc.contains(this.el)) {
       /**
@@ -564,14 +604,6 @@ const Menu = class {
         index$1.menuController._setActiveMenu(this);
       }
     }
-    helpers.assert(!this.isAnimating, 'can not be animating');
-  }
-  forceClosing() {
-    helpers.assert(this._isOpen, 'menu cannot be closed');
-    this.isAnimating = true;
-    const ani = this.animation.direction('reverse');
-    ani.play({ sync: true });
-    this.afterAnimation(false);
   }
   render() {
     const { type, disabled, isPaneVisible, inheritedAttributes, side } = this;

package/dist/cjs/ion-modal.cjs.entry.js

@@ -14,10 +14,10 @@ const index$4 = require('./index-cc7dfb7c.js');
 const capacitor = require('./capacitor-2ffba62a.js');
 const overlays = require('./overlays-efc9d511.js');
 const theme = require('./theme-fbc56b3b.js');
-const index$5 = require('./index-acf6bdf0.js');
+const index$5 = require('./index-fa649bd8.js');
 const ionicGlobal = require('./ionic-global-a71608df.js');
 const keyboard = require('./keyboard-38f2bb7b.js');
-const animation = require('./animation-2bb33618.js');
+const animation = require('./animation-c8bdd3c7.js');
 const cubicBezier = require('./cubic-bezier-6b9222ad.js');
 const index$1 = require('./index-0ee995e4.js');
 const index = require('./index-306a7476.js');

package/dist/cjs/ion-nav_2.cjs.entry.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-14a4821e.js');
 const cubicBezier = require('./cubic-bezier-6b9222ad.js');
 const helpers = require('./helpers-ea4ccbcb.js');
-const index$1 = require('./index-acf6bdf0.js');
+const index$1 = require('./index-fa649bd8.js');
 const ionicGlobal = require('./ionic-global-a71608df.js');
 const frameworkDelegate = require('./framework-delegate-c0873a6f.js');
 
@@ -135,7 +135,7 @@ const Nav = class {
     // We want to set this flag before any watch callbacks are manually called
     this.didLoad = true;
     this.rootChanged();
-    this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-6c57d1df.js'); })).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
+    this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-d0412fb6.js'); })).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
     this.swipeGestureChanged();
   }
   connectedCallback() {

package/dist/cjs/ion-popover.cjs.entry.js

@@ -13,8 +13,8 @@ const index$1 = require('./index-cc7dfb7c.js');
 const overlays = require('./overlays-efc9d511.js');
 const ionicGlobal = require('./ionic-global-a71608df.js');
 const theme = require('./theme-fbc56b3b.js');
-const index$2 = require('./index-acf6bdf0.js');
-const animation = require('./animation-2bb33618.js');
+const index$2 = require('./index-fa649bd8.js');
+const animation = require('./animation-c8bdd3c7.js');
 require('./index-306a7476.js');
 require('./hardware-back-button-b67c8e75.js');
 

package/dist/cjs/ion-radio_2.cjs.entry.js

@@ -32,7 +32,10 @@ const Radio = class {
       }
     };
     this.onClick = () => {
-      const { radioGroup, checked } = this;
+      const { radioGroup, checked, disabled } = this;
+      if (disabled) {
+        return;
+      }
       /**
        * The legacy control uses a native input inside
        * of the radio host, so we can set this.checked
@@ -232,7 +235,7 @@ const RadioGroup = class {
        * using the `name` attribute.
        */
       const selectedRadio = ev.target && ev.target.closest('ion-radio');
-      if (selectedRadio) {
+      if (selectedRadio && selectedRadio.disabled === false) {
         const currentValue = this.value;
         const newValue = selectedRadio.value;
         if (newValue !== currentValue) {

package/dist/cjs/ion-refresher_2.cjs.entry.js

@@ -11,7 +11,7 @@ const index$1 = require('./index-10873539.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const haptic = require('./haptic-c5f6b4d5.js');
 const ionicGlobal = require('./ionic-global-a71608df.js');
-const animation = require('./animation-2bb33618.js');
+const animation = require('./animation-c8bdd3c7.js');
 const config = require('./config-d5882735.js');
 const index$2 = require('./index-d8d1fc0b.js');
 const spinnerConfigs = require('./spinner-configs-f7b5105b.js');

package/dist/cjs/ion-tab-bar_2.cjs.entry.js

@@ -7,11 +7,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-14a4821e.js');
 const keyboardController = require('./keyboard-controller-50beb83a.js');
-const keyboard = require('./keyboard-fd7db491.js');
 const theme = require('./theme-fbc56b3b.js');
 const ionicGlobal = require('./ionic-global-a71608df.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 require('./index-306a7476.js');
+require('./keyboard-fd7db491.js');
 require('./capacitor-2ffba62a.js');
 
 const tabBarIosCss = ":host{-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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-bottom:var(--ion-safe-area-bottom, 0);border-top:var(--border);background:var(--background);color:var(--color);text-align:center;contain:strict;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}:host(.ion-color) ::slotted(ion-tab-button){--background-focused:var(--ion-color-shade);--color-selected:var(--ion-color-contrast)}:host(.ion-color) ::slotted(.tab-selected){color:var(--ion-color-contrast)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){color:rgba(var(--ion-color-contrast-rgb), 0.7)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){background:var(--ion-color-base)}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){padding-top:var(--ion-safe-area-top, 0);padding-bottom:0;border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host{--background:var(--ion-tab-bar-background, var(--ion-color-step-50, #f7f7f7));--background-focused:var(--ion-tab-bar-background-focused, #e0e0e0);--border:0.55px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));--color:var(--ion-tab-bar-color, var(--ion-color-step-600, #666666));--color-selected:var(--ion-tab-bar-color-selected, var(--ion-color-primary, #3880ff));height:50px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.tab-bar-translucent){--background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(210%) blur(20px);backdrop-filter:saturate(210%) blur(20px)}:host(.ion-color.tab-bar-translucent){background:rgba(var(--ion-color-base-rgb), 0.8)}:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.6)}}";
@@ -40,26 +40,17 @@ const TabBar = class {
     this.selectedTabChanged();
   }
   async connectedCallback() {
-    const resizeMode = await keyboard.Keyboard.getResizeMode();
-    /**
-     * If the resize mode is set to None then we don't want to
-     * hide the tab bar here since it will never sit on top
-     * of the keyboard. Hiding the tab bar will cause a layout shift
-     * in apps that have resize set to None.
-     */
-    if (resizeMode === undefined || resizeMode.mode !== keyboard.KeyboardResize.None) {
-      this.keyboardCtrl = await keyboardController.createKeyboardController(async (keyboardOpen, waitForResize) => {
-        /**
-         * If the keyboard is hiding, then we need to wait
-         * for the webview to resize. Otherwise, the tab bar
-         * will flicker before the webview resizes.
-         */
-        if (keyboardOpen === false && waitForResize !== undefined) {
-          await waitForResize;
-        }
-        this.keyboardVisible = keyboardOpen; // trigger re-render by updating state
-      });
-    }
+    this.keyboardCtrl = await keyboardController.createKeyboardController(async (keyboardOpen, waitForResize) => {
+      /**
+       * If the keyboard is hiding, then we need to wait
+       * for the webview to resize. Otherwise, the tab bar
+       * will flicker before the webview resizes.
+       */
+      if (keyboardOpen === false && waitForResize !== undefined) {
+        await waitForResize;
+      }
+      this.keyboardVisible = keyboardOpen; // trigger re-render by updating state
+    });
   }
   disconnectedCallback() {
     if (this.keyboardCtrl) {

package/dist/cjs/ion-toast.cjs.entry.js

@@ -13,7 +13,7 @@ const index$1 = require('./index-cc7dfb7c.js');
 const overlays = require('./overlays-efc9d511.js');
 const theme = require('./theme-fbc56b3b.js');
 const ionicGlobal = require('./ionic-global-a71608df.js');
-const animation = require('./animation-2bb33618.js');
+const animation = require('./animation-c8bdd3c7.js');
 require('./index-306a7476.js');
 require('./framework-delegate-c0873a6f.js');
 require('./hardware-back-button-b67c8e75.js');

package/dist/cjs/ion-toggle.cjs.entry.js

@@ -51,6 +51,9 @@ const Toggle = class {
       }
     };
     this.onClick = (ev) => {
+      if (this.disabled) {
+        return;
+      }
       ev.preventDefault();
       if (this.lastDrag + 300 < Date.now()) {
         this.toggleChecked();

package/dist/cjs/{ios.transition-e31445c2.js → ios.transition-4195d10d.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-const animation = require('./animation-2bb33618.js');
-const index = require('./index-acf6bdf0.js');
+const animation = require('./animation-c8bdd3c7.js');
+const index = require('./index-fa649bd8.js');
 require('./index-306a7476.js');
 require('./helpers-ea4ccbcb.js');
 require('./index-14a4821e.js');

package/dist/cjs/{md.transition-fb13ac79.js → md.transition-0713f667.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-const animation = require('./animation-2bb33618.js');
-const index = require('./index-acf6bdf0.js');
+const animation = require('./animation-c8bdd3c7.js');
+const index = require('./index-fa649bd8.js');
 require('./index-306a7476.js');
 require('./helpers-ea4ccbcb.js');
 require('./index-14a4821e.js');

package/dist/cjs/{swipe-back-6c57d1df.js → swipe-back-d0412fb6.js}

@@ -65,7 +65,11 @@ const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandl
   return index.createGesture({
     el,
     gestureName: 'goback-swipe',
-    gesturePriority: 40,
+    /**
+     * Swipe to go back should have priority over other horizontal swipe
+     * gestures. These gestures have a priority of 100 which is why 101 was chosen here.
+     */
+    gesturePriority: 101,
     threshold: 10,
     canStart,
     onStart: onStartHandler,

package/dist/collection/components/checkbox/checkbox.js

@@ -48,6 +48,9 @@ export class Checkbox {
       this.ionBlur.emit();
     };
     this.onClick = (ev) => {
+      if (this.disabled) {
+        return;
+      }
       this.toggleChecked(ev);
     };
     this.color = undefined;

package/dist/collection/components/footer/footer.js

@@ -4,7 +4,6 @@
 import { Host, h } from "@stencil/core";
 import { findIonContent, getScrollElement, printIonContentErrorMsg } from "../../utils/content/index";
 import { createKeyboardController } from "../../utils/keyboard/keyboard-controller";
-import { Keyboard, KeyboardResize } from "../../utils/native/keyboa";
 import { getIonMode } from "../../global/ionic-global";
 import { handleFooterFade } from "./footer.utils";
 /**
@@ -53,26 +52,17 @@ export class Footer {
     this.checkCollapsibleFooter();
   }
   async connectedCallback() {
-    const resizeMode = await Keyboard.getResizeMode();
-    /**
-     * If the resize mode is set to None then we don't want to
-     * hide the tab bar here since it will never sit on top
-     * of the keyboard. Hiding the tab bar will cause a layout shift
-     * in apps that have resize set to None.
-     */
-    if (resizeMode === undefined || resizeMode.mode !== KeyboardResize.None) {
-      this.keyboardCtrl = await createKeyboardController(async (keyboardOpen, waitForResize) => {
-        /**
-         * If the keyboard is hiding, then we need to wait
-         * for the webview to resize. Otherwise, the footer
-         * will flicker before the webview resizes.
-         */
-        if (keyboardOpen === false && waitForResize !== undefined) {
-          await waitForResize;
-        }
-        this.keyboardVisible = keyboardOpen; // trigger re-render by updating state
-      });
-    }
+    this.keyboardCtrl = await createKeyboardController(async (keyboardOpen, waitForResize) => {
+      /**
+       * If the keyboard is hiding, then we need to wait
+       * for the webview to resize. Otherwise, the footer
+       * will flicker before the webview resizes.
+       */
+      if (keyboardOpen === false && waitForResize !== undefined) {
+        await waitForResize;
+      }
+      this.keyboardVisible = keyboardOpen; // trigger re-render by updating state
+    });
   }
   disconnectedCallback() {
     if (this.keyboardCtrl) {

package/dist/collection/components/menu/menu.js

@@ -24,6 +24,14 @@ export class Menu {
     this.lastOnEnd = 0;
     this.blocker = GESTURE_CONTROLLER.createBlocker({ disableScroll: true });
     this.didLoad = false;
+    /**
+     * Flag used to determine if an open/close
+     * operation was cancelled. For example, if
+     * an app calls "menu.open" then disables the menu
+     * part way through the animation, then this would
+     * be considered a cancelled operation.
+     */
+    this.operationCancelled = false;
     this.isAnimating = false;
     this._isOpen = false;
     this.inheritedAttributes = {};
@@ -292,6 +300,15 @@ export class Menu {
     this.beforeAnimation(shouldOpen);
     await this.loadAnimation();
     await this.startAnimation(shouldOpen, animated);
+    /**
+     * If the animation was cancelled then
+     * return false because the operation
+     * did not succeed.
+     */
+    if (this.operationCancelled) {
+      this.operationCancelled = false;
+      return false;
+    }
     this.afterAnimation(shouldOpen);
     return true;
   }
@@ -328,18 +345,23 @@ export class Menu {
     const easingReverse = mode === 'ios' ? iosEasingReverse : mdEasingReverse;
     const ani = this.animation
       .direction(isReversed ? 'reverse' : 'normal')
-      .easing(isReversed ? easingReverse : easing)
-      .onFinish(() => {
-      if (ani.getDirection() === 'reverse') {
-        ani.direction('normal');
-      }
-    });
+      .easing(isReversed ? easingReverse : easing);
     if (animated) {
       await ani.play();
     }
     else {
       ani.play({ sync: true });
     }
+    /**
+     * We run this after the play invocation
+     * instead of using ani.onFinish so that
+     * multiple onFinish callbacks do not get
+     * run if an animation is played, stopped,
+     * and then played again.
+     */
+    if (ani.getDirection() === 'reverse') {
+      ani.direction('normal');
+    }
   }
   _isActive() {
     return !this.disabled && !this.isPaneVisible;
@@ -476,7 +498,6 @@ export class Menu {
   }
   afterAnimation(isOpen) {
     var _a;
-    assert(this.isAnimating, '_before() should be called while animating');
     // keep opening/closing the menu disabled for a touch more yet
     // only add listeners/css if it's enabled and isOpen
     // and only remove listeners/css if it's not open
@@ -535,10 +556,29 @@ export class Menu {
     if (this.gesture) {
       this.gesture.enable(isActive && this.swipeGesture);
     }
-    // Close menu immediately
-    if (!isActive && this._isOpen) {
-      // close if this menu is open, and should not be enabled
-      this.forceClosing();
+    /**
+     * If the menu is disabled but it is still open
+     * then we should close the menu immediately.
+     * Additionally, if the menu is in the process
+     * of animating {open, close} and the menu is disabled
+     * then it should still be closed immediately.
+     */
+    if (!isActive) {
+      /**
+       * It is possible to disable the menu while
+       * it is mid-animation. When this happens, we
+       * need to set the operationCancelled flag
+       * so that this._setOpen knows to return false
+       * and not run the "afterAnimation" callback.
+       */
+      if (this.isAnimating) {
+        this.operationCancelled = true;
+      }
+      /**
+       * If the menu is disabled then we should
+       * forcibly close the menu even if it is open.
+       */
+      this.afterAnimation(false);
     }
     if (doc === null || doc === void 0 ? void 0 : doc.contains(this.el)) {
       /**
@@ -551,14 +591,6 @@ export class Menu {
         menuController._setActiveMenu(this);
       }
     }
-    assert(!this.isAnimating, 'can not be animating');
-  }
-  forceClosing() {
-    assert(this._isOpen, 'menu cannot be closed');
-    this.isAnimating = true;
-    const ani = this.animation.direction('reverse');
-    ani.play({ sync: true });
-    this.afterAnimation(false);
   }
   render() {
     const { type, disabled, isPaneVisible, inheritedAttributes, side } = this;

package/dist/collection/components/menu/test/disable/menu.e2e.js

@@ -0,0 +1,55 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { expect } from "@playwright/test";
+import { configs, test } from "../../../../utils/test/playwright/index";
+/**
+ * This behavior does not vary across modes/directions
+ */
+configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('menu: disable'), () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto(`/src/components/menu/test/disable`, config);
+    });
+    test('should disable when menu is fully open', async ({ page }) => {
+      const logs = [];
+      page.on('console', (msg) => {
+        if (msg.type() === 'error') {
+          logs.push(msg.text());
+        }
+      });
+      const menu = page.locator('ion-menu');
+      // Should be visible on initial presentation
+      await menu.evaluate((el) => el.open());
+      await expect(menu).toBeVisible();
+      // Disabling menu should hide it
+      await menu.evaluate((el) => (el.disabled = true));
+      await expect(menu).toBeHidden();
+      // Re-enabling menu and opening it show make it visible
+      await menu.evaluate((el) => (el.disabled = false));
+      await menu.evaluate((el) => el.open());
+      await expect(menu).toBeVisible();
+      expect(logs.length).toBe(0);
+    });
+    test('should disable when menu is animating', async ({ page }) => {
+      const logs = [];
+      page.on('console', (msg) => {
+        if (msg.type() === 'error') {
+          logs.push(msg.text());
+        }
+      });
+      const menu = page.locator('ion-menu');
+      // Opening and quickly disabling menu should hide it
+      menu.evaluate((el) => {
+        el.open();
+        setTimeout(() => (el.disabled = true), 0);
+      });
+      await expect(menu).toBeHidden();
+      // Re-enabling menu and opening it show make it visible
+      await menu.evaluate((el) => (el.disabled = false));
+      await menu.evaluate((el) => el.open());
+      await expect(menu).toBeVisible();
+      expect(logs.length).toBe(0);
+    });
+  });
+});

package/dist/collection/components/radio/radio.js

@@ -27,7 +27,10 @@ export class Radio {
       }
     };
     this.onClick = () => {
-      const { radioGroup, checked } = this;
+      const { radioGroup, checked, disabled } = this;
+      if (disabled) {
+        return;
+      }
       /**
        * The legacy control uses a native input inside
        * of the radio host, so we can set this.checked

package/dist/collection/components/radio-group/radio-group.js

@@ -33,7 +33,7 @@ export class RadioGroup {
        * using the `name` attribute.
        */
       const selectedRadio = ev.target && ev.target.closest('ion-radio');
-      if (selectedRadio) {
+      if (selectedRadio && selectedRadio.disabled === false) {
         const currentValue = this.value;
         const newValue = selectedRadio.value;
         if (newValue !== currentValue) {

package/dist/collection/components/tab-bar/tab-bar.js

@@ -3,7 +3,6 @@
  */
 import { Host, h } from "@stencil/core";
 import { createKeyboardController } from "../../utils/keyboard/keyboard-controller";
-import { Keyboard, KeyboardResize } from "../../utils/native/keyboa";
 import { createColorClasses } from "../../utils/theme";
 import { getIonMode } from "../../global/ionic-global";
 /**
@@ -28,26 +27,17 @@ export class TabBar {
     this.selectedTabChanged();
   }
   async connectedCallback() {
-    const resizeMode = await Keyboard.getResizeMode();
-    /**
-     * If the resize mode is set to None then we don't want to
-     * hide the tab bar here since it will never sit on top
-     * of the keyboard. Hiding the tab bar will cause a layout shift
-     * in apps that have resize set to None.
-     */
-    if (resizeMode === undefined || resizeMode.mode !== KeyboardResize.None) {
-      this.keyboardCtrl = await createKeyboardController(async (keyboardOpen, waitForResize) => {
-        /**
-         * If the keyboard is hiding, then we need to wait
-         * for the webview to resize. Otherwise, the tab bar
-         * will flicker before the webview resizes.
-         */
-        if (keyboardOpen === false && waitForResize !== undefined) {
-          await waitForResize;
-        }
-        this.keyboardVisible = keyboardOpen; // trigger re-render by updating state
-      });
-    }
+    this.keyboardCtrl = await createKeyboardController(async (keyboardOpen, waitForResize) => {
+      /**
+       * If the keyboard is hiding, then we need to wait
+       * for the webview to resize. Otherwise, the tab bar
+       * will flicker before the webview resizes.
+       */
+      if (keyboardOpen === false && waitForResize !== undefined) {
+        await waitForResize;
+      }
+      this.keyboardVisible = keyboardOpen; // trigger re-render by updating state
+    });
   }
   disconnectedCallback() {
     if (this.keyboardCtrl) {

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

@@ -44,6 +44,9 @@ export class Toggle {
       }
     };
     this.onClick = (ev) => {
+      if (this.disabled) {
+        return;
+      }
       ev.preventDefault();
       if (this.lastDrag + 300 < Date.now()) {
         this.toggleChecked();